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__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__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}.ball-control{box-sizing:border-box;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#04100c9e;border:1px solid #ffffff17;border-radius:14px;align-items:center;gap:10px;width:100%;padding:8px 10px;display:flex}.ball-control__ball{cursor:crosshair;touch-action:none;display:block}.ball-control__face{fill:#eef3f0}.ball-control__rim{fill:none;stroke:#091a148c;stroke-width:2px}.ball-control__blocked rect{fill:#06120e9e}.ball-control__axis{stroke:#091a1438;stroke-width:1.5px;stroke-dasharray:4 5}.ball-control__markerGlow{fill:#50e2be47}.ball-control__marker{fill:#16c99a;stroke:#04231b;stroke-width:2px}.ball-control__side{flex-direction:column;gap:6px;min-width:118px;display:flex}.ball-control__feet,.ball-control__legs{gap:4px;display:flex}.leg-pill{font:inherit;letter-spacing:.04em;color:#e6f5ee80;cursor:pointer;touch-action:manipulation;background:0 0;border:1px solid #ffffff1f;border-radius:6px;flex:1;padding:4px 2px;font-size:10.5px;line-height:1;transition:color .15s,border-color .15s,background .15s}.leg-pill:hover{color:#eaf6f1}.leg-pill--on,.leg-pill--on:hover{color:#04231b;background:#7fe6c6;border-color:#7fe6c6}.foot-pill{font:inherit;color:#e6f5ee9e;cursor:pointer;touch-action:manipulation;background:#ffffff0d;border:1px solid #0000;border-radius:7px;flex:1;padding:5px 2px;font-size:11px;line-height:1;transition:background .15s,color .15s,border-color .15s}.foot-pill:hover{color:#eaf6f1;background:#ffffff1a}.foot-pill--on,.foot-pill--on:hover{color:#04231b;background:#16c99a;border-color:#16c99a}.ball-control__hint,.ball-control__effect{margin:0;font-size:11px;line-height:1.25}.ball-control__hint{color:#e2f0ea80}.ball-control__effect{color:#7fe6c6;letter-spacing:.06em;font-variant-caps:all-small-caps}@media (width<=720px),(orientation:portrait){.ball-control{gap:12px;padding:8px 10px}.ball-control__side{flex:1;min-width:0}.foot-pill{padding:9px 2px;font-size:12px}.leg-pill{padding:7px 2px;font-size:11.5px}}:root{--bg:#060d0a;--panel:#08120eeb;--line:#1e3a2c;--ink:#e9f3ee;--ink-dim:#91ab9f;--accent:#4fd1e0;--gold:#f0c14b;--miss:#ff8b95;--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}.stage,.hud,.hint,.fs-btn{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.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;position:absolute;inset:14px 16px auto}.hud__row{justify-content:space-between;align-items:flex-end;gap:16px;padding-right:40px;display:flex}.hud__label{letter-spacing:.09em;text-transform:uppercase;color:var(--ink-dim);font-size:11px;display:block}.hud__score strong{font-variant-numeric:tabular-nums;text-shadow:0 2px 14px #000c;font-size:34px;line-height:1.05}.hud__right{text-shadow:0 1px 10px #000000e6;flex-direction:column;align-items:flex-end;gap:2px;display:flex}.hud__streak{color:var(--ink-dim);font-size:13px}.hud__streak b{color:var(--gold);font-variant-numeric:tabular-nums;font-size:17px}.hud__best{color:#91ab9fbf;font-size:11px}.tiers{border:0;gap:7px;margin:0 0 20px;padding:0;display:grid}.tiers__legend{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);padding:0 0 8px;font-size:11px}.tier{border:1px solid var(--line);color:var(--ink-dim);font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;background:#ffffff08;border-radius:10px;grid-template-columns:1fr auto;gap:2px 12px;padding:10px 14px;transition:background .15s,border-color .15s,color .15s;display:grid}.tier:hover{background:#ffffff12}.tier--on{border-color:var(--accent);color:var(--ink);background:#4fd1e01f}.tier__name{color:var(--ink);font-size:15px;font-weight:600}.tier__hint{grid-column:1;font-size:12px;line-height:1.4}.tier__reward{color:var(--gold);white-space:nowrap;grid-area:1/2/3;align-self:center;font-size:12.5px;font-weight:600}.hud__level{color:var(--ink-dim);font-size:13px}.hud__level b{color:var(--ink);font-variant-numeric:tabular-nums;font-size:17px}.hud__attempts{gap:4px;margin:3px 0 1px;display:flex}.dot{border:1px solid #91ab9f80;border-radius:50%;width:9px;height:9px}.dot--on{background:var(--gold);border-color:var(--gold)}.habits{align-items:flex-end;gap:7px;margin-top:5px;display:flex}.habits__label{letter-spacing:.03em;color:var(--ink-dim);white-space:nowrap;font-size:10.5px}.habits--warn .habits__label{color:var(--miss)}.habits__bars{align-items:flex-end;gap:2px;width:26px;height:16px;display:flex}.habits__bar{background:#91ab9f80;border-radius:1px;flex:1;transition:height .25s}.habits__bar--hot{background:var(--miss)}.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 2%}.hint__svg{width:min(240px,42%);height:auto}.hint__text{color:var(--ink);text-shadow:0 2px 10px #000000e6;margin:0;font-size:13px}@keyframes hint-pulse{0%,to{opacity:.55}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.hint{opacity:.9;animation:none}}.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:10px}.fs-btn:hover{color:var(--ink);background:#06100cd9}.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__kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0;font-size:11px}.panel__kicker--miss{color:var(--miss)}.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 22px;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}.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}.panel__buttons{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}@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{width:100%;padding:16px 24px;font-size:17px}.panel__buttons{flex-direction:column;align-items:stretch}.panel__buttons .btn{width:100%}}@media (height<=520px){.app{padding:6px 10px}.stage{height:min(56vw,100dvh - 26px,560px)}.note{display:none}.panel{padding:16px 20px}.panel__title{margin:2px 0 10px;font-size:26px}.panel__lead{display:none}.panel__buttons{flex-direction:row;justify-content:center}.panel__buttons .btn,.btn--primary{width:auto;padding:12px 22px;font-size:15px}}@media (width<=620px){.app{padding:14px 12px 28px}.panel__title{font-size:32px}}@media (width<=720px){.hud{background:linear-gradient(#040e0be0 0%,#040e0bc7 52%,#040e0b00 100%);padding:12px 14px 34px;inset:0 0 auto}}.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}