:root{--night: #1a1410;--beam: #e8b058;--pine: #c9a36a;--crate: #d4893a;--brick: #6a3f2c;--stamp: #b84532;--paper: #f3e4c8;--mist: #cbb79a;--ink: #2a1c14;--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% 0%,rgba(232,176,88,.2),transparent 56%),radial-gradient(80% 60% at 100% 100%,#100c0a 0%,transparent 48%),var(--night);color:var(--paper);font-family:Kiwi Maru,Hiragino Maru Gothic ProN,sans-serif}body{min-height:100dvh}#app{width:min(460px,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 1fr 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(--beam);outline-offset:3px}.top{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.brand h1{margin:0;font-family:Yuji Mai,Yu Mincho,serif;font-weight:400;font-size:clamp(28px,8vw,40px);letter-spacing:.14em;line-height:1.05}.eyebrow,.ver{margin:0;font-size:11px;letter-spacing:.18em;color:var(--mist)}.ver{font-family:DotGothic16,ui-monospace,monospace;letter-spacing:.08em;color:var(--beam)}.pills{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.pill{min-width:58px;padding:6px 8px 5px;border:1px solid rgba(232,176,88,.28);background:#2a1c14b8;text-align:center}.pill b{display:block;font-family:DotGothic16,ui-monospace,monospace;font-size:18px;line-height:1}.pill span{font-size:10px;letter-spacing:.12em;color:var(--mist)}.how{margin:0;font-size:12px;line-height:1.55;color:var(--mist)}.stage-wrap{position:relative;min-height:0;display:grid;place-items:center}.stage{width:min(100%,92dvh);aspect-ratio:1;max-height:min(52dvh,420px);border:3px solid #4a2e20;box-shadow:inset 0 0 0 2px #8a5840,0 10px #2a1810;background:#1c1612}canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.hud{display:flex;justify-content:space-between;gap:8px;font-family:DotGothic16,ui-monospace,monospace;font-size:13px;letter-spacing:.06em}.hud b{color:var(--beam);font-weight:400}.skins{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--mist)}.swatch{width:28px;height:28px;border:2px solid rgba(243,228,200,.2);box-shadow:inset 0 -6px #00000038}.swatch.is-on{border-color:var(--beam)}.pad-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.dpad{display:grid;grid-template-columns:68px 68px 68px;grid-template-rows:68px 68px 68px;gap:6px;justify-content:center;justify-self:center}.dir{display:grid;place-items:center;background:#6a3f2c;color:var(--paper);font-size:22px;box-shadow:0 4px #3a2218}.dir:active{transform:translateY(2px);box-shadow:0 2px #3a2218}.dir[data-dir=up]{grid-column:2;grid-row:1}.dir[data-dir=left]{grid-column:1;grid-row:2}.dir[data-dir=right]{grid-column:3;grid-row:2}.dir[data-dir=down]{grid-column:2;grid-row:3}.actions{display:grid;gap:8px}.wood{min-height:52px;padding:0 14px;background:#8a5840;color:var(--paper);letter-spacing:.08em;box-shadow:0 4px #4a2e20}.wood:active{transform:translateY(2px);box-shadow:0 2px #4a2e20}.wood:disabled{opacity:.45}.ghost{min-width:44px;min-height:44px;padding:0 10px;border:1px solid rgba(232,176,88,.35);color:var(--beam)}.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:#1a1410eb;border:2px solid var(--beam);color:var(--paper);text-align:center;letter-spacing:.12em}.toast[hidden],.sheet[hidden]{display:none}.sheet{pointer-events:auto;background:#0c08068c}.sheet .panel{width:min(86%,300px);display:grid;gap:10px}.sheet h2{margin:0;font-family:Yuji Mai,Yu Mincho,serif;font-weight:400;letter-spacing:.16em}.sheet .meta{margin:0;color:var(--mist);font-size:13px}@media(max-width:380px){.dpad{grid-template-columns:60px 60px 60px;grid-template-rows:60px 60px 60px}}@media(prefers-reduced-motion:reduce){.dir,.wood{transition:none}}