:root{--bg:#eefafa;--panel:#fbffff;--panel-strong:#fff;--ink:#12313a;--muted:#5f777b;--line:#cce8e8;--green:#13b6ad;--green-dark:#078c88;--blue:#227fa7;--gold:#ffbd32;--red:#d45d4c;--shadow:0 18px 44px #12313a1f}*{box-sizing:border-box}a{color:inherit;text-decoration:none}body{background:linear-gradient(135deg, #13b6ad1a, transparent 36%), linear-gradient(315deg, #ffbd3217, transparent 32%), var(--bg);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{background:var(--bg);grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{z-index:2;color:#f6ffff;background:#102f38;flex-direction:column;gap:24px;height:100dvh;min-height:100vh;padding:24px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{width:100%;color:inherit;text-align:left;background:linear-gradient(135deg,#27d5cc33,#ffbd3214),#ffffff0f;border:1px solid #27d5cc47;border-radius:8px;justify-content:center;align-items:center;gap:16px;padding:18px;text-decoration:none;display:flex;box-shadow:0 18px 32px #0000001f}.brand-logo{object-fit:contain;width:min(100%,154px);height:auto}.brand strong,.brand small,.brand em{display:block}.brand strong{font-size:24px;line-height:1}.brand small{color:#bce7e5;margin-top:6px;font-size:15px;font-weight:800}.brand em{color:#ffdd8a;letter-spacing:0;text-transform:uppercase;margin-top:10px;font-size:12px;font-style:normal;font-weight:900}.nav-list{gap:8px;display:grid}.mobile-nav{display:none;position:relative}.mobile-nav-label{color:#f6ffff;text-align:left;background:linear-gradient(135deg,#27d5cc2e,#ffbd320d),#ffffff0f;border:1px solid #27d5cc52;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:48px;padding:11px 14px;font-size:16px;font-weight:900;display:flex}.mobile-nav-label:after{content:"Menu";color:#ffdd8a;text-transform:uppercase;flex:none;font-size:12px;font-weight:900}.mobile-nav-list{z-index:20;background:#123940;border:1px solid #27d5cc3d;border-radius:8px;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;padding:10px;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 18px 34px #00000038}.nav-item{color:#e8fbfb;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;width:100%;padding:12px 14px;text-decoration:none;display:block}.nav-item:hover,.nav-item.active{background:#27d5cc24;border-color:#27d5cc52}.profile-card{background:#ffffff14;border:1px solid #bce7e53d;border-radius:8px;align-items:center;gap:12px;margin-top:auto;padding:14px;display:flex}.avatar{color:#0f6f6c;background:#dff8f6;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.profile-card span{color:#bce7e5;font-size:13px;display:block}.plan-card{background:#ffbd3217;border:1px solid #ffbd3247;border-radius:8px;gap:8px;padding:14px;display:grid}.plan-card strong{color:#ffdd8a}.plan-card .secondary-button{justify-self:start;min-width:132px}.plan-label{color:#bce7e5;text-transform:uppercase;font-size:12px;font-weight:900}.main{z-index:1;min-width:0;padding:28px;position:relative}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.topbar-title{min-width:0;padding:8px 0 10px 22px;position:relative}.topbar-title:before{content:"";background:linear-gradient(180deg, var(--gold), var(--green));border-radius:999px;width:7px;position:absolute;top:6px;bottom:8px;left:0;box-shadow:0 10px 28px #13b6ad47}.topbar .eyebrow{color:#078c88;text-transform:uppercase;align-items:center;gap:10px;margin:0 0 4px;font-size:clamp(14px,1.8vw,20px);font-weight:1000;line-height:1;display:inline-flex}.topbar .eyebrow:after{content:"";background:linear-gradient(90deg, var(--gold), #13b6ad00);border-radius:999px;width:min(22vw,180px);height:3px}.topbar h1{color:#0f3b4f;text-wrap:balance;max-width:760px;margin:0;font-size:clamp(38px,6vw,76px);line-height:.92}.topbar-actions,.hero-actions,.section-heading,.control-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.screen{display:none}.screen.active{display:block}.eyebrow{color:var(--green);letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:800}.hero-panel{grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);align-items:stretch;gap:24px;margin-bottom:24px;display:grid}.hero-copy{border:1px solid var(--line);background:linear-gradient(135deg, #13b6ad1f, transparent 46%), var(--panel);min-height:360px;box-shadow:var(--shadow);border-radius:8px;flex-direction:column;justify-content:center;padding:40px;display:flex}.hero-logo{object-fit:contain;width:120px;height:auto;margin-bottom:12px}.hero-copy h2,.auth-card h2,.form-panel h2,.section-heading h2{margin:0;font-size:clamp(26px,3vw,42px);line-height:1.05}.hero-copy p:not(.eyebrow),.form-panel p,.auth-aside p{max-width:620px;color:var(--muted);line-height:1.6}.match-preview{border:1px solid var(--line);color:#f7ffff;min-height:360px;box-shadow:var(--shadow);background:linear-gradient(135deg,#13b6ad47,#0000 45%),#12313a;border-radius:8px;grid-template-rows:auto 1fr auto;gap:18px;padding:24px;display:grid}.preview-header,.preview-footer,.preview-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.preview-label{color:#9ff0ec;font-size:13px;font-weight:900}.preview-header h3{margin:4px 0 0;font-size:28px}.preview-list{align-content:center;gap:12px;display:grid}.preview-row{background:#ffffff14;border:1px solid #bce7e52e;border-radius:8px;padding:14px}.preview-row.highlighted{background:#ffbd3224;border-color:#ffbd32b8}.preview-row div:nth-child(2){flex:1;min-width:0}.preview-row strong,.preview-row span{display:block}.preview-row span{color:#c7e4e4;margin-top:3px;font-size:13px}.blue-avatar{color:#166c92;background:#d7f6ff}.gold-avatar{color:#8b5b00;background:#fff1bd}.mini-action,.mini-status{color:#12313a;background:#f7ffff;border:1px solid #ffffff29;border-radius:8px;flex:none;min-height:32px;padding:7px 9px;font-size:12px;font-weight:900}.mini-status{color:#d9eeee;background:#ffffff1a}.preview-footer{color:#c7e4e4;flex-wrap:wrap;padding-top:4px;font-size:14px}.preview-footer strong{color:#f7ffff}.primary-button,.secondary-button,.ghost-button{text-align:center;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-height:42px;padding:10px 14px;font-weight:800;display:inline-flex}.primary-button{background:var(--green);color:#f7ffff;box-shadow:0 8px 18px #13b6ad33}.primary-button:hover{background:var(--green-dark)}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled{cursor:not-allowed;opacity:.58;box-shadow:none}.secondary-button{border-color:var(--line);background:var(--panel-strong);color:var(--ink)}.ghost-button{color:var(--ink);background:0 0;border-color:#0000}.compact{min-height:34px;padding:7px 10px;font-size:14px}.full-width{width:100%}.control-row,.form-panel,.list-panel,.chat-panel,.auth-card,.auth-aside,.leaderboard-table,.admin-card,.ranking-guide,.empty-state,.request-opponent{border:1px solid var(--line);background:var(--panel-strong);border-radius:8px}.control-row{padding:16px}.field{gap:7px;display:grid}.field span,.check-field span{color:var(--muted);font-size:13px;font-weight:700}.field input,.field select,.field textarea,.chat-compose input{border:1px solid var(--line);width:100%;min-height:42px;color:var(--ink);background:#fbffff;border-radius:8px;padding:10px 12px}.field textarea{resize:vertical}.wide{grid-column:1/-1}.check-field{align-items:center;gap:8px;min-height:42px;display:flex}.inline-status{color:var(--muted);margin:12px 0 20px}.content-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.nearby-results-header{border:1px solid var(--line);border-left:4px solid var(--green);color:var(--muted);background:#ffffffb8;border-radius:8px;grid-column:1/-1;justify-content:space-between;align-items:center;gap:16px;margin-top:6px;padding:14px 16px;display:flex}.nearby-results-header strong{color:var(--ink)}.nearby-results-header span{text-align:right}.player-card,.match-card,.venue-card,.conversation-card,.empty-state{border:1px solid var(--line);background:var(--panel-strong);border-radius:8px;padding:22px}.player-card:hover,.match-card:hover,.venue-card:hover,.conversation-card:hover{border-color:#8edddb;box-shadow:0 12px 28px #12313a17}.player-card{gap:14px;display:grid}.player-card .match-request-form{grid-template-columns:1fr}.player-card .field input,.player-card .field select{min-width:0}.venue-card{align-content:start;gap:14px;display:grid}.venue-card .meta-line{margin-top:2px}.venue-card p:not(.meta-line){margin:0;line-height:1.45}.venue-card .secondary-button{align-self:end;width:100%;margin-top:10px}.venue-suggestion-panel{grid-column:1/-1}.venue-status-panel{border:1px solid var(--line);background:var(--panel-strong);border-radius:8px;grid-column:1/-1;gap:12px;padding:18px;display:grid}.suggestion-list{gap:10px;display:grid}.suggestion-row{border:1px solid var(--line);background:#fbffff;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.suggestion-row strong,.suggestion-row span{display:block}.suggestion-row div>span{color:var(--muted);margin-top:4px}.venue-update-form{gap:10px;margin-top:10px;display:grid}.player-heading{align-items:center;gap:12px;min-width:0;display:flex}.player-heading.large{align-items:flex-start;gap:16px}.profile-photo{color:#12313a;border:2px solid #ffffffc7;border-radius:50%;flex:none;place-items:center;width:58px;height:58px;font-weight:900;display:grid;box-shadow:0 8px 20px #12313a1f}.profile-photo.large{width:84px;height:84px;font-size:24px}.card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.player-card h3,.match-card h3,.venue-card h3,.admin-card h3{margin:0;line-height:1.15}.meta-line{color:var(--muted);margin:10px 0 0;font-size:16px;line-height:1.5}.pill{color:#0f6f6c;background:#e3f7f5;border-radius:999px;align-items:center;min-height:28px;padding:5px 9px;font-size:12px;font-weight:900;display:inline-flex}.bronze{color:#8b5b00;background:#fff1bd}.silver{color:#4b6770;background:#e4f7f9}.gold{color:#624000;background:#ffd86f}.diamond{color:#166c92;background:#c8f2ff}.emerald{color:#08746f;background:#c9f4ee}.card-actions{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.card-actions form,.match-response-actions form{display:contents}.request-opponent{justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.info-strip{color:var(--ink);background:#e6f7f6;border:1px solid #9adfdd;border-radius:8px;padding:14px;font-weight:800}.info-strip.success{background:#e9f9ee;border-color:#89d8a4}.empty-state{grid-column:1/-1}.empty-state h3{margin:0 0 6px}.empty-state p{color:var(--muted);margin:0}.auth-layout,.two-column{grid-template-columns:minmax(320px,.8fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.auth-card,.auth-aside,.form-panel,.list-panel,.chat-panel{padding:24px}.auth-card,.form-panel{gap:16px;display:grid}.work-in-progress-panel{max-width:720px}.auth-aside{color:#f7ffff;background:linear-gradient(135deg,#ffbd322e,#0000 50%),#12313a;min-height:320px}.auth-aside p{color:#d9eeee}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.small{gap:12px}.section-heading{justify-content:space-between;margin-bottom:16px}.conversation-card,.venue-card,.match-card{align-content:start;gap:10px;margin-bottom:12px;display:grid}.conversation-card{width:100%;color:var(--ink);text-align:left;text-decoration:none}.conversation-card.active{border-color:var(--green);box-shadow:0 0 0 3px #13b6ad24}.chat-panel{grid-template-rows:auto 1fr auto;height:min(680px,100vh - 220px);min-height:520px;display:grid}.chat-log{overscroll-behavior:contain;flex-direction:column;gap:10px;min-height:0;padding:16px 0;display:flex;overflow-y:auto}.bubble{background:#e6f7f6;border-radius:8px;max-width:72%;padding:10px 12px}.bubble.me{background:#d2f4f0;align-self:flex-end}.chat-compose{grid-template-columns:1fr auto;gap:10px;display:grid}.tab-row{gap:8px;margin-bottom:16px;display:flex;overflow-x:auto}.tab{border:1px solid var(--line);background:var(--panel-strong);min-height:38px;color:var(--ink);border-radius:8px;justify-content:center;align-items:center;padding:8px 12px;font-weight:800;text-decoration:none;display:inline-flex}.tab.active{border-color:var(--green);background:#d2f4f0}.match-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;display:grid}.sport-switcher{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 18px;display:grid}.sport-switcher button{border:1px solid var(--line);background:var(--panel-strong);min-height:66px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;border-radius:8px;gap:4px;padding:12px 14px;font-weight:900;display:grid}.sport-switcher button.active{background:#e6f7f6;border-color:#43c6bf;box-shadow:0 0 0 2px #43c6bf29}.sport-switcher button:disabled{cursor:not-allowed;opacity:.58}.sport-switcher small{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.compact-sports{margin-bottom:16px}.match-card.verified{background:linear-gradient(135deg, #13b6ad1a, transparent 46%), var(--panel-strong);border-color:#9adfdd}.match-note{color:var(--muted);flex-wrap:wrap;gap:8px;font-size:14px;display:flex}.match-request-form,.match-detail-list{gap:10px;display:grid}.match-request-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.match-request-form .card-actions{grid-column:1/-1}.match-edit-form{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.match-detail-list div{border:1px solid var(--line);background:#fbffff;border-radius:8px;gap:4px;padding:10px 12px;display:grid}.match-detail-list span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.match-detail-list strong{line-height:1.35}.schedule-update-panel{gap:10px;margin-top:12px;display:grid}.pending-update-details div{background:#f1fbfa;border-color:#9adfdd}.status-strip{background:#e6f7f6;border:1px solid #9adfdd;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;padding:14px 16px;display:flex}.status-strip.success{background:#e9f9ee;border-color:#89d8a4}.status-strip span{color:var(--muted);text-align:right}.score-grid{gap:10px;display:grid}.score-row{grid-template-columns:80px 1fr 1fr;align-items:end;gap:10px;display:grid}.result-preview{border:1px dashed var(--line);color:var(--muted);border-radius:8px;padding:14px}.score-summary{align-content:start;gap:8px;display:grid}.score-editor{gap:10px;display:grid}.score-winner{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.score-winner label{border:1px solid var(--line);background:#fbffff;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-weight:800;display:flex}.score-grid{border:1px solid var(--line);background:#f7ffff;border-radius:8px;grid-template-columns:54px repeat(2,minmax(0,1fr));align-items:center;gap:8px;padding:10px;display:grid}.score-grid>span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.score-grid strong{color:var(--muted)}.score-grid input{border:1px solid var(--line);width:100%;min-height:38px;color:var(--ink);background:#fff;border-radius:8px;padding:8px;font-weight:800}.score-help{color:var(--muted);margin:0;font-size:13px;line-height:1.4}.submitted-score{border:1px solid var(--line);background:#f7ffff;border-radius:8px;gap:6px;padding:10px;display:grid}.submitted-score-header,.submitted-score-row{grid-template-columns:54px repeat(2,minmax(0,1fr));align-items:center;gap:8px;display:grid}.submitted-score-header{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.submitted-score-row{border-top:1px solid #cce8e8b8;padding-top:6px;font-weight:800}.submitted-score-row strong{color:var(--muted)}.score-summary-row{border:1px solid var(--line);background:#fbffff;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.ranking-guide{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px;padding:16px;display:grid}.leaderboard-switcher{border:1px solid var(--line);background:var(--panel-strong);border-radius:8px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:14px 16px;display:flex}.segmented-control{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.segmented-control button{border:1px solid var(--line);min-height:36px;color:var(--ink);background:#fbffff;border-radius:8px;padding:8px 12px;font-weight:800}.segmented-control button.active{border-color:var(--green);background:#d2f4f0}.ranking-guide article{background:#eafafa;border-radius:8px;padding:12px}.ranking-guide h3,.ranking-guide p{margin:0}.ranking-guide p{color:var(--muted);margin-top:6px;line-height:1.5}.rank-legend{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.rank-legend .pill{white-space:nowrap;border-radius:8px;min-height:30px}.leaderboard-row{border-bottom:1px solid var(--line);grid-template-columns:64px 1fr 120px 120px 120px;align-items:center;gap:12px;padding:14px 16px;display:grid}.leaderboard-row>:first-child{justify-self:center}.leaderboard-row:last-child{border-bottom:0}.leaderboard-row.header{color:var(--muted);text-transform:uppercase;font-size:13px;font-weight:900}.leaderboard-row.me-row{box-shadow:inset 4px 0 0 var(--green);background:#e6f7f6}.leaderboard-empty,.league-empty{color:var(--muted);padding:22px}.leaderboard-empty{border-top:1px solid var(--line);grid-column:1/-1}.leaderboard-empty h3{color:var(--ink);margin:0 0 6px}.leaderboard-empty p,.league-empty{margin:0}.trophy-rank{filter:drop-shadow(0 8px 12px #12313a24);border-radius:50%;place-items:center;width:58px;height:58px;display:inline-grid}.trophy-rank img{object-fit:contain;width:58px;height:58px;display:block}.gold-trophy,.silver-trophy,.bronze-trophy{background:0 0}.rank-number{place-items:center;min-width:58px;min-height:58px;display:inline-grid}.admin-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.admin-card{align-content:start;gap:14px;padding:34px;display:grid}.admin-card .meta-line{max-width:58ch;margin:0}.admin-card .card-actions,.admin-card>.primary-button,.admin-card>.secondary-button{justify-self:start;margin-top:8px}.pricing-grid,.creator-grid{grid-template-columns:repeat(2,minmax(280px,1fr));gap:16px;margin-bottom:18px;display:grid}.pricing-grid{max-width:980px}.creator-grid{grid-template-columns:1.1fr .9fr}.pricing-card,.league-preview-card{border:1px solid var(--line);background:var(--panel-strong);border-radius:8px;align-content:start;gap:14px;padding:20px;display:grid}.pricing-card{grid-template-rows:auto auto 1fr auto}.pricing-card.featured{border-color:#9adfdd;box-shadow:0 14px 32px #12313a1a}.pricing-card.active{box-shadow:inset 0 0 0 3px #13b6ad33}.pricing-card h3{margin:0;font-size:34px}.pricing-card p,.pricing-card ul,.monetization-note p,.league-preview-card p{color:var(--muted);margin:0;line-height:1.5}.pricing-card ul,.feature-list{gap:8px;padding-left:18px;display:grid}.feature-list{padding-left:0}.feature-list span,.mini-table span{border:1px solid var(--line);background:#fbffff;border-radius:8px;padding:10px 12px}.monetization-note,.locked-layout{background:#e6f7f6;border:1px solid #9adfdd;border-radius:8px;padding:18px}.settings-list{gap:10px;display:grid}.settings-row{border:1px solid var(--line);background:#fbffff;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.locked-layout{background:0 0;border:0;grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:18px;padding:0;display:grid}.league-preview-card{background:linear-gradient(135deg, #ffbd3224, transparent 52%), var(--panel-strong)}.mini-table,.league-table{gap:8px;display:grid}.join-panel{border-top:1px solid var(--line);gap:10px;padding-top:12px;display:grid}.league-row{border:1px solid var(--line);background:#fbffff;border-radius:8px;grid-template-columns:44px minmax(0,1fr) 80px 80px;align-items:center;gap:12px;padding:12px;display:grid}.toast{z-index:10;color:#f7ffff;max-width:calc(100vw - 32px);box-shadow:var(--shadow);background:#102f38;border-radius:8px;padding:12px 14px;transition:transform .18s;position:fixed;bottom:22px;left:50%;transform:translate(-50%,120px)}.toast.show{transform:translate(-50%)}@media (max-width:1050px){.app-shell{grid-template-columns:1fr}.sidebar{gap:14px;height:auto;min-height:0;padding:18px;position:static;overflow:visible}.main{padding:36px 28px}.topbar{align-items:flex-end;gap:18px;margin-bottom:28px}.topbar-title{padding:4px 0 8px 18px}.topbar-title:before{width:5px;top:4px;bottom:8px}.topbar .eyebrow{gap:8px;margin-bottom:8px;font-size:15px}.topbar .eyebrow:after{width:160px;height:2px}.topbar h1{max-width:620px;font-size:clamp(44px,5.6vw,58px);line-height:1}.topbar-actions{flex:none;padding-bottom:6px}.mobile-nav{display:block}.mobile-nav-label{display:none}.mobile-nav-list{box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:0;padding:0;display:grid;position:static}.nav-list{display:none}.nav-item{text-align:left}.mobile-nav-list .nav-item{text-align:center;background:#ffffff0a;border-color:#27d5cc2e;place-items:center;min-height:42px;padding:10px 8px;font-size:14px;font-weight:900;display:grid}.mobile-nav-list .nav-item.active{color:#fff;background:#27d5cc2e;border-color:#27d5ccb8}.brand{padding:12px}.brand-logo{width:min(100%,142px)}.brand strong{font-size:22px}.brand small{font-size:13px}.brand em{margin-top:6px;font-size:10px}.profile-card{margin-top:0}.profile-card,.plan-card{padding:10px 12px}.plan-card{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px}.plan-card button,.plan-card .secondary-button{grid-area:1/2/3;justify-self:end;width:auto;min-width:154px}.hero-panel,.auth-layout,.two-column,.content-grid,.match-list,.admin-grid,.ranking-guide,.pricing-grid,.creator-grid,.locked-layout{grid-template-columns:1fr}}@media (max-width:680px){body{background:var(--bg);overflow-x:hidden}.app-shell,.main,.sidebar,.screen,.hero-panel,.hero-copy,.match-preview,.control-row,.form-panel{min-width:0;max-width:100%}.main,.sidebar{padding:12px}.sidebar{gap:12px}.mobile-nav-list{scrollbar-width:none;gap:8px;margin-left:-12px;margin-right:-12px;padding:0 12px 4px;display:flex;overflow-x:auto}.mobile-nav-list::-webkit-scrollbar{display:none}.mobile-nav-list .nav-item{white-space:nowrap;background:#ffffff0d;border-color:#27d5cc38;flex:none;width:auto;min-width:116px;min-height:40px;padding:9px 12px}.mobile-nav-list .nav-item.active{order:-1}.brand{justify-content:center;align-items:center;gap:10px;min-height:88px;padding:12px}.brand-logo{width:min(100%,176px);max-height:64px}.brand strong{font-size:20px}.brand small{margin-top:4px;font-size:12px}.brand em{margin-top:6px;font-size:9px}.profile-card{padding:10px}.plan-card{grid-template-columns:1fr}.plan-card button,.plan-card .secondary-button{grid-area:auto;justify-self:stretch;width:100%}.topbar{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:16px}.topbar h1{font-size:40px;line-height:.96}.topbar-title{padding-left:16px}.topbar-title:before{width:5px}.topbar .eyebrow{font-size:13px}.topbar .eyebrow:after{width:72px}.topbar-actions,.hero-actions,.card-actions{width:100%}.topbar-actions{grid-template-columns:1fr 1fr;display:grid}.hero-actions,.card-actions{grid-template-columns:1fr;display:grid}.score-winner,.sport-switcher,.match-request-form{grid-template-columns:1fr}.score-grid{grid-template-columns:42px repeat(2,minmax(0,1fr));padding:8px}.submitted-score-header,.submitted-score-row{grid-template-columns:42px repeat(2,minmax(0,1fr))}.topbar-actions .primary-button,.topbar-actions .ghost-button,.hero-actions .primary-button,.hero-actions .secondary-button,.card-actions .primary-button,.card-actions .secondary-button,.primary-button,.secondary-button,.ghost-button{text-align:center;width:100%;min-width:0}.nav-item{text-align:left;white-space:nowrap;width:100%;min-width:0;padding:10px 12px;font-size:14px}.hero-copy{min-height:auto;padding:18px}.hero-copy h2,.auth-card h2,.form-panel h2,.section-heading h2{overflow-wrap:anywhere;font-size:27px;line-height:1.12}.hero-copy p:not(.eyebrow),.form-panel p,.auth-aside p{font-size:16px;line-height:1.5}.hero-logo{width:92px;margin-bottom:8px}.control-row,.form-panel,.list-panel,.chat-panel,.auth-card,.auth-aside,.pricing-card,.league-preview-card,.monetization-note{padding:16px}.control-row{align-items:stretch}.control-row .field,.control-row .secondary-button,.check-field{width:100%}.match-preview{min-height:280px;padding:16px}.preview-header,.preview-footer{flex-direction:column;align-items:flex-start}.preview-header h3{font-size:28px}.preview-row{flex-wrap:wrap;align-items:flex-start}.preview-row .mini-action,.preview-row .mini-status{text-align:center;width:100%}.field input,.field select,.field textarea,.chat-compose input{font-size:16px}.player-card,.match-card,.venue-card,.conversation-card{padding:20px}.admin-card{padding:24px}.nearby-results-header{flex-direction:column;align-items:flex-start;gap:6px}.nearby-results-header span{text-align:left}.card-top,.request-opponent,.section-heading,.settings-row,.status-strip,.leaderboard-switcher{flex-direction:column;align-items:flex-start}.segmented-control{justify-content:flex-start}.status-strip span{text-align:left}.player-heading.large{flex-direction:column}.suggestion-row{flex-direction:column;align-items:flex-start}.chat-panel{height:min(560px,100vh - 220px);min-height:380px}.chat-compose{grid-template-columns:1fr}.bubble{max-width:92%}.tab-row{margin:0 -14px 16px;padding:0 14px 4px}.tab{flex:none}.form-grid,.score-row,.league-row{grid-template-columns:1fr}.score-row{border:1px solid var(--line);background:#fbffff;border-radius:8px;padding:12px}.ranking-guide{padding:12px}.leaderboard-table{background:0 0;border:0}.leaderboard-row.header{display:none}.leaderboard-row{border:1px solid var(--line);background:var(--panel-strong);border-radius:8px;grid-template-columns:62px minmax(0,1fr);gap:10px 14px;margin-bottom:12px;padding:14px}.leaderboard-row>:first-child{grid-row:1/5;place-self:center}.leaderboard-row>:nth-child(n+2){grid-column:2}.leaderboard-row>:nth-child(4),.leaderboard-row>:nth-child(5){justify-content:space-between;gap:12px;width:100%;display:flex}.leaderboard-row>:nth-child(4):before{content:"Rating";color:var(--muted);font-weight:800}.leaderboard-row>:nth-child(5):before{content:"Record";color:var(--muted);font-weight:800}.trophy-rank,.trophy-rank img,.rank-number{width:52px;min-width:52px;height:52px;min-height:52px}}