:root{--ink:#f4f7fb;--muted:#9fb0c6;--saffron:#f93;--green:#138808;--panel:#0c1220e6;--border:#a0b4d22e;--font:"Segoe UI", system-ui, -apple-system, "Helvetica Neue", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#app{background:#0a0f1c;width:100%;height:100%;overflow:hidden}body{font-family:var(--font);color:var(--ink);-webkit-user-select:none;user-select:none;touch-action:none}#stage{width:100%;height:100%;display:block;position:fixed;inset:0}kbd{border:1px solid var(--border);font:600 11px/1.6 var(--font);background:#ffffff1a;border-bottom-width:2px;border-radius:5px;padding:1px 6px}.hud{pointer-events:none;z-index:10;position:fixed;inset:0}.hud[hidden]{display:none}.hud-left,.hud-right{gap:8px;display:flex;position:absolute;top:14px}.hud-left{left:14px}.hud-right{right:14px}.hud-card{background:var(--panel);border:1px solid var(--border);border-left:3px solid var(--saffron);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;min-width:88px;padding:7px 12px}.hud-card.right{text-align:right;border-left:none;border-right:3px solid var(--green)}.hud-card .lbl{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:9px;display:block}.hud-card b{font-variant-numeric:tabular-nums;font-size:19px;font-weight:800}.hud-card b em{color:var(--saffron);font-size:12px;font-style:normal}.hud-powers{flex-wrap:wrap;justify-content:center;gap:6px;display:flex;position:absolute;top:76px;left:50%;transform:translate(-50%)}.pill{color:#ffd9a8;white-space:nowrap;background:#ff993329;border:1px solid #ff993380;border-radius:999px;padding:4px 11px;font-size:12px;font-weight:700}.pill em{color:#fff;opacity:.8;font-style:normal}.hud-bottom{pointer-events:auto;gap:8px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.ghost{background:var(--panel);border:1px solid var(--border);color:var(--ink);font:700 13px var(--font);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;padding:9px 14px}.ghost:hover{border-color:var(--saffron)}.ghost.wide{width:100%;margin-top:8px}.pad{z-index:12;pointer-events:none;display:none;position:fixed;inset:0}.pad-btn{border:1px solid var(--border);color:#fff;pointer-events:auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c12208c;border-radius:50%;width:68px;height:68px;font-size:22px;position:absolute}.pad-btn[data-cmd=left]{bottom:104px;left:18px}.pad-btn[data-cmd=right]{bottom:104px;left:104px}.pad-btn[data-cmd=jump]{bottom:104px;right:104px}.pad-btn[data-cmd=roll]{bottom:104px;right:18px}@media (pointer:coarse){.pad{display:block}.hud-bottom{bottom:20px}}.screen{z-index:30;background:radial-gradient(at 50% 0,#3c28148c,#060912ed);place-items:center;padding:18px;display:grid;position:fixed;inset:0;overflow:auto}.screen[hidden]{display:none}.panel{color:#241d14;text-align:center;background:linear-gradient(150deg,#f7efe0,#e7d6b6);border-radius:20px;width:min(560px,100%);padding:26px 24px 22px;position:relative;overflow:hidden;box-shadow:0 30px 80px #0009}.panel.narrow{width:min(400px,100%)}.tricolour{background:linear-gradient(90deg, var(--saffron) 33.3%, #fff 33.3% 66.6%, var(--green) 66.6%);height:6px;position:absolute;inset:0 0 auto}.title{letter-spacing:-1px;color:#1d1a16;font-size:clamp(30px,7vw,46px);font-weight:900;line-height:1.05}.subtitle{color:#a1552a;margin:4px 0 10px;font-size:15px;font-weight:700}.panel h2{color:#1d1a16;margin-bottom:6px;font-size:26px;font-weight:900}.story{color:#554634;margin-bottom:14px;font-size:13.5px;line-height:1.55}.section-label{letter-spacing:.12em;text-transform:uppercase;color:#8a7259;margin-bottom:8px;font-size:11px;font-weight:800}.chips{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:16px;display:flex}.chip{color:#40311f;font:700 12px var(--font);cursor:pointer;background:#fffdf7;border:2px solid #ddc9a6;border-radius:999px;align-items:center;gap:5px;padding:6px 12px;display:inline-flex}.chip.sel{border-color:var(--c,#f93);background:var(--c,#f93);color:#fff}.cta{width:100%;font:900 17px var(--font);letter-spacing:.4px;color:#2a1a06;cursor:pointer;background:linear-gradient(90deg,#ffb347,#ff8c00);border:none;border-radius:13px;margin-bottom:10px;padding:15px;box-shadow:0 6px #a85c00}.cta:active{transform:translateY(3px);box-shadow:0 3px #a85c00}.cta.alt{color:#f2fbe9;background:linear-gradient(90deg,#5f7f4f,#3f6236);box-shadow:0 6px #2a4023}.cta[hidden]{display:none}.keys{color:#6b5a45;margin-top:6px;font-size:11px;line-height:1.9}.disc{color:#9a8670;margin-top:10px;font-size:10px;line-height:1.5}.stats{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:8px;margin:12px 0 16px;display:grid}.stats>div{background:#3c281417;border-radius:10px;padding:8px 6px}.stats .lbl{letter-spacing:.1em;text-transform:uppercase;color:#8a7259;font-size:9px;display:block}.stats b{font-variant-numeric:tabular-nums;font-size:17px}.toast{border:1px solid var(--border);color:#fff;font:800 14px var(--font);opacity:0;pointer-events:none;z-index:25;white-space:nowrap;background:#080c18db;border-radius:999px;padding:9px 20px;transition:opacity .2s,transform .2s;position:fixed;top:84px;bottom:auto;left:50%;transform:translate(-50%)translateY(-8px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}@media (max-width:520px){.hud-card{min-width:70px;padding:6px 9px}.hud-card b{font-size:16px}.hud-left,.hud-right{top:10px}}