@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap";.spot-landing{min-height:100vh;color:#f7faed;background-color:#071a1a;background-image:linear-gradient(90deg,#031412f5 0%,#061817d9 35%,#06181754 72%),linear-gradient(0deg,#031512e8 0%,transparent 46%),var(--spot-stadium);background-position:50%,50%,50% 42%;background-size:cover;flex-direction:column;min-height:100dvh;font-family:Manrope,Arial,sans-serif;display:flex}.spot-landing *{box-sizing:border-box}.spot-header{justify-content:space-between;align-items:center;gap:20px;padding:22px clamp(20px,5vw,76px);display:flex}.spot-brand{color:#f7faed;letter-spacing:.015em;align-items:center;gap:11px;font:800 25px/1 Barlow Condensed,Arial,sans-serif;text-decoration:none;display:flex}.spot-brand-mark{color:#e8f8ad;border:2px solid #d9f28d;border-radius:7px;place-items:center;width:39px;height:39px;font-size:29px;display:grid}.spot-brand-mark span,.spot-hero h1 span{color:#dbf489}.spot-language{background:#071b19c9;border:1px solid #78947c;border-radius:7px;gap:2px;padding:3px;display:flex}.spot-language button{color:#d1e0cc;cursor:pointer;background:0 0;border:0;border-radius:4px;width:44px;min-height:44px;font-size:11px;font-weight:800}.spot-language button[aria-pressed=true]{color:#16321e;background:#d9f28d}.spot-hero{flex:1;align-items:center;padding:24px clamp(20px,8vw,124px) 46px;display:flex}.spot-hero-copy{max-width:640px}.spot-eyebrow{color:#d9f28d;letter-spacing:.19em;margin:0 0 16px;font-size:11px;font-weight:800}.spot-hero h1{letter-spacing:-.025em;text-transform:uppercase;margin:0;font:800 clamp(78px,11vw,178px)/.76 Barlow Condensed,Impact,sans-serif}.spot-tagline{color:#e6f7bd;letter-spacing:.04em;margin:20px 0 0;font:700 clamp(25px,3vw,42px)/1 Barlow Condensed,Arial,sans-serif}.spot-intro{color:#dae7d7;max-width:440px;margin:21px 0 29px;font-size:14px;line-height:1.6}.spot-opponents{border:0;max-width:530px;margin:0;padding:0}.spot-opponents legend{color:#c7dfad;letter-spacing:.15em;padding:0 0 9px;font-size:10px;font-weight:800}.spot-opponents>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.spot-opponents button{color:#eaf4e7;cursor:pointer;background:#061a18d4;border:1px solid #78947c;border-radius:6px;min-height:48px;padding:9px 8px;font-size:11px;font-weight:800}.spot-opponents button[aria-pressed=true]{color:#f5ffd6;background:#304b31;border-color:#e0f59b;box-shadow:inset 0 0 0 1px #d9f28d}.spot-start-row{align-items:center;gap:19px;margin-top:14px;display:flex}.spot-start{color:#142f1e;cursor:pointer;background:#d9f28d;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:20px;min-width:245px;min-height:57px;padding:0 18px;font-size:16px;font-weight:900;display:flex}.spot-start span{font-size:24px;line-height:1}.spot-start-row p{flex-direction:column;gap:3px;min-width:0;margin:0;display:flex}.spot-start-row p span{color:#bbd0b9;font-size:10px}.spot-start-row p strong{color:#f2f8e8;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.spot-local{color:#afc3b3;margin:13px 0 0;font-size:10px}.spot-footer{color:#b9cdbd;background:#041411b8;border-top:1px solid #b1d39b4d;justify-content:space-between;align-items:center;gap:20px;padding:15px clamp(20px,5vw,76px);font-size:10px;display:flex}.spot-footer nav{flex-wrap:wrap;justify-content:flex-end;gap:4px 17px;display:flex}.spot-footer button{color:#d7e8d1;cursor:pointer;background:0 0;border:0;min-height:44px;padding:7px 0;font-size:10px}.spot-landing button:hover,.spot-landing button:focus-visible{filter:brightness(1.12)}.spot-landing button:focus-visible,.spot-landing a:focus-visible{outline-offset:3px;outline:3px solid #fff}@media (max-width:700px){.spot-landing{background-image:linear-gradient(0deg,#031512f7 0%,#061817da 45%,#06181746 100%),var(--spot-stadium);background-position:50%,50% 32%}.spot-header{padding:15px 18px}.spot-brand{font-size:22px}.spot-brand-mark{width:35px;height:35px;font-size:25px}.spot-hero{align-items:flex-end;padding:20px 19px 30px}.spot-hero h1{font-size:clamp(66px,18vw,95px)}.spot-eyebrow{margin-bottom:10px;font-size:9px}.spot-tagline{margin-top:15px;font-size:29px}.spot-intro{margin:14px 0 20px;font-size:12px;line-height:1.5}.spot-opponents button{font-size:10px;line-height:1.2}.spot-start{flex:1;min-width:0}.spot-start-row p{flex:0 105px}.spot-footer{align-items:flex-start;padding:9px 18px}.spot-footer nav{gap:1px 11px}.spot-footer button,.spot-footer{font-size:9px}}@media (max-width:400px){.spot-start-row p{display:none}.spot-hero{padding-bottom:19px}.spot-hero h1{font-size:17.5vw}.spot-intro{margin-bottom:16px}.spot-footer{flex-direction:column;gap:0}.spot-footer nav{justify-content:flex-start}.spot-footer button{min-height:44px}}@media (orientation:landscape) and (max-height:500px){.spot-header{padding-top:10px;padding-bottom:6px}.spot-hero{align-items:flex-start;padding-top:4px;padding-bottom:13px}.spot-hero h1{font-size:64px}.spot-tagline{margin-top:7px;font-size:26px}.spot-intro{margin:7px 0 10px;font-size:11px}.spot-eyebrow{margin-bottom:6px}.spot-opponents button{min-height:40px}.spot-start-row{margin-top:7px}.spot-start{min-height:44px}.spot-local{margin-top:6px}.spot-footer{padding-top:3px;padding-bottom:3px}}@media (prefers-reduced-motion:no-preference){.spot-start{transition:transform .16s,filter .16s}.spot-start:hover{transform:translateY(-2px)}}.spot-info{color:#f7faed;background:#071a1a;flex-direction:column;min-height:100dvh;font-family:Manrope,Arial,sans-serif;display:flex}.spot-info *{box-sizing:border-box}.spot-brand-button{cursor:pointer;background:0 0;border:0}.spot-info-main{flex:1;width:min(680px,100% - 40px);margin:48px auto 70px}.spot-info-back{color:#d9f28d;cursor:pointer;background:0 0;border:0;min-height:44px;margin:0 0 35px;padding:0;font-size:12px;font-weight:700}.spot-info h1{margin:0 0 18px;font:800 clamp(56px,9vw,96px)/.9 Barlow Condensed,Arial,sans-serif}.spot-info-lead{color:#e3efd9;max-width:580px;margin:0 0 34px;font-size:16px;line-height:1.6}.spot-info section{border-top:1px solid #456451;padding:19px 0}.spot-info h2{color:#d9f28d;margin:0 0 7px;font-size:14px}.spot-info section p{color:#b9cdbd;max-width:620px;margin:0;font-size:13px;line-height:1.7}.spot-info .spot-footer{margin-top:auto}.spot-info button:focus-visible{outline-offset:3px;outline:3px solid #fff}@media (max-width:700px){.spot-info-main{margin:25px auto 50px}.spot-info-lead{font-size:14px}.spot-info section p{font-size:12px}}:root{color:#eef7ec;font-synthesis:none;--lime:#d4ef80;--muted:#93aaa3;--panel:#102523;--line:#29413b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#071a1a;font-family:Manrope,Arial,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 50% 10%,#15352c 0,#0000 65%),#071a1a;min-width:280px;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #e5ff9b}a{color:inherit;text-decoration:none}button{color:inherit}h1,h2,p{margin:0}button{touch-action:manipulation}.app-shell{max-width:1400px;margin:0 auto;padding:0 42px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:86px;display:flex}.wordmark{letter-spacing:-.8px;align-items:baseline;gap:14px;font-family:Barlow Condensed,Arial Narrow,sans-serif;font-size:38px;font-weight:800;display:flex}.wordmark span{letter-spacing:.3px;color:var(--muted);font:500 11px Manrope,Arial,sans-serif}.header-actions{align-items:center;gap:20px;display:flex}.build-tag{letter-spacing:2px;color:#c9ddae;border:1px solid #4a6151;border-radius:4px;padding:6px 9px;font-size:10px}.sound-button{color:var(--muted);background:0 0;border:0;align-items:center;gap:10px;padding:12px 0 12px 12px;font-size:12px;display:flex}.sound-button span{color:var(--lime);font-size:17px}.profile-strip{justify-content:space-between;align-items:center;margin:26px 0 20px;display:flex}.profile-name{align-items:center;gap:12px;display:flex}.profile-name strong{font-size:14px}.profile-name div>span{color:var(--muted);margin-top:4px;font-size:11px;display:block}.profile-stats{gap:30px;display:flex}.profile-stats>span{color:var(--muted);align-items:baseline;gap:7px;font-size:11px;display:flex}.profile-stats strong{color:#f0f4e8;font:700 25px Barlow Condensed,sans-serif}.team-badge{background:var(--kit);border:3px solid var(--trim);clip-path:polygon(8% 0,92% 0,100% 12%,94% 72%,50% 100%,6% 72%,0 12%);color:#fff;filter:drop-shadow(0 3px 3px #0005);flex-shrink:0;place-items:center;width:68px;height:78px;display:inline-grid;position:relative}.team-badge:before{content:"";background:linear-gradient(115deg,transparent 38%,var(--trim) 38%,var(--trim) 60%,transparent 60%);opacity:.45;position:absolute;inset:0}.team-badge>span{text-shadow:0 2px 3px #0007;font:800 23px Barlow Condensed,Arial,sans-serif;position:relative}.team-badge.small{border-width:2px;width:34px;height:39px}.team-badge.small>span{font-size:14px}.tabs{border-bottom:1px solid var(--line);align-items:center;gap:25px;margin-bottom:24px;display:flex}.tabs>button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:12px 0 14px;font-size:12px;font-weight:700}.tabs>button[aria-current]{color:var(--lime);border-bottom-color:var(--lime)}.tabs>button:disabled{opacity:.4}.local-label{color:#7f9990;margin-left:auto;font-size:10px}.arena-layout{grid-template-columns:minmax(0,1fr) 282px;align-items:start;gap:24px;display:grid}.arena{background:#102723;border:1px solid #344c41;border-radius:18px;overflow:hidden;box-shadow:0 24px 70px #0003}.scoreboard{background:linear-gradient(#17342a,#10251f);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:18px 24px;display:grid}.score-team{align-items:center;gap:11px;min-width:0;display:flex}.score-team>div{min-width:0}.score-team strong{white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:11px;font-weight:700;display:block;overflow:hidden}.score-team em,.table-player em,.history-opponent em{letter-spacing:1px;color:var(--muted);margin-left:5px;font-size:8px;font-style:normal}.score-team.opponent{text-align:right;justify-content:flex-end}.kick-dots{align-items:center;gap:5px;margin-top:8px;display:flex}.opponent .kick-dots{justify-content:flex-end}.kick-dot{border:1px solid #53695b;border-radius:50%;place-items:center;width:12px;height:12px;font-size:9px;display:grid}.kick-dot.scored{background:var(--lime);border-color:var(--lime);color:#142f1f}.kick-dot.missed{color:#e7a586;border-color:#e7a586}.kick-dots small{color:var(--muted);font-size:9px}.score-center{text-align:center}.score-center>span{font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:14px;font:700 36px/1 Barlow Condensed,sans-serif;display:flex}.score-center i{color:#76917e;font-size:21px;font-style:normal}.score-center small{letter-spacing:1.5px;color:#a4b99e;white-space:nowrap;margin-top:7px;font-size:8px;display:block}.field-wrap{aspect-ratio:1.8;isolation:isolate;background:#0b2523;width:100%;height:auto;max-height:440px;position:relative;overflow:hidden}.field-wrap>div:first-child{height:100%}.field-wrap canvas{display:block}.field-loading{height:100%;color:var(--lime);background:linear-gradient(#172f36,#17482c);place-items:center;font-size:13px;display:grid}.field-caption{letter-spacing:1.7px;color:#d7e5d8;text-shadow:0 2px 6px #000;pointer-events:none;align-items:center;gap:7px;font-size:9px;display:flex;position:absolute;top:20px;left:22px}.live-dot{background:var(--lime);border-radius:100%;width:5px;height:5px;display:block;box-shadow:0 0 12px #d4ef8099}.field-message{text-align:center;pointer-events:none;text-shadow:0 3px 20px #0008;position:absolute;top:18%;left:20px;right:20px}.field-message h1{text-transform:uppercase;letter-spacing:-.6px;color:#f2f6e6;font:700 clamp(32px,4.5vw,62px)/1 Barlow Condensed,sans-serif}.field-message p{color:#dce6cf;margin-top:9px;font-size:11px;font-weight:500}.field-message.subtle{top:8%}.field-message.subtle h1{letter-spacing:1px;font-size:25px}.field-message.subtle p{margin-top:6px;font-size:10px}.result-ribbon{text-align:center;color:#15271e;background:#d4ef80;border-radius:8px;min-width:160px;padding:9px 28px 12px;font:700 35px Barlow Condensed,sans-serif;position:absolute;bottom:16%;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #0003}.result-ribbon span{letter-spacing:2px;margin-top:3px;font:800 9px Manrope,sans-serif;display:block}.match-controls{background:#132b25;border-top:1px solid #294336;min-height:145px;padding:24px}.start-row{justify-content:space-between;align-items:center;gap:20px;min-height:95px;display:flex}.start-row strong{font-size:13px}.start-row div>span{color:var(--muted);margin-top:7px;font-size:11px;display:block}.primary-button{background:var(--lime);color:#153021;white-space:nowrap;border:0;border-radius:8px;justify-content:center;align-items:center;gap:22px;min-height:48px;padding:14px 23px;font-size:12px;font-weight:800;display:inline-flex;box-shadow:0 3px #8da850}.primary-button:hover{background:#e2fa9e}.primary-button>span{font-size:22px;line-height:15px}.decision-heading{justify-content:space-between;align-items:center;margin-bottom:11px;font-size:12px;display:flex}.decision-heading>span{font-variant-numeric:tabular-nums;color:var(--lime);font-weight:800}.decision-heading>span.urgent{color:#ffbb95}.time-track{background:#2e493c;border-radius:3px;height:3px;margin-bottom:15px;overflow:hidden}.time-track>span{background:var(--lime);transform-origin:0;width:100%;height:100%;display:block}.direction-buttons{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.direction-buttons>button{background:linear-gradient(#304936,#253b2b);border:1px solid #486044;border-radius:9px;justify-content:center;align-items:center;gap:12px;min-height:68px;padding:9px 5px;display:flex;box-shadow:0 3px #0a1b13}.direction-buttons>button>span{color:var(--lime);font-size:27px;line-height:1}.direction-buttons>button>strong{font-size:11px}.direction-buttons>button:hover:not(:disabled){border-color:var(--lime);background:#3a5439}.direction-buttons>button.selected{background:var(--lime);color:#152e1e}.direction-buttons>button.selected>span{color:#152e1e}.direction-buttons>button:disabled:not(.selected){opacity:.48}.control-footnote{color:var(--muted);justify-content:space-between;align-items:center;margin-top:11px;font-size:10px;display:flex}.control-footnote>button{color:var(--muted);background:0 0;border:0;padding:6px 0 6px 16px;font-size:10px}.match-sidebar{gap:18px;display:grid}.opponent-card,.how-card{background:linear-gradient(145deg,#17312a,#10231f);border:1px solid #2a4338;border-radius:14px;padding:24px 20px}.eyebrow{letter-spacing:1.7px;color:#afc39a;margin-bottom:10px;font-size:9px;font-weight:700;display:block}.opponent-card h2{margin-bottom:19px;font:600 24px Barlow Condensed,sans-serif}.opponent-options{gap:7px;display:grid}.opponent-options>button{text-align:left;background:#0d211d;border:1px solid #2d493a;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:67px;padding:10px 11px;display:flex}.opponent-options>button.active{background:#273d28;border-color:#9cb774}.opponent-options>button:disabled{opacity:.65}.opponent-options strong{font-size:11px;display:block}.opponent-options small{color:#a5b7a6;margin-top:4px;font-size:9px;display:block}.radio-mark{border:1px solid #56725b;border-radius:50%;flex-shrink:0;width:11px;height:11px;margin-left:auto}.active .radio-mark{background:var(--lime);border:3px solid #4e673e}.opponent-card>p{color:var(--muted);margin-top:15px;font-size:10px;line-height:1.7}.how-card{padding-bottom:23px;position:relative;overflow:hidden}.how-card h2{margin-bottom:13px;font:600 29px/1.05 Barlow Condensed,sans-serif}.how-card>p{color:#a9beb0;max-width:210px;font-size:11px;line-height:1.7}.how-lines{gap:12px;margin:19px 0 20px;display:grid}.how-lines>span{color:#c3d0bd;align-items:center;gap:12px;font-size:10px;display:flex}.how-lines b{color:var(--lime);font:500 21px Barlow Condensed,sans-serif}.how-card>small{color:#849e8d;font-size:9px;line-height:1.7;display:block}.site-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin:40px 0 0;padding:25px 0 34px;display:flex}.site-footer>span{color:#abc095;font:500 19px Barlow Condensed,sans-serif}.site-footer b{letter-spacing:1.4px;color:#6d8b7d;margin-top:6px;font:600 8px Manrope,sans-serif;display:block}.site-footer p{color:#849d92;max-width:360px;font-size:10px;line-height:1.6}.site-footer>button{color:var(--lime);background:0 0;border:1px solid #476644;border-radius:7px;padding:12px;font-size:10px}.records-panel{background:#102621;border:1px solid #31493e;border-radius:15px;min-height:480px;padding:30px}.section-heading h1{margin-bottom:10px;font:600 38px Barlow Condensed,sans-serif}.section-heading p{color:var(--muted);font-size:12px;line-height:1.7}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:280px;display:flex}.empty-state>strong{font:600 28px Barlow Condensed,sans-serif}.empty-state>p{color:var(--muted);font-size:12px}.table-wrap{margin-top:28px;overflow-x:auto}table{border-collapse:collapse;text-align:center;width:100%;min-width:570px;font-size:12px}th{color:#a5baab;letter-spacing:.5px;border-bottom:1px solid #375140;padding:15px 10px;font-size:10px;font-weight:600}td{border-bottom:1px solid #284435;padding:16px 10px}th:first-child,td:first-child{text-align:left}.table-player{align-items:center;gap:13px;display:flex}.table-player>b{color:#a8bf91;width:15px}.table-player>span:last-child{align-items:center;gap:5px;display:flex}.my-row{background:#213923}.my-row td:last-child{color:var(--lime)}.table-note{color:var(--muted);margin-top:20px;font-size:10px;line-height:1.8}.history-list{gap:10px;margin-top:28px;display:grid}.history-row{border:1px solid #2d4a38;border-radius:9px;grid-template-columns:150px 1fr auto 70px;align-items:center;gap:20px;padding:17px;display:grid}.history-row>div>small{color:var(--muted);margin-top:7px;font-size:10px;display:block}.result-tag{letter-spacing:1px;font-size:9px;font-weight:800}.result-tag.won{color:var(--lime)}.result-tag.lost{color:#f1b79c}.result-tag.abandoned{color:#a4b6ad}.history-opponent{align-items:center;gap:10px;font-size:12px;display:flex}.history-opponent em{margin:4px 0 0;display:block}.history-score{white-space:nowrap;font:600 26px Barlow Condensed,sans-serif}.history-score i{color:#7f9884;margin:0 7px;font-style:normal}.history-points{text-align:right;color:var(--muted);font-size:11px}.dialog-backdrop{z-index:100;background:#04110cd9;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.leave-dialog{background:#173027;border:1px solid #49633d;border-radius:14px;width:100%;max-width:380px;padding:28px}.leave-dialog h2{font:600 29px Barlow Condensed,sans-serif}.leave-dialog p{color:var(--muted);margin:13px 0 22px;font-size:12px;line-height:1.7}.leave-dialog>div{gap:12px;display:flex}.leave-dialog button:not(.primary-button){background:0 0;border:1px solid #4d6549;border-radius:8px;padding:12px;font-size:12px}@media (min-width:1400px){.field-wrap{aspect-ratio:1.65}}@media (max-width:1050px){.app-shell{padding:0 24px}.arena-layout{grid-template-columns:minmax(0,1fr) 245px;gap:18px}.scoreboard{padding:16px}.score-team strong{max-width:120px;font-size:10px}.score-team>.team-badge{display:none}.field-wrap{aspect-ratio:1.25}.direction-buttons>button{flex-direction:column;gap:3px}.match-controls{padding:20px}.opponent-card,.how-card{padding:20px 16px}.start-row{text-align:center;flex-direction:column;align-items:stretch;gap:15px}.start-row .primary-button{width:100%}}@media (max-width:760px){.app-shell{padding:0 16px}.site-header{height:76px}.wordmark{gap:10px;font-size:31px}.wordmark span{font-size:9px}.header-actions{gap:10px}.build-tag{display:none}.sound-button{font-size:10px}.profile-strip{margin:20px 0 12px}.profile-name{gap:8px}.profile-name strong{font-size:11px}.profile-name div>span{font-size:9px}.profile-stats{gap:14px}.profile-stats>span{text-align:center;font-size:8px;display:block}.profile-stats strong{margin-bottom:2px;font-size:23px;display:block}.tabs{gap:24px;margin-bottom:17px}.tabs>button{padding-bottom:12px;font-size:11px}.local-label{display:none}.arena-layout{grid-template-columns:1fr;gap:19px}.arena{border-radius:13px}.scoreboard{gap:6px;padding:15px 13px}.score-team strong{max-width:120px;font-size:10px}.score-center>span{gap:11px;font-size:31px}.score-center small{letter-spacing:1px;font-size:7px}.score-team>.team-badge{display:none}.kick-dots{gap:4px}.kick-dot{width:10px;height:10px;font-size:8px}.field-wrap{aspect-ratio:1.27}.field-caption{font-size:8px;top:14px;left:14px}.field-message h1{font-size:44px}.field-message p{font-size:10px}.field-message.subtle{top:17%}.field-message.subtle h1{font-size:25px}.match-controls{min-height:140px;padding:18px 15px}.start-row{min-height:100px}.direction-buttons{gap:8px}.direction-buttons>button{gap:5px;min-height:63px}.direction-buttons>button>span{font-size:25px}.direction-buttons>button>strong,.decision-heading{font-size:11px}.control-footnote,.control-footnote>button{font-size:9px}.match-sidebar{grid-template-columns:1fr 1fr;gap:12px}.opponent-card,.how-card{padding:18px 14px}.opponent-card h2{font-size:22px}.eyebrow{letter-spacing:1px;font-size:8px}.opponent-options>button{gap:7px;padding:10px 8px}.opponent-options .team-badge{width:25px;height:29px}.opponent-options .team-badge>span{font-size:11px}.opponent-options strong{font-size:9px}.opponent-options small{font-size:8px}.radio-mark{width:9px;height:9px}.opponent-card>p{font-size:9px}.how-card h2{font-size:25px}.how-card>p{font-size:10px}.how-lines{gap:13px}.how-lines>span{gap:8px;font-size:9px}.how-lines b{font-size:20px}.how-card>small{font-size:9px}.site-footer{flex-wrap:wrap;gap:17px;margin-top:28px;padding-top:23px}.site-footer p{max-width:210px;font-size:9px}.records-panel{padding:22px 16px}.history-row{grid-template-columns:1fr auto;gap:12px;padding:15px}.history-row>div{grid-column:1}.history-opponent{grid-area:2/1;font-size:11px}.history-score{grid-area:1/2}.history-points{grid-area:2/2}.history-row>div>small{font-size:9px}.section-heading h1{font-size:34px}}@media (max-width:390px){.app-shell{padding:0 10px}.wordmark{font-size:28px}.wordmark span{display:none}.tabs{gap:20px}.field-wrap{aspect-ratio:1.1}.score-team strong{max-width:95px;font-size:9px}.match-sidebar{grid-template-columns:1fr}.how-card{display:none}.opponent-options{grid-template-columns:1fr}.profile-stats{gap:11px}.field-message h1{font-size:38px}.site-footer p{max-width:170px}.direction-buttons>button>strong{font-size:11px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.storage-warning{color:#eed5a4;background:#342d20;border:1px solid #7d684b;border-radius:8px;margin-bottom:16px;padding:12px 15px;font-size:12px;line-height:1.6}.primary-button:disabled{opacity:.5;box-shadow:none}.play-shell{z-index:10;width:100%;height:100vh;height:100svh;overscroll-behavior:none;height:100dvh;padding:calc(env(safe-area-inset-top,0px) + 8px) max(10px,env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 8px) max(10px,env(safe-area-inset-left,0px));touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#071a1a;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.play-shell *{min-width:0}.play-hud{flex:none;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;width:min(100%,1080px);margin:0 auto;padding:4px 45px 7px;display:grid;position:relative}.play-hud .score-team strong{max-width:100%;font-size:clamp(10px,2.8vw,15px)}.play-hud .score-team.opponent{justify-content:flex-end}.play-hud .score-center>span{font-size:clamp(29px,7vw,48px)}.play-hud .score-center small{margin-top:3px}.play-hud .kick-dots{flex-wrap:wrap;margin-top:4px}.play-hud .kick-dot{width:11px;height:11px}.play-exit{color:#eff8e5;background:#153027;border:1px solid #4b6653;border-radius:8px;place-items:center;width:44px;height:44px;font-size:19px;line-height:1;display:grid;position:absolute;top:2px;right:0}.play-field{background:#0b2523;border:1px solid #304b3c;border-radius:12px;flex:auto;width:min(100%,1080px);min-width:0;min-height:0;margin:0 auto;position:relative;overflow:hidden}.play-field .field-wrap{aspect-ratio:auto;border-radius:0;width:100%;height:100%;max-height:none}.play-field .phaser-stage{min-height:0!important}.play-field .field-message{top:10%}.play-field .field-message.subtle{top:5%}.play-field .field-message h1{font-size:clamp(26px,5vw,52px)}.play-field .field-message p{font-size:clamp(9px,1.8vw,12px)}.play-controls{flex:none;gap:6px;width:min(100%,1080px);margin:0 auto;padding:8px 0 2px;display:grid}.play-controls .decision-heading{margin:0;font-size:clamp(11px,2.8vw,14px)}.play-controls .decision-heading>span{font-size:clamp(16px,4vw,24px)}.play-controls .time-track{height:3px;margin:0}.play-direction-grid{touch-action:manipulation;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;display:grid}.play-direction-grid>button{touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#294331;border:1px solid #54704b;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-width:44px;min-height:56px;padding:5px 7px;display:flex}.play-direction-grid>button>span{color:var(--lime);font-size:25px;line-height:1}.play-direction-grid>button>strong{white-space:nowrap;font-size:clamp(10px,2.3vw,13px)}.play-direction-grid>button.selected{background:var(--lime);color:#152e1e}.play-direction-grid>button.selected>span{color:#152e1e}.play-result{z-index:2;text-align:center;background:#061610df;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex;position:absolute;inset:0;overflow:hidden}.play-result h1{font:700 clamp(30px,7vw,64px)/1 Barlow Condensed,sans-serif}.play-result .result-score{color:var(--lime);font:700 clamp(36px,10vw,76px)/1 Barlow Condensed,sans-serif}.play-result .result-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.play-result button{min-height:44px}.play-result .result-actions button:not(.primary-button){color:#f0f7e9;background:#254334;border:1px solid #89a780;border-radius:8px;padding:11px 20px;font-size:12px;font-weight:700}.play-result .result-actions button:not(.primary-button):hover{background:#345842}.menu-hero{isolation:isolate;background:radial-gradient(at 50% 10%,#9ebe75aa 0,#6b9e6166 16%,#0000 42%),linear-gradient(165deg,#0e292b 0%,#123c33 53%,#122c24 100%)}.menu-hero:before{content:"";opacity:.6;border:4px solid #d6e6c98c;border-bottom:0;border-radius:2px 2px 0 0;height:49%;position:absolute;top:24%;left:15%;right:15%;transform:perspective(500px)rotateX(-12deg);box-shadow:inset 0 0 0 10px #d6e6c914,0 0 42px #d4ef8033}.menu-hero:after{content:"";background:radial-gradient(at 50% 0,#3f805454,#0000 70%);border:2px solid #a4d4984d;border-radius:50%;height:67%;position:absolute;inset:auto -8% -34%;transform:perspective(450px)rotateX(56deg)}.menu-hero .field-message{z-index:1;text-shadow:0 3px 18px #031512,0 1px 5px #031512;top:34%}.menu-hero .field-message h2{letter-spacing:-1px;color:#f1f8e8;font:800 clamp(48px,7vw,100px)/.9 Barlow Condensed,Arial Narrow,sans-serif}.menu-hero .field-message p{color:#e4efd5;font-size:clamp(11px,1.6vw,15px);font-weight:700}.arena .scoreboard{display:block}.arena .scoreboard h1{letter-spacing:.2px;font:700 clamp(26px,4vw,44px)/1.05 Barlow Condensed,Arial Narrow,sans-serif}@media (max-width:760px){.menu-hero{aspect-ratio:1.8;max-height:220px}.menu-hero .field-message{top:27%}.menu-hero .field-message h2{font-size:clamp(42px,11vw,62px)}.arena .scoreboard h1{font-size:29px}}@media (max-width:600px){.play-hud{gap:4px;padding:2px 55px 5px 0}.play-hud .score-team>.team-badge{display:none}.play-hud .score-team strong{font-size:10px}.play-hud .score-center>span{gap:5px;font-size:31px}.play-hud .score-center small{letter-spacing:.5px;font-size:7px}.play-hud .kick-dots{gap:3px}.play-hud .kick-dot{width:9px;height:9px;font-size:7px}.play-field .field-caption{font-size:8px;top:9px;left:9px}.play-field .field-message p{margin-top:4px}.play-controls{gap:5px;padding-top:6px}.play-direction-grid{gap:6px}.play-direction-grid>button{flex-direction:column;gap:1px;min-height:54px;padding:4px 2px}.play-direction-grid>button>span{font-size:22px}.play-direction-grid>button>strong{font-size:10px}}@media (max-height:620px){.play-hud{padding-top:0;padding-bottom:3px}.play-hud .score-center small{display:none}.play-controls{gap:3px;padding-top:4px}.play-direction-grid>button{min-height:44px}.play-field .field-message{top:5%}.play-field .field-message p{display:none}}@media (orientation:landscape) and (max-height:500px){.play-shell{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(185px,35%);column-gap:8px;display:grid}.play-hud{grid-column:1/-1;width:100%;padding-bottom:2px}.play-field{grid-area:2/1;width:100%;height:100%}.play-controls{grid-area:2/2;align-content:center;width:100%;height:100%;padding:0}.play-direction-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.play-direction-grid>button{min-height:44px}.play-result{gap:5px;padding:8px}.play-result h1{font-size:28px}.play-result .result-score{font-size:38px}}.app-shell{width:100%;max-width:none;height:100vh;height:100svh;height:100dvh;padding:calc(env(safe-area-inset-top,0px) + 10px) max(12px,env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 10px) max(12px,env(safe-area-inset-left,0px));color:#f0f6eb;background:radial-gradient(80% 65% at 50% -16%,#265040 0,#0000 72%),#071513;flex-direction:column;margin:0;display:flex;position:fixed;inset:0;overflow:hidden}.app-shell *{min-width:0}.app-header,.app-content,.app-nav{width:min(100%,1440px);margin-inline:auto}.app-header{border-bottom:1px solid #375244;flex:none;align-items:center;gap:16px;height:58px;display:flex}.app-wordmark{white-space:nowrap;align-items:center;gap:10px;display:flex}.app-wordmark:first-letter{color:var(--lime)}.app-wordmark>span{color:#d8f18d;align-self:flex-end;margin-bottom:5px;margin-left:-14px;font:800 11px Manrope,sans-serif}.app-wordmark strong{letter-spacing:.2px;font:800 30px/1 Barlow Condensed,sans-serif}.app-header-note{letter-spacing:1.8px;color:#a8bba8;margin-left:auto;font-size:9px;font-weight:800}.app-header-settings{color:#d6eaa6;background:0 0;border:0;width:42px;height:42px;font-size:23px}.app-content{flex-direction:column;flex:auto;min-height:0;padding:16px 0;display:flex;overflow:hidden}.app-content>.storage-warning{flex:none;margin-bottom:8px;padding:7px 10px;font-size:10px}.app-home{flex-direction:column;height:100%;min-height:0;display:flex}.home-profile{border-bottom:1px solid #355244;flex:none;justify-content:space-between;align-items:center;gap:12px;height:72px;display:flex}.home-profile-name{align-items:center;gap:11px;display:flex}.home-profile-name>div{flex-direction:column;gap:2px;display:flex}.home-profile-name span,.home-title>span,.mode-topline,.mode-label,.app-panel-heading>span{letter-spacing:1.6px;color:#b5d095;font-size:9px;font-weight:800}.home-profile-name strong{white-space:nowrap;text-overflow:ellipsis;font:700 24px/1 Barlow Condensed,sans-serif;overflow:hidden}.home-profile-name small{color:#9fb5a6;font-size:9px}.home-profile-stats{gap:20px;display:flex}.home-profile-stats>span{color:#a9bdab;white-space:nowrap;align-items:baseline;gap:5px;font-size:10px;display:flex}.home-profile-stats strong{color:#e7f6c7;font:700 27px Barlow Condensed,sans-serif}.home-title{flex:none;justify-content:space-between;align-items:end;padding:18px 0 14px;display:flex}.home-title h1{letter-spacing:-.5px;font:800 clamp(38px,5vw,68px)/.9 Barlow Condensed,sans-serif}.mode-grid{flex:auto;grid-template-columns:1.35fr 1fr 1fr;gap:12px;min-height:0;display:grid}.mode-card{isolation:isolate;background:linear-gradient(155deg,#173b2d,#10231e);border:1px solid #456651;border-radius:14px;flex-direction:column;min-height:0;padding:20px;display:flex;position:relative;overflow:hidden}.mode-topline{z-index:1;justify-content:space-between;gap:10px;display:flex;position:relative}.mode-heading{z-index:1;margin-top:20px;position:relative}.mode-heading h2{letter-spacing:-.5px;font:800 clamp(45px,6vw,86px)/.88 Barlow Condensed,sans-serif}.mode-heading p{color:#d3e1ce;margin-top:10px;font-size:12px;line-height:1.35}.mode-single{background:radial-gradient(100% 55% at 50% 52%,#3b805f65,#0000 75%),linear-gradient(160deg,#173d31,#10251e)}.mode-single:before{content:"";opacity:.75;border:3px solid #d9efc866;border-bottom:0;height:33%;position:absolute;top:34%;left:14%;right:14%;transform:perspective(500px)rotateX(-9deg);box-shadow:0 0 40px #b8ec8644}.mode-single:after{content:"";background:radial-gradient(at 50% 0,#4f9c6860,#0000 70%);border-top:2px solid #b9daa84a;border-radius:50%;height:48%;position:absolute;bottom:-20%;left:-20%;right:-20%;transform:perspective(400px)rotateX(47deg)}.mode-play{z-index:1;gap:8px;margin-top:auto;display:grid;position:relative}.mode-opponents{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.mode-opponents button{color:#e5f0df;text-align:left;background:#0b211dd9;border:1px solid #67836a;border-radius:7px;align-items:center;gap:6px;height:51px;padding:5px 7px;font-size:10px;font-weight:700;display:flex}.mode-opponents button[aria-pressed=true]{color:#f6ffd7;background:#3b5b3e;border-color:#d8ef8e}.mode-opponents .team-badge{border-width:1px;width:25px;height:29px}.mode-opponents .team-badge>span{font-size:10px}.mode-opponents button>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mode-start{color:#173421;background:#d9f28d;border:0;border-radius:7px;justify-content:space-between;align-items:center;height:50px;padding:0 16px;font-size:14px;font-weight:900;display:flex}.mode-start>span{font-size:23px}.mode-unavailable{background:linear-gradient(160deg,#18342b,#0b1e1a);border-color:#344a3e}.mode-unavailable .mode-heading h2{color:#d1ddcb}.mode-unavailable .mode-heading p{color:#a5bcaa}.mode-status{z-index:1;color:#b5c3b2;border-top:1px solid #45604c;align-self:flex-start;margin-top:auto;padding-top:10px;font-size:11px;font-weight:700;position:relative}.app-nav{border-top:1px solid #3b5848;flex:none;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:4px;height:58px;display:grid}.app-nav a{text-align:center;color:#aec1b2;border-top:3px solid #0000;place-items:center;padding:4px;font-size:11px;font-weight:800;line-height:1.15;display:grid}.app-nav a[aria-current=page]{color:#e7f5b8;background:#1f392a;border-top-color:#d8ed8d}.app-panel{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.app-panel-heading{border-bottom:1px solid #3c5947;flex:none;padding:5px 0 15px}.app-panel-heading h1{margin-top:5px;font:800 clamp(39px,5vw,62px)/1 Barlow Condensed,sans-serif}.app-panel-scroll{overscroll-behavior:contain;scrollbar-color:#5f8768 #122920;flex:auto;min-height:0;overflow:auto}.app-panel-scroll:focus-visible{outline-offset:-4px}.app-panel-footnote{color:#a7bdaa;flex:none;padding:9px 0 0;font-size:10px}.app-empty{color:#c8d8ca;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.app-empty button,.settings-row button{color:#eff8df;background:#274b31;border:1px solid #a8cf78;border-radius:8px;min-height:44px;padding:8px 15px;font-size:12px;font-weight:800}.leaderboard-list,.match-history-list{margin:0;padding:0;list-style:none}.leaderboard-list li{border-bottom:1px solid #34503e;grid-template-columns:minmax(200px,1fr) minmax(310px,1fr);align-items:center;gap:18px;padding:14px 7px;display:grid}.leaderboard-list li.is-player{background:#193827}.leaderboard-identity{align-items:center;gap:10px;display:flex}.leaderboard-identity>b{text-align:center;color:#acc89c;width:23px}.leaderboard-identity>strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.leaderboard-identity>strong small{color:#9cb49d;margin-left:7px;font-size:8px}.leaderboard-points{color:#e6f8a4;align-items:baseline;gap:5px;margin-left:auto;font:800 25px Barlow Condensed,sans-serif;display:flex}.leaderboard-points small{letter-spacing:1px;font:800 8px Manrope,sans-serif}.leaderboard-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;display:grid}.leaderboard-stats span{color:#aabdab;text-align:center;flex-direction:column;gap:2px;font-size:9px;display:flex}.leaderboard-stats b{color:#edf6e8;font:700 19px Barlow Condensed,sans-serif}.match-history-list li{border-bottom:1px solid #34503e;justify-content:space-between;align-items:center;gap:12px;padding:17px 8px;display:flex}.history-main{align-items:center;gap:14px;min-width:0;display:flex}.history-main>strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.history-main b{color:#e9f5ae;margin:0 7px;font:700 22px Barlow Condensed,sans-serif}.history-meta{color:#adbfaf;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;font-size:10px;display:flex}.settings-content{width:100%;max-width:700px;padding-top:10px}.settings-row{border-bottom:1px solid #34503e;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.settings-row>div{flex-direction:column;gap:3px;display:flex}.settings-row strong{font-size:14px}.settings-row span,.settings-data{color:#aec0af;font-size:11px}.settings-data{padding:20px 0;line-height:1.5}@media (max-width:700px){.app-shell{padding:calc(env(safe-area-inset-top,0px) + 5px) max(10px,env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 4px) max(10px,env(safe-area-inset-left,0px))}.app-header{height:48px}.app-wordmark strong{font-size:24px}.app-header-note{letter-spacing:.7px;font-size:7px}.app-header-settings{width:40px;height:40px}.app-content{padding:8px 0}.home-profile{height:61px}.home-profile-name strong{font-size:20px}.home-profile-name small{font-size:8px}.home-profile-stats{gap:9px}.home-profile-stats>span{text-align:center;font-size:8px;display:block}.home-profile-stats strong{font-size:21px;display:block}.home-title{padding:10px 0 8px}.home-title h1{font-size:40px}.mode-grid{grid-template-rows:minmax(0,1fr) 88px;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.mode-single{grid-column:1/-1}.mode-card{border-radius:10px;padding:12px}.mode-topline{font-size:8px}.mode-heading{margin-top:7px}.mode-single .mode-heading h2{font-size:49px}.mode-single .mode-heading p{margin-top:3px;font-size:10px}.mode-opponents button{height:44px;font-size:9px}.mode-start{height:44px;font-size:12px}.mode-unavailable .mode-heading{margin-top:5px}.mode-unavailable .mode-heading h2{font-size:29px}.mode-unavailable .mode-heading p{margin-top:2px;font-size:9px}.mode-status{border:0;padding-top:2px;font-size:9px}.app-nav{height:54px}.app-nav a{font-size:9px}.app-panel-heading{padding-bottom:10px}.app-panel-heading h1{font-size:38px}.leaderboard-list li{grid-template-columns:1fr;gap:6px;padding:10px 4px}.leaderboard-identity>strong{font-size:12px}.leaderboard-stats b{font-size:17px}.match-history-list li{padding:12px 4px;display:block}.history-main{display:block}.history-main>strong{margin-top:6px;font-size:11px;display:block}.history-meta{justify-content:flex-start;gap:9px;margin-top:5px;font-size:9px}}@media (max-width:360px){.app-header-note{display:none}.app-header-settings{margin-left:auto}.home-profile-stats>span:last-child{display:none}.home-title h1{font-size:35px}.mode-single .mode-heading h2{font-size:43px}.mode-opponents .team-badge{display:none}.mode-opponents button{text-align:center;justify-content:center;padding:3px}.mode-unavailable .mode-heading h2{font-size:25px}.app-nav a{padding:3px;font-size:8px}.leaderboard-identity .team-badge{width:27px;height:31px}.leaderboard-stats span{font-size:8px}}@media (max-height:600px){.home-title{padding:5px 0}.home-title h1{font-size:34px}.home-profile{height:52px}.mode-grid{grid-template-rows:minmax(0,1fr) 74px}.mode-unavailable .mode-heading h2{font-size:24px}.mode-status{font-size:8px}.mode-single .mode-heading h2{font-size:38px}.mode-single .mode-heading p{display:none}.mode-play{gap:4px}.mode-opponents button{height:42px}.mode-start{height:44px}}@media (max-height:500px){.app-shell{height:auto;min-height:100dvh;position:relative;overflow:visible}.app-content{overflow:visible}.app-home{height:auto}.mode-grid{min-height:310px}.app-panel{min-height:300px}.app-panel-scroll{max-height:60dvh}}.app-wordmark .app-mark{color:#e5f9ac;border:2px solid #d8f18d;border-radius:7px;flex:none;align-self:center;place-items:center;width:34px;height:34px;margin:0;font:800 25px/1 Barlow Condensed,sans-serif;display:grid;position:relative;transform:skew(-6deg)}.app-wordmark .app-mark small{font:800 9px/1 Manrope,sans-serif;position:absolute;bottom:2px;right:3px}.app-wordmark{min-height:44px}.app-header-settings{min-width:44px;min-height:44px}.app-header .spot-language{flex:none;margin-left:auto}@media (max-width:700px){.app-header-note{display:none}.app-header{gap:8px}.app-header .spot-language button{width:38px}.mode-grid{grid-template-rows:minmax(0,1fr) 105px}.app-nav a{font-size:10px}}@media (max-width:360px){.app-nav a{font-size:9px}}@media (max-height:600px){.mode-grid{grid-template-rows:minmax(0,1fr) 100px}.mode-opponents button{height:44px}}@media (min-width:701px){.mode-unavailable:after{content:"02";color:#d6edbf;opacity:.075;pointer-events:none;font:800 clamp(190px,23vw,390px)/1 Barlow Condensed,sans-serif;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.mode-unavailable:last-child:after{content:"03"}}.mobile-opponent-picker,.nav-mobile{display:none}.history-teams{align-items:center;gap:6px;display:flex}@media (max-width:700px){.app-header{height:46px}.app-header-settings,.app-header-note{display:none}.app-wordmark strong{font-size:23px}.app-content{padding:7px 0}.home-profile{height:59px}.home-profile-name{flex:1}.home-profile-name strong{font-size:20px}.home-profile-name small{display:none}.home-profile-name>div>span{font-size:11px}.home-profile-stats,.home-profile-stats>span{text-align:left;align-items:baseline;gap:4px;display:flex}.home-profile-stats{gap:7px}.home-profile-stats strong{font-size:20px}.home-title{padding:8px 0 9px;display:block}.home-title>span{font-size:11px}.home-title h1{margin-top:2px;font-size:32px}.mode-grid{grid-template-rows:minmax(0,1fr) 58px 58px;grid-template-columns:1fr;gap:7px;margin:14px 0 0}.mode-card{padding:12px}.mode-topline{font-size:11px}.mode-single{grid-column:1}.mode-single .mode-heading h2{font-size:43px}.mode-single .mode-heading p{margin-top:4px;font-size:12px;display:block}.mode-play{gap:7px;margin-top:auto}.mode-label,.mode-opponents{display:none}.mobile-opponent-picker{color:#d5e9c8;grid-template-columns:43px minmax(0,1fr);align-items:center;gap:8px;font-size:12px;font-weight:800;display:grid}.mobile-opponent-picker select{color:#f4fae9;touch-action:manipulation;background:#173528;border:1px solid #bad98b;border-radius:8px;width:100%;height:49px;min-height:44px;padding:0 12px;font:700 14px Manrope,sans-serif}.mobile-opponent-picker select:focus-visible{outline-offset:2px;outline:3px solid #e5ff9b}.mode-start{height:54px;font-size:15px}.mode-unavailable{grid-template-columns:minmax(0,1fr) 110px;align-items:center;gap:5px;padding:7px 12px;display:grid}.mode-unavailable .mode-topline{display:none}.mode-unavailable .mode-heading{margin:0}.mode-unavailable .mode-heading h2{font-size:26px}.mode-unavailable .mode-heading p{margin-top:1px;font-size:11px}.mode-unavailable .mode-status{text-align:right;border:0;grid-area:1/2;align-self:center;margin:0;padding:0;font-size:11px;line-height:1.25}.app-nav{gap:2px;height:62px}.app-nav a{font-size:12px;font-weight:800}.app-nav .nav-full{display:none}.app-nav .nav-mobile{display:inline}.app-panel-heading>span{font-size:11px}.app-panel-heading h1{font-size:35px}.app-panel-footnote{font-size:11px;line-height:1.4}.leaderboard-list li{gap:9px;padding:13px 6px}.leaderboard-identity>strong{font-size:14px}.leaderboard-points{font-size:27px}.leaderboard-points small{font-size:10px}.leaderboard-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 5px;padding-left:29px}.leaderboard-stats span{text-align:left;font-size:11px}.leaderboard-stats b{font-size:20px}.match-history-list li{padding:14px 6px}.history-main{display:block}.history-main .result-tag{font-size:11px}.history-teams{white-space:normal;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:5px;margin-top:6px;font-size:13px;line-height:1.25;display:grid;overflow:visible}.history-teams>span:last-child{text-align:right}.history-teams b{white-space:nowrap;margin:0;font-size:25px}.history-meta{gap:5px 12px;margin-top:7px;font-size:11px}.settings-row strong{font-size:16px}.settings-row span,.settings-data{font-size:12px}.settings-row{padding:17px 0}.settings-data{line-height:1.55}.play-hud .score-team strong{font-size:11px}.play-hud .score-center small{letter-spacing:.4px;margin-top:1px;font-size:10px;display:block}.play-hud .kick-dot{width:10px;height:10px}.play-field .field-caption{font-size:10px}.play-controls{gap:6px;padding-top:8px}.play-controls .decision-heading{font-size:13px}.play-controls .decision-heading>span{font-size:18px}.play-direction-grid>button{gap:3px;min-height:76px}.play-direction-grid>button>span{font-size:27px}.play-direction-grid>button>strong{font-size:12px}.play-result{gap:11px}.play-result h1{font-size:clamp(34px,9vw,52px)}.play-result .result-score{font-size:clamp(45px,11vw,67px)}.play-result p{font-size:12px}.play-result button{min-height:52px;font-size:13px}}@media (max-width:360px){.home-profile-stats>span:last-child{display:flex}.home-profile-stats{gap:5px}.home-profile-stats strong{font-size:19px}.home-title h1{font-size:30px}.app-nav a{font-size:12px}.mode-unavailable{grid-template-columns:minmax(0,1fr) 102px}.mode-unavailable .mode-heading h2{font-size:24px}.mode-unavailable .mode-status{font-size:11px}}@media (max-height:600px) and (max-width:700px){.app-content{padding:5px 0}.home-profile{height:50px}.home-title{padding:4px 0 5px}.home-title h1{font-size:28px}.mode-grid{grid-template-rows:minmax(0,1fr) 54px 54px;margin-top:0}.mode-single .mode-heading h2{font-size:38px}.mode-single .mode-heading p{font-size:11px}.mode-play{gap:5px;margin-top:8px}.mobile-opponent-picker select{height:45px}.mode-start{height:49px}.app-nav{height:60px}.play-direction-grid>button{min-height:70px}}@media (max-width:700px){.history-main>.history-teams{white-space:normal;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;display:grid;overflow:visible}.history-teams>span:first-child{color:#a7bdab;white-space:normal;grid-column:1/-1;font-size:11px;font-weight:600}.history-teams>span:last-child{text-align:left;overflow-wrap:anywhere;grid-area:2/1;font-size:15px}.history-teams b{grid-area:2/2;place-self:center end;font-size:27px}}@media (max-width:700px) and (min-height:700px){.app-home{background:radial-gradient(70% 22% at 50% 85%,#245b3c55,#0000 75%)}}.mode-ball{display:none}@media (max-width:700px) and (min-height:700px){.mode-single:before{opacity:.9;background:repeating-linear-gradient(90deg,#d5ebca24 0 1px,#0000 1px 22px),repeating-linear-gradient(0deg,#d5ebca24 0 1px,#0000 1px 20px),linear-gradient(#0b241b99,#27553a66);border:3px solid #c7e3bb99;border-bottom:1px solid #c7e3bb77;height:29%;top:34%;left:16%;right:16%;box-shadow:0 0 35px #d0f3b333}.mode-ball{z-index:1;background:radial-gradient(circle at 32% 27%,#fff,#e4e9dc 57%,#9cae9f);border-radius:50%;place-items:center;width:43px;height:43px;display:grid;position:absolute;top:65%;left:50%;transform:translate(-50%,-50%);box-shadow:0 7px 13px #03170f99,0 0 28px #d8f49a66}.mode-ball:after{content:"";clip-path:polygon(50% 0,100% 38%,81% 100%,19% 100%,0 38%);background:#40554d;width:20px;height:19px}}@media (max-width:700px) and (max-height:699px){.mode-single:before{display:none}}@media (min-width:1024px){.mode-grid{grid-template-columns:minmax(0,1.8fr) minmax(0,.8fr) minmax(0,.8fr)}.mode-single:before{background:repeating-linear-gradient(90deg,#d5ebca20 0 1px,#0000 1px 25px),repeating-linear-gradient(0deg,#d5ebca20 0 1px,#0000 1px 23px),linear-gradient(#0b241b66,#27553a33);border-bottom:1px solid #d9efc866;height:25%;top:43%}.mode-unavailable .mode-heading h2{font-size:clamp(43px,5vw,68px)}}@media (min-width:1024px) and (max-height:760px){.mode-single:before{height:18%}}@media (min-width:701px) and (max-width:1023px){.mode-grid{grid-template-rows:minmax(0,1fr) 164px;grid-template-columns:repeat(2,minmax(0,1fr))}.mode-single{grid-column:1/-1}.mode-single:before{background:repeating-linear-gradient(90deg,#d5ebca1f 0 1px,#0000 1px 24px),repeating-linear-gradient(0deg,#d5ebca1f 0 1px,#0000 1px 21px);border-bottom:1px solid #d9efc866;height:39%;top:29%;left:30%;right:30%}.mode-unavailable .mode-heading{margin-top:8px}.mode-unavailable .mode-heading h2{font-size:clamp(36px,5vw,48px)}.mode-unavailable:after{opacity:.045;font-size:150px}.mode-status{border:0;padding-top:0}}.mode-single{border-color:#668668;box-shadow:inset 0 1px #e8ffc11f,0 16px 44px #00000024}@media (min-width:701px){.mode-ball{z-index:1;background:radial-gradient(circle at 32% 27%,#fff,#e4e9dc 57%,#9cae9f);border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);box-shadow:0 7px 13px #03170f99,0 0 28px #d8f49a66}.mode-ball:after{content:"";clip-path:polygon(50% 0,100% 38%,81% 100%,19% 100%,0 38%);background:#40554d;width:20px;height:19px}}.mode-start,.play-direction-grid>button,.app-nav a,.mode-opponents button,.play-result button{transition:background-color .16s,border-color .16s,box-shadow .16s,filter .16s,transform .16s}.mode-start{box-shadow:0 5px #839a50,0 13px 25px #020f092f}.mode-start:hover{filter:brightness(1.08)}.mode-start:active{transform:translateY(3px);box-shadow:0 2px #839a50,0 5px 13px #020f092f}.mode-opponents button:hover,.app-nav a:hover{color:#f4ffd8;background:#294b35}.app-nav a[aria-current=page]{box-shadow:inset 0 3px #ddf795}.play-hud{background:linear-gradient(#0d2825,#081b1a);border:1px solid #3a604b;border-bottom:0;border-radius:12px 12px 0 0}.play-field{border-color:#4b7556;border-radius:0 0 12px 12px;box-shadow:0 14px 32px #00000045}.play-field:after{content:"";pointer-events:none;z-index:1;background:radial-gradient(65% 36% at 50% 16%,#e8ffa90b,#0000 86%),linear-gradient(#020e0d22,#0000 24% 74%,#020e0d30);position:absolute;inset:0}.play-field .field-caption{z-index:2}.play-controls .decision-heading{letter-spacing:.02em}.play-controls .decision-heading>span{font-weight:800}.play-direction-grid>button{background:linear-gradient(#33513a,#243f2e);border-color:#799666;position:relative;box-shadow:inset 0 1px #efffc31f,0 3px #132b20}.play-direction-grid>button:hover:not(:disabled){background:linear-gradient(#45654a,#2c4b35);border-color:#c4eb8e}.play-direction-grid>button:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1px #efffc31f,0 1px #132b20}.play-direction-grid>button.selected{border-color:#f0ffc3;box-shadow:0 0 0 2px #d4ef8060,0 0 22px #d4ef8040}.play-direction-grid>button:disabled:not(.selected){opacity:.62}.play-result{background:radial-gradient(circle at 50% 38%,#173e30dc,#061610e8 70%)}.play-result .result-score{text-shadow:0 0 30px #d4ef804a}.mode-start:focus-visible,.mode-opponents button:focus-visible,.app-nav a:focus-visible,.play-direction-grid>button:focus-visible,.play-result button:focus-visible,.play-exit:focus-visible{outline-offset:3px;outline:3px solid #edffb8}@media (max-width:700px){.mode-single{box-shadow:inset 0 1px #e8ffc11f,0 8px 26px #00000026}.play-hud{background:0 0;border:0;border-bottom:1px solid #375a49;border-radius:0}.play-field{border-radius:12px}.play-direction-grid>button{box-shadow:inset 0 1px #efffc31f,0 2px #132b20}}@media (max-width:380px) and (min-height:700px){.mode-ball{top:59%}}@media (orientation:landscape) and (max-height:500px){.play-field .field-message,.play-field .field-message.subtle{top:15%}}@media (prefers-reduced-motion:reduce){.mode-start,.play-direction-grid>button,.app-nav a,.mode-opponents button,.play-result button{transition:none}}