:root{--ink: #f4f6ed;--muted: #b5c5c9;--lime: #d5f654;--panel: #101e2c;--blue: #33a3ff;--orange: #ff8c37;--line: #b6c8d22d;font-family:Arial,sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#142334}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:0}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--lime);outline-offset:4px}button:disabled{opacity:.4;cursor:default}button{transition:background .15s,transform .15s}button:not(:disabled):active{transform:translateY(1px)}input,select{width:100%;background:#142839cf;color:var(--ink);border:1px solid #7c9aaa60;border-radius:2px;padding:12px;font-size:13px;font-weight:700}select{appearance:auto}input[type=range]{padding:0;accent-color:var(--lime)}label{display:block;font-size:10px;letter-spacing:1.7px;line-height:1.7;color:#bacbd1}label>input,label>select{margin:7px 0 15px}h1,h2,h3,p{margin:0}h1,h2{font-family:Arial Black,Arial,sans-serif;font-weight:950;letter-spacing:-.055em;line-height:.9}h1{font-size:clamp(64px,8.1vw,118px)}h2{font-size:clamp(46px,5.7vw,76px);margin:18px 0 30px}h3{font-size:13px;letter-spacing:1.4px;margin:0 0 18px}em{font-style:italic;color:var(--lime)}#game{position:fixed;inset:0;display:block;width:100%;height:100%;touch-action:none}#shell{position:fixed;inset:0;background:linear-gradient(90deg,#091b2cf0 0%,#0c2336d9 20%,#142d3a66 46%,transparent 72%);pointer-events:none}#shell>*{pointer-events:auto}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 4.3vw;gap:20px}header button{background:none}.brand{display:flex;align-items:center;font-style:italic;font-size:24px;letter-spacing:-1px;font-weight:950;white-space:nowrap;gap:3px}.brand>span:last-child{color:var(--lime)}.brand-mark{display:inline-grid;place-items:center;color:#122334;background:var(--lime);font-size:33px;font-style:normal;width:40px;height:42px;margin-right:10px;clip-path:polygon(18% 0,100% 0,82% 100%,0 100%)}.header-right{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:700;letter-spacing:1.2px}.live-dot{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;box-shadow:0 0 9px #d5f65455}.icon-button{font-size:22px!important;opacity:.9}#player-chip{font-size:12px;letter-spacing:1px;border-left:1px solid #adc5d455;padding:9px 0 9px 20px}#player-chip span{background:#e5eef322;color:var(--lime);padding:5px 6px;margin-left:8px}#menus{position:absolute;inset:110px 4.3vw 76px;pointer-events:none}.panel{display:none;max-height:100%;overflow:auto;width:min(440px,44vw);padding:10px 8px 16px 0;scrollbar-width:thin;pointer-events:auto}.panel.active{display:block;animation:enter .25s ease-out}.panel.wide{width:min(930px,88vw);padding:26px;background:#101f2de8;border:1px solid var(--line)}#home{padding-top:clamp(8px,3vh,42px);width:500px;max-width:48vw}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2.5px;display:flex;align-items:center;gap:10px;color:#d1dedc;margin-bottom:22px}.eyebrow span{width:21px;height:2px;background:var(--lime)}.hero-copy{font-size:15px;line-height:1.65;color:#c3d3d4;margin:25px 0 28px}.home-actions{width:min(340px,100%)}.primary{background:var(--lime);color:#17232a;padding:17px 22px;font-size:14px;font-weight:900;letter-spacing:1.3px;border-radius:2px;display:flex;align-items:center;justify-content:space-between;width:100%}.primary:hover{background:#e2ff78;box-shadow:0 4px 32px #c6f44025}.primary.huge{font-size:17px;padding:20px 22px}.primary b{font-size:25px;line-height:.7}.secondary{display:flex;align-items:center;justify-content:space-between;background:#38516344;border:1px solid #93abb84f;padding:16px 20px;width:100%;font-size:13px;letter-spacing:1.5px;font-weight:800;margin-top:10px}.secondary:hover{background:#69829355}.secondary.compact{width:auto;font-size:10px;padding:12px}.quiet{padding:17px 4px;letter-spacing:1.4px;background:none;font-weight:700;font-size:10px;width:100%;text-align:left;color:#bbcacb}.quiet span{float:right}.quiet:hover{color:var(--lime)}.home-version{display:flex;gap:18px;font-size:9px;letter-spacing:2px;color:#90aaaf;margin-top:24px}.home-version span:first-child{padding-right:20px;border-right:1px solid #9cb4bd66}.back{background:none;color:#bfccd2;padding:0 0 25px;font-size:10px;font-weight:800;letter-spacing:1.5px}.back:hover{color:var(--lime)}.panel:not(#home)>.eyebrow{margin-bottom:6px}.playlist-tabs{display:flex;gap:8px;margin-bottom:15px}.playlist-tabs button{flex:1;padding:16px 5px;background:#0b2034bc;border:1px solid #607e9277;font-size:26px;font-weight:900;font-style:italic}.playlist-tabs small{display:block;font-size:8px;letter-spacing:1.6px;font-style:normal;margin-top:6px;color:#aac0cc}.playlist-tabs button.selected{border-color:var(--lime);background:#c8ef5120;color:var(--lime)}.micro{font-size:9px;letter-spacing:1.1px;line-height:1.8;color:#a0b6c1;margin:15px 0}.play-links{border-top:1px solid var(--line);margin-top:25px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.play-links button{padding:17px 8px 15px 0;background:none;text-align:left;font-size:10px;letter-spacing:.5px;font-weight:800;border-bottom:1px solid var(--line)}.play-links span{float:right;color:var(--lime)}.extra-modes{display:flex;gap:10px;margin-top:20px}.extra-modes button{background:#24445b88;padding:12px;flex:1;font-size:11px;letter-spacing:1.6px}.extra-modes button:hover{color:var(--lime)}.join-divider{font-size:9px;letter-spacing:2px;color:#9eb6c0;margin:32px 0 24px;display:flex;align-items:center;gap:14px}.join-divider:after{content:"";flex:1;height:1px;background:var(--line)}.join-row{display:flex;gap:10px}.join-row input{font-size:30px;letter-spacing:10px;text-transform:uppercase;min-width:0;margin:8px 0}.join-row button{width:100px;margin:8px 0}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:18px}.panel-title h2{font-size:50px}.room-row{border-top:1px solid var(--line);display:flex;align-items:center;gap:18px;padding:20px 0}.room-row b{font-size:22px}.room-row p{color:#bed0db;font-size:12px;line-height:1.7}.room-row .room-info{flex:1}.room-row button{width:auto;margin:0}.empty-rooms{padding:28px 0;color:#c4d2d7;line-height:1.8;font-size:14px}.garage-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 13px}.garage-grid label:first-child{grid-column:1/-1}.settings-grid{display:grid;gap:4px}.settings-grid label{margin:2px 0}output{float:right}.controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.controls-grid p{font-size:10px;letter-spacing:.6px;margin:0 0 13px;line-height:1.8}kbd{display:inline-block;font-family:inherit;border:1px solid #bdd0d866;background:#334c5a77;padding:3px 6px;border-radius:2px;font-size:10px;margin-right:5px;color:#edf3eb}kbd+kbd{margin-left:6px}.tip{font-size:12px;line-height:1.8;color:#adc3ce;border-top:1px solid var(--line);padding-top:18px;margin-top:20px}#menu-footer{position:absolute;bottom:0;left:4.3vw;right:4.3vw;height:64px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #b3cad42b;font-size:9px;letter-spacing:1.4px;color:#bfd0d3;gap:20px}#menu-footer .live-dot{margin-right:10px}#menu-footer button{background:none;font-size:9px;letter-spacing:1.4px}#menu-footer kbd{margin-left:12px}.lobby-panel{width:min(1060px,91vw);padding:24px;background:#102131eb;border:1px solid var(--line)}.lobby-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.lobby-heading h2{margin-bottom:24px;font-size:60px}.room-code-card{background:#c5ee5020;border:1px solid #cce56a66;padding:16px 20px;min-width:180px}.room-code-card small{display:block;color:#c3d292;font-size:8px;letter-spacing:1px}.room-code-card strong{display:block;font-size:36px;letter-spacing:10px;color:var(--lime);margin-top:8px}.lobby-columns{display:grid;grid-template-columns:1fr 340px;gap:32px}.team-actions{display:flex;gap:5px;margin-bottom:20px}.team-actions button{background:#27445988;padding:12px 10px;font-size:9px;letter-spacing:.7px}.team-actions button:first-child{color:#79c3ff}.team-actions button:nth-child(2){color:#ffb56e}.member-row{padding:15px 0;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.member-row .member-dot{width:6px;height:26px;background:#91a6b7}.member-dot.blue{background:var(--blue)}.member-dot.orange{background:var(--orange)}.member-name{flex:1;font-size:14px;font-weight:800}.member-name small{display:block;font-size:8px;color:#aec6d2;letter-spacing:1px;margin-top:6px}.member-row select{width:95px;font-size:10px;padding:7px}.kick{background:none;color:#dcaa95;font-size:15px;padding:6px}.rules-box{border-left:1px solid var(--line);padding-left:24px}.rules-box h3{font-size:11px}.rules-box label{font-size:8px}.rules-box select{padding:8px;font-size:10px;margin:4px 0 10px}.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.check{display:flex;align-items:center;gap:10px;margin:6px 0 12px}.check input{width:auto;margin:0;accent-color:var(--lime)}#start-match{padding:15px;font-size:11px;margin-top:16px}#loading{position:fixed;inset:0;background:#10202e;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:40}#loading .brand{font-size:40px}#loading-label{font-size:10px;letter-spacing:3px;margin:34px 0 20px;color:#a6bec9}.loadtrack{width:300px;height:2px;background:#bcd1db33}.loadtrack i{display:block;height:100%;width:0;background:var(--lime);transition:width .2s}#hud{position:fixed;inset:0;pointer-events:none;text-shadow:0 2px 9px #07151f88}#hud button{pointer-events:auto}#match-meta{position:absolute;left:24px;top:22px;font-size:9px;letter-spacing:1.6px;font-weight:800}#match-meta span{margin:0 8px;color:#c3d2d8}#net-ping{display:block;margin:8px 0!important;font-size:9px;color:#bde4ef!important}.scorebug{display:flex;position:absolute;top:0;left:50%;transform:translate(-50%);height:66px;font-size:35px;font-weight:800;font-style:italic}.scorebug>div:not(.clock-cell){width:75px;display:grid;place-items:center}#blue-score{background:linear-gradient(#1885e7ed,#125896e0);border-bottom:3px solid #47b8ff}#orange-score{background:linear-gradient(#f79533ed,#b95c16e0);border-bottom:3px solid #ffb258}.clock-cell{width:132px;background:#122232e8;display:flex;flex-direction:column;align-items:center;justify-content:center;font-style:normal}.clock-cell strong{font-size:28px;letter-spacing:1px}#overtime{font-size:8px;color:var(--lime);letter-spacing:2px;margin-bottom:4px}#pause-button{position:absolute;right:24px;top:20px;width:32px;height:32px;background:#18324799;font-size:17px}#announcement{position:absolute;top:28%;left:10%;right:10%;text-align:center;font-size:90px;font-style:italic;font-weight:900;letter-spacing:-3px;color:#f2f6df;text-shadow:0 3px 28px #18312e66}#announcement small{display:block;font-size:14px;letter-spacing:4px;font-style:normal;margin-top:12px}#announcement.goal{font-size:52px;color:#ffedc2}#replay-tag{position:absolute;left:30px;bottom:95px;color:#ff704d;font-size:12px;letter-spacing:2px;font-weight:800}#replay-tag span{color:#e6f0f0;margin-left:15px;font-size:9px}.camera-status{position:absolute;bottom:27px;left:28px}.camera-status button{background:none;padding:0;font-size:15px;font-weight:900;letter-spacing:1px;color:#a5e3ff}.camera-status small{display:block;font-size:9px;letter-spacing:1px;margin-top:9px;color:#d1e1e7}.camera-status kbd{font-size:9px;margin-left:8px}.boost-cluster{position:absolute;right:30px;bottom:25px;text-align:center}#boost-gauge{height:125px;width:125px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(from 225deg,#ffc444 0deg,#ffc444 var(--boost, 90deg),#7d9db455 var(--boost, 90deg),#7d9db455 270deg,transparent 270deg);padding:7px;filter:drop-shadow(0 0 12px #11232244)}#boost-gauge>div{border-radius:50%;width:100%;height:100%;background:#12334aae;display:flex;flex-direction:column;justify-content:center}#boost-count{font-size:48px;font-style:italic;line-height:1.05}#boost-gauge small{font-size:8px;letter-spacing:2px;color:#cedde4}#speed{font-style:italic;font-size:17px;letter-spacing:1px;margin-top:5px}#speed small{font-size:8px;letter-spacing:1px;color:#d0dde2}#zero-ball{position:absolute;top:86px;left:0;right:0;text-align:center;color:var(--lime);font-weight:800;font-size:11px;letter-spacing:2px}#power-card{position:absolute;right:30px;bottom:200px;background:#182c4099;border:1px solid #d5f65477;padding:12px;min-width:125px}#power-card small{display:block;font-size:7px;letter-spacing:1.5px;color:#bed0b6}#power-card b{display:block;font-size:13px;margin:6px 0;color:var(--lime)}#scoreboard{position:fixed;inset:18% 16% auto;background:#102438ee;border:1px solid #6b91a580;padding:25px;z-index:15}#scoreboard h3{font-size:18px;font-style:italic}#scoreboard table{width:100%;border-collapse:collapse;text-align:left}#scoreboard th{font-size:9px;letter-spacing:1px;color:#9fbdcd}#scoreboard td{font-size:13px;padding:12px 5px;border-bottom:1px solid var(--line)}.modal{position:fixed;inset:0;background:#071421ad;backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;z-index:20}.modal-card{width:410px;max-width:92vw;background:#152b3bf0;border:1px solid #8bafc455;padding:35px}.modal-card h2{font-size:55px}.modal-card p{font-size:12px;line-height:1.8;color:#b9cbd5;margin-bottom:24px}.modal-card .quiet{text-align:center}.results-card{width:560px;text-align:center}.results-card .eyebrow{justify-content:center}#final-score{font-size:65px;font-weight:900;letter-spacing:16px;margin:0 0 24px}#result-stats{display:flex;justify-content:space-evenly;margin:20px 0 30px;border-top:1px solid var(--line);padding-top:20px}#result-stats b{display:block;font-size:28px}#result-stats small{font-size:8px;letter-spacing:1.5px;color:#b7c7d0}#toast{position:fixed;bottom:85px;left:50%;transform:translate(-50%,20px);background:#132f44f5;border:1px solid #a0c2d576;border-left:3px solid var(--lime);color:#f2f7f8;padding:14px 22px;max-width:90vw;font-size:12px;line-height:1.6;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:60}#toast.visible{opacity:1;transform:translate(-50%)}[hidden]{display:none!important}#touch{position:fixed;inset:0;pointer-events:none}#joystick{position:absolute;left:28px;bottom:100px;width:110px;height:110px;border:2px solid #c5e8ff5a;background:#4a809933;border-radius:50%;pointer-events:auto;touch-action:none;display:grid;place-items:center}#joystick i{width:40px;height:40px;border-radius:50%;background:#d4ebf380}.touch-buttons{position:absolute;right:22px;bottom:190px;display:flex;gap:12px}.touch-buttons button{border:1px solid #daf1ff88;background:#133c5388;border-radius:50%;width:60px;height:60px;font-size:10px;font-weight:800;pointer-events:auto;touch-action:none}#touch-boost{background:#d2ed6044;border-color:var(--lime)}@keyframes enter{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@media(min-height:900px){#menus{top:150px}#home{padding-top:5vh}.hero-copy{margin:35px 0}.home-version{margin-top:40px}}@media(max-width:900px){header{height:78px}.brand{font-size:18px}.brand-mark{width:30px;height:32px;font-size:28px}.header-right #connection,.header-right .live-dot{display:none}.header-right{gap:8px}#menus{top:85px;bottom:58px}.panel{width:43vw}#home{max-width:48vw}h1{font-size:76px}.hero-copy{font-size:12px;margin:20px 0}.home-actions{width:280px}.primary.huge{padding:17px;font-size:14px}#menu-footer{height:52px;font-size:7px}#menu-footer>span:last-child{display:none}.lobby-columns{grid-template-columns:1fr 285px;gap:16px}.lobby-panel{width:91vw;padding:20px}.lobby-heading h2{font-size:44px}.rules-box{padding-left:15px}.room-code-card{min-width:150px}.controls-grid p{font-size:8px}.eyebrow{font-size:8px;letter-spacing:1.6px}}@media(max-width:600px){#shell{background:linear-gradient(90deg,#0a2035ec,#0a2035bb 64%,#0a203566)}header{padding:0 20px;height:72px}.header-right{gap:6px}#player-chip{font-size:9px;padding-left:10px}#player-chip span{display:none}.icon-button{font-size:19px!important}#menus{inset:84px 24px 57px}.panel,#home{width:100%;max-width:none;padding-right:0}#home{padding-top:3vh}h1{font-size:78px}.hero-copy{font-size:13px}.home-actions{width:290px}.home-version{margin-top:16px}.panel.wide{width:100%;padding:15px}.panel-title h2{font-size:36px}.controls-grid{grid-template-columns:1fr;gap:25px}#menu-footer{left:24px;right:24px}#menu-footer>span:first-child{max-width:170px;font-size:7px;line-height:1.7}.lobby-panel{padding:15px!important}.lobby-heading{flex-direction:column;align-items:stretch;gap:0}.lobby-heading h2{font-size:40px}.lobby-heading .room-code-card{padding:10px;margin-bottom:20px}.room-code-card strong{font-size:28px}.lobby-columns{grid-template-columns:1fr}.rules-box{border-left:0;padding:20px 0 0;border-top:1px solid var(--line)}.garage-grid{max-width:360px}.scorebug{height:50px}.scorebug>div:not(.clock-cell){width:50px;font-size:26px}.clock-cell{width:98px}.clock-cell strong{font-size:22px}#match-meta{top:65px;left:14px;font-size:7px;letter-spacing:.7px}#pause-button{right:14px;top:12px}#announcement{font-size:64px;top:27%}#announcement.goal{font-size:35px}#announcement small{font-size:10px}#boost-gauge{width:85px;height:85px;padding:5px}#boost-count{font-size:33px}.boost-cluster{right:20px;bottom:23px}.camera-status{left:20px;bottom:25px}.camera-status small{font-size:7px;max-width:160px;line-height:1.8}.camera-status button{font-size:11px}.touch-buttons{right:14px;bottom:143px;gap:8px}.touch-buttons button{width:51px;height:51px;font-size:9px}#joystick{left:20px;bottom:113px;width:100px;height:100px}#scoreboard{inset:18% 5% auto;padding:15px}#scoreboard td{font-size:10px}#power-card{bottom:215px;right:16px}.modal-card{padding:24px}.modal-card h2{font-size:43px}}@media(max-height:680px)and (min-width:601px){header{height:68px}#menus{top:77px;bottom:50px}#home{padding-top:4px}h1{font-size:71px}.eyebrow{margin-bottom:16px}.hero-copy{margin:15px 0}.primary.huge{padding:16px}.secondary{padding:12px}.home-version{display:none}h2{font-size:48px;margin:10px 0 22px}.back{padding-bottom:14px}#menu-footer{height:44px}.garage-grid select{padding:8px}label>select{margin-bottom:8px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.field-picker{margin:14px 0 18px}.friends-play{margin:8px 0 14px;border-color:var(--lime)}.party-help{line-height:1.6;margin:-12px 0 22px;max-width:390px}.room-error{padding:14px;border:1px solid #ffba81;color:#ffe3c9;background:#562b25c9;line-height:1.5}.field-picker>span{display:block;margin-bottom:7px;letter-spacing:.14em}.field-tabs{margin-bottom:0}.field-tabs button{padding:12px 6px;font-size:14px}.field-tabs button small{font-size:8px;margin-top:4px}header{height:86px;border-bottom:1px solid #b6c8d21c;background:#0a1727a8}.menu-nav{display:flex;align-self:stretch;gap:22px;margin-right:auto;margin-left:28px}.menu-nav button{position:relative;font-size:11px;letter-spacing:1.7px;font-weight:800;color:#a6bbc8}.menu-nav button:hover,.menu-nav button.selected{color:var(--ink)}.menu-nav button.selected:after{content:"";position:absolute;bottom:0;height:3px;background:var(--lime);left:0;right:0}#shell{background:linear-gradient(90deg,#081521ed,#0b1b2ba8 45%,#0b18292b 85%)}#menus{inset:110px 4.3vw 76px}.panel:not(#home){width:min(580px,66vw);padding:25px;background:linear-gradient(135deg,#142839f7,#0c1b2bf5);border:1px solid #8ba9bb3b;border-radius:10px;box-shadow:0 18px 65px #020b1844}.panel:not(#home) h2{font-size:clamp(32px,3.5vw,48px);line-height:1.05;margin:13px 0 16px;letter-spacing:-.045em}.panel:not(#home) .back{padding-bottom:20px;color:#8ea8b9}.panel:not(#home) .eyebrow{color:#9cb8c8;font-size:9px;letter-spacing:2px}.section-copy{font-size:12px;color:#a9bfcd;line-height:1.7;margin:-5px 0 24px}.playlist-tabs{gap:9px}.playlist-tabs button{border-radius:5px;padding:12px 5px;background:#192f426b;border-color:#62819945;font-size:23px;transition:border-color .15s,background .15s}.playlist-tabs button:hover{background:#2c465b8c;border-color:#8ea8b9}.playlist-tabs button.selected{background:#d5f65414;border-color:var(--lime);box-shadow:inset 0 -2px var(--lime)}.field-picker{margin:20px 0}.field-tabs button{font-size:11px;font-style:normal;letter-spacing:1.1px;padding:12px 4px}.field-tabs small{font-size:7px;letter-spacing:.9px}.pitch-glyph{display:block;width:51px;height:27px;border:1px solid currentColor;opacity:.7;margin:0 auto 10px;position:relative;border-radius:4px}.pitch-glyph:before{content:"";height:100%;width:1px;background:currentColor;position:absolute;top:0;left:50%}.pitch-glyph i{position:absolute;height:11px;width:11px;border:1px solid currentColor;border-radius:50%;left:calc(50% - 5px);top:7px}[data-field-size=small] .pitch-glyph{width:38px}[data-field-size=large] .pitch-glyph{width:67px}.match-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.match-card{display:flex;flex-direction:column;gap:15px;text-align:left;background:#244058;border:1px solid #769ab757;border-radius:6px;padding:18px;min-width:0}.match-card.friends-play{margin:0;background:var(--lime);border-color:var(--lime);color:#172431}.match-card:hover{filter:brightness(1.09);transform:translateY(-2px)}.card-number{font-size:8px;letter-spacing:1.5px;opacity:.75;font-weight:800}.match-card strong{width:100%;font-size:22px;letter-spacing:-.5px;line-height:1.08;font-weight:900}.match-card strong b{float:right;font-size:30px;margin-top:-10px;font-weight:400}.match-card small{font-size:10px;opacity:.8;line-height:1.5}.play-links{margin-top:18px;grid-template-columns:1fr 1fr 1fr;gap:12px}.play-links button{font-size:9px;line-height:1.6;padding:12px 0}.extra-modes{margin-top:13px}.extra-modes button{border:1px solid #658ca331;border-radius:4px;background:#233c4f66;font-size:10px;padding:10px}#private .party-help{font-size:13px;color:#b2c7d4;margin:0 0 25px}.join-row input{border-radius:5px;background:#091725;letter-spacing:8px;font-size:28px;padding-left:18px}.join-divider{margin:27px 0 17px}.primary,.secondary{border-radius:5px}.panel.lobby-panel:not(#home),.panel.wide:not(#home){width:min(1000px,91.4vw)}.lobby-heading{padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:24px}.lobby-heading h2{margin-bottom:0!important}.room-code-card{border-radius:6px;background:#d5f65410}.room-code-card strong{font-size:38px;letter-spacing:7px}.roster-heading{display:flex;justify-content:space-between;align-items:center;margin:25px 0 15px}.roster-heading h3{margin:0;font-size:10px;color:#aac0cf}.roster-heading span{font-size:9px;color:var(--lime);letter-spacing:1px}.member-row{background:#213c4e62;border:1px solid #58758a42;border-radius:5px;padding:14px 10px;margin:8px 0}.rules-box{border-radius:6px;background:#09192785}.rules-box select{font-size:11px;padding:10px;border-radius:4px}.rules-box h3{font-size:11px;color:var(--lime)}.modal-card{border-radius:10px;box-shadow:0 25px 80px #020b1899}.modal-card h2{font-size:42px}@media(max-width:900px){.menu-nav{margin-left:8px;gap:16px}#connection,.header-right>.live-dot{display:none}.brand{font-size:20px}}@media(max-width:620px){header{height:72px;padding:0 18px;gap:10px}.brand{font-size:17px}.brand-mark{width:29px;height:33px;font-size:25px;margin-right:4px}.menu-nav{gap:13px;margin-left:auto;margin-right:0}.menu-nav button{font-size:9px;letter-spacing:.6px}.header-right{display:none}#menus{inset:88px 16px 55px}.panel:not(#home),.panel.lobby-panel,.panel.wide{width:100%;padding:20px}.panel:not(#home) h2{font-size:32px}.section-copy{font-size:11px}.match-card{padding:13px;gap:13px}.match-card strong{font-size:18px}.match-card small{font-size:9px}.card-number{font-size:7px}#home{max-width:100%;width:100%;padding-top:28px}#home h1{font-size:66px}.lobby-heading{align-items:flex-start;flex-direction:column;gap:15px}.room-code-card{width:100%}#menu-footer{left:16px;right:16px;height:46px}#menu-footer>span:first-child{font-size:7px;letter-spacing:.7px}}@media(max-height:760px)and (min-width:621px){#menus{top:98px;bottom:62px}.panel:not(#home){padding:20px}.panel:not(#home) .back{padding-bottom:12px}.panel:not(#home) h2{margin-top:10px;font-size:34px}.section-copy{margin-bottom:14px}.pitch-glyph{display:none}.field-picker{margin:13px 0}.match-card{gap:10px;padding:14px}}@media(max-width:620px){.panel.lobby-panel:not(#home),.panel.wide:not(#home){width:100%}}#goal-celebration{--goal-color: #58c3ff;position:absolute;top:19%;left:10%;right:10%;text-align:center;color:#fff;pointer-events:none;filter:drop-shadow(0 5px 14px #071323)}#goal-celebration[data-team=orange]{--goal-color: #ffa253}#goal-celebration:not([hidden]){animation:goal-arrival .65s cubic-bezier(.16,1,.3,1) both}.goal-team{color:var(--goal-color);font-size:13px;font-weight:800;line-height:1.5;letter-spacing:.4em;margin-bottom:10px}#goal-celebration strong{display:block;font-size:clamp(26px,4.8vw,64px);line-height:1.05;font-style:italic;font-weight:900;letter-spacing:-.03em}#goal-celebration strong:after{content:"";display:block;width:min(450px,75%);height:3px;margin:15px auto;background:linear-gradient(90deg,transparent,var(--goal-color),transparent)}.goal-tally{display:flex;align-items:center;justify-content:center;gap:20px;font-size:10px;letter-spacing:.14em}.goal-tally span{display:flex;align-items:center;gap:12px}.goal-tally span:first-child{color:#83d3ff}.goal-tally span:last-child{color:#ffc38d}.goal-tally b{color:#fff;font-size:36px;line-height:1}.goal-tally i{color:#aac0d2;font-style:normal;font-size:20px}@keyframes goal-arrival{0%{opacity:0;transform:translateY(-15px) scale(1.14)}30%{opacity:1}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){#goal-celebration:not([hidden]){animation:none}}