:root{--bg:#0c0a08;--metal:#1b1814;--metal-2:#25201b;--metal-3:#332c25;--edge:#463b30;--rust:#c2561b;--rust-2:#7d3210;--hazard:#f5b800;--blood:#c8141c;--blood-2:#6e0a0e;--toxic:#a4ff2a;--bone:#eadfc8;--ash:#948877;--display:"Black Ops One", "Impact", sans-serif;--ui:"Barlow Condensed", "Arial Narrow", sans-serif;--type:"Special Elite", "Courier New", monospace;--stripes:repeating-linear-gradient(-45deg, var(--hazard) 0 10px, #111 10px 20px);--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}*{box-sizing:border-box}.win{color:var(--bone);background:var(--grain), radial-gradient(120% 80% at 0% 0%, #c2561b29, transparent 55%), radial-gradient(90% 70% at 100% 100%, #7d321038, transparent 60%), linear-gradient(180deg, var(--metal-2), var(--metal));border:1px solid var(--edge);border-top-color:#5a4c3e;position:relative;box-shadow:inset 0 1px #ffffff12,inset 0 -2px #0008,0 14px 30px -12px #000c}.win:before{content:"";pointer-events:none;background:radial-gradient(circle at 3px 3px,#8a7a66 0 1.5px,#2a231c 2.2px,#0000 3px) 0 0/100% 100% no-repeat,radial-gradient(circle at calc(100% - 3px) 3px,#8a7a66 0 1.5px,#2a231c 2.2px,#0000 3px) 0 0/100% 100% no-repeat,radial-gradient(circle at 3px calc(100% - 3px),#8a7a66 0 1.5px,#2a231c 2.2px,#0000 3px) 0 0/100% 100% no-repeat,radial-gradient(circle at calc(100% - 3px) calc(100% - 3px),#8a7a66 0 1.5px,#2a231c 2.2px,#0000 3px) 0 0/100% 100% no-repeat;position:absolute;inset:7px}.win-title{font-family:var(--display);letter-spacing:2px;text-transform:uppercase;color:var(--hazard);border-bottom:1px solid #0009;align-items:center;gap:12px;padding:12px 16px 10px;font-size:15px;display:flex;position:relative;box-shadow:0 1px #ffffff0d}.win-title:before{content:"";background:var(--stripes);flex:0 0 26px;height:12px;box-shadow:0 0 0 1px #000}.win-title:after{content:"";background:linear-gradient(90deg, var(--rust), transparent);opacity:.6;flex:1;height:2px}.win-content{padding:14px 16px 16px}.btn{--cut:10px;font-family:var(--ui);letter-spacing:1.5px;text-transform:uppercase;text-align:center;color:var(--bone);background:linear-gradient(180deg, var(--metal-3), var(--metal-2));border:0;border-left:4px solid var(--rust);clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));cursor:pointer;padding:11px 20px;font-size:17px;font-weight:700;text-decoration:none;transition:transform 80ms;display:inline-block;position:relative}.btn:hover{background:linear-gradient(180deg, var(--rust), var(--rust-2));color:#fff}.btn:active{transform:translateY(1px)}.btn.big{--cut:14px;font-family:var(--display);letter-spacing:2px;color:#140c02;background:linear-gradient(180deg, #ffd23a, var(--hazard) 55%, #d98f00);text-shadow:0 1px #fff5;border-left:0;padding:16px 28px;font-size:22px;font-weight:400}.btn.big:hover{color:#000;background:repeating-linear-gradient(-45deg,#0000 0 14px,#0002 14px 28px),linear-gradient(#ffe066,#ffc21a)}.btn.ghost{opacity:.6}.btn.ghost:hover{opacity:1}kbd{min-width:26px;font-family:var(--ui);text-align:center;color:var(--bone);background:linear-gradient(#3a322a,#231e19);border:1px solid #0009;border-bottom:3px solid #0b0907;border-radius:3px;margin-right:3px;padding:3px 7px 2px;font-size:14px;font-weight:700;display:inline-block}.logo{font-family:var(--display);letter-spacing:1px;color:var(--bone);text-shadow:0 3px #3a1a08,0 6px 14px #000;flex-wrap:wrap;align-items:baseline;gap:.25em;margin:0;font-weight:400;line-height:.95;display:flex}.logo span{background:linear-gradient(#ffe066 0%,#ff9a1a 38%,#e0261a 70%,#7a0508 100%);-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 3px #2a0404);-webkit-background-clip:text;background-clip:text}.logo em{color:var(--toxic);border:2px solid var(--toxic);text-shadow:none;align-self:center;padding:.12em .35em;font-size:.42em;font-style:normal;transform:rotate(-8deg);box-shadow:0 0 12px #a4ff2a44,inset 0 0 8px #a4ff2a33}.marquee{white-space:nowrap;color:var(--hazard);font-family:var(--ui);letter-spacing:2px;text-transform:uppercase;border-top:6px solid #0000;border-bottom:6px solid #0000;border-image:var(--stripes) 6;background:#0a0806;padding:7px 0;font-size:18px;font-weight:600;position:relative;overflow:hidden}.marquee span{will-change:transform;padding-left:100%;animation:42s linear infinite marquee;display:inline-block}@keyframes marquee{to{transform:translate(-100%)}}@keyframes blink{50%{opacity:0}}.blink{animation:1s step-end infinite blink}body.scanlines #crt{display:block}#crt{pointer-events:none;z-index:50;background:repeating-linear-gradient(0deg,#0000002e 0 1px,#0000 1px 3px),radial-gradient(#0000 60%,#00000073 100%);display:none;position:fixed;inset:0}html{scroll-behavior:smooth;scroll-padding-top:70px}body{visibility:visible;font-family:var(--ui);color:var(--bone);background:var(--bg);margin:0;font-size:19px;line-height:1.45}a{color:var(--hazard)}b{color:#fff}.ash{z-index:-2;background:radial-gradient(ellipse 80% 45% at 50% 105%, #d2500a52, transparent 70%), radial-gradient(ellipse 60% 40% at 10% 0%, #78280a40, transparent 70%), var(--grain), linear-gradient(180deg, #0a0807, #120c08 55%, #1c0d06);position:fixed;inset:0}.embers{z-index:-1;pointer-events:none;opacity:.55;will-change:transform;background-color:#0000;background-image:radial-gradient(2px 2px at 40px 60px,#ffb13a,#0000),radial-gradient(1.5px 1.5px at 190px 140px,#ff6a1a,#0000),radial-gradient(2px 2px at 300px 30px,#ffd23a,#0000),radial-gradient(1px 1px at 110px 210px,#ff8a2a,#0000),radial-gradient(1.5px 1.5px at 380px 180px,#ff4a1a,#0000);background-position:0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:420px 260px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;height:200vh;animation:40s linear infinite embers;position:fixed;top:0;left:0;right:0}@keyframes embers{0%{transform:translateY(0)}to{transform:translateY(-100vh)}}.topbar{z-index:40;background:linear-gradient(#000c,#0000);align-items:center;gap:28px;height:62px;padding:0 24px;transition:background .25s,box-shadow .25s;display:flex;position:fixed;top:0;left:0;right:0}.topbar.solid{background:#0d0b09f2;box-shadow:0 1px #3a3027,0 8px 20px -10px #000}.topbar:after{content:"";background:var(--stripes);opacity:0;height:4px;transition:opacity .25s;position:absolute;bottom:-4px;left:0;right:0}.topbar.solid:after{opacity:1}.brand{font-family:var(--display);letter-spacing:1px;color:var(--bone);font-size:22px;text-decoration:none}.brand span{color:var(--rust);margin-left:6px}.links{gap:4px;display:flex}.links a{letter-spacing:2px;text-transform:uppercase;color:var(--ash);padding:8px 12px;font-size:16px;font-weight:700;text-decoration:none;position:relative}.links a:after{content:"";background:var(--hazard);height:2px;transition:transform .15s;position:absolute;bottom:2px;left:12px;right:12px;transform:scaleX(0)}.links a:hover{color:var(--bone)}.links a:hover:after{transform:scaleX(1)}.nav-play{margin-left:auto;padding:8px 18px;font-size:15px}.hero{border-bottom:1px solid #000;height:min(92vh,860px);min-height:540px;position:relative;overflow:hidden}#attract{width:100%;height:100%;position:absolute;inset:0}.hero-shade{background:linear-gradient(90deg, #0a0705f0 0%, #0a0705b3 38%, #0a07051a 70%), linear-gradient(0deg, var(--bg) 0%, transparent 30%), radial-gradient(ellipse 50% 60% at 20% 110%, #dc500a59, transparent 70%);position:absolute;inset:0}.hero-content{z-index:2;flex-direction:column;justify-content:center;max-width:900px;height:100%;padding:40px 6vw 0;display:flex;position:relative}.logo.big{font-size:clamp(46px,7.4vw,108px)}.tagline{max-width:600px;font-family:var(--type);color:#d8ccb4;text-shadow:0 2px 6px #000;margin:22px 0 28px;font-size:23px;line-height:1.35}.cta{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.btn.play{padding:18px 32px;font-size:24px;box-shadow:0 0 40px #f5b80033}.small{color:var(--ash);font-size:16px}.hero .small{letter-spacing:1px;margin-top:18px}.badge-new{letter-spacing:3px;color:var(--hazard);background:linear-gradient(var(--hazard), var(--hazard)) 10px 50% / 12px 12px no-repeat, #0009;border:1px solid #f5b80066;align-self:flex-start;margin-bottom:20px;padding:5px 12px 4px 34px;font-size:14px;font-weight:700;animation:1.6s step-end infinite beacon}@keyframes beacon{50%{background-size:0 0,auto}}main{flex-direction:column;gap:56px;max-width:1180px;margin:0 auto;padding:40px 18px;display:flex}.win h2,.win h3{font-family:var(--display);letter-spacing:1px;color:var(--hazard);font-weight:400}.win h2{margin:0 0 14px;font-size:28px}.win h3{margin:12px 0 4px;font-size:21px}.win p{margin:0 0 12px}.intro p{color:#d8ccb4;font-size:20px}.cols{grid-template-columns:1.3fr 1fr;gap:30px;display:grid}.features{gap:8px;margin:0;padding:0;list-style:none;display:grid}.features li{color:var(--ash);padding-left:26px;position:relative}.features li:before{content:"";background:var(--rust);clip-path:polygon(0 0,60% 0,100% 50%,60% 100%,0 100%,40% 50%);width:12px;height:8px;position:absolute;top:.5em;left:0}.features b{letter-spacing:1.5px;color:var(--bone);font-weight:700}.section-title{font-family:var(--display);letter-spacing:2px;color:var(--bone);text-shadow:0 3px #3a1a08;align-items:center;gap:18px;margin:0 0 24px;font-size:clamp(30px,4vw,44px);font-weight:400;display:flex}.section-title:before{content:"";background:var(--stripes);flex:0 0 60px;height:18px}.section-title:after{content:"";background:linear-gradient(90deg, var(--rust), transparent);flex:1;height:2px}.cars{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.car{transition:transform .2s,border-color .2s}.car:hover{border-color:var(--rust);transform:translateY(-4px)}.car .thumb{background:radial-gradient(at 50% 70%,#4a2a14,#120d09 75%);box-shadow:inset 0 0 0 1px #000}.car .thumb img{width:100%;display:block}.car p{min-height:52px;font-family:var(--type);color:var(--ash);font-size:16px}.stat{align-items:center;gap:12px;margin:4px 0;display:flex}.stat label{letter-spacing:2px;width:96px;color:var(--ash);font-size:14px;font-weight:700}.pips{gap:4px;display:flex}.pips b{background:#2a241e;width:26px;height:10px;transform:skew(-20deg)}.pips b.on{background:linear-gradient(180deg, #ffb13a, var(--rust))}.arsenal{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;display:grid}.weapon-card .win-content{text-align:center}.weapon-card p{color:var(--ash);font-size:17px}.icon{border:2px solid #000;width:76px;height:76px;margin:6px auto 0;position:relative;box-shadow:0 0 0 1px #4a3d30,0 8px 16px -6px #000}.ic-gun{background:linear-gradient(#111 0 0) 12px 32px / 46px 10px no-repeat, linear-gradient(#111 0 0) 20px 40px / 10px 18px no-repeat, var(--hazard)}.ic-rocket{background:linear-gradient(90deg, #cfc6b4 0 60%, var(--blood) 60%) 12px 30px / 50px 14px no-repeat, linear-gradient(#ff8a1a 0 0) 3px 33px / 10px 8px no-repeat, #2a241e}.ic-mine{background:radial-gradient(circle at 50% 55%, #3a3a2a 0 20px, transparent 21px), radial-gradient(circle at 50% 30%, #ff2020 0 5px, transparent 6px), var(--toxic)}.ic-oil{background:radial-gradient(at 50% 55%,#0b0b10 0 24px,#0000 25px),radial-gradient(at 40% 45%,#ff9a1a66 0 8px,#0000 9px),#6a5a44}.ic-crate{font-family:var(--display);color:var(--hazard);text-shadow:0 2px #000;background:#8a5a26;font-size:38px;line-height:72px;box-shadow:inset 0 0 0 6px #4a2c10,0 0 0 1px #4a3d30,0 8px 16px -6px #000}.two{grid-template-columns:1fr 1fr;gap:20px;display:grid}.keys{gap:7px;display:grid}.keys div{align-items:center;gap:3px;display:flex}.keys span{color:var(--ash);margin-left:10px}.tips{gap:8px;margin:0;padding-left:0;list-style:none;display:grid}.tips li{color:var(--ash);border-left:3px solid var(--rust);background:#0006;padding:6px 10px}.construction .win-content{text-align:center}.construction p{color:#d8ccb4;max-width:720px;margin-inline:auto}.stripes{background:var(--stripes);height:16px;margin:4px 0 18px;box-shadow:0 0 0 1px #000}.roadmap{text-align:left;color:var(--ash);gap:4px;margin:8px auto 16px;padding-left:26px;display:inline-grid}.roadmap li.done{color:var(--toxic)}.roadmap li.done:after{content:"  [OK]";letter-spacing:1px;font-size:14px;font-weight:700}.final{text-align:center;padding:24px 0 10px}.footer{text-align:center;background:#080605;border-top:1px solid #2a231c;padding:36px 16px 28px;position:relative}.footer:before{content:"";background:var(--stripes);height:6px;position:absolute;top:-6px;left:0;right:0}.footer-logo{justify-content:center;margin-bottom:18px;font-size:30px}.badges{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:16px;display:flex}.badge{letter-spacing:1.5px;text-transform:uppercase;color:var(--ash);border:1px dashed #4a3d30;padding:5px 12px;font-size:14px;font-weight:600}.badge b{color:var(--hazard)}.counter{color:var(--ash);letter-spacing:1px;margin:12px 0}.counter span{font-family:var(--display);letter-spacing:4px;color:var(--toxic);background:#000;margin-left:6px;padding:3px 10px;font-size:18px;box-shadow:inset 0 0 0 1px #2a3a10,0 0 12px #a4ff2a22}@media (max-width:820px){.topbar{flex-wrap:wrap;gap:6px 16px;height:auto;padding:10px 14px 8px}.links{order:3;gap:0;width:100%;overflow-x:auto}.links a{letter-spacing:1px;padding:8px 10px}.nav-play{margin-left:auto}.cols,.two{grid-template-columns:1fr}.hero{min-height:460px}.tagline{font-size:18px}.btn.play{padding:16px 22px;font-size:20px}main{gap:36px;padding:24px 14px}.cars{grid-template-columns:1fr}}.skip-link{z-index:100;background:var(--hazard);color:#111;padding:12px;position:fixed;top:-90px;left:12px}.skip-link:focus{top:12px}a:focus-visible,button:focus-visible{outline:3px solid var(--hazard);outline-offset:4px}.site-apocalypse .hero{background:radial-gradient(at 80%,#563e26,#0000 70%),#15110e}.site-apocalypse .hero:before{content:"";opacity:.45;background:url(/apocalypse/cendre-01-preview.webp) 90%/min(70%,800px) no-repeat;position:absolute;inset:0}.site-apocalypse .hero.demo-ready:before{display:none}.site-apocalypse #attract{filter:saturate(.83)contrast(1.045)}.site-apocalypse .logo.big{font-size:clamp(40px,6.6vw,96px)}.site-apocalypse .brand span{color:#ce8440}.site-apocalypse .hero-content{max-width:990px;padding-bottom:38px}.demo-controls{z-index:3;color:#c5b49a;align-items:center;gap:14px;font:10px/1.5 monospace;display:flex;position:absolute;bottom:18px;right:24px}.demo-controls button{color:#e3c48c;cursor:pointer;background:#17120fe6;border:1px solid #8d714c;min-height:40px;padding:10px 12px;font:10px monospace}.demo-controls button:disabled{opacity:.45;cursor:default}.car .thumb{aspect-ratio:8/5}.car .thumb img{object-fit:contain;width:100%;height:100%}.car .thumb-fallback{text-align:center;height:100%;color:var(--ash);font:14px var(--type);place-items:center;padding:25px;display:grid}@media (max-width:820px){.site-apocalypse .hero{min-height:650px}.site-apocalypse .brand{font-size:18px}.site-apocalypse .links{scrollbar-width:none}.site-apocalypse .links::-webkit-scrollbar{display:none}.site-apocalypse .hero-content{padding-top:95px;padding-bottom:75px}.site-apocalypse .logo.big{font-size:clamp(32px,8vw,62px)}.demo-controls{justify-content:space-between;gap:8px;bottom:16px;left:6vw;right:6vw}.demo-controls #demo-status{font-size:9px}.site-apocalypse .btn.play{padding:15px 18px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.embers,.badge-new,.blink,.marquee span{animation:none!important}.car,.btn{transition:none!important}}