:root{--bg:#000;--fg:#fcfcfc;--accent:#d82800;--gold:#fca044;--blue:#2038ec}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--fg);margin:0;font-family:ui-monospace,Courier New,monospace;overflow:hidden}#loader{background:radial-gradient(circle at 50% 30%,#102060,#000 70%);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}#loader.drag{outline:4px dashed var(--gold);outline-offset:-16px}.panel{text-align:center;width:100%;max-width:560px;line-height:1.5}.panel h1{letter-spacing:.15em;color:var(--gold);text-shadow:4px 4px 0 var(--accent);margin:0 0 4px;font-size:clamp(32px,8vw,56px)}.sub{color:#bcbcbc;margin-top:0}.file input{display:none}.file span,#start{border:3px solid var(--fg);background:var(--blue);color:var(--fg);font:inherit;cursor:pointer;padding:12px 22px;font-weight:700;display:inline-block}#start{background:var(--accent);min-width:160px;margin-top:8px}#start:disabled{opacity:.35;cursor:default}.hint{color:#888;margin:6px 0 0;font-size:13px}#status.ok{color:#80d010}#status.err{color:#ff6060}.row{justify-content:center;gap:16px;margin-top:10px;display:flex}button.link{color:#888;font:inherit;cursor:pointer;background:0 0;border:none;font-size:13px;text-decoration:underline}.controls{color:#bcbcbc;margin-top:18px;font-size:13px}#game{display:none;position:fixed;inset:0}#view{width:100%;height:100%;image-rendering:pixelated;display:block}#hud{width:min(100vw,768px);image-rendering:pixelated;pointer-events:none;position:absolute;top:0;left:50%;transform:translate(-50%)}#textbox{width:min(100vw,768px);image-rendering:pixelated;pointer-events:none;background:#0009;display:none;position:absolute;top:calc(min(100vw,768px)/4.57143 + 2vh);left:50%;transform:translate(-50%)}#weapon{pointer-events:none;transform-origin:50% 100%;width:30vmin;height:30vmin;position:absolute;bottom:-4vmin;right:16vmin}#weapon img{width:100%;height:100%;image-rendering:pixelated}#clicktoplay{border:2px solid var(--fg);pointer-events:none;background:#000000b3;padding:8px 14px;display:none;position:absolute;top:62%;left:50%;transform:translate(-50%)}#crosshair{pointer-events:none;background:#ffffffb3;width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%}#toast{opacity:0;pointer-events:none;position:absolute;bottom:18vh;left:50%;transform:translate(-50%)}#toast canvas{image-rendering:pixelated;width:auto;height:24px}#toast.show{animation:2.4s ease-out toast}@keyframes toast{0%{opacity:0;transform:translate(-50%,10px)}10%{opacity:1;transform:translate(-50%)}80%{opacity:1}to{opacity:0}}#damage{pointer-events:none;opacity:0;background:#d8280073;position:absolute;inset:0}#damage.hit{animation:.35s ease-out hit}@keyframes hit{0%{opacity:1}to{opacity:0}}#fade{opacity:0;pointer-events:none;background:#000;transition:opacity .28s;position:absolute;inset:0}#fade.on{opacity:1}.overlay{text-align:center;color:var(--accent);letter-spacing:.1em;background:#000000bf;justify-content:center;align-items:center;font-size:clamp(28px,6vw,48px);display:none;position:absolute;inset:0}.overlay small{color:var(--fg);font-size:.4em}