:root{--bg: #e9ecf7;--bg-2: #dfe3f1;--panel: rgba(255,255,255,.46);--panel-2: rgba(255,255,255,.62);--glass: rgba(255,255,255,.55);--line: rgba(255,255,255,.85);--line-2: rgba(120,135,180,.22);--sh-dark: rgba(120,135,180,.38);--sh-light: rgba(255,255,255,.85);--ink: #3b4059;--ink-dim: #6a7193;--ink-faint: #9aa0bf;--accent: #2d8cff;--accent-2: #ff5d9e;--good: #14c08a;--bad: #ff4f6d;--warn: #ff9f1c;--gold: #f0a818;--c-red: #ff4f68;--c-blue: #2d8cff;--c-green: #14c07a;--c-yellow: #ffbe1a;--c-purple: #b34dff;--c-orange: #ff8a2b;--radius: 24px;--radius-s: 16px;--gap: 10px;--ease: cubic-bezier(.22,.61,.36,1);--ease-out: cubic-bezier(.16,1,.3,1);--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none}html,body{margin:0;padding:0;height:100%;width:100%;max-width:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Noto Sans JP,Segoe UI,Roboto,system-ui,sans-serif;-webkit-user-select:none;user-select:none;-webkit-text-size-adjust:100%;overscroll-behavior:none;touch-action:none}#app{height:100%;width:100%;max-width:100%;overflow:hidden}.game-root{display:flex;flex-direction:column;height:100%;width:100%;max-width:100%;overflow:hidden;touch-action:none;padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l);background:radial-gradient(115% 65% at 12% -5%,rgba(110,160,255,.22) 0%,transparent 52%),radial-gradient(115% 70% at 92% 105%,rgba(255,150,200,.2) 0%,transparent 56%),linear-gradient(170deg,#eef1fb,#e2e6f3);background-attachment:fixed}.hud{flex:0 0 auto;display:flex;align-items:center;gap:10px;width:100%;min-width:0;max-width:100%;overflow:hidden;padding:10px 14px 6px;font-variant-numeric:tabular-nums}.hud__score{display:flex;align-items:center;flex:0 0 auto}.hud__score b{font-size:30px;font-weight:900;letter-spacing:.5px;min-width:1.2em;text-align:center;color:var(--ink);line-height:1;text-shadow:0 1px 0 rgba(255,255,255,.6)}.hud__progress{display:flex;flex-direction:column;gap:1px;line-height:1.15;flex:0 0 auto;padding:3px 8px;border-radius:10px;background:var(--glass);border:1px solid var(--line)}.hud__prog{font-size:10px;font-weight:800;color:var(--ink-dim);white-space:nowrap}.hud__prog--played{opacity:.92}.hud__lives{display:flex;gap:3px;font-size:20px;line-height:1;margin-left:auto;flex:0 1 auto;min-width:0;overflow:hidden;filter:drop-shadow(0 2px 3px rgba(120,90,150,.25))}.hud__lives .heart{transition:transform .25s var(--ease),opacity .25s}.hud__lives .heart.lost{opacity:.25;transform:scale(.7);filter:grayscale(1)}.hud__combo{display:none;font-size:16px;font-weight:900;color:#fff;white-space:nowrap;background:linear-gradient(180deg,var(--warn),#ff7a3d);padding:4px 12px;border-radius:999px;box-shadow:0 3px 10px #ff783c80;text-align:center}.hud__combo.show{display:block;animation:comboShow .2s var(--ease-out)}@keyframes comboShow{0%{opacity:0;transform:translateY(-4px) scale(.9)}to{opacity:1;transform:none}}.hud__mute{flex:0 0 auto;width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:var(--glass);color:var(--ink);font-size:18px;display:grid;place-items:center;box-shadow:3px 3px 8px var(--sh-dark),-3px -3px 7px var(--sh-light)}.hud__mute:active{transform:scale(.92)}.panels{flex:1 1 auto;display:flex;flex-direction:column;gap:var(--gap);padding:6px 10px 12px;min-height:0}.panel{position:relative;flex:1 1 50%;min-height:0;background:var(--panel);backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;touch-action:none;box-shadow:0 12px 30px #5a69a033,inset 0 1px #ffffffe6;transition:flex-basis .35s var(--ease),box-shadow .15s,border-color .2s}.panels.debut-A .panel[data-panel=A],.panels.debut-B .panel[data-panel=B]{flex-basis:72%;border-color:#ff5d9e99;box-shadow:0 14px 36px #ff5d9e42,inset 0 1px #ffffffe6}.panels.debut-A .panel[data-panel=B],.panels.debut-B .panel[data-panel=A]{flex-basis:26%}.panel.flash-good{animation:flashGood .45s var(--ease-out)}.panel.flash-bad{animation:flashBad .45s var(--ease-out)}@keyframes flashGood{0%{box-shadow:inset 0 0 #16cf8d00,0 8px 22px #50288238}20%{box-shadow:inset 0 0 80px 6px #16cf8d80,0 8px 22px #50288238}to{box-shadow:inset 0 0 #16cf8d00,0 8px 22px #50288238}}@keyframes flashBad{0%{transform:translate(0);box-shadow:inset 0 0 #ff4f6d00,0 8px 22px #50288238}15%{transform:translate(-5px);box-shadow:inset 0 0 90px 6px #ff4f6d80,0 8px 22px #50288238}35%{transform:translate(5px)}60%{transform:translate(-3px)}to{transform:translate(0);box-shadow:inset 0 0 #ff4f6d00,0 8px 22px #50288238}}.resolve-fx{position:absolute;inset:0;z-index:30;pointer-events:none;display:grid;place-items:center}.resolve-fx .rfx-mark{font-size:clamp(70px,26vw,130px);font-weight:900;line-height:1;animation:rfxPop .6s var(--ease-out) forwards}.resolve-fx.win .rfx-mark{color:var(--good);text-shadow:0 0 26px rgba(22,207,141,.7)}.resolve-fx.lose .rfx-mark{color:var(--bad);text-shadow:0 0 26px rgba(255,79,109,.7)}.resolve-fx .rfx-plus{position:absolute;font-size:30px;font-weight:900;color:var(--good);text-shadow:0 2px 6px rgba(22,207,141,.5);animation:rfxPlus .7s var(--ease-out) forwards}@keyframes rfxPop{0%{opacity:0;transform:scale(.4)}40%{opacity:1;transform:scale(1.15)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes rfxPlus{0%{opacity:0;transform:translateY(20px) scale(.6)}35%{opacity:1;transform:translateY(-6px) scale(1.1)}to{opacity:0;transform:translateY(-48px) scale(1)}}.panel__paused{position:absolute;inset:0;z-index:40;display:grid;place-items:center;text-align:center;background:#3a256673;backdrop-filter:blur(2px);color:#fff;font-weight:900;font-size:15px;line-height:1.5;animation:screenIn .2s var(--ease-out)}.panel__paused span{display:block}.panel__bar{position:absolute;top:0;left:0;height:7px;width:100%;transform-origin:left center;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:0 6px 6px 0;z-index:5;pointer-events:none}.panel__bar.low{background:linear-gradient(90deg,var(--warn),var(--bad))}.panel__prompt{flex:0 0 auto;text-align:center;font-size:18px;font-weight:800;padding:14px 12px 4px;color:var(--ink);min-height:1.4em;line-height:1.25;z-index:4}.panel__prompt small{display:block;font-size:12px;font-weight:700;color:var(--ink-dim);margin-top:2px}.panel__stage{position:relative;flex:1 1 auto;min-height:0;overflow:hidden}.roulette{position:absolute;inset:0;display:grid;place-items:center;z-index:10;background:#e9ecf773;backdrop-filter:blur(5px)}.roulette__card{width:64%;max-width:240px;aspect-ratio:1.6 / 1;border-radius:var(--radius);background:linear-gradient(145deg,#ffffffeb,#ffffff9e);border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;box-shadow:9px 9px 22px var(--sh-dark),-7px -7px 18px var(--sh-light),inset 0 1px #ffffffb3}.roulette__icon{font-size:42px;line-height:1}.roulette__name{font-size:16px;font-weight:800;color:var(--ink)}.roulette__landing{animation:landPop .35s var(--ease-out)}@keyframes landPop{0%{transform:scale(.8)}60%{transform:scale(1.08)}to{transform:scale(1)}}.roulette__new,.panel__new{position:absolute;top:8px;right:10px;z-index:11;font-size:11px;font-weight:900;letter-spacing:1px;color:#fff;background:linear-gradient(180deg,var(--accent-2),#ff3d8e);padding:4px 10px;border-radius:999px;box-shadow:0 3px 10px #ff5cb08c}.g-fill{position:absolute;inset:0;display:flex;flex-direction:column}.g-center{position:absolute;inset:0;display:grid;place-items:center}.g-buttons{display:flex;gap:10px;justify-content:center;align-items:stretch;padding:10px 14px 14px}.g-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 14px 14px}.g-choices .g-btn{min-height:60px}.g-btn{flex:1 1 0;min-height:56px;border:1px solid var(--line);background:linear-gradient(145deg,#ffffffe0,#ffffff80);color:var(--ink);border-radius:var(--radius-s);font-size:20px;font-weight:800;display:grid;place-items:center;box-shadow:5px 5px 13px var(--sh-dark),-4px -4px 10px var(--sh-light),inset 0 1px #fff9;transition:transform .08s var(--ease),box-shadow .14s,border-color .14s}.g-btn:active{transform:translateY(1px) scale(.99);background:linear-gradient(145deg,#ffffffb3,#ffffff8c);box-shadow:inset 3px 3px 8px var(--sh-dark),inset -3px -3px 8px var(--sh-light)}.g-btn.tall{min-height:64px;font-size:26px}.g-btn--good{border-color:var(--good);box-shadow:5px 5px 13px var(--sh-dark),-4px -4px 10px var(--sh-light),inset 0 0 0 1px #14c08a66}.g-btn--bad{border-color:var(--bad);box-shadow:5px 5px 13px var(--sh-dark),-4px -4px 10px var(--sh-light),inset 0 0 0 1px #ff4f6d66}.g-tap{position:absolute;left:50%;bottom:14px;transform:translate(-50%);width:78%;max-width:320px;height:70px;border:1px solid var(--line);border-radius:18px;background:var(--glass);backdrop-filter:blur(8px) saturate(1.4);-webkit-backdrop-filter:blur(8px) saturate(1.4);color:var(--accent);font-size:22px;font-weight:900;letter-spacing:2px;display:grid;place-items:center;text-shadow:0 1px 0 rgba(255,255,255,.7);box-shadow:6px 6px 16px var(--sh-dark),-5px -5px 12px var(--sh-light),inset 0 1px #ffffffb3}.g-tap:active{transform:translate(-50%) translateY(1px) scale(.99);box-shadow:inset 5px 5px 12px var(--sh-dark),inset -5px -5px 11px var(--sh-light)}.g-counter{position:absolute;top:8px;left:50%;transform:translate(-50%);z-index:6;display:flex;flex-direction:column;align-items:center;line-height:1;background:#ffffffd9;border:2px solid var(--line);border-radius:16px;padding:5px 16px;box-shadow:0 4px 10px #783cb42e}.g-counter b{font-size:36px;font-weight:900;color:var(--accent-2)}.g-counter span{font-size:10px;font-weight:700;color:var(--ink-dim);letter-spacing:1px}.g-dpad{position:absolute;left:50%;bottom:10px;transform:translate(-50%);display:grid;grid-template-columns:repeat(3,54px);grid-template-rows:repeat(3,54px);gap:6px}.g-dpad .g-btn{min-height:0;font-size:22px;padding:0}.g-dpad .up{grid-area:1 / 2}.g-dpad .left{grid-area:2 / 1}.g-dpad .right{grid-area:2 / 3}.g-dpad .down{grid-area:3 / 2}.g-swipe-hint{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:12px;color:var(--ink-faint);pointer-events:none}.g-big{font-size:clamp(32px,13vw,72px);font-weight:900;line-height:1;text-align:center}.g-lvl{position:absolute;top:8px;left:10px;z-index:4;font-size:10px;font-weight:800;color:var(--ink-faint);letter-spacing:.5px}.fx-particle{position:absolute;width:9px;height:9px;border-radius:50%;pointer-events:none;z-index:20}.snack-pips{position:absolute;top:6px;left:0;right:0;z-index:4;display:flex;justify-content:center;gap:4px;pointer-events:none}.snack-pip{font-size:18px;line-height:1;transition:opacity .2s,transform .2s,filter .2s;filter:drop-shadow(0 1px 2px rgba(80,40,130,.3))}.snack-pip.done{opacity:.25;transform:scale(.7);filter:grayscale(1)}.g-bgnum{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(120px,46vw,240px);font-weight:900;line-height:1;color:#4650781a;z-index:0;pointer-events:none;user-select:none}.g-mover{border:none;border-radius:50%;padding:0;min-height:0;background:radial-gradient(circle at 35% 30%,#fff,#ffe1ec);box-shadow:0 4px 10px #5028824d;display:grid;place-items:center;z-index:3}.g-mover.bomb{background:radial-gradient(circle at 35% 30%,#6b6b7a,#2b2b38)}.g-mover:active{transform:translate(-50%,-50%) scale(.9)}.watch-dial{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);width:min(58%,188px);aspect-ratio:1 / 1;border-radius:50%;border:5px solid rgba(255,255,255,.7);box-shadow:7px 7px 18px var(--sh-dark),-6px -6px 14px var(--sh-light),inset 0 0 0 2px #7887b42e}.watch-hand{position:absolute;left:calc(50% - 3px);bottom:50%;width:6px;height:42%;background:var(--accent-2);border-radius:3px;transform-origin:50% 100%;box-shadow:0 0 6px #ff5cb099}.watch-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;background:var(--accent);z-index:2;box-shadow:0 0 0 3px #fff3}.cup{position:absolute;width:66px;height:76px;transform:translate(-50%,-50%);background:linear-gradient(180deg,#ffb15a,#ff8a2b 60%,#f3760f);clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);filter:drop-shadow(0 6px 8px rgba(80,40,130,.3));touch-action:none;z-index:2}.cup:after{content:"";position:absolute;left:22%;right:22%;top:7px;height:7px;border-radius:6px;background:#ffffff8c}.cup-ball{position:absolute;width:28px;height:28px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 34% 28%,#ff8f8f,#e23b3b);box-shadow:0 3px 7px #0000004d;z-index:0}.swipe-card{position:absolute;left:50%;top:calc(50% - 26px);transform:translate(-50%,-50%);width:60%;max-width:220px;min-height:28%;padding:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:linear-gradient(145deg,#ffffffeb,#fff9);border:1px solid var(--line);border-radius:20px;box-shadow:9px 9px 24px var(--sh-dark),-7px -7px 18px var(--sh-light),inset 0 1px #ffffffb3;will-change:transform;touch-action:none}.swipe-card__text{font-size:clamp(17px,5.2vw,25px);font-weight:800;text-align:center;line-height:1.35;color:var(--ink)}.swipe-card__emoji{font-size:clamp(42px,14vw,68px);line-height:1}.swipe-card__word{font-size:23px;font-weight:800;letter-spacing:1px;color:var(--ink)}.swipe-stamp{position:absolute;top:12px;font-size:22px;font-weight:900;letter-spacing:1px;padding:4px 12px;border-radius:10px;opacity:0;pointer-events:none}.swipe-stamp.l{left:10px;color:var(--bad);border:3px solid var(--bad);transform:rotate(-14deg)}.swipe-stamp.r{right:10px;color:var(--good);border:3px solid var(--good);transform:rotate(14deg)}.swipe-card__hint{font-size:12px;font-weight:800;color:var(--ink-faint);margin-top:6px}.swipe-result{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(70px,26vw,130px);font-weight:900;line-height:1;pointer-events:none;animation:resultPop .3s var(--ease-out)}.swipe-result.ok{color:var(--good);text-shadow:0 0 24px rgba(22,207,141,.6)}.swipe-result.ng{color:var(--bad);text-shadow:0 0 24px rgba(255,79,109,.6)}@keyframes resultPop{0%{transform:scale(.4);opacity:0}55%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}.game-intro{position:absolute;inset:0;z-index:12;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:18px;background:linear-gradient(180deg,#f5f7fdeb,#e8ecf7eb);backdrop-filter:blur(8px) saturate(1.4);-webkit-backdrop-filter:blur(8px) saturate(1.4);animation:introIn .3s var(--ease-out)}@keyframes introIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}.game-intro__badge{font-size:12px;font-weight:900;letter-spacing:1px;color:#fff;background:linear-gradient(180deg,var(--accent-2),#ff3d8e);padding:4px 14px;border-radius:999px;box-shadow:0 3px 10px #ff5cb080}.game-intro__icon{font-size:64px;line-height:1;margin-top:4px;animation:introBob 1s ease-in-out infinite alternate}@keyframes introBob{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.game-intro__name{font-size:26px;font-weight:900;color:var(--ink)}.game-intro__desc{font-size:16px;font-weight:700;color:var(--ink-dim);max-width:88%;line-height:1.5}.game-intro__go{margin-top:8px;font-size:14px;font-weight:800;color:var(--accent-2);animation:blinkGo 1s ease-in-out infinite}@keyframes blinkGo{0%,to{opacity:1}50%{opacity:.4}}.hud-toast{position:fixed;left:50%;top:38%;transform:translate(-50%,-50%);z-index:60;pointer-events:none;font-size:clamp(26px,8vw,40px);font-weight:900;color:#fff;padding:14px 28px;border-radius:18px;white-space:nowrap;background:linear-gradient(180deg,var(--warn),var(--accent-2));box-shadow:0 10px 30px #ff5fb080,0 0 0 4px #ffffff40;text-shadow:0 2px 6px rgba(120,40,90,.4);animation:toastPop 1.5s var(--ease-out) forwards}.unlock-toast{position:fixed;left:50%;top:calc(var(--safe-t) + 52px);transform:translate(-50%);z-index:65;pointer-events:none;display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:15px;font-weight:900;color:#fff;background:var(--accent);padding:8px 16px;border-radius:999px;box-shadow:0 8px 20px #2d8cff73,inset 0 1px #fff6;animation:unlockToast 1.9s var(--ease-out) forwards}.unlock-toast .ut-key{font-size:14px}.unlock-toast .ut-ic{font-size:18px}.unlock-toast b{font-weight:900}@keyframes unlockToast{0%{opacity:0;transform:translate(-50%,-14px) scale(.8)}12%{opacity:1;transform:translate(-50%) scale(1.05)}22%{transform:translate(-50%) scale(1)}82%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-8px) scale(1)}}@keyframes toastPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}14%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}26%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-62%) scale(1)}}.screen{position:absolute;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;padding:32px;background:radial-gradient(115% 60% at 15% -5%,rgba(110,160,255,.28) 0%,transparent 52%),radial-gradient(115% 65% at 90% 106%,rgba(255,150,200,.24) 0%,transparent 56%),linear-gradient(170deg,#eef1fb,#e2e6f3);animation:screenIn .35s var(--ease-out)}@keyframes screenIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.screen__title{font-weight:900;letter-spacing:-1px;line-height:.88;display:flex;flex-direction:column;align-items:center}.screen__title .t1{font-size:72px;color:var(--ink);-webkit-text-fill-color:var(--ink);text-shadow:0 1px 0 rgba(255,255,255,.95),0 2px 0 rgba(255,255,255,.5),0 7px 16px rgba(90,105,160,.35)}.screen__title .t2{font-size:30px;letter-spacing:14px;margin-top:12px;font-weight:800;text-indent:14px;color:var(--accent);-webkit-text-fill-color:var(--accent);text-shadow:0 1px 0 rgba(255,255,255,.9)}.screen__over{font-size:38px;font-weight:900;letter-spacing:4px;color:var(--ink-dim);text-shadow:0 1px 0 rgba(255,255,255,.6)}.screen__sub{font-size:14px;color:var(--ink);max-width:310px;line-height:1.7;font-weight:600}.screen__sub b{font-weight:900}.screen__big{font-size:16px;color:#fff;font-weight:700}.screen__big b{font-size:66px;font-weight:900;display:block;color:#fff;line-height:1;text-shadow:0 3px 0 rgba(120,60,180,.3)}.screen__best{font-size:14px;color:var(--ink-dim);font-weight:800}.screen__cta{margin-top:6px;border:1px solid var(--line);border-radius:18px;padding:17px 52px;font-size:21px;font-weight:900;color:var(--accent);letter-spacing:1px;background:var(--glass);backdrop-filter:blur(10px) saturate(1.4);-webkit-backdrop-filter:blur(10px) saturate(1.4);box-shadow:7px 7px 18px var(--sh-dark),-6px -6px 14px var(--sh-light),inset 0 1px #ffffffb3}.screen__cta:active{transform:translateY(1px) scale(.99);box-shadow:inset 5px 5px 12px var(--sh-dark),inset -5px -5px 11px var(--sh-light)}.screen__back{margin-top:-4px;border:1px solid var(--line);border-radius:14px;padding:11px 28px;font-size:15px;font-weight:800;color:var(--ink-dim);background:var(--glass);box-shadow:4px 4px 10px var(--sh-dark),-3px -3px 8px var(--sh-light)}.screen__back:active{transform:translateY(1px) scale(.98);box-shadow:inset 3px 3px 8px var(--sh-dark),inset -3px -3px 7px var(--sh-light)}.over-actions{display:flex;gap:10px;margin-top:-4px;align-items:center;justify-content:center;flex-wrap:wrap}.over-actions .screen__back{margin-top:0}.screen__share{border:1px solid var(--line);border-radius:14px;padding:11px 24px;font-size:15px;font-weight:800;color:var(--accent);background:var(--glass);box-shadow:4px 4px 10px var(--sh-dark),-3px -3px 8px var(--sh-light)}.screen__share:active{transform:translateY(1px) scale(.98);box-shadow:inset 3px 3px 8px var(--sh-dark),inset -3px -3px 7px var(--sh-light)}.screen__share:disabled{opacity:.7}.screen__hint{font-size:12px;color:var(--ink-faint);font-weight:700}.screen__settings{position:absolute;bottom:calc(var(--safe-b) + 14px);left:50%;transform:translate(-50%);border:1px solid var(--line);background:var(--glass);color:var(--ink-dim);font-size:13px;font-weight:800;padding:8px 16px;border-radius:999px;box-shadow:3px 3px 8px var(--sh-dark),-3px -3px 7px var(--sh-light)}.screen__settings:active{transform:translate(-50%) scale(.96)}.screen__mute{position:absolute;top:calc(var(--safe-t) + 14px);right:calc(var(--safe-r) + 14px);width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:var(--glass);color:var(--ink);font-size:20px;display:grid;place-items:center;box-shadow:3px 3px 8px var(--sh-dark),-3px -3px 7px var(--sh-light)}.screen__mute:active{transform:scale(.92)}.settings-group{width:min(86%,320px);background:var(--panel);backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5);border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 12px 28px #5a69a033,inset 0 1px #ffffffe6}.settings-label{font-size:13px;font-weight:800;color:var(--ink-dim);margin-bottom:10px}.lang-row{display:flex;gap:10px}.lang-btn{flex:1;padding:14px;border-radius:12px;border:1px solid var(--line);background:linear-gradient(145deg,#ffffffd9,#ffffff80);color:var(--ink);font-size:16px;font-weight:800;box-shadow:4px 4px 10px var(--sh-dark),-3px -3px 8px var(--sh-light)}.lang-btn.on{border-color:var(--accent);color:var(--accent);background:linear-gradient(145deg,#2d8cff29,#2d8cff0f);box-shadow:inset 2px 2px 6px #2d8cff2e,inset -2px -2px 6px var(--sh-light),0 0 0 1px var(--accent)}.lang-btn:active{transform:scale(.97)}.reset-btn{width:100%;padding:14px;border-radius:12px;border:1px solid var(--line);background:linear-gradient(145deg,#ffffffd9,#ffffff80);color:var(--ink-dim);font-size:15px;font-weight:800;box-shadow:4px 4px 10px var(--sh-dark),-3px -3px 8px var(--sh-light)}.reset-btn:active{transform:scale(.97)}.reset-btn.armed{color:#fff;border-color:var(--bad);background:linear-gradient(145deg,var(--bad),#d24a5a);box-shadow:0 0 0 1px var(--bad),4px 4px 10px var(--sh-dark)}.reset-btn:disabled{color:var(--good);opacity:.85}.screen--over{gap:14px}.newbest-banner{font-size:22px;font-weight:900;color:#fff;padding:9px 24px;border-radius:999px;background:linear-gradient(90deg,#ffd54a,#ff8a3d,#ff5fb0);box-shadow:0 8px 24px #ff783c8c,0 0 0 4px #ffffff4d;text-shadow:0 2px 6px rgba(150,60,20,.4);animation:newbestPop .6s var(--ease-out) both,newbestGlow 1.6s ease-in-out infinite .6s}@keyframes newbestPop{0%{opacity:0;transform:scale(.5) rotate(-4deg)}55%{opacity:1;transform:scale(1.12) rotate(2deg)}to{transform:scale(1)}}@keyframes newbestGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.18) saturate(1.1)}}.ostat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:min(92%,360px)}.ostat{position:relative;border-radius:16px;background:var(--panel);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);border:1px solid var(--line);padding:12px 8px 10px;text-align:center;box-shadow:0 10px 22px #5a69a02e,inset 0 1px #ffffffe6}.ostat__ic{font-size:22px;line-height:1}.ostat__val{font-size:30px;font-weight:900;color:var(--ink);line-height:1.05}.ostat__cap{font-size:15px;font-weight:800;color:var(--ink-faint)}.ostat__label{font-size:11px;font-weight:800;color:var(--ink-dim);margin-top:1px}.ostat__best{font-size:11px;font-weight:800;color:var(--ink-faint);margin-top:4px}.ostat.is-new{background:linear-gradient(180deg,#ffd45e2e,#ff962812),var(--panel);border-color:var(--gold);box-shadow:0 10px 26px #ffa02847,inset 0 1px #ffffff24;animation:ostatPop .5s var(--ease-out) both}.ostat.is-new .ostat__val,.ostat.is-new .ostat__best{color:var(--gold)}.ostat__badge{position:absolute;top:-8px;right:-6px;z-index:2;font-size:10px;font-weight:900;color:#fff;letter-spacing:.5px;background:linear-gradient(180deg,#ff5fb0,#ff8a3d);padding:3px 8px;border-radius:999px;box-shadow:0 3px 8px #ff5fb080;animation:badgeWiggle .7s var(--ease-out) both}@keyframes ostatPop{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes badgeWiggle{0%{transform:scale(0) rotate(-20deg)}60%{transform:scale(1.2) rotate(8deg)}to{transform:scale(1) rotate(0)}}.kbd{display:inline-block;padding:1px 7px;border:1px solid var(--line);border-radius:6px;background:var(--panel);font-size:12px}.screen--debug{justify-content:flex-start;gap:12px;padding:14px;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}.dbg-head{width:100%;padding-top:calc(var(--safe-t) + 6px)}.dbg-title{font-size:18px;font-weight:900;color:var(--ink)}.dbg-level{margin-top:8px;color:var(--ink-dim);font-weight:800;font-size:14px;display:flex;align-items:center;gap:8px}.dbg-level input{flex:1}.dbg-grid{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.dbg-game{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;border:none;border-radius:14px;background:#ffffffeb;color:var(--ink);box-shadow:0 4px 10px #50288233}.dbg-game:active{transform:scale(.96)}.dbg-game .dbg-ic{font-size:28px;line-height:1}.dbg-game .dbg-nm{font-size:13px;font-weight:800}.dbg-game .dbg-id{font-size:9px;color:var(--ink-faint)}.dbg-normal{width:100%;margin:6px 0 12px;padding:14px;border:none;border-radius:14px;font-size:16px;font-weight:800;color:#fff;background:linear-gradient(180deg,var(--accent),var(--accent-2));box-shadow:0 4px #783cb44d}.dbg-fab{position:fixed;top:calc(var(--safe-t) + 8px);left:10px;z-index:70;width:40px;height:40px;border-radius:12px;border:none;background:#140c2899;color:#fff;font-size:18px;display:grid;place-items:center;box-shadow:0 3px 10px #0000004d}.dbg-fab:active{transform:scale(.92)}.combo-toast{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%) scale(.6);z-index:40;pointer-events:none;font-size:42px;font-weight:900;color:var(--warn);text-shadow:0 0 22px rgba(255,159,28,.7),0 2px 0 #fff;opacity:0}.combo-toast.pop{animation:comboPop .8s var(--ease-out)}@keyframes comboPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5) rotate(-6deg)}25%{opacity:1;transform:translate(-50%,-50%) scale(1.15) rotate(2deg)}70%{opacity:1;transform:translate(-50%,-58%) scale(1) rotate(0)}to{opacity:0;transform:translate(-50%,-72%) scale(1)}}