:root{--wood:#6b3e26;--wood-deep:#3e2416;--cream:#f6e7c1;--cream-2:#efe0b0;--moss:#3e6b4f;--moss-2:#2c4e39;--ink:#2a2118;--paper:#fff8e8;--danger:#9c2b2b;--focus:#e7b13a;color:var(--ink);background:var(--wood-deep);font-family:Nunito,sans-serif}html,body,#root{height:100%;margin:0}button,input{font:inherit}button{border:4px solid var(--wood-deep);background:var(--cream);min-height:44px;color:var(--ink);cursor:pointer;border-radius:8px;padding:8px 16px}button:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--moss);color:var(--cream)}button.primary:active{background:var(--moss-2)}button.danger{background:var(--danger);color:var(--cream)}.stage{place-items:center;height:100%;display:grid}.game{width:100%;height:100%}.game canvas{image-rendering:pixelated}.overlay{z-index:40;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#3e241673;place-items:center;display:grid;position:fixed;inset:0}.panel{background:var(--paper);border:4px solid var(--wood-deep);width:min(560px,100%);max-height:100%;color:var(--ink);gap:12px;padding:16px;display:grid;overflow:auto}.panel h2{color:var(--wood-deep);margin:0}.menu{gap:8px;display:grid}.chips{flex-wrap:wrap;gap:8px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.slider{grid-template-columns:8rem 1fr auto;align-items:center;gap:8px;display:grid}.check{align-items:center;gap:8px;display:flex}.note{margin:0;font-size:.85rem}.slots{gap:8px;margin:0;padding:0;list-style:none;display:grid}.slots li{grid-template-columns:1fr auto auto;align-items:center;gap:8px;display:grid}.slot-meta{font-size:.85rem}.confirm{border:4px solid var(--danger);align-items:center;gap:8px;padding:8px;display:flex}.toast{background:var(--cream);border:4px solid var(--wood-deep);margin:0;padding:8px}.hud{z-index:10;padding:calc(8px + env(safe-area-inset-top)) calc(8px + env(safe-area-inset-right)) 8px calc(8px + env(safe-area-inset-left));color:var(--ink);justify-content:space-between;gap:8px;font-weight:700;display:flex;position:fixed;top:0;left:0;right:0}.hud-left,.hud-right{align-items:center;gap:12px;display:flex}.install{bottom:calc(16px + env(safe-area-inset-bottom));z-index:50;background:var(--paper);border:4px solid var(--wood-deep);gap:8px;width:min(420px,100% - 32px);padding:12px;display:grid;position:fixed;left:50%;transform:translate(-50%)}.rotate{z-index:60;background:var(--cream);color:var(--wood-deep);place-items:center;font-size:1.5rem;display:grid;position:fixed;inset:0}