@font-face{font-family:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/nunito-600.ttf) format("truetype")}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/nunito-700.ttf) format("truetype")}@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/nunito-800.ttf) format("truetype")}@font-face{font-family:Nunito;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/nunito-900.ttf) format("truetype")}:root{--ink:#173d48;--paper:#f6f4e9;--lime:#ddf78c;--mint:#b7dcc9;--coral:#f17d60;--muted:#66817f;--line:#d5ddd1;font-family:Nunito,Arial Rounded MT Bold,system-ui,sans-serif;color:var(--ink);font-weight:700;font-synthesis:none}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:var(--paper)}button,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible{outline:3px solid #ef835d;outline-offset:5px}button:disabled{cursor:wait;opacity:.65}button{touch-action:manipulation}h1,h2,h3,p{margin:0}h1,h2{font-weight:1000;letter-spacing:-.055em;line-height:1.04}h1{font-size:clamp(36px,4.8vw,68px)}h2{font-size:clamp(26px,3.1vw,42px)}p{color:var(--muted);font-weight:600;line-height:1.65}svg{display:block}small{font-size:11px}.hidden{display:none!important}#game-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#ui-root{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.screen{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--paper);overflow-y:auto;pointer-events:auto;padding:24px 5.2vw 22px;display:flex;flex-direction:column;isolation:isolate}.menu-header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:54px;flex:none}.wordmark{border:0;background:none;display:flex;gap:10px;align-items:center;text-align:left;padding:0;line-height:1;font-size:22px;font-weight:1000;letter-spacing:-.03em}.wordmark small{display:block;font-size:8px;letter-spacing:.22em;margin-top:6px}.brand-symbol{display:grid;place-items:center;background:var(--ink);color:var(--lime);border-radius:14px;width:46px;height:46px;font-size:40px;padding-bottom:4px}.header-note{font-size:10px;letter-spacing:.2em;font-weight:900}.utility-button{background:none;border:1px solid #b9c9c0;border-radius:25px;padding:9px 16px;font-size:15px}.utility-button span{font-size:11px;margin-left:4px}.eyebrow{display:block;font-size:10px;letter-spacing:.17em;font-weight:1000;text-transform:uppercase}.mini-star{color:var(--coral);font-size:22px;vertical-align:middle;margin-right:8px}.home-main{display:grid;grid-template-columns:1.05fr 1fr;flex:1;min-height:430px;align-items:center;position:relative}.home-copy{position:relative;z-index:2;padding:20px 0}.home-copy h1{font-size:clamp(46px,6.6vw,88px);margin:22px 0;line-height:1.01}.home-copy em{font-style:normal;color:#367b63}.home-copy p{font-size:16px}.home-actions{display:flex;align-items:center;gap:26px;margin-top:30px}.btn{border:0;border-radius:12px;background:var(--ink);color:var(--lime);padding:15px 23px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;font-size:16px;font-weight:900;box-shadow:0 5px #092630;transition:transform .15s,box-shadow .15s}.btn:hover{transform:translateY(-2px);box-shadow:0 7px #092630}.btn:active{transform:translateY(3px);box-shadow:0 2px #092630}.btn span{font-size:24px;line-height:1}.btn.secondary{background:#e3e9dc;color:var(--ink);box-shadow:0 4px #bac9b8}.text-button{padding:8px 0;border:0;background:none;font-weight:900;font-size:12px}.text-button span{margin-left:14px}.home-tags{display:flex;gap:18px;margin-top:27px;color:#718781;font-size:8px;letter-spacing:.09em}.hero-art{position:relative;height:100%;min-height:430px;max-height:580px}.hero-disc{position:absolute;width:104%;aspect-ratio:1;max-height:105%;top:0;left:0;background:#c4e0cb;border-radius:50% 50% 40%;transform:rotate(-12deg)}.hero-court{position:absolute;top:20%;right:-10%;bottom:8%;left:3%;border:3px solid #e7f1d9;background:#85b69b;transform:rotate(-12deg) skewY(3deg);border-radius:3px;box-shadow:0 0 0 16px #a0c7ac;opacity:.8}.hero-court:before,.hero-court:after{content:"";position:absolute;border:2px solid #e7f1d9}.hero-court:before{top:0;right:18%;bottom:0;left:18%}.hero-court:after{top:25%;right:18%;bottom:25%;left:18%;border-left:0;border-right:0}.hero-court i:first-child{position:absolute;top:0;right:50%;bottom:0;left:50%;border-left:2px solid #e7f1d9}.hero-court i:last-child{position:absolute;top:50%;right:0;bottom:50%;left:0;border-top:3px solid #e7f1d9}.hero-word{position:absolute;left:-3%;top:10%;font-size:clamp(65px,10vw,130px);font-weight:1000;font-style:italic;color:#f6f4e977;transform:rotate(-12deg);letter-spacing:-.075em}.hero-player{position:absolute;inset:-7% auto auto 0;width:107%;height:111%;object-fit:contain;filter:drop-shadow(10px 17px 0 #19463022);transform:rotate(-4deg)}.hero-sticker{position:absolute;right:-3%;bottom:18%;border-radius:12px;transform:rotate(9deg);background:var(--lime);padding:17px 20px;box-shadow:5px 6px #173d48;font-size:10px;line-height:1.4}.hero-sticker b{display:block;font-size:18px;font-weight:1000;letter-spacing:-.04em}.hero-sticker i{position:absolute;right:-9px;top:-23px;font-size:37px;font-style:normal}.floating-ball{position:absolute;left:6%;bottom:22%;width:45px;height:45px;border-radius:50%;background:#e5fa97;border:2px solid #edf9c9;box-shadow:7px 9px #173d481a;transform:rotate(30deg);overflow:hidden}.floating-ball:after{content:"";position:absolute;top:-10px;right:8px;bottom:-10px;left:8px;border-left:3px solid white;border-right:3px solid white;border-radius:50%}.hero-caption{position:absolute;right:2%;bottom:1%;font-size:9px;letter-spacing:.1em}.hero-caption b{display:block;margin-top:4px;font-size:8px;color:var(--muted)}.feature-ribbon{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;justify-content:space-between;gap:25px;font-size:12px}.feature-ribbon b{color:#8d9e92;font-size:10px;margin-right:12px}.menu-footer{margin-top:18px;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.12em;color:#6d827c;gap:16px;flex:none}.menu-footer b{font-size:18px;color:var(--ink);margin-left:6px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#73ad73;margin-right:7px}.selection-main{width:min(900px,100%);margin:auto;padding:26px 0;text-align:center}.selection-main>h1{margin:10px 0}.selection-main>p{font-size:13px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:28px 0 20px;text-align:left}.mode-card{border:1px solid #c5d9c9;background:#dce9d5;border-radius:22px;padding:24px;display:flex;flex-direction:column;text-align:left;transition:transform .2s,box-shadow .2s}.mode-card:hover{transform:translateY(-5px);box-shadow:0 12px #173d4810}.mode-card.doubles-card{background:#f2ddd0;border-color:#dfc6b3}.mode-art{height:80px;margin-bottom:22px;display:flex;gap:6px;position:relative}.mode-art svg{height:85px;width:85px}.doubles-card svg:last-child{transform:rotate(30deg);margin-left:-12px;color:#ba6850}.mode-ball{width:26px;height:26px;border:2px solid white;border-radius:50%;background:var(--lime);position:absolute;left:125px;top:26px}.mode-card h2{margin:9px 0 14px}.mode-card p{font-size:12px;color:#61766b}.card-footer{border-top:1px solid #173d4825;margin-top:22px;padding-top:14px;display:flex;align-items:center;justify-content:space-between;width:100%;font-size:9px;letter-spacing:.1em}.card-footer b{font-size:25px}.character-main{display:grid;grid-template-columns:1fr 1fr;gap:6vw;max-width:1100px;width:100%;margin:auto;padding:30px 0}.character-preview{position:relative;min-height:440px;border-radius:26px;background:#dce8d9;padding:26px;overflow:hidden}.character-preview h1{position:relative;z-index:2;font-size:54px;margin-top:13px;display:flex;justify-content:space-between}.character-preview h1 span{font-size:35px}.preview-circle{position:absolute;top:24%;right:8%;bottom:8%;left:8%;border-radius:50%;background:var(--character);opacity:.25}.character-preview img{position:absolute;width:100%;height:94%;left:0;bottom:-4%;object-fit:contain;filter:drop-shadow(6px 10px 0 #163e3918)}.preview-tag{position:absolute;bottom:20px;left:24px;background:var(--ink);color:var(--lime);padding:8px 12px;border-radius:6px;font-size:9px;letter-spacing:.12em}.character-options{display:flex;flex-direction:column;justify-content:center}.character-options h2{margin:13px 0 10px}.character-options>p{font-size:13px}.char-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:22px;max-height:290px;overflow:auto;padding:5px}.char-card{position:relative;background:#e9ede2;border:2px solid transparent;border-radius:16px;padding:8px 10px 12px;transition:background .15s,border-color .15s}.char-card.selected{border-color:var(--ink);background:#e6f2c9;box-shadow:0 3px 0 var(--ink)}.char-card:hover{background:#dee7d7}.char-card img{height:110px;width:100%;object-fit:contain;object-position:center 15%;margin-bottom:-6px}.char-card span{display:block;font-size:15px;font-weight:1000}.char-card small{display:block;font-size:9px;color:var(--muted)}.char-initial{font-size:40px;color:var(--character)}.legacy-letter{display:block;font-size:190px;line-height:2;text-align:center;color:var(--character)}.roster-toggle{align-self:flex-start;margin:12px 5px}.character-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:10px}.match-note{font-size:9px;color:var(--muted);margin-top:20px;text-align:right}.settings-main{max-width:750px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;text-align:left;margin:25px 0}.settings-grid label{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px 0;font-size:12px}.bind{border:1px solid #afc4b5;background:#e5ecdc;border-radius:7px;min-width:90px;padding:5px 8px;font-size:11px}.bind.listening{background:var(--lime);outline:2px solid var(--ink)}.settings-actions{display:flex;align-items:center;justify-content:space-between}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:left;margin:30px 0}.guide-grid article{padding:24px;background:#e5ebdd;border-radius:20px}.guide-grid article>b{color:#8aa58b;font-size:28px}.guide-grid h2{font-size:25px;margin:18px 0 12px}.guide-grid p{font-size:12px}.guide-footnote{margin-bottom:25px}.loading-screen{justify-content:center;align-items:center;gap:18px}.loading-ball{height:55px;width:55px;border:3px solid white;border-radius:50%;background:#cae773;box-shadow:0 12px #173d481a;animation:bounce .7s ease-in-out infinite alternate}.error-message{color:#aa4034!important;background:#f5dfd4;padding:12px;border-radius:10px;margin-top:12px}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;color:#173d48}.hud button{pointer-events:auto}.scoreboard{position:absolute;left:24px;top:22px;width:260px;background:#f8f8eeed;border-radius:15px;box-shadow:0 5px #16384655;overflow:hidden;border:1px solid #fff8}.scoreboard-label{background:#163d48;color:#e1f59c;font-size:9px;letter-spacing:.14em;padding:10px 13px;display:flex;justify-content:space-between}.scoreboard-label span{font-size:7px;color:#c1d6cf;letter-spacing:.05em}.score-row{display:flex;align-items:center;gap:10px;padding:8px 13px}.score-row+.score-row{border-top:1px solid #173d4815}.team-dot{height:9px;width:9px;flex:none;border-radius:50%;background:var(--team)}.score-name{font-size:12px;font-weight:1000;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score-name small{display:block;color:#71897e;font-size:7px;letter-spacing:.1em;margin-top:2px}.games{font-size:23px;width:25px;text-align:center;font-weight:1000}.points{font-size:24px;background:#e0edc5;border-radius:7px;min-width:40px;text-align:center;font-weight:1000;line-height:1.4}.venue-label{position:absolute;left:50%;transform:translate(-50%);top:26px;text-align:center;font-size:11px;font-weight:1000;letter-spacing:.1em;text-shadow:0 1px 5px white}.venue-label small{display:block;margin-top:4px;font-size:7px;letter-spacing:.18em}.pause-button{position:absolute;right:24px;top:22px;display:flex;align-items:center;gap:10px;border:1px solid #fff9;background:#f8f8eeed;border-radius:12px;padding:9px 15px;font-size:22px;font-weight:1000;box-shadow:0 3px #16384644}.pause-button span{font-size:9px;letter-spacing:.1em}.match-banner{position:absolute;left:50%;top:23%;transform:translate(-50%,-10px) rotate(-2deg);background:var(--lime);box-shadow:0 5px #16384666;color:var(--ink);font-size:23px;letter-spacing:-.03em;font-weight:1000;padding:10px 26px;border-radius:10px;opacity:0;transition:opacity .18s,transform .18s;max-width:70vw;text-align:center}.match-banner.show{opacity:1;transform:translate(-50%) rotate(-2deg)}.rally-counter{position:absolute;right:27px;top:90px;color:#274e4d;font-size:8px;letter-spacing:.15em;display:flex;align-items:center;gap:8px}.rally-counter b{font-size:22px;font-weight:1000}.serve-panel{position:absolute;bottom:22px;left:50%;transform:translate(-50%);width:min(510px,60vw);border-radius:16px;background:#f8f8eef5;padding:14px 16px;box-shadow:0 5px #173d4860;pointer-events:auto;border:1px solid #fff8}.serve-heading{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:1000;letter-spacing:.08em;margin-bottom:10px}.serve-side{font-size:8px;color:#66817f}.serve-targets{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.serve-targets button{border:1px solid #c9d5c2;background:#e7eddf;border-radius:9px;padding:9px 4px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:8px;font-weight:900}.serve-targets button[aria-pressed=true]{background:var(--ink);color:var(--lime);border-color:var(--ink)}.target-number{font-size:18px;font-weight:1000}.serve-footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px;gap:8px}.serve-footer>span{font-size:8px;color:#6d827c}.serve-go{border:0;border-radius:7px;background:var(--lime);padding:7px 10px;font-weight:1000;font-size:11px}.serve-go kbd{margin:0 6px;background:none;border:0;font-size:8px}.control-hint{position:absolute;bottom:24px;left:24px;color:#eef6e4;font-size:9px;text-shadow:0 1px 3px #173d48;line-height:1.9;background:#173d48b8;padding:10px 13px;border-radius:10px}.control-hint span{display:block}kbd{display:inline-block;padding:0 4px;border:1px solid #ffffff44;background:#ffffff18;border-radius:4px;font:inherit;font-size:8px;font-weight:900;line-height:1.7}.is-serving .control-hint{display:none}.energy-panel{position:absolute;bottom:25px;right:24px;width:192px;background:#173d48dc;padding:13px 14px;border-radius:12px;color:#edf7de;box-shadow:0 3px #173d4844}.energy-row{display:flex;align-items:center;gap:7px;font-size:7px;letter-spacing:.05em;margin-bottom:9px}.energy-row>span{width:36px}.energy-row>b{width:26px;text-align:right;font-size:8px}.energy-track{height:7px;background:#ffffff25;border-radius:9px;overflow:hidden;flex:1}.energy-track i{display:block;width:100%;height:100%;background:#a5ded0;transform-origin:left;border-radius:9px}.special .energy-track i{background:var(--lime)}.power-ready .special{color:var(--lime)}.charge-strip{height:3px;background:#ffffff20;border-radius:4px;overflow:hidden}.charge-strip i{display:block;background:var(--coral);width:100%;height:100%;transform-origin:left}.match-modal{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#12394088;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;z-index:5}.modal-card{background:var(--paper);border-radius:25px;padding:38px;width:min(430px,90vw);display:flex;flex-direction:column;gap:18px;box-shadow:0 14px #153c4344;text-align:center}.modal-card h1{font-size:44px}.modal-card p{font-size:13px}.modal-card .btn{justify-content:center}.trophy-mark{font-size:70px;line-height:1;color:#72944e;text-shadow:3px 4px 0 var(--lime)}.result-score{font-size:54px;font-weight:1000;letter-spacing:.05em}.result-card{border-top:10px solid var(--lime)}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-15px)}}@media(min-width:1500px){.home-main{max-height:740px}.screen{padding:30px 7vw}.hero-art{max-height:700px}.home-copy h1{font-size:100px}.hero-player{height:115%}}@media(max-width:900px){.screen{padding:18px 4vw}.header-note{display:none}.home-copy h1{font-size:56px}.home-main{min-height:400px}.home-actions{gap:15px}.hero-sticker{right:1%;padding:12px}.hero-sticker b{font-size:15px}.hero-art{min-height:390px}.home-tags{font-size:7px;gap:10px}.character-main{gap:25px}.character-preview{min-height:400px}.character-options h2{font-size:32px}.serve-panel{left:22px;transform:none;width:510px;max-width:calc(100vw - 245px)}.scoreboard{left:18px;top:18px;width:235px}.venue-label{display:none}.pause-button{right:18px;top:18px}.energy-panel{width:175px}.guide-grid{gap:12px}.guide-grid article{padding:18px}.guide-grid h2{font-size:22px}}@media(max-width:650px){.screen{padding:14px 5vw}.menu-header{min-height:45px}.wordmark{font-size:19px}.brand-symbol{width:37px;height:37px;font-size:32px;border-radius:10px}.home-main{grid-template-columns:1fr;min-height:0}.home-copy{padding:28px 0 10px}.home-copy h1{font-size:clamp(46px,11vw,65px);margin:15px 0}.home-copy p{font-size:13px}.home-actions{margin-top:20px}.hero-art{height:310px;min-height:310px;width:90%;margin:0 auto}.hero-disc{width:80%;left:10%}.hero-court{top:24%;right:3%;bottom:10%;left:12%}.hero-word{left:10%;font-size:85px;top:9%}.hero-sticker{bottom:20%;right:0}.hero-caption{display:none}.floating-ball{left:8%;width:32px;height:32px}.feature-ribbon{font-size:9px;gap:10px;padding:12px 0}.feature-ribbon b{display:block;margin-bottom:4px}.menu-footer{font-size:6px}.home-tags{margin-top:17px}.selection-main{padding:24px 0}.mode-grid{gap:12px}.mode-card{padding:15px;border-radius:16px}.mode-art{height:62px}.mode-art svg{height:62px;width:62px}.mode-card h2{font-size:27px}.mode-card p{font-size:11px}.card-footer{font-size:7px}.character-main{grid-template-columns:1fr;gap:20px;padding:20px 0}.character-preview{min-height:310px}.character-preview img{height:115%;width:75%;left:25%;bottom:-12%}.character-preview h1{font-size:43px;max-width:85%}.character-preview .eyebrow{font-size:8px}.preview-tag{left:18px;bottom:18px}.character-options h2{font-size:28px}.character-options h2 br{display:none}.char-grid{margin-top:12px;max-height:215px}.char-card img{height:92px}.character-actions{margin-top:0}.match-note{margin-top:15px}.guide-grid{grid-template-columns:1fr}.guide-grid article>b{font-size:19px}.guide-grid h2{margin:8px 0}.settings-grid{gap:0 20px}.settings-grid label{font-size:10px}.bind{min-width:72px}.scoreboard{left:12px;top:12px;width:202px;border-radius:11px}.scoreboard-label{font-size:8px;padding:7px 10px}.scoreboard-label span{font-size:6px}.score-row{padding:6px 9px;gap:7px}.score-name{font-size:10px}.games{font-size:18px;min-width:18px}.points{font-size:19px;min-width:32px}.pause-button{right:12px;top:12px;font-size:18px;padding:7px 10px}.pause-button span{display:none}.rally-counter{right:16px;top:66px}.serve-panel{bottom:15px;left:12px;width:calc(100vw - 24px);max-width:none;padding:11px}.energy-panel{bottom:155px;right:12px;width:145px;padding:10px}.hud:not(.is-serving) .energy-panel{bottom:15px}.control-hint{bottom:14px;left:12px;font-size:7px;padding:8px}.control-hint kbd{font-size:7px}.serve-footer>span{font-size:7px}.match-banner{font-size:18px;padding:9px 16px}.modal-card{padding:25px}.modal-card h1{font-size:35px}}@media(max-height:600px)and (min-width:651px){.screen{padding-top:12px;padding-bottom:12px}.home-main,.hero-art{min-height:330px}.home-copy h1{font-size:52px;margin:12px 0}.home-copy p{font-size:13px}.home-actions{margin-top:15px}.home-tags{margin-top:18px}.feature-ribbon{padding:10px 0}.menu-footer{margin-top:10px}.character-preview{min-height:345px}.character-main{padding:15px 0}.char-card img{height:80px}.mode-art{height:50px}.mode-art svg{height:60px}.mode-grid{margin:15px 0}.selection-main{padding:14px 0}.mode-card{padding:18px}.serve-panel{padding:10px 12px;bottom:12px}.serve-targets button{padding:6px 3px}.serve-heading{margin-bottom:6px}.target-number{font-size:15px}.serve-footer{margin-top:7px}.energy-panel{bottom:15px}.settings-grid{margin:15px 0}.settings-grid label{padding:7px 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}img{max-width:100%}.mode-art svg{flex:none;max-height:90px;max-width:90px}.screen{min-height:0}.mode-card,.character-options{min-width:0}.char-card{overflow:hidden}.character-actions{flex-shrink:0}:root{--arcade-dark:#111d3d;--arcade-yellow:#faff59;--arcade-pink:#ff507e;--arcade-blue:#50daff}.btn{border:2px solid #111d3d;border-radius:7px;box-shadow:4px 5px #111d3d;letter-spacing:.02em;text-transform:uppercase;font-style:italic;transition:transform .12s,box-shadow .12s}.btn:hover{transform:translate(-1px,-2px);box-shadow:5px 7px #111d3d}.btn:active{transform:translate(2px,2px);box-shadow:1px 2px #111d3d}.home-copy h1{font-style:italic;letter-spacing:-.065em;text-shadow:3px 3px 0 #d6e879}.home-copy h1 em{color:#265d78}.hero-sticker{background:var(--arcade-yellow);border:3px solid #111d3d;border-radius:5px;transform:rotate(8deg)}.mode-card{border:3px solid #111d3d;border-radius:10px;box-shadow:6px 7px #111d3d}.mode-card h2,.character-preview h1,.selection-main h1{font-style:italic;font-weight:900}.char-card.selected{border-color:#111d3d;background:#f5fa8e;box-shadow:3px 4px #111d3d}.preview-tag{background:#111d3d;color:#faff59;transform:rotate(-3deg);border-radius:3px}.scoreboard{width:285px;border:3px solid var(--arcade-dark);border-radius:5px;background:#fffdf3;box-shadow:5px 6px #111d3d80}.scoreboard-label{background:var(--arcade-dark);color:var(--arcade-yellow);font-size:12px;font-style:italic;font-weight:900;padding:9px 12px;letter-spacing:.07em}.scoreboard-label span{font-size:8px;color:#fff}.score-row{border-left:7px solid #42d9ff;padding:9px 12px}.score-row+.score-row{border-left-color:var(--arcade-pink);border-top:2px solid #111d3d}.score-name{font-size:14px;text-transform:uppercase;font-style:italic}.score-name small{font-style:normal;color:#526077}.team-dot{display:none}.games{font-size:30px;color:#111d3d}.points{background:#111d3d;color:#faff59;border-radius:3px;font-size:32px;min-width:50px;font-style:italic}.venue-label{background:#111d3de6;color:#fff9ea;padding:10px 22px;transform:translate(-50%) skew(-8deg);font-style:italic;border-bottom:4px solid #faff59;text-shadow:none}.venue-label small{color:#50daff}.pause-button{border:3px solid #111d3d;border-radius:5px;box-shadow:3px 4px #111d3d;background:#faff59;color:#111d3d}.rally-counter{background:#111d3d;color:#fff;padding:6px 12px;border-radius:3px;top:100px;font-size:10px;font-weight:900}.rally-counter b{color:#faff59;font-size:30px;font-style:italic}.match-banner{top:25%;background:#faff59;border:4px solid #111d3d;color:#111d3d;box-shadow:7px 8px #ff507e;border-radius:3px;font-size:clamp(22px,3vw,44px);font-style:italic;font-weight:900;text-transform:uppercase;letter-spacing:-.04em;padding:12px 30px}.match-banner.show{transform:translate(-50%) rotate(-4deg)}.serve-panel{background:#fffdf3;border:3px solid #111d3d;border-radius:7px;box-shadow:5px 6px #111d3d80}.serve-status{font-size:14px;font-style:italic}.serve-targets button{border:2px solid #111d3d;border-radius:4px;background:#e3f4ff;color:#111d3d}.serve-targets button[aria-pressed=true]{background:#faff59;color:#111d3d;border-color:#111d3d;box-shadow:0 3px #111d3d;transform:translateY(-2px)}.serve-go{background:#ff507e;color:#fff;border:2px solid #111d3d;border-radius:3px;font-style:italic;box-shadow:2px 2px #111d3d}.energy-panel{width:224px;background:#111d3df5;border:3px solid #111d3d;border-radius:6px;box-shadow:4px 5px #111d3d60;padding:12px;color:#fff}.energy-title{font-size:22px;line-height:1;font-weight:900;font-style:italic;letter-spacing:-.05em;display:flex;justify-content:space-between}.energy-title span{color:#50daff;font-size:14px}.dive-status{margin-top:8px;font-size:12px;font-weight:900;color:#9caac8;letter-spacing:.05em}.dive-ready .dive-status{color:#faff59}.dive-ready{border-color:#faff59}.dive-controls{font-size:9px;letter-spacing:.05em;margin:3px 0 10px;color:#daeaff}.energy-row{font-size:8px}.energy-row>span{width:40px}.energy-track{height:10px;border-radius:2px;background:#3a4865}.energy-track i{border-radius:1px;background:linear-gradient(90deg,#42abff,#6cf5ff)}.special .energy-track i{background:linear-gradient(90deg,#ff507e,#ffe576)}.control-hint{border-left:4px solid #50daff;background:#111d3de8;border-radius:3px}.modal-card{border:4px solid #111d3d;border-radius:8px;box-shadow:8px 10px #ff507e}.modal-card h1{font-style:italic;text-transform:uppercase}@media(max-width:900px){.scoreboard{width:245px}.energy-panel{width:190px}.serve-panel{max-width:calc(100vw - 235px)}}@media(max-width:650px){.scoreboard{width:205px}.score-name{font-size:10px}.score-row{padding:5px 8px}.games{font-size:23px}.points{font-size:24px;min-width:36px}.scoreboard-label{font-size:9px}.rally-counter{top:68px;padding:3px 7px}.rally-counter b{font-size:23px}.serve-panel{max-width:none}.energy-panel{width:156px;bottom:177px;padding:9px}.energy-title{font-size:18px}.dive-status{font-size:10px}.dive-controls{font-size:8px}.hud:not(.is-serving) .energy-panel{bottom:15px}.control-hint{bottom:168px;max-width:calc(100vw - 24px);font-size:8px}.serve-status{font-size:11px}.serve-side{font-size:7px}}@media(max-height:600px)and (min-width:651px){.energy-title{font-size:18px}.energy-panel{padding:8px 12px}.dive-controls{margin-bottom:5px}.scoreboard{top:12px}.score-row{padding:5px 12px}}.home-screen{overflow-x:clip}.review-panel button{color:#173d48;background:#e4edda;border:0;border-radius:4px;padding:6px;margin:3px;cursor:pointer}@media(min-width:651px)and (max-width:1150px){.serve-panel{left:22px;transform:none;width:min(510px,calc(100vw - 280px));max-width:calc(100vw - 280px)}}.arena-main{max-width:1320px;width:100%;margin:auto}.arena-main>p{margin-top:10px}.arena-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;margin:28px 0}.arena-card{padding:0;overflow:hidden;text-align:left;background:#fffdf3;border:3px solid #173d48;border-radius:10px;transition:transform .15s,box-shadow .15s}.arena-card:hover{transform:translateY(-4px)}.arena-card.selected{box-shadow:5px 6px #173d48;outline:4px solid #ddf78c;outline-offset:3px}.arena-art{height:180px;position:relative;overflow:hidden;background:linear-gradient(var(--sky),var(--apron));perspective:350px}.arena-number{position:absolute;top:12px;left:12px;color:#fff;font-size:12px;z-index:1;background:#173d4860;padding:4px 7px;border-radius:3px}.mini-court{position:absolute;bottom:9px;left:14%;width:72%;height:90px;background:var(--court);border:3px solid #fff8;transform:rotateX(42deg) rotate(-14deg);box-shadow:0 0 0 16px var(--apron),0 8px 0 17px #173d4870}.mini-court:before,.mini-court:after{content:"";position:absolute;left:12%;right:12%;height:24px;border:1px solid #fff9}.mini-court:before{top:14px}.mini-court:after{bottom:14px}.mini-court i{position:absolute;height:100%;width:1px;background:#fff9;left:50%}.mini-court b{position:absolute;top:48%;height:3px;width:100%;background:#fff9}.arena-silhouette{position:absolute;bottom:75px;width:100%;height:80px;background:#173d4855;clip-path:polygon(0 65%,8% 20%,17% 60%,28% 0,40% 67%,50% 30%,65% 60%,78% 8%,90% 55%,100% 20%,100% 100%,0 100%)}.arena-canyon .arena-silhouette{background:#905d45;clip-path:polygon(0 25%,17% 25%,24% 80%,35% 80%,43% 0,64% 0,75% 75%,86% 40%,100% 40%,100% 100%,0 100%)}.arena-neon .arena-silhouette{background:repeating-linear-gradient(90deg,#202940 0,#202940 15px,#74dfff 16px,#74dfff 18px,#202940 19px,#202940 32px);clip-path:polygon(0 60%,10% 60%,10% 0,24% 0,24% 30%,43% 30%,43% 10%,60% 10%,60% 50%,77% 50%,77% 0,91% 0,91% 20%,100% 20%,100% 100%,0 100%)}.arena-alpine .arena-silhouette{background:#e8f5ed}.arena-coast .arena-silhouette{background:#388674;clip-path:polygon(15% 100%,14% 28%,0 40%,11% 14%,24% 0,38% 19%,24% 18%,38% 40%,19% 30%,20% 100%,75% 100%,75% 44%,60% 55%,68% 24%,84% 14%,100% 40%,82% 35%,95% 60%,79% 45%,80% 100%)}.arena-copy{padding:17px 14px}.arena-copy .eyebrow{font-size:7px;letter-spacing:.07em}.arena-copy h2{font-size:25px;margin:9px 0}.arena-copy p{font-size:11px;line-height:1.6;min-height:54px}.arena-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.arena-actions>span{font-size:12px;text-transform:capitalize;color:#66817f}.arena-note{font-size:10px!important;text-align:center;margin-top:24px!important}.game-settings{margin:22px 0;text-align:left}.settings-selects{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settings-selects label{font-size:12px;display:flex;flex-direction:column;gap:8px}.settings-selects select{max-width:100%;min-width:0;padding:12px;background:#fffdf3;color:#173d48;border:2px solid #173d48;border-radius:7px;font:inherit}.quality-note{font-size:11px!important;line-height:1.5!important;margin:12px 0!important}.option-toggles{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.option-toggle{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #c9d5c2;font-size:12px;cursor:pointer}.option-toggle input{position:absolute;right:0;opacity:0;width:40px;height:24px;cursor:pointer}.option-toggle i{display:block;flex:none;width:36px;height:22px;border-radius:20px;background:#afbab0;border:1px solid #173d4833;pointer-events:none}.option-toggle i:after{content:"";display:block;width:14px;height:14px;margin:3px;border-radius:50%;background:#fff;transition:transform .15s}.option-toggle input:checked+i{background:#173d48}.option-toggle input:checked+i:after{transform:translate(14px);background:#ddf78c}.option-toggle input:focus-visible+i{outline:3px solid #f17d60;outline-offset:3px}.bindings-heading{font-size:26px;margin:30px 0 12px}.settings-main{max-width:940px;width:100%;margin:auto}.pause-settings{text-align:left;font-size:13px}.pause-settings summary{cursor:pointer;padding:12px;background:#e4ecd9;border-radius:5px}.pause-settings .option-toggles,.pause-settings .settings-selects{grid-template-columns:1fr}.pause-settings .game-settings{margin:16px 0 0}.modal-card{max-height:calc(100dvh - 32px);overflow-y:auto}.controls-toggle{position:absolute;right:25px;top:68px;padding:7px 12px;border:2px solid #173d48;border-radius:5px;background:#f6f4e9;font-size:10px;pointer-events:auto}.hide-control-guide .control-hint{display:none!important}.touch-controls{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;user-select:none;-webkit-user-select:none;z-index:2}.touch-controls button,.touch-stick,.touch-aim{touch-action:none;-webkit-touch-callout:none;pointer-events:auto}.touch-movement{position:absolute;left:max(18px,env(safe-area-inset-left));bottom:max(20px,env(safe-area-inset-bottom))}.touch-stick,.touch-aim{width:124px;height:124px;position:relative;border:2px solid #ffffff80;border-radius:50%;background:#10263980;box-shadow:inset 0 0 0 14px #ffffff0a}.touch-stick:before,.touch-aim:before{content:"";position:absolute;top:20%;right:20%;bottom:20%;left:20%;border:1px dashed #ffffff44;border-radius:50%}.touch-stick i,.touch-aim i{position:absolute;left:calc(50% - 23px);top:calc(50% - 23px);width:46px;height:46px;border-radius:50%;background:#ddf78ccf;border:2px solid #fff9;pointer-events:none}.touch-stick span,.touch-aim span{position:absolute;bottom:7px;left:0;right:0;text-align:center;font-size:8px;color:#fff;letter-spacing:.1em;pointer-events:none}.touch-aim{position:absolute;width:82px;height:82px;bottom:max(26px,env(safe-area-inset-bottom));left:calc(50% - 41px);border-radius:12px}.touch-aim i{width:18px;height:18px;left:calc(50% - 9px);top:calc(50% - 9px);background:#50daff}.touch-shots{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(3,68px);gap:7px}.touch-shots button{height:44px;border:2px solid #ffffffb0;border-radius:10px;background:#173d48df;color:#fff;text-transform:capitalize;font-size:10px;font-weight:900;box-shadow:0 3px #101a38aa;padding:3px}.touch-shots .shot-flat{background:#ffe59ae8;color:#173d48}.touch-shots .shot-topspin{background:#a2ff87df;color:#173d48}.touch-shots .shot-slice{background:#80e6ffe8;color:#173d48}.touch-shots .shot-special{background:#ffbc55e8;color:#173d48}.touch-shots .touch-modifier{height:38px;background:#f6f4e9e8;color:#173d48}.touch-shots .pressed,.touch-shots button[aria-pressed=true]{background:#faff59!important;color:#173d48;transform:translateY(2px);box-shadow:none}.touch-layout .control-hint{bottom:184px;left:18px;max-width:340px;font-size:9px}.touch-layout .energy-panel,.touch-layout:not(.is-serving) .energy-panel{top:20px;bottom:auto;left:50%;right:auto;transform:translate(-50%);width:174px;padding:8px}.touch-layout .energy-title{font-size:16px}.touch-layout .dive-controls,.touch-layout .venue-label{display:none}.touch-layout .serve-panel{bottom:max(16px,env(safe-area-inset-bottom))}.touch-layout .match-banner{top:34%}.touch-layout .pause-button{right:max(14px,env(safe-area-inset-right))}#game-canvas{touch-action:none}.screen{padding-left:max(4vw,env(safe-area-inset-left));padding-right:max(4vw,env(safe-area-inset-right))}@media(max-width:1100px){.arena-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.arena-art{height:150px}.arena-copy p{min-height:35px}.arena-copy h2{font-size:24px}}@media(max-width:650px){.arena-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.arena-art{height:136px}.mini-court{height:70px}.arena-copy{padding:12px}.arena-copy h2{font-size:22px}.arena-copy p{font-size:10px;min-height:48px}.arena-actions{flex-wrap:wrap}.arena-actions>span{display:none}.arena-actions .btn{font-size:12px}.option-toggles,.settings-selects{grid-template-columns:1fr}.controls-toggle{top:59px;right:13px;font-size:9px}.touch-layout .energy-panel,.touch-layout:not(.is-serving) .energy-panel{top:145px;left:auto;right:12px;transform:none;width:141px}.touch-layout .control-hint{bottom:218px;left:12px;max-width:210px;font-size:8px}.touch-stick{width:108px;height:108px}.touch-shots{grid-template-columns:repeat(2,65px);gap:6px;right:max(12px,env(safe-area-inset-right))}.touch-movement{left:max(12px,env(safe-area-inset-left));bottom:24px}.touch-aim{left:calc(50% - 43px);width:66px;height:66px;bottom:65px}.touch-layout .energy-title{font-size:15px}.touch-layout .rally-counter{top:101px}.touch-layout .serve-panel{left:12px;transform:none;width:calc(100vw - 24px);max-width:none}}@media(max-height:500px)and (min-width:651px){.touch-stick{width:100px;height:100px}.touch-shots button{height:38px}.touch-shots{gap:5px}.touch-layout .control-hint{bottom:159px;font-size:8px;max-width:260px}.touch-layout .energy-panel,.touch-layout:not(.is-serving) .energy-panel{top:12px;width:160px}.touch-layout .scoreboard{width:210px}.touch-layout .score-row{padding:4px 7px}.touch-layout .points{font-size:24px}.touch-layout .score-name{font-size:11px}.touch-layout .serve-panel{left:50%;transform:translate(-50%);max-width:510px;width:65vw}.touch-layout .serve-targets button,.touch-layout .serve-go{min-height:44px}}.controls-toggle{top:80px}.hud .rally-counter{top:119px}@media(max-width:650px){.controls-toggle{top:62px}.hud .rally-counter{top:106px}.touch-shots [data-touch=dive]{grid-column:1/-1}.touch-layout .control-hint{bottom:259px}.touch-layout .energy-panel,.touch-layout:not(.is-serving) .energy-panel{top:153px}}@media(max-width:360px){.touch-stick{width:94px;height:94px}.touch-shots{grid-template-columns:repeat(2,58px)}.touch-aim{left:116px;width:55px;height:66px}.touch-layout .scoreboard{width:187px}.touch-layout .control-hint{max-width:184px}.touch-layout .energy-panel,.touch-layout:not(.is-serving) .energy-panel{width:130px}}.hero-art{pointer-events:none}.menu-header{position:relative;z-index:3}.point-celebration{position:absolute;inset:30% 5% auto;display:grid;justify-items:center;gap:.35rem;pointer-events:none;z-index:12;text-align:center;animation:point-pop .32s cubic-bezier(.16,1,.3,1) both}.point-celebration strong{font-family:var(--font-display, sans-serif);font-size:clamp(46px,8vw,112px);line-height:1;font-weight:1000;font-style:italic;color:var(--winner-color,#ffe566);-webkit-text-stroke:2px #142d39;text-shadow:0 6px 0 #142d39,0 12px 28px #0007}.point-celebration span{max-width:100%;padding:8px 22px;border-radius:4px;background:#142d39ed;color:#fff;font-size:clamp(14px,2vw,24px);font-weight:800;overflow-wrap:anywhere}@keyframes point-pop{0%{opacity:0;transform:scale(.65) rotate(-5deg)}to{opacity:1;transform:scale(1) rotate(-2deg)}}@media(prefers-reduced-motion:reduce){.point-celebration{animation:none}}html,body{width:100%;min-width:100vw;height:100%;margin:0;padding:0;overscroll-behavior:none;background:#071a2b}#app{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100%;height:100dvh;margin:0;padding:0;max-width:none;overflow:hidden;background:#071a2b}#game-canvas{left:0;top:0;max-width:none}@font-face{font-family:Shrikhand;src:url(/fonts/shrikhand.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Chakra;src:url(/fonts/chakra-petch.ttf) format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Racing;src:url(/fonts/racing-sans-one.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Bungee;src:url(/fonts/bungee.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Fredoka;src:url(/fonts/fredoka.ttf) format("truetype");font-weight:300 700;font-display:swap}:root{--club-title:Shrikhand;--club-info:Chakra;--club-green:#133d32;--club-cream:#f4eedb;--club-yellow:#e5f278;font-family:var(--club-info),Nunito,sans-serif}:root[data-font-style=sport]{--club-title:Racing;--club-info:Nunito}:root[data-font-style=arcade]{--club-title:Bungee;--club-info:Chakra}:root[data-font-style=playful]{--club-title:Fredoka;--club-info:Nunito}button,input,select{font-family:inherit}.screen{--ink:var(--club-green);--paper:var(--club-cream);--muted:#526f63;--line:#c8cdb7;background:radial-gradient(ellipse at 80% 20%,#d6dec866,transparent 50%),var(--club-cream);color:var(--club-green)}.screen h1,.screen h2,.hero-word,.modal-card h1{font-family:var(--club-title),Nunito,sans-serif;font-weight:400;letter-spacing:-.025em}.screen .home-copy h1{line-height:1.1;font-size:clamp(46px,6.2vw,84px);text-shadow:2px 3px 0 #dbe0bd}.home-copy em{color:#427558}.hero-word{letter-spacing:-.025em}.hero-disc{background:#d8e1bd}.hero-court{background:#8aaf89}.screen .btn,.hud .btn,.serve-go{font-family:Bungee,Chakra,sans-serif;font-weight:400;letter-spacing:.01em;border:2px solid var(--club-green);border-radius:7px 17px;background:var(--club-yellow);color:var(--club-green);box-shadow:4px 5px 0 var(--club-green),inset 0 3px #ffffff80;text-transform:uppercase;transition:transform .14s,box-shadow .14s}.screen .btn:hover,.hud .btn:hover{transform:translate(-1px,-2px);box-shadow:5px 7px 0 var(--club-green),inset 0 3px #ffffff80}.screen .btn:active,.hud .btn:active{transform:translate(3px,4px);box-shadow:1px 1px 0 var(--club-green)}.screen .btn.secondary{background:#efe9d6}.screen .utility-button{border:2px solid #294f41;background:#fffbec;box-shadow:2px 3px #294f41;border-radius:7px}.screen .mode-card,.screen .char-card,.screen .arena-card{border:2px solid #c0cbb1;background:#e5e9d2;border-radius:9px 24px}.screen .mode-card:hover,.screen .char-card:hover,.screen .arena-card:hover{border-color:#42644d;box-shadow:4px 5px #42644d30}.screen .char-card.selected,.screen .arena-card.selected{border-color:#133d32;background:#ecf2b1;box-shadow:3px 4px #133d32}.screen .char-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:380px}.screen .char-card img{height:105px}.screen .char-card span{font-family:var(--club-title);font-weight:400;font-size:17px}.wordmark .brand-logo{width:172px;height:82px;object-fit:contain}.menu-header{min-height:82px}.screen .wordmark{font-family:var(--club-title)}.hud{font-family:Chakra,Nunito,sans-serif}.hud .scoreboard{top:max(16px,env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(650px,calc(100% - 410px));border-radius:8px 8px 18px 18px;background:#fff9e9f5;color:#153d34;border:2px solid #173f38;box-shadow:0 5px #173f3850;overflow:hidden}.hud .scoreboard-label{background:#153d34;color:#edf68c;justify-content:center;gap:24px;font-family:Bungee,sans-serif;font-size:10px;padding:6px 12px;letter-spacing:.06em}.hud [data-hud=scores]{display:flex;align-items:center;justify-content:center;padding:7px 9px;gap:8px}.hud .score-row{display:flex;flex:1;min-width:0;gap:8px;padding:0;border:0;background:none}.hud .score-row.team-1{flex-direction:row-reverse;text-align:right}.hud .score-portraits{display:flex;flex-shrink:0;gap:2px;max-width:96px}.hud .score-portraits img{width:42px;height:52px;object-fit:cover;object-position:50% 0%;background:var(--team);border-radius:8px;border-bottom:3px solid var(--team)}.hud .score-name{font-size:12px;white-space:normal;overflow-wrap:anywhere;line-height:1.15}.hud .score-name small{font-size:9px;letter-spacing:.03em;color:#507267;margin-top:5px}.hud .games{display:flex;flex-direction:column;align-items:center;gap:1px;width:31px;font-size:20px;color:#285444}.hud .games small{font-size:8px;letter-spacing:.03em}.hud .points{font-family:Chakra,sans-serif;font-size:34px;line-height:1.2;min-width:47px;background:#e5edba;border-radius:5px;color:#153d34}.hud .score-vs{font-family:Bungee,sans-serif;font-size:11px;color:#718879}.hud .rally-counter{position:static;display:block;text-align:center;padding:4px 10px;background:#e9ecd5;border-top:1px solid #ced7b7;font-size:10px;letter-spacing:.12em;color:#355a48;border-radius:0;transform:none;min-width:0}.hud .rally-counter b{font-size:13px;color:#153d34;margin-left:7px}.hud .venue-label{top:20px;right:20px;left:auto;transform:none;text-align:right;max-width:185px;color:#fff9e9;background:#102b35dd;padding:9px 12px;border-radius:7px;font-size:12px;text-shadow:none;letter-spacing:.02em}.hud .venue-label small{font-size:9px;color:#c0d4c7;letter-spacing:.04em}.hud .pause-button{top:86px;right:20px;padding:9px 13px;border-radius:5px;background:#e5f278;color:#153d34;font-family:Bungee;font-size:13px;min-height:39px}.hud .controls-toggle{top:133px;right:20px;color:#fff9e9;background:#102b35dd;border:1px solid #b5ceba66;border-radius:5px;min-height:32px}.hud .energy-panel{width:clamp(290px,24vw,370px);right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));padding:16px 18px;background:#102b35ed;border:2px solid #dae88b;border-radius:9px 19px;box-shadow:4px 5px #051c2855;color:#fff9e9}.hud .energy-title{font-family:Bungee;font-size:18px;margin-bottom:10px}.hud .energy-title span{font-size:12px;color:#a1d6c9}.hud .energy-row{display:grid;grid-template-columns:66px 1fr 39px;align-items:center;gap:9px;margin-top:10px;font-size:11px}.hud .energy-row b{font-size:12px;text-align:right}.hud .energy-track{height:13px;background:#ffffff1c;border:0;border-radius:3px}.hud .energy-track i{display:block;height:100%;transform-origin:left}.hud [data-hud=sprint-fill]{background:#79d8bd}.hud [data-hud=charge-fill]{background:linear-gradient(90deg,#ff9eb9,#f0f783)}.hud .charge-row .energy-track{height:20px}.hud [data-hud=special-fill]{background:linear-gradient(90deg,#ff80a9,#f1dc79,#75e3b8,#75bdf7,#c498f3)}.hud .dive-status{font-size:11px}.hud .dive-controls{font-size:10px;opacity:.7}.hud .match-banner{top:142px;left:50%;transform:translate(-50%,-8px);max-width:calc(100% - 40px);padding:9px 20px;font-family:Bungee;font-size:clamp(12px,1.4vw,19px);border-radius:5px;background:#e5f278;color:#173f38;box-shadow:2px 3px #143e3566;pointer-events:none}.hud .match-banner.show{transform:translate(-50%)}.hud .control-hint{max-width:430px;font-size:10px;line-height:1.65;background:#102b35d9;color:#fff9e9;border-color:#b8dfca}.hud .control-hint kbd{font-size:10px}.hud .serve-panel{width:min(510px,calc(100% - 40px));bottom:26px}.hud .serve-go{font-size:12px}.touch-shots{grid-template-columns:repeat(2,minmax(54px,1fr))}.touch-shot{font-family:Chakra;font-size:13px}@media(max-width:1100px){.hud .scoreboard{width:min(590px,calc(100% - 48px))}.hud .venue-label{top:143px;max-width:155px;font-size:10px}.hud .pause-button{top:205px}.hud .controls-toggle{top:254px}.hud .match-banner{top:143px;max-width:65%}.hud .energy-panel{width:285px;padding:12px}.hud .control-hint{max-width:340px}}@media(max-width:700px){.screen .char-grid{max-height:310px}.wordmark .brand-logo{width:126px;height:60px}.menu-header{min-height:60px}.hud .scoreboard{top:8px;width:calc(100% - 16px)}.hud .scoreboard-label{font-size:8px;padding:5px;gap:12px}.hud [data-hud=scores]{gap:5px;padding:6px}.hud .score-row{gap:4px}.hud .score-portraits{max-width:52px}.hud .score-portraits img{width:26px;height:36px;border-radius:5px}.hud .score-name{font-size:10px}.hud .score-name small{font-size:8px}.hud .games{width:22px;font-size:15px}.hud .games small{font-size:7px}.hud .points{font-size:24px;min-width:30px}.hud .score-vs{font-size:8px}.hud .rally-counter{font-size:8px;padding:2px}.hud .venue-label{top:112px;right:10px;font-size:9px;padding:6px}.hud .venue-label small{display:none}.hud .pause-button{top:148px;right:10px;min-height:40px;font-size:10px}.hud .controls-toggle{top:194px;right:10px;font-size:10px;min-height:36px}.hud .match-banner{top:110px;left:10px;transform:none;max-width:58%;font-size:10px;padding:6px 10px}.hud .match-banner.show{transform:none}.hud .energy-panel{width:230px;bottom:12px;right:12px;padding:10px}.hud .energy-title{font-size:13px;margin-bottom:4px}.hud .energy-row{grid-template-columns:52px 1fr 33px;font-size:9px;gap:5px;margin-top:6px}.hud .energy-row b{font-size:10px}.hud .energy-track{height:10px}.hud .charge-row .energy-track{height:15px}.hud .control-hint{bottom:185px;left:12px;max-width:230px;font-size:9px}.hud .serve-panel{bottom:14px}.hud.is-serving .energy-panel{display:none}}.touch-layout .hud .control-hint{display:none}.touch-layout .hud .energy-panel{bottom:234px;right:12px;width:230px}.touch-layout .hud .energy-title,.touch-layout .hud .dive-controls{display:none}.touch-layout .hud .energy-row{margin-top:5px}.touch-layout .hud .dive-status{font-size:9px}.touch-layout .hud.is-serving .energy-panel{display:none}@media(max-height:550px)and (min-width:650px){.hud .scoreboard{width:490px;top:7px}.hud .score-portraits img{height:36px;width:30px}.hud .score-name{font-size:10px}.hud .points{font-size:25px}.hud .scoreboard-label{padding:3px}.hud .venue-label{top:10px;right:10px;max-width:140px}.hud .pause-button{top:65px;right:10px}.hud .controls-toggle{top:107px;right:10px}.hud .match-banner{top:105px}.hud .energy-panel,.touch-layout .hud .energy-panel{width:215px;bottom:12px;right:235px;padding:8px}.hud .energy-title,.hud .dive-controls{display:none}.hud .energy-row{font-size:9px;grid-template-columns:50px 1fr 32px;gap:4px;margin-top:4px}.hud .serve-panel{bottom:8px}.touch-layout .hud .energy-panel{bottom:12px}.hud .control-hint{display:none}}@media(prefers-reduced-motion:reduce){.screen .btn{transition:none}}.online-main{max-width:980px;width:100%;margin:auto}.online-main>p{max-width:720px;margin:12px auto;line-height:1.55}.online-auth-form{display:grid;gap:14px;max-width:460px;margin:28px auto;text-align:left}.online-auth-form label,.online-room-join label{display:grid;gap:7px;font-size:12px}.online-auth-form input,.online-room-join input{padding:12px;background:#fffdf3;border:2px solid #173d48;border-radius:7px;color:#173d48;font:inherit}.online-auth-actions,.online-room-actions,.online-room-join,.online-account-row{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.online-room-join{margin:30px 0}.online-room-join label{min-width:210px}.online-account-row{margin:24px 0;color:#66817f;font-size:12px}.online-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:28px 0}.online-mode-grid .mode-card.selected{outline:3px solid #e5f278}.online-player-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:28px 0}.online-player-card{padding:18px;text-align:left;background:#e5e9d2;border:2px solid #c0cbb1;border-radius:9px 20px}.online-player-card.ready{border-color:#133d32;background:#ecf2b1}.online-player-card h2{font-size:22px;margin:9px 0}.online-player-card p,.online-player-card small{font-size:11px;color:#526f63}.online-empty{grid-column:1/-1;padding:32px;border:2px dashed #c0cbb1;border-radius:9px}@media(max-width:760px){.online-mode-grid,.online-player-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.online-mode-grid,.online-player-grid{grid-template-columns:1fr}}.hud .scoreboard .match-banner{position:static;inset:auto;transform:none!important;max-width:none;width:100%;min-height:23px;margin:0;padding:4px 8px;border:0;border-radius:0;box-shadow:none;background:#153d34;color:#f1f6b6;font:600 11px/15px Chakra,sans-serif;letter-spacing:.03em;text-align:center;opacity:0;transition:opacity .12s;white-space:normal}.hud .scoreboard .match-banner.show{opacity:1}@media(max-width:700px){.hud .scoreboard .match-banner{min-height:19px;font-size:9px;line-height:13px;padding:3px 5px}.hud .venue-label{top:133px}.hud .pause-button{top:169px}.hud .controls-toggle{top:215px}}.hud .scoreboard{background:none;border:0;box-shadow:none;overflow:visible;border-radius:0;width:min(680px,calc(100% - 430px));color:#fffbe9}.hud .scoreboard-label{display:none}.hud [data-hud=scores]{padding:0;gap:12px}.hud .score-portraits{max-width:148px;gap:0}.hud .score-portraits img{width:78px;height:78px;background:none;border:0;border-radius:0;object-fit:contain;filter:drop-shadow(0 3px 1px #071e35) drop-shadow(0 0 2px #fff9e9)}.hud .score-portraits img+img{margin-left:-23px}.hud .points{background:none;color:#fffbea;font-family:Bungee,sans-serif;font-size:46px;line-height:1.2;min-width:60px;-webkit-text-stroke:2px #102b35;paint-order:stroke fill;text-shadow:3px 4px 0 #102b35,0 3px 9px #000b;border-radius:0}.hud .score-name,.hud .score-name small,.hud .games,.hud .games small,.hud .score-vs{color:#fffbe9;text-shadow:1px 2px 1px #092433,-1px -1px 1px #092433,0 0 5px #092433}.hud .score-name{font-size:13px}.hud .score-name small{font-size:10px}.hud .games{font-size:23px}.hud .score-vs{font-size:13px}.hud .rally-counter{border:0;background:none;color:#fffbe9;text-shadow:0 2px 2px #092433,0 0 5px #092433;padding:0;font-size:10px}.hud .rally-counter b{color:#f0f783}.hud .scoreboard .match-banner{background:none;color:#f0f783;text-shadow:0 2px 2px #092433,0 0 5px #092433;font-size:11px;padding:3px;min-height:21px}.hud .serve-panel{background:none;border:0;box-shadow:none;padding:8px;width:min(450px,calc(100% - 30px));color:#fffbe9;text-shadow:0 2px 3px #092433}.hud .serve-heading{font-size:12px;margin-bottom:7px}.hud .serve-side{color:#fffbe9}.hud .serve-targets{gap:7px}.hud .serve-targets button{padding:7px 4px;min-height:52px;background:#163d48e8;color:#fffbe9;border:1px solid #e5edc3a0;box-shadow:0 3px #061c30;font-family:Chakra;text-shadow:none}.hud .serve-targets button[aria-pressed=true]{background:#e5f278;color:#153d34;border-color:#153d34}.hud .target-number{font-size:17px}.hud .serve-footer{margin-top:8px}.hud .serve-footer>span{font-size:10px;color:#fffbe9}.hud .serve-go{padding:8px 12px;min-height:38px;text-shadow:none}@media(max-width:1100px){.hud .scoreboard{width:min(650px,calc(100% - 40px))}}@media(max-width:700px){.hud .scoreboard{width:calc(100% - 14px)}.hud [data-hud=scores]{gap:4px}.hud .score-row{gap:3px}.hud .score-portraits{max-width:63px}.hud .score-portraits img{width:48px;height:57px}.hud .score-portraits img+img{margin-left:-30px}.hud .score-name{font-size:10px}.hud .score-name small{font-size:8px}.hud .points{font-size:29px;min-width:38px;-webkit-text-stroke:1.3px #102b35;text-shadow:2px 3px 0 #102b35}.hud .games{font-size:16px;width:20px}.hud .games small{font-size:7px}.hud .score-vs,.hud .rally-counter,.hud .scoreboard .match-banner{font-size:9px}.hud .venue-label{top:116px}.hud .pause-button{top:150px}.hud .controls-toggle{top:197px}.hud .serve-footer>span{display:none}.hud .serve-footer{justify-content:flex-end}.hud .serve-targets button{font-size:10px;min-height:48px}}@media(max-height:550px)and (min-width:650px){.hud .scoreboard{width:500px}.hud .score-portraits img{width:48px;height:52px}.hud .score-portraits{max-width:76px}.hud .points{font-size:32px;min-width:42px}.hud .score-name{font-size:10px}.hud .score-name small{font-size:8px}.hud .games{font-size:18px}.hud .rally-counter{font-size:8px}.hud .serve-targets button{min-height:42px}.hud .serve-heading{display:none}.hud .serve-panel{width:370px}.hud .serve-footer>span{display:none}}.touch-layout .hud .energy-panel{top:auto;left:auto;transform:none}.touch-layout .hud .venue-label{display:block}.touch-shots{grid-template-columns:repeat(2,72px)}@media(max-width:650px){.touch-shots{grid-template-columns:repeat(2,65px)}}@media(max-width:360px){.touch-shots{grid-template-columns:repeat(2,58px)}}.wordmark .brand-logo{width:min(516px,62vw);height:auto;aspect-ratio:172 / 82}.menu-header{min-height:0;align-items:center}@media(max-width:700px){.menu-header .header-note{display:none}.wordmark .brand-logo{width:min(378px,62vw)}}.hud.touch-layout .control-hint{display:none}.hud.touch-layout .venue-label{display:block}.hud.touch-layout .energy-panel{top:120px;left:12px;right:auto;bottom:auto;transform:none;width:190px;padding:10px}.hud.touch-layout .energy-title,.hud.touch-layout .dive-controls{display:none}.hud.touch-layout .energy-row{margin-top:5px;grid-template-columns:53px 1fr 31px;font-size:9px;gap:4px}.hud.touch-layout .energy-row b{font-size:10px}.hud.touch-layout .dive-status{font-size:9px}.hud.touch-layout.is-serving .energy-panel{display:none}@media(max-width:360px){.hud.touch-layout .energy-panel{left:10px;width:160px}}@media(max-height:550px)and (min-width:650px){.hud.touch-layout .energy-panel{top:auto;bottom:12px;left:auto;right:180px;width:200px}}.hud .serve-meter{width:100%;margin:8px 0;--serve-progress:0%;--serve-target:65%}.hud .serve-meter-track{position:relative;height:14px;margin:0 7px;border:2px solid #133e34;border-radius:7px;background:#fffbea;box-shadow:0 2px #133e3466;overflow:visible}.hud .serve-meter-fill{position:absolute;inset:0 auto 0 0;width:var(--serve-progress);border-radius:5px;background:linear-gradient(90deg,#7bd9c2,#edff55)}.hud .serve-meter-target{position:absolute;left:var(--serve-target);top:50%;width:15px;height:15px;transform:translate(-50%,-50%) rotate(45deg);border:3px solid #143d34;background:#edff55;box-shadow:0 0 0 2px #fffbea}.hud .serve-meter-cursor{position:absolute;left:var(--serve-progress);top:-5px;width:3px;height:20px;background:#f65193;box-shadow:0 0 0 1px #fffbea}.hud .serve-meter-hint{display:block;margin-top:8px;font-size:10px;font-weight:700;text-align:center;color:#fffbea;text-shadow:0 1px 3px #133e34,1px 0 2px #133e34}.hud .serve-meter.active .serve-meter-hint{color:#edff55}.debug-panel{position:fixed;right:12px;top:12px;z-index:80;width:min(330px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;pointer-events:auto;background:#143c35f7;color:#fffce8;border:2px solid #e6ef78;border-radius:14px;padding:14px;font:13px Chakra,sans-serif;box-shadow:0 6px 24px #001b2380}.debug-panel[hidden]{display:none}.debug-panel header{display:flex;justify-content:space-between;align-items:center}.debug-panel strong{font-family:Bungee}.debug-panel p{font-size:11px;line-height:1.4}.debug-panel label{display:block;margin:10px 0}.debug-panel label>span{display:flex;gap:10px;align-items:center}.debug-panel input[type=range]{width:100%;accent-color:#dff26d}.debug-panel output[data-value]{min-width:40px;text-align:right}.debug-panel summary{padding:10px 0;color:#edff84;cursor:pointer}.debug-panel button,.debug-panel select{background:#f7f1dc;color:#173d34;border:1px solid #bdd784;border-radius:5px;padding:7px;font:700 12px Chakra;cursor:pointer}.debug-actions{display:flex;flex-wrap:wrap;gap:6px}.debug-panel .debug-import{margin:0}.debug-import input{width:180px}.debug-stats{display:block;white-space:pre-line;margin-top:12px;font-size:11px;color:#97e5d4}.practice-label{position:fixed;top:18px;left:50%;transform:translate(-50%);color:#fff7d8;text-shadow:2px 2px 3px #123c39;font:15px Bungee;pointer-events:none}.hud.practice .scoreboard{display:none}.hud:not(.practice) .practice-label{display:none}@media(max-width:600px){.debug-panel{max-height:65dvh;top:8px;right:8px}.practice-label{font-size:12px;width:65%;text-align:center}.mode-grid{grid-template-columns:1fr}}.sfx-tester{position:fixed;top:56px;right:14px;z-index:85;width:min(470px,calc(100vw - 28px));pointer-events:none;color:#fffce8;font:12px Chakra,sans-serif}.sfx-tester[hidden]{display:none}.sfx-tester-card{background:#102f35f2;border:2px solid #e6ef78;border-radius:12px;padding:12px;box-shadow:0 6px 24px #001b2380}.sfx-tester header{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#edff84;font-family:Bungee,sans-serif;letter-spacing:.04em}.sfx-tester header span{color:#b8d2c8;font:700 10px Chakra,sans-serif;letter-spacing:.08em;text-transform:uppercase}.sfx-tester-status{margin:7px 0 9px;color:#cce1d4;font-size:11px}.sfx-tester-list{max-height:min(58vh,560px);overflow:auto;display:grid;gap:4px;padding-right:3px}.sfx-tester-row{min-width:0;border:1px solid #6f9c8e80;border-radius:6px;padding:6px 8px;background:#163e43d9}.sfx-tester-row.active{border-color:#edff84;background:#28534fd9;box-shadow:inset 3px 0 #edff84}.sfx-tester-label{display:block;color:#eff7dc;font-weight:800;line-height:1.25}.sfx-tester-row code{display:block;margin-top:3px;color:#f0f783;font:11px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;white-space:normal}.sfx-tester-help{margin:9px 0 0;color:#b8d2c8;font-size:10px;line-height:1.4}@media(max-width:600px){.sfx-tester{top:44px;right:8px;width:calc(100vw - 16px)}.sfx-tester-list{max-height:54vh}.sfx-tester-card{padding:10px}.sfx-tester-row{padding:5px 7px}.sfx-tester-row code{font-size:10px}}.mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1160px}.difficulty-picker{display:flex;gap:12px;align-items:center;margin:12px 0;font:700 14px Chakra}.difficulty-picker select{padding:8px 12px;border:2px solid #153d34;border-radius:8px;background:#f7f1df;color:#153d34}@media(max-width:760px){.mode-grid{grid-template-columns:1fr}.mode-card{min-height:230px}}.format-picker{display:flex;justify-content:center;gap:10px;margin:8px auto 2px;max-width:620px}.format-option{flex:1;display:flex;flex-direction:column;gap:4px;padding:12px 16px;border:2px solid #b9cbb8;border-radius:10px;background:#f7f1df;color:#24443d;text-align:left;box-shadow:0 3px #b9cbb855}.format-option strong{font:700 14px Bungee,Chakra,sans-serif;letter-spacing:.05em}.format-option span{font:600 11px Chakra,sans-serif;color:#61766b}.format-option.selected{border-color:#153d34;background:#dff18d;box-shadow:0 3px #153d34;color:#153d34}.format-option:focus-visible{outline:3px solid #ef835d;outline-offset:4px}@media(max-width:600px){.format-picker{flex-direction:column}.format-option{flex:none}.format-option strong{font-size:12px}}.debug-panel p{color:#cce1d4}.match-intro{position:absolute;inset:auto 0 9%;text-align:center;pointer-events:auto;color:#fffbe9;text-shadow:0 3px 14px #082922;z-index:35;padding:24px}.match-intro h1{font:clamp(32px,5vw,72px)/1.15 var(--club-title),sans-serif;margin:12px 0}.match-intro p{color:#fffbe9;font-size:clamp(16px,2vw,24px);font-weight:900;margin:12px 0 22px}.match-intro .eyebrow{color:#ecff74}.hud.intro-active>:not(.match-intro):not(.match-modal){visibility:hidden}.match-intro[hidden],.warmup-coach[hidden]{display:none}.warmup-coach{position:absolute;top:150px;left:24px;width:min(270px,calc(100vw - 48px));background:#123d36ed;color:#fffbe9;border-left:4px solid #e9ff76;border-radius:8px;padding:14px;pointer-events:auto}.warmup-coach strong{color:#e9ff76;font-size:13px}.warmup-coach p{color:#fffbe9;font-size:14px;line-height:1.45;margin:8px 0}.warmup-coach .text-button{color:#e9ff76;font-size:12px}.warmup-option{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin:20px 0;font-weight:700}.warmup-option input{width:20px;height:20px;accent-color:#173f34}.warmup-option small{font-weight:400}.result-card .btn{margin:8px}@media(max-width:600px){.warmup-coach{top:125px;left:12px;width:210px;padding:10px}.warmup-coach p{font-size:12px}.match-intro{bottom:8%}}.lineup-main{max-width:1040px;margin:0 auto;width:100%}.lineup-main h1{font-size:clamp(32px,4vw,58px)}.lineup-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:24px 0}.lineup-toolbar .btn{font-size:14px;padding:12px 18px}.lineup-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;text-align:left}.lineup-singles{grid-template-columns:minmax(240px,360px);justify-content:center}.cpu-card{min-width:0;background:#fff9e9;border:2px solid #173f38;border-radius:18px;padding:20px;box-shadow:4px 5px #173f3825}.cpu-card>.eyebrow{font-size:11px;color:#173f38}.cpu-portrait{height:170px;margin:14px 0 10px;border-radius:12px;background:linear-gradient(150deg,var(--character),#fff9e9);overflow:hidden;text-align:center}.cpu-portrait img{height:210px;width:auto;max-width:100%;object-fit:contain;object-position:top}.cpu-card h2{font:28px/1.2 var(--club-title),sans-serif;margin:8px 0}.cpu-card p{margin:4px 0 18px;font-size:14px}.cpu-card label{display:flex;flex-direction:column;gap:8px;font-weight:700;font-size:13px}.cpu-card select{width:100%;min-height:44px;border:2px solid #173f38;border-radius:8px;padding:8px;background:#f2f4da;color:#173f38;font:700 16px Chakra,sans-serif}.cpu-card small{display:block;min-height:36px;margin-top:10px;color:#466857;font-size:12px;line-height:1.5}.lineup-note{font-size:13px;margin:25px 0 12px}.lineup-main .character-actions{justify-content:space-between;gap:16px;margin-top:20px}.lineup-main select:focus-visible,.lineup-main button:focus-visible{outline:3px solid #ec6798;outline-offset:4px}@media(max-width:700px){.lineup-grid{grid-template-columns:1fr;gap:16px}.lineup-toolbar{flex-wrap:wrap;margin:18px 0}.cpu-card{display:grid;grid-template-columns:100px minmax(0,1fr);column-gap:16px;padding:16px}.cpu-card>.eyebrow{grid-column:1/-1}.cpu-portrait{grid-column:1;grid-row:2/6;height:150px}.cpu-portrait img{height:165px;max-width:none}.cpu-card h2{grid-column:2;font-size:23px;margin-top:14px}.cpu-card p{grid-column:2;margin:0 0 10px;font-size:12px}.cpu-card label,.cpu-card small{grid-column:2}.lineup-main .character-actions .btn{font-size:13px;padding:13px}.lineup-note{text-align:left}}.arena-preview{width:100%;height:100%;object-fit:cover;display:block}.arena-art{position:relative}.arena-art .arena-number{z-index:2;background:#133d37c9;color:#fff9e9;padding:5px 9px;border-radius:20px}.weather-main{max-width:1200px;margin:0 auto;width:100%}.weather-main h1{font-size:clamp(36px,5vw,68px)}.weather-venue{display:flex;text-align:left;align-items:center;gap:24px;margin:24px auto;max-width:750px;background:#fff9e9;border-radius:18px;overflow:hidden;border:1px solid #214c3526}.weather-venue img{width:40%;height:auto;aspect-ratio:16/9;object-fit:cover}.weather-venue h2{margin:8px 0;font:26px var(--club-title)}.weather-venue p{font-size:14px;margin:5px 0}.weather-venue small{font-size:12px;opacity:.7}.weather-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.weather-card{padding:0 0 20px;overflow:hidden;text-align:left;background:#fff9e9;border:2px solid #c3ccb7;border-radius:18px;cursor:pointer;color:#173f38;transition:transform .2s,border-color .2s}.weather-card:hover{transform:translateY(-4px)}.weather-card.selected{border-color:#173f38;box-shadow:0 0 0 3px #dceca2}.weather-card h2{font:21px var(--club-title);margin:18px 16px 8px}.weather-card p{font:13px/1.5 Chakra,sans-serif;margin:0 16px;min-height:40px}.weather-card>span{display:block;margin:14px 16px 0;font:700 12px Chakra}.weather-art{position:relative;height:150px;overflow:hidden;background:linear-gradient(#398fe0,#dcf2ff)}.weather-sun{position:absolute;width:26px;height:26px;left:26%;top:25%;border-radius:50%;background:#fff8ce;box-shadow:0 0 35px 20px #fff3b345}.weather-cloud{position:absolute;border-radius:50%;width:55%;height:28%;background:linear-gradient(#fffdf2,#c5d7e4);box-shadow:18px -12px 0 -4px #fffdf2,-20px -4px 0 -6px #ebf2ee}.cloud-a{top:30%;left:48%}.cloud-b{top:60%;left:-10%;transform:scale(.7)}.weather-ridge{position:absolute;bottom:-35px;left:-10%;width:120%;height:65px;background:#659685;border-radius:50% 70% 0 0}.weather-clear .weather-cloud{display:none}.weather-cloudy{background:linear-gradient(#799bb4,#d4e1e6)}.weather-cloudy .cloud-a{width:90%;left:15%;top:15%;height:55%}.weather-cloudy .cloud-b{width:90%;height:50%}.weather-cloudy .weather-sun{opacity:.3}.weather-sunset{background:linear-gradient(#706fb3,#efa098 65%,#ffd19a)}.weather-sunset .weather-sun{top:64%;box-shadow:0 0 30px 20px #ffb35a80}.weather-sunset .weather-cloud{background:linear-gradient(#edc4b8,#a697bc);box-shadow:15px -10px 0 -3px #dfb2b3}.weather-sunset .weather-ridge{background:#777c9b}@media(max-width:850px){.weather-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.weather-venue{gap:16px}.weather-venue div{padding:12px}.weather-venue .eyebrow{font-size:9px}}@media(max-width:450px){.weather-art{height:110px}.weather-card h2{font-size:17px;margin:14px 12px 8px}.weather-card p{font-size:12px;margin:0 12px}.weather-venue{display:block}.weather-venue img{width:100%;height:130px}.weather-main .arena-actions{flex-wrap:wrap;gap:18px}}.weather-art>img{position:absolute;width:200%;max-width:none;height:auto;left:-50%;top:-12%;display:block}.weather-art{isolation:isolate}.hud .point-celebration strong{font-family:Bungee,Arial Black,sans-serif;font-weight:400;font-style:normal;letter-spacing:.015em;font-size:clamp(44px,8vw,112px);line-height:1.18;color:#f4ff72;-webkit-text-stroke:5px #124c43;paint-order:stroke fill;text-shadow:0 3px 0 #b5ce38,0 7px 0 #124c43,0 10px 0 #092e31,0 14px 22px #092e3166;transform:skew(-9deg);padding:0 .12em .12em}.hud .point-celebration span{font-family:Racing,Nunito,sans-serif;font-weight:400;font-size:clamp(19px,2.5vw,30px);letter-spacing:.025em;background:#124c43;border:2px solid #f5ffe4;border-radius:12px 3px;box-shadow:0 4px #092e31;padding:5px 24px}.hud .points{font-family:Bungee,sans-serif;font-weight:400;font-style:normal;color:#f4ff91;transform:skew(-6deg);letter-spacing:.015em;-webkit-text-stroke:2px #123c35;paint-order:stroke fill;text-shadow:0 2px 0 #94b447,2px 4px 0 #123c35,0 6px 9px #0006;font-variant-numeric:tabular-nums}@media(max-width:700px){.hud .point-celebration strong{font-size:clamp(36px,9vw,64px);-webkit-text-stroke:3px #124c43}}.hud.split-hud .point-celebration strong{font-size:clamp(30px,5vw,74px)}.hud .player-serve-meter[hidden]{display:none}.hud .player-serve-meter{position:absolute;bottom:auto;right:auto;width:22px;height:144px;margin:0;padding:3px;background:#123641d9;border:1px solid #a2edda;border-radius:12px;pointer-events:none;transform:none;z-index:8}.hud .player-serve-meter .serve-meter-track{position:relative;width:100%;height:100%;margin:0;background:#123641;border-radius:8px;overflow:visible}.hud .player-serve-meter .serve-meter-fill{position:absolute;left:0;top:auto;bottom:0;width:100%;height:var(--serve-progress);max-height:100%;background:linear-gradient(to top,#8de4cf,#dfff65);border-radius:7px;transform:none}.hud .player-serve-meter .serve-meter-target{position:absolute;left:-5px;top:auto;bottom:var(--serve-target);width:22px;height:4px;background:#fffbea;border:0;border-radius:2px;transform:translateY(50%);box-shadow:none}.hud .player-serve-meter .serve-meter-cursor{position:absolute;left:-2px;top:auto;bottom:var(--serve-progress);width:16px;height:4px;background:#f65193;border-radius:2px;transform:translateY(50%);box-shadow:none}.online-host-controls{display:flex;align-items:end;justify-content:center;gap:14px;flex-wrap:wrap;margin:20px 0}.online-host-controls label{display:grid;gap:7px;text-align:left;font-size:12px}.online-host-controls select{min-width:180px;padding:12px;background:#fffdf3;border:2px solid #173d48;border-radius:7px;color:#173d48;font:inherit}.online-note{font-size:12px;color:#66817f}.online-match-type{display:flex;align-items:end;justify-content:center;gap:16px;flex-wrap:wrap;margin:18px 0;color:#66817f;font-size:12px}.online-match-type label{display:grid;gap:7px;text-align:left;color:#173d48}.online-match-type select{min-width:210px;padding:12px;background:#fffdf3;border:2px solid #173d48;border-radius:7px;color:#173d48;font:inherit}.online-quick-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:16px 0}.privacy-option{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px auto 22px;color:#173d48;font-size:13px}.privacy-option input{width:18px;height:18px;accent-color:#dfff65}.public-rooms{max-width:760px;margin:30px auto;text-align:left}.public-rooms-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.public-rooms-heading h2{margin:0;font-size:24px}.public-room-list{display:grid;gap:10px;margin-top:12px}.public-room-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;background:#eef2c9;border:2px solid #c0cbb1;border-radius:9px 18px}.public-room-card h3{margin:4px 0;font-size:18px}.public-room-card p{margin:0;font-size:12px;color:#526f63}.public-room-card .btn{flex:none}@media(max-width:580px){.public-room-card{align-items:flex-start;flex-direction:column}.public-room-card .btn{width:100%}.public-rooms-heading{align-items:flex-start;flex-direction:column;gap:4px}}.player-count-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px}.local-setup{max-width:900px;margin:22px auto;text-align:left;border-top:1px solid #173f3833;padding-top:12px}.local-setup p{font-size:13px;line-height:1.65;margin:8px 0}.lineup-coop{grid-template-columns:repeat(2,minmax(0,1fr))}.hud.split-hud{position:absolute;top:0;bottom:0;width:50%;right:auto}.hud.split-player-1{left:0;border-right:2px solid #e6edac}.hud.split-player-2{left:50%;border-left:2px solid #173f38}.hud.split-hud .local-player-label{position:absolute;top:14px;left:16px;max-width:calc(100% - 95px);padding:7px 11px;background:#153d34ed;border:1px solid #e5f278;border-radius:6px;color:#f9ffbe;font:700 12px Chakra,sans-serif}.hud.split-player-2 .local-player-label{border-color:#faa2bd;color:#ffc5d6}.hud.split-hud .scoreboard{top:60px;width:calc(100% - 32px);max-width:600px;left:50%;transform:translate(-50%)}.hud.split-hud [data-hud=scores]{gap:6px}.hud.split-hud .score-portraits img{width:42px;height:48px}.hud.split-hud .score-portraits img+img{margin-left:-14px}.hud.split-hud .score-name{font-size:11px;overflow-wrap:normal}.hud.split-hud .score-name .beast-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud.split-hud .score-row{gap:6px}.hud.split-hud .score-name small{white-space:normal}.hud.split-hud .score-name small{font-size:8px}.hud.split-hud .points{font-size:30px;min-width:40px}.hud.split-hud .games{font-size:19px;min-width:22px}.hud.split-hud .games small{font-size:7px}.hud.split-hud .score-vs{font-size:9px}.hud.split-hud .rally-counter{font-size:9px;padding:2px}.hud.split-hud .venue-label{display:none}.hud.split-hud .pause-button{top:12px;right:14px;min-height:32px;padding:5px 10px}.hud.split-hud .pause-button span{display:none}.hud.split-hud .controls-toggle{top:auto;bottom:14px;left:14px;right:auto;font-size:10px;min-height:30px}.hud.split-hud .energy-panel{top:auto;bottom:14px;right:14px;left:auto;transform:none;width:190px;padding:10px}.hud.split-hud .energy-title{display:flex;font-size:12px;margin-bottom:4px}.hud.split-hud .energy-title span,.hud.split-hud .dive-status{font-size:9px}.hud.split-hud .dive-controls{font-size:8px;margin:2px 0 4px}.hud.split-hud .energy-row{grid-template-columns:46px 1fr 29px;gap:5px;font-size:8px;margin-top:5px}.hud.split-hud .energy-row b{font-size:9px}.hud.split-hud .energy-track,.hud.split-hud .charge-row .energy-track{height:9px}.hud.split-hud .control-hint{display:block;left:14px;bottom:178px;width:calc(100% - 28px);max-width:440px;font-size:10px;line-height:1.5;padding:8px 10px}.hud.split-hud .serve-panel{left:14px;right:14px;bottom:54px;transform:none;width:auto;max-width:none;padding:10px}.hud.split-hud .serve-status{font-size:11px}.hud.split-hud .serve-side{font-size:8px}.hud.split-hud .serve-targets button{font-size:9px;min-width:0}.hud.split-hud .serve-footer{flex-wrap:wrap;gap:8px}.hud.split-hud .serve-footer>span{font-size:9px}.hud.split-hud .serve-go{font-size:10px}.hud.split-hud.is-serving .energy-panel{display:none}.hud.split-hud.is-serving .control-hint{bottom:255px}.hud.split-hud .match-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60}.hud.split-hud .match-intro{position:fixed;left:0;right:0;bottom:9%}.hud.split-hud.local-paused{visibility:hidden}@media(max-width:760px){.player-count-grid,.lineup-coop{grid-template-columns:1fr}}@media(max-width:800px){.hud.split-hud .score-portraits{display:none}.hud.split-hud .score-name{font-size:9px}.hud.split-hud .points{font-size:24px;min-width:28px}.hud.split-hud .games{font-size:15px;min-width:18px}.hud.split-hud .local-player-label{left:8px;font-size:10px;padding:7px}.hud.split-hud .scoreboard{width:calc(100% - 16px)}.hud.split-hud .energy-panel{right:8px;width:155px}.hud.split-hud .control-hint{left:8px;width:calc(100% - 16px);font-size:8px}.hud.split-hud .serve-panel{left:8px;right:8px}.hud.split-hud .serve-targets{grid-template-columns:repeat(2,minmax(0,1fr))}.hud.split-hud.is-serving .control-hint{display:none}}@media(max-height:560px){.hud.split-hud .control-hint{display:none}.hud.split-hud .energy-panel{padding:6px 9px}.hud.split-hud .dive-controls{display:none}.hud.split-hud .scoreboard{top:50px}}.hud.arcade-hud{--hud-blue:#009eea;--hud-navy:#12336c;--hud-lime:#e2fa24;--hud-paper:#fffef4;--hud-coral:#ff5772;font-family:Fredoka,Nunito,sans-serif;color:var(--hud-navy)}.hud.arcade-hud button:focus-visible{outline:4px solid var(--hud-lime);outline-offset:4px}.hud.arcade-hud .scoreboard{top:16px;width:min(680px,54vw);border:4px solid #fff;border-radius:28px;background:var(--hud-paper);box-shadow:0 4px #1676b6,0 7px 16px #12336c35;overflow:visible;color:var(--hud-navy)}.hud.arcade-hud [data-hud=scores]{display:flex;gap:5px;padding:0;align-items:stretch}.hud.arcade-hud .score-row{display:flex;flex:1;min-width:0;gap:7px;padding:4px 7px;background:var(--hud-blue);border:0;border-radius:22px 10px 10px 22px}.hud.arcade-hud .score-row.team-1{flex-direction:row-reverse;background:var(--hud-coral);border-radius:10px 22px 22px 10px}.hud.arcade-hud .score-portraits{display:flex;flex-shrink:0;max-width:76px;align-items:center}.hud.arcade-hud .score-portraits img{width:62px;height:69px;object-fit:contain;filter:drop-shadow(0 2px 0 #fff);background:none;border:0}.hud.arcade-hud .score-portraits img+img{margin-left:-35px}.hud.arcade-hud .score-name{flex:1;min-width:0;font:700 clamp(12px,1.5vw,23px)/1.05 Fredoka,sans-serif;text-transform:uppercase;color:#fff;text-shadow:0 2px 0 #12336c80;letter-spacing:-.02em;align-self:center}.hud.arcade-hud .score-name small{font:600 10px/1.3 Fredoka,sans-serif;display:block;margin-top:5px;color:#fff;text-shadow:none;letter-spacing:0}.hud.arcade-hud .serving .score-name small{color:var(--hud-lime)}.hud.arcade-hud .points{align-self:center;min-width:64px;padding:2px 7px;border-radius:13px;background:var(--hud-navy);font:700 clamp(35px,4vw,55px)/1.1 Fredoka,sans-serif;color:var(--hud-lime);text-shadow:0 2px 0 #001e4a;-webkit-text-stroke:0;box-shadow:0 0 0 3px #fff}.hud.arcade-hud .games{position:absolute;top:calc(100% + 10px);left:18px;display:flex;gap:4px;align-items:baseline;width:auto;font:700 12px Fredoka;color:#fff;text-shadow:0 1px 3px #12336c}.hud.arcade-hud .games small{font:600 9px Fredoka;color:#fff}.hud.arcade-hud .team-1 .games{left:auto;right:18px}.hud.arcade-hud .score-vs{align-self:center;background:var(--hud-blue);border:2px solid white;border-radius:50%;padding:5px;font:700 15px Fredoka;color:#fff;text-shadow:none}.hud.arcade-hud .rally-counter{position:absolute;top:100%;left:50%;transform:translate(-50%);min-width:140px;padding:5px 14px;background:var(--hud-paper);border:3px solid var(--hud-blue);border-top:0;border-radius:0 0 22px 22px;color:#078fd4;font:700 15px Fredoka;letter-spacing:0}.hud.arcade-hud .rally-counter b{background:var(--hud-navy);color:#fff;border-radius:20px;padding:0 6px;font:700 16px Fredoka}.hud.arcade-hud .scoreboard .match-banner{position:absolute;top:calc(100% + 40px);font:700 16px Fredoka;background:var(--hud-lime);color:var(--hud-navy);border-radius:12px;text-shadow:none;min-height:0;width:auto;left:50%;transform:translate(-50%)!important;white-space:nowrap;padding:6px 15px}.hud.arcade-hud .venue-label{top:18px;right:20px;max-width:205px;padding:10px 14px;background:var(--hud-paper);border:3px solid white;border-radius:18px;box-shadow:0 3px #168fd0;transform:rotate(-3deg);color:var(--hud-navy);font:700 17px/1.1 Fredoka;text-align:center}.hud.arcade-hud .venue-label small{display:block;color:var(--hud-navy);font:600 10px Fredoka;margin-top:4px}.hud.arcade-hud .live-dot{display:none}.hud.arcade-hud .pause-button{top:93px;right:20px;min-height:40px;border:3px solid white;border-radius:25px;background:#ffcc42;color:var(--hud-navy);box-shadow:0 3px #ca892e;font:700 16px Fredoka;padding:7px 20px}.hud.arcade-hud .controls-toggle{top:146px;right:24px;border:2px solid #fff;border-radius:15px;background:var(--hud-blue);color:#fff;font:600 11px Fredoka;padding:4px 12px}.hud.arcade-hud .serve-panel{bottom:20px;width:min(480px,39vw);padding:12px 14px 10px;border:3px solid var(--hud-blue);border-radius:27px;background:var(--hud-paper);box-shadow:0 0 0 3px #fff,0 6px #1379b6,0 8px 18px #12336c35;color:var(--hud-navy);text-shadow:none}.hud.arcade-hud .serve-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:-23px 0 9px;font:700 12px Fredoka}.hud.arcade-hud .serve-status{padding:6px 15px;background:var(--hud-blue);border:3px solid #fff;border-radius:20px;color:#fff;font:700 20px Fredoka;text-shadow:0 2px 0 #164778;white-space:nowrap}.hud.arcade-hud .serve-side{font:600 10px Fredoka;color:var(--hud-navy);padding-top:10px}.hud.arcade-hud .serve-targets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.hud.arcade-hud .serve-targets button{padding:4px;min-height:92px;background:#fff;color:var(--hud-navy);border:2px solid #9bc7df;border-radius:15px;box-shadow:0 3px #c0d7e1;font:600 11px/1.1 Fredoka;transition:transform .1s,background .1s}.hud.arcade-hud .serve-targets button:hover{transform:translateY(-3px);border-color:var(--hud-blue)}.hud.arcade-hud .serve-targets button[aria-pressed=true]{background:var(--hud-lime);border-color:#80c72b;box-shadow:0 3px #76b62b}.hud.arcade-hud .target-number{font:700 25px/1 Fredoka;display:block;color:var(--hud-navy)}.hud.arcade-hud .target-art{display:block;height:40px;background-image:url(/hud/serve-targets.png);background-size:400% 100%;background-repeat:no-repeat;mix-blend-mode:multiply;margin:1px 0 3px}.hud.arcade-hud .target-art-0{background-position:0% 50%}.hud.arcade-hud .target-art-1{background-position:33.333% 50%}.hud.arcade-hud .target-art-2{background-position:66.667% 50%}.hud.arcade-hud .target-art-3{background-position:100% 50%}.hud.arcade-hud .serve-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin-top:8px}.hud.arcade-hud .serve-footer>span{font:600 10px Fredoka;color:#187aae;order:2;width:100%;text-align:center}.hud.arcade-hud .serve-go{background:var(--hud-lime);border:2px solid #83ca37;border-radius:24px;box-shadow:0 3px #67ab2d;min-height:35px;padding:4px 22px;color:var(--hud-navy);font:700 17px Fredoka}.hud.arcade-hud .serve-go kbd{font:700 12px Fredoka;background:#ffffff70;border:0;border-radius:8px;color:var(--hud-navy);padding:3px 6px}.hud.arcade-hud .energy-panel{width:clamp(230px,23vw,340px);bottom:20px;right:20px;padding:0 12px 12px;background:var(--hud-paper);border:3px solid var(--hud-blue);border-radius:24px;box-shadow:0 0 0 3px #fff,0 5px #1379b6;color:var(--hud-navy)}.hud.arcade-hud .energy-title{background:var(--hud-blue);color:#fff;margin:0 -12px 10px;padding:6px 15px;border-radius:19px 19px 0 0;font:700 italic 25px Fredoka;text-shadow:0 2px 0 #12336c}.hud.arcade-hud .energy-title span{font:700 15px Fredoka;border:2px solid white;border-radius:14px;padding:1px 8px;background:var(--hud-navy);color:var(--hud-lime)}.hud.arcade-hud .dive-status{position:absolute;right:12px;top:10px;background:var(--hud-lime);color:var(--hud-navy);border:2px solid white;border-radius:12px;font:700 10px Fredoka;padding:3px 7px;transform:rotate(-5deg)}.hud.arcade-hud .energy-title span,.hud.arcade-hud .dive-controls{display:none}.hud.arcade-hud .energy-row{grid-template-columns:55px 1fr 34px;gap:5px;margin-top:8px;font:600 11px Fredoka}.hud.arcade-hud .energy-row b{font:700 12px Fredoka}.hud.arcade-hud .energy-track,.hud.arcade-hud .charge-row .energy-track{height:15px;background:#bce1f5;border:1px solid #89bddd;border-radius:5px;overflow:hidden}.hud.arcade-hud [data-hud=charge-fill]{background:#ffcc2c;box-shadow:inset 0 0 0 2px #efa921}.hud.arcade-hud [data-hud=sprint-fill]{background:#009eea;box-shadow:inset 0 0 0 2px #0085d2}.hud.arcade-hud [data-hud=special-fill]{background:#ff507f;box-shadow:inset 0 0 0 2px #e93564}.hud.arcade-hud .control-hint{bottom:20px;left:20px;width:21vw;max-width:290px;padding:10px 12px;border:3px solid var(--hud-blue);border-radius:20px;box-shadow:0 0 0 3px #fff,0 4px #1379b6;background:var(--hud-paper);color:var(--hud-navy);font:600 10px/1.5 Fredoka;text-shadow:none}.hud.arcade-hud .control-hint kbd{background:var(--hud-navy);color:#fff;border:0;border-radius:5px;font:600 10px Fredoka;padding:2px 4px}.hud.arcade-hud .player-serve-meter .serve-meter-track{background:#fffef4;border:3px solid var(--hud-blue);box-shadow:0 0 0 2px #fff}.hud.arcade-hud .player-serve-meter .serve-meter-fill{background:var(--hud-lime)}@media(max-width:1000px){.hud.arcade-hud .scoreboard{width:65vw;left:36%}.hud.arcade-hud .venue-label{max-width:170px;font-size:14px}.hud.arcade-hud .serve-panel{width:44vw}.hud.arcade-hud .energy-panel{width:24vw}.hud.arcade-hud .score-portraits img{width:46px;height:57px}.hud.arcade-hud .points{min-width:48px}.hud.arcade-hud .score-name{font-size:14px}.hud.arcade-hud .control-hint{font-size:9px;width:22vw}}@media(max-width:700px){.hud.arcade-hud .scoreboard{left:50%;width:calc(100% - 20px);top:10px}.hud.arcade-hud .score-row{gap:4px;padding:4px}.hud.arcade-hud .score-portraits img{width:35px;height:44px}.hud.arcade-hud .score-portraits{max-width:48px}.hud.arcade-hud .score-name{font-size:12px}.hud.arcade-hud .score-name small{font-size:8px}.hud.arcade-hud .points{font-size:32px;min-width:40px}.hud.arcade-hud .score-vs{font-size:10px;padding:3px}.hud.arcade-hud .venue-label{display:none}.hud.arcade-hud .pause-button{top:112px;right:12px;font-size:13px}.hud.arcade-hud .controls-toggle{top:163px;right:12px}.hud.arcade-hud .serve-panel{width:min(440px,calc(100% - 26px));bottom:16px}.hud.arcade-hud .serve-status{font-size:17px}.hud.arcade-hud .serve-side{font-size:9px}.hud.arcade-hud .serve-footer>span{display:block}.hud.arcade-hud .energy-panel{width:230px;right:14px;bottom:16px}.hud.arcade-hud.is-serving .energy-panel,.hud.arcade-hud.is-serving .control-hint,.hud.arcade-hud .control-hint{display:none}.hud.arcade-hud .rally-counter{font-size:12px;min-width:110px}}.hud.arcade-hud.split-hud .scoreboard{top:58px;left:50%;width:calc(100% - 24px)}.hud.arcade-hud.split-hud .serve-panel{width:calc(100% - 30px)}.hud.arcade-hud.split-hud .control-hint{display:none}.hud.arcade-hud.split-hud .score-portraits img{width:34px;height:42px}.hud.arcade-hud.split-hud .score-name{font-size:12px}.hud.arcade-hud.split-hud .points{font-size:30px;min-width:38px}@media(max-height:550px){.hud.arcade-hud .scoreboard{top:8px}.hud.arcade-hud .score-portraits img{height:40px}.hud.arcade-hud .points{font-size:30px}.hud.arcade-hud .serve-panel{bottom:10px;padding:8px 10px;width:370px}.hud.arcade-hud .serve-targets button{min-height:68px}.hud.arcade-hud .target-art{height:25px}.hud.arcade-hud .target-number{font-size:19px}.hud.arcade-hud .serve-status{font-size:15px}.hud.arcade-hud .energy-panel{bottom:12px}.hud.arcade-hud .control-hint{display:none}}.hud.arcade-hud .target-art{width:100%;flex-shrink:0}.hud.arcade-hud .rally-counter{right:auto;width:140px;text-shadow:none}.hud.arcade-hud .score-row,.hud.arcade-hud .points{transform:none;font-style:normal}.hud.arcade-hud .games{flex-direction:row}.hud.arcade-hud .control-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;text-align:center}.hud.arcade-hud .control-columns>span+span{border-left:2px solid #d5e7ed}.hud.arcade-hud .control-columns kbd{display:inline-block;margin-bottom:5px;font-size:10px;padding:4px}.hud.arcade-hud .control-columns strong{display:block;font:700 10px Fredoka;white-space:nowrap}.hud.arcade-hud .control-hint>small{display:block;text-align:center;font:600 9px Fredoka;margin-top:9px;color:#44618c}@media(min-width:1001px)and (min-height:551px){.hud.arcade-hud.is-serving:not(.touch-layout):not(.split-hud) .control-hint{display:block}}@media(min-width:1001px)and (min-height:551px){.hud.arcade-hud .score-portraits img{height:57px;width:54px}.hud.arcade-hud .points{font-size:48px}.hud.arcade-hud .serve-targets button{gap:2px;min-height:78px}.hud.arcade-hud .target-art{height:32px;margin:0}.hud.arcade-hud .target-number{font-size:23px}.hud.arcade-hud .serve-footer{gap:3px;margin-top:7px}.hud.arcade-hud .serve-go{min-height:32px;font-size:16px}}.hud.arcade-hud{--hud-blue:#0097ee;--hud-navy:#102e66;--hud-lime:#e3fb18;--hud-coral:#ff4f6e;--hud-paper:#fffef8}.hud.arcade-hud .energy-track{position:relative}.hud.arcade-hud .meter-divisions{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(8,1fr);pointer-events:none}.hud.arcade-hud .meter-divisions>span+span{border-left:3px solid var(--hud-paper)}.hud.arcade-hud .energy-title{font-family:Racing,Fredoka,sans-serif;font-weight:400;font-size:29px;letter-spacing:.01em}.hud.arcade-hud .energy-title:after{content:"";display:inline-block;vertical-align:middle;width:47px;height:43px;margin:-13px 0 -9px 4px;background:url(/hud/power-ball.png) center/contain no-repeat}.hud.arcade-hud .serve-go{box-shadow:0 3px #6cad2d,inset 0 2px #ffffffb0}.hud.arcade-hud .serve-targets button[aria-pressed=true]{box-shadow:0 3px #76b62b,0 3px 8px #254b3540}.hud.arcade-hud .score-name{text-shadow:0 2px 0 #12336c90}@media(min-width:1001px)and (min-height:551px){.hud.arcade-hud:not(.split-hud) .scoreboard{top:14px;width:min(740px,47vw);border-radius:25px}.hud.arcade-hud:not(.split-hud) .score-row{gap:5px;padding:0 5px;border-radius:20px 8px 8px 20px}.hud.arcade-hud:not(.split-hud) .score-row.team-1{border-radius:8px 20px 20px 8px;text-align:left}.hud.arcade-hud:not(.split-hud) .score-portraits img{width:58px;height:62px;object-fit:cover;object-position:center 25%;transform:scale(1.12)}.hud.arcade-hud:not(.split-hud) .score-name{font-size:clamp(17px,1.55vw,25px)}.hud.arcade-hud:not(.split-hud) .score-name small{font-size:10px;margin-top:4px}.hud.arcade-hud:not(.split-hud) .points{min-width:67px;padding:0 5px;font-size:54px;line-height:1.06;border-radius:15px}.hud.arcade-hud:not(.split-hud) .rally-counter{width:120px;min-width:120px;padding:3px 10px;font-size:14px}.hud.arcade-hud:not(.split-hud) .venue-label{right:20px;top:16px;padding:10px 13px;font-size:19px;max-width:215px}.hud.arcade-hud:not(.split-hud) .pause-button{top:88px;padding:7px 22px;font-size:17px}.hud.arcade-hud:not(.split-hud) .controls-toggle{top:140px}.hud.arcade-hud:not(.split-hud) .serve-panel{width:min(580px,36vw);bottom:17px;padding:12px 12px 10px;border-radius:28px}.hud.arcade-hud:not(.split-hud) .serve-heading{margin:-24px 0 7px}.hud.arcade-hud:not(.split-hud) .serve-status{font-size:22px;padding:5px 15px}.hud.arcade-hud:not(.split-hud) .serve-targets{gap:5px}.hud.arcade-hud:not(.split-hud) .serve-targets button{min-height:83px;border-radius:15px;font-size:12px;gap:2px}.hud.arcade-hud:not(.split-hud) .target-number{font-size:27px}.hud.arcade-hud:not(.split-hud) .target-art{height:34px}.hud.arcade-hud:not(.split-hud) .serve-go{min-height:36px;font-size:18px;padding:3px 24px}.hud.arcade-hud:not(.split-hud) .serve-footer>span{font-size:9px}.hud.arcade-hud:not(.split-hud) .energy-panel{width:22vw;max-width:340px;bottom:17px;padding-bottom:12px}.hud.arcade-hud:not(.split-hud) .energy-title{padding:5px 12px 7px;margin-bottom:10px}.hud.arcade-hud:not(.split-hud) .energy-row{grid-template-columns:53px 1fr 27px;font-size:11px;margin-top:9px}.hud.arcade-hud:not(.split-hud) .energy-track{height:17px;border:0}.hud.arcade-hud:not(.split-hud) .control-hint{width:19vw;bottom:17px;padding:12px 10px}.hud.arcade-hud:not(.split-hud) .control-columns strong{font-size:12px}.hud.arcade-hud:not(.split-hud) .control-columns kbd{font-size:12px;padding:5px}}.hud.arcade-hud .energy-title{justify-content:flex-start;align-items:center;gap:4px}.hud.arcade-hud .energy-title:after{flex:none;margin:-13px 0 -9px}@media(min-width:1001px)and (min-height:551px){.hud.arcade-hud:not(.split-hud) .serve-status{font-size:20px;padding:3px 12px}.hud.arcade-hud:not(.split-hud) .serve-targets button{min-height:78px;font-size:11px}.hud.arcade-hud:not(.split-hud) .target-number{font-size:23px}.hud.arcade-hud:not(.split-hud) .target-art{height:28px}.hud.arcade-hud:not(.split-hud) .serve-side{display:none}.hud.arcade-hud:not(.split-hud) .serve-footer>span{position:absolute;top:8px;right:13px;width:auto;font-size:9px}.hud.arcade-hud:not(.split-hud) .serve-go{min-height:34px;font-size:17px}.hud.arcade-hud:not(.split-hud) .energy-title{font-size:29px;line-height:1}}.hud.arcade-hud :is(.serve-panel,.energy-panel,.control-hint,.venue-label,.rally-counter,.score-row,.energy-title,.serve-status){isolation:isolate}.hud.arcade-hud :is(.score-row,.energy-title,.serve-status){position:relative}.hud.arcade-hud :is(.serve-panel,.energy-panel,.control-hint,.venue-label,.rally-counter,.score-row,.energy-title,.serve-status):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:url(/hud/halftone-paper.png) repeat;background-size:150px 150px;mix-blend-mode:multiply;opacity:.28;pointer-events:none}.hud.arcade-hud :is(.score-row,.energy-title,.serve-status):before{opacity:.34;background-size:130px 130px}@font-face{font-family:Lilita One;src:url(/fonts/lilita-one.ttf) format("truetype");font-weight:400;font-display:swap}.hud.arcade-hud :is(.score-name,.points,.target-number,.serve-status,.serve-go,.energy-title,.venue-label,.pause-button,.rally-counter,.control-columns strong,.energy-row>span,.target-label){font-family:Lilita One,Fredoka,sans-serif;font-weight:400;letter-spacing:.015em}.hud.arcade-hud :is(.score-name,.serve-status,.energy-title){paint-order:stroke fill;-webkit-text-stroke:2px var(--hud-navy);text-shadow:0 2px 0 var(--hud-navy)}.hud.arcade-hud .score-name small{-webkit-text-stroke:0;text-shadow:none;letter-spacing:0}.hud.arcade-hud .points{paint-order:stroke fill;-webkit-text-stroke:2px #082551;text-shadow:0 3px 0 #082551}.hud.arcade-hud .target-number{paint-order:stroke fill;-webkit-text-stroke:3px #fff;text-shadow:0 2px 0 #a7c4d9}.hud.arcade-hud .energy-title{font-style:italic}.hud.arcade-hud .serve-status{padding-left:34px!important}.hud.arcade-hud .serve-status:after{content:"";position:absolute;width:39px;height:39px;left:-9px;top:50%;transform:translateY(-50%) rotate(-15deg);background:url(/hud/tennis-ball.png) center/contain no-repeat;pointer-events:none}.hud.arcade-hud .serving .score-name small{display:flex;align-items:center;gap:3px}.hud.arcade-hud .serving .score-name small:before{content:"";width:15px;height:15px;flex:none;background:url(/hud/tennis-ball.png) center/contain no-repeat}.hud.arcade-hud .score-vs{position:relative;isolation:isolate}.hud.arcade-hud .score-vs:before{content:"";position:absolute;z-index:-1;width:36px;height:36px;left:50%;top:-22px;transform:translate(-50%) rotate(20deg);background:url(/hud/tennis-ball.png) center/contain no-repeat;pointer-events:none}@media(max-width:700px){.hud.arcade-hud .score-name{-webkit-text-stroke:1px var(--hud-navy)}.hud.arcade-hud .score-vs:before{width:23px;height:23px;top:-14px}.hud.arcade-hud .serving .score-name small:before{width:11px;height:11px}}.hud.arcade-hud .point-celebration strong{font-family:Lilita One,Fredoka,sans-serif;font-weight:400;color:var(--hud-lime);-webkit-text-stroke:5px var(--hud-navy);paint-order:stroke fill;text-shadow:0 4px 0 #fff,0 8px 0 var(--hud-navy),0 12px 16px #102e6655;transform:rotate(-4deg)}.hud.arcade-hud .point-celebration span{font-family:Lilita One,Fredoka,sans-serif;color:#fff;background:var(--hud-blue);border:3px solid #fff;border-radius:16px;box-shadow:0 4px 0 var(--hud-navy)}.hud.arcade-hud .scoreboard .match-banner{font-family:Lilita One,Fredoka,sans-serif;font-weight:400;border:2px solid #fff;box-shadow:0 3px 0 var(--hud-navy)}@media(max-width:700px){.hud.arcade-hud .point-celebration strong{-webkit-text-stroke:3px var(--hud-navy);text-shadow:0 3px 0 #fff,0 6px 0 var(--hud-navy)}}.hud.arcade-hud .player-serve-meter{width:32px;height:174px;padding:5px;background:var(--hud-paper);border:3px solid var(--hud-blue);border-radius:19px;box-shadow:0 0 0 2px #fff,0 4px 0 var(--hud-navy)}.hud.arcade-hud .player-serve-meter .serve-meter-track{background:#c4e7f8;border:0;border-radius:10px;box-shadow:none}.hud.arcade-hud .player-serve-meter .serve-meter-fill{background:var(--hud-blue);border-radius:10px;opacity:.7}.hud.arcade-hud .player-serve-meter .serve-meter-target{left:-4px;width:calc(100% + 8px);height:var(--serve-sweet-size,5.56%);min-height:0;background:var(--hud-lime);border:1px solid var(--hud-navy);border-radius:3px;box-shadow:0 0 0 2px #fff;z-index:2}.hud.arcade-hud .player-serve-meter:not(.active) .serve-meter-target{visibility:hidden}.hud.arcade-hud .player-serve-meter .serve-meter-cursor{left:50%;width:29px;height:29px;background:url(/hud/tennis-ball.png) center/contain no-repeat;transform:translate(-50%,50%);z-index:3;border:0;box-shadow:none}.hud.arcade-hud .player-serve-meter.sweet{border-color:var(--hud-lime);box-shadow:0 0 0 2px #fff,0 0 13px #e3fb1880,0 4px 0 var(--hud-navy)}.hud.arcade-hud :is(.score-vs,.rally-counter b,.dive-status,.energy-row b){font-family:Lilita One,Fredoka,sans-serif;font-weight:400}.hud.arcade-hud .player-serve-meter .serve-meter-track{background:#ffd0a1}.hud.arcade-hud .player-serve-meter .serve-meter-fill{background:var(--serve-colour,#ff922e);opacity:.65}.hud.arcade-hud .player-serve-meter .serve-meter-target{background:#42ef78}.hud.arcade-hud .player-serve-meter .serve-meter-cursor{width:34px;height:5px;background:var(--serve-colour,#ff922e);border:2px solid white;border-radius:5px;box-shadow:0 1px #102e66}.hud.arcade-hud .player-serve-meter.sweet{border-color:#42ef78;box-shadow:0 0 0 2px #fff,0 0 13px #42ef7880,0 4px 0 var(--hud-navy)}.hud.arcade-hud .energy-row>b,.hud.arcade-hud .serve-footer>span{display:none}.hud.arcade-hud .energy-row{grid-template-columns:60px 1fr!important;gap:10px;margin-top:8px}.hud.arcade-hud .energy-panel{padding-bottom:14px}.hud.arcade-hud .serve-panel{width:auto!important;min-width:250px;padding:8px 14px!important}.hud.arcade-hud .serve-footer{justify-content:center;margin-top:8px}.hud.arcade-hud .serve-go{font-size:20px;padding:8px 18px}.hud.arcade-hud .serve-heading{margin-bottom:0}.hud.arcade-hud .control-hint{width:280px!important;padding:22px 14px 12px!important;pointer-events:auto}.hud.arcade-hud .guide-close{position:absolute;right:7px;top:3px;border:0;background:none;color:#143365;font:24px/1 sans-serif;cursor:pointer}.hud.arcade-hud .control-columns{display:flex;align-items:end;gap:12px}.hud.arcade-hud .control-columns>span{flex:1;text-align:center;border:0!important;padding:0}.hud.arcade-hud .control-columns kbd,.hud.arcade-hud .control-hint>small kbd{background:#fff;color:#143365;border:1px solid #b3cbdc;box-shadow:0 2px #8ca7bb;border-radius:5px;font:12px Nunito;padding:4px 6px}.hud.arcade-hud .wasd-keys{display:grid;grid-template-columns:repeat(3,24px);gap:3px;justify-content:center;margin-bottom:6px}.hud.arcade-hud .wasd-keys kbd{margin:0;padding:3px}.hud.arcade-hud .wasd-keys kbd:first-child{grid-column:2}.hud.arcade-hud .wasd-keys kbd:nth-child(2){grid-column:1}.hud.arcade-hud .space-key{min-width:60px;margin-bottom:16px!important}.hud.arcade-hud .mouse-key{display:block;width:26px;height:39px;border:2px solid #143365;border-radius:12px;margin:0 auto 10px;overflow:hidden;position:relative;background:#fff}.hud.arcade-hud .mouse-key i{position:absolute;left:0;top:0;width:50%;height:45%;background:#94cce8;border-right:1px solid #143365;border-bottom:1px solid #143365}.hud.arcade-hud .control-hint>small{display:flex;justify-content:space-between;gap:8px;margin-top:12px}.hud.arcade-hud .games{display:flex;gap:4px;align-items:center}.hud.arcade-hud .controls-toggle[aria-pressed=true]{display:none}.hud.arcade-hud.touch-layout .serve-panel{display:none!important}.hud.arcade-hud .touch-controls{z-index:8;pointer-events:none;overflow:visible;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.hud.arcade-hud .touch-controls.touch-controls-invisible{opacity:0}.touch-display-settings{margin:18px 0;padding:16px;border:2px solid #173d4833;border-radius:12px}.touch-display-settings h3{margin:0 0 6px;font-size:20px}.touch-display-settings p{font-size:11px!important;line-height:1.5!important;margin:10px 0 0!important}.touch-display-settings .option-toggles{grid-template-columns:1fr}.hud.arcade-hud.touch-layout{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.hud.arcade-hud.touch-layout .energy-panel{display:none}.hud.arcade-hud .touch-controls .touch-zoom{position:absolute;top:max(94px,calc(env(safe-area-inset-top) + 78px));left:max(16px,env(safe-area-inset-left));display:flex;align-items:center;gap:4px;pointer-events:auto;filter:drop-shadow(0 2px 4px #071a2b20)}.hud.arcade-hud .touch-controls .touch-zoom span{margin-right:2px;color:#ffffffb8;font:700 7px/1 Lilita One,Fredoka,sans-serif;letter-spacing:.12em;text-shadow:0 1px 3px #06162699}.hud.arcade-hud .touch-controls .touch-zoom button{width:clamp(30px,3.7vw,40px);height:clamp(30px,3.7vw,40px);padding:0;border:1px solid #ffffffa8;border-radius:50%;background:#1026392b;color:#fff;font:400 clamp(20px,2.4vw,27px)/1 Arial,sans-serif;pointer-events:auto;touch-action:manipulation;box-shadow:inset 0 0 0 1px #ffffff12}.hud.arcade-hud .touch-controls .touch-zoom button.pressed{background:#e3fb1838;color:#e3fb18;transform:scale(.94)}.hud.arcade-hud .touch-controls .touch-movement{position:absolute;left:max(18px,env(safe-area-inset-left));bottom:max(56px,calc(env(safe-area-inset-bottom) + 42px));pointer-events:none}.hud.arcade-hud .touch-controls .touch-stick,.hud.arcade-hud .touch-controls .touch-aim{box-sizing:border-box;width:clamp(108px,14vw,146px);height:clamp(108px,14vw,146px);position:relative;border:1px solid #ffffffb8;border-radius:50%;background:#10263918;box-shadow:inset 0 0 0 12px #ffffff08,0 2px 10px #071a2b24;pointer-events:auto;touch-action:none}.hud.arcade-hud .touch-controls .touch-stick:before,.hud.arcade-hud .touch-controls .touch-aim:before{content:"";position:absolute;top:20%;right:20%;bottom:20%;left:20%;border:1px dashed #ffffff3d;border-radius:50%;pointer-events:none}.hud.arcade-hud .touch-controls .touch-stick i,.hud.arcade-hud .touch-controls .touch-aim i{position:absolute;left:calc(50% - 22px);top:calc(50% - 22px);width:44px;height:44px;border-radius:50%;background:#dff6a52c;border:1px solid #ffffffa8;box-shadow:0 2px 8px #08213b25;pointer-events:none;transition:transform .05s linear}.hud.arcade-hud .touch-controls .touch-stick i:after{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border-radius:50%;border:1px solid #e3fb1880}.hud.arcade-hud .touch-controls .touch-stick-label,.hud.arcade-hud .touch-controls .touch-sprint-label,.hud.arcade-hud .touch-controls .touch-shot-label{position:absolute;z-index:2;color:#fff;letter-spacing:.12em;text-shadow:0 1px 3px #06162699;pointer-events:none;white-space:nowrap;font:700 8px/1 Lilita One,Fredoka,sans-serif}.hud.arcade-hud .touch-controls .touch-stick-label{left:50%;bottom:-17px;transform:translate(-50%)}.hud.arcade-hud .touch-controls .touch-sprint-label{left:50%;top:-16px;transform:translate(-50%);opacity:.75}.hud.arcade-hud .touch-controls .touch-shot-zone{position:absolute;right:max(18px,env(safe-area-inset-right));bottom:max(56px,calc(env(safe-area-inset-bottom) + 42px));width:clamp(150px,19vw,205px);height:clamp(142px,17vw,178px);pointer-events:none}.hud.arcade-hud .touch-controls .touch-aim{position:absolute;left:auto;right:0;bottom:0}.hud.arcade-hud .touch-controls .touch-shot-label{left:50%;bottom:-17px;transform:translate(-50%);opacity:.82;font-size:7px}.hud.arcade-hud .touch-controls .touch-special{position:absolute;right:-3px;top:-4px;width:clamp(42px,5vw,56px);height:clamp(42px,5vw,56px);padding:0;border:1px solid #ffffffb8;border-radius:50%;background:#10263922;color:#e3fb18;box-shadow:0 2px 10px #071a2b24;pointer-events:auto;touch-action:none}.hud.arcade-hud .touch-controls .touch-special>span{display:block;font:400 clamp(22px,2.5vw,30px)/1 Arial,sans-serif;text-shadow:0 1px 4px #071a2b88;pointer-events:none}.hud.arcade-hud .touch-controls .touch-special small{position:absolute;left:50%;top:calc(100% + 7px);transform:translate(-50%);color:#fff;white-space:nowrap;text-shadow:0 1px 3px #06162699;font:700 8px/1 Lilita One,Fredoka,sans-serif;pointer-events:none}.hud.arcade-hud .touch-controls .touch-dive{position:absolute;right:0;top:0;padding:4px 8px;border:1px solid #ffffff66;border-radius:12px;background:#10263922;color:#ffffffb8;font:700 8px/1 Lilita One,Fredoka,sans-serif;letter-spacing:.08em;pointer-events:auto;touch-action:none}.hud.arcade-hud .touch-controls .touch-dive.pressed{background:#e3fb1840;color:#fff;border-color:#e3fb18b8}.hud.arcade-hud .touch-controls .touch-special.pressed{background:#e3fb1824;box-shadow:0 0 0 2px #e3fb1850,0 2px 10px #071a2b24}.hud.arcade-hud .touch-controls .touch-aim.charging{box-shadow:inset 0 0 0 12px #ffffff0b,0 0 0 2px #e3fb1850,0 2px 12px #071a2b30}.hud.arcade-hud .touch-controls .touch-meter{position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:50%;background:conic-gradient(from var(--touch-meter-angle,215deg),#e3fb18 0 calc(var(--touch-meter,0) * 100%),#ffffff55 calc(var(--touch-meter,0) * 100%) calc(var(--touch-meter,0) * 100% + 7%),transparent calc(var(--touch-meter,0) * 100% + 7%) 72%,transparent 72%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 0);opacity:.9;pointer-events:none;transform:none}.hud.arcade-hud .touch-controls .touch-aim .touch-meter{--touch-meter-angle:258deg}.hud.arcade-hud .touch-controls .touch-special .touch-meter{top:3px;right:3px;bottom:3px;left:3px;--touch-meter-angle:195deg;opacity:.95}@media(max-height:550px)and (min-width:651px){.hud.arcade-hud .touch-controls .touch-movement,.hud.arcade-hud .touch-controls .touch-shot-zone{bottom:max(42px,calc(env(safe-area-inset-bottom) + 28px))}.hud.arcade-hud .touch-controls .touch-stick,.hud.arcade-hud .touch-controls .touch-aim{width:158px;height:158px}.hud.arcade-hud .touch-controls .touch-shot-zone{width:205px;height:185px}}@media(max-width:650px){.hud.arcade-hud .touch-controls .touch-movement{left:max(12px,env(safe-area-inset-left));bottom:max(48px,calc(env(safe-area-inset-bottom) + 32px))}.hud.arcade-hud .touch-controls .touch-shot-zone{right:max(12px,env(safe-area-inset-right));bottom:max(48px,calc(env(safe-area-inset-bottom) + 32px));width:205px;height:185px}.hud.arcade-hud .touch-controls .touch-stick,.hud.arcade-hud .touch-controls .touch-aim{width:158px;height:158px}.hud.arcade-hud .touch-controls .touch-stick i,.hud.arcade-hud .touch-controls .touch-aim i{width:44px;height:44px;left:calc(50% - 22px);top:calc(50% - 22px)}}.hud.arcade-hud.touch-layout .pause-button{left:max(12px,env(safe-area-inset-left));right:auto;top:max(92px,calc(env(safe-area-inset-top) + 80px));width:46px;height:46px;min-height:46px;padding:0;border-radius:50%;display:grid;place-items:center;font-size:23px;line-height:1}.hud.arcade-hud.touch-layout .pause-button span{display:none}.hud.arcade-hud.touch-layout .touch-controls .touch-zoom{left:auto;right:max(12px,env(safe-area-inset-right));top:max(96px,calc(env(safe-area-inset-top) + 82px))}.hud.arcade-hud.touch-layout .touch-controls .touch-special{width:80px;height:80px;right:150px;top:-60px;display:flex;flex-direction:column;align-items:center;justify-content:center}.hud.arcade-hud.touch-layout .touch-controls .touch-special>span{font-size:32px}.hud.arcade-hud.touch-layout .touch-controls .touch-special small{position:static;transform:none;font-size:9px;margin-top:1px}.hud.arcade-hud .touch-controls.left-handed .touch-movement{left:auto;right:max(18px,env(safe-area-inset-right))}.hud.arcade-hud .touch-controls.left-handed .touch-shot-zone{right:auto;left:max(18px,env(safe-area-inset-left))}.hud.arcade-hud .touch-controls.left-handed .touch-aim,.hud.arcade-hud .touch-controls.left-handed .touch-dive{left:0;right:auto}.binding-options .settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.binding-options .settings-grid label{display:flex;flex-direction:column;gap:6px;min-width:0}.binding-options select,.binding-options button{max-width:100%;padding:8px;min-height:40px}.binding-options details{margin:12px 0;padding:12px;border:1px solid #0097ee;border-radius:12px}.binding-options summary{cursor:pointer}.hud.arcade-hud.touch-layout .touch-controls.left-handed .touch-special{right:auto;left:150px}.hud .pause-lab-link{align-self:center;border:0;background:none;box-shadow:none;color:#55739a;font:14px Lilita One,sans-serif;padding:2px 10px;text-decoration:underline;text-underline-offset:3px}@media(max-width:650px){.hud.arcade-hud .touch-controls .touch-stick,.hud.arcade-hud .touch-controls .touch-aim{width:min(158px,calc((100vw - 60px)/2));height:min(158px,calc((100vw - 60px)/2))}}@media(min-width:600px)and (min-height:600px){.hud.arcade-hud.touch-layout:not(.split-hud) .touch-controls{--tablet-edge:clamp(56px,8vw,120px);--tablet-bottom:clamp(76px,9vh,110px);--tablet-stick:175.2px}.hud.arcade-hud.touch-layout:not(.split-hud) .touch-controls .touch-movement{left:max(var(--tablet-edge),calc(env(safe-area-inset-left) + 24px));right:auto;bottom:max(var(--tablet-bottom),calc(env(safe-area-inset-bottom) + 60px))}.hud.arcade-hud.touch-layout:not(.split-hud) .touch-controls .touch-shot-zone{right:max(var(--tablet-edge),calc(env(safe-area-inset-right) + 24px));left:auto;bottom:max(var(--tablet-bottom),calc(env(safe-area-inset-bottom) + 60px));width:var(--tablet-stick);height:var(--tablet-stick)}.hud.arcade-hud.touch-layout:not(.split-hud) .touch-controls :is(.touch-stick,.touch-aim){width:var(--tablet-stick);height:var(--tablet-stick)}.hud.arcade-hud.touch-layout:not(.split-hud) .touch-controls :is(.touch-stick,.touch-aim) i{width:52.8px;height:52.8px;left:calc(50% - 26.4px);top:calc(50% - 26.4px)}.hud.arcade-hud.touch-layout:not(.split-hud) .touch-controls :is(.touch-stick-label,.touch-sprint-label){font-size:9.6px}.hud.arcade-hud.touch-layout:not(.split-hud) .touch-controls .touch-shot-label{font-size:8.4px}.hud.arcade-hud.touch-layout:not(.split-hud) .touch-controls .touch-special{width:96px;height:96px;right:calc(100% - 36px);left:auto;top:auto;bottom:calc(100% - 24px)}.hud.arcade-hud.touch-layout:not(.split-hud) .touch-controls .touch-special>span{font-size:38.4px}.hud.arcade-hud.touch-layout:not(.split-hud) .touch-controls .touch-special small{font-size:10.8px}.hud.arcade-hud.touch-layout:not(.split-hud) .touch-controls .touch-dive{box-sizing:border-box;width:56px;min-height:44px;padding:5px 10px;border-radius:22px;right:-24px;left:auto;top:auto;bottom:calc(100% - 10px);font-size:9.6px}.hud.arcade-hud.touch-layout:not(.split-hud) .touch-controls .touch-zoom button{width:48px;height:48px;font-size:32.4px}.hud.arcade-hud.touch-layout.online-match-hud:not(.split-hud) .touch-controls .touch-zoom{top:max(96px,calc(env(safe-area-inset-top) + 82px));bottom:auto}.hud.arcade-hud.touch-layout:not(.split-hud) .pause-button{width:55.2px;height:55.2px;min-height:55.2px;font-size:27.6px}.hud.arcade-hud.touch-layout:not(.split-hud) .touch-controls.left-handed .touch-movement{left:auto;right:max(var(--tablet-edge),calc(env(safe-area-inset-right) + 24px))}.hud.arcade-hud.touch-layout:not(.split-hud) .touch-controls.left-handed .touch-shot-zone{right:auto;left:max(var(--tablet-edge),calc(env(safe-area-inset-left) + 24px))}.hud.arcade-hud.touch-layout:not(.split-hud) .touch-controls.left-handed .touch-special{right:auto;left:calc(100% - 36px)}.hud.arcade-hud.touch-layout:not(.split-hud) .touch-controls.left-handed .touch-dive{right:auto;left:-24px}}:root,:root[data-font-style]{--club-title:"Lilita One";--club-info:Nunito;--club-green:#102e66;--club-cream:#fffef8;--club-yellow:#e3fb18;--ink:#102e66;--paper:#fffef8}.screen{--muted:#50678a;--line:#b8d5e8;background:#eef7fc;color:#102e66;font-family:Nunito,sans-serif}.screen :is(h1,h2,h3,.hero-word,.char-card span),.hud .modal-card h1{font-family:Lilita One,sans-serif;font-weight:400;letter-spacing:.01em}.screen h1,.screen .home-copy h1,.hud .modal-card h1{color:#fff;paint-order:stroke fill;-webkit-text-stroke:3px #102e66;text-shadow:0 4px 0 #102e66;line-height:1.12}.screen .home-copy h1{font-size:clamp(48px,6.2vw,84px)}.screen .home-copy em{color:#e3fb18;font-style:normal}.screen .eyebrow,.hud .modal-card .eyebrow{font-family:Lilita One,sans-serif;letter-spacing:.09em;color:#087fc2}.screen :is(.btn,.utility-button,.text-button,.bind),.hud .modal-card .btn{font-family:Lilita One,sans-serif;font-weight:400;letter-spacing:.025em}.screen .btn,.hud .modal-card .btn{background:#e3fb18;color:#102e66;border:3px solid #fff;border-radius:25px;box-shadow:0 0 0 2px #7bbb32,0 5px #102e66;padding:13px 24px;text-transform:uppercase}.screen .btn:hover,.hud .modal-card .btn:hover{transform:translateY(-2px);box-shadow:0 0 0 2px #7bbb32,0 7px #102e66}.screen .btn:active,.hud .modal-card .btn:active{transform:translateY(3px);box-shadow:0 0 0 2px #7bbb32,0 2px #102e66}.screen .btn.secondary,.hud .modal-card .btn.secondary{background:#fffef8;box-shadow:0 0 0 2px #0097ee,0 5px #102e66}.screen .utility-button{background:#ffcf42;border:3px solid #fff;border-radius:20px;box-shadow:0 3px #102e66;color:#102e66}.screen .text-button{color:#102e66}.screen .header-note{color:#087fc2}.screen :is(.mode-card,.char-card,.arena-card,.weather-card,.cpu-card,.weather-venue,.guide-grid article),.hud .modal-card{background:#fffef8;border:3px solid #0097ee;border-radius:24px;box-shadow:0 0 0 2px #fff,0 5px #1683bc;color:#102e66}.screen :is(.mode-card,.char-card,.arena-card,.weather-card):hover{border-color:#102e66;box-shadow:0 0 0 2px #fff,0 6px #102e66}.screen :is(.char-card,.arena-card,.weather-card).selected{background:#e3fb18;border-color:#75b92b;box-shadow:0 0 0 2px #fff,0 5px #102e66}.screen :is(.mode-card,.cpu-card,.guide-grid article),.hud .modal-card{isolation:isolate;position:relative}.screen :is(.mode-card,.cpu-card,.guide-grid article):before,.hud .modal-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:url(/hud/halftone-paper.png) repeat;background-size:150px;opacity:.22;mix-blend-mode:multiply;pointer-events:none}.screen .mode-art{background:#d6efff;border-radius:18px;color:#0097ee}.screen .doubles-card .mode-art{background:#ffe0e7;color:#ff4f6e}.screen .card-footer{border-color:#bddbed;color:#087fc2}.screen .feature-ribbon{background:#0097ee;border:3px solid #fff;border-radius:22px;color:#fff;box-shadow:0 4px #102e66;font-family:Lilita One,sans-serif}.screen .feature-ribbon b{color:#e3fb18}.screen .hero-word{color:#0097ee;-webkit-text-stroke:2px #fff;paint-order:stroke fill;text-shadow:0 4px 0 #102e66}.screen .hero-disc{background:#bde8fb}.screen .hero-court{background:#68c6eb;border-color:#fff}.screen .hero-sticker{background:#ff4f6e;color:#fff;border:3px solid #fff;border-radius:22px;box-shadow:0 5px #102e66;font-family:Lilita One,sans-serif}.screen .hero-sticker b{font-family:Lilita One,sans-serif}.screen .hero-caption{color:#102e66}.screen .floating-ball{background:url(/hud/tennis-ball.png) center/contain no-repeat;border:0;box-shadow:none}.screen .floating-ball:before,.screen .floating-ball:after{display:none}.screen .character-preview{background:#0097ee;border:3px solid white;border-radius:28px;box-shadow:0 5px #102e66;color:#fff}.screen .character-preview .eyebrow{color:#e3fb18}.screen .preview-tag{background:#102e66;color:#e3fb18;border-radius:16px;font-family:Lilita One,sans-serif}.screen .preview-circle{background:#ffffff28}.screen .character-options>h2{color:#102e66}.screen .char-card small{color:#50678a}.screen :is(select,.bind),.hud .modal-card select{border:2px solid #9ac9e4;border-radius:12px;background:#fff;color:#102e66;font-family:Nunito,sans-serif}.screen :is(button,select,input):focus-visible,.hud .modal-card :is(button,select,input,summary):focus-visible{outline:3px solid #0097ee;outline-offset:4px}.screen .option-toggle,.hud .modal-card .option-toggle{border-color:#c6ddeb}.screen .option-toggle input:checked+i,.hud .modal-card .option-toggle input:checked+i{background:#0097ee}.screen .option-toggle input:checked+i:after,.hud .modal-card .option-toggle input:checked+i:after{background:#e3fb18}.screen .menu-footer{color:#50678a;border-color:#bfd9e8}.screen .guide-footnote{background:#d9effb;color:#102e66;border-radius:18px}.hud .match-modal{background:#102e6680;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.hud .modal-card{width:min(480px,calc(100vw - 32px));padding:30px;max-height:calc(100dvh - 32px);font-family:Nunito,sans-serif;box-shadow:0 0 0 3px #fff,0 8px #102e66,0 18px 50px #102e6655}.hud .modal-card h1{font-size:clamp(36px,5vw,60px);margin:16px 0;text-transform:uppercase}.hud .modal-card p{color:#50678a;line-height:1.5}.hud .modal-card .btn{font-size:19px;margin-top:14px;width:100%}.hud .pause-settings summary{background:#d6efff;border:2px solid #fff;border-radius:14px;color:#102e66;font-family:Lilita One,sans-serif}.hud .result-score{font-family:Lilita One,sans-serif;color:#102e66}.hud .trophy-mark{color:#ffce42}@media(max-width:650px){.screen h1,.screen .home-copy h1,.hud .modal-card h1{-webkit-text-stroke:2px #102e66;text-shadow:0 3px 0 #102e66}.hud .modal-card{padding:24px}.screen .feature-ribbon{border-radius:15px}.screen .character-preview{border-radius:20px}}.screen .wordmark .brand-logo{width:190px;height:92px;object-fit:contain}.screen .menu-header{min-height:96px}.screen .hero-court{border-color:#fff}.screen .home-tags{color:#50678a}@media(max-width:650px){.screen .wordmark .brand-logo{width:126px;height:62px}.screen .menu-header{min-height:66px}}.screen{background:radial-gradient(ellipse at 50% 30%,#d5f5ff 0,#80d5f4 60%,#38a9e4);padding:20px 4vw;min-height:100dvh}.screen .menu-header{height:72px;min-height:72px;padding:0;max-width:1400px;width:100%;margin:auto}.screen .wordmark .brand-logo{width:150px;height:76px;object-fit:contain}.home-screen .wordmark{visibility:hidden}.title-menu{position:relative;display:flex;align-items:center;flex-direction:column;max-width:1050px;margin:0 auto;min-height:calc(100dvh - 112px)}.title-logo{width:min(440px,65vw);height:240px;object-fit:contain;z-index:2}.title-roster{display:flex;justify-content:center;align-items:end;height:min(39vh,340px);margin-top:-25px;width:100%}.title-roster img{height:100%;width:28%;object-fit:contain;filter:drop-shadow(0 8px 0 #102e6625)}.title-roster img:nth-child(2){height:116%;z-index:1;margin:0 -6%}.title-roster img:first-child{transform:rotate(-9deg)}.title-roster img:last-child{transform:rotate(9deg)}.title-actions{display:flex;gap:18px;justify-content:center;width:100%;z-index:2;margin-top:-8px}.title-actions .btn{min-width:190px;font-size:26px;justify-content:center;text-align:center}.screen .selection-main{padding:12px 0 24px;max-width:1200px;width:100%;margin:auto}.screen .selection-main>h1{font-size:clamp(32px,4vw,52px);text-align:center;margin:4px 0 22px}.screen .selection-main>.eyebrow,.screen .character-options>.eyebrow,.screen .preview-tag,.screen .arena-number,.screen .card-footer,.screen .quality-note,.screen [data-difficulty-note]{display:none}.screen .mode-grid{margin:20px auto;gap:24px;max-width:1050px}.screen .mode-card{padding:20px;text-align:center;min-height:0}.screen .mode-card .mode-art{height:210px;margin-bottom:18px;display:flex;align-items:center;justify-content:center}.screen .mode-card h2{font-size:32px;margin:0}.screen .mode-card>.eyebrow{display:none}.screen .mode-art svg{width:95px;height:140px}.screen .character-main{max-width:1200px;margin:14px auto;gap:28px;min-height:0}.screen .character-preview{min-height:490px}.screen .character-preview h1{font-size:48px}.screen .character-preview>.eyebrow{font-size:14px;letter-spacing:.02em}.screen .character-options>h2{font-size:28px;margin:0 0 14px}.screen .char-grid{gap:10px}.screen .char-card{padding:7px;border-radius:15px}.screen .char-card img{height:85px}.screen .char-card span{font-size:15px}.screen .character-actions,.screen .arena-actions{margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:16px}.screen .arena-actions>span{display:none}.screen .arena-card{overflow:hidden}.screen .arena-art{height:165px}.screen .arena-copy{padding:12px}.screen .arena-copy>.eyebrow{display:none}.screen .arena-copy h2{font-size:24px;margin:0}.screen .weather-venue{display:none}.screen .weather-grid{margin:28px 0}.screen .weather-card{overflow:hidden;padding:10px}.screen .weather-art{height:180px}.screen .weather-card>span{display:none}.screen .weather-card h2{font-size:24px;margin:12px 0}.screen .lineup-toolbar{margin-bottom:18px}.screen .cpu-card{padding:18px}.screen .cpu-card h2{font-size:28px;margin:8px 0}.screen .cpu-portrait{height:200px}.screen .cpu-card label{display:flex;align-items:center;justify-content:center;gap:10px}.screen .local-setup{padding:8px 0}.screen .warmup-option{margin-top:20px}.screen .guide-grid{gap:20px}.screen .guide-grid article{text-align:center;padding:24px}.screen .guide-grid h2{font-size:26px}.screen .guide-grid p{font-size:16px;margin:12px 0}.guide-keys{display:flex;flex-direction:column;align-items:center;gap:5px;height:100px;justify-content:center}.guide-keys span{display:flex;gap:5px}.screen kbd{display:inline-block;background:#fff;border:2px solid #bdd4e3;border-radius:8px;box-shadow:0 3px #7ba5bd;padding:8px 13px;color:#102e66;font:18px Nunito}.guide-symbol{font:48px Lilita One;height:100px;display:grid;place-items:center;color:#0097ee}.screen .settings-main{max-width:940px}.screen .settings-selects{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.screen .settings-selects label{background:#fffef8;padding:15px;border-radius:16px}.screen details{margin-top:20px;padding:16px;background:#fffef8;border:2px solid #0097ee;border-radius:18px}.screen summary{font:22px Lilita One;cursor:pointer}.screen .settings-actions{margin-top:22px}.screen .settings-grid{margin-top:18px}@media(max-width:650px){.screen{padding:12px 18px}.title-logo{height:190px;width:80vw}.title-roster{height:32vh}.title-actions{flex-direction:column;width:min(300px,90%);gap:14px}.screen .mode-grid{grid-template-columns:1fr}.screen .mode-card .mode-art{height:110px}.screen .character-main{display:block}.screen .character-preview{min-height:240px;height:240px;margin-bottom:22px}.screen .character-preview img{height:220px}.screen .settings-selects,.screen .guide-grid{grid-template-columns:1fr}.screen .weather-art{height:100px}.screen .char-card img{height:65px}}.screen.home-screen{background:#258fc5 url(/branding/home-court-keyart-v7.png) center center/cover no-repeat;position:relative;isolation:isolate}.home-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(0deg,#06375c60,transparent 40%);pointer-events:none}.home-screen .title-menu{justify-content:space-between;padding:0 0 5vh;min-height:calc(100dvh - 112px)}.home-screen .title-logo{width:min(470px,49vw);height:min(36vh,290px);filter:drop-shadow(0 5px 8px #06375c50)}.home-screen .title-actions{margin-top:auto}@media(max-width:650px){.screen.home-screen{background-position:center}.home-screen .title-logo{width:85vw;height:28vh}.home-screen .title-menu{padding-bottom:4vh}}.screen:not(.home-screen){background:#a4def3 url(/branding/menu-stadium.png) center/cover fixed no-repeat}.screen .mode-card .illustrated-choice,.screen .lesson-art{background-image:url(/branding/menu-choices.png);background-size:200% 200%;background-repeat:no-repeat;background-color:#9cdff4}.screen .mode-card .art-solo,.screen .lesson-art.art-solo{background-position:0 0}.screen .mode-card .art-versus,.screen .lesson-art.art-versus{background-position:100% 0}.screen .mode-card .art-doubles,.screen .lesson-art.art-doubles{background-position:0 100%}.screen .mode-card .art-practice,.screen .lesson-art.art-practice{background-position:100% 100%}.screen .mode-card .illustrated-choice{height:auto;aspect-ratio:1;margin:0 0 14px;border-radius:16px}.screen .mode-card{padding:10px 10px 18px;transition:transform .15s ease,box-shadow .15s ease}.screen .mode-card:hover{transform:translateY(-5px)}.screen .player-count-grid{max-width:770px}.screen .mode-grid:not(.player-count-grid){max-width:1080px}.screen .cpu-portrait{background:radial-gradient(ellipse,#dbf4ff,#8ed4f3);border-radius:16px}.screen .lineup-toolbar:has(+.lineup-singles) .difficulty-picker{display:none}.screen .lineup-toolbar:has(+.lineup-singles){justify-content:center}.screen .lesson-art{height:180px;border-radius:16px;margin-bottom:16px;aspect-ratio:1}.screen .guide-grid article{padding:14px 14px 20px}.screen .guide-grid .guide-keys{height:65px;margin-bottom:10px}.screen .guide-grid p{font-size:14px}.screen .guide-grid h2{margin:10px 0}.screen .menu-header .utility-button{font-size:16px;padding:10px 16px}.screen .selection-main>.text-button,.screen .character-actions>.text-button,.screen .arena-actions>.text-button{font-size:18px;padding:10px 16px;background:#fffefa;border:2px solid white;border-radius:16px}.screen .match-note{font:12px Nunito;letter-spacing:.08em;color:#143766}@media(max-width:650px){.screen .mode-grid,.screen .player-count-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.screen .mode-card h2{font-size:21px}.screen .mode-card .illustrated-choice{height:auto}.screen .guide-grid{grid-template-columns:1fr}.screen .lesson-art{height:180px;max-width:220px;margin-inline:auto}.screen .arena-actions,.screen .character-actions{flex-wrap:wrap}.screen .arena-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.screen .arena-art{height:100px}.screen .arena-copy h2{font-size:19px}.screen .weather-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.screen .mode-card{transition:none}}.screen .lineup-grid{max-width:940px;margin-inline:auto}.screen .cpu-portrait{height:160px}.screen .local-setup{display:flex;justify-content:center}.screen .mode-grid:not(.player-count-grid){margin-block:14px}.screen .mode-grid .mode-card .illustrated-choice{max-height:310px}.screen .lesson-art{margin-inline:auto}.screen .guide-grid .guide-keys{height:96px;margin-bottom:12px}.screen .guide-grid article{padding-bottom:16px}.screen .arena-main{max-width:1150px}.screen .arena-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:14px 0}.screen .arena-art{height:145px}.screen .arena-copy{padding:9px 12px}.screen .arena-copy h2{font-size:21px}.screen .arena-customize{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 12px;background:#fffef8e8;border:2px solid #ffffff;border-radius:16px}.screen .sky-choice{display:flex;align-items:center;gap:7px;min-width:0}.screen .sky-choice-label{font:20px Lilita One,sans-serif;color:#102e66;margin-right:8px}.screen .sky-choice-option{display:flex;align-items:center;gap:7px;min-height:43px;padding:5px 10px;border:2px solid #0097ee;border-radius:14px;background:#fffef8;color:#102e66;font:14px Lilita One,sans-serif;cursor:pointer;white-space:nowrap}.screen .sky-choice-option img,.screen .sky-choice-venue{width:31px;height:31px;object-fit:cover;border-radius:9px}.screen .sky-choice-venue{display:grid;place-items:center;background:#72b8ed;color:#fff;font-size:23px}.screen .sky-choice-option.selected{background:#e3fb18;border-color:#75b92b;box-shadow:0 3px #102e66}.screen .sky-choice-option:focus-visible{outline:3px solid #102e66;outline-offset:3px}.screen .sky-choice-fixed{font:19px Lilita One,sans-serif;color:#102e66}.screen .arena-customize .warmup-option{margin:0;white-space:nowrap;font-size:15px}.screen .arena-actions{margin-top:14px}@media(max-width:900px){.screen .arena-customize{align-items:stretch;flex-direction:column}.screen .sky-choice{overflow-x:auto;padding:2px 3px 7px;scrollbar-width:thin;scrollbar-color:#0097ee transparent;scroll-snap-type:x mandatory}.screen .sky-choice-option{flex:none;scroll-snap-align:start}}@media(max-width:650px){.screen .arena-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.screen .arena-art{height:105px}.screen .arena-copy h2{font-size:18px}.screen .sky-choice-label{font-size:17px}.screen .sky-choice-option{font-size:12px;min-height:38px}.screen .sky-choice-option img,.screen .sky-choice-venue{width:26px;height:26px}.screen .arena-actions{flex-wrap:nowrap}}.screen .guide-touch-pad{display:grid;place-items:center;width:62px;height:62px;margin:10px auto 0;border:3px solid #0097ee;border-radius:50%;background:#e3fb18;color:#102e66;font:32px Lilita One,sans-serif;box-shadow:0 4px #102e66}.screen .guide-touch-pad.shot{background:#b8eafa}@media(max-width:650px){.screen .touch-guide{gap:12px}.screen .touch-guide article{display:grid;grid-template-columns:96px 1fr;align-items:center;column-gap:12px;text-align:left;padding:10px}.screen .touch-guide .lesson-art{grid-column:1;grid-row:1/4;width:96px;height:96px;margin:0}.screen .touch-guide .guide-touch-pad{grid-column:2;grid-row:1;width:36px;height:36px;margin:0;font-size:20px}.screen .touch-guide h2{grid-column:2;grid-row:2;margin:0;font-size:23px}.screen .touch-guide p{grid-column:2;margin:0;font-size:13px}}.screen .local-setup{width:max-content;max-width:100%;margin:12px auto;padding:10px 14px;background:#fffef8e8;border:2px solid white;border-radius:16px}.screen .loading-logo{width:min(360px,65vw);height:240px;object-fit:contain}.screen.loading-screen{align-items:center;justify-content:center}.hud .menu-pause-art,.hud .menu-result-art{height:140px;width:140px;margin:0 auto;border-radius:24px;border:3px solid #fff;background:url(/branding/menu-choices.png) 0 0/200% 200%;box-shadow:0 3px #0097ee}.hud .menu-result-art{background-position:0 100%}.hud .modal-card{gap:10px}.hud .modal-card h1{margin:8px 0}.hud .result-card .result-score{font-size:36px}.screen .menu-header{margin:0 auto}.screen.online-screen{background:#66c8ef url(/branding/menu-stadium.png) center/cover fixed no-repeat}.online-screen .online-main{max-width:940px;margin:0 auto;padding:8px 0 30px}.online-screen .online-main :is(button,select,input){font-family:Lilita One,sans-serif}.online-screen .online-main button{cursor:pointer}.online-screen .online-main button:disabled{opacity:.52;cursor:not-allowed;transform:none}.online-screen .online-main h1{margin:0;font-size:clamp(39px,5vw,62px);text-align:left}.online-screen .online-inline-message:empty{display:none}.online-screen .online-inline-message{margin:10px 0;padding:10px 15px;border-radius:14px;background:#f7fff1;color:#143766;font-weight:800;text-align:center}.online-screen .online-inline-message.has-error{background:#ffe3df;color:#a53d43}.online-auth-screen{display:flex;flex-direction:column;align-items:center}.online-auth-art{display:flex;align-items:center;justify-content:center;gap:12px;height:70px;width:min(100%,550px);margin:-12px auto -14px;pointer-events:none}.online-auth-player{height:82px;width:78px;overflow:hidden;border-radius:50% 50% 15% 15%;background:#8ad9fa;border:3px solid #fff;box-shadow:0 5px #143766}.online-auth-player:last-child{background:#ffdbe3}.online-auth-player img{height:100%;width:100%;object-fit:contain;object-position:bottom}.online-auth-ball{width:62px;height:62px;background:url(/hud/tennis-ball.png) center/contain no-repeat;filter:drop-shadow(0 5px 0 #143766);transform:rotate(-20deg)}.online-auth-card{position:relative;width:min(480px,100%);padding:20px 34px 16px;background:#fffefa url(/hud/halftone-paper.png) center/160px repeat;border:4px solid #078fe5;border-radius:34px;box-shadow:0 0 0 4px #fff,0 10px #17396b,0 18px 45px #0d3a6850;text-align:center}.online-auth-card h1{text-align:center!important}.online-auth-subtitle{margin:6px 0 16px;color:#315a7e;font-size:16px;font-weight:900}.online-auth-form{display:grid;gap:10px;margin:12px auto 0;max-width:none;text-align:left}.online-auth-form label{display:grid;gap:4px;color:#17396b;font:15px Lilita One,sans-serif}.online-auth-form input{width:100%;padding:12px 14px;background:#fff;border:2px solid #94cce8;border-radius:13px;color:#153567;font:16px Nunito,sans-serif}.online-auth-form [hidden]{display:none}.online-auth-form .btn{margin-top:8px;font-size:21px}.online-auth-card>.text-button{margin-top:15px;font-size:15px}.online-back{margin-top:18px;background:#fffefa;border-radius:15px;padding:9px 17px}.online-lobby-title,.online-room-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.online-account-badge,.online-pill{display:inline-flex;align-items:center;padding:8px 14px;border:3px solid white;border-radius:20px;background:#087fd0;box-shadow:0 3px #143766;color:#fff;font:16px Lilita One,sans-serif;white-space:nowrap}.online-mode-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:8px 0 18px}.online-mode-tile{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:1px;min-height:92px;background:#fffefa;border:3px solid #fff;border-radius:22px;box-shadow:0 0 0 2px #078fe5,0 5px #143766;color:#143766}.online-mode-tile.selected{background:#e3fb18;box-shadow:0 0 0 3px #82bc35,0 5px #143766}.online-mode-symbol{color:#078fe5;font-size:27px;line-height:1}.online-mode-tile.selected .online-mode-symbol{color:#ec5671}.online-mode-tile strong{font:22px Lilita One,sans-serif}.online-mode-tile small{font:12px Nunito,sans-serif;font-weight:900;color:#466b91}.online-match-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:18px 0}.online-match-tile{position:relative;display:flex;flex-direction:column;overflow:hidden;min-height:225px;padding:0;background:#fffefa;border:4px solid white;border-radius:26px;box-shadow:0 0 0 2px #078fe5,0 6px #143766;color:#143766;text-align:left}.online-match-tile.selected{box-shadow:0 0 0 4px #94ca36,0 7px #143766}.online-match-tile.selected:after{content:"✓";position:absolute;top:10px;right:12px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#e3fb18;border:2px solid #143766;color:#143766;font:24px Lilita One,sans-serif}.online-match-art{flex:1;min-height:168px;width:100%;background-image:url(/branding/menu-choices.png);background-size:200% auto;background-repeat:no-repeat;background-color:#a9dff2}.online-match-art.art-singles{background-position:100% 18%}.online-match-art.art-doubles{background-position:0 82%}.online-match-art.art-tournament{background-position:0 18%}.online-match-copy{display:flex;align-items:baseline;justify-content:space-between;gap:8px;width:100%;padding:12px 17px;background:#fffefa}.online-match-copy strong{font:27px Lilita One,sans-serif}.online-match-copy span{font:15px Nunito,sans-serif;font-weight:1000;color:#3871a4}.online-match-picker:has(.tournament-tile){grid-template-columns:1fr}.tournament-tile{max-width:520px;margin:auto;width:100%}.online-lobby-actions{display:flex;gap:15px;justify-content:center;margin:17px auto 18px}.online-lobby-actions .btn{min-width:210px;font-size:20px}.online-lobby-actions .btn:first-child{min-width:280px}.online-lobby-actions .btn span{margin-left:14px}.online-lobby-drawers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.screen.online-screen .online-drawer{margin:0;padding:0;background:#fffefa;border:2px solid #078fe5;border-radius:17px;box-shadow:0 3px #143766}.online-drawer summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 16px;font-size:17px;list-style:none}.online-drawer summary::-webkit-details-marker{display:none}.online-drawer summary span{font-size:13px;color:#007ec5}.online-drawer[open] summary{border-bottom:1px solid #c4e1f2}.online-code-form{display:flex;flex-wrap:wrap;align-items:end;gap:9px;padding:14px}.online-code-form label{flex-basis:100%;font:14px Lilita One,sans-serif}.online-code-form input{min-width:130px;flex:1;padding:11px;border:2px solid #a4cfe5;border-radius:12px;color:#143766;background:#fff}.online-code-form .btn{font-size:14px;padding:10px 14px}.online-drawer .public-room-list{max-height:270px;overflow:auto;margin:0;padding:11px}.online-empty{margin:0;padding:15px;text-align:center;color:#476885;font-weight:800}.online-drawer>[data-refresh-rooms]{margin:0 12px 12px}.online-account-row{display:flex;justify-content:space-between;margin:15px 0 0}.online-account-row .text-button{font-size:14px}.public-room-card{display:flex;align-items:center;gap:10px;padding:8px;margin-bottom:7px;background:#e5f3fb;border:0;border-radius:13px;box-shadow:none}.public-room-card img{width:65px;height:52px;object-fit:cover;border-radius:9px}.public-room-card>div{flex:1;min-width:0}.public-room-card h3{font-size:17px;margin:0}.public-room-card p{font-size:11px}.public-room-card .btn{font-size:13px;padding:8px 12px}.online-room-heading h1{font-size:clamp(34px,5vw,50px);margin:7px 0 0}.online-room-heading .text-button{flex:none;background:#fffefa;border:2px solid white;border-radius:14px;padding:10px 14px}.online-code-ticket,.online-public-ticket{display:flex;align-items:center;justify-content:center;gap:16px;min-height:64px;width:100%;margin:8px 0 18px;padding:9px 16px;border:3px dashed #fff;border-radius:18px;background:#143766e8;color:#fff;font:16px Lilita One,sans-serif;box-shadow:0 4px #0a2a4d}.online-code-ticket strong{color:#e3fb18;font-size:26px;letter-spacing:.08em}.online-code-ticket small{color:#d1edff;font-size:13px}.online-public-ticket span{color:#e3fb18;font-size:23px}.online-teams{display:grid;grid-template-columns:1fr 54px 1fr;align-items:stretch;gap:8px;margin:16px 0}.online-team-panel{min-height:155px;padding:13px;background:#fffefa url(/hud/halftone-paper.png) center/160px repeat;border:3px solid #078fe5;border-radius:22px;box-shadow:0 4px #143766}.online-team-panel.team-1{border-color:#ee5b7e}.online-team-panel h2{margin:0 0 10px;color:#143766;font:22px Lilita One,sans-serif}.online-net-mark{align-self:center;justify-self:center;display:grid;place-items:center;width:45px;height:45px;border:3px solid #fff;border-radius:50%;background:#143766;color:#fff;font:21px Lilita One,sans-serif}.online-player-card{display:flex;align-items:center;gap:9px;margin:7px 0;padding:5px 8px;background:#e4f3fb;border:2px solid #b9dcef;border-radius:13px;min-height:55px;box-shadow:none}.online-player-card.ready{border-color:#8ebf45;background:#f2ffd3}.online-player-card>img{width:40px;height:43px;object-fit:cover;object-position:center top;background:#b9e6fa;border-radius:9px}.online-player-copy{display:flex;flex-direction:column;min-width:0;flex:1}.online-player-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:17px Lilita One,sans-serif}.online-player-copy small{font:11px Lilita One,sans-serif;color:#4b79a3}.online-remove-ai{flex:none;border:0;background:transparent;color:#143766;font-size:24px}.online-empty-slot{display:flex;align-items:center;justify-content:center;gap:8px;min-height:54px;margin:7px 0;border:2px dashed #9ec6dc;border-radius:13px;color:#517fa0;font:16px Lilita One,sans-serif}.online-empty-slot span{font-size:24px}.online-empty-slot small{font-size:13px}.online-draw-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:14px;background:#fffefa;border:3px solid #078fe5;border-radius:22px;box-shadow:0 4px #143766}.online-draw-grid .online-player-card,.online-draw-grid .online-empty-slot{margin:0}.online-room-setup{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:15px}.screen.online-screen .online-beast-picker{margin:0;padding:0;background:#fffefa;border:2px solid #078fe5;border-radius:17px;box-shadow:0 3px #143766}.online-beast-picker summary{display:flex;align-items:center;gap:10px;min-height:73px;padding:7px 12px;list-style:none;font:13px Lilita One,sans-serif}.online-beast-picker summary::-webkit-details-marker{display:none}.online-beast-picker summary img{width:50px;height:55px;object-fit:cover;object-position:top;background:#caedfc;border-radius:11px}.online-beast-picker summary span{display:flex;flex-direction:column;flex:1;color:#5a83a4}.online-beast-picker summary strong{font-size:22px;color:#143766}.online-beast-picker summary b{font-size:14px;color:#007ec5}.online-beast-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;padding:10px;border-top:1px solid #b3dbef}.online-beast-choice{display:grid;gap:4px;padding:3px;border:2px solid transparent;border-radius:10px;background:#e3f4fb;color:#143766;font-size:11px}.online-beast-choice.selected{border-color:#93bc28;background:#e3fb18}.online-beast-choice img{width:100%;height:54px;object-fit:cover;object-position:top}.online-beast-choice span{overflow:hidden;text-overflow:ellipsis}.online-arena-choice{display:flex;align-items:center;gap:11px;min-height:73px;padding:7px 10px;background:#fffefa;border:2px solid #078fe5;border-radius:17px;box-shadow:0 3px #143766}.online-arena-choice img{width:86px;height:56px;object-fit:cover;border-radius:9px}.online-arena-choice label{display:grid;gap:3px;flex:1;font:13px Lilita One,sans-serif;color:#5a83a4}.online-arena-choice select,.online-arena-choice strong{min-width:0;width:100%;padding:5px 7px;background:#f3fbff;color:#143766;font:18px Lilita One,sans-serif}.online-room-actions{display:flex;justify-content:center;align-items:center;gap:10px;margin:21px 0;flex-wrap:wrap}.online-room-actions .btn{font-size:17px;padding:10px 17px}.online-room-actions .online-start-button{background:#e3fb18}.online-waiting-host{color:#143766;background:#fffefa;border-radius:14px;padding:10px 15px;font:16px Lilita One,sans-serif}@media(max-width:650px){.online-screen .online-main h1{font-size:35px}.online-lobby-title{align-items:start}.online-account-badge{font-size:11px;max-width:42vw;overflow:hidden;text-overflow:ellipsis}.online-mode-picker{gap:7px}.online-mode-tile{min-height:75px;border-radius:15px}.online-mode-tile strong{font-size:15px}.online-mode-tile small{font-size:10px}.online-mode-symbol{font-size:21px}.online-match-picker{gap:9px}.online-match-tile{min-height:145px;border-radius:17px}.online-match-art{min-height:100px}.online-match-copy{display:grid;gap:0;padding:8px}.online-match-copy strong{font-size:20px}.online-match-copy span{font-size:12px}.online-lobby-actions{flex-direction:column}.online-lobby-actions .btn,.online-lobby-actions .btn:first-child{width:100%;min-width:0}.online-lobby-drawers{grid-template-columns:1fr}.online-auth-art{height:130px}.online-auth-player{height:130px;width:110px}.online-auth-ball{width:45px;height:45px}.online-auth-card{padding:20px 16px}.online-room-heading .text-button{font-size:13px}.online-teams{grid-template-columns:1fr 28px 1fr;gap:3px}.online-team-panel{padding:7px}.online-team-panel h2{font-size:16px}.online-net-mark{width:29px;height:29px;font-size:13px}.online-player-card{gap:4px;padding:3px}.online-player-card>img{width:28px;height:34px}.online-player-copy strong{font-size:12px}.online-player-copy small{font-size:9px}.online-draw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.online-room-setup{grid-template-columns:1fr}.online-code-ticket{gap:8px}.online-code-ticket strong{font-size:16px;white-space:nowrap}}@media(max-width:370px){.online-mode-tile strong{font-size:13px}.online-mode-tile small{display:none}.online-match-copy strong{font-size:17px}.online-code-ticket{flex-wrap:wrap}}.online-match-hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;color:#123154;font-family:Arial,sans-serif}.online-network-diagnostics{position:absolute;bottom:12px;left:12px;z-index:20;max-width:calc(100vw - 24px);padding:10px;border:1px solid #78ddec;border-radius:10px;background:#092335ed;color:#f3fbff;font:11px monospace;pointer-events:auto}.online-network-diagnostics pre{margin:7px 0;white-space:pre-wrap;line-height:1.4}.online-network-diagnostics button{border:1px solid #78ddec;border-radius:5px;background:#17445c;color:#fff;padding:6px;margin:0 6px 6px 0;cursor:pointer}.online-network-diagnostics small{display:block;max-width:330px;font:10px Arial,sans-serif}@media(max-width:700px){.online-network-diagnostics{bottom:auto;top:8px;left:8px;opacity:.9;font-size:9px}.online-network-diagnostics pre{font-size:9px}.online-network-diagnostics small{display:none}}.online-match-hud [hidden]{display:none!important}.online-full-hud .online-match-toolbar{top:182px;right:20px;max-width:205px}.online-full-hud .online-match-toolbar>span{display:none}.online-full-hud .online-match-toolbar button{font:600 12px Fredoka,sans-serif}.online-full-hud .online-connection{top:190px;z-index:13}@media(max-width:700px){.online-full-hud .online-match-toolbar{top:208px;right:12px;max-width:150px}.online-full-hud .online-connection{top:220px}}.online-score{position:absolute;left:max(14px,env(safe-area-inset-left));top:max(14px,env(safe-area-inset-top));width:min(370px,48vw);padding:12px 16px;background:#fffdf3ed;border:2px solid #153a60;border-radius:16px;box-shadow:0 4px #133a6080}.online-score-title{font-weight:900;font-size:12px;display:flex;gap:16px;justify-content:space-between}.online-score-title span{font-size:8px;align-self:center;white-space:nowrap}.online-score-row{display:grid;grid-template-columns:minmax(70px,1fr) 24px 24px 40px;align-items:center;gap:6px;padding:7px 0;border-bottom:1px solid #173d4822;font-size:12px}.online-score-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.online-score-row b,.online-score-row strong{text-align:center}.online-score-row strong{background:#e4fa16;border-radius:6px;padding:5px;font-size:18px}.online-score small{display:block;font-size:10px;margin-top:6px}.online-match-toolbar{position:absolute;right:14px;top:14px;display:flex;gap:8px;align-items:center;max-width:48vw;flex-wrap:wrap;justify-content:flex-end}.online-match-toolbar>span{background:#123154de;color:#fff;padding:8px;border-radius:8px;font-size:11px}.online-match-toolbar button,.online-standings button{pointer-events:auto;border:2px solid #123154;background:#fffdf3;color:#123154;padding:8px 12px;border-radius:10px;font-weight:800}.online-match-status{position:absolute;left:50%;top:170px;transform:translate(-50%);background:#e4fa16f0;padding:9px 18px;border-radius:12px;font-weight:800;text-align:center;max-width:80vw;font-size:13px}.online-match-status:empty{display:none}.online-connection{position:absolute;top:225px;left:50%;transform:translate(-50%);padding:12px;background:#ffe0d2;color:#992d16;border-radius:10px;max-width:85vw;text-align:center}.online-controls-note{position:absolute;bottom:12px;left:50%;transform:translate(-50%);padding:8px 12px;background:#123154c9;color:#fff;border-radius:8px;font-size:10px;white-space:nowrap}.online-match-hud.touch-layout .online-controls-note{display:none}.online-match-hud.hud.arcade-hud .touch-controls .touch-zoom{top:auto;bottom:max(220px,calc(env(safe-area-inset-bottom) + 200px))}.online-result,.online-standings{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fffdf3f5;border:3px solid #153a60;border-radius:20px;box-shadow:0 8px #133a6066;padding:24px;width:min(650px,85vw);max-height:78vh;overflow-y:auto;pointer-events:auto;text-align:center;z-index:12}.online-result h2,.online-standings h2{font-size:28px}.online-result p,.online-standings p{font-size:12px;line-height:1.5;margin:12px 0}.online-standings table{border-collapse:collapse;width:100%;font-size:12px;margin:12px 0}.online-standings td,.online-standings th{padding:7px;border-bottom:1px solid #173d4822;text-align:right}.online-standings td:first-child,.online-standings th:first-child{text-align:left}@media(max-width:650px){.online-score{padding:8px;width:53vw;left:8px;top:8px}.online-score-title{font-size:9px;gap:4px}.online-score-title span{font-size:6px}.online-score-row{font-size:9px;grid-template-columns:minmax(48px,1fr) 16px 16px 27px;gap:3px}.online-score-row strong{font-size:14px;padding:4px}.online-match-toolbar{right:8px;top:8px;max-width:40vw}.online-match-toolbar>span{display:none}.online-match-toolbar button{font-size:10px;padding:7px}.online-match-status{top:144px;font-size:11px;padding:8px 12px}.online-controls-note{white-space:normal;width:80vw;text-align:center}.online-result,.online-standings{padding:15px}.online-standings table{font-size:10px}}.ball-color-settings{padding:18px;margin-bottom:22px;border:2px solid #173d4833;border-radius:14px;background:#eef3e7}.ball-color-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}.ball-color-heading h3{font-size:20px;margin:0 0 6px}.ball-color-heading p{font-size:11px!important;line-height:1.5!important;margin:0!important;max-width:36ch}.ball-color-preview{display:block;flex:none;width:36px;height:36px;margin:6px;border-radius:50%;background:var(--ball-color);border:2px solid #ffffffb3;box-shadow:0 0 11px var(--ball-color),0 0 24px var(--ball-color);position:relative;overflow:hidden}.ball-color-preview:after{content:"";position:absolute;top:1px;right:10px;bottom:1px;left:10px;border:2px solid #173d48b0;border-radius:50%;transform:rotate(-35deg)}.ball-color-choice,.ball-color-picker,.ball-color-rgb label{display:flex;flex-direction:column;gap:7px;font-size:12px;min-width:0}.ball-color-choice select,.ball-color-rgb input{width:100%;min-width:0;padding:10px;border:2px solid #173d48;border-radius:7px;background:#fffdf3;color:#173d48;font:inherit}.ball-color-custom{display:grid;grid-template-columns:84px minmax(0,1fr);gap:14px;margin-top:16px;align-items:end}.ball-color-custom[hidden]{display:none}.ball-color-picker input{width:100%;height:40px;padding:3px;border:2px solid #173d48;border-radius:7px;background:#fffdf3;cursor:pointer}.ball-color-rgb{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ball-color-rgb input{padding:9px 5px}.ball-color-custom output{grid-column:1/-1;font:12px monospace;color:#355e64}.ball-color-settings :is(input,select):focus-visible{outline:3px solid #f17d60;outline-offset:3px}@media(max-width:380px){.ball-color-custom{grid-template-columns:1fr}.ball-color-picker{flex-direction:row;align-items:center;justify-content:space-between}.ball-color-picker input{width:84px}.ball-color-settings{padding:14px}}