:root{
  --bg:#f4f7f8;--surface:#ffffff;--surface-2:#eef3f4;--ink:#071523;--muted:#64727e;--line:#dce5e8;
  --navy:#071523;--navy-2:#0f2a3c;--lime:#c7ff42;--lime-dark:#8abc12;--danger:#c83a3a;--warning:#9a6500;
  --shadow:0 18px 50px rgba(7,21,35,.08);--shadow-sm:0 8px 24px rgba(7,21,35,.06);--radius:22px;--radius-sm:14px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}.container{width:min(1180px,calc(100% - 36px));margin-inline:auto}.narrow{width:min(820px,calc(100% - 36px))}.grow{flex:1}.muted{color:var(--muted)}
.site-header{position:sticky;top:0;z-index:100;background:rgba(7,21,35,.96);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(16px);color:#fff}.nav-shell{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:11px;font-weight:850;letter-spacing:-.03em;font-size:1.12rem}.brand-mark{position:relative;display:inline-grid;place-items:center;width:31px;height:31px;border:2px solid var(--lime);border-radius:50%;transform:rotate(-18deg)}.brand-mark:before,.brand-mark:after{content:"";position:absolute;background:var(--lime);opacity:.85}.brand-mark:before{width:2px;height:100%}.brand-mark:after{height:2px;width:100%}.brand-mark span{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--navy);z-index:2}.main-nav{display:flex;align-items:center;gap:22px;font-size:.92rem}.main-nav>a{opacity:.82;transition:.2s}.main-nav>a:hover{opacity:1}.nav-primary{background:var(--lime);color:var(--navy)!important;padding:10px 16px;border-radius:999px;font-weight:800;opacity:1!important}.nav-badge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;margin-left:5px;border-radius:999px;background:var(--lime);color:var(--navy);font-size:.68rem}.nav-toggle{display:none;width:42px;height:42px;border:0;border-radius:12px;background:rgba(255,255,255,.08);padding:10px}.nav-toggle span{display:block;height:2px;background:#fff;margin:5px 0;border-radius:3px}.nav-user{position:relative}.nav-user>button{display:flex;align-items:center;gap:8px;background:none;border:0;color:#fff;padding:0}.user-menu{display:none;position:absolute;right:0;top:44px;width:220px;padding:10px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.user-menu.open{display:grid}.user-menu a,.user-menu button{display:block;width:100%;padding:10px 11px;border:0;background:none;text-align:left;border-radius:10px}.user-menu a:hover,.user-menu button:hover{background:var(--surface-2)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.section{padding:64px 0}.page-hero{background:linear-gradient(135deg,var(--navy),#17374b);color:#fff;padding:74px 0}.compact-hero{padding:54px 0}.page-hero h1{margin:10px 0 8px;font-size:clamp(2.4rem,5vw,4.6rem);line-height:.98;letter-spacing:-.055em}.page-hero p{margin:0;color:#b9c8d2;font-size:1.08rem}.eyebrow{display:inline-block;color:#6a8f12;font-weight:850;letter-spacing:.13em;font-size:.72rem;text-transform:uppercase}.eyebrow.bright{color:var(--lime)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:13px;padding:12px 17px;font-weight:800;line-height:1;min-height:44px}.btn-large{padding:15px 22px;min-height:50px}.btn-small{padding:8px 11px;min-height:34px;font-size:.8rem}.btn-block{width:100%}.btn-primary{background:var(--lime);color:var(--navy)}.btn-primary:hover{background:#b8f02e}.btn-dark{background:var(--navy);color:#fff}.btn-dark:hover{background:#102a3e}.btn-soft{background:var(--surface-2);color:var(--ink)}.btn-danger-soft{background:#fee9e9;color:#a22b2b}.btn-outline-light{border:1px solid rgba(255,255,255,.25);color:#fff;background:rgba(255,255,255,.04)}.text-danger{background:none;border:0;color:var(--danger);padding:0;font-weight:750}.icon-btn{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--surface-2);border:0;font-weight:800}.clear-filter{font-size:.85rem;color:var(--muted);white-space:nowrap}
.flash-wrap{position:relative}.flash{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;padding:13px 16px;border-radius:14px;border:1px solid}.flash button{border:0;background:none;font-size:1.25rem}.flash-success{background:#e9fbd5;border-color:#c7eca1;color:#315d00}.flash-danger{background:#ffeded;border-color:#f5c3c3;color:#8e2424}.flash-warning{background:#fff6dc;border-color:#eed79d;color:#79510a}
.home-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 77% 20%,rgba(199,255,66,.16),transparent 28%),linear-gradient(135deg,#06111d,#0b2436 63%,#102e3e);color:#fff;padding:84px 0 86px}.home-hero:after{content:"";position:absolute;inset:auto -8% -220px auto;width:650px;height:650px;border:1px solid rgba(255,255,255,.06);border-radius:50%}.home-hero-grid{display:grid;grid-template-columns:1.13fr .87fr;gap:60px;align-items:center}.home-copy h1{font-size:clamp(3.7rem,7.4vw,7rem);line-height:.87;letter-spacing:-.075em;margin:16px 0 26px;max-width:760px}.home-copy h1 em{font-style:normal;color:var(--lime)}.home-copy>p{font-size:1.12rem;color:#bdcbd4;max-width:620px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 34px}.hero-stats{display:flex;gap:36px;border-top:1px solid rgba(255,255,255,.12);padding-top:24px}.hero-stats div{display:grid}.hero-stats strong{font-size:1.5rem}.hero-stats span{color:#9eafba;font-size:.8rem}.court-visual{position:relative;display:grid;place-items:center}.court-surface{position:relative;width:min(390px,90vw);aspect-ratio:4/5;border-radius:34px;background:linear-gradient(155deg,#3c5d25,#1c3310);box-shadow:0 35px 90px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.15);overflow:hidden}.court-surface:before{content:"";position:absolute;inset:42px;border:2px solid rgba(255,255,255,.78)}.court-surface:after{content:"";position:absolute;left:42px;right:42px;top:50%;border-top:2px solid rgba(255,255,255,.78)}.court-net{position:absolute;top:42px;bottom:42px;left:50%;border-left:2px solid rgba(255,255,255,.78)}.court-ball{position:absolute;right:58px;top:83px;color:var(--lime);font-size:3.8rem;text-shadow:0 15px 30px rgba(199,255,66,.4)}.visual-card{position:absolute;z-index:3;background:rgba(255,255,255,.96);color:var(--ink);box-shadow:0 20px 50px rgba(0,0,0,.22);border-radius:16px;padding:13px 15px;display:grid}.visual-card span{font-size:.78rem;color:var(--muted)}.visual-card-top{left:-42px;top:26%}.visual-card-bottom{right:-35px;bottom:18%;grid-template-columns:auto 1fr;align-items:center;gap:10px}.mini-avatars{display:flex}.mini-avatars i{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:var(--lime);font-style:normal;font-size:.68rem;border:2px solid #fff;margin-left:-7px}.mini-avatars i:first-child{margin-left:0}
.how-section{padding:76px 0;background:#fff}.section-heading{margin-bottom:26px}.section-heading h2{margin:7px 0 5px;font-size:clamp(2rem,4vw,3.35rem);line-height:1;letter-spacing:-.05em}.section-heading p{margin:0;color:var(--muted)}.section-heading.centered{text-align:center}.section-heading.inline-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step-card{position:relative;padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.step-card.featured{background:var(--navy);color:#fff;border-color:var(--navy);transform:translateY(-8px)}.step-card>b{position:absolute;right:22px;top:17px;color:#cbd4d8;font-size:1.7rem}.step-card.featured>b{color:#3c5363}.step-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:#eff7db;color:#5f840c;font-size:1.35rem}.featured .step-icon{background:var(--lime);color:var(--navy)}.step-card h3{font-size:1.25rem;margin:22px 0 8px}.step-card p{margin:0;color:var(--muted)}.featured p{color:#aebec8}
.matches-section{background:var(--bg)}.filter-panel{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px;margin-bottom:26px;box-shadow:var(--shadow-sm)}.filter-panel input,.filter-panel select{height:46px;border:0;background:#f3f6f7;border-radius:11px;padding:0 13px;outline:0;min-width:0}.filter-panel select{min-width:170px}.search-field{position:relative;display:flex;align-items:center;flex:1}.search-field span{position:absolute;left:13px;color:var(--muted)}.search-field input{width:100%;padding-left:34px}.matches-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.match-card{padding:22px;display:flex;flex-direction:column;min-height:295px;transition:.2s}.match-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.match-card-head{display:flex;justify-content:space-between;align-items:start}.date-badge,.date-square{display:grid;place-items:center;width:58px;height:62px;background:var(--navy);color:#fff;border-radius:15px;line-height:1}.date-badge b,.date-square b{font-size:1.45rem}.date-badge small,.date-square small{font-size:.7rem;color:var(--lime);text-transform:uppercase}.date-square.mini{width:43px;height:48px;border-radius:11px}.date-square.mini b{font-size:1rem}.level-tag,.soft-tag,.status-pill,.request-state{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;font-size:.74rem;font-weight:800}.level-tag{background:#eefece;color:#527708}.level-tag.large{font-size:.82rem}.soft-tag{background:var(--surface-2);color:#485864}.match-card h3{font-size:1.25rem;line-height:1.24;margin:21px 0 15px}.match-card-meta{display:grid;gap:8px;color:var(--muted);font-size:.86rem}.match-card-owner{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding-top:15px;margin-top:auto}.match-card-owner div{display:grid}.match-card-owner small{font-size:.68rem;color:var(--muted)}.match-card-owner a{margin-left:auto;font-weight:800;font-size:.85rem}.community-cta{padding:70px 0;background:var(--navy);color:#fff}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.cta-inner h2{font-size:clamp(2.3rem,5vw,4.4rem);line-height:.98;letter-spacing:-.055em;margin:8px 0 12px;max-width:780px}.cta-inner p{color:#afbec8;margin:0}
.players-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.player-card{padding:22px;display:flex;gap:16px}.player-avatar-link{flex:0 0 auto}.player-info{min-width:0;flex:1}.player-topline{display:flex;align-items:center;justify-content:space-between;gap:8px}.online-text{font-size:.7rem;color:var(--muted)}.player-card h2{font-size:1.15rem;margin:11px 0 3px}.location-line{font-size:.82rem;color:var(--muted);margin:0}.player-bio{font-size:.86rem;color:#52616c;min-height:42px}.player-card-actions{display:flex;justify-content:space-between;align-items:center}.avatar{display:inline-grid;place-items:center;object-fit:cover;border-radius:50%;background:#173348;color:var(--lime);font-weight:900;flex:0 0 auto}.avatar-xs{width:31px;height:31px;font-size:.67rem}.avatar-md{width:48px;height:48px}.avatar-lg{width:72px;height:72px;font-size:1.15rem}.avatar-xl{width:126px;height:126px;font-size:2rem}.avatar-fallback{border:1px solid rgba(255,255,255,.08)}.pagination{display:flex;justify-content:center;gap:7px;margin-top:30px}.pagination a,.pagination span{min-width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#fff;border:1px solid var(--line)}.pagination a.active{background:var(--navy);color:#fff;border-color:var(--navy)}
.auth-section{min-height:calc(100vh - 76px);background:radial-gradient(circle at 15% 15%,rgba(199,255,66,.13),transparent 25%),var(--navy);padding:60px 0;color:#fff}.auth-layout{width:min(1060px,calc(100% - 36px));margin:auto;display:grid;grid-template-columns:1fr 480px;gap:70px;align-items:center}.auth-layout-login{grid-template-columns:1fr 440px}.auth-copy h1{font-size:clamp(3.2rem,7vw,6.2rem);line-height:.9;letter-spacing:-.065em;margin:15px 0 24px}.auth-copy>p{color:#b3c2cc;font-size:1.08rem;max-width:500px}.feature-list{list-style:none;padding:0;margin:28px 0;display:grid;gap:12px}.feature-list li{display:flex;gap:10px;align-items:center;color:#d9e2e8}.feature-list li span{width:24px;height:24px;display:grid;place-items:center;background:var(--lime);color:var(--navy);border-radius:50%;font-size:.75rem;font-weight:900}.auth-card{padding:30px;color:var(--ink)}.auth-card h2{font-size:1.8rem;margin:0}.auth-card>p{margin:4px 0 24px}.form-stack,.form-grid{display:grid;gap:15px}.form-stack label,.form-grid label,.request-form label{display:grid;gap:7px;font-size:.87rem;font-weight:750}.form-stack input,.form-stack select,.form-stack textarea,.form-grid input,.form-grid select,.form-grid textarea,.request-form textarea,.report-form input,.report-form select,.report-form textarea,.admin-search input{width:100%;border:1px solid var(--line);border-radius:12px;background:#fff;padding:12px 13px;outline:0}.form-stack input:focus,.form-stack select:focus,.form-stack textarea:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#8fbf28;box-shadow:0 0 0 3px rgba(199,255,66,.2)}label small{color:var(--muted);font-weight:500}.check-line{grid-template-columns:auto 1fr!important;align-items:start!important}.check-line input{width:auto!important;margin-top:4px}.check-line a{text-decoration:underline}.auth-switch{text-align:center!important;margin:20px 0 0!important}.auth-switch a{font-weight:800;color:#4e7600}
.profile-layout{display:grid;grid-template-columns:310px 1fr;gap:20px;align-items:start}.profile-sidebar{padding:28px;text-align:center;position:sticky;top:96px}.profile-photo-wrap{position:relative;display:inline-block}.presence-dot{position:absolute;right:8px;bottom:11px;width:18px;height:18px;border-radius:50%;background:#7fc91b;border:3px solid #fff}.profile-sidebar h1{font-size:1.65rem;line-height:1.1;margin:17px 0 5px}.profile-place,.last-seen{color:var(--muted);font-size:.84rem}.profile-tags{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin:17px 0}.profile-actions{display:grid;gap:9px}.profile-content{display:grid;gap:18px}.profile-section{padding:28px}.section-title-row h2{margin:5px 0 0;font-size:1.6rem;letter-spacing:-.03em}.profile-bio-full{color:#42525e;font-size:1rem}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:25px}.detail-grid>div{display:grid;gap:3px;padding:15px;background:var(--surface-2);border-radius:13px}.detail-grid span{font-size:.73rem;color:var(--muted)}.contact-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.contact-option{display:flex;align-items:center;gap:11px;padding:15px;background:var(--surface-2);border-radius:14px}.contact-option>span{width:36px;height:36px;border-radius:10px;background:#fff;display:grid;place-items:center}.contact-option div{display:grid}.contact-option small{color:var(--muted)}.mini-match-list{display:grid}.mini-match-row{display:flex;align-items:center;gap:13px;padding:14px 0;border-bottom:1px solid var(--line)}.mini-match-row:last-child{border:0}.mini-match-row div{display:grid;flex:1}.mini-match-row small{color:var(--muted)}.safety-card{padding:20px}.safety-card summary{cursor:pointer;font-weight:800}.safety-actions{display:grid;gap:18px;padding-top:17px}.report-form{display:grid;gap:9px}.report-form select,.report-form textarea{border:1px solid var(--line);border-radius:12px;padding:10px}.settings-stack{display:grid;gap:20px}.settings-card{padding:28px}.settings-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.settings-heading h2{margin:0;font-size:1.55rem}.settings-heading p{margin:4px 0 0;color:var(--muted)}.two-columns{grid-template-columns:repeat(2,1fr)}.full-width{grid-column:1/-1}.settings-card hr{border:0;border-top:1px solid var(--line);margin:28px 0}.privacy-options{display:grid;gap:10px;margin-bottom:22px}.privacy-option{position:relative;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;background:var(--surface-2);padding:15px;border-radius:14px;cursor:pointer}.privacy-option input{position:absolute;opacity:0}.custom-check{width:22px;height:22px;border-radius:7px;border:2px solid #a6b2ba;background:#fff}.privacy-option input:checked+.custom-check{background:var(--lime);border-color:var(--lime-dark);box-shadow:inset 0 0 0 5px var(--lime)}.privacy-option input:checked+.custom-check:after{content:"✓";display:grid;place-items:center;color:var(--navy);font-weight:900;font-size:.75rem}.privacy-option div{display:grid}.privacy-option small{color:var(--muted)}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}
.match-layout{display:grid;grid-template-columns:1fr 360px;gap:20px;align-items:start}.match-main-card{padding:30px}.match-header-row{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:.78rem}.match-main-card h1{font-size:clamp(2.2rem,5vw,4.2rem);line-height:.98;letter-spacing:-.055em;margin:22px 0 28px}.status-open,.status-active{background:#e8fbd2;color:#477200}.status-closed,.status-suspended{background:#e8edef;color:#50616c}.status-cancelled,.status-rejected{background:#fde8e8;color:#a22d2d}.status-pending{background:#fff4d5;color:#886000}.status-accepted,.status-resolved{background:#e8fbd2;color:#477200}.match-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.match-facts>div{display:flex;align-items:center;gap:11px;background:var(--surface-2);padding:14px;border-radius:14px}.match-facts div div{display:grid}.match-facts small{color:var(--muted)}.fact-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#fff}.match-description{border-top:1px solid var(--line);margin-top:28px;padding-top:25px}.match-description h2{font-size:1.25rem}.owner-controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:26px}.owner-controls form{display:flex;gap:9px}.match-sidebar{display:grid;gap:15px;position:sticky;top:96px}.organizer-card{padding:24px}.organizer-profile{display:flex;align-items:center;gap:13px;margin:17px 0 21px}.organizer-profile div{display:grid}.organizer-profile span{color:var(--muted);font-size:.83rem}.request-form{display:grid;gap:12px}.request-status-box,.notice,.chat-disabled{padding:13px;border-radius:12px;background:var(--surface-2);font-size:.87rem}.request-status-box p{margin:5px 0 0}.report-match-card{padding:18px}.report-match-card summary{cursor:pointer;font-weight:750}.compact-form{margin-top:13px}.request-section{margin-top:42px}.requests-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.request-card{padding:20px}.request-user{display:flex;align-items:center;gap:11px}.request-user>div{display:grid}.request-user div span{color:var(--muted);font-size:.78rem}.request-state{margin-left:auto}.state-pending{background:#fff3d5;color:#8d6200}.state-accepted{background:#e8fbd2;color:#477200}.state-rejected,.state-cancelled{background:#fde8e8;color:#a22d2d}.request-card>p{color:#52616c}.request-buttons{display:flex;gap:8px}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.account-list{display:grid;gap:11px}.account-row{display:flex;align-items:center;gap:13px;padding:16px}.account-row h3{margin:0;font-size:1rem}.account-row p{margin:4px 0;color:var(--muted);font-size:.82rem}.account-row small{color:var(--muted)}.account-title-line{display:flex;justify-content:space-between;gap:10px}
.conversation-list,.notification-list{padding:8px 20px}.conversation-row{display:flex;align-items:center;gap:13px;padding:15px 4px;border-bottom:1px solid var(--line)}.conversation-row:last-child{border:0}.conversation-row.unread{background:linear-gradient(90deg,rgba(199,255,66,.12),transparent);margin-inline:-20px;padding-inline:24px}.conversation-main{flex:1;min-width:0}.conversation-main>div{display:flex;justify-content:space-between;gap:10px}.conversation-main span{font-size:.72rem;color:var(--muted)}.conversation-main p{margin:3px 0 0;color:#52616c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-meta{display:grid;justify-items:end;gap:6px}.conversation-meta small{color:var(--muted)}.conversation-meta b{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:var(--lime);font-size:.7rem}.empty-inline{text-align:center;padding:45px 20px}.empty-inline>span{font-size:2.5rem}.empty-inline h3{margin:10px 0 4px}.empty-inline p{color:var(--muted)}.chat-section{padding:24px 0 54px}.chat-shell{overflow:hidden}.chat-header{display:flex;align-items:center;gap:11px;padding:14px 18px;border-bottom:1px solid var(--line)}.back-link{font-size:1.3rem}.chat-person{display:flex;align-items:center;gap:10px;flex:1}.chat-person div{display:grid}.chat-person span{font-size:.75rem;color:var(--muted)}.chat-messages{height:min(63vh,620px);overflow-y:auto;background:#eef3f4;padding:22px;display:flex;flex-direction:column;gap:9px}.chat-start{text-align:center;margin:auto;color:var(--muted)}.chat-start span{font-size:2.8rem}.chat-start h3{margin:8px 0}.message-bubble{max-width:76%;padding:10px 13px;border-radius:16px;box-shadow:0 2px 8px rgba(7,21,35,.05)}.message-bubble p{margin:0;white-space:pre-wrap;word-break:break-word}.message-bubble small{display:block;margin-top:5px;font-size:.68rem;opacity:.63}.message-bubble.mine{align-self:flex-end;background:var(--navy);color:#fff;border-bottom-right-radius:4px}.message-bubble.theirs{align-self:flex-start;background:#fff;border-bottom-left-radius:4px}.chat-compose{display:flex;gap:10px;padding:13px;background:#fff}.chat-compose textarea{flex:1;resize:none;max-height:130px;border:1px solid var(--line);border-radius:14px;padding:12px;outline:0}.send-button{width:47px;height:47px;border-radius:14px;border:0;background:var(--lime);color:var(--navy);font-size:1.2rem}.chat-disabled{text-align:center;border-radius:0}.notification-row{display:flex;align-items:center;gap:12px;padding:16px 4px;border-bottom:1px solid var(--line)}.notification-row:last-child{border:0}.notification-icon{color:var(--lime-dark)}.notification-row div{display:grid;flex:1}.notification-row small{color:var(--muted)}
.admin-page{padding:36px 0 70px}.admin-layout{display:grid;grid-template-columns:240px 1fr;gap:22px;align-items:start}.admin-nav{padding:18px;display:grid;position:sticky;top:96px}.admin-nav h2{margin:5px 0 18px}.admin-nav a{display:flex;justify-content:space-between;padding:11px;border-radius:11px}.admin-nav a.active,.admin-nav a:hover{background:var(--surface-2)}.admin-nav b{background:var(--danger);color:#fff;border-radius:99px;padding:1px 7px;font-size:.7rem}.admin-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:23px}.admin-heading h1{font-size:2.8rem;line-height:1;margin:7px 0}.admin-heading p{margin:0;color:var(--muted)}.admin-search{display:flex;gap:8px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.stat-card{padding:20px;display:grid}.stat-card span,.stat-card small{color:var(--muted)}.stat-card strong{font-size:2.1rem}.dashboard-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}.dashboard-panel{padding:20px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.panel-title h2{font-size:1.15rem}.panel-title a{font-size:.8rem;font-weight:800}.dashboard-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.dashboard-row:last-child{border:0}.dashboard-row div{display:grid;flex:1}.dashboard-row small{color:var(--muted)}.dashboard-row time{color:var(--muted);font-size:.75rem}.table-card{padding:0;overflow:hidden}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:700px}th,td{text-align:left;padding:13px 15px;border-bottom:1px solid var(--line);font-size:.84rem}th{background:#f6f8f9;color:#5b6b76;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}.table-user{display:flex;align-items:center;gap:9px}.table-user div{display:grid}.table-user small,.table-subtext{display:block;color:var(--muted)}.reports-list{display:grid;gap:13px}.report-card{padding:21px}.report-top{display:flex;justify-content:space-between}.report-top h3{margin:8px 0}.report-card dl{display:flex;gap:24px;flex-wrap:wrap}.report-card dl div{display:grid}.report-card dt{font-size:.7rem;color:var(--muted)}
.legal-page h1{font-size:clamp(2.7rem,6vw,5rem);line-height:.95;letter-spacing:-.06em;margin:12px 0 28px}.legal-card{padding:30px}.legal-card h2{margin-top:28px}.legal-card p{color:#465762}.empty-state{text-align:center;padding:46px 24px;grid-column:1/-1}.empty-icon{font-size:2.8rem}.empty-state h3{margin:10px 0 4px}.empty-state p{color:var(--muted);max-width:500px;margin:0 auto 18px}.site-footer{background:#fff;border-top:1px solid var(--line);padding:48px 0 20px}.footer-grid{display:grid;grid-template-columns:1.6fr .7fr .7fr;gap:40px}.footer-brand{margin-bottom:14px}.footer-grid p{color:var(--muted);max-width:450px}.footer-links{display:grid;align-content:start;gap:8px}.footer-links strong{margin-bottom:6px}.footer-links a{color:var(--muted)}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:35px;padding-top:18px;color:var(--muted);font-size:.78rem}
.installer-page{min-height:100vh;background:radial-gradient(circle at 15% 10%,rgba(199,255,66,.15),transparent 25%),var(--navy);display:grid;place-items:center;padding:35px}.installer-shell{width:min(680px,100%);background:#fff;border-radius:28px;padding:34px;box-shadow:0 35px 100px rgba(0,0,0,.3)}.installer-brand{display:flex;align-items:center;gap:10px;margin-bottom:25px}.installer-heading h1,.installer-success h1{font-size:2.5rem;line-height:1;margin:9px 0 12px;letter-spacing:-.045em}.installer-heading p{color:var(--muted)}.installer-form{display:grid;gap:18px;margin-top:25px}.installer-form fieldset{border:1px solid var(--line);border-radius:16px;padding:17px;display:grid;gap:12px}.installer-form legend{font-weight:850;padding:0 6px}.installer-form label{display:grid;gap:6px;font-size:.84rem;font-weight:750}.installer-form input{border:1px solid var(--line);border-radius:11px;padding:11px}.form-columns{display:grid;grid-template-columns:1fr 120px;gap:10px}.installer-success{text-align:center}.success-icon{display:grid;place-items:center;margin:auto;width:66px;height:66px;border-radius:50%;background:var(--lime);font-size:2rem;font-weight:900}.notice{margin-top:15px;color:var(--muted)}
@media(max-width:1050px){.players-grid{grid-template-columns:repeat(2,1fr)}.matches-grid{grid-template-columns:repeat(2,1fr)}.home-hero-grid{grid-template-columns:1fr .7fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.nav-toggle{display:block}.main-nav{display:none;position:absolute;left:18px;right:18px;top:69px;background:#0b2233;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:17px;flex-direction:column;align-items:stretch;box-shadow:0 22px 50px rgba(0,0,0,.3)}.main-nav.open{display:flex}.nav-user>button{width:100%;justify-content:flex-start}.user-menu{position:static;width:100%;margin-top:8px}.home-hero-grid,.auth-layout,.profile-layout,.match-layout,.admin-layout,.account-grid{grid-template-columns:1fr}.court-visual{display:none}.profile-sidebar,.match-sidebar,.admin-nav{position:static}.contact-options{grid-template-columns:1fr}.steps-grid{grid-template-columns:1fr}.step-card.featured{transform:none}.admin-nav{display:flex;overflow:auto;align-items:center}.admin-nav .eyebrow,.admin-nav h2{display:none}.dashboard-columns{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:640px){.container,.narrow{width:min(100% - 24px,1180px)}.section{padding:44px 0}.page-hero,.compact-hero{padding:42px 0}.home-hero{padding:60px 0}.home-copy h1{font-size:3.75rem}.hero-stats{gap:18px;justify-content:space-between}.hero-stats strong{font-size:1.2rem}.filter-panel{flex-direction:column;align-items:stretch}.filter-panel select{width:100%;min-width:0}.matches-grid,.players-grid,.requests-grid,.two-columns,.detail-grid,.match-facts,.stats-grid{grid-template-columns:1fr}.player-card{padding:18px}.section-heading.inline-heading,.cta-inner,.admin-heading{align-items:flex-start;flex-direction:column}.cta-inner{display:flex}.auth-section{padding:35px 0}.auth-layout{gap:32px}.auth-copy h1{font-size:3.4rem}.auth-card{padding:22px}.profile-section,.settings-card,.match-main-card{padding:21px}.profile-sidebar{padding:22px}.profile-photo-wrap .avatar-xl{width:105px;height:105px}.match-main-card h1{font-size:2.45rem}.match-header-row{align-items:flex-start;gap:12px;flex-direction:column}.owner-controls,.owner-controls form{align-items:stretch;flex-direction:column}.account-row{align-items:flex-start}.account-title-line{display:block}.chat-section{padding-top:12px}.chat-messages{height:58vh;padding:15px}.message-bubble{max-width:88%}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:6px}.installer-page{padding:15px}.installer-shell{padding:22px}.form-columns{grid-template-columns:1fr}.admin-heading h1{font-size:2.2rem}}

/* v1.0.3 profile save and match contact method */
.profile-save-bar{position:sticky;bottom:12px;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:24px;padding:15px 16px;background:rgba(10,27,43,.96);color:#fff;border-radius:16px;box-shadow:0 14px 34px rgba(5,20,32,.22)}
.profile-save-bar>div{display:grid}.profile-save-bar small{color:#b9c6cf}.contact-method-field{margin-top:4px}.field-title{display:block;font-weight:800;margin-bottom:3px}.field-help{color:var(--muted);margin:0 0 12px}.contact-method-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.contact-method-option{position:relative;display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:start;padding:14px;background:var(--surface-2);border:1px solid var(--line);border-radius:14px;cursor:pointer}.contact-method-option input{position:absolute;opacity:0}.custom-radio{width:22px;height:22px;border-radius:50%;border:2px solid #a6b2ba;background:#fff}.contact-method-option input:checked+.custom-radio{border:6px solid var(--lime-dark);background:#fff}.contact-method-option:has(input:checked){border-color:var(--lime-dark);box-shadow:0 0 0 3px rgba(183,255,49,.15)}.contact-method-option div{display:grid}.contact-method-option small{color:var(--muted)}.contact-method-option.is-disabled{opacity:.5;cursor:not-allowed}.warning-notice{margin-top:12px}.warning-notice a{text-decoration:underline;font-weight:800}.preferred-contact-box{display:grid;gap:9px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:14px 0}.preferred-contact-box>small{color:var(--muted);font-weight:700}.match-facts{grid-template-columns:repeat(2,1fr)}
@media(max-width:700px){.contact-method-options{grid-template-columns:1fr}.profile-save-bar{align-items:stretch;flex-direction:column}.profile-save-bar .btn{width:100%}}

/* v1.0.4 - tarayıcı uyumlu görünür seçim alanları */
.native-choice-list,.contact-method-options{display:grid;grid-template-columns:1fr;gap:10px;margin-top:12px}
.native-choice{display:flex!important;align-items:flex-start!important;gap:12px!important;width:100%;padding:14px 16px;background:#f3f6f7;border:1px solid #d9e1e5;border-radius:14px;cursor:pointer;color:#071523}
.native-choice input[type="checkbox"],.native-choice input[type="radio"]{position:static!important;opacity:1!important;appearance:auto!important;-webkit-appearance:auto!important;width:18px!important;height:18px!important;min-width:18px;margin:3px 0 0;accent-color:#7fae12;cursor:pointer}
.native-choice>span{display:grid;gap:2px;min-width:0}
.native-choice strong{display:block;color:#071523;font-size:.95rem}
.native-choice small{display:block;color:#64737d;font-size:.82rem;line-height:1.4}
.native-choice.is-disabled{opacity:.55;cursor:not-allowed}
.visible-submit-area{display:block;margin-top:22px;padding-top:18px;border-top:1px solid #d9e1e5}
.visible-submit-area .btn{display:flex!important;visibility:visible!important;opacity:1!important;background:#c7ff42!important;color:#071523!important;font-size:1rem!important}
.form-actions{display:flex!important;visibility:visible!important;opacity:1!important}
.form-actions .btn{display:inline-flex!important;visibility:visible!important;opacity:1!important}
@media(min-width:760px){.contact-method-options{grid-template-columns:repeat(3,1fr)}}

/* v1.0.7 — Ana sayfa kort görseli düzeltmesi */
.court-visual{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:430px;
  padding:26px 18px;
}
.court-surface{
  position:relative;
  width:min(470px,100%);
  aspect-ratio:1.38/1;
  border-radius:30px;
  overflow:visible;
  background:linear-gradient(145deg,#365f22 0%,#254a18 52%,#18360f 100%);
  box-shadow:0 38px 90px rgba(0,0,0,.38),inset 0 0 0 1px rgba(255,255,255,.12);
  transform:perspective(1000px) rotateX(3deg) rotateY(-4deg);
}
.court-surface:before{
  content:"";
  position:absolute;
  inset:30px;
  border:3px solid rgba(255,255,255,.86);
  border-radius:2px;
  box-sizing:border-box;
}
.court-surface:after{
  content:"";
  position:absolute;
  left:30px;
  right:30px;
  top:50%;
  border-top:3px solid rgba(255,255,255,.86);
  transform:translateY(-50%);
}
.court-net{
  position:absolute;
  left:50%;
  top:30px;
  bottom:30px;
  width:0;
  border-left:3px solid rgba(255,255,255,.86);
  transform:translateX(-50%);
}
.court-net:before,.court-net:after{
  content:"";
  position:absolute;
  left:-118px;
  width:236px;
  border-top:3px solid rgba(255,255,255,.86);
}
.court-net:before{top:31%;}
.court-net:after{bottom:31%;}
.court-ball{
  position:absolute;
  right:74px;
  top:72px;
  width:25px;
  height:25px;
  display:block;
  overflow:hidden;
  border-radius:50%;
  color:transparent;
  background:var(--lime);
  box-shadow:0 0 0 5px rgba(199,255,66,.12),0 12px 26px rgba(199,255,66,.4);
}
.visual-card{
  position:absolute;
  z-index:4;
  background:#fff;
  color:var(--ink);
  border:1px solid rgba(7,21,35,.08);
  box-shadow:0 18px 42px rgba(0,0,0,.24);
  border-radius:15px;
  padding:13px 15px;
  display:grid;
  min-width:178px;
  transform:none;
}
.visual-card b{font-size:.92rem;white-space:nowrap}
.visual-card span{font-size:.74rem;color:var(--muted);white-space:nowrap}
.visual-card-top{left:-18px;top:48px}
.visual-card-bottom{right:-18px;bottom:42px;grid-template-columns:auto 1fr;align-items:center;gap:10px}
.mini-avatars i{width:27px;height:27px}
@media(max-width:1100px){
  .court-surface{width:min(410px,100%)}
  .visual-card-top{left:8px;top:28px}
  .visual-card-bottom{right:8px;bottom:28px}
}


/* Admin v1.1 */
body{background:var(--surface-bg,#f3f6f7)}
.btn-primary,.nav-primary{background:var(--accent,#baff2a)!important}.site-header,.page-hero,.hero-section{background-color:var(--navy,#071523)}
.admin-message-layout{display:grid;grid-template-columns:330px 1fr;gap:18px}.conversation-admin-list{max-height:680px;overflow:auto;padding:8px}.admin-conversation{display:grid;gap:4px;padding:14px;border-radius:12px;border-bottom:1px solid #e7edef}.admin-conversation:hover,.admin-conversation.active{background:#eef4f5}.admin-conversation span{font-size:12px;color:#71808a}.admin-message-view{min-height:520px}.admin-message-head{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #e3eaed;padding-bottom:14px}.admin-message-head h2{margin:0}.admin-message-thread{display:grid;gap:12px;max-height:650px;overflow:auto;padding-top:16px}.admin-message-bubble{padding:14px;border:1px solid #e1e9ec;border-radius:14px;background:#f8fafb}.admin-message-bubble p{margin:5px 0}.admin-message-bubble small{color:#71808a}.admin-settings-form{display:grid;gap:22px}.admin-settings-form h2{margin:10px 0 0;border-bottom:1px solid #e3eaed;padding-bottom:10px}.color-settings{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.color-settings label{display:grid;gap:8px;font-weight:700}.color-settings input[type=color]{width:100%;height:56px;border:1px solid #d9e2e6;border-radius:12px;padding:5px;background:white}.full-width{grid-column:1/-1}@media(max-width:900px){.admin-message-layout{grid-template-columns:1fr}.conversation-admin-list{max-height:300px}.color-settings{grid-template-columns:1fr}}