:root{color-scheme:dark;--den: #19131f;--den-2: #241b2c;--den-3: #2e2338;--line: #3a2e46;--ink: #f4eef8;--muted: #a898b6;--brass: #e9a94b;--brass-ink: #2a1a06;--hp: #6fd08c;--hp-low: #ff4d5e;--f-display: "Baloo 2", "Trebuchet MS", system-ui, sans-serif;--f-body: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--f-mono: "DM Mono", ui-monospace, "Cascadia Mono", Consolas, monospace}[hidden]{display:none!important}html,body{height:100%}body{margin:0;background:var(--den);color:var(--ink);font-family:var(--f-body);font-size:15px;overflow-x:hidden;-webkit-tap-highlight-color:transparent}#app{max-width:480px;margin:0 auto;padding:max(12px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) 32px max(16px,env(safe-area-inset-left,0px));box-sizing:border-box}.stage{position:relative;width:100%;aspect-ratio:1 / 1;max-height:60vh;margin:0 auto;border-radius:26px;overflow:hidden;border:1px solid var(--line);background:#120d18;touch-action:none}.stage canvas{cursor:grab}.loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--muted);font-size:13px}.hint{margin:10px 0 0;text-align:center;font-size:12px;color:var(--muted)}.hud{position:absolute;top:10px;right:12px;display:flex;gap:8px;align-items:center;pointer-events:none;z-index:1;font-family:var(--f-mono);font-size:12px}.hud span{background:#0b0810cc;border:1px solid #ffffff1a;padding:3px 9px;border-radius:99px}.hud .tier{color:var(--brass)}.hpbox{position:absolute;top:10px;left:12px;width:38%;pointer-events:none;z-index:1;display:grid;gap:3px}.hpbar{height:8px;border-radius:99px;background:#0008;overflow:hidden;border:1px solid #ffffff22}.hpbar i{display:block;height:100%;width:100%;background:var(--hp);transition:width .35s ease,background .35s}.hptext{font-family:var(--f-mono);font-size:11px;color:var(--ink)}.log{position:absolute;left:12px;right:12px;bottom:12px;display:grid;gap:4px;pointer-events:none;z-index:1}.log div{justify-self:start;font-size:12px;background:#0b0810cc;border:1px solid #ffffff1a;padding:4px 10px;border-radius:10px}.log div.bad{border-color:#ff4d5e66}.log div.good{border-color:#6fd08c66}.log div.win{border-color:var(--brass);color:var(--brass);font-weight:700}button{font:inherit;color:var(--ink);cursor:pointer}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--brass);color:var(--brass-ink);border:0;border-radius:16px;min-height:52px;font-family:var(--f-display);font-weight:800;font-size:18px}button.secondary{background:var(--den-2);border:1px solid var(--line);border-radius:14px;min-height:46px;font-weight:700}.chip{background:var(--den-2);border:1px solid var(--line);border-radius:12px;min-height:44px;padding:0 4px;font-size:13px;font-weight:600}.chip[aria-pressed=true]{border-color:var(--brass);color:var(--brass)}.caption{margin:0;font-size:12px;color:var(--muted);overflow-wrap:anywhere}