html,body{height:100%;overflow:hidden;scroll-padding:0}#screen-deck{height:100dvh;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:none}#screen-deck::-webkit-scrollbar{display:none}#screen-deck>section{height:100dvh;min-height:100dvh;max-height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;scroll-margin:0;position:relative;box-sizing:border-box;overflow:hidden;padding:115px 8% 115px 6%;border:0}header{height:75px;background:linear-gradient(#070a08eb,#070a0880);border-bottom:1px solid #ffffff12}header .brand{width:100px}header nav{gap:40px}.hero-content{padding:0}.hero{display:flex;align-items:center}.hero h1{font-size:clamp(50px,6.8vw,105px)}.hero-bottom{bottom:100px}.hero-image{background-position:center}.section-top{margin:0 0 16px}h2{font-size:clamp(42px,5vw,75px)}.restored-news{background:linear-gradient(#0b100deb,#0a0d0bf0),url('assets/world.webp') center/cover}.news-grid{margin-top:28px;gap:22px;height:calc(100% - 155px)}.news-grid article{height:100%;display:flex;flex-direction:column}.news-grid article>img{height:55%;min-height:0}.news-grid article>div{padding:20px}.news-grid p{margin-bottom:0}.news-grid h3{font-size:25px}.restored-news>h2 br{display:none}.restored-modes{background:radial-gradient(ellipse at 70% 60%,#2c3224,#0c100c 70%)}.restored-modes>.lead{display:none}.mode-layout{height:calc(100% - 105px);margin-top:25px;grid-template-columns:300px 1fr;gap:8%}.mode-options{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#a92e24 #141713;gap:9px}.mode-options button{min-height:80px}.mode-options img{height:100%;max-height:130px}.mode-display{min-height:0}.mode-display>img{max-height:29vh;min-height:0;object-fit:contain;object-position:left;margin-bottom:20px}.mode-display h3{margin:12px 0;font-size:38px}.mode-display p{font-size:12px;max-width:520px}.screen-title{position:absolute;left:6%;top:110px;z-index:2}.screen-title .eyebrow{margin-bottom:10px}.screen-title h2{font-size:clamp(38px,4vw,62px)}.character-screen{background:radial-gradient(ellipse at 48% 58%,#353e30,#10160f 57%,#090d09)}.vertical-select{position:absolute;left:6%;top:245px;bottom:120px;width:245px;display:flex;flex-direction:column;gap:15px;margin:0;border:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#d33428 #ffffff08;padding:5px 12px 5px 14px;z-index:3}.vertical-select:before{content:'';position:absolute;left:2px;top:0;bottom:0;width:1px;background:linear-gradient(transparent,#9c9f8c77,transparent)}.vertical-select button{position:relative;min-height:110px;flex:1;max-height:150px;display:flex;align-items:center;text-align:left;border:1px solid #ffffff24;background:linear-gradient(110deg,#30362990,#11160ed9);padding:0 12px;overflow:hidden;transition:background .2s,border-color .2s}.vertical-select button:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent}.vertical-select button[aria-pressed=true]{background:linear-gradient(100deg,#662a20b0,#1a2117e0);border-color:#c84535}.vertical-select button[aria-pressed=true]:before{background:#ed5a3d}.vertical-select small{align-self:flex-start;margin-top:12px;font-size:9px;color:#b0b2a3;z-index:2}.vertical-select button>span{position:absolute;bottom:16px;left:15px;font:600 23px 'Barlow Condensed',sans-serif;letter-spacing:2px;padding:0;z-index:2;text-shadow:0 2px 10px #000}.vertical-select button>img{position:absolute;right:0;bottom:0;height:110%;width:75%;object-fit:contain;object-position:bottom;filter:grayscale(.45);opacity:.6;padding:0}.vertical-select button[aria-pressed=true]>img{filter:none;opacity:1}.vertical-select button>b{position:absolute;right:10px;bottom:13px;color:#d9a38c;font-size:13px;z-index:3}.character-portrait{position:absolute;inset:130px 25% 76px 26%;display:flex;align-items:end;justify-content:center;pointer-events:none}.character-portrait>span{position:absolute;top:25%;left:5%;font:800 10vw/.9 'Barlow Condensed',sans-serif;color:#ffffff04;writing-mode:vertical-rl}.character-portrait>img{height:100%;width:100%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 0 25px #0007)}.character-dossier{position:absolute;right:8%;top:38%;width:24%;z-index:2}.character-dossier h2{font-size:clamp(55px,7vw,110px);color:#e6e2d6}.character-dossier .eyebrow{font-size:8px;letter-spacing:2px}.character-dossier>p:not(.eyebrow){font-size:12px}.character-dossier .lead{font-size:17px!important}.red-rule{height:2px;width:100%;margin:22px 0;background:linear-gradient(90deg,#c6402e,transparent)}.character-dossier .state{display:block;margin-top:25px}.gun-screen{background:radial-gradient(ellipse at 65% 45%,#343b2b,#0e140f 70%)}.gun-screen .vertical-select{width:265px}.gun-screen .vertical-select button{min-height:100px;max-height:100px;flex:none}.gun-screen .vertical-select button>img{width:75%;height:75%;bottom:13%;right:0}.gun-screen .vertical-select button>span{font-size:16px;bottom:9px;letter-spacing:1px}.weapon-showcase{position:absolute;left:36%;right:9%;top:22%;bottom:120px;display:flex;flex-direction:column;justify-content:center}.weapon-showcase>img{width:100%;height:55%;object-fit:contain;filter:drop-shadow(0 25px 20px #000a);z-index:1}.weapon-watermark{position:absolute;top:22%;left:0;font:800 11vw/.9 'Barlow Condensed',sans-serif;color:#ffffff04;pointer-events:none}.weapon-details{padding:20px 0;border-top:1px solid #b9bea422}.weapon-details .eyebrow{margin-bottom:15px}.weapon-details h3{font-size:38px}.weapon-details p{font-size:11px;max-width:450px}.restored-vehicles .archive-heading{margin:0 0 20px;align-items:center}.restored-vehicles .archive-heading h2 br{display:none}.restored-vehicles .archive-heading p{font-size:10px;margin:0;max-width:270px}.restored-vehicles>.eyebrow{margin-bottom:12px}.vehicle-stage{height:calc(100% - 205px);min-height:0}.vehicle-stage>img{height:100%;object-fit:cover}.vehicle-options{height:100px;margin-top:15px;gap:15px}.vehicle-options button{height:100%;position:relative;overflow:hidden}.vehicle-options img{height:100%;object-fit:cover;opacity:.55}.vehicle-options span{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,#090b08e0);font-size:9px}.command-dock{bottom:15px;height:38px;width:min(1150px,90%);grid-template-columns:1fr 110px 1fr;filter:drop-shadow(0 4px 18px #000);isolation:isolate}.command-dock:before{inset:0;background:url('assets/nav-bottom.png') center/100% 100%;border:0;clip-path:none;opacity:.8}.dock-wing a{padding:10px 8px;font-size:19px;text-transform:none;letter-spacing:1px;color:#d7d6d0}.dock-wing a[aria-current=true]{color:#fff;text-shadow:0 0 12px #ffb097}.dock-wing a[aria-current=true]:after{bottom:3px;width:5px;height:5px;left:calc(50% - 2px);transform:rotate(45deg);background:#ffe0cb;box-shadow:none}.dock-core{top:-16px;width:105px;height:85px;gap:2px;padding-top:24px;filter:drop-shadow(0 0 8px #9f271f55)}.dock-core:before{inset:0;transform:none;clip-path:polygon(50% 0,100% 100%,0 100%);background:#d64131;border:0;box-shadow:none}.dock-core:after{content:'';position:absolute;inset:4px 5px 3px;clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(#32150f,#080d09);z-index:-1}.dock-core:hover:before{background:#ff7660;box-shadow:none}.dock-core strong{font:600 13px 'Barlow Condensed',sans-serif;letter-spacing:2px}.dock-core span{font-size:13px}.sector-rail>a{height:48px}.sector-rail>a i{border-radius:0}.sector-rail>a[aria-current=true] i{transform:none;clip-path:polygon(15% 0,100% 0,100% 100%,15% 100%,0 50%)}.rail-caption{display:none}
@media(max-height:740px) and (min-width:761px){#screen-deck>section{padding-top:95px;padding-bottom:90px}.screen-title{top:90px}.screen-title h2{font-size:40px}.vertical-select{top:190px;bottom:100px}.character-dossier{top:31%}.character-dossier h2{font-size:68px}.character-dossier>p:not(.lead):not(.eyebrow){font-size:10px}.character-portrait{top:100px}.news-grid{height:calc(100% - 120px)}.news-grid h3{font-size:20px}.news-grid p{font-size:10px}.news-grid article>div{padding:14px}.restored-news h2{font-size:42px}.weapon-details h3{font-size:29px}.hero h1{font-size:70px}.hero .intro{margin:20px 0}.mode-display>img{max-height:23vh}}
@media(max-width:1000px) and (min-width:761px){.vertical-select{width:210px}.gun-screen .vertical-select{width:220px}.character-portrait{left:25%;right:27%}.character-dossier{width:24%;right:7%}.character-dossier>p:not(.eyebrow){font-size:11px}.mode-layout{grid-template-columns:240px 1fr;gap:5%}.dock-wing a{font-size:17px}}
@media(max-width:760px){header{height:65px}header .brand{width:75px}header nav{gap:18px}.header-cta{display:none}#screen-deck>section{padding:90px 11% 100px 6%;overflow-y:auto;scrollbar-width:none}.hero h1{font-size:clamp(42px,10vw,65px)}.hero-bottom{bottom:85px;font-size:6px}.screen-title{position:relative;top:auto;left:auto}.screen-title h2{font-size:40px}.character-portrait{inset:180px 24% 105px 15%}.character-dossier{top:210px;right:8%;width:35%}.character-dossier h2{font-size:50px}.character-dossier .eyebrow{font-size:7px}.character-dossier .lead{font-size:13px!important}.character-dossier>p:not(.lead):not(.eyebrow){font-size:10px}.character-options.vertical-select{left:6%;right:10%;width:auto;top:auto;bottom:90px;height:85px;flex-direction:row;padding:0;gap:8px;overflow:visible}.character-options.vertical-select button{min-height:85px;max-height:85px;min-width:0}.character-options.vertical-select:before{display:none}.character-options.vertical-select button>span{font-size:15px;bottom:8px;left:8px}.character-options.vertical-select small{font-size:7px}.character-portrait{bottom:170px}.character-dossier .state{margin-top:12px;font-size:7px}.red-rule{margin:15px 0}.gun-screen .vertical-select{left:6%;top:190px;bottom:95px;width:26%;padding:0 4px 0 0;gap:8px}.gun-screen .vertical-select button{min-height:85px;max-height:85px;padding:0 7px}.gun-screen .vertical-select button>span{font-size:11px;left:7px}.gun-screen .vertical-select button>img{height:65%;width:95%;bottom:18%}.gun-screen .vertical-select button>b{display:none}.weapon-showcase{left:36%;right:10%;top:200px;bottom:95px}.weapon-showcase>img{height:45%}.weapon-details h3{font-size:27px}.weapon-details p{font-size:10px}.weapon-details .eyebrow{font-size:7px}.news-grid{height:auto;grid-template-columns:1fr;gap:12px;margin-top:20px}.news-grid article{display:grid;grid-template-columns:35% 1fr;min-height:120px}.news-grid article>img{height:100%;min-height:120px}.news-grid article>div{padding:12px}.news-grid h3{font-size:20px;margin:8px 0}.news-grid p{font-size:10px;margin:5px 0}.restored-news h2{font-size:38px}.mode-layout{height:auto;display:flex;flex-direction:column;gap:15px;margin-top:20px}.mode-options{display:grid;grid-template-columns:1fr 1fr;max-height:210px;gap:7px;flex-shrink:0}.mode-options button{min-height:85px}.mode-options img{height:85px}.mode-options span{font-size:12px;bottom:8px}.mode-display>img{max-height:18vh;display:none}.mode-display h3{font-size:27px;margin:8px 0}.mode-display p{font-size:11px}.restored-modes h2{font-size:40px}.vehicle-stage{height:calc(100% - 220px);min-height:160px}.restored-vehicles .archive-heading{display:block}.restored-vehicles .archive-heading h2{font-size:40px}.restored-vehicles .archive-heading p{margin-top:12px;max-width:100%;font-size:9px}.vehicle-options{height:75px;gap:7px}.vehicle-options span{font-size:7px;padding:8px;letter-spacing:.3px}.command-dock{width:97%;bottom:13px;height:34px;grid-template-columns:1fr 65px 1fr}.dock-wing a{font-size:12px;letter-spacing:0;padding:10px 2px}.dock-core{width:68px;height:60px;top:-10px;padding-top:20px}.dock-core strong{font-size:8px;letter-spacing:1px}.dock-core span{font-size:9px}.sector-rail{right:4px}.sector-rail>a{height:38px}.sector-rail>a i{width:18px;height:20px}.sector-rail>a:after{height:9px}.character-dossier .lead{max-width:150px}header nav{top:65px}}
@media(prefers-reduced-motion:reduce){#screen-deck{scroll-behavior:auto}}
.command-dock{grid-template-rows:38px;bottom:24px}.dock-core{top:-12px}.character-portrait{left:30%;right:32%}@media(max-width:760px){.command-dock{grid-template-rows:34px;bottom:20px}.dock-core{top:-8px}.character-portrait{left:8%;right:40%}}@media(max-width:1000px) and (min-width:761px){.character-portrait{left:28%;right:32%}}
/* Cinematic motion and redesigned command navigation */
.hero-image{isolation:isolate;background:#121810 url('assets/world.webp') center/cover}.hero-image video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#050906d9 0%,#080c0766 60%,#070b0740),linear-gradient(0deg,#070b09e8 0%,transparent 50%,#080d0855)}#hero-video-toggle{position:absolute;right:8%;bottom:115px;border:1px solid #ffffff26;background:#0a100a70;backdrop-filter:blur(8px);padding:10px 14px;display:flex;gap:12px;align-items:center;font-size:8px;letter-spacing:1.5px;color:#c6cbbd;z-index:2}#hero-video-toggle span{color:#eb6853;font-size:13px}.hero-bottom a{display:none}.command-dock{bottom:20px;width:min(1120px,90%);height:62px;grid-template-rows:62px;grid-template-columns:1fr 120px 1fr;filter:drop-shadow(0 12px 20px #0009)}.command-dock:before{display:none}.dock-wing{height:62px;gap:0;display:grid;grid-template-columns:repeat(3,1fr);position:relative;background:linear-gradient(180deg,#1e2722f2,#0a100ef5);border-top:1px solid #8d9a8666;border-bottom:1px solid #87978133;box-shadow:inset 0 1px #ffffff09;backdrop-filter:blur(16px)}.dock-wing:first-child{clip-path:polygon(12px 0,100% 0,calc(100% - 17px) 100%,0 100%,0 12px);padding-left:9px;padding-right:15px}.dock-wing:last-child{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,17px 100%);padding-left:15px;padding-right:9px}.dock-wing a{height:61px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;position:relative;padding:8px 3px;font:500 17px/1 'Barlow Condensed',sans-serif;letter-spacing:1.6px;text-transform:uppercase;color:#a4afa0;transition:color .2s,background .2s;border-right:1px solid #c9d9be0b}.dock-wing a:last-child{border-right:0}.dock-wing a small{font:500 7px/1 Inter,sans-serif;letter-spacing:2px;color:#6e7f6c}.dock-wing a:hover{background:#8291770d;color:#eef1e7}.dock-wing a[aria-current=true]{background:linear-gradient(#d84b2e22,transparent);color:#f3e9d9;text-shadow:none}.dock-wing a[aria-current=true] small{color:#ec7058}.dock-wing a[aria-current=true]:after{left:20%;right:20%;top:-1px;bottom:auto;width:60%;height:2px;transform:none;background:#ef7558;box-shadow:0 0 14px #ef533ba0}.dock-core{height:96px;width:120px;top:-12px;gap:5px;padding-top:32px;filter:drop-shadow(0 0 14px #ed513c20)}.dock-core:before{inset:0;background:linear-gradient(140deg,#f69b74,#a83324 60%,#d55b3a);clip-path:polygon(50% 0,100% 100%,0 100%);transition:filter .2s}.dock-core:after{inset:4px 5px 3px;background:radial-gradient(ellipse at 50% 90%,#5d291d,#121c15 70%);clip-path:polygon(50% 0,100% 100%,0 100%)}.dock-core:hover:before{background:linear-gradient(140deg,#ffc2a1,#eb6845);filter:brightness(1.2)}.dock-core span{font-size:15px;color:#ffb598;text-shadow:0 0 14px #e7643a}.dock-core strong{font-size:11px;letter-spacing:2.5px;color:#ecded0}.hero-bottom{bottom:115px}#screen-deck>section{padding-bottom:125px}
@media(max-width:760px){.command-dock{width:96%;bottom:13px;height:53px;grid-template-rows:53px;grid-template-columns:1fr 75px 1fr}.dock-wing{height:53px}.dock-wing a{height:52px;font-size:11px;letter-spacing:.2px;padding:5px 0;gap:5px}.dock-wing a small{font-size:6px;letter-spacing:1px}.dock-wing:first-child{padding-left:3px;padding-right:7px;clip-path:polygon(8px 0,100% 0,calc(100% - 9px) 100%,0 100%,0 8px)}.dock-wing:last-child{padding-left:7px;padding-right:3px;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,9px 100%)}.dock-core{width:75px;height:70px;top:-8px;padding-top:25px;gap:4px}.dock-core span{font-size:11px}.dock-core strong{font-size:7px;letter-spacing:1px}.dock-core:after{inset:3px 4px 2px}#hero-video-toggle{bottom:98px;padding:7px 10px;font-size:6px;right:10%}.hero-bottom{bottom:135px}.hero-bottom p{font-size:6px}}
.biome-screen .mode-layout{grid-template-columns:240px 1fr;gap:35px;height:calc(100% - 105px)}.biome-screen .mode-options{display:flex;flex-direction:column;overflow:visible;gap:18px}.biome-screen .mode-options button{flex:1;min-height:0;max-height:150px}.biome-screen .mode-options img{height:100%;max-height:none;object-fit:cover}.biome-screen .mode-options span{font-size:19px;text-shadow:0 2px 8px #000}.biome-screen .mode-display{height:100%;position:relative;align-self:stretch;background:#121a14;overflow:hidden}.biome-screen .mode-display>img{display:block;max-height:none;height:100%;width:100%;object-fit:cover;margin:0}.biome-caption{position:absolute;bottom:0;left:0;right:0;padding:60px 28px 25px;background:linear-gradient(transparent,#080e0bef)}.biome-caption h3{font-size:40px}.biome-caption p{margin-bottom:0;color:#c4c9bc}.biome-caption .state{font-size:8px;color:#e0b29a}.infected-screen .character-dossier h2{font-size:clamp(34px,4.5vw,68px)}.infected-screen .character-options button>span{font-size:17px;letter-spacing:1px}.infected-screen .character-portrait{left:29%;right:32%;top:170px;bottom:125px}.infected-screen .character-portrait>img{object-position:center}.infected-screen .character-portrait>span{font-size:7vw}.infected-screen .character-dossier .state{font-size:7px;line-height:1.7}.infected-screen .character-options button>img{object-position:center;height:90%}
@media(max-width:760px){.biome-screen .mode-layout{display:flex;flex-direction:column;gap:16px;height:calc(100% - 95px)}.biome-screen .mode-options{flex-direction:row;height:85px;max-height:85px;gap:8px;flex-shrink:0}.biome-screen .mode-options button{height:85px}.biome-screen .mode-options span{font-size:11px;left:7px;bottom:8px}.biome-screen .mode-display{min-height:220px;flex:1}.biome-caption{padding:40px 16px 16px}.biome-caption h3{font-size:28px}.biome-caption p{font-size:10px}.biome-caption .state{font-size:6px}.infected-screen .character-portrait{left:6%;right:42%;top:190px;bottom:195px}.infected-screen .character-dossier h2{font-size:35px}.infected-screen .character-options button>span{font-size:11px;letter-spacing:0}.infected-screen .character-dossier{top:195px}}
.source-credit{display:block;font-size:9px;line-height:1.5;color:#d8bda7;text-decoration:underline;text-underline-offset:3px;margin-top:10px;max-width:100%}.infected-screen .character-portrait>img{height:auto;max-height:100%;width:100%;object-fit:contain;filter:none;box-shadow:0 15px 50px #0007}.infected-screen .character-portrait{align-items:center}.biome-caption .source-credit{font-size:8px;margin-top:7px}.biome-caption p{font-size:11px}.infected-screen .character-options button>img{width:100%;height:100%;object-fit:cover;opacity:.6}.infected-screen .character-options button>span{background:linear-gradient(transparent,#090e09d9);left:0;right:0;bottom:0;padding:20px 12px 12px;font-size:15px}
.biome-screen .mode-display{display:flex;flex-direction:column;background:#0c120e}.biome-screen .mode-display>img{min-height:0;flex:1;object-fit:contain;height:auto}.biome-caption{position:relative;padding:15px 22px 18px;background:#0c120e;flex-shrink:0}.biome-caption h3{font-size:29px;margin:9px 0}.biome-caption p{font-size:10px;margin:8px 0 0}.biome-caption .source-credit{font-size:8px}.infected-screen .character-portrait{left:27%;right:33%;top:190px;bottom:130px}.infected-screen .character-portrait>img{max-height:100%;object-fit:contain}.infected-screen .character-options button>img{object-fit:contain}.infected-screen .character-options button>span{font-size:14px}@media(max-width:760px){.biome-caption{padding:10px 12px}.biome-caption h3{font-size:23px}.biome-caption p{font-size:9px}.biome-caption .source-credit{font-size:7px}.infected-screen .character-portrait{left:5%;right:42%;top:210px;bottom:195px}}

/* Larger landscape presentation; credits remain outside the artwork itself. */
.biome-screen .mode-layout{grid-template-columns:200px 1fr;gap:25px}
.biome-screen .mode-display{display:block}
.biome-screen .mode-display>img{width:100%;height:100%;object-fit:cover}
.biome-caption{position:absolute;bottom:0;left:0;right:0;padding:55px 25px 20px;background:linear-gradient(transparent,rgba(5,10,7,.94))}
.biome-caption p{max-width:580px}.biome-caption h3{font-size:34px}
@media(min-width:1000px){.infected-screen .character-portrait{left:27%;right:27%;top:190px;bottom:130px}.infected-screen .character-dossier{right:7%;width:18%}.infected-screen .character-dossier h2{font-size:clamp(32px,3.5vw,60px)}}
@media(max-width:760px){.biome-screen .mode-layout{display:flex;gap:12px}.biome-caption{padding:45px 15px 15px}.biome-caption h3{font-size:25px}}

.infected-screen .character-portrait>img[src*="portrait-"]{width:100%;height:100%;object-fit:contain;box-shadow:none}.infected-screen .character-options button>img[src*="portrait-"]{object-fit:contain;background:#060a08}

/* Shared infected atmosphere: distant woodland, backlight and a low fog layer. */
#survivor.infected-screen{background:linear-gradient(90deg,rgba(4,9,7,.96) 0%,rgba(4,9,7,.65) 35%,rgba(4,9,7,.68) 65%,rgba(4,9,7,.96) 100%),linear-gradient(0deg,#060b08 0%,transparent 40%,#060b08 100%),url('assets/clean-forest.webp') center/cover}
#survivor.infected-screen:before{content:'';position:absolute;inset:10% 22% 8%;background:radial-gradient(ellipse at 50% 40%,rgba(145,161,133,.16),transparent 63%);pointer-events:none}
#survivor.infected-screen:after{content:'';position:absolute;inset:35% 0 70px;z-index:1;pointer-events:none;opacity:.42;background:radial-gradient(ellipse at 40% 86%,rgba(133,151,139,.22),transparent 47%),radial-gradient(ellipse at 70% 93%,rgba(142,155,138,.18),transparent 45%);filter:blur(22px);animation:infected-mist 18s ease-in-out infinite alternate}
.infected-screen .character-portrait{z-index:1}
.infected-screen .character-portrait>img{mix-blend-mode:lighten;box-shadow:none;mask-image:linear-gradient(to bottom,transparent 0%,#000 7%,#000 85%,transparent 100%)}
@keyframes infected-mist{from{transform:translateX(-3%);opacity:.3}to{transform:translateX(3%);opacity:.6}}
@media(prefers-reduced-motion:reduce){#survivor.infected-screen:after{animation:none}}

.infected-screen .character-portrait{mix-blend-mode:lighten}.infected-screen .character-portrait>img{mix-blend-mode:normal}.infected-screen .character-portrait>span{display:none}

#survivor.infected-screen:before{inset:8% 19% 6%;background:radial-gradient(ellipse at 50% 48%,rgba(3,7,5,.94) 0%,rgba(3,7,5,.82) 38%,transparent 74%)}

/* Each creature belongs to a different part of the world. */
#survivor.infected-screen{--creature-scene:url('assets/ue-town.webp');background-image:linear-gradient(90deg,rgba(4,9,7,.95) 0%,rgba(4,9,7,.55) 35%,rgba(4,9,7,.6) 65%,rgba(4,9,7,.95) 100%),linear-gradient(0deg,#060b08 0%,transparent 40%,#060b08 100%),var(--creature-scene);background-position:center;background-size:cover}
#survivor[data-creature="zombie"]{--creature-scene:url('assets/ue-town.webp')}
#survivor[data-creature="wolf"]{--creature-scene:url('assets/clean-forest.webp')}
#survivor[data-creature="bear"]{--creature-scene:url('assets/clean-snow.webp')}
#survivor[data-creature="bear"]:after{background:radial-gradient(ellipse at 40% 86%,rgba(187,211,224,.3),transparent 47%),radial-gradient(ellipse at 70% 93%,rgba(171,197,215,.22),transparent 45%)}
.news-grid article>img{object-fit:cover;object-position:center}

/* Apocalyptic editorial imagery */
#news .news-grid article>img{filter:brightness(.72) saturate(.65);object-position:center}
#news .news-grid article:nth-child(3)>img{filter:brightness(.85) saturate(.7);object-position:35% center}

#news .news-grid article:nth-child(2)>img{object-position:48% center;filter:brightness(.78) saturate(.65)}
#news .news-grid article:nth-child(3)>img{object-position:20% center;filter:brightness(.9) saturate(.65)}

#news .news-grid article:nth-child(3)>img{filter:brightness(.85) saturate(.7);object-position:35% center}

/* Original platform strip and blood-hand wishlist control */
.hero-platforms{display:block;width:350px;max-width:70vw;height:auto;margin-top:25px;opacity:.92}
.dock-core.blood-wishlist{width:134px;height:111px;top:-27px;padding:0;overflow:visible;isolation:isolate;filter:drop-shadow(0 0 9px #d5000033)}
.dock-core.blood-wishlist:before{background:#b81816;transition:background .25s,filter .25s}
.dock-core.blood-wishlist:after{inset:3px 4px;background:radial-gradient(ellipse at 50% 80%,#32100f,#100b0a 75%)}
.blood-wishlist .blood-hand{position:absolute;left:35%;top:27%;width:39%;height:68%;color:#9b1411;transform:rotate(-9deg);filter:drop-shadow(0 1px 2px #d51c1833);transition:opacity .3s,filter .3s}
.dock-core.blood-wishlist strong{position:absolute;left:0;right:0;top:62%;font:800 italic 20px 'Barlow Condensed',sans-serif;letter-spacing:1px;color:#fff2e8;opacity:0;transform:translateY(6px) rotate(-6deg);transition:opacity .25s,transform .25s;text-shadow:1px 2px 2px #000,0 0 10px #ff1414;z-index:3}
.blood-wishlist .blood-streams{position:absolute;inset:0;overflow:hidden;clip-path:polygon(50% 0,100% 100%,0 100%);pointer-events:none}
.blood-streams i{position:absolute;top:44%;left:39%;width:2px;height:42px;background:linear-gradient(transparent,#720704 30%,#ce2119);border-radius:0 0 3px 3px;transform-origin:top;animation:wishlist-bleed 3s ease-in infinite;animation-play-state:paused;opacity:0}
.blood-streams i:after{content:'';position:absolute;bottom:-2px;left:-1px;width:4px;height:6px;border-radius:60% 60% 50% 50%;background:#b61812}
.blood-streams i:nth-child(2){left:47%;top:31%;height:63px;animation-delay:.4s}
.blood-streams i:nth-child(3){left:57%;top:40%;height:51px;animation-delay:1s}
.blood-streams i:nth-child(4){left:65%;top:56%;height:32px;animation-delay:.7s}
.blood-streams i:nth-child(5){left:33%;top:63%;height:28px;animation-delay:1.5s}
.dock-core.blood-wishlist:is(:hover,:focus-visible){filter:drop-shadow(0 0 13px #ed080891)}
.dock-core.blood-wishlist:is(:hover,:focus-visible):before{background:#ff211a;filter:none}
.blood-wishlist:is(:hover,:focus-visible) .blood-hand{opacity:.65;filter:brightness(1.6)}
.dock-core.blood-wishlist:is(:hover,:focus-visible) strong{opacity:1;transform:translateY(0) rotate(-6deg)}
.blood-wishlist:is(:hover,:focus-visible) .blood-streams i{animation-play-state:running}
.blood-wishlist:focus-visible{outline:2px solid #fff;outline-offset:5px}
@keyframes wishlist-bleed{0%{transform:scaleY(.05);opacity:0}15%{opacity:.9}75%{transform:scaleY(1);opacity:.95}100%{transform:translateY(30px) scaleY(.7);opacity:0}}
@media(max-height:800px){.hero-platforms{width:265px;margin-top:16px}.hero .intro{margin:14px 0}.hero h1{font-size:clamp(42px,6vw,70px)}}
@media(max-width:760px){.hero-platforms{width:245px;margin-top:20px}.dock-core.blood-wishlist{width:84px;height:78px;top:-20px}.dock-core.blood-wishlist strong{font-size:13px;letter-spacing:.5px}.blood-wishlist .blood-hand{top:30%;height:66%}.blood-streams i{height:28px}.blood-streams i:nth-child(2){height:42px}}
@media(hover:none){.dock-core.blood-wishlist strong{opacity:1;transform:rotate(-6deg)}.blood-wishlist .blood-hand{opacity:.65}}
@media(prefers-reduced-motion:reduce){.blood-streams i{animation:none}.blood-wishlist:is(:hover,:focus-visible) .blood-streams i{opacity:.65}.blood-wishlist *{transition:none!important}}

/* Minimal platform identities and textured blood decal */
.platform-strip{display:flex;align-items:center;gap:0;width:max-content;max-width:100%;margin-top:32px;padding:18px 0;border-top:1px solid #d4d3c12b;color:#d7d8cc}
.platform-brand{display:flex;align-items:center;gap:10px;padding:0 24px;border-right:1px solid #d4d3c12b;min-height:30px}
.platform-brand:first-child{padding-left:0}.platform-brand:last-child{border:0;padding-right:0}
.platform-brand svg{width:26px;height:26px}.platform-brand b{font:600 15px 'Barlow Condensed',sans-serif;letter-spacing:2.5px}
.epic-wordmark{display:flex;flex-direction:column;align-items:center;line-height:.85;font:800 20px/.85 'Barlow Condensed',sans-serif;letter-spacing:-.5px}.epic-wordmark small{font:700 8px/1.4 'Barlow Condensed',sans-serif;letter-spacing:.6px}
.blood-wishlist .blood-hand{left:23%;top:22%;width:57%;height:76%;object-fit:contain;transform:rotate(-7deg);opacity:1;filter:drop-shadow(0 0 2px #aa080833)}
.blood-wishlist:is(:hover,:focus-visible) .blood-hand{opacity:1;filter:brightness(1.35) saturate(1.25) drop-shadow(0 0 4px #d20c0c55)}
.blood-streams i{width:3px;height:60px;background:linear-gradient(90deg,#700502,#f03524 55%,#900804);box-shadow:0 0 3px #d3181688;animation-duration:2.4s;top:38%;left:36%}
.blood-streams i:after{width:5px;height:9px;left:-1px;background:radial-gradient(at 35% 30%,#ff6950,#b90b07 55%,#680300);bottom:-4px}
.blood-streams i:nth-child(2){left:45%;top:30%;height:70px;animation-delay:.25s}
.blood-streams i:nth-child(3){left:55%;top:39%;height:62px;animation-delay:.6s}
.blood-streams i:nth-child(4){left:65%;top:50%;height:47px;animation-delay:.9s}
.blood-streams i:nth-child(5){left:30%;top:60%;height:37px;animation-delay:1.2s}
@keyframes wishlist-bleed{0%{transform:scaleY(.04);opacity:0}8%{opacity:1}65%{transform:scaleY(1);opacity:1}88%{transform:translateY(18px) scaleY(1);opacity:1}100%{transform:translateY(36px) scaleY(.85);opacity:0}}
@media(max-width:760px){.platform-strip{margin-top:22px;padding:13px 0}.platform-brand{padding:0 15px;gap:7px}.platform-brand b{font-size:12px;letter-spacing:1.5px}.platform-brand svg{width:22px;height:22px}.epic-wordmark{font-size:18px}.blood-streams i{width:2px}.blood-streams i:after{width:4px;height:6px}}
@media(max-height:800px){.platform-strip{margin-top:18px;padding:12px 0}}

/* Dock cuts derive from the same 134 x 111 triangle slope. */
.command-dock{--triangle-w:134px;--triangle-h:111px;--dock-h:62px;--slope-cut:37.424px;grid-template-columns:1fr calc(var(--triangle-w) + 16px) 1fr;grid-template-rows:var(--dock-h);height:var(--dock-h);align-items:end}
.command-dock .dock-core.blood-wishlist{width:var(--triangle-w);height:var(--triangle-h);top:0;align-self:end}
.command-dock .dock-wing{width:calc(100% + var(--slope-cut));height:var(--dock-h);padding:0;align-self:end;overflow:hidden}
.command-dock .dock-wing:first-child{clip-path:polygon(12px 0,100% 0,calc(100% - var(--slope-cut)) 100%,0 100%,0 12px)}
.command-dock .dock-wing:last-child{margin-left:calc(-1 * var(--slope-cut));clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,var(--slope-cut) 100%)}
.command-dock .dock-wing a{height:100%;border:0;min-width:0}
.command-dock .dock-wing a[aria-current=true]{background:linear-gradient(180deg,#ad392b55,#9c2a1710)}
.command-dock .dock-wing:first-child a:last-child{padding-right:14px}
.command-dock .dock-wing:last-child a:first-child{padding-left:14px}
@media(max-width:760px){.command-dock{--triangle-w:84px;--triangle-h:78px;--dock-h:53px;--slope-cut:28.538px;grid-template-columns:1fr calc(var(--triangle-w) + 10px) 1fr}.command-dock .dock-wing:first-child{clip-path:polygon(8px 0,100% 0,calc(100% - var(--slope-cut)) 100%,0 100%,0 8px)}.command-dock .dock-wing:last-child{clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,var(--slope-cut) 100%)}.command-dock .dock-wing:first-child a:last-child{padding-right:10px}.command-dock .dock-wing:last-child a:first-child{padding-left:10px}}

.index-holo-particles{position:absolute;z-index:2;pointer-events:none}