: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-row-right{align-items:baseline;gap:10px;display:flex}.mute-btn{pointer-events:auto;font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:13px;line-height:1}.mute-btn:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:4px}.mute-btn.is-muted{opacity:.4}.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}.overlay-actions{gap:10px;display:flex}.door-prompt{pointer-events:none;border:1px solid var(--gold);color:var(--gold);background:#0b0920d9;border-radius:8px;margin:0;padding:8px 16px;font-size:13px;font-weight:600;position:absolute;bottom:14%;left:50%;transform:translate(-50%)}.door-prompt.is-locked{border-color:var(--warn);color:var(--warn)}.ranged-empty{pointer-events:none;border:1px solid var(--warn);color:var(--warn);background:#0b0920d9;border-radius:8px;margin:0;padding:6px 14px;font-size:13px;font-weight:600;position:absolute;top:20%;left:50%;transform:translate(-50%)}.sanctum{padding:24px;font-size:14px;overflow-y:auto}.sanctum-table{border-collapse:collapse;color:var(--ink);font-size:13px;font-weight:400}.sanctum-table th,.sanctum-table td{text-align:left;border-bottom:1px solid #ffffff1f;padding:4px 12px}.sanctum-table th{color:var(--muted);font-weight:600}.controls{color:var(--muted);text-align:center;margin:0;font-size:12px}.character-select{background:linear-gradient(#0b09204d,#0b09208a),url(/assets/ui/character-select-bg.png) 50%/cover no-repeat,#0b0920;place-items:center;min-height:100%;padding:28px;display:grid;position:relative;overflow:hidden}.character-select:before,.character-select:after{content:"";pointer-events:none;border:1px solid #8be9fd33;border-radius:50%;position:absolute}.character-select:before{aspect-ratio:1;width:min(76vw,860px)}.character-select:after{aspect-ratio:1;border-color:#ffc65c33;width:min(56vw,620px)}.character-select-orbit{aspect-ratio:1;background:var(--cyan);border-radius:50%;width:12px;position:absolute;box-shadow:0 0 36px 12px #8be9fd94}.character-select-content{z-index:1;text-align:center;width:min(100%,920px);position:relative}.character-select-wordmark{color:var(--gold);letter-spacing:.15em;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:700}.character-select h1{margin:0;font-size:clamp(2.1rem,6vw,4.6rem);line-height:1}.character-select-intro{max-width:48ch;color:var(--muted);margin:16px auto 28px}.character-stage{grid-template-columns:auto minmax(260px,420px) auto;justify-content:center;align-items:center;gap:24px;display:grid}.character-feature{background:#171340c2;border-radius:14px;min-height:318px;padding:12px 16px;box-shadow:0 16px 30px #00000047}.character-preview{width:100%;height:232px}.character-preview canvas{width:100%;height:100%;display:block}.character-cycle{aspect-ratio:1;width:48px;color:var(--cyan);cursor:pointer;background:#171340e0;border:1px solid #8be9fd9e;border-radius:50%;place-items:center;display:grid}.character-cycle:hover{background:var(--cyan);color:var(--bg)}.character-cycle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:23px}.character-cycle:focus-visible,.character-begin:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.character-card-name{font-size:20px;font-weight:750}.character-card-class{color:var(--cyan);font-size:13px;font-weight:650}.character-card-status{color:var(--muted);font-size:11px}.character-select-footer{margin-top:26px}.character-select-footer p{color:var(--muted);margin:0 0 12px}.character-select-footer strong{color:var(--ink)}.character-begin{border:1px solid var(--gold);background:var(--gold);color:#20142f;cursor:pointer;border-radius:10px;padding:11px 22px;font:750 15px/1 system-ui,-apple-system,Segoe UI,sans-serif}@media (max-width:620px){.character-select{align-items:start;padding:18px;overflow-y:auto}.character-select-content{padding-block:18px}.character-stage{grid-template-columns:42px minmax(0,1fr) 42px;gap:8px}.character-cycle{width:42px}.character-feature{min-height:286px}.character-preview{height:205px}}@media (prefers-reduced-motion:reduce){.character-cycle{transition:none}}.touch-controls{display:none}@media (pointer:coarse),(max-width:600px){.app{justify-content:flex-start;gap:8px;padding:8px 12px}.stage{max-height:calc(100svh - 178px)}.touch-controls{-webkit-user-select:none;user-select:none;touch-action:none;justify-content:space-between;gap:14px;width:min(100%,520px);display:flex}.touch-move,.touch-actions{gap:8px;display:flex}.touch-actions{flex-wrap:wrap;justify-content:flex-end}.touch-btn{min-width:58px;min-height:48px;color:var(--ink);touch-action:none;background:#18143ef0;border:1px solid #93e7ffb8;border-radius:12px;padding:8px 11px;font:600 13px/1 system-ui,-apple-system,Segoe UI,sans-serif}.touch-btn:active{background:var(--cyan);color:var(--bg)}.touch-direction{min-width:54px;font-size:25px}.touch-low-cast{font-size:11px}.controls{display:none}}kbd{background:var(--panel);font:inherit;border:1px solid #ffffff24;border-radius:4px;padding:1px 6px;font-size:11px}