:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f1e3d3;background:#0d0908;font-family:system-ui,sans-serif}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}.game-root,.game-container{width:100%;height:100%;position:relative}.game-canvas{width:100%;height:100%;display:block}.overlay{text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;background:#080504b8;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1rem;display:flex;position:absolute;inset:0}.overlay h1{letter-spacing:.08em;text-transform:uppercase;color:#ff6a1f;text-shadow:0 0 24px #ff6a1f73;margin:0;font-size:clamp(2rem,6vw,3.5rem)}.overlay p{margin:0}.overlay-action{font-size:1.25rem;font-weight:600}.overlay-help{opacity:.75;max-width:40rem;font-size:.9rem}.overlay-notice{color:#ffc24a}.overlay-error{color:#ff7a6a}.hud-root{pointer-events:none;position:absolute;inset:0}.stats-panel{white-space:pre;color:#b8ffb0;background:#0009;border-radius:4px;padding:6px 10px;font:12px/1.45 ui-monospace,SF Mono,Menlo,monospace;position:absolute;top:8px;left:8px}.crosshair{--gap:6px;width:0;height:0;position:absolute;top:50%;left:50%}.crosshair-bar{background:#ffecd2e6;position:absolute;box-shadow:0 0 2px #000c}.crosshair-top,.crosshair-bottom{width:2px;height:8px;left:-1px}.crosshair-left,.crosshair-right{width:8px;height:2px;top:-1px}.crosshair-top{bottom:var(--gap)}.crosshair-bottom{top:var(--gap)}.crosshair-left{right:var(--gap)}.crosshair-right{left:var(--gap)}.hud{pointer-events:none;color:#ffd9b0;font-family:ui-monospace,SF Mono,Menlo,monospace;position:absolute;inset:0}.hud-flash{opacity:0;position:absolute;inset:0}.hud-flash-damage{background:radial-gradient(#a0000026 30%,#aa0000d9 100%)}.hud-flash-pickup{mix-blend-mode:screen}.hud-indicators{width:0;height:0;position:absolute;top:50%;left:50%}.hud-indicator{opacity:0;transform-origin:70px 130px;width:140px;height:260px;position:absolute;top:-130px;left:-70px}.hud-indicator:before{content:"";filter:drop-shadow(0 0 6px #ff1e0acc);border-top:6px solid #ff2814e6;border-radius:50% 50% 0 0;width:100px;height:22px;position:absolute;top:0;left:20px}.hud-messages{text-shadow:0 1px 3px #000,0 0 8px #000c;flex-direction:column;align-items:center;gap:4px;font-size:15px;font-weight:700;display:flex;position:absolute;top:18%;left:0;right:0}.hud-bar{background:linear-gradient(#2a2622,#15120f);border:2px solid #4a3e32;border-radius:6px;align-items:stretch;gap:6px;padding:6px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #0009,inset 0 1px #ffffff14}.hud-box{background:#0d0b0a;border:1px solid #3a3028;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;min-width:92px;padding:4px 8px;display:flex}.hud-value{color:#ff8a3a;text-shadow:0 0 10px #ff6a1f99;font-size:30px;font-weight:800;line-height:1}.hud-value.hud-low{color:#ff3a28;animation:.6s infinite alternate hud-pulse}@keyframes hud-pulse{to{opacity:.45}}.hud-label{letter-spacing:.08em;color:#b09070;margin-top:3px;font-size:10px}.hud-ammo{min-width:118px}.hud-face-box{min-width:0;padding:2px 6px}.hud-face{width:80px;height:88px;image-rendering:pixelated}.hud-inventory{gap:5px;min-width:150px}.hud-slots,.hud-keys{gap:4px;display:flex}.hud-slot{text-align:center;color:#3e342c;width:20px;font-size:14px;font-weight:700}.hud-slot-owned{color:#c0a080}.hud-slot-current{color:#ffb070;text-shadow:0 0 8px #ff8c3ccc}.hud-key{opacity:.25;border:1px solid #3a3028;border-radius:2px;width:20px;height:12px}.hud-key-owned{opacity:1;box-shadow:0 0 8px}.hud-key-red{color:#ff4030;background:#ff4030}.hud-key-blue{color:#3080ff;background:#3080ff}.hud-key-yellow{color:#ffd020;background:#ffd020}.hud-weapon-name{color:#b09070;white-space:nowrap;font-size:10px}@media (max-width:720px){.hud-bar{transform-origin:bottom;transform:translate(-50%)scale(.7)}}.level-end{cursor:default;background:#080504e0}.level-end-table{border-collapse:collapse;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:1.25rem}.level-end-table th{text-align:left;color:#c0a080;padding:6px 24px 6px 0;font-weight:600}.level-end-table td{text-align:right;color:#ff8a3a;padding:6px 0 6px 12px;font-weight:800}.level-end-table .level-end-count{color:#8a7058;padding-left:24px;font-size:.95rem;font-weight:400}.overlay-button{font:inherit;color:#1a0e08;cursor:pointer;background:#ff8a3a;border:0;border-radius:4px;margin-top:.75rem;padding:.6rem 1.6rem;font-weight:700}.overlay-button:hover{background:#ffa060}.overlay-level,.level-end-name{letter-spacing:.12em;text-transform:uppercase;color:#c0a080;font-size:1.05rem}.overlay-button-secondary{color:#ffd9b0;background:0 0;border:1px solid #6a5040;margin-top:.25rem}.overlay-button-secondary:hover{background:#ff8a3a26}.automap{width:100%;height:100%;position:absolute;inset:0}.menu-overlay{cursor:default;overflow-y:auto}.death-screen{background:radial-gradient(#280402cc,#080201f2)}.death-screen h1{color:#ff3a28;text-shadow:0 0 24px #ff1e0a8c}.menu-list{flex-direction:column;gap:.5rem;min-width:min(20rem,80vw);display:flex}.menu-button{font:inherit;letter-spacing:.04em;color:#1a0e08;cursor:pointer;background:linear-gradient(#ffa060,#ff7a2a);border:0;border-radius:4px;padding:.7rem 1.4rem;font-size:1.05rem;font-weight:700;transition:transform 80ms,filter 80ms;box-shadow:0 2px #8a3a10,0 0 16px #ff6a1f40}.menu-button:hover,.menu-button:focus-visible{filter:brightness(1.12);outline:none;transform:translateY(-1px)}.menu-button-secondary{color:#ffd9b0;box-shadow:none;background:#140c08b3;border:1px solid #6a5040}.menu-panel{background:#0e0907f0;border:1px solid #4a3a2e;border-radius:8px;flex-direction:column;align-items:center;gap:1rem;width:min(52rem,94vw);max-height:92vh;padding:1.5rem;display:flex;overflow-y:auto;box-shadow:0 10px 40px #0009}.menu-panel h2{letter-spacing:.1em;text-transform:uppercase;color:#ff8a3a;margin:0;font-size:1.8rem}.menu-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.menu-note{color:#a08870;margin:0;font-size:.85rem}.options-grid{grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:.8rem;width:100%;display:grid}.option-group{border:1px solid #3a2e26;border-radius:6px;flex-direction:column;gap:.45rem;margin:0;padding:.7rem .9rem;display:flex}.option-group legend{letter-spacing:.08em;text-transform:uppercase;color:#c0a080;padding:0 .4rem;font-weight:700}.option-row{text-align:left;cursor:pointer;grid-template-columns:1fr 9rem 3.6rem;align-items:center;gap:.6rem;font-size:.95rem;display:grid}.option-row input[type=range]{accent-color:#ff8a3a;width:9rem}.option-row:has(input[type=checkbox])>span{grid-column:1/3}.option-row input[type=checkbox]{accent-color:#ff8a3a;grid-column:3;justify-self:end;width:1.1rem;height:1.1rem}.option-row output{text-align:right;color:#ffb070;min-width:3.6rem;font-family:ui-monospace,SF Mono,Menlo,monospace}.controls-table{border-collapse:collapse;font-size:1rem}.controls-table th{text-align:right;color:#ffb070;padding:5px 1.5rem 5px 0;font-family:ui-monospace,SF Mono,Menlo,monospace}.controls-table td{text-align:left;color:#e8d6c4;padding:5px 0}.main-menu{background:radial-gradient(at 50% 120%,#ff5a1473,#0000 60%),radial-gradient(at 50% -20%,#3c1e5059,#0000 55%),#0b0706;flex-direction:column;justify-content:center;align-items:center;gap:1.1rem;height:100%;display:flex;position:relative;overflow:hidden}.main-menu-embers{pointer-events:none;opacity:.8;background-image:radial-gradient(2px 2px at 10% 90%,#ffb060,#0000),radial-gradient(1.5px 1.5px at 30% 80%,#ff7a2a,#0000),radial-gradient(2px 2px at 55% 95%,#ffd070,#0000),radial-gradient(1.5px 1.5px at 75% 85%,#ff9040,#0000),radial-gradient(2px 2px at 90% 92%,#ffb060,#0000);animation:7s linear infinite embers;position:absolute;inset:0}@keyframes embers{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.main-menu-title{letter-spacing:.12em;text-transform:uppercase;color:#ff6a1f;text-shadow:0 0 30px #ff6a1f8c,0 4px #5a1c06;margin:0;font-size:clamp(2.6rem,9vw,5.5rem);position:relative}.main-menu-subtitle{letter-spacing:.08em;color:#c0a080;margin:0 0 .6rem;font-size:1.05rem;position:relative}.main-menu-footer{color:#6a5848;margin:0;font-size:.8rem;position:absolute;bottom:1rem}body.recording,body.recording *{cursor:none!important}body.recording-no-hud .hud-root{display:none}.trailer{z-index:50;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.trailer-video{object-fit:contain;background:#000;width:100%;height:100%}.trailer-close{position:absolute;top:1.2rem;right:1.2rem}