html,body{overscroll-behavior:none;height:100%;overflow:hidden}.shell{height:100dvh;padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));gap:10px;display:grid;overflow:hidden}.shell__play{grid-template-rows:minmax(0,1fr) auto;gap:8px;min-width:0;min-height:0;display:grid;position:relative}.shell__board{min-width:0;min-height:0;position:relative}.shell__board>.frame{width:100%;height:100%}.shell__board .stage{touch-action:none;width:100%;height:100%}.shell__board .stage canvas{display:block}.shell__controls{min-width:0}.shell__lang{z-index:6;position:absolute;top:10px;left:50%;transform:translate(-50%)}.lang{background:#06120e8c;border:1px solid #ffffff1f;border-radius:9px;gap:2px;padding:2px;display:flex}.lang__btn{letter-spacing:.06em;color:#e9f3ee99;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:7px;min-width:30px;padding:5px 6px;font:600 11px/1 system-ui,sans-serif;transition:color .15s,background .15s}.lang__btn:hover{color:#eaf6f1}.lang__btn--on,.lang__btn--on:hover{color:#04231b;background:#7fe6c6}.lang--list{letter-spacing:.04em;color:#eaf6f1;appearance:none;cursor:pointer;touch-action:manipulation;background-image:linear-gradient(45deg,#0000 50%,#e9f3eea6 50%),linear-gradient(135deg,#e9f3eea6 50%,#0000 50%);background-position:calc(100% - 14px),calc(100% - 9px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;max-width:148px;padding:6px 26px 6px 9px;font:600 11px/1.2 system-ui,sans-serif;display:block}.lang--list option{color:#eaf6f1;background:#0b1a14}.shell__info{color:#e9f3eeb8;cursor:pointer;touch-action:manipulation;z-index:6;background:#06120e8c;border:1px solid #ffffff1f;border-radius:9px;place-items:center;width:32px;height:32px;font:italic 600 14px/1 system-ui,sans-serif;display:grid;position:absolute;top:52px;right:10px}.shell__info:hover{color:#eaf6f1;background:#06120ecc}.shell__about{min-height:0;overflow:hidden}.shell__aboutInner{overscroll-behavior:contain;color:#7e968a;height:100%;font-size:12.5px;line-height:1.62;overflow-y:auto}.shell__aboutInner code{font-size:.94em}@media (width>=1000px) and (height>=560px){.shell{padding:18px max(18px, env(safe-area-inset-right)) 18px max(18px, env(safe-area-inset-left));grid-template-columns:minmax(0,1fr) clamp(260px,24vw,340px);gap:18px}.shell__info{display:none}.shell__aboutInner{padding-right:4px}}@media not all and (width>=1000px) and (height>=560px){.shell__about{z-index:20;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#040c09f0;display:none;position:fixed;inset:0}.shell__about--open{display:block}.shell__info{z-index:21}.shell__aboutInner{max-width:62ch;margin:0 auto;padding-top:42px;font-size:14px}}@media (orientation:landscape){.shell__play{grid-template-rows:minmax(0,1fr)}.shell__controls{z-index:5;position:absolute;bottom:10px;left:12px}}@media (orientation:portrait){.shell__play{grid-template-rows:minmax(0,1fr) auto;gap:12px}.shell__board{width:100%;min-height:0}.ball-control{gap:14px;padding:12px}.ball-control__ball{width:clamp(120px,36vw,200px);height:auto}.ball-control__hint,.ball-control__effect{font-size:13px}.foot-pill{padding:12px 2px;font-size:13px}.leg-pill{padding:9px 2px;font-size:12.5px}}.shell__play:fullscreen{background:var(--bg,#060d0a);gap:0;width:100%;height:100%;padding:0}.shell__play:fullscreen .frame{box-shadow:none;border:0;border-radius:0}.adslot{justify-content:center;margin-top:18px;display:flex}.adslot__box{max-width:100%;line-height:0;overflow:hidden}@media (orientation:portrait) and (pointer:coarse){.hud{inset:auto 16px 14px}}:root{--bg:#060d0a;--panel:#08120eeb;--line:#1e3a2c;--ink:#e9f3ee;--ink-dim:#91ab9f;--accent:#4fd1e0;--gold:#f0c14b;--miss:#ff8b95;--brand:#d7ff00;--live:#16c99a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:radial-gradient(120% 90% at 50% 0%, #0e2019 0%, var(--bg) 62%);color:var(--ink);-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.shell{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.shell__aboutInner{-webkit-user-select:text;user-select:text}.frame{border:1px solid var(--line);background:#06100c;border-radius:14px;transition:border-color .25s;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000080}.frame--over{border-color:#ff8b9580}.hud{pointer-events:none;align-content:start;justify-items:center;gap:2px;display:grid;position:absolute;inset:10px}.hud__score{text-shadow:0 2px 14px #000000d9;justify-items:center;display:grid}.hud__score strong{font-variant-numeric:tabular-nums;font-size:40px;line-height:1}.hud__touches{letter-spacing:.09em;text-transform:uppercase;color:var(--ink-dim);font-size:11px}.hud__mult{color:var(--brand);font-variant-numeric:tabular-nums;background:#d7ff0029;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:700}.hud__bottom{justify-items:center;gap:4px;display:grid;position:absolute;inset:auto 0 0}@media (height<=480px){.hud__score{justify-self:start;justify-items:start}.hud__score strong{font-size:30px}.hud__mult{justify-self:start}.hud__bottom{justify-items:start;inset:auto auto 0 0}}.hud__best{color:#91ab9fbf;text-shadow:0 1px 10px #000000e6;font-size:11px}.hud__parts{gap:12px;display:flex}.hud__part{letter-spacing:.05em;text-transform:uppercase;color:#91ab9f66;text-shadow:0 1px 10px #000000e6;font-size:10.5px;transition:color .2s}.hud__part--used{color:#e9f3eeb3}.hud__part--now{color:var(--live)}.hint{pointer-events:none;color:var(--accent);justify-items:center;gap:4px;animation:2.2s ease-in-out infinite hint-pulse;display:grid;position:absolute;inset:auto 0 8%}.hint__svg{width:min(150px,30%);height:auto}.hint__text{color:var(--ink);text-shadow:0 2px 10px #000000e6;margin:0 0 4px;font-size:13px}@keyframes hint-pulse{0%,to{opacity:.55}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.hint{opacity:.9;animation:none}}.shell__lang{left:10px;right:auto;transform:none}.lang--list{height:34px}.mute-btn{width:34px;height:34px;color:var(--ink-dim);cursor:pointer;touch-action:manipulation;z-index:6;background:#06100c8c;border:1px solid #ffffff29;border-radius:8px;place-items:center;padding:0;transition:background .15s,color .15s;display:grid;position:absolute;top:10px;right:10px}.mute-btn:hover{color:var(--ink);background:#06100cd9}.mute-btn[aria-pressed=true]{color:#6b8579}.mute-btn svg{width:19px;height:19px}.fs-btn{width:34px;height:34px;color:var(--ink-dim);cursor:pointer;touch-action:manipulation;z-index:6;background:#06100c8c;border:1px solid #ffffff29;border-radius:8px;padding:0;font-size:15px;line-height:1;transition:background .15s,color .15s;position:absolute;top:10px;right:52px}.fs-btn:hover{color:var(--ink);background:#06100cd9}@media (pointer:coarse){.mute-btn,.fs-btn{z-index:21;width:44px;height:44px}.shell__lang{z-index:21}.fs-btn{right:62px}.shell__info{z-index:21;width:44px;height:44px;top:62px}.lang--list{height:44px;padding-top:0;padding-bottom:0;font-size:12px}.hud{inset:58px 10px 10px}}.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(#040a088c,#040a08e0);place-items:center;padding:20px;display:grid;position:absolute;inset:0}.panel{border:1px solid var(--line);background:var(--panel);text-align:center;border-radius:14px;width:min(540px,100%);max-height:100%;padding:26px 28px;overflow-y:auto}.panel__title{letter-spacing:-.03em;margin:6px 0 12px;font-size:40px}.panel__title--miss{color:var(--miss);font-size:30px}.panel__lead{max-width:46ch;color:var(--ink-dim);margin:0 auto 20px;font-size:14px;line-height:1.6}.panel__lead b{color:var(--ink)}.panel__best{color:var(--ink-dim);margin:14px 0 0;font-size:12px}.panel__record{color:var(--gold);background:#f0c14b29;border-radius:999px;margin:0 0 14px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.result{text-align:left;grid-template-columns:repeat(3,1fr);gap:10px;margin:4px 0 18px;display:grid}.result div{border:1px solid var(--line);background:#ffffff05;border-radius:9px;padding:10px 12px}.result dt{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);font-size:10.5px}.result dd{font-variant-numeric:tabular-nums;margin:3px 0 0;font-size:20px;font-weight:600}.result__of{color:var(--ink-dim);font-size:13px}.learned{gap:8px;margin:0 0 20px;display:grid}.learned__title{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);font-size:11px}.learned__row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.learned__part{border:1px solid var(--line);color:#91ab9f8c;border-radius:999px;align-items:baseline;gap:6px;padding:6px 12px;font-size:12px;display:inline-flex}.learned__part b{font-variant-numeric:tabular-nums;color:inherit}.learned__part--used{color:var(--ink);border-color:#16c99a80}.learned__part--used b{color:var(--live)}.btn{border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;touch-action:manipulation;background:#ffffff0d;border-radius:9px;padding:12px 22px;font-size:15px;font-weight:600;transition:background .15s,border-color .15s,transform 80ms}.btn:hover{background:#ffffff1a}.btn:active{transform:translateY(1px)}.btn--primary{color:#04202a;background:linear-gradient(#4fd1e0,#2ba7bd);border-color:#0000}.btn--quiet{color:var(--ink-dim);background:0 0}.btn--revive{background:var(--brand);color:#14210a;border-color:#0000;font-weight:700}.btn--revive:hover{background:#e6ff3d}.btn--revive:disabled{color:#14210aa6;cursor:default;background:#d7ff0047}.panel__buttons{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.brand{justify-content:center;align-items:center;gap:9px;margin:0 0 2px;display:flex}.brand__mark{width:auto;height:26px;color:var(--brand);filter:drop-shadow(0 0 10px #d7ff0047)}.brand__name{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);font-size:13px}.brand__name b{color:var(--ink);font-weight:700}@media (pointer:coarse),(width<=760px){.overlay{z-index:20;padding:16px;position:fixed;inset:0}.panel{width:min(440px,100%);max-height:calc(100dvh - 32px)}.btn--primary,.btn--revive{width:100%;padding:16px 24px;font-size:17px}.panel__buttons{flex-direction:column;align-items:stretch}.panel__buttons .btn{width:100%}}@media (height<=520px){.brand{display:none}.panel{padding:16px 20px}.panel__title{margin:2px 0 10px;font-size:26px}.panel__lead{display:none}}.about__title{letter-spacing:.02em;color:var(--ink);margin:0 0 10px;font-size:15px}.shell__aboutInner p{margin:0 0 10px}.about__meta{color:#5c7368;letter-spacing:.06em;font-size:11.5px}