:root{--wall: #3a5566;--wall-deep: #243846;--board: #2f5342;--board-lit: #3a6550;--frame: #c49a4a;--frame-deep: #8a6828;--chalk: #f4edd8;--rose: #f0a8b0;--sky: #9fd4e4;--sun: #f2d56b;--stamp: #c94a3a;--paper: #fff6e4;--ink: #243028;--mist: #c5d0c8;--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(70% 46% at 50% -8%,rgba(242,213,107,.18),transparent 56%),repeating-linear-gradient(180deg,rgba(255,246,228,.035) 0 2px,transparent 2px 28px),linear-gradient(180deg,var(--wall) 0%,var(--wall-deep) 100%);color:var(--chalk);font-family:Zen Maru Gothic,Hiragino Maru Gothic ProN,sans-serif}body{min-height:100dvh}#app{width:min(540px,100%);margin:0 auto;min-height:100dvh;min-height:100svh;padding:calc(10px + env(safe-area-inset-top,0px)) 12px calc(14px + var(--safe));display:grid;grid-template-rows:auto auto auto minmax(280px,1fr) auto auto auto;gap:8px}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:2px solid var(--sun);outline-offset:3px}.top{display:grid;grid-template-columns:1fr auto;align-items:end;gap:8px 10px}.brand h1{margin:0;font-family:Klee One,Yu Mincho,serif;font-weight:600;font-size:clamp(24px,6.6vw,38px);letter-spacing:.12em;line-height:1.15}.eyebrow,.ver{margin:0;font-size:11px;letter-spacing:.18em;color:var(--mist)}.ver{font-family:Share Tech Mono,ui-monospace,monospace;letter-spacing:.08em;color:var(--sun)}.pills{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.pill{min-width:68px;padding:6px 8px 5px;border:1px solid rgba(196,154,74,.38);background:#2438468c;text-align:center}.pill b{display:block;font-family:Share Tech Mono,ui-monospace,monospace;font-size:16px;line-height:1}.pill span{font-size:10px;letter-spacing:.12em;color:var(--mist)}.how{margin:0;font-size:12px;line-height:1.6;color:var(--mist)}.modes{display:grid;grid-template-columns:1fr 1fr auto;gap:8px}.mode,.size{min-height:44px;border:1px solid rgba(196,154,74,.4);letter-spacing:.08em}.mode.is-on,.size.is-on{background:linear-gradient(180deg,#f2d56b,#c49a4a);color:var(--ink);border-color:transparent;font-weight:700}.sizes{display:flex;gap:6px}.size{min-width:40px;padding:0 8px}.stage-wrap{position:relative;min-height:min(52dvh,380px);display:grid}.stage{position:relative;width:100%;min-height:min(52dvh,380px);height:100%;border:10px solid var(--frame);box-shadow:inset 0 0 0 3px var(--frame-deep),0 10px #1a2832;background:radial-gradient(120% 80% at 50% 0%,rgba(242,213,107,.08),transparent 46%),linear-gradient(180deg,var(--board-lit),var(--board));overflow:hidden}canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;touch-action:manipulation}.prompt{position:absolute;left:10px;right:10px;top:8px;margin:0;text-align:center;font-family:Klee One,Yu Mincho,serif;font-size:clamp(13px,3.6vw,16px);letter-spacing:.08em;color:var(--paper);text-shadow:0 1px 0 rgba(20,32,28,.55);pointer-events:none}.hud{display:flex;justify-content:space-between;gap:8px;font-size:13px;letter-spacing:.04em}.hud b{color:var(--sun);font-weight:700}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.brass{min-height:52px;padding:0 14px;background:linear-gradient(180deg,#f2d56b,#c49a4a);color:var(--ink);letter-spacing:.1em;font-weight:700;box-shadow:0 4px 0 var(--frame-deep)}.brass:active{transform:translateY(2px);box-shadow:0 2px 0 var(--frame-deep)}.brass:disabled{opacity:.45}.ghost{min-width:44px;min-height:44px;padding:0 10px;border:1px solid rgba(196,154,74,.45);color:var(--sun)}.toast,.sheet{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.toast p,.sheet .panel{margin:0;padding:14px 18px;background:#182830f0;border:2px solid var(--frame);color:var(--paper);text-align:center;letter-spacing:.08em}.toast[hidden],.sheet[hidden]{display:none}.sheet{pointer-events:auto;background:#101c2280}.sheet .panel{width:min(90%,320px);display:grid;gap:10px}.sheet h2{margin:0;font-family:Klee One,Yu Mincho,serif;font-weight:600;letter-spacing:.12em}.sheet .prize{margin:0;font-size:28px;font-family:Klee One,Yu Mincho,serif;color:var(--sun)}.sheet .meta{margin:0;color:var(--mist);font-size:13px}.note{margin:0;font-size:10px;letter-spacing:.06em;color:#c5d0c8b8;text-align:center}@media(max-width:420px){.how{font-size:11px;line-height:1.45}.top{grid-template-columns:1fr}.pills{justify-content:flex-start}.modes{grid-template-columns:1fr 1fr}.sizes{grid-column:1 / -1}}@media(prefers-reduced-motion:reduce){.brass{transition:none}}