@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=IBM+Plex+Mono:wght@400;600&display=swap');
:root{--ink:#0b0d13;--cream:#eee7d5;--red:#ee3d2f;--mint:#a9e3c7;--gold:#f3c967}
#soundBtn{margin-left:12px;background:#202e37;color:#a9e3c7;border:1px solid #526773;padding:7px 9px;font:10px monospace;cursor:pointer}
[hidden]{display:none!important}#weaponChoice{z-index:5}#weaponChoice button{margin:9px}#weaponChoice h2{font-family:'Archivo Black',sans-serif;color:var(--gold)}
.scoreboard{width:260px;margin-top:15px}.scoreboard h3{font:600 11px monospace;letter-spacing:.25em;color:#f3c967;margin:6px}.scoreboard ol{list-style:none;padding:0;margin:0;max-height:92px;overflow:auto;font:12px/1.6 monospace;color:#a9e3c7}#scoreEntry{margin-top:10px;font-size:10px}#scoreEntry input{background:#111923;border:1px solid #a9e3c7;color:#eee7d5;width:95px;padding:9px;font:16px monospace;text-transform:uppercase;letter-spacing:.15em}#scoreEntry button{padding:10px;font-size:10px;margin-left:8px}#scoreStatus{font-size:10px;margin-top:8px;max-width:310px}#startScreen h1{font-size:clamp(40px,7vw,82px)}#startScreen p{margin:15px 0}#startScreen{overflow:auto;padding:15px}#startScreen.demo{inset:12px 12px auto auto;width:285px;padding:16px;background:#0b0d13df;border:1px solid #627a83}#startScreen.demo h1,#startScreen.demo p,#startScreen.demo .eyebrow{display:none}#startScreen.demo small{color:#f3c967;opacity:1} .actions{flex-wrap:wrap;justify-content:flex-end;max-width:210px}
*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--cream);font-family:'IBM Plex Mono',monospace;min-height:100vh;background-image:radial-gradient(#242833 1px,transparent 1px);background-size:18px 18px}.shell{width:min(1180px,100%);margin:auto;padding:18px 24px 10px}header,footer{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.16em}.brand{font-family:'Archivo Black',sans-serif;font-size:18px;display:flex;gap:12px;align-items:center}.brand-mark{display:grid;place-items:center;background:var(--red);color:white;width:36px;height:36px;transform:rotate(-3deg)}.status{opacity:.75}.live-dot{display:inline-block;width:7px;height:7px;background:var(--mint);border-radius:50%;box-shadow:0 0 10px var(--mint)}.game-wrap{position:relative;margin:18px auto 14px;background:#11151d;border:1px solid #373b44;box-shadow:0 28px 70px #0008;overflow:hidden;aspect-ratio:3/2}canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.game-wrap:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0,#0000 3px,#0002 4px);mix-blend-mode:multiply}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:linear-gradient(90deg,#0b0d13ef,#0b0d13bd);z-index:3;transition:.35s}.overlay.hidden{opacity:0;pointer-events:none}.eyebrow{color:var(--mint);font-size:11px;letter-spacing:.26em;margin-bottom:18px}.overlay h1{font-family:'Archivo Black',sans-serif;font-size:clamp(56px,10vw,120px);letter-spacing:-.06em;line-height:.72;margin:0}.overlay h1 em{font-style:normal;color:var(--red);text-shadow:4px 4px 0 #79251f}.overlay p{font-size:13px;line-height:1.7;opacity:.75;margin:26px 0}.overlay button{border:0;background:var(--cream);color:var(--ink);font:600 13px 'IBM Plex Mono';padding:15px 20px;cursor:pointer;box-shadow:5px 5px 0 var(--red)}.overlay button:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--red)}.overlay small{margin-top:20px;font-size:9px;opacity:.45;letter-spacing:.16em}.message{position:absolute;top:52px;left:50%;translate:-50% 0;background:var(--cream);color:#111;padding:8px 14px;font-size:11px;font-weight:bold;opacity:0;transition:.2s;z-index:2}.message.show{opacity:1}.briefing{display:grid;grid-template-columns:repeat(4,auto) 1fr;align-items:center;gap:24px;border-top:1px solid #333743;border-bottom:1px solid #333743;padding:14px 0;font-size:10px}.briefing>div{display:flex;align-items:center;gap:8px}.briefing b{font-weight:400;opacity:.55}.key{border:1px solid #666b75;padding:5px 7px;color:var(--mint)}.briefing p{text-align:right;margin:0;opacity:.72}.red-door{display:inline-block;width:9px;height:13px;background:var(--red);vertical-align:middle;margin-right:5px}footer{padding:14px 0;opacity:.35;font-size:9px}.mobile-controls{display:none;justify-content:space-between;margin-top:15px}.mobile-controls button{touch-action:none;border:1px solid #555;background:#191d26;color:var(--cream);font:600 13px 'IBM Plex Mono';border-radius:4px}.dpad{display:grid;grid-template-columns:repeat(3,46px);grid-template-rows:repeat(2,44px);gap:4px}.dpad button:nth-child(1){grid-column:2}.actions{display:flex;gap:9px;align-items:end}.actions button{width:64px;height:64px;border-radius:50%}.actions .fire{background:#7c2b29;border-color:var(--red)}
@media(max-width:760px){.shell{padding:12px}.briefing{grid-template-columns:repeat(2,1fr);gap:10px}.briefing p{grid-column:1/-1;text-align:left}.mobile-controls{display:flex}footer{display:none}.overlay p{margin:16px 0}.game-wrap{margin-top:12px}}