:root{--ink:#fff6fb;--muted:#fff6fba6;--panel:#3c143280;--accent:#ff5fa8;--health:#7be495;--danger:#ff3b6b;color:var(--ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#2a1030;overflow:hidden}.app{position:fixed;inset:0}.canvas{position:absolute;inset:0}.canvas canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.overlay{padding:calc(24px + var(--safe-top)) calc(24px + var(--safe-right)) calc(24px + var(--safe-bottom)) calc(24px + var(--safe-left));text-align:center;background:linear-gradient(#46143c1f 0%,#46143c38 45%,#280a28b8 100%);flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0;overflow-y:auto}.overlay.dim{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#280a28b3}.overlay.dead{background:radial-gradient(circle,#8c14468c,#280a28e6)}.overlay.victory{background:radial-gradient(circle,#ff96d273,#280a28e6)}.overlay h1{letter-spacing:.18em;text-transform:uppercase;text-shadow:0 4px 30px #0009;margin:0;font-size:clamp(48px,9vw,96px);font-weight:800}.overlay h2{letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:clamp(32px,6vw,56px)}.tagline{max-width:520px;color:var(--muted);margin:0;line-height:1.5}.muted{color:var(--muted)}button{font:inherit;touch-action:manipulation;color:var(--ink);cursor:pointer;background:#ffffff14;border:1px solid #ffffff40;border-radius:8px;padding:10px 20px;transition:background .15s,transform .1s}button:hover:not(:disabled){background:#ffffff29}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--accent);color:#2a0a1e;letter-spacing:.04em;border-color:#0000;padding:14px 32px;font-size:18px;font-weight:700}button.primary:hover:not(:disabled){background:#ff7fbb}.row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.music-toggle[aria-pressed=false]{opacity:.7}.seed-form{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:10px;display:flex}.seed-form label{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;flex-direction:column;gap:6px;font-size:12px;display:flex}.seed-form input{font:inherit;color:var(--ink);text-transform:none;letter-spacing:0;background:#00000059;border:1px solid #fff3;border-radius:6px;min-width:220px;padding:8px 12px;font-size:15px}.controls{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:8px 20px;margin:8px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.controls li{align-items:center;gap:8px;display:flex}kbd{font:inherit;color:var(--ink);background:#ffffff1a;border:1px solid #ffffff40;border-bottom-width:2px;border-radius:4px;padding:2px 7px;font-size:12px}.summary{grid-template-columns:auto auto;gap:6px 18px;margin:0;font-size:15px;display:grid}.summary dt{color:var(--muted);text-align:right}.summary dd{text-align:left;margin:0;font-weight:600}.intro{pointer-events:none;position:absolute;inset:0}.intro .bar{background:#1a0616;height:11vh;animation:1.2s ease-out barsin;position:absolute;left:0;right:0}.intro .bar.top{top:0}.intro .bar.bottom{bottom:0}@keyframes barsin{0%{height:0}}.intro .caption{text-align:center;letter-spacing:.06em;text-shadow:0 2px 14px #28001ecc;max-width:720px;padding:0 24px;font-size:clamp(18px,2.4vw,26px);transition:opacity .1s linear;position:absolute;bottom:16vh;left:50%;transform:translate(-50%)}.intro .skip{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex;position:absolute;bottom:3vh;right:20px}.hud{pointer-events:none;position:absolute;inset:0}.vignette{background:radial-gradient(#c8141400 45%,#c81414bf 100%);transition:opacity 80ms;position:absolute;inset:0}.crosshair{width:0;height:0;position:absolute;top:50%;left:50%}.crosshair span{background:#ffffffe6;transition:transform 80ms;position:absolute;box-shadow:0 0 2px #000c}.crosshair span:first-child{width:2px;height:8px;top:-14px;left:-1px}.crosshair span:nth-child(2){width:2px;height:8px;top:6px;left:-1px}.crosshair span:nth-child(3){width:8px;height:2px;top:-1px;left:-14px}.crosshair span:nth-child(4){width:8px;height:2px;top:-1px;left:6px}.crosshair.locked span{background:var(--accent)}.crosshair.locked span:first-child{transform:translateY(3px)}.crosshair.locked span:nth-child(2){transform:translateY(-3px)}.crosshair.locked span:nth-child(3){transform:translate(3px)}.crosshair.locked span:nth-child(4){transform:translate(-3px)}.crosshair.hit span{background:#ffd36a}.crosshair.hit span:first-child{transform:translateY(-4px)}.crosshair.hit span:nth-child(2){transform:translateY(4px)}.crosshair.hit span:nth-child(3){transform:translate(-4px)}.crosshair.hit span:nth-child(4){transform:translate(4px)}.crosshair.kill span{background:var(--danger)}.compass{text-align:center;width:min(420px,70vw);position:absolute;top:18px;left:50%;transform:translate(-50%)}.compass-strip{background:var(--panel);border-radius:6px;height:26px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.cardinal,.boss-marker{letter-spacing:.1em;font-size:13px;font-weight:700;position:absolute;top:50%;transform:translate(-50%,-50%)}.cardinal{color:#ffffffb3}.boss-marker{color:var(--accent);text-shadow:0 0 8px #ff5fa8e6;font-size:16px}.boss-marker.edge{font-size:12px}.boss-marker.baron{color:#ffe9a8;text-shadow:0 0 8px #ffdc8ce6}.compass-center{background:#ffffffd9;width:2px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.compass-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-top:4px;font-size:12px}.boss-bars{flex-direction:column;gap:10px;width:min(520px,80vw);display:flex;position:absolute;top:78px;left:50%;transform:translate(-50%)}.boss-bar{text-align:center}.boss-name{letter-spacing:.3em;color:#ffb3dc;margin-bottom:4px;font-size:13px}.bar{background:#00000080;border:1px solid #ffffff40;border-radius:5px;height:10px;overflow:hidden}.fill{background:var(--health);height:100%;transition:width .1s}.fill.low{background:var(--danger)}.fill.boss{background:linear-gradient(90deg,#ff2d7a,#ff8fd0)}.fill.boss.baron{background:linear-gradient(90deg,#e9a95f,#fff1d6)}.message{text-align:center;letter-spacing:.08em;width:min(90vw,720px);color:var(--ink);text-shadow:0 2px 12px #000c;font-size:20px;animation:.6s ease-out fadein;position:absolute;top:32%;left:50%;transform:translate(-50%)}@keyframes fadein{0%{opacity:0;transform:translate(-50%,8px)}}.stats{text-shadow:0 1px 4px #000c;font-size:14px;position:absolute;top:18px;left:20px}.kills{font-size:20px;font-weight:700}.dungeon-status{letter-spacing:.06em;text-shadow:0 1px 4px #000c;background:#14081899;border:1px solid #9dff6a4d;border-radius:6px;flex-direction:column;align-items:flex-end;gap:4px;padding:8px 12px;font-size:13px;display:flex;position:absolute;top:18px;right:20px}.dungeon-status span:last-child{color:var(--muted);font-size:12px}.dungeon-status .done{color:#ffd76a}.fade{background:#000;place-items:center;display:grid;position:absolute;inset:0}.zzz{letter-spacing:.3em;color:#c8d4ff;font-size:34px;animation:1.2s ease-out fadein}.clock{letter-spacing:.04em;margin-top:4px;font-size:13px}.clock.night,.clock.dusk{color:#c8d4ff}.clock.day,.clock.dawn{color:#ffe9a8}.prompt{letter-spacing:.05em;text-align:center;text-shadow:0 1px 4px #000c;background:#28101e99;border-radius:6px;max-width:90vw;padding:6px 14px;font-size:15px;position:absolute;top:calc(50% + 34px);left:50%;transform:translate(-50%)}.seed{color:var(--muted);margin-top:2px;font-size:12px}.health{align-items:center;gap:12px;width:min(280px,40vw);display:flex;position:absolute;bottom:22px;left:20px}.health .bar{flex:1;height:14px}.run-meter{align-items:center;gap:10px;width:min(220px,34vw);display:flex;position:absolute;bottom:50px;left:20px}.run-meter .bar{flex:1;height:7px}.fill.stamina{background:#7fd8ff;transition:width 80ms linear}.run-meter.running .fill.stamina{background:#b8ecff;box-shadow:0 0 8px #7fd8ffcc}.run-meter.resting .fill.stamina{background:#ffffff73}.run-label{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;white-space:nowrap;font-size:11px}.run-meter.resting .run-label{color:#ffb3c8}.health-num{text-shadow:0 1px 4px #000c;min-width:48px;font-size:26px;font-weight:800}.ammo{text-align:right;text-shadow:0 1px 4px #000c;position:absolute;bottom:18px;right:22px}.ammo-num{font-size:34px;font-weight:800;line-height:1}.ammo-mag{color:var(--muted);font-size:16px;font-weight:500}.ammo-hint{color:var(--muted);text-transform:uppercase;letter-spacing:.15em;margin-top:4px;font-size:12px}.ammo.reloading .ammo-num{color:var(--muted)}.ammo.golden .ammo-num,.ammo-hint.gold{color:#ffc83d;text-shadow:0 0 10px #ffc83db3}.rotate-hint{margin:0;font-size:14px;display:none}@media (orientation:portrait){.rotate-hint{display:block}}@media (height<=520px){.overlay{justify-content:safe center;gap:10px}.overlay h1{font-size:40px}.overlay h2{font-size:30px}.tagline{font-size:14px;line-height:1.4}.menu .tagline{display:none}button.primary{padding:10px 26px;font-size:16px}.controls{gap:6px 14px;margin-top:2px;font-size:12px}}.touch-btn{pointer-events:auto;touch-action:none;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);text-shadow:0 1px 3px #000000b3;-webkit-user-select:none;user-select:none;background:#3c143266;border:2px solid #ffffff73;border-radius:50%;place-items:center;padding:0;font-size:13px;font-weight:700;display:grid;position:absolute}.touch-btn:active:not(:disabled){background:#ff5fa873;transform:scale(.94)}.touch-btn.fire{right:calc(28px + var(--safe-right));bottom:calc(28px + var(--safe-bottom));background:#ff5fa859;border-color:#ff96c8bf;width:92px;height:92px}.touch-btn.jump{right:calc(138px + var(--safe-right));bottom:calc(22px + var(--safe-bottom));width:68px;height:68px}.touch-btn.pause{top:calc(14px + var(--safe-top));right:calc(14px + var(--safe-right));justify-content:center;align-items:center;gap:5px;width:44px;height:44px;display:flex}.touch-btn.pause span{background:var(--ink);border-radius:1px;width:4px;height:15px}.stick{background:#3c143240;border:2px solid #fff6;border-radius:50%;place-items:center;width:112px;height:112px;display:grid;position:absolute}.stick-knob{background:#ffffff8c;border-radius:50%;width:52px;height:52px;box-shadow:0 2px 8px #0006}.stick.hint{left:calc(48px + var(--safe-left));bottom:calc(40px + var(--safe-bottom));opacity:.45}.stick.hint .stick-knob{grid-area:1/1}.stick.hint span{letter-spacing:.15em;text-transform:uppercase;color:#2a0a1e;grid-area:1/1;font-size:11px;font-weight:700}.hud.touch .stats{top:calc(12px + var(--safe-top));left:calc(14px + var(--safe-left));font-size:12px}.hud.touch .kills{font-size:16px}.hud.touch .compass{top:calc(12px + var(--safe-top));width:min(360px,50vw)}.hud.touch .health{left:50%;bottom:calc(12px + var(--safe-bottom));gap:8px;width:min(240px,30vw);transform:translate(-50%)}.hud.touch .health .bar{height:10px}.hud.touch .health-num{min-width:32px;font-size:18px}.hud.touch .run-meter{left:50%;bottom:calc(40px + var(--safe-bottom));flex-direction:column;align-items:stretch;gap:3px;width:min(240px,30vw);transform:translate(-50%)}.hud.touch .run-label{text-align:center;font-size:9px}.hud.touch .ammo{right:calc(28px + var(--safe-right));bottom:calc(132px + var(--safe-bottom));pointer-events:auto}.hud.touch .ammo-num{font-size:24px}.hud.touch .ammo-hint{letter-spacing:.1em;font-size:10px}.hud.touch .dungeon-status{top:calc(66px + var(--safe-top));right:calc(14px + var(--safe-right));font-size:11px}.hud.touch .boss-bars{top:calc(64px + var(--safe-top));width:min(360px,50vw)}.hud.touch .boss-name{font-size:11px}.hud.touch .message{font-size:15px;top:26%}.hud.touch .prompt{font-size:13px}@media (orientation:portrait){.hud.touch .compass{top:calc(88px + var(--safe-top));width:80vw}.hud.touch .boss-bars{top:calc(146px + var(--safe-top));width:80vw}.hud.touch .health,.hud.touch .run-meter{width:34vw;left:calc(16px + var(--safe-left));bottom:calc(170px + var(--safe-bottom));transform:none}.hud.touch .run-meter{bottom:calc(198px + var(--safe-bottom))}}