:root{color-scheme:dark;--ink:#f6f1de;--yellow:#ffe531;--pink:#ff426f;--green:#9dea49;--cyan:#5ae8ef;--panel:#111522;--line:#3a4053}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#03040a;color:var(--ink);font-family:Consolas,"Lucida Console",monospace}button{font:inherit;color:inherit;background:#121827;border:1px solid #606a83;border-radius:4px;padding:.9rem 1.15rem;cursor:pointer;letter-spacing:.08em;font-weight:800}button:hover,button:focus-visible{background:#222c42;border-color:var(--yellow);outline:none}.primary{background:var(--yellow);border-color:var(--yellow);color:#111;font-size:1.05rem}.primary:hover{background:#fff48d}.screen{display:none;min-height:100vh}.screen.active{display:flex}.archival-screen{align-items:center;justify-content:center;flex-direction:column;gap:1rem;padding:2rem;background:radial-gradient(circle,#242943 0,#080a12 52%,#000 100%)}.archive-frame{padding:12px;background:#090909;border:3px solid #696b72;box-shadow:0 0 50px #552a7c}.archive-frame canvas{display:block;width:min(76vw,768px);image-rendering:pixelated;aspect-ratio:4/3}.archive-caption{color:#aab1c4;font-size:.8rem}.title-screen{position:relative;overflow:hidden;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:4rem 1rem;background:radial-gradient(ellipse at 50% 90%,#482451 0,#101326 35%,#03040a 72%)}.stars,.stars:before,.stars:after{position:absolute;inset:0;content:"";background-image:radial-gradient(#fff 1px,transparent 1px);background-size:71px 79px;opacity:.34}.stars:before{transform:translate(23px,31px);background-size:113px 97px}.stars:after{transform:translate(51px,9px);background-size:137px 131px}.hero,.menu,.title-screen footer{position:relative}.eyebrow{color:var(--cyan);font-weight:bold;letter-spacing:.22em;font-size:.74rem}.hero h1{margin:.4rem 0 0;line-height:.78;font-family:Impact,"Arial Narrow",sans-serif;font-size:clamp(4rem,12vw,9rem);letter-spacing:-.045em;transform:perspective(500px) rotateX(5deg)}.hero h1 span,.hero h1 strong{display:block}.hero h1 span{color:#f7f1dc;text-shadow:8px 6px 0 #e24250}.hero h1 strong{color:var(--yellow);font-size:1.17em;text-shadow:9px 7px 0 #4b163c}.tagline{color:#d5c9e8;margin:1.8rem 0;font-size:clamp(.9rem,2vw,1.2rem)}.menu{display:grid;gap:.65rem;width:min(92vw,430px)}.title-screen footer{position:absolute;bottom:1rem;color:#737b91;font-size:.72rem}.document-screen{justify-content:center;padding:clamp(1rem,5vw,4rem);background:linear-gradient(130deg,#080a11,#12172a)}.document-screen article{width:min(100%,930px);margin:auto;background:#0a0d16e8;border:1px solid var(--line);padding:clamp(1.2rem,4vw,3rem);box-shadow:18px 18px 0 #0006}.back{padding:.55rem .8rem;margin-bottom:1.4rem}.document-screen h2{font-family:Impact,"Arial Narrow",sans-serif;font-size:clamp(2.5rem,7vw,5rem);letter-spacing:.03em;margin:.2rem 0 1.5rem;color:var(--yellow)}.document-screen p{line-height:1.7;color:#cbd1df}.rules-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:2rem 0}.rules-grid section{border-left:4px solid var(--pink);padding:.2rem 1rem;background:#161a28}.rules-grid h3{color:var(--cyan);margin:.5rem 0}.rules-grid p{margin:.5rem 0;font-size:.9rem}details{border:1px solid var(--line);padding:1rem}summary{color:var(--yellow);cursor:pointer;font-weight:bold}.credits dl{display:grid;grid-template-columns:1fr 1fr;gap:.8rem 2rem;font-size:clamp(.9rem,2vw,1.2rem)}.credits dt{text-align:right;color:#9ca6bd}.credits dd{margin:0;color:#fff;font-weight:bold}.copyright{text-align:center;color:var(--yellow)!important;margin-top:3rem}.restoration-credit{text-align:center;font-size:.8rem}.advert{float:right;width:min(42%,340px);margin:0 0 2rem 2rem}.advert img{width:100%;display:block;border:1px solid #565e72}.advert figcaption{text-align:center;color:#8992a7;font-size:.7rem;padding:.5rem}.game-screen{position:fixed;inset:0;align-items:center;justify-content:center;background:#000;overflow:hidden}.game-screen canvas{width:100vw;height:100vh;object-fit:contain;background:#02030a}.game-screen canvas.shake{animation:shake .16s linear}@keyframes shake{25%{transform:translate(3px,-2px)}50%{transform:translate(-2px,2px)}75%{transform:translate(2px,1px)}}#hud{position:absolute;left:1rem;right:4rem;top:1rem;display:flex;gap:.65rem;pointer-events:none}#hud>div{background:#080b15d9;border:1px solid #46506a;padding:.45rem .7rem;min-width:72px}#hud small{display:block;color:#8e99b5;font-size:.58rem;letter-spacing:.16em}#hud b{color:#fff;font-size:1rem}.weapon{min-width:210px!important}.weapon span{display:block;height:4px;background:#252a39;margin-top:.35rem}.weapon i{display:block;width:100%;height:100%;background:var(--yellow)}#message{position:absolute;top:18%;left:50%;transform:translateX(-50%);font-weight:900;letter-spacing:.12em;text-align:center;text-shadow:3px 3px #000;font-size:clamp(1rem,3vw,2rem);pointer-events:none}.game-menu{position:absolute;right:1rem;top:1rem;border-radius:50%;padding:.65rem}.game-menu,.game-menu:hover{background:#080b15d9}#touchControls{display:none;position:absolute;bottom:max(1rem,env(safe-area-inset-bottom));left:1rem;right:1rem;gap:.4rem;justify-content:center}#touchControls button{width:52px;height:52px;padding:0;border-radius:50%;background:#0d1220cc}#touchControls .fire{width:74px;border-color:var(--pink);color:var(--pink)}@media(max-width:760px),(pointer:coarse){#touchControls{display:flex}#hud{left:.5rem;right:3.5rem;top:.5rem;gap:.25rem}#hud>div{padding:.3rem .4rem;min-width:52px}#hud b{font-size:.75rem}.weapon{min-width:125px!important}.game-menu{right:.5rem;top:.5rem}.rules-grid{grid-template-columns:1fr}.advert{float:none;width:min(100%,380px);margin:0 auto 1.5rem}}