*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#0a101a;color:#fff;font-family:Arial,Helvetica,sans-serif;touch-action:none}button{font:inherit;cursor:pointer;border:0;color:inherit}button:focus-visible{outline:3px solid white;outline-offset:4px}#arena{position:fixed;inset:0}canvas{display:block}#hud{position:absolute;top:22px;left:26px;right:26px;display:flex;justify-content:space-between;align-items:center;gap:12px;pointer-events:none}.brand{display:flex;gap:10px;color:#f5c34c;font-size:32px;align-items:center}.brand span{font-size:20px;font-weight:900;letter-spacing:2px}.brand small{display:block;color:#8c9bac;font-size:10px;letter-spacing:1.7px;margin-top:5px}.scoreboard{display:flex;align-items:center;background:#0b1422ed;border:1px solid #354453;box-shadow:0 8px 25px #0005;transform:skew(-5deg);padding:8px 22px;gap:18px;border-radius:8px}.scoreboard>*{transform:skew(5deg)}.team{font-size:13px;font-weight:800;letter-spacing:1px;color:#f5c34c}.bugs{color:#dd89ff}.scoreboard b{font-size:38px;font-variant-numeric:tabular-nums}.clock{text-align:center;border-inline:1px solid #344150;padding:0 20px}.clock strong{display:block;font-size:25px;font-variant-numeric:tabular-nums}.clock small{display:block;font-size:11px;color:#aab4c2;margin-top:4px}.clock em{font-style:normal;color:#f5c34c;font-weight:bold;font-size:14px}.tools{display:flex;gap:6px;pointer-events:auto}.tools button{background:#121f30cc;border:1px solid #354453;border-radius:6px;padding:10px;font-size:12px}#message{position:absolute;top:21%;left:0;right:0;text-align:center;color:#ffdc73;font-size:clamp(24px,4vw,52px);font-weight:1000;text-shadow:0 3px 0 #111,0 0 40px #f3ba5077;opacity:0;transform:scale(.7);transition:opacity .15s,transform .15s;pointer-events:none}#message.show{opacity:1;transform:scale(1)}#status{position:absolute;top:106px;left:50%;transform:translateX(-50%);text-align:center;display:flex;flex-direction:column;gap:6px;font-size:12px;letter-spacing:1.3px;font-weight:bold;pointer-events:none}#possession{background:#121f30c9;border:1px solid #334458;padding:7px 14px;border-radius:20px}#power{color:#ffd363;text-shadow:0 1px 5px #000}#actions{position:absolute;bottom:70px;right:28px;display:flex;align-items:end;gap:14px}#actions button{width:74px;height:74px;border-radius:50%;font-size:13px;font-weight:900;box-shadow:0 5px 0 #0006,0 0 0 4px #ffffff19;border:2px solid #ffffff48;transition:transform .1s;user-select:none}#actions button:active{transform:scale(.9)}#actions small{display:block;font-size:11px;opacity:.7;margin-top:6px}#actions #shoot{width:108px;height:108px;background:linear-gradient(135deg,#ffe393,#f2ac26);color:#382606;font-size:18px}#pass{background:linear-gradient(135deg,#49dbcd,#168f94)}#steal{background:linear-gradient(135deg,#f17e7b,#c23849)}footer{position:absolute;bottom:20px;left:28px;right:28px;display:flex;justify-content:space-between;color:#95a5b8;font-size:11px;letter-spacing:1px;pointer-events:none}#playername{color:#f5cf72;font-weight:900}#joystick{display:none;position:absolute;width:114px;height:114px;border-radius:50%;border:2px solid #ffffff5c;background:#ffffff12;pointer-events:none;transform:translate(-50%,-50%)}#joystick div{width:48px;height:48px;background:#f4c55499;border:2px solid #f4c554;border-radius:50%;position:absolute;top:31px;left:31px}#overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#050a14b0;backdrop-filter:blur(5px);padding:24px}.menu{max-width:930px;width:100%;display:grid;grid-template-columns:40% 60%;background:#101b2b;border:1px solid #465265;border-radius:18px;overflow:hidden;box-shadow:0 24px 100px #0009}.cover{position:relative;overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover;object-position:50% 54%;filter:brightness(.8)}.covercaption{position:absolute;bottom:30px;left:26px;right:15px;font-size:32px;font-weight:900;letter-spacing:1px;text-shadow:0 2px 10px #000}.covercaption small{display:block;font-size:11px;margin-top:8px;color:#f9d77e;letter-spacing:3px}.menucontent{padding:40px}.eyebrow{color:#f4c34b;font-size:12px;letter-spacing:2.5px;font-weight:bold}h1{font-size:clamp(28px,3.5vw,44px);line-height:1.05;letter-spacing:-1px;margin:18px 0}h1 span{color:#f6c34c}.menu p{color:#b6c0cc;line-height:1.5;font-size:16px}.features{display:flex;gap:14px;margin:24px 0;font-size:10px;font-weight:bold;color:#f4d685;flex-wrap:wrap}.menu .instructions{font-size:14px;color:#a0adbd;line-height:1.7}.instructions b{color:#e3ebf4}.start{width:100%;background:#f6c34c;color:#171711;padding:18px;border-radius:6px;font-weight:900;letter-spacing:1.5px;margin-top:15px}.tip{display:block;text-align:center;color:#8c9bac;font-size:11px;margin:14px 0 0}.loading{font-size:12px;color:#8c9bac;text-align:center;margin-top:10px}.result{max-width:520px;text-align:center;padding:36px;background:#101b2b;border:1px solid #465265;border-radius:16px}.result h1{color:#f6c34c}.result p{color:#a9b7c9;line-height:1.5}.result .finalscore{font-size:64px;font-weight:900;color:white}.result button{margin-top:20px}.hidden{display:none!important}@media(max-width:900px){.brand{display:none}#hud{top:12px;left:14px;right:14px}.scoreboard{padding:5px 12px;gap:12px}.team{font-size:11px}.scoreboard b{font-size:29px}.clock{padding:0 10px}.clock strong{font-size:22px}#status{top:78px}.keyhint{display:none}#actions{bottom:48px;right:20px;gap:12px}.menucontent{padding:24px}.covercaption{font-size:24px}}@media(max-width:550px){#hud{gap:6px}.scoreboard{gap:7px;padding:6px 9px}.team{font-size:9px;letter-spacing:0}.scoreboard b{font-size:27px}.clock{padding:0 9px}.clock strong{font-size:20px}.tools #sound{font-size:0}.tools #sound:before{content:'♪';font-size:18px}.tools button{padding:8px}#actions button{width:58px;height:58px;font-size:11px}#actions #shoot{width:80px;height:80px;font-size:15px}#actions small{display:none}footer{left:16px;right:16px;font-size:10px}.menu{display:block;max-width:440px}.cover{height:140px}.cover img{object-position:50% 49%}.covercaption{bottom:14px;font-size:23px}.covercaption small{display:none}.menucontent{padding:22px}h1{font-size:30px;margin:12px 0}.menu p{font-size:14px}.features{margin:16px 0;font-size:9px}.menu .instructions{font-size:12px}.start{padding:15px}.tip{font-size:10px}}@media(max-height:550px){.menu{max-width:800px;grid-template-columns:35% 65%}.menucontent{padding:20px}h1{font-size:28px;margin:12px 0}.menu p{font-size:13px;margin:10px 0}.features{margin:12px 0}.menu .instructions{font-size:12px}.start{padding:12px;margin-top:5px}.tip{margin-top:8px}#actions{bottom:35px}#status{top:74px}.cover{height:auto}}
.court-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 6px}.court-picker button{text-align:left;background:#19283b;border:1px solid #485a71;border-radius:8px;padding:14px 12px}.court-picker span{font-size:12px;font-weight:900;letter-spacing:.6px}.court-picker small{display:block;font-size:11px;color:#b3c7d4;margin-top:7px}.court-picker button.active{background:#174f50;border-color:#65e8d2;box-shadow:inset 0 0 0 1px #65e8d2}.tools select{max-width:145px;background:#121f30e6;color:#fff;border:1px solid #6c8294;border-radius:6px;padding:8px;font-weight:700;font-size:11px;pointer-events:auto;cursor:pointer}.menu{max-width:970px}.menucontent{padding:30px}.menu .features{margin:17px 0}.cover img{filter:brightness(.9)}body[data-arena=beach] #status #possession{background:#124851ed;border-color:#83d6d0}body[data-arena=beach] footer{color:#fff;text-shadow:0 1px 4px #063b43}body[data-arena=beach] #playername{color:#ffec97}#playername{font-size:14px}#best{font-size:12px}@media(max-width:900px){.tools select{max-width:120px;font-size:10px}.menucontent{padding:22px}}@media(max-width:550px){.tools select{position:absolute;right:0;top:60px;width:130px}.court-picker button{padding:11px 8px}.court-picker span{font-size:10px}.court-picker small{font-size:10px}.menucontent{padding:18px}.menu .instructions{margin:7px 0}.cover{height:110px}.menu h1{font-size:27px}.features{display:none}#status{left:12px;transform:none;font-size:10px;max-width:calc(100% - 160px)}#playername{font-size:12px}}@media(max-height:600px){.menucontent{padding:17px}.court-picker{margin:10px 0}.court-picker button{padding:9px}.features{display:none}.menu h1{font-size:27px}.menu .instructions{margin:8px 0}.tools select{position:static}.cover{height:auto}}

/* Keep the billboard clear and controls recognizable without text. */
#hud{top:12px;left:14px;right:14px;align-items:flex-start}.brand{display:none}.scoreboard{transform:none;padding:5px 10px;gap:9px;border-radius:6px;background:#0b1422dc;box-shadow:0 3px 12px #0004}.scoreboard>*{transform:none}.scoreboard .team{font-size:10px;letter-spacing:.5px}.scoreboard b{font-size:24px;line-height:1.1}.clock{padding:0 9px}.clock strong{font-size:18px}.clock small{font-size:9px;margin-top:1px}.clock em{font-size:11px}.tools button{padding:7px 9px}.tools select{display:none}#status{top:64px;left:14px;transform:none;text-align:left;max-width:none;font-size:12px}#actions button svg{display:block;width:42px;height:42px;margin:auto;pointer-events:none}#actions #shoot svg{width:57px;height:57px}#actions small{display:none}@media(max-width:550px){.scoreboard{gap:6px;padding:4px 7px}.scoreboard .team{font-size:9px;letter-spacing:0}.scoreboard b{font-size:22px}.clock{padding:0 7px}.clock strong{font-size:16px}#actions button svg{width:33px;height:33px}#actions #shoot svg{width:46px;height:46px}#status{top:60px;left:14px}.tools #sound:before{font-size:16px}}

/* A slim bottom score strip leaves the arena backdrop open. */
#hud{inset:12px 14px auto;justify-content:flex-end}.scoreboard{position:fixed;left:50%;bottom:12px;transform:translateX(-50%);padding:5px 12px;gap:10px;border-radius:24px;background:#071522eb}.scoreboard b{font-size:22px}.scoreboard .team{font-size:10px}.clock{display:flex;align-items:center;gap:8px;padding:0 10px}.clock strong{font-size:17px}.clock small{margin:0;font-size:9px}.clock em{font-size:12px}.keyhint,#best{display:none}footer{right:auto;bottom:20px}#status{top:auto;bottom:140px;left:14px}#charge-meter{position:fixed;bottom:66px;left:18px;width:60px;text-align:center;pointer-events:none;background:#0a1926b8;border-radius:12px;padding:3px;color:#fff}#charge-meter svg{display:block;width:54px;height:54px}.charge-track,#charge-fill{fill:none;stroke-width:4}.charge-track{stroke:#4b5b66}#charge-fill{stroke:#6de9d0;stroke-dasharray:164;stroke-dashoffset:164;transform:rotate(-90deg);transform-origin:32px 32px;transition:stroke-dashoffset .3s}.charge-ball{fill:#e79235;stroke:#ffce73;stroke-width:1.5}.charge-lines{fill:none;stroke:#663c1b;stroke-width:1.7}#charge-text{display:block;font-size:10px;font-weight:900;padding:2px}.ready #charge-fill{stroke:#ffdc6b}.ready{box-shadow:0 0 16px #ffd05a99}.charged{box-shadow:0 0 25px #ffd15aaa,0 0 0 4px #ffe297!important}#actions{bottom:66px}@media(max-width:550px){footer{left:12px;bottom:21px}#playername{font-size:10px}.scoreboard{bottom:10px;gap:6px;padding:5px 8px}.clock{padding:0 6px;gap:5px}.scoreboard b{font-size:20px}.clock strong{font-size:15px}#charge-meter{left:12px;bottom:65px;width:54px}#charge-meter svg{width:48px;height:48px}#status{bottom:131px;font-size:10px}.scoreboard{left:calc(50% + 25px)}}

#overlay{padding:0;background:#060b13f2;backdrop-filter:none}.menu.lobby{position:relative;display:block;max-width:none;width:100%;height:100%;border:0;border-radius:0;overflow:hidden;background:#081424}.team-art{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.lobby-shade{position:absolute;inset:0;background:linear-gradient(90deg,#061221f2 0%,#061221dc 22%,#06122133 57%,transparent 82%),linear-gradient(0deg,#05111b99,transparent 35%)}.lobby-copy{position:relative;height:100%;width:min(44%,520px);padding:clamp(25px,5vh,70px) clamp(24px,5vw,80px);display:flex;flex-direction:column;justify-content:center}.lobby .eyebrow{font-size:15px;letter-spacing:4px}.lobby h1{font-size:clamp(45px,6vw,90px);line-height:.93;color:#fff1cc;letter-spacing:-3px;margin:24px 0}.lobby p{color:#d1dfdd;font-size:16px}.lobby .court-picker{grid-template-columns:1fr;gap:10px;margin:18px 0 5px}.lobby .court-picker button{background:#132b36c9;border-color:#607573;padding:14px 16px;backdrop-filter:blur(8px)}.lobby .court-picker button.active{background:#175553d9;border-color:#93ffe0}.lobby .court-picker span{font-size:13px}.lobby .court-picker small{font-size:12px}.lobby .start{background:#ffce69;color:#142028;box-shadow:0 8px 25px #0005;font-size:14px}.lobby p.lobby-controls{font-size:12px;line-height:1.6;margin-top:20px}.lobby .tip,.lobby .loading{text-align:left;font-size:11px;margin-top:3px}.tools #commentary{font-size:10px}@media(max-width:650px){.team-art{height:57%;object-position:67% center}.lobby-shade{background:linear-gradient(0deg,#061221 36%,#06122133 67%,transparent)}.lobby-copy{width:100%;justify-content:flex-end;padding:20px 24px}.lobby h1{font-size:38px;margin:9px 0;letter-spacing:-1px}.lobby h1 br{display:none}.lobby .eyebrow{font-size:11px}.lobby p{font-size:13px;margin:6px 0}.lobby .court-picker{grid-template-columns:1fr 1fr;margin:12px 0 2px}.lobby .court-picker button{padding:12px 10px}.lobby .court-picker span{font-size:10px}.lobby .court-picker small{font-size:10px}.lobby .start{margin-top:10px;padding:14px}.lobby p.lobby-controls{font-size:10px;margin-top:12px}.lobby .tip{font-size:10px}}@media(max-height:600px) and (min-width:651px){.lobby-copy{padding:18px 30px;width:43%}.lobby h1{font-size:44px;margin:12px 0}.lobby .court-picker{margin:8px 0;gap:6px}.lobby .court-picker button{padding:10px}.lobby .start{padding:12px;margin-top:6px}.lobby p.lobby-controls{margin-top:10px;font-size:10px}.lobby p{font-size:13px;margin:6px 0}.lobby .tip{display:none}}

.lobby-options{display:flex;flex-direction:column;gap:10px;margin:12px 0 0}.option-label{display:block;color:#d4dfdf;font-size:10px;letter-spacing:1.4px;font-weight:800;margin-bottom:6px}.mini-picker{display:flex;gap:6px}.mini-picker button{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;padding:10px 5px;border:1px solid #53696d;border-radius:6px;background:#142835ce;font-size:10px;font-weight:800;white-space:nowrap}.mini-picker button.active{border-color:#ffdc88;background:#4b442bd9}.swatch{width:13px;height:13px;border-radius:50%;display:inline-block}.swatch.gold{background:linear-gradient(135deg,#121c26 50%,#f5c34c 50%)}.swatch.teal{background:linear-gradient(135deg,#087d80 50%,#eafaf3 50%)}.lobby h1{font-size:clamp(40px,5vw,70px);margin:14px 0}.lobby .court-picker{margin:12px 0 2px}.lobby .court-picker button{padding:11px 12px}.lobby p.lobby-controls{margin-top:12px}@media(max-width:650px){.lobby-options{flex-direction:row;gap:10px;margin-top:10px}.lobby-options>div{flex:1;min-width:0}.mini-picker button{font-size:9px;padding:9px 4px}.lobby h1{font-size:32px;margin:8px 0}.lobby .court-picker button{padding:9px}.lobby .tip{display:none}.lobby-copy{padding:14px 18px}.lobby-controls{margin-bottom:3px}}@media(max-height:600px) and (min-width:651px){.lobby-copy{width:46%;padding:10px 24px}.lobby h1{font-size:32px;margin:8px 0}.lobby .eyebrow{font-size:11px}.lobby .court-picker{grid-template-columns:1fr 1fr;gap:6px}.lobby .court-picker span{font-size:10px}.lobby .court-picker small{font-size:10px}.lobby-options{flex-direction:row;gap:8px;margin-top:8px}.lobby-options>div{flex:1}.mini-picker button{font-size:9px;padding:8px 4px}.lobby .loading{font-size:9px}}

.lobby .court-picker{grid-template-columns:1fr 1fr}.lobby .court-picker button{padding:10px 9px}.lobby .court-picker span{font-size:10px}.lobby .court-picker small{font-size:10px}.lobby h1{font-size:clamp(36px,4.5vw,60px);margin:10px 0}.lobby-copy{width:min(47%,560px)}@media(max-width:650px){.lobby-copy{width:100%}.lobby h1{font-size:29px}.lobby .court-picker{margin:7px 0}.lobby .court-picker button{padding:8px}.lobby-options{margin-top:7px}.lobby .start{padding:12px;margin-top:8px}.lobby p.lobby-controls{margin-top:8px}}@media(max-height:600px) and (min-width:651px){.lobby h1{font-size:29px}.lobby .court-picker button{padding:7px}.lobby .court-picker small{display:none}}

.lobby-copy{overflow-y:auto;justify-content:flex-start;padding-top:25px;padding-bottom:25px}.lobby h1{font-size:40px;margin:10px 0}.lobby .court-picker{margin:8px 0}.lobby .lobby-controls,.lobby .loading{display:none}.mode-picker{margin-top:10px}.community-links{display:flex;gap:10px;margin-top:9px}.community-links button{background:none;color:#a6e8d9;font-size:10px;padding:5px 0;text-decoration:underline}#lobby-error{color:#ffb39c;font-size:11px;margin:3px 0}button:disabled{opacity:.5;cursor:wait}#community{position:fixed;inset:0;background:#030b15e8;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}#community section{position:relative;width:min(620px,100%);max-height:90vh;overflow:auto;background:#102334;border:1px solid #507078;border-radius:14px;padding:26px}#community-close{position:absolute;right:12px;top:12px;background:#243c49;border-radius:50%;width:32px;height:32px}#community h2{font-size:21px;color:#ffd58a}#community p{font-size:14px;color:#c4d9df}#community label{display:block;font-size:11px;margin-top:15px;color:#b8d8d8}#community input{display:block;margin-top:7px;padding:12px;width:100%;font-size:16px;background:#081923;color:#fff;border:1px solid #5f7d83;border-radius:6px}#community small{display:block;font-size:11px;color:#9bb5bf;line-height:1.5;margin-top:10px}#community select{padding:10px;background:#183444;color:#fff;border:1px solid #78939c;border-radius:5px}#ranking{font-size:13px;margin-top:14px;overflow:auto}#ranking table{border-collapse:collapse;width:100%}#ranking th,#ranking td{text-align:left;padding:10px 6px;border-bottom:1px solid #334b5e}#ranking small{font-size:10px;margin:3px 0}#replay-banner{position:fixed;left:50%;top:15px;transform:translateX(-50%);z-index:25;background:#121727e8;padding:10px 16px;display:flex;gap:16px;align-items:center;border:1px solid #ffd07a;border-radius:5px;font-size:11px;white-space:nowrap}#replay-banner button{background:#f9ce72;color:#1b2730;padding:6px 10px;border-radius:4px;font-size:10px}#save-status{font-size:12px}.result #save-status button{padding:10px;background:#235461;border-radius:5px}.lobby .start{margin-top:8px}@media(max-width:650px){.lobby-copy{justify-content:flex-end;padding:12px 18px}.lobby h1{font-size:27px}.team-art{height:45%}.lobby-shade{background:linear-gradient(0deg,#061221 46%,#06122133 76%,transparent)}.lobby .court-picker button{padding:7px}.lobby .court-picker small{display:none}.lobby-options{margin-top:5px}.mode-picker{margin-top:7px}.mini-picker button{padding:7px 4px}.lobby .tip{display:none}#community section{padding:20px}#replay-banner{top:50px}}@media(max-height:600px){.lobby-copy{justify-content:flex-start}.lobby h1{font-size:26px}.lobby .eyebrow{font-size:10px}}

/* Final buzzer match card */
#overlay:has(.result-card){overflow-y:auto;background:radial-gradient(ellipse at 50% 30%,#21354bdd,#030914ef);padding:24px}
.result-card{--result-accent:#f6c34c;width:min(660px,100%);max-width:660px;max-height:calc(100dvh - 48px);overflow-y:auto;padding:26px 32px;background:radial-gradient(ellipse at top left,#29404980,transparent 60%),linear-gradient(145deg,#15263a,#091321);border:1px solid #68808d;border-top:4px solid var(--result-accent);border-radius:20px;box-shadow:0 25px 90px #0009;animation:result-arrive .4s ease-out}
.result-loss{--result-accent:#fa8c9c}.result-draw{--result-accent:#7ce6d7}.result-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.result-brand{font-size:12px;letter-spacing:1px;font-weight:900;color:#e1f5ee}.result-brand i{color:#59dac7;font-style:normal}.result-card .eyebrow{color:var(--result-accent);font-size:10px}.result-outcome{font-weight:1000;letter-spacing:7px;font-size:clamp(32px,6vw,58px);color:var(--result-accent);margin-top:20px;text-shadow:0 0 30px #ffffff12}.result-card h1{font-size:clamp(16px,3vw,23px);letter-spacing:0;color:#fff;margin:5px 0 10px}.result-venue{color:#92adbf;font-size:10px;letter-spacing:1.4px}.result-card .finalscore{display:grid;grid-template-columns:1fr 55px 1fr;gap:10px;margin:24px 0 0;padding:22px 10px 16px;border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20;font-size:inherit;background:linear-gradient(90deg,#eec55108,transparent,#c48aff08)}.result-team{display:flex;flex-direction:column;align-items:center;position:relative;min-width:0}.team-crest{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;transform:rotate(-6deg);background:#f5c34c;color:#152030;font-size:21px;font-weight:1000;box-shadow:3px 3px 0 #af872a}.away .team-crest{background:#ba8bef;box-shadow:3px 3px 0 #765196;font-size:17px;transform:rotate(6deg)}.result-team-name{font-size:12px;letter-spacing:1px;color:#f5d685;margin-top:13px}.away .result-team-name{color:#d5b5fc}.result-team-name small{display:block;color:#89a1b6;font-size:8px;margin-top:4px;letter-spacing:1px}.result-team strong{font-size:clamp(55px,10vw,90px);line-height:1.15;font-variant-numeric:tabular-nums;letter-spacing:-4px}.result-team em{font-style:normal;font-size:8px;letter-spacing:2px;background:var(--result-accent);color:#101b28;padding:4px 12px;border-radius:4px}.result-divider{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#708da2}.result-divider span{font-size:9px;letter-spacing:2px}.result-divider b{font-size:34px;font-weight:400}.result-divider small{font-size:7px;letter-spacing:1px}.result-margin{color:var(--result-accent);font-size:11px;font-weight:800;letter-spacing:1.4px;padding:14px 0}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.result-stats>div{padding:13px 4px;background:#ffffff05;border:1px solid #ffffff12;border-radius:8px}.result-stats strong{display:block;font-size:25px;color:#e1f6f0}.result-stats span{display:block;font-size:8px;letter-spacing:1px;color:#9bb1c3;margin-top:5px}.result-stats .new-best{border-color:#f6c34c70;background:#f6c34c12}.result-stats .new-best strong,.result-stats .new-best span{color:#f6c34c}.result-card .start{margin-top:16px;padding:14px;background:var(--result-accent)}.result-card .result-lobby{background:transparent;border:1px solid #4f687a;color:#b8cddd;font-size:10px;margin-top:9px;padding:10px}.result-card #save-status{font-size:10px;margin:10px 0 0;color:#8aa3b6;line-height:1.4}@keyframes result-arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media(max-width:450px){#overlay:has(.result-card){padding:12px}.result-card{padding:18px 15px;max-height:calc(100dvh - 24px)}.result-outcome{letter-spacing:4px;margin-top:15px}.result-card .finalscore{margin-top:18px;padding-top:17px;grid-template-columns:1fr 30px 1fr}.result-team-name{font-size:10px}.result-margin{font-size:9px}.result-stats span{font-size:7px;letter-spacing:.4px}.result-brand{font-size:10px}}@media(prefers-reduced-motion:reduce){.result-card{animation:none}}

.result-card{background:radial-gradient(ellipse at top right,#47c6b31c,transparent 50%),radial-gradient(ellipse at bottom left,#ffd16b12,transparent 60%),linear-gradient(145deg,#15263a,#091321)}.result-share{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.result-share button{margin:0;padding:12px 8px;border:1px solid #62b6ab;border-radius:7px;background:#173b40;color:#bff4e4;font-weight:800;font-size:11px;letter-spacing:.8px}.result-share span{grid-column:1/-1;font-size:10px;color:#99b6c4;line-height:1.4}
.online-entry{margin-top:10px;width:100%;padding:11px;border:1px solid #52a997;border-radius:6px;background:#153b3f;color:#b1f2dd;font-size:12px;font-weight:900;letter-spacing:1px}#online-room{position:fixed;inset:0;z-index:110;display:flex;align-items:center;justify-content:center;padding:18px;background:#030c18e8;backdrop-filter:blur(8px)}#online-room section{position:relative;width:min(700px,100%);max-height:92dvh;overflow-y:auto;background:radial-gradient(ellipse at top right,#28635060,transparent),#102030;border:1px solid #527c80;border-top:3px solid #f6c34c;border-radius:16px;padding:28px}#online-room h2{font-size:30px;margin:14px 0}#online-room p{font-size:14px;color:#b6cfd8;line-height:1.5}#online-room label{display:block;font-size:14px;color:#cce3e8;margin-top:15px}#online-room input{display:block;margin:8px 0 12px;background:#071622;border:1px solid #547d83;padding:12px;color:white;border-radius:7px;width:100%;font-size:16px}#online-room small{display:block;color:#94b5c5;font-size:12px;margin-top:12px;line-height:1.5}#online-room button{padding:12px;border-radius:6px;font-weight:800}#room-create,#room-join,#room-resume{width:100%;background:#f6c34c;color:#16202b;margin:5px 0}#room-resume{background:#23625d;color:#d0f9e7}.room-close{position:absolute;top:12px;right:12px;background:#244051;color:#c9dde4}.room-invite{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px dashed #76988e;background:#091c2b;padding:16px;flex-wrap:wrap}.room-invite span{color:#a4c3c8;font-size:12px}.room-invite strong{font-size:28px;color:#ffe094;letter-spacing:4px;font-variant-numeric:tabular-nums}.room-invite button{background:#21544e;color:#aaf2d3;font-size:12px}.room-roster{display:grid;grid-template-columns:1fr 1fr;gap:16px}.room-roster h3{font-size:14px;letter-spacing:1px;color:#ffd881}.room-roster>div+div h3{color:#d4aafa}.room-slot{display:flex;flex-direction:column;text-align:left;width:100%;min-height:93px;margin-top:8px;background:#ffffff06;border:1px solid #527285;color:white}.room-slot:disabled{opacity:1;cursor:default}.room-slot.mine{border-color:#f6c34c;background:#f6c34c12}.room-slot span{font-size:12px;color:#90b0c0}.room-slot b{font-size:15px;margin-top:5px;overflow-wrap:anywhere}.room-slot small{font-size:12px!important;margin-top:5px!important;color:#64ddbd!important}.room-leave{display:block;width:100%;background:transparent;color:#a6c0cd;border:1px solid #466778;margin-top:12px}#room-error{color:#ffb4b4!important}#online-status{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:20;background:#0c2030df;border:1px solid #4e8376;border-radius:6px;padding:8px 12px;font-size:11px;color:#b8edd9;max-width:65vw;text-align:center;pointer-events:none}@media(max-width:550px){#online-room{padding:10px}#online-room section{padding:18px}.room-roster{gap:8px}.room-invite{padding:12px}.room-invite strong{font-size:22px}.room-slot{padding:9px!important}.room-roster h3{font-size:12px}#online-status{top:60px;max-width:90vw;font-size:10px}}
#solo-menu{position:fixed;inset:0;z-index:105;display:flex;align-items:center;justify-content:center;background:#040b17d9;backdrop-filter:blur(7px);padding:20px}#solo-menu section{width:min(420px,100%);background:#112337;border:1px solid #5b7983;border-top:3px solid #f6c34c;border-radius:16px;padding:28px;text-align:center}#solo-menu h2{font-size:27px}#solo-menu p{color:#a7c0d0;font-size:14px;line-height:1.5}#solo-menu .result-lobby{background:#213e4d;color:#c2e5e7}.earned-kits{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.earned-kits button{flex:1;min-width:80px;background:#203945;border:1px solid #648976;border-radius:5px;padding:8px 5px;font-size:10px;font-weight:900}.earned-kits button small{display:block;margin-top:5px;color:#8ae4b8;font-size:9px}.earned-kits .kit-locked{border-style:dashed;border-color:#556875;color:#92a5b0;background:#172731}.earned-kits .kit-locked small{color:#829ba9}.earned-kits .active{border-color:#f6c34c;color:#f6c34c}#jersey-status{display:block;color:#93b2bc;font-size:10px;line-height:1.4;margin-top:6px;max-width:300px}#community #rank-note{font-size:12px}#rank-period{margin-right:8px}