:root{color-scheme:dark;font-family:Consolas,"Courier New",monospace;background:#090d0e;color:#d3d6c4}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 40%,#29332b 0,#101717 50%,#090d0e 100%);min-height:100vh;display:grid;place-items:center;padding:18px}button,select{font:inherit}button{cursor:pointer;border:1px solid #5b6756;background:#202b28;color:#e0e3cc;font-size:12px;font-weight:bold;letter-spacing:1px;padding:10px 12px}button:hover,button:focus-visible{background:#3a4836;border-color:#c4e46d;outline:2px solid #c4e46d;outline-offset:2px}kbd{font:inherit;color:#e1ba66;background:#27302a;padding:2px 4px}#shell{width:min(1320px,100%);border:1px solid #48503a;box-shadow:0 25px 90px #000a}header{display:flex;align-items:center;gap:24px;padding:12px 18px;background:#151e1c;border-bottom:3px solid #596449}.brand{font:bold 25px Impact,"Arial Black",sans-serif;letter-spacing:1px;color:#e5e6c9;text-decoration:none}.brand span{color:#f59d43}#sector{font-size:12px;letter-spacing:2px;color:#9fae96}.toolbar{display:flex;gap:5px;margin-left:auto}#screen{position:relative;aspect-ratio:16/9;background:#111;overflow:hidden}#game{width:100%;height:100%;display:block;image-rendering:pixelated;outline:none;touch-action:none}.overlay{position:absolute;inset:0;display:flex;align-items:center;background:#0d1818ef;z-index:5;overflow:auto}.overlay[hidden]{display:none}.cover{position:absolute;inset:0;background:linear-gradient(90deg,#071213 0%,#081617ed 30%,#07151555 68%,#03101233),url('cover.png') center 40%/cover;opacity:.95}.start-content{position:relative;padding:4% 6%;max-width:650px}.eyebrow{font-size:12px;color:#c1d58a;letter-spacing:3px;margin:0 0 12px}h1{font-family:Impact,"Arial Black",sans-serif;font-size:clamp(60px,8.3vw,120px);font-style:italic;letter-spacing:-3px;line-height:.86;margin:0;text-shadow:5px 5px #181811;color:#f3e6bb}h1 span{color:#ff9c42;display:block}.tagline{font-weight:bold;letter-spacing:3px;font-size:clamp(12px,1.4vw,18px);margin:20px 0;color:#ffb163}.story{font-size:16px;line-height:1.55;color:#c2ceba}.start-options{display:flex;gap:12px;align-items:center;margin:20px 0 12px}.start-options label{font-size:11px;letter-spacing:1px}.start-options select{padding:8px;color:#dce5cd;background:#162621;border:1px solid #546244;font-size:13px;max-width:100%}.primary{background:#d4ef80;color:#182315;border:1px solid #f0ffaa;padding:15px 23px;font-weight:900;letter-spacing:2px;box-shadow:4px 4px #40582d}.primary:hover{color:#182315;background:#e5ff9c}.primary span{margin-left:30px}.start-note{font-size:11px;color:#93a48a;margin:20px 0 0}#hud{display:flex;align-items:center;justify-content:space-around;background:linear-gradient(#3a4435,#1c2823);border-top:5px solid #667054;border-bottom:2px solid #090e0d;padding:10px 15px;gap:18px;box-shadow:inset 0 2px #929a73}#hud>div{min-width:60px}#hud label{display:block;font-size:11px;letter-spacing:1px;color:#b2bfa1;margin-bottom:3px}#hud strong{font-size:30px;font-weight:900;color:#e4edbe;text-shadow:2px 2px #080f0b}#hud strong span{font-size:16px;color:#99a783}.meter{height:4px;background:#15221c;margin-top:4px;max-width:90px}.meter i{display:block;height:100%;background:#b9df6b;width:100%}#catFace{width:64px;height:64px;image-rendering:pixelated;background:#101c18;border:3px inset #667854}footer{padding:12px 16px;display:flex;gap:16px;justify-content:space-between;font-size:11px;line-height:1.7;background:#111c19;color:#94a48d}#objective{color:#dfbd71;text-align:right}#help{background:#0d1614;color:#879481;font-size:11px;padding:9px 16px;line-height:1.5}#message{position:absolute;top:7%;left:10%;right:10%;text-align:center;color:#edffb1;text-shadow:2px 2px #07120c;font-size:clamp(14px,2vw,22px);font-weight:900;pointer-events:none;z-index:3}.panel{position:relative;max-width:650px;margin:auto;text-align:center;padding:30px}.panel h2{font:italic 48px Impact,"Arial Black",sans-serif;color:#f5b464;letter-spacing:1px;margin:8px}.panel p{font-size:16px;line-height:1.6}.panel .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0;color:#e1efb2}.panel .stats b{font-size:28px;display:block}.panel .stats small{font-size:12px;color:#a6b79b}.panel button{margin:6px}.panel .eyebrow{color:#b7d082;font-size:12px}#touch{display:none}#shell:fullscreen{width:100vw;height:100vh;display:flex;flex-direction:column;background:#080e0c}#shell:fullscreen #screen{flex:1;min-height:0;aspect-ratio:auto}#shell:fullscreen #game{object-fit:contain}#shell:fullscreen #help{display:none}@media(max-width:760px){body{padding:0;display:block}.toolbar button{font-size:10px;padding:8px}header{gap:10px;padding:8px}.brand{font-size:21px}#sector{display:none}#hud{gap:8px;padding:7px}#hud>div{min-width:30px}#hud strong{font-size:22px}#hud label{font-size:9px;letter-spacing:0}#catFace{width:45px;height:45px}#hud .score{display:none}footer{flex-direction:column;gap:4px;font-size:10px}#objective{text-align:left}#screen{aspect-ratio:auto;height:min(70vh,580px);min-height:360px}.start-content{padding:24px}h1{font-size:74px}.story{font-size:14px}.tagline{margin:12px 0}.eyebrow{font-size:10px}.start-note{font-size:10px}.start-options{margin:12px 0}.start-options label{display:none}.cover{background-position:60% center}.panel{padding:20px}.panel h2{font-size:38px}.panel p{font-size:14px}#help{font-size:10px}}@media(pointer:coarse){#touch{display:block;position:absolute;inset:0;pointer-events:none;z-index:2}#stick{position:absolute;left:22px;bottom:25px;width:100px;height:100px;border:2px solid #d6eaa45c;border-radius:50%;background:#20362b44;pointer-events:auto;touch-action:none}#stick i{position:absolute;left:32px;top:32px;width:32px;height:32px;border-radius:50%;background:#d2e5a988}#touch button{position:absolute;border-radius:50%;pointer-events:auto;touch-action:none;background:#25433299}#touchFire{right:24px;bottom:28px;width:80px;height:80px}#touchUse{right:105px;bottom:110px;width:55px;height:55px;font-size:10px}#lookZone{position:absolute;right:0;top:0;width:50%;height:70%;pointer-events:auto;touch-action:none}}
#touchWeapon{right:24px;bottom:123px;width:55px;height:55px;font-size:10px}@media(max-height:600px) and (pointer:coarse){#screen{height:calc(100svh - 115px);min-height:180px}#hud{padding:3px}#catFace{height:35px;width:35px}footer,#help{display:none}.start-content{padding:16px}h1{font-size:55px;display:flex;gap:10px}.story{display:none}.start-note{margin-top:12px}.overlay{align-items:flex-start}}
.primary:focus-visible{background:#e5ff9c;color:#182315}