:root{color-scheme:dark;--red:#ff684d;--mint:#82e8cd;--gold:#ffdb8c;--dark:#080d15}*{box-sizing:border-box}body{margin:0;background:var(--dark);color:#dfece8;font-family:'Courier New',monospace}button,select{font:inherit}button{cursor:pointer;color:#d5e5df;background:#111d26;border:1px solid #425458;padding:10px 14px;font-size:12px;font-weight:bold;letter-spacing:1px}button:hover{border-color:var(--mint);color:var(--mint)}button:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}[hidden]{display:none!important}header{height:70px;max-width:1300px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:16px}header a{color:#dfece8;text-decoration:none;font-size:13px;font-weight:bold;letter-spacing:2px}header b{color:var(--red)}header>div{display:flex;gap:10px;align-items:center}.online{color:#75968f;font-size:11px;letter-spacing:2px;margin-right:14px}.cabinet{max-width:1240px;margin:8px auto 0;border:1px solid #3c4e52;background:#101a23;box-shadow:0 20px 100px #0006}.screentop,.screenbottom{height:38px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;letter-spacing:2px;color:#8fa9a2}.screentop{border-bottom:3px solid var(--red);color:#bfd0ca}.screentop span:first-child{font-weight:bold;color:var(--red)}#screen{position:relative;aspect-ratio:16/9;overflow:hidden;background:#071b25}canvas{width:100%;height:100%;display:block;image-rendering:pixelated;object-fit:contain}.scanlines{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(transparent 0px,transparent 3px,#0002 3px,#0002 4px);opacity:.5;z-index:3}#menu{position:absolute;inset:0;padding:5% 6%;background:linear-gradient(90deg,#071520ed 0%,#071520b8 40%,transparent 75%)}.eyebrow{color:var(--mint);font-size:12px;letter-spacing:3px;font-weight:bold}h1{font-family:Impact,'Arial Black',sans-serif;font-style:italic;font-size:clamp(48px,8vw,112px);line-height:.91;letter-spacing:1px;margin:18px 0 15px;color:#ffe0a0;text-shadow:4px 4px 0 #9c3b32,8px 8px 0 #031016}h1 span{color:var(--red)}.tagline{font-size:12px;line-height:1.6;letter-spacing:2px;color:#aac2b9;margin-bottom:24px}.selectors{display:flex;gap:12px;max-width:430px}.selectors label{display:grid;gap:6px;font-size:10px;letter-spacing:2px;color:#9bbab2;flex:1}select{width:100%;padding:10px;background:#0b1822;color:#e4e6cd;border:1px solid #40585d;font-size:12px;border-radius:0}.primary{background:var(--red);color:#11131a;border:0;font-size:16px;padding:15px 24px;letter-spacing:2px;box-shadow:4px 4px 0 #7a3031}.primary:hover{background:#ff9272;color:#0c141a}#start{width:430px;max-width:100%;margin-top:17px}.menufoot{color:#708f87;font-size:10px;letter-spacing:1px;margin-top:17px}.screenbottom{height:45px;letter-spacing:1px;flex-wrap:wrap}kbd{font-family:inherit;color:var(--gold);font-size:12px}#weapon{color:var(--mint)}footer{max-width:1240px;margin:20px auto;padding:0 14px;display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:1px;color:#637e77}#hud{position:absolute;top:10px;left:16px;right:16px;display:flex;justify-content:space-between;pointer-events:none;font-size:clamp(10px,1.4vw,18px);font-weight:bold;letter-spacing:1px;text-shadow:2px 2px #071019}#score{color:var(--gold)}#mission{color:var(--mint)}#lives{color:#fff3de}#overlay{position:absolute;inset:0;z-index:4;background:#051019e8;display:grid;place-items:center;text-align:center}#overlay>div{width:450px;max-width:85%}h2{font-family:Impact,'Arial Black',sans-serif;font-size:clamp(32px,5vw,60px);color:var(--gold);letter-spacing:2px;margin:14px 0}#overlay p{color:#a9c1b7;font-size:14px;line-height:1.7}#overlay button{width:100%;margin-top:14px}#toast{position:absolute;top:18%;left:5%;right:5%;text-align:center;color:#ffdc8e;font-size:clamp(13px,2vw,25px);font-weight:bold;letter-spacing:2px;text-shadow:2px 2px #000;pointer-events:none}#bossHud{position:absolute;bottom:14px;left:25%;right:25%;font-size:12px;text-align:center;letter-spacing:2px;color:#ff9c83;pointer-events:none}#bossHud>div{height:8px;background:#30232c;margin-top:5px;border:1px solid #ae4c50}#bossHealth{display:block;height:100%;width:100%;background:var(--red)}#touch{display:none;max-width:1100px;margin:12px auto;justify-content:space-between;padding:0 12px;gap:20px;touch-action:none;user-select:none}.directions,.actions{display:flex;gap:8px;align-items:center}.directions{flex-wrap:wrap;max-width:210px}.directions button{min-width:44px;min-height:44px;font-size:20px}.actions button{min-height:50px}.fire{background:#af493b;border-color:#ff7855}dialog{width:660px;max-width:93vw;background:#0c1b25;border:1px solid #6a9183;color:#dbe7dc;padding:28px;max-height:90svh;overflow:auto}dialog::backdrop{background:#000b}dialog>button{float:right}dialog h2{font-size:36px}dialog p{line-height:1.6;font-size:14px}table{width:100%;border-collapse:collapse;font-size:13px}td,th{padding:10px 5px;border-bottom:1px solid #31453e;text-align:left}th{color:var(--mint)}
@media(pointer:coarse){#touch{display:flex}button{touch-action:manipulation}.screenbottom{display:none}}@media(max-width:760px){header{height:55px;padding:0 12px}.online{display:none}header a{font-size:10px;letter-spacing:1px}header button{font-size:9px;padding:8px}header>div{gap:5px}.cabinet{margin:0;border-left:0;border-right:0}.screentop{height:29px;padding:0 10px;font-size:8px;letter-spacing:1px}#screen{aspect-ratio:auto;height:560px}canvas{object-fit:cover}#menu{padding:32px 24px;background:linear-gradient(90deg,#071520ec,#0715209c)}h1{font-size:76px;margin:24px 0}.tagline{margin-bottom:27px}.selectors{max-width:100%}.menufoot{font-size:9px}.playing #screen{height:auto;aspect-ratio:16/9}.playing canvas{object-fit:contain}#touch{display:flex}.screenbottom{display:none}footer{flex-wrap:wrap;font-size:8px;margin:15px 5px}#overlay .eyebrow{font-size:9px}#overlay h2{font-size:30px;margin:8px 0}#overlay p{font-size:11px;margin:6px 0}#overlay button{padding:9px;margin-top:9px;font-size:12px}#bossHud{font-size:8px;bottom:7px}#hud{top:7px;left:8px;right:8px;font-size:9px}.actions{gap:5px}.actions button{font-size:11px;padding:12px}.directions{gap:5px}}@media(max-height:530px) and (orientation:landscape){header{height:34px}.cabinet{max-width:calc((100svh - 63px)*16/9);margin:0 auto}#screen,.playing #screen{height:auto;aspect-ratio:16/9}.screentop{height:24px}.screenbottom,footer{display:none}#menu{padding:3% 6%;background:linear-gradient(90deg,#071520ea,#07152088,transparent)}h1{font-size:45px;margin:8px 0}.eyebrow{font-size:9px}.tagline{display:none}.selectors{max-width:320px;margin-top:14px}select{padding:6px;font-size:10px}#start{max-width:320px;margin-top:10px;padding:9px;font-size:13px}.menufoot{display:none}#touch{position:fixed;bottom:8px;left:0;right:0;z-index:5;pointer-events:none;margin:0;max-width:none}#touch button{pointer-events:auto;opacity:.8}.directions{max-width:210px}.actions button{min-height:40px}body:not(.playing) #touch{display:none}}