@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,800;1,700;1,800&family=DM+Sans:wght@400;500;600;650;700&display=swap";:root{color:#173c30;font-synthesis:none;--ink:#173c30;--muted:#6c7b6d;--lime:#def477;--paper:#f5f5ec;--line:#d7ddce;--orange:#ee855e;--mint:#a7dcd2;background:#eff0e7;font-family:DM Sans,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button,input,select{outline-offset:5px}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b0c644}button{touch-action:manipulation}button span{pointer-events:none}button{color:inherit}#game{outline:none;width:100%;height:100%;position:fixed;inset:0}#app{z-index:1;pointer-events:none;height:100dvh;position:relative}#app button,#app input,#app select,#app a{pointer-events:auto}.topbar{z-index:3;justify-content:space-between;align-items:center;height:104px;padding:0 4.7%;display:flex;position:relative}.wordmark{letter-spacing:-1.3px;background:0 0;border:0;align-items:center;gap:9px;padding:0;font-size:25px;font-weight:800;display:flex}.brand-dot{align-self:flex-start;margin-top:3px;margin-left:-3px;font-size:12px}.brand-mark{align-items:flex-end;gap:3px;width:29px;height:26px;margin-right:3px;display:flex;transform:skew(-14deg)}.brand-mark i{background:var(--ink);width:7px;height:26px}.brand-mark i:nth-child(2){height:19px}.brand-mark i:nth-child(3){height:12px}.top-right{align-items:center;gap:31px;display:flex}.build-tag,.eyebrow,.bottom-strip,.field-label,.fine-print,.device-note,.button-note,.caption-number,.match-facts,.team-join,.ready-status{letter-spacing:1.7px;font-size:10px;font-weight:700}.build-tag{color:#6d7c6b;letter-spacing:1.5px}.quiet-button,.icon-button{background:0 0;border:0}.quiet-button{gap:18px;font-size:12px;font-weight:600;display:flex}.quiet-button span{font-size:19px}.icon-button{border-left:1px solid #cdd5c6;padding-left:24px;font-size:24px;line-height:24px}.home-layout{height:calc(100dvh - 104px);position:relative}.hero-copy{pointer-events:none;width:435px;position:absolute;top:4.7%;left:4.7%}.eyebrow{letter-spacing:1.9px;align-items:center;gap:9px;display:flex}.status-dot{background:#507853;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.status-dot.offline{background:#b78b42}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-1.8px;font-family:Barlow Condensed,Arial Narrow,Impact,sans-serif;font-weight:800;line-height:.88}h1{margin-top:26px;font-size:clamp(62px,6.7vw,108px)}h1 em{white-space:nowrap;color:#406f4b;margin-top:4px;font-size:.84em;font-style:italic;display:block}h2{letter-spacing:-1px;margin:20px 0 17px;font-size:56px;line-height:.98}.hero-description{color:#607060;margin-top:24px;font-size:14px;line-height:1.8}.hero-actions{flex-direction:column;gap:10px;width:310px;margin-top:30px;display:flex}.primary-button,.secondary-button{border:0;border-radius:3px;justify-content:space-between;align-items:center;gap:20px;min-height:54px;padding:17px 20px;font-size:13px;font-weight:650;transition:background .15s,transform .15s;display:flex}.primary-button{background:var(--ink);color:#f3f5e7}.primary-button:hover:not(:disabled){background:#2a5843;transform:translateY(-1px)}.primary-button>span{color:var(--lime);font-size:22px;line-height:12px}.secondary-button{color:var(--ink);background:#e7eadc;border:1px solid #cdd7c6}.secondary-button:hover:not(:disabled){background:#dce4cc}.button-note{letter-spacing:1px;color:#738068;margin-left:auto;font-size:8px}.secondary-button>span:last-child{font-size:18px}.full{width:100%;margin-top:18px}.text-button{text-align:left;background:0 0;border:0;padding:0;font-size:11px;line-height:1.5;display:inline-block}.hero-copy>.text-button{color:#71806e;margin-top:21px}.text-button strong{color:var(--ink);margin-left:5px;font-weight:600}.text-button:hover{text-underline-offset:4px;text-decoration:underline}.device-note{color:#71816e;letter-spacing:1px;align-items:center;gap:8px;margin-top:41px;font-size:8px;display:flex}.key-icon{border:1px solid #94a38b;border-radius:2px;padding:2px 3px;font-size:8px}.controller-icon{font-size:19px;line-height:12px}.note-divider{color:#a8b59c;margin:0 5px}.arena-caption{border-top:1px solid #bdcbb5;align-items:center;gap:12px;width:260px;padding-top:15px;display:flex;position:absolute;bottom:18%;left:63%}.caption-dot{border:1px solid #78946b;border-radius:50%;width:23px;height:23px;position:relative}.caption-dot:after{content:"";background:#78946b;border-radius:50%;position:absolute;inset:7px}.arena-caption strong{letter-spacing:1.2px;font-size:10px;font-weight:700;display:block}.arena-caption div>span{color:#73816c;margin-top:5px;font-size:10px;display:block}.caption-number{color:#73876b;margin-left:auto;font-size:22px;font-weight:500}.bottom-strip{color:#7d8c73;letter-spacing:1.5px;border-top:1px solid #d4dccb;justify-content:space-between;align-items:center;padding-top:20px;font-size:8px;display:flex;position:absolute;bottom:26px;left:4.7%;right:4.7%}.modes-inline{color:#466344;letter-spacing:1px;align-items:center;gap:16px;font-size:13px;display:flex}.modes-inline i{background:#9dac92;border-radius:50%;width:3px;height:3px}.server-status{align-items:center;gap:8px;display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);z-index:20;pointer-events:auto;background:#183c303d;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.dialog{background:var(--paper);border-radius:5px;width:480px;max-height:calc(100dvh - 50px);padding:38px 38px 30px;position:relative;overflow:auto;box-shadow:0 20px 80px #183c3020}.wide-dialog{width:660px}.close-button{color:#6a7b63;background:0 0;border:0;padding:2px 7px;font-size:27px;font-weight:400;position:absolute;top:17px;right:20px}.muted{color:#6c7b68;font-size:13px;line-height:1.7}.field-label{letter-spacing:1.3px;margin:24px 0 9px;font-size:9px;display:block}input:not([type=checkbox]):not([type=range]),select{width:100%;color:var(--ink);background:#eceee2;border:1px solid #d0d9c6;border-radius:3px;min-height:44px;padding:12px 13px;font-size:13px}.code-input{text-transform:uppercase;letter-spacing:9px;text-align:center;font-weight:700;font-size:26px!important}.mode-picker{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mode-button{background:#e9edde;border:1px solid #d0d9c6;border-radius:3px;flex-direction:column;align-items:center;gap:6px;padding:13px 4px;display:flex}.mode-button.selected{background:var(--ink);border-color:var(--ink);color:var(--paper)}.mode-button strong{font-family:Barlow Condensed,Impact,sans-serif;font-size:26px}.mode-button strong small{padding:0 3px;font-size:17px}.mode-button>span{letter-spacing:1px;font-size:7px;font-weight:700}.toggle-row{cursor:pointer;pointer-events:auto;justify-content:space-between;align-items:center;gap:12px;margin:22px 0 8px;display:flex}.toggle-row strong{font-size:12px}.toggle-row small{color:#74836c;margin-top:4px;font-size:10px;display:block}input[type=checkbox]{accent-color:#446b42;width:18px;height:18px}.fine-print{color:#7a876f;text-align:center;letter-spacing:.8px;margin-top:15px;font-size:8px;line-height:1.6}.controls-table{border-collapse:collapse;width:100%;margin:23px 0;font-size:11px}.controls-table td,.controls-table th{text-align:left;border-bottom:1px solid #dce2d0;padding:10px 4px;line-height:1.4}.controls-table th{letter-spacing:.8px;color:#77836d;font-size:8px}.tip-box{border-left:3px solid #bdce80;padding:3px 0 3px 14px}.tip-box strong{font-size:12px}.tip-box p{color:#728069;margin-top:5px;font-size:11px;line-height:1.7}.settings-general{grid-template-columns:1fr 1fr;align-items:end;gap:18px;margin:23px 0;display:grid}.settings-general label{font-size:11px}.settings-general select{margin-top:7px}.settings-general .secondary-button{height:44px;min-height:44px}#input-settings{pointer-events:auto;font-size:12px}#input-settings h3{margin:22px 0 12px;font-size:14px}#input-settings label{margin:10px 0;font-size:11px;display:block}#input-settings select{margin-top:6px}#input-settings button{background:#e4e9d7;border:1px solid #c9d4be;border-radius:3px;padding:8px 11px;font-size:11px}#input-settings table{border-collapse:collapse;width:100%}#input-settings td,#input-settings th{text-align:left;border-bottom:1px solid #dbe2d0;padding:8px 5px;font-size:11px}#input-settings input[type=range]{accent-color:#426b40;width:100%}#input-settings p{color:#708268;margin:10px 0;font-size:11px;line-height:1.6}#input-settings .input-binding-row{justify-content:space-between;align-items:center;gap:12px;padding:6px 0;display:flex}#input-settings fieldset{border:1px solid #d3ddc7;margin:14px 0;padding:12px}#input-settings legend{padding:0 8px;font-size:11px}.lobby-layout{pointer-events:auto;grid-template-columns:1fr 1fr;gap:7%;max-width:1150px;margin:auto;padding:45px 40px 60px;display:grid}.lobby-intro h1{margin-bottom:23px;font-size:78px}.room-code-box{border-left:3px solid #b2c67a;margin-top:35px;padding-left:20px}.room-code-box>span{letter-spacing:1.5px;font-size:8px;font-weight:700;display:block}.room-code-box strong{letter-spacing:6px;margin:6px 0;font-size:40px;display:block}.room-code-box .text-button{color:#526d46}.match-facts{color:#5e7854;letter-spacing:1px;gap:18px;margin-top:34px;font-size:9px;display:flex}.team-panel{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#f5f5edd9;border:1px solid #d3dcc7;border-radius:4px;margin-bottom:15px;padding:20px 22px}.team-heading{align-items:center;gap:10px;margin-bottom:10px;display:flex}.team-heading h3{letter-spacing:1px;font-size:12px;font-weight:700}.team-heading>span:last-child{color:#74826a;margin-left:auto;font-size:11px}.team-color{background:var(--mint);border:1px solid #75aa9d;border-radius:50%;width:9px;height:9px}.away .team-color{background:var(--orange);border-color:#c8704e}.player-slot{border-bottom:1px solid #dce3d3;align-items:center;gap:11px;min-height:54px;display:flex}.player-avatar,.empty-avatar{background:#b7d9c6;border-radius:50%;justify-content:center;align-items:center;width:29px;height:29px;font-size:11px;font-weight:700;display:flex}.away .player-avatar{background:#edbba2}.empty-avatar{color:#91a082;background:0 0;border:1px dashed #c7d1be}.player-name{font-size:12px;font-weight:600}.player-name small{letter-spacing:.6px;color:#7e8c73;margin-left:6px;font-size:7px}.ready-status{letter-spacing:.6px;color:#98a18e;margin-left:auto;font-size:7px}.is-ready{color:#547e35}.empty{color:#98a38f;font-size:11px}.team-join{letter-spacing:1px;background:0 0;border:0;padding:13px 0 0;font-size:8px}.lobby-actions{gap:10px;margin-top:22px;display:flex}.lobby-actions button{flex:1}.waiting-note{color:#728369;align-self:center;font-size:11px;line-height:1.6}.lobby-teams>.text-button{margin-top:20px}.connecting-panel{margin:70px}.results-panel{pointer-events:auto;text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f3f4e9ec;border:1px solid #d1ddc3;border-radius:5px;width:450px;margin:35px auto 0;padding:35px 40px}.results-panel .eyebrow{justify-content:center}.results-panel h1{font-size:67px;line-height:.96}.result-score{justify-content:center;align-items:center;gap:40px;margin:30px 0;display:flex}.result-score>span{font-family:Barlow Condensed,Impact,sans-serif;font-size:63px;font-weight:700}.result-score small{letter-spacing:1px;font:8px DM Sans,sans-serif;display:block}.result-score i{color:#8c9f7e;font-size:24px;font-style:normal}.results-panel>p{color:#6e8063;font-size:13px}.results-panel>.text-button{margin-top:18px}.scoreboard{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#f3f4eae8;border:1px solid #d6dfca;border-radius:4px;min-width:490px;display:flex;position:absolute;top:100px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 5px 25px #26453010}.score-team{flex:1;align-items:center;gap:25px;padding:15px 22px;display:flex}.score-team span{letter-spacing:1px;white-space:nowrap;font-size:8px;font-weight:700}.score-team strong{font:700 40px/.8 Barlow Condensed,Impact,sans-serif}.score-team.home{border-bottom:3px solid var(--mint)}.score-team.away{border-bottom:3px solid var(--orange)}.clock-block{text-align:center;border-left:1px solid #dce3d4;border-right:1px solid #dce3d4;min-width:145px;padding:12px 20px}.clock-block>span{letter-spacing:1px;white-space:nowrap;font-size:6px;display:block}.clock-block strong{font-variant-numeric:tabular-nums;margin-top:5px;font-size:24px;font-weight:600;line-height:1;display:block}.phase-banner{text-align:center;white-space:nowrap;text-shadow:0 2px 25px #f0f5dd;font-family:Barlow Condensed,Impact,sans-serif;position:absolute;top:39%;left:50%;transform:translate(-50%,-50%)}.phase-banner strong{letter-spacing:-1px;font-size:95px;font-weight:800;line-height:1;display:block}.phase-banner span{letter-spacing:3px;margin:10px 0;font:700 12px DM Sans,sans-serif;display:block}.match-tools{flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:absolute;top:190px;right:4.7%}.glass-button{background:#f0f4e7d9;border:1px solid #d5dfc9;border-radius:3px;align-items:center;gap:10px;padding:9px 13px;font-size:15px;display:flex}.glass-button>span{letter-spacing:1px;font-size:8px;font-weight:700}.play-footer{justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:85px;left:4.7%;right:4.7%}.player-badge{background:#edf2e1db;border-radius:3px;align-items:center;gap:8px;padding:10px 13px;display:flex}.player-badge strong{font-size:11px}.player-badge>span:last-child{letter-spacing:.7px;color:#788e69;padding-left:6px;font-size:7px}.shot-meter{text-align:center;width:190px;position:absolute;left:50%;transform:translate(-50%)}.shot-meter>span{letter-spacing:1.5px;font-size:7px;font-weight:700}.meter-track{background:#c7d5b9;border-radius:4px;height:5px;margin-top:6px;overflow:hidden}.meter-track>i{background:#386b40;height:100%;transition:width 80ms linear;display:block}.network-stat{color:#6a805b;letter-spacing:.8px;background:#f0f3e3b0;border-radius:3px;padding:7px 10px;font-size:8px}.control-hints{color:#637d55;border-top:1px solid #ccd8bf;justify-content:center;gap:27px;padding-top:17px;display:flex;position:absolute;bottom:26px;left:4.7%;right:4.7%}.control-hints>span{white-space:nowrap;font-size:9px}kbd{color:#526d43;background:#e4ead8;border:1px solid #c5d2b8;border-bottom-width:2px;border-radius:3px;margin-right:5px;padding:4px 5px;font:700 8px DM Sans,sans-serif;display:inline-block}.danger{color:#a36548;margin:25px auto 0;display:block}#toast{z-index:40;opacity:0;pointer-events:none;color:#eff2dd;background:#193d31;border-radius:4px;max-width:min(90vw,550px);padding:13px 22px;font-size:12px;line-height:1.5;transition:opacity .2s,transform .2s;position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);box-shadow:0 8px 35px #163e2925}#toast.visible{opacity:1;transform:translate(-50%)}[hidden]{display:none!important}.fatal{pointer-events:auto;max-width:600px;margin:15vh auto;padding:30px}.fatal h1{font-size:48px}.fatal p{margin-top:20px;line-height:1.8}.fatal pre{white-space:pre-wrap;font-size:10px}.input-settings-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.input-settings-row{justify-content:space-between;align-items:center;gap:10px;display:flex}@media (min-width:1500px){.hero-copy{top:9%}.hero-actions{margin-top:37px}.hero-description{margin-top:28px;font-size:15px}.device-note{margin-top:48px}.arena-caption{bottom:20%}}@media (max-height:760px) and (min-width:851px){.topbar{height:83px}.home-layout{height:calc(100dvh - 83px)}.hero-copy{top:3%}h1{margin-top:20px;font-size:77px}.hero-description{margin-top:17px;font-size:12px}.hero-actions{margin-top:22px}.hero-actions button{min-height:46px;padding-top:13px;padding-bottom:13px}.device-note{margin-top:23px}.hero-copy>.text-button{margin-top:15px}.bottom-strip{bottom:19px}.lobby-layout{padding-top:20px}.lobby-intro h1{font-size:66px}.scoreboard{top:85px}}@media (max-width:1050px){.build-tag{display:none}.hero-copy{width:350px}h1{font-size:79px}.hero-actions{width:285px}.arena-caption{width:225px;left:64%}.lobby-layout{gap:5%;padding:35px}.lobby-intro h1{font-size:62px}.control-hints{gap:11px}.control-hints>span{font-size:8px}.player-badge>span:last-child{display:none}.score-team{gap:14px;padding:15px}.scoreboard{min-width:450px}}@media (max-width:850px){.topbar{height:80px;padding:0 6%}.wordmark{font-size:23px}.top-right{gap:15px}.quiet-button{gap:6px;font-size:11px}.icon-button{padding-left:13px}.home-layout{height:calc(100dvh - 80px)}.hero-copy{width:88%;top:2%;left:6%}h1{font-size:72px}.hero-copy h1{font-size:clamp(65px,10vw,86px)}.hero-description{max-width:280px;margin-top:20px;font-size:12px}.hero-actions{width:275px;margin-top:23px}.device-note{margin-top:25px}.arena-caption{display:none}.bottom-strip{font-size:7px;left:6%;right:6%}.server-status{display:none}.lobby-layout{grid-template-columns:1fr;gap:25px;max-height:calc(100dvh - 80px);padding:20px 6% 35px;overflow:auto}.lobby-intro h1{font-size:52px}.lobby-intro h1 br,.lobby-intro>.muted{display:none}.room-code-box{flex-wrap:wrap;align-items:center;gap:15px;margin-top:22px;display:flex}.room-code-box strong{letter-spacing:4px;font-size:26px}.room-code-box>span{font-size:7px}.match-facts{margin-top:18px}.lobby-teams{max-width:520px}.team-panel{padding:16px}.lobby-actions{margin-top:17px}.scoreboard{width:88%;min-width:0;top:85px}.score-team{justify-content:space-between;gap:10px;padding:12px 10px}.score-team>span{font-size:6px}.score-team strong{font-size:32px}.clock-block{min-width:100px;padding:10px}.clock-block>span{font-size:5px}.clock-block strong{font-size:22px}.match-tools{top:166px;right:6%}.glass-button>span{font-size:6px}.play-footer{bottom:110px;left:6%;right:6%}.network-stat{font-size:7px}.player-badge{padding:8px}.player-badge strong{font-size:9px}.shot-meter{width:140px;bottom:-29px}.control-hints{flex-wrap:wrap;gap:8px 15px;bottom:20px;left:6%;right:6%}.phase-banner strong{font-size:62px}.results-panel{width:min(88%,450px);margin-top:40px}.results-panel h1{font-size:58px}}@media (max-width:500px){.top-right .quiet-button{font-size:0}.quiet-button span{font-size:20px}.topbar{height:72px}.home-layout{height:calc(100dvh - 72px)}.hero-copy .eyebrow{font-size:8px}.hero-copy h1{letter-spacing:-1.7px;font-size:70px}.hero-description{font-size:12px}.hero-actions{width:265px}.hero-copy{background:linear-gradient(90deg,#eff0e7eb,#eff0e799,#0000);border-radius:4px;padding:10px 15px 20px 0}.device-note{letter-spacing:.5px;gap:6px;font-size:6px}.bottom-strip>span:first-child{letter-spacing:1px;font-size:6px}.modes-inline{gap:11px;font-size:10px}.dialog{padding:32px 23px 25px}.modal-backdrop{padding:14px}.dialog h2{font-size:48px}.dialog .eyebrow{letter-spacing:1.2px;font-size:8px}.settings-general{grid-template-columns:1fr}.controls-table{font-size:10px}.controls-table th,.mode-button>span{font-size:6px}.input-settings-grid{grid-template-columns:1fr}.score-team span{display:none}.score-team{justify-content:center}.clock-block{min-width:140px}.scoreboard{width:80%}.player-badge{max-width:165px}.player-badge strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.phase-banner strong{font-size:47px}.network-stat{padding:5px;font-size:6px}.lobby-intro h1{font-size:43px}.topbar .brand-dot{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}#app[data-page=game] .topbar{background:linear-gradient(#f4f5e9de,#0000);height:76px}#app[data-page=game] .build-tag{display:none}#app[data-page=game] .scoreboard{top:24px;box-shadow:0 6px 24px #183c3018}#app[data-page=game] .wordmark{font-size:21px}#app[data-page=game] .top-right .quiet-button{display:none}#app[data-page=game] .match-tools{top:112px;right:24px}#app[data-page=game] .control-hints{color:#f4f6e9;text-shadow:0 1px 3px #173c30;border-color:#f4f6e944}#app[data-page=game] .play-footer{bottom:86px}#app[data-page=game] .shot-meter>span{color:#f4f6e9;text-shadow:0 1px 3px #173c30}#app[data-page=game] .network-stat{color:#e5edd6;background:#173c30b8}.aim-reticle{border:1.5px solid #f4f8e8;border-radius:50%;width:7px;height:7px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #173c3050}.capture-look{color:#f1f5e5;letter-spacing:1.5px;background:#173c30e8;border:1px solid #d1e0927a;border-radius:4px;padding:13px 22px;font-size:10px;font-weight:700;position:absolute;bottom:145px;left:50%;transform:translate(-50%);box-shadow:0 6px 25px #173c3022}.capture-look span{letter-spacing:.2px;color:#c7d8b9;margin-top:6px;font-size:10px;font-weight:400;display:block}.ball-indicator{text-align:center;color:#e3f587;background:#173c30d9;border:1px solid #d4e7987a;border-radius:5px;padding:6px 10px;position:absolute;transform:translate(-50%,-50%)}.ball-indicator i{font-size:19px;font-style:normal;line-height:22px;display:block}.ball-indicator span{letter-spacing:1px;color:#f1f5e5;margin-top:4px;font-size:7px;display:block}.ball-control{color:#f2f5e6;pointer-events:none;background:#173c30c9;border-left:3px solid #9ba99a;border-radius:3px;max-width:260px;padding:12px 15px;position:absolute;bottom:145px;left:4.7%}.ball-control strong{letter-spacing:1px;font-size:10px;font-weight:700;display:block}.ball-control span{color:#d9e5cb;margin-top:6px;font-size:9px;line-height:1.5;display:block}.ball-control[data-ready=true]{border-left-color:#ddf68d}.ball-control[data-ready=true] strong{color:#ddf68d}.aim-reticle[data-ready=true]{background:#ddf68d;border-color:#f4f9da;box-shadow:0 0 0 4px #ddf68d25}#app[data-page=game] .control-hints{flex-wrap:wrap;gap:18px}@media (max-width:850px){.ball-control{max-width:200px;padding:8px 11px;bottom:166px;left:6%}.ball-control strong,.ball-control span{font-size:8px}#app[data-page=game] .control-hints{gap:8px 12px}}.hero-copy{background:linear-gradient(90deg,#eff0e7f5 65%,#eff0e700);border-radius:4px;padding:20px 45px 24px 0;top:2%}.home-layout .bottom-strip{background:#eff0e7c9;border-radius:3px;padding:15px 12px}.arena-caption{background:#eff0e7db;border-top:0;border-radius:3px;padding:13px}@media (max-width:850px){#app[data-page=game] .topbar .wordmark{font-size:0}#app[data-page=game] .topbar .brand-dot{display:none}#app[data-page=game] .scoreboard{width:70%;top:20px}#app[data-page=game] .match-tools{top:105px;right:6%}.capture-look{white-space:nowrap;padding:11px 15px;font-size:8px;bottom:147px}.hero-copy{background:linear-gradient(90deg,#eff0e7f0 35%,#eff0e700 90%);padding-top:10px}}.watch-entry{display:block}.hero-copy>.watch-entry{margin-top:9px}.join-switch{margin-top:17px}.room-code-box .text-button{margin-top:9px;display:block}.audience-roster{color:#526d46;flex-direction:column;gap:6px;margin-top:16px;font-size:10px;line-height:1.5;display:flex}.audience-roster strong{letter-spacing:1.2px;font-size:8px}.audience-roster span{overflow-wrap:anywhere}.spectator-panel{color:#f2f5e6;background:#173c30e8;border:1px solid #d0dfa178;border-radius:4px;max-width:min(440px,90vw);padding:16px 18px;position:absolute;bottom:146px;left:4.7%}.spectator-panel .eyebrow{color:#d9eb9c;font-size:8px}.spectator-panel>strong{overflow-wrap:anywhere;margin:8px 0 13px;font-size:15px;display:block}.spectator-buttons{gap:8px;display:flex}.spectator-buttons .glass-button{padding:9px 12px;font-size:10px}.spectator-buttons [aria-pressed=true]{background:#def477}.spectator-panel .audience-roster{color:#d8e5cd}.spectator-panel .audience-roster span{max-width:380px}#hud[data-role=spectator] .aim-reticle,#hud[data-role=spectator] .shot-meter,#hud[data-role=spectator] #face-ball{display:none}#hud[data-role=spectator] .phase-banner strong{font-size:clamp(32px,5vw,72px)}#hud[data-role=spectator] .capture-look{bottom:155px;left:auto;right:24px;transform:none}@media (max-width:850px){.spectator-panel{max-width:88%;padding:12px;bottom:159px;left:6%}#hud[data-role=spectator] .capture-look{top:230px;bottom:auto;right:6%}.spectator-buttons .glass-button{padding:8px;font-size:9px}}.spectator-buttons .glass-button{color:var(--ink)}