:root{--dusk: #14102a;--stall: #22184a;--lantern: #ff8a4c;--candy: #ff5d8f;--glass: #7ef0e0;--paper: #fff3dc;--mist: #c4b4d8;--gold: #ffd27a;--danger: #ff4d6d;--ink: #0e0a1c;--safe: env(safe-area-inset-bottom, 0px);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(52% 34% at 50% -4%,rgba(255,138,76,.22),transparent 58%),radial-gradient(70% 50% at 100% 100%,rgba(155,107,255,.18),transparent 52%),linear-gradient(180deg,#2a1c58 0%,var(--dusk) 48%,#0c0818 100%);color:var(--paper);font-family:Zen Kaku Gothic New,Hiragino Kaku Gothic ProN,sans-serif}body{min-height:100dvh}#app{width:min(440px,100%);margin:0 auto;min-height:100dvh;min-height:100svh;padding:calc(8px + env(safe-area-inset-top,0px)) 12px calc(12px + var(--safe));display:grid;grid-template-rows:auto auto minmax(280px,1fr) auto auto;gap:7px}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.top{display:grid;grid-template-columns:1fr auto;align-items:end;gap:8px 10px}.brand h1{margin:0;font-family:Yusei Magic,Hiragino Maru Gothic ProN,sans-serif;font-weight:400;font-size:clamp(26px,7.4vw,38px);letter-spacing:.08em;line-height:1.1;color:var(--paper)}.eyebrow,.ver{margin:0;font-size:11px;letter-spacing:.2em;color:var(--mist)}.ver{font-family:IBM Plex Mono,ui-monospace,monospace;letter-spacing:.08em;color:var(--gold)}.pills{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.pill{min-width:68px;padding:6px 8px 5px;border:1px solid rgba(255,210,122,.32);background:#140e2ab8;text-align:center}.pill b{display:block;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:15px;line-height:1.1;color:var(--gold)}.pill span{font-size:10px;letter-spacing:.12em;color:var(--mist)}.how{margin:0;font-size:13px;line-height:1.55;color:#f4e6c8}.how strong{color:var(--gold);font-weight:500}.stage-wrap{position:relative;min-height:0}.stage{position:relative;height:100%;min-height:280px;border:3px solid #c4783a;background:#1a1238;box-shadow:inset 0 0 0 1px #ffd27a38,0 8px #1a0c18;overflow:hidden;touch-action:none}.stage canvas{display:block;width:100%;height:100%;touch-action:none}.toast,.sheet{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;z-index:3}.toast p,.sheet .panel{margin:0;padding:14px 18px;background:#100a20f5;border:2px solid var(--gold);color:var(--paper);text-align:center;letter-spacing:.06em;font-size:16px}.toast[hidden],.sheet[hidden]{display:none}.sheet{pointer-events:auto;background:#0a061685}.sheet .panel{width:min(90%,300px);display:grid;gap:10px}.sheet h2{margin:0;font-family:Yusei Magic,sans-serif;font-weight:400;letter-spacing:.12em}.sheet .meta{margin:0;color:var(--mist);font-size:13px}.hud{display:flex;justify-content:space-between;gap:8px;font-size:12px;letter-spacing:.06em;color:var(--mist)}.hud b{color:var(--gold);font-family:IBM Plex Mono,ui-monospace,monospace;font-weight:500}.actions{display:grid;grid-template-columns:1fr auto auto;gap:6px;align-items:center}.lantern,.ghost{min-height:52px;padding:0 12px;letter-spacing:.1em}.lantern{background:linear-gradient(180deg,var(--lantern),#d45a22);color:var(--ink);font-weight:700;box-shadow:0 3px #7a3010}.lantern:active{transform:translateY(2px);box-shadow:0 1px #7a3010}.lantern:disabled,.ghost:disabled{opacity:.4}.ghost{min-width:56px;border:1px solid rgba(255,210,122,.35);background:#140e2a9e;color:var(--paper)}@media(max-width:420px){.top{grid-template-columns:1fr}.pills{justify-content:flex-start}}@media(max-height:640px){.how{display:none}.lantern,.ghost{min-height:44px}}@media(prefers-reduced-motion:reduce){.lantern{transition:none}}