:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{min-width:320px;min-height:100%}body{margin:0}button,input{font:inherit}:root{--chalk:#ffffff;--navy:#0b2470;--navy2:#07184a;--accent:#d42a1e;--gold:#ffc20e;--muted:#9fb0d4;--ss:12px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%}#root{width:100%;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}body{background:radial-gradient(ellipse at 50% 0%,#12275e,#050c22 62%);color:var(--chalk);font-family:Barlow,Helvetica Neue,Arial,system-ui,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;padding-inline:16px;padding-block:12px;gap:9px;overscroll-behavior:none;-webkit-user-select:none;user-select:none}h1{font-family:Anton,Impact,sans-serif;font-size:clamp(1rem,3.2vw,1.5rem);margin:0;letter-spacing:1.5px;color:#fff;text-transform:uppercase}h1 b{color:var(--gold)}.stage{--chrome:174px;position:relative;aspect-ratio:16/9;width:min(100%,1220px,calc((100vh - var(--chrome)) * 16 / 9));width:min(100%,1220px,calc((100dvh - var(--chrome)) * 16 / 9));border-radius:18px;overflow:hidden;background:#05080f;box-shadow:0 20px 56px #000000bf,0 0 0 4px #081436,0 0 0 8px #ffffff14}canvas#gl{display:block;width:100%;height:100%;cursor:crosshair;touch-action:none}.hud{position:absolute;inset:0;pointer-events:none}.brand{position:absolute;left:2.8%;top:3.2%}.brand .mark{font-family:Anton,Impact,sans-serif;font-size:calc(var(--ss)*3.6);color:#fff;line-height:.94;letter-spacing:.5px;text-shadow:0 3px 14px rgba(0,0,0,.9)}.brand .mark b{color:var(--gold);text-shadow:0 0 22px rgba(255,194,14,.95),0 3px 14px rgba(0,0,0,.8)}.brand .mark sup{font-size:.26em;vertical-align:super;font-family:Barlow,sans-serif}.brand .tag{display:inline-block;background:#0e0e0e;color:#fff;font-style:italic;font-weight:700;font-size:calc(var(--ss)*.92);padding:.12em .7em;border-radius:.7em;margin-top:2px;letter-spacing:.2px}.brand .ribbon{display:flex;align-items:center;gap:.4em;margin-top:calc(var(--ss)*.45);background:linear-gradient(180deg,#ec4436,var(--accent));color:#fff;font-family:Anton,Impact,sans-serif;font-size:calc(var(--ss)*1.5);padding:.16em .85em;letter-spacing:1px;transform:skew(-9deg) rotate(-1.6deg);box-shadow:0 6px 16px #0009}.brand .ribbon span{display:inline-block;transform:skew(9deg) rotate(1.6deg)}.brand .ribbon i{display:block;width:calc(var(--ss)*1.5);height:calc(var(--ss)*1.5);border-radius:50%;flex:none;background:radial-gradient(circle at 34% 28%,#fff,#f4efe0 66%,#d8cfb8);transform:skew(9deg) rotate(1.6deg);box-shadow:0 2px 6px #00000080;position:relative}.brand .ribbon i:before,.brand .ribbon i:after{content:"";position:absolute;inset:16%;border-radius:50%;border:1.5px solid #c8392b;clip-path:inset(0 62% 0 0)}.brand .ribbon i:after{clip-path:inset(0 0 0 62%)}.panel{position:absolute;background:linear-gradient(180deg,#0c2056e6,#040a20f0);border:1px solid rgba(255,255,255,.16);border-radius:14px;box-shadow:0 12px 34px #0000009e,inset 0 1px #ffffff29;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.panel .label{font-size:calc(var(--ss)*.9);font-weight:700;color:#aebbdd;letter-spacing:2px;text-transform:uppercase}.stats{left:2.8%;top:23.5%;width:16.5%;padding:4.5% 1.6%;display:flex;flex-direction:column}.stats .big{font-family:Anton,Impact,sans-serif;font-size:calc(var(--ss)*3.5);color:var(--gold);line-height:1;text-shadow:0 0 26px rgba(255,194,14,.85);margin:2px 0 9px;font-variant-numeric:tabular-nums}.stats hr{border:0;border-top:1px solid rgba(255,255,255,.16);margin:2px 0 9px;width:100%}.balls{display:flex;gap:7%;margin:6px 0 10px}.balls i{display:block;width:23%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff,#ece3cb 62%,#b5a98c);box-shadow:inset 0 -2px 4px #00000040,0 2px 7px #0009;position:relative;transition:opacity .25s,filter .25s}.balls i:before,.balls i:after{content:"";position:absolute;inset:14%;border-radius:50%;border:1.5px solid #c8392b;clip-path:inset(0 60% 0 0)}.balls i:after{clip-path:inset(0 0 0 60%)}.balls i.used{opacity:.26;filter:grayscale(1)}.outs{display:flex;gap:9%;margin:6px 0 10px}.outs i{display:block;width:17%;aspect-ratio:1;border-radius:50%;background:#ffffff29;box-shadow:inset 0 1px 2px #0006;transition:background .25s,box-shadow .25s}.outs i.on{background:var(--accent);box-shadow:0 0 15px #d42a1ef2}.level{font-size:calc(var(--ss)*.88);color:#aebbdd;font-weight:700;letter-spacing:1.6px}.player-name{font-size:calc(var(--ss)*.82);color:#fff;font-weight:800;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:calc(var(--ss)*.35)}.timer{right:2.8%;top:3.2%;width:12.5%;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.timer svg{width:76%;height:auto}.timer .num{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);font-family:Anton,Impact,sans-serif;font-size:calc(var(--ss)*3.1);color:#fff;text-shadow:0 0 18px rgba(255,255,255,.7);font-variant-numeric:tabular-nums}.timer .label{position:absolute;top:9%;left:50%;transform:translate(-50%)}.timing{position:absolute;left:50%;bottom:3.5%;transform:translate(-50%);width:40%;text-align:center}.timing .instr{font-family:Anton,Impact,sans-serif;font-size:calc(var(--ss)*1.72);color:#fff;letter-spacing:.8px;text-shadow:0 2px 12px rgba(0,0,0,.95),0 0 26px rgba(0,0,0,.8);line-height:1.12}.timing .instr small{display:block;font-family:Barlow,sans-serif;font-weight:600;font-size:.52em;color:#dce4f7;letter-spacing:.3px;margin-top:4px;text-shadow:0 2px 6px rgba(0,0,0,.9)}.bar{position:relative;margin:calc(var(--ss)*.95) auto 0;height:calc(var(--ss)*2.2);border-radius:999px;background:linear-gradient(90deg,#3d1206,#c8501b 26%,var(--gold) 50%,#c8501b 74%,#3d1206);box-shadow:0 0 30px #ffb42899,0 0 0 4px #040a20f5,0 8px 24px #000000bf}.bar:after{content:"";position:absolute;inset:0;border-radius:999px;background:linear-gradient(180deg,#ffffff7a,#fff0 52%);pointer-events:none}.bar .win{position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);background:#ffffff2e;border-radius:5px}.bar .win.perfect{background:#ffffff75}.bar .center{position:absolute;top:-25%;bottom:-25%;left:50%;width:4px;transform:translate(-50%);background:#fff;box-shadow:0 0 20px var(--gold),0 0 8px #fff;border-radius:2px;z-index:2}.bar .marker{position:absolute;top:-21%;bottom:-21%;width:calc(var(--ss)*.85);left:0;transform:translate(-50%);background:#fff;border-radius:4px;box-shadow:0 0 18px #fff;z-index:3;opacity:0}.bar .marker.live{opacity:1}.bar .mark{position:absolute;top:-21%;bottom:-21%;width:calc(var(--ss)*.85);transform:translate(-50%);border-radius:4px;z-index:4;opacity:0;transition:opacity .35s}.bar .mark.show{opacity:1}.bar .fb{position:absolute;bottom:155%;left:50%;transform:translate(-50%);font-family:Anton,Impact,sans-serif;font-size:calc(var(--ss)*1.5);white-space:nowrap;text-shadow:0 2px 8px rgba(0,0,0,.95);opacity:0;transition:opacity .3s;letter-spacing:1px}.bar .fb.show{opacity:1}.labels{display:flex;justify-content:space-between;font-size:calc(var(--ss)*.88);font-weight:700;color:#ffffffd1;margin-top:7px;padding:0 4px;letter-spacing:1.6px;text-shadow:0 2px 6px rgba(0,0,0,.9)}.labels b{color:var(--gold)}.caption{position:absolute;right:2.8%;bottom:5%;display:flex;align-items:center;gap:calc(var(--ss)*.85);background:#040a208c;border-radius:12px;padding:calc(var(--ss)*.75) calc(var(--ss)*1.15);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.caption svg{width:calc(var(--ss)*2.8);height:auto;flex:none}.caption .t{font-size:calc(var(--ss)*.9);font-weight:700;color:#fff;line-height:1.28;letter-spacing:.6px;text-transform:uppercase}.caption .t u{text-decoration:none;display:block;height:3px;width:72%;background:var(--gold);margin-top:4px}.flash{position:absolute;left:50%;top:34%;transform:translate(-50%,-50%) scale(.82);font-family:Anton,Impact,sans-serif;font-size:calc(var(--ss)*5.4);color:#fff;letter-spacing:2px;text-shadow:0 8px 32px rgba(0,0,0,.92),0 0 50px currentColor;opacity:0;transition:opacity .28s,transform .28s;white-space:nowrap;text-align:center}.flash.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.flash small{display:block;font-family:Barlow,sans-serif;font-weight:700;font-size:.36em;color:#fff;letter-spacing:1px;margin-top:6px}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--ss)*.7);padding:calc(var(--ss)*1.4) calc(var(--ss)*1.6);text-align:center;overflow-y:auto;background:linear-gradient(180deg,#04091a75,#04091ae0);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.overlay[hidden]{display:none!important}.brandmark{font-family:Anton,Impact,sans-serif;font-size:calc(var(--ss)*4.2);color:#fff;letter-spacing:1px;line-height:.95;text-shadow:0 4px 18px rgba(0,0,0,.85)}.brandmark b{color:var(--gold);text-shadow:0 0 30px rgba(255,194,14,.95)}.brandmark sup{font-size:.24em;vertical-align:super;font-family:Barlow,sans-serif}.menutag{display:inline-block;background:#0e0e0e;color:#fff;font-style:italic;font-weight:700;font-size:calc(var(--ss)*1);padding:.14em .8em;border-radius:.8em}.ribbon2{background:linear-gradient(180deg,#ec4436,var(--accent));color:#fff;font-family:Anton,Impact,sans-serif;font-size:calc(var(--ss)*1.85);padding:.16em 1.2em;letter-spacing:1.5px;transform:skew(-9deg) rotate(-1.6deg);box-shadow:0 7px 20px #0000008c;margin-top:calc(var(--ss)*.3)}.ribbon2 span{display:inline-block;transform:skew(9deg) rotate(1.6deg)}.prompt{color:#fff;font-size:calc(var(--ss)*1.32);font-weight:700;margin:calc(var(--ss)*.5) 0 0}.toggle-row{display:flex;gap:calc(var(--ss)*.95);width:100%;max-width:calc(var(--ss)*40);justify-content:center}.mode-card{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:calc(var(--ss)*.95) calc(var(--ss)*.6);border-radius:12px;border:3px solid transparent;cursor:pointer;font-family:inherit;color:#fff;transition:transform .14s,box-shadow .14s}.mode-card.day{background:linear-gradient(165deg,#e8503a,#9d1a10)}.mode-card.night{background:linear-gradient(165deg,#1b3f9e,#07184a)}.mode-card:hover{transform:translateY(-2px)}.mode-card .swatch{font-size:calc(var(--ss)*2.1);line-height:1}.mode-card .m-title{font-family:Anton,Impact,sans-serif;font-size:calc(var(--ss)*1.34);letter-spacing:.8px}.mode-card .m-title b{color:var(--gold)}.mode-card .m-sub{font-size:calc(var(--ss)*.88);color:#ffffffe6;line-height:1.2}.mode-card.selected{border-color:#fff;box-shadow:0 0 28px #ffffff73}.big-btn{font-family:Anton,Impact,sans-serif;padding:calc(var(--ss)*1.05) calc(var(--ss)*4);border-radius:12px;border:none;background:linear-gradient(180deg,#ffd75e,var(--gold));color:#2b1f00;font-size:calc(var(--ss)*1.75);letter-spacing:1.5px;cursor:pointer;box-shadow:0 5px #b88a0c,0 12px 28px #0000008c,0 0 36px #ffc20e80;margin-top:calc(var(--ss)*.5)}.big-btn:active{transform:translateY(4px);box-shadow:0 1px #b88a0c}.rules-list{display:flex;flex-wrap:wrap;gap:calc(var(--ss)*.5);justify-content:center;max-width:calc(var(--ss)*64);margin-top:calc(var(--ss)*.4)}.rule-row{display:flex;align-items:center;gap:calc(var(--ss)*.5);background:#0a183ec7;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:calc(var(--ss)*.3) calc(var(--ss)*.9) calc(var(--ss)*.3) calc(var(--ss)*.35)}.rule-icon{width:calc(var(--ss)*1.5);height:calc(var(--ss)*1.5);border-radius:50%;background:var(--gold);font-size:calc(var(--ss)*.8);display:flex;align-items:center;justify-content:center;flex:none}.rule-text{font-size:calc(var(--ss)*.94);color:#fff;font-weight:600}.last-game{font-size:calc(var(--ss)*.98);color:var(--gold);font-weight:700;margin:0;min-height:1em}.loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--gold);font-family:Anton,Impact,sans-serif;background:#050c22;font-size:calc(var(--ss)*1.4);letter-spacing:3px;text-align:center;padding:8%}.loading[hidden]{display:none!important}.name-overlay{position:absolute;inset:0;z-index:12;display:flex;align-items:center;justify-content:center;padding:6%;background:linear-gradient(180deg,#04091a9e,#04091aeb);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.name-overlay[hidden]{display:none!important}.name-card{width:min(92%,430px);display:flex;flex-direction:column;align-items:center;gap:calc(var(--ss)*.65);padding:calc(var(--ss)*2) calc(var(--ss)*2.2);border-radius:18px;background:linear-gradient(180deg,#102a6cfa,#040c2afa);border:2px solid rgba(255,255,255,.22);box-shadow:0 16px 42px #000000a6,inset 0 1px #fff3;text-align:center}.name-title{font-family:Anton,Impact,sans-serif;font-size:calc(var(--ss)*2.25);letter-spacing:1px;color:#fff;text-transform:uppercase}.name-title b{color:var(--gold)}.name-sub{font-size:calc(var(--ss)*1);font-weight:600;color:#dce4f7}.name-label{align-self:stretch;text-align:left;font-size:calc(var(--ss)*.9);font-weight:800;color:#aebbdd;text-transform:uppercase;letter-spacing:1px}.name-input{width:100%;border:2px solid rgba(255,255,255,.34);border-radius:10px;padding:calc(var(--ss)*.72) calc(var(--ss)*.9);background:#02081cb8;color:#fff;outline:none;font:700 max(16px,calc(var(--ss)*1.2))/1.1 "Barlow",Arial,sans-serif;text-align:center}.name-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #ffc20e38}.name-input::placeholder{color:#dce4f794}.name-error{min-height:1.1em;color:#ffb36b;font-size:calc(var(--ss)*.9);font-weight:700}.name-actions{display:flex;align-items:center;justify-content:center;gap:calc(var(--ss)*.7);width:100%}.name-start{margin-top:calc(var(--ss)*.2);font-size:calc(var(--ss)*1.45);padding:calc(var(--ss)*.85) calc(var(--ss)*2.2)}.name-back{border:1px solid rgba(255,255,255,.22);border-radius:10px;padding:calc(var(--ss)*.82) calc(var(--ss)*1.15);background:#ffffff14;color:#dce4f7;cursor:pointer;font:700 calc(var(--ss)*.95)/1 "Barlow",Arial,sans-serif}.name-back:hover{background:#ffffff29;color:#fff}body.portrait-ui .name-card{width:min(92%,calc(var(--ss)*48));padding:calc(var(--ss)*2.2) calc(var(--ss)*2.4);gap:calc(var(--ss)*.8)}body.portrait-ui .name-title{font-size:calc(var(--ss)*2.7)}body.portrait-ui .name-sub{font-size:calc(var(--ss)*1.15)}body.portrait-ui .name-label{font-size:calc(var(--ss)*1)}body.portrait-ui .name-start{font-size:calc(var(--ss)*1.7)}body.portrait-ui .name-back{font-size:calc(var(--ss)*1.1)}.stat-line{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;font-size:.92rem;color:#fff;font-variant-numeric:tabular-nums;font-weight:600}.stat-line b{color:var(--gold)}.hint{font-size:.84rem;color:var(--muted);text-align:center;max-width:62ch;min-height:1.2em;margin:0}footer{color:var(--muted);font-size:.7rem;text-align:center}@media(max-width:760px){body{padding-inline:8px;padding-block:8px;gap:6px}h1{font-size:.95rem}.stage{--chrome:130px;border-radius:13px}.stat-line{gap:9px;font-size:.76rem}.hint{font-size:.74rem}footer{font-size:.6rem}.caption,.brand .tag{display:none}.stats{width:25%;top:27%;padding:4% 2%}.brand .ribbon{font-size:calc(var(--ss)*1.15)}.timer{width:19%}.timing{width:78%;bottom:4%}.timing .instr small,.rules-list{display:none}}@media(max-aspect-ratio:1/1){.stage{aspect-ratio:.62;width:min(100%,calc((100vh - var(--chrome)) * .62));width:min(100%,calc((100dvh - var(--chrome)) * .62))}.timing{bottom:5.5%}}@media(max-height:560px){h1,footer,.hint{display:none}.brand .ribbon{display:none}body{padding-block:5px;gap:5px;justify-content:center}.stage{--chrome:62px}.stat-line{font-size:.72rem;gap:8px}}.view-switcher{position:fixed;top:max(10px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:50;display:flex;align-items:center;gap:4px;padding:4px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#040a20db;box-shadow:0 8px 24px #00000059;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:10px;font-weight:800;letter-spacing:.6px;color:var(--muted);white-space:nowrap}.view-switcher .view-label{padding:0 5px}.view-switcher button{border:0;border-radius:999px;padding:7px 9px;background:transparent;color:#dce4f7;cursor:pointer;font-family:inherit;font-weight:800;font-size:10px;line-height:1;letter-spacing:.5px;transition:background .16s,color .16s,transform .16s}.view-switcher button:hover{transform:translateY(-1px);color:#fff}.view-switcher button[aria-pressed=true]{background:var(--gold);color:#2b1f00;box-shadow:0 2px 8px #ffc20e59}.view-switcher .sound-toggle{margin-left:2px;border-left:1px solid rgba(255,255,255,.16);border-radius:0;padding-left:11px}.view-switcher .sound-toggle[aria-pressed=true]{background:transparent;color:#9fb0d4;box-shadow:none}body.view-landscape .stage{aspect-ratio:16/9;width:min(100%,1220px,calc((100dvh - var(--chrome)) * 16 / 9))}body.view-portrait .stage{aspect-ratio:3/4;width:min(100%,900px,calc((100dvh - var(--chrome)) * 3 / 4))}body.view-portrait .stats{left:4%;top:22%;width:25%;padding:4% 2%}body.view-portrait .timer{right:4%;top:4%;width:18%}body.view-portrait .timing{width:84%;bottom:5%}body.view-portrait .caption{display:none}body.view-portrait .overlay{padding-inline:5%}body.view-portrait .rules-list{max-width:90%}body.view-portrait .brand{left:4%;top:4%}body.portrait-ui .brandmark{font-size:calc(var(--ss)*5.2)}body.portrait-ui .menutag{font-size:calc(var(--ss)*1.18)}body.portrait-ui .ribbon2{font-size:calc(var(--ss)*2.05)}body.portrait-ui .prompt{font-size:calc(var(--ss)*1.55)}body.portrait-ui .toggle-row{max-width:calc(var(--ss)*48);gap:calc(var(--ss)*.85)}body.portrait-ui .mode-card{padding:calc(var(--ss)*1.18) calc(var(--ss)*.8);gap:4px}body.portrait-ui .mode-card .swatch{font-size:calc(var(--ss)*2.45)}body.portrait-ui .mode-card .m-title{font-size:calc(var(--ss)*1.55)}body.portrait-ui .mode-card .m-sub{font-size:calc(var(--ss)*1)}body.portrait-ui .big-btn{font-size:calc(var(--ss)*2.05);padding:calc(var(--ss)*1.25) calc(var(--ss)*4.4)}body.portrait-ui .last-game{font-size:calc(var(--ss)*1.08)}body.portrait-ui .rules-list{gap:calc(var(--ss)*.62)}body.portrait-ui .rule-row{padding:calc(var(--ss)*.38) calc(var(--ss)*1) calc(var(--ss)*.38) calc(var(--ss)*.45)}body.portrait-ui .rule-icon{width:calc(var(--ss)*1.65);height:calc(var(--ss)*1.65);font-size:calc(var(--ss)*.9)}body.portrait-ui .rule-text{font-size:calc(var(--ss)*1.02)}body.portrait-ui .stat-line{font-size:1rem;gap:14px}body.portrait-ui .hint{font-size:.95rem}body.portrait-ui footer{font-size:.72rem}body.portrait-ui .view-switcher{font-size:11px}body.portrait-ui .view-switcher button{padding:9px 11px;font-size:11px}@media(max-width:600px){.view-switcher{right:8px;gap:2px;font-size:9px}.view-switcher .view-label{display:none}.view-switcher button{padding:7px 8px;font-size:9px}.view-switcher .sound-toggle{padding-left:8px}body.portrait-ui .rules-list{display:none}body.portrait-ui .toggle-row{max-width:100%;gap:5px}body.portrait-ui .mode-card{padding-inline:4px}body.portrait-ui .mode-card .m-sub{font-size:calc(var(--ss)*.78)}}body{background:radial-gradient(ellipse at 50% 10%,#1a3040,#0b141e 48%,#060b12)}h1{font-size:clamp(.85rem,2vw,1.15rem);letter-spacing:3px;color:#d9e3ec}.stage{border:1px solid #506071;border-radius:16px;box-shadow:0 24px 70px #0009,0 0 0 5px #ffffff04}.panel{background:linear-gradient(145deg,#102332ee,#08131de8);border-color:#ffffff24;border-radius:10px;box-shadow:0 8px 28px #0005,inset 0 1px #ffffff0d}.stats{padding:2.1% 1.6%;border-top:3px solid var(--gold)}.stats .big{color:#ffe098;text-shadow:none}.brand .mark b,.brandmark b{color:#ffd166;text-shadow:none}.brand .ribbon,.ribbon2{background:linear-gradient(135deg,#c7362d,#8f211f);box-shadow:0 4px 12px #0004}.timer .num{text-shadow:none}.timer svg circle{filter:none!important}.timing{padding:calc(var(--ss)*1.05) calc(var(--ss)*1.4);width:44%;border:1px solid #ffffff26;border-radius:12px;background:linear-gradient(180deg,#0b1826cc,#07111bee);box-shadow:0 8px 24px #0004}.timing .instr{font-size:calc(var(--ss)*1.22);line-height:1.25;letter-spacing:1px;text-shadow:0 2px 4px #0008}.timing .instr small{font-size:.65em;color:#b9c7d1}.bar{height:calc(var(--ss)*1.55);background:linear-gradient(90deg,#5b190d,#c43c1d 35%,#e1a83f,#c43c1d 65%,#5b190d);box-shadow:0 0 0 3px #050e18,0 3px 8px #0005}.bar:after{opacity:.35}.bar .win{background:#c6deb929;border-radius:2px}.bar .win.perfect{background:#ffd1668c}.bar .center{width:2px;background:#ffe09c;box-shadow:0 0 8px #ffc20e66}.bar .marker{width:calc(var(--ss)*.45);box-shadow:0 0 6px #fff7}.labels{font-size:calc(var(--ss)*.72);letter-spacing:1px;color:#c1ced6}.caption{background:#0b1826bb;border-radius:8px}.overlay{background:radial-gradient(ellipse at 50% 35%,#142938b8,#07111cea 78%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mode-card.day,.mode-card.night{background:linear-gradient(145deg,#263d4ce6,#0c1a27ee);border-color:#ffffff26;box-shadow:0 5px 16px #0003;transition:transform .18s,border-color .18s,background .18s}.mode-card:hover{transform:translateY(-2px);border-color:#ffd16699}.mode-card.selected{border-color:#ffd166;background:linear-gradient(145deg,#3e4233ee,#14232bee);box-shadow:0 0 0 1px #ffd16633,0 6px 20px #0004}.big-btn{background:linear-gradient(180deg,#ffdc83,#e9b84b);color:#1c261f;text-shadow:none;border:1px solid #ffe5a5;border-radius:8px;box-shadow:0 4px #956923,0 8px 22px #0004}.big-btn:hover{filter:brightness(1.07)}.big-btn:active{transform:translateY(2px);box-shadow:0 2px #956923}button:focus-visible{outline:3px solid #ffe09c;outline-offset:4px}.name-card{background:linear-gradient(145deg,#203645,#0a1723);border:1px solid #ffffff35;box-shadow:0 20px 60px #0008}.stat-line{gap:0;border:1px solid #ffffff16;border-radius:8px;background:#101e2b;font-size:.68rem;letter-spacing:1.1px;overflow:hidden}.stat-line>span{padding:8px 14px;display:flex;align-items:center;gap:6px;border-right:1px solid #ffffff12;color:#a9bbc7}.stat-line>span:last-child{border-right:0}.stat-line b{font-size:1.05rem;color:#f4e4bd}.view-switcher{background:#101d2cee;border-color:#ffffff20}.view-switcher button[aria-pressed=true]{background:#d7b56b;color:#111d28;box-shadow:none}footer{color:#8295a4}body.portrait-ui .stat-line{font-size:.6rem;gap:0}body.portrait-ui .timing{width:84%}@media(max-width:760px){.timing{width:78%}.stat-line>span{padding:6px 7px;gap:4px}.stat-line{font-size:.56rem;letter-spacing:.4px}.stat-line b{font-size:.85rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}.stage:not([data-state=playing]) .hud{opacity:0}.hud{transition:opacity .25s}.goal-label{display:flex;justify-content:space-between;font-size:calc(var(--ss)*.78);letter-spacing:1px;color:#b8c8d2}.goal-label b{color:#ffe09c;font-variant-numeric:tabular-nums}.goal-track{height:5px;margin:8px 0 12px;background:#ffffff15;border-radius:4px;overflow:hidden}.goal-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,#be954e,#ffdc83);transition:width .5s ease}.bases-mini{display:flex;gap:9px;justify-content:center;margin:4px 0 12px}.bases-mini i{width:9px;height:9px;border:1px solid #7c919e;transform:rotate(45deg);background:#ffffff0a}.bases-mini i:nth-child(2){margin-top:-6px}.bases-mini i.occupied{background:#ffdc83;border-color:#ffdc83;box-shadow:0 0 7px #ffdc8344}.pitch-tag{position:absolute;top:4%;left:50%;transform:translate(-50%);display:flex;gap:8px;align-items:center;padding:7px 12px;background:#091825cc;border:1px solid #ffffff26;border-radius:5px;font-size:calc(var(--ss)*.76);letter-spacing:1px;white-space:nowrap}.pitch-tag>i{width:5px;height:5px;background:#8dc8a3;border-radius:50%}#difficultyLabel{border-left:1px solid #ffffff30;padding-left:8px;color:#ddc18a;text-transform:uppercase}.briefing-card{width:min(94%,480px);max-height:100%;overflow-y:auto;padding:clamp(16px,2.5vw,30px);border:1px solid #d7b56b66;border-radius:18px;background:radial-gradient(ellipse at 80% 0%,#344b48,#142533 55%,#0b1724);box-shadow:0 24px 80px #000a,inset 0 1px #ffffff18;text-align:center}.briefing-kicker{color:#dbbc7b;font-size:10px;letter-spacing:2.4px;font-weight:800;margin-bottom:12px}.briefing-card h2{font-family:Anton,Impact,sans-serif;font-size:clamp(21px,2.4vw,32px);font-weight:400;line-height:1.2;letter-spacing:.6px;margin:0}.briefing-card h2 strong{color:#ffdc83;font-weight:inherit}.briefing-card p{font-size:13px;line-height:1.45;color:#bccbd3;margin:12px 0}.briefing-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin:16px 0}.briefing-meta span{font-size:10px;border:1px solid #ffffff1a;padding:5px 9px;border-radius:99px;color:#d7e2e7;background:#ffffff06}.points-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.points-grid>div{padding:12px 3px;border:1px solid #ffffff1a;border-radius:8px;background:#09152280}.points-grid span{display:block;font-size:11px;color:#bbcbd5}.points-grid strong{display:block;font-family:Anton,Impact,sans-serif;font-size:26px;font-weight:400;color:#fff;line-height:1.3;margin-top:3px}.points-grid .points-homerun{border-color:#dbbc7b66;background:#b7924322}.points-homerun strong{color:#ffdc83}.briefing-card .briefing-bonus{font-size:11px;color:#d4bd8b}.briefing-card .briefing-tip{font-size:12px;padding-top:12px;border-top:1px solid #ffffff15}.briefing-card .briefing-status{font-size:11px;min-height:2.8em;color:#a7c4b6}.briefing-card .name-start{font-size:17px;padding:12px 18px}.briefing-card .name-back{font-size:11px;padding:12px}button[hidden]{display:none!important}button:disabled{cursor:wait;opacity:.45;transform:none!important}.result-emblem{width:68px;height:68px;border:1px solid #d8b87180;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;font-size:38px;color:#ffdc83;background:#d8b87115;box-shadow:0 0 50px #d8b87118}.result-points{display:flex;flex-direction:column;margin:18px 0;color:#ffdc83}.result-points strong{font-family:Anton,Impact,sans-serif;font-size:56px;font-weight:400;line-height:1.1}.result-points span{font-size:10px;letter-spacing:3px;margin-top:5px;color:#b8c8d2}.stage[data-state=won] .result-card{border-color:#ffdc83}.stage[data-state=lost] .result-emblem{filter:grayscale(.6)}@media(max-height:620px)and (min-aspect-ratio:1/1){#briefingOverlay,#resultOverlay{padding:2%}.briefing-card{padding:14px 20px;width:min(94%,560px)}.briefing-meta{margin:8px 0}.briefing-card p{margin:7px 0}.points-grid>div{padding:5px 3px}.briefing-kicker{margin-bottom:6px}.result-emblem{display:none}.result-points{margin:8px 0}}@media(max-width:600px){.pitch-tag{top:18%;font-size:9px}.briefing-card{padding:18px 14px}.points-grid{gap:4px}.points-grid strong{font-size:22px}}body.portrait-ui .menutag{font-size:calc(var(--ss)*1.3)}body.portrait-ui .prompt{font-size:calc(var(--ss)*1.72)}body.portrait-ui .mode-card .m-title{font-size:calc(var(--ss)*1.7)}body.portrait-ui .mode-card .m-sub{font-size:calc(var(--ss)*1.16);line-height:1.28}body.portrait-ui .last-game{font-size:calc(var(--ss)*1.18)}body.portrait-ui .rule-text{font-size:calc(var(--ss)*1.16);line-height:1.28}body.portrait-ui .rule-icon{width:calc(var(--ss)*1.8);height:calc(var(--ss)*1.8);font-size:calc(var(--ss)*1)}body.portrait-ui .stat-line{font-size:calc(var(--ss)*.84);letter-spacing:.65px}body.portrait-ui .stat-line b{font-size:calc(var(--ss)*1.18)}body.portrait-ui .hint{font-size:calc(var(--ss)*1.08)}body.portrait-ui footer{font-size:calc(var(--ss)*.82)}body.portrait-ui .panel .label,body.portrait-ui .goal-label,body.portrait-ui .level,body.portrait-ui .player-name{font-size:calc(var(--ss)*1.02)}body.portrait-ui .pitch-tag{font-size:calc(var(--ss)*.96)}body.portrait-ui .timing .instr{font-size:calc(var(--ss)*1.46)}body.portrait-ui .timing .instr small{font-size:.7em}body.portrait-ui .labels{font-size:calc(var(--ss)*.88)}body.portrait-ui .briefing-kicker{font-size:calc(var(--ss)*.92)}body.portrait-ui .briefing-card p{font-size:calc(var(--ss)*1.18)}body.portrait-ui .briefing-meta span{font-size:calc(var(--ss)*.95)}body.portrait-ui .points-grid span{font-size:calc(var(--ss)*1)}body.portrait-ui .briefing-card .briefing-bonus,body.portrait-ui .briefing-card .briefing-status{font-size:calc(var(--ss)*1.02)}body.portrait-ui .briefing-card .briefing-tip{font-size:calc(var(--ss)*1.1)}@media(max-width:600px){body.portrait-ui .mode-card .m-sub{font-size:calc(var(--ss)*.98)}body.portrait-ui .rule-text{font-size:calc(var(--ss)*1.04)}body.portrait-ui .stat-line{font-size:calc(var(--ss)*.74);letter-spacing:.35px}body.portrait-ui .stat-line>span{padding-inline:5px}}.mode-card.day,.mode-card.day.selected{background:linear-gradient(155deg,#f35a43,#dc3626 48%,#a61c16);border-color:#ffffff47}.mode-card.night,.mode-card.night.selected{background:linear-gradient(155deg,#2855bd,#14398f 48%,#07184a);border-color:#ffffff47}.mode-card.day.selected,.mode-card.night.selected{border-color:#fff;box-shadow:0 0 0 1px #ffffff38,0 7px 22px #00000073}.mode-card.day:hover{border-color:#ffd0c9}.mode-card.night:hover{border-color:#b9ccff}.briefing-card{border-color:#82a5ff8c;background:radial-gradient(ellipse at 0% 0%,rgba(222,54,39,.58),transparent 52%),radial-gradient(ellipse at 100% 0%,rgba(36,83,190,.66),transparent 58%),linear-gradient(155deg,#1a3557,#102237 53%,#281a31);box-shadow:0 24px 80px #000a,inset 0 1px #ffffff2e,0 0 38px #2150b92e}.points-grid>div:nth-child(1),.points-grid>div:nth-child(3){border-color:#f462517a;background:linear-gradient(145deg,#c02f234f,#3a14204d)}.points-grid>div:nth-child(2){border-color:#5b88ff85;background:linear-gradient(145deg,#2a53be5c,#0c1d4c61)}.briefing-meta span{border-color:#87aaff52;background:#0c23526b}