:root{--bg: #0a0b10;--bg-panel: #14161f;--border: #2a2e3f;--text: #e6e8f0;--text-dim: #8b91a8;--accent: #4de2ff;--hp: #ff4d6d;--rage: #ff9f45;--xp: #b46dff;--common: #9aa0b4;--magic: #4d8dff;--rare: #ffd24d;--legendary: #ff8a3d}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font:14px/1.5 ui-sans-serif,system-ui,-apple-system,sans-serif}#game{position:fixed;top:0;right:0;bottom:0;left:0}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud{position:absolute;top:14px;left:14px;padding:10px 14px;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--bg-panel) 82%,transparent);font-variant-numeric:tabular-nums}.hud-row{display:flex;gap:10px;align-items:baseline;justify-content:space-between;min-width:130px}.hud-label{color:var(--text-dim);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.hud-code{color:var(--accent);font-size:16px;font-weight:600;letter-spacing:.16em}.hud-hint{margin-top:8px;padding-top:8px;border-top:1px solid var(--border);color:var(--text-dim);font-size:11px;max-width:220px}.scaffold[hidden]{display:none}.scaffold{pointer-events:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:24px 32px;border:1px solid var(--border);border-radius:10px;background:var(--bg-panel);text-align:center}.scaffold h1{margin:0 0 8px;font-size:24px;letter-spacing:.02em;color:var(--accent)}.scaffold p{margin:4px 0;color:var(--text-dim)}