:root{--bg:#0b0920;--panel:#171340;--ink:#e8e4ff;--muted:#9a92cc;--gold:#ffc65c;--cyan:#8be9fd;--warn:#ff3ea5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);overscroll-behavior:none;font:14px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}.app{flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;padding:12px;display:flex}.stage{aspect-ratio:16/12;background:#131033;border-radius:10px;width:min(100%,1100px);max-height:calc(100vh - 90px);position:relative;overflow:hidden;box-shadow:0 12px 40px #00000073}.viewport{position:absolute;inset:0}.stage canvas{width:100%;height:100%;display:block}.hud{pointer-events:none;flex-direction:column;gap:6px;padding:12px 14px;display:flex;position:absolute;inset:0}.hud-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.hud-room{letter-spacing:.02em;font-weight:600}.hud-moon{font-variant-numeric:tabular-nums;color:var(--cyan);font-weight:600}.hud-moon.is-low{color:var(--warn)}.moonbar{background:#ffffff1f;border-radius:999px;height:6px;overflow:hidden}.moonbar-fill{background:var(--cyan);height:100%;transition:width .12s linear}.moonbar-fill.is-low{background:var(--warn);animation:.6s ease-in-out infinite alternate pulse}@keyframes pulse{to{opacity:.45}}@media (prefers-reduced-motion:reduce){.moonbar-fill,.moonbar-fill.is-low{transition:none;animation:none}}.hud-sub{color:var(--muted);font-size:12px}.overlay{pointer-events:auto;background:#0b0920b8;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:20px;font-weight:600;display:flex;position:absolute;inset:0}.overlay-sub{color:var(--muted);margin:0;font-size:13px;font-weight:400}.overlay p{margin:0}.overlay button{font:inherit;border:1px solid var(--gold);color:var(--gold);cursor:pointer;background:0 0;border-radius:8px;padding:8px 18px;font-size:14px}.overlay button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.controls{color:var(--muted);text-align:center;margin:0;font-size:12px}kbd{background:var(--panel);font:inherit;border:1px solid #ffffff24;border-radius:4px;padding:1px 6px;font-size:11px}