:root{--bg:#050303;--text:#e6ddd2;--muted:#9a8c80;--blood:#8a1016;--blood-bright:#c0303a;--bone:#d8ccb0;--candle:#e08a2c;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--sans:system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--serif);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;overflow:hidden}#app canvas{width:100vw;height:100vh;display:block}.hidden{display:none!important}#hud{pointer-events:none;z-index:2;position:fixed;inset:0}#crosshair{background:#ece4dcbf;border-radius:50%;width:4px;height:4px;margin:-2px 0 0 -2px;transition:transform 80ms,background 80ms;position:absolute;top:50%;left:50%;box-shadow:0 0 2px #000000e6}#crosshair.hit{background:var(--blood-bright);transform:scale(2.2)}#prompt{font-family:var(--sans);letter-spacing:.04em;color:var(--text);text-shadow:0 1px 3px #000;white-space:nowrap;font-size:14px;position:absolute;top:58%;left:50%;transform:translate(-50%)}#prompt kbd,.controls kbd{min-width:22px;font-family:var(--sans);text-align:center;background:#00000073;border:1px solid #ece4dc80;border-radius:4px;margin-right:6px;padding:1px 6px;font-size:12px;display:inline-block}#subtitle{text-align:center;max-width:min(760px,86vw);color:var(--text);text-shadow:0 1px 4px #000,0 0 12px #000;opacity:0;font-size:19px;line-height:1.45;transition:opacity .4s;position:absolute;bottom:22%;left:50%;transform:translate(-50%)}#subtitle.show{opacity:1}#notice{text-align:center;letter-spacing:.3em;text-transform:uppercase;color:var(--bone);text-shadow:0 0 20px #000,0 2px 4px #000;opacity:0;white-space:nowrap;font-size:34px;transition:opacity 1.2s;position:absolute;top:32%;left:50%;transform:translate(-50%)}#notice small{letter-spacing:.25em;color:var(--muted);margin-top:8px;font-size:13px;display:block}#notice.show{opacity:1}#vitals{left:50%;bottom:calc(26px + env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;transform:translate(-50%)}#health{width:min(280px,60vw)}#health .bar{background:#0000008c;border:1px solid #d8ccb040;border-radius:3px;height:6px;overflow:hidden}#health .bar i{background:linear-gradient(90deg, #5a0a0e, var(--blood-bright));width:100%;height:100%;transition:width .25s;display:block}#health.low .bar i{animation:.8s infinite pulse}@keyframes pulse{50%{opacity:.45}}#ammo{text-align:center;white-space:nowrap;text-shadow:0 1px 4px #000}#ammo .label{font-family:var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:11px;display:block}#ammo .count{color:var(--bone);font-size:30px}#ammo .count small{color:var(--muted);font-size:17px}#items{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;max-width:min(560px,92vw);display:flex}#items .group{align-items:center;gap:8px;display:flex}#items .group:not(:empty)~.group:not(:empty){border-left:1px solid #d8ccb02e;padding-left:12px}#items .group:empty{display:none}#ammo:not(:has(.label:not(:empty))){display:none}#items:not(:has(.item)){display:none}#items .item{width:38px;height:38px;color:var(--bone);background:#0a06068c;border:1px solid #d8ccb047;border-radius:6px;place-items:center;transition:border-color .15s,color .15s,background .15s,transform .15s,opacity .15s;display:grid;position:relative}#items:has(.active) .weapon:not(.active){opacity:.55}#items .item .num{font:600 9px/1 var(--sans);color:var(--muted);position:absolute;top:1px;left:3px}#items .item.active .num{color:var(--candle)}#items .item .count{font:600 10px/1 var(--sans);color:var(--bone);text-shadow:0 1px 2px #000;font-style:normal;position:absolute;bottom:1px;right:3px}#items .item.key{opacity:.6;border-style:dashed;width:30px;height:30px}#items .item.key svg{width:18px;height:18px}#items .item.used{animation:.5s ease-out usedItem}@keyframes usedItem{0%{border-color:var(--blood-bright);transform:scale(.88)}to{transform:scale(1)}}#items .item.active{border-color:var(--candle);color:#f4c98a;background:#3c1e0ab3;transform:translateY(-3px);box-shadow:0 0 10px #e08a2c73,inset 0 0 6px #e08a2c40}#items .item svg{width:24px;height:24px}#items .item.new{animation:1.6s ease-out newItem}@keyframes newItem{0%{border-color:var(--candle);box-shadow:0 0 #e08a2ce6}to{box-shadow:0 0 0 14px #e08a2c00}}#boss{text-align:center;width:min(520px,70vw);position:absolute;top:26px;left:50%;transform:translate(-50%)}#boss .name{letter-spacing:.3em;text-transform:uppercase;color:var(--bone);text-shadow:0 1px 4px #000;margin-bottom:6px;font-size:15px;display:block}#boss .bar{background:#0009;border:1px solid #8a101699;border-radius:3px;height:5px;overflow:hidden}#boss .bar i{background:linear-gradient(90deg, #3a060a, var(--blood-bright));width:100%;height:100%;transition:width .3s;display:block}#fps{color:#9f9;text-shadow:0 1px 2px #000;white-space:pre;text-align:right;font-family:ui-monospace,Menlo,monospace;font-size:12px;position:absolute;top:10px;right:12px}#loading{color:var(--muted);letter-spacing:.3em;font-size:22px;position:fixed;bottom:24px;right:24px}.screen{padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));z-index:10;background:radial-gradient(#140608b8,#000000f0);display:flex;position:fixed;inset:0;overflow-y:auto}#screen-title{background:radial-gradient(at 50% 45%,#14060840 0%,#08030499 60%,#000000e6 100%)}.screen-inner{text-align:center;width:min(640px,90vw);margin:auto}.screen h1{letter-spacing:.22em;text-transform:uppercase;color:var(--bone);text-shadow:0 0 40px #8a10168c;margin:0 0 18px;font-size:clamp(48px,9vw,92px);font-weight:400}.screen h2{letter-spacing:.18em;text-transform:uppercase;color:var(--bone);margin:0 0 14px;font-size:40px;font-weight:400}.screen h2.blood{color:var(--blood-bright);text-shadow:0 0 30px #8a1016cc}.tagline{color:#cbbfb3;max-width:520px;margin:0 auto 28px;font-size:18px;font-style:italic;line-height:1.6}.buttons{flex-direction:column;align-items:center;gap:10px;margin-bottom:26px;display:flex}button{font-family:var(--serif);letter-spacing:.14em;text-transform:uppercase;color:var(--text);border:1px solid var(--blood);cursor:pointer;background:#3a060a8c;border-radius:4px;min-width:260px;padding:10px 34px;font-size:18px;transition:background .15s,border-color .15s}@media (hover:hover){button:hover{border-color:var(--blood-bright);background:#7a0f16b3}}button.secondary{background:0 0;border-color:#d8ccb040;font-size:14px}@media (hover:hover){button.secondary:hover{background:#d8ccb014}}.controls{font-family:var(--sans);color:var(--muted);text-align:left;grid-template-columns:repeat(3,auto);justify-content:center;gap:10px 26px;margin-bottom:20px;font-size:13px;display:grid}.hint{font-family:var(--sans);color:var(--muted);font-size:13px}.setting{width:300px;font-family:var(--sans);color:var(--muted);justify-content:space-between;align-items:center;gap:16px;margin:8px auto;font-size:13px;display:flex}.setting input{accent-color:var(--blood-bright)}.screen-inner.pause-layout{justify-content:center;align-items:center;gap:56px;width:min(860px,92vw);display:flex}.pause-menu{flex:none}.pause-controls{text-align:left;border-left:1px solid #d8ccb026;padding-left:48px}.pause-controls h3{letter-spacing:.24em;text-transform:uppercase;color:var(--bone);margin:0 0 16px;font-size:14px;font-weight:400}.pause-controls .controls{grid-template-columns:auto;justify-content:start;gap:12px;margin-bottom:0}@media (width<=760px){.screen-inner.pause-layout{flex-direction:column;gap:24px}.pause-controls{border-left:0;padding-left:0}.pause-controls .controls{grid-template-columns:repeat(2,auto)}}@media (width<=640px){.controls{grid-template-columns:repeat(2,auto)}button{min-width:220px}.controls.touch-only{grid-template-columns:auto}}@media (height<=520px){.screen h1{margin-bottom:8px;font-size:clamp(34px,7vw,56px)}.screen h2{margin-bottom:8px;font-size:28px}.tagline{margin-bottom:14px;font-size:15px}.buttons{gap:8px;margin-bottom:14px}button{padding:8px 28px}.controls{gap:6px 20px;margin-bottom:10px}.screen-inner.pause-layout{flex-direction:row;gap:32px}.pause-controls .controls{grid-template-columns:auto;gap:6px}.pause-controls{border-left:1px solid #d8ccb026;padding-left:32px}}body:not(.touch) .touch-only,body.touch .keys-only{display:none}body.touch:has(.screen:not(.hidden)) #hud{visibility:hidden}body.touch .controls kbd{min-width:0}body.touch #prompt{pointer-events:auto;padding:10px 14px;font-size:15px}body.touch #items .item{pointer-events:auto;width:44px;height:44px}body.touch #items .item.key{pointer-events:none;width:32px;height:32px}body.touch #subtitle{bottom:calc(26% + env(safe-area-inset-bottom));font-size:16px}body.touch #notice{font-size:26px}@media (height<=520px){body.touch #subtitle{top:calc(64px + env(safe-area-inset-top));max-width:62vw;font-size:15px;bottom:auto}body.touch #notice{font-size:22px;top:36%}body.touch #prompt{top:56%}}#touch{z-index:1;touch-action:none;position:fixed;inset:0}#touch .stick{left:calc(110px + env(safe-area-inset-left));top:calc(100% - 120px - env(safe-area-inset-bottom));opacity:.4;pointer-events:none;background:radial-gradient(circle,#0a06061a,#0a060673);border:1px solid #d8ccb04d;border-radius:50%;width:112px;height:112px;margin:-56px 0 0 -56px;transition:opacity .15s,border-color .15s;position:absolute}#touch .stick.active{opacity:1}#touch .stick.sprint{border-color:var(--candle)}#touch .stick i{background:#d8ccb02e;border:1px solid #d8ccb080;border-radius:50%;width:48px;height:48px;margin:-24px 0 0 -24px;position:absolute;top:50%;left:50%}#touch .tbtn{min-width:0;color:var(--bone);opacity:.75;touch-action:none;background:#0a060673;border:1px solid #d8ccb04d;border-radius:50%;place-items:center;padding:0;transition:transform 80ms,opacity 80ms,background 80ms,border-color .15s,box-shadow .15s;display:grid;position:absolute}#touch .tbtn svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:46%;height:46%}#touch .tbtn.pressed{opacity:1;background:#7a0f1699;transform:scale(.94)}#touch .pause{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));width:44px;height:44px}#touch .cluster{right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));pointer-events:none;width:190px;height:180px;position:absolute}#touch .cluster .tbtn{pointer-events:auto}#touch .attack{border-color:var(--blood);background:#3a060a80;width:88px;height:88px;bottom:0;right:0}#touch .use{width:62px;height:62px;bottom:8px;right:100px}#touch .use.ready{opacity:1;border-color:var(--candle);color:#f4c98a;box-shadow:0 0 12px #e08a2c80}#touch .reload{width:54px;height:54px;bottom:102px;right:18px}#touch .light{width:54px;height:54px;bottom:86px;right:96px}#rotate{display:none}@media (orientation:portrait){#rotate:not(.hidden){z-index:5;background:var(--bg);letter-spacing:.14em;text-transform:uppercase;text-align:center;color:var(--bone);place-items:center;padding:24px;font-size:20px;display:grid;position:fixed;inset:0}}