/* AFTERLIGHT / original responsive art direction. No remote fonts. */
:root{--ink:#102328;--panel:#14292d;--panel2:#1e3536;--line:#496063;--paper:#eee9d9;--muted:#9fafa6;--accent:#e3b273;--green:#9fbda2;--red:#cc7669;--blue:#8ebfbd}
body{background:#0c1d23}.btn{border-radius:2px;letter-spacing:.35px;background:#294240;border-color:#61776d66}.btn.primary{background:#dfb079;border-color:#f0c997;color:#1c2b2a;box-shadow:0 1px 12px #e6b27512}.btn.primary:hover:not(:disabled){background:#f0c28c}.btn:disabled{opacity:.39}.square-button{border-radius:3px;background:#10262bef}.meter{border-radius:0}.health i{background:linear-gradient(90deg,#b5665d,#e2a38a)}
.title-art{inset:0 0 0 26%;background-position:61% 45%;filter:brightness(.8) saturate(.78);image-rendering:auto;transform:scale(1.035)}.title-screen{background:#0d2027}.title-screen:before{background:linear-gradient(90deg,#0c2026 2%,#0c2026fb 26%,#0c2026ab 43%,#0c202627 74%),linear-gradient(0deg,#0b1c22 1%,transparent 45%,#0e212570 100%)}.title-grain{opacity:.08}.title-copy{left:7%;transform:translateY(-44%)}.title-copy h1{font-size:clamp(76px,8vw,121px);letter-spacing:-2px}.title-copy h1>span{color:#e6b57c}.title-sub{font-size:11px;letter-spacing:4px;color:#c8a985;text-transform:uppercase;margin-top:22px}.title-actions .btn.large{height:51px}.title-desc{font-size:13px;color:#aebdb4}.version-chip{border-color:#d0b38b80;color:#dbc4a2}.title-footer{border-color:#8baaa436}.cover-caption strong{color:#eee2c9}.difficulty-control{display:flex;align-items:center;gap:16px;width:278px;margin-top:16px;font-size:11px;color:#b7c1b4}.difficulty-control select{margin-left:auto;background:#10282dd9;color:#d9c9ac;border:1px solid #8ca99e44;padding:6px 9px;border-radius:2px;font-size:11px}
.title-features{gap:13px;margin-top:21px}.title-features span:not(:last-child){padding-right:13px}.vitals-card,.time-card,.mission-card,.mini-card,.weapon-rack,.action-bar{border-radius:3px;border:1px solid #80978b66;background:linear-gradient(135deg,#10272df0,#11272aed);box-shadow:0 7px 22px #04191d38}.vitals-card{border-left:3px solid #d9b47d}.avatar{border-radius:1px;background:#494b41;border-color:#ccb98c66}.mission-card{border-left:2px solid #d2a671}.mission-heading strong{letter-spacing:.5px}.mission-track{background:#5369634d}.mission-track i{background:#c5b683}.time-card{min-width:180px}.mini-card{border-top:2px solid #b5aa82}.mini-card canvas{filter:saturate(.6)}.weapon.active{background:#a67b4240;border-color:#dcb877}.weapon-rack{padding:5px;gap:3px}.weapon{min-width:75px}.action-bar{border-top:2px solid #a7aa8355}.action-bar button:hover{background:#a8c0aa13}.action-bar button+button{border-color:#73958a26}.interaction-chip{background:#0d2929f2;border:1px solid #c0bb8799;border-radius:3px;box-shadow:0 0 18px #122c2a55}.interaction-chip kbd{border-color:#d6c799;color:#e2d2ac}.radio-dialogue{background:#10282cf5;border-color:#b7b68877;border-left:3px solid #d7b680}.radio-dialogue img{border-radius:0}.toast{background:#153033f0;border-color:#7f9d8a70;border-left:2px solid #bfbc84;border-radius:2px}.toast.warning{border-left-color:#d29375}.modal-overlay{background:#06181bc9;backdrop-filter:blur(7px)}.modal-panel{background:linear-gradient(145deg,#163038,#10242a 70%);border:1px solid #82989177;border-radius:4px;box-shadow:0 25px 100px #0008}.modal-header{border-bottom-color:#b4b49a3d}.modal-header h2{letter-spacing:1.3px}.modal-footer{background:#0b2228;border-top-color:#94aa9136}.recipe-card,.item-card,.help-card,.quest-card,.skill-card{background:#20393ba6;border-color:#7e958349;border-radius:3px}.recipe-card{transition:border-color .18s,background .18s}.recipe-card:hover{background:#294443a6;border-color:#acb19070}.recipe-art{width:60px;height:60px;filter:drop-shadow(0 5px 3px #061b2666)}.tabs button.active{background:#b7a57725;border-color:#d2b37f}.notice{background:#71887416;border-left-color:#a5ae89}.ingredients .ingredient{background:#081e283d}.inventory-summary{background:#0b242b;border-color:#829b8544}.item-card .item-desc{color:#b2beb3}.map-frame{border-color:#adab8766}.poi-button{background:#1c383b;color:#cfdbcf;border-color:#80998538;border-radius:2px}.poi-button:hover{background:#37504b}.settings-row input{accent-color:#e1b577}.settings-row select{background:#112a31;color:#e2ddc9;border:1px solid #7698886b;padding:8px}
.resource-strip{position:absolute;top:32px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:22px;height:45px;padding:0 22px;background:linear-gradient(90deg,#10272b00,#10272bd9 10%,#10272bd9 90%,#10272b00);border-bottom:1px solid #e1b87c33}.resource-strip>span{display:flex;gap:8px;align-items:center;font-size:13px}.resource-strip img{width:25px;height:25px}.credit-inline{color:#e0bc84}.credit-inline i{font-size:23px;font-style:normal}.operations-button{position:absolute;top:285px;left:20px;background:#102a2eed;border:1px solid #cab0837a;color:#d2cbae;height:38px;padding:0 14px;border-radius:3px;display:flex;align-items:center;gap:12px;font-size:11px}.operations-button>span{color:#e5b47a;font-size:19px}.operations-button kbd{margin-left:20px}.zone-reveal{position:absolute;top:28%;left:50%;transform:translateX(-50%);text-align:center;width:min(440px,85vw);text-shadow:0 2px 10px #00161c;pointer-events:none;opacity:0}.zone-reveal.show{animation:zoneReveal 4.5s ease-out forwards}.zone-reveal:before{content:'';display:block;height:1px;margin:0 auto 13px;width:80px;background:#e0bd88}.zone-reveal span{font-size:9px;letter-spacing:3px;color:#ded2b3}.zone-reveal strong{display:block;font-size:27px;letter-spacing:4px;margin-top:10px;color:#f3e4c6;font-weight:600}.boss-hud{position:absolute;top:97px;left:50%;transform:translateX(-50%);width:360px;padding:12px 16px;background:#142a2deb;border:1px solid #bd8d6b6e}.boss-hud>div:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.boss-hud b{font-size:11px;letter-spacing:1px}.boss-hud span{font:8px monospace;letter-spacing:1px;color:#d4a78a}.boss-hud .meter{height:4px}.boss-hud .meter i{background:#d59575}.kill-streak{position:absolute;right:7%;top:44%;display:flex;gap:10px;align-items:center;color:#efd2a0;text-shadow:0 2px 8px #00242c}.kill-streak strong{font:italic 700 49px Impact,sans-serif}.kill-streak b{display:block;font-size:13px}.kill-streak small{font-size:8px;letter-spacing:2px}.event-hud{position:absolute;top:335px;left:20px;padding:9px 13px;background:#112d31e6;border:1px solid #94b2a566;border-left:2px solid #8dc4b5;display:flex;gap:12px;align-items:center;font-size:10px;border-radius:3px}.event-hud b{color:#a5d3c4;font:11px monospace}.quick-tools{position:absolute;right:23px;bottom:114px;display:flex;gap:7px;align-items:center}.quick-tools button{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;width:48px;height:46px;background:#0f2a30e8;border:1px solid #8f9d827d;border-radius:3px}.quick-tools img{width:27px;height:30px}.quick-tools button>span{position:absolute;bottom:2px;right:4px;font:9px monospace;color:#dbc08c}.quick-tools .active{border-color:#e3c086;color:#e3c086}.quick-tools svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.4}.v2-version{position:absolute;right:24px;bottom:28px;font:8px monospace;letter-spacing:2px;color:#bfbaa188}.operations-hero{display:flex;align-items:center;justify-content:space-between;padding:25px;margin-bottom:23px;background:linear-gradient(110deg,#b4976230,#47766720);border:1px solid #c6b38455}.operations-hero h3{font-size:32px;font-weight:500;letter-spacing:4px;margin:7px 0}.operations-hero p{font-size:11px;color:#aabcae}.credit-readout{text-align:right;min-width:90px;color:#e6c38b}.credit-readout span{display:block;font-size:10px}.credit-readout strong{font:48px Impact,sans-serif}.op-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:19px}.op-card{padding:19px;background:#0f283078;border:1px solid #a1b59435;margin-bottom:17px}.op-card .section-label{margin-top:0;display:flex;justify-content:space-between;font-size:12px}.op-card .section-label b{font-size:10px;font-weight:400;color:#d8bd8d}.op-card>p{font-size:12px;color:#afc0b4;line-height:1.9;margin:9px 0 14px}.chapter-steps{display:flex;gap:3px;margin:14px 0 20px}.chapter-steps span{flex:1;padding:8px 2px;text-align:center;font-size:9px;border-bottom:2px solid #67877a65;color:#87a198}.chapter-steps .done{border-color:#d2be8c;color:#e3cd9c}.op-actions{display:flex;flex-wrap:wrap;gap:8px;margin:13px 0}.op-actions .btn{font-size:11px;padding:9px 12px}.achievement{padding:11px 0;border-bottom:1px solid #91a49622;color:#6f9392}.achievement b{display:block;font-size:11px}.achievement small{display:block;font-size:10px;margin-top:4px}.achievement.unlocked{color:#d8c48b}.event-panel{border-left:2px solid #8cbeae}.event-panel h3{font-size:19px;font-weight:500}.trader-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px;margin-bottom:20px;background:#66827421;border:1px solid #a2b99844}.trader-intro h3{font-size:20px;font-weight:500;margin:8px 0}.trader-intro p{color:#acc1b3;font-size:12px}.trader-intro>strong{font:44px Impact,sans-serif;color:#e7c28b}.trader-intro>strong small{display:block;font:10px sans-serif;white-space:nowrap}.trade-price{color:#e4bb7d;font:24px Impact,sans-serif;margin:15px 0}.trade-price small{font:10px sans-serif}.record-page{max-width:650px;margin:20px auto 40px}.record-page h3{font-size:28px;font-weight:500;margin-top:24px;color:#ebd9b7}.record-page blockquote{font-size:18px;font-weight:300;line-height:2.2;letter-spacing:1px;margin:32px 0;border-left:2px solid #c3b185;padding-left:25px}.record-author{font-size:12px;letter-spacing:1px;text-align:right;margin-bottom:35px;color:#adbea9}.bestiary-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.bestiary-card{padding:18px;display:flex;gap:12px;background:#1b363a;border:1px solid #8ca29444}.enemy-portrait{flex:0 0 80px;height:115px;background-size:1200% 100%;background-position:left;background-repeat:no-repeat}.bestiary-card .eyebrow{font-size:8px}.bestiary-card h3{font-size:17px;margin:4px 0 9px}.bestiary-card p{font-size:11px;color:#b8c6b8;line-height:1.8}.bestiary-card small{font-size:9px;color:#d6bd91}.about-title{font-family:Impact,sans-serif;font-size:48px;letter-spacing:2px;margin-top:15px}.v2-settings{margin-top:26px;border-top:1px solid #a2b39744;padding-top:22px}.v2-settings>h3{font-size:13px;letter-spacing:2px;color:#d8ba89}.joystick{border-color:#b5c6ac8f;background:radial-gradient(circle,#163a4040,#092b3548);box-shadow:inset 0 0 15px #081f2c33}.joystick-knob{border-color:#d2ddc488;background:radial-gradient(circle at 35% 30%,#a6b5a3dc,#536d659c)}.touch-attack{background:radial-gradient(circle at 35% 30%,#bda57465,#83634750);border-color:#e7cb93aa;box-shadow:0 0 30px #9a875328}.touch-small{background:#0b2b3294;border-color:#abbdae80}.touch-attack>span{color:#f2dfb6}
@keyframes zoneReveal{0%{opacity:0;transform:translate(-50%,8px)}14%,65%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,-5px)}}
@media(min-width:1600px){.hud-top{left:30px;right:30px;top:25px}.mission-card{left:30px;top:140px}.operations-button{left:30px;top:295px}.event-hud{left:30px;top:345px}}
@media(max-width:1100px){.resource-strip{display:none}.boss-hud{width:290px}.operations-hero h3{font-size:28px}.quick-tools{bottom:210px}}
@media(max-width:600px){
 .title-art{inset:0 0 27% 0;background-position:65% 20%;filter:brightness(.66) saturate(.75)}.title-screen:before{background:linear-gradient(0deg,#0c2026 1%,#0c2026f0 32%,#0c2026ad 60%,#0c202645 100%)}.title-copy{left:7%;top:48%;width:86%;transform:translateY(-29%)}.title-copy h1{font-size:70px}.title-copy h1 br{display:none}.title-copy h1>span{display:inline-block;margin-left:9px}.title-copy .eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:15px}.title-sub{font-size:9px;letter-spacing:2px;margin-top:16px}.title-desc{font-size:11px;margin-top:14px}.title-actions{width:100%;max-width:330px;margin-top:18px;gap:8px}.title-actions .btn.large{height:43px;font-size:13px}.title-links{margin-top:12px;gap:9px}.title-links button{font-size:10px}.difficulty-control{width:100%;max-width:330px;margin-top:12px;font-size:10px}.title-features{font-size:9px;margin-top:17px}.cover-caption{display:none}.title-footer{font-size:8px}.title-top{top:24px}.title-top>span:nth-child(2){font-size:7px;letter-spacing:1px}.version-chip{font-size:7px;letter-spacing:.5px}
 .hud-top{left:10px;right:10px;gap:6px;top:calc(10px + var(--safe-top))}.vitals-card{min-width:0;width:221px;padding:8px 9px 8px 7px;gap:7px}.vitals-body{min-width:0}.avatar{width:32px;height:47px}.survivor-label{font-size:10px;gap:6px}.survivor-label strong span{font-size:9px}.survivor-label>span{font-size:8px}.health-row{margin-top:6px;gap:4px}.health-row b{font-size:10px}.mini-stats{margin-top:5px;gap:5px}.mini-stats b{font-size:8px}.mini-stats .meter{min-width:18px}.time-card{min-width:0;width:93px;padding:7px 8px;flex-shrink:0}.time-card>div:first-child{gap:5px}.day-number,.time-card #time-label{font-size:11px}.weather-label{font-size:7px;margin-top:5px}.time-card .status-dot{width:4px;height:4px;margin-right:3px}.hud-top .square-button{width:30px;height:31px;font-size:18px;flex-shrink:0}.mission-card{top:calc(88px + var(--safe-top));left:10px;width:209px;padding:9px 11px}.mission-heading{margin-top:7px}.mission-heading strong{font-size:11px}.mission-card p{font-size:9px;margin-top:5px;line-height:1.5}.mission-track{margin:8px 0 5px}.mission-bottom{font-size:8px}.panel-kicker{font-size:6px}.mini-card{top:calc(88px + var(--safe-top));right:10px;width:104px;padding:4px}.mini-card canvas{width:94px;height:73px}.mini-card>div{font-size:7px}.mini-card b{display:none}.operations-button{top:calc(207px + var(--safe-top));left:10px;height:33px;font-size:10px;padding:0 10px;gap:8px}.operations-button>span{font-size:15px}.operations-button kbd{display:none}.event-hud{top:calc(251px + var(--safe-top));left:10px;font-size:9px;padding:6px 9px;gap:9px}.event-hud b{font-size:9px}.boss-hud{top:calc(197px + var(--safe-top));right:10px;left:auto;transform:none;width:168px;padding:8px 10px}.boss-hud b{font-size:8px;letter-spacing:0}.boss-hud span{font-size:6px}.boss-hud .meter{height:3px}.zone-reveal{top:37%;width:90vw}.zone-reveal strong{font-size:20px;letter-spacing:2px}.zone-reveal span{font-size:7px;letter-spacing:1.5px}.zone-reveal:before{width:52px;margin-bottom:8px}.kill-streak{top:44%;right:18px}.kill-streak strong{font-size:36px}.kill-streak b{font-size:10px}.kill-streak small{font-size:6px;letter-spacing:1px}.quick-tools{bottom:calc(265px + var(--safe-bottom));right:17px;gap:7px}.quick-tools button{width:43px;height:40px;background:#0e2b33c9}.quick-tools img{width:22px;height:26px}.quick-tools svg{width:19px;height:19px}.v2-version{display:none}.weapon-rack,.touch .weapon-rack{width:auto;max-width:calc(100vw - 25px);gap:2px;padding:4px;bottom:calc(76px + var(--safe-bottom))}.weapon{min-width:59px;max-width:74px;height:42px;padding:3px 5px;gap:2px}.weapon img{height:23px;width:23px}.weapon span{font-size:8px}.weapon kbd{display:none}.reload-btn{padding:3px 6px;font-size:11px}.reload-btn span{font-size:7px}.action-bar{bottom:calc(13px + var(--safe-bottom));padding:4px 3px;width:calc(100vw - 24px)}.action-bar button,.touch .action-bar button{padding:5px 7px;gap:2px}.action-bar b{font-size:9px}.action-bar .action-icon{font-size:20px}.joystick{bottom:calc(142px + var(--safe-bottom));left:22px;width:111px;height:111px}.joystick-knob{width:45px;height:45px}.touch-combat{right:18px;bottom:calc(132px + var(--safe-bottom));width:168px;height:125px}.touch-attack{width:81px;height:81px}.touch-small{width:49px;height:49px}.dodge-touch{bottom:84px;right:7px}.interact-touch{right:95px}.touch-small span{font-size:8px}.interaction-chip,.touch .interaction-chip{bottom:calc(307px + var(--safe-bottom));font-size:10px;max-width:calc(100vw - 30px);padding:8px 13px}.toasts{top:47%;right:11px;max-width:240px}.toast{font-size:10px}.state-alert{top:calc(287px + var(--safe-top));font-size:8px;max-width:90vw}.radio-dialogue,.touch .radio-dialogue{bottom:calc(363px + var(--safe-bottom));left:12px;width:calc(100vw - 24px);max-width:none;background:#0e2931f7}.radio-dialogue p{font-size:10px}.build-strip,.touch .build-strip{bottom:calc(310px + var(--safe-bottom))}.extraction-hud{top:calc(282px + var(--safe-top));font-size:9px}.modal-overlay{padding:9px}.modal-content{padding:16px}.modal-header{padding:16px}.modal-header h2{font-size:22px}.recipe-grid{gap:10px}.recipe-card{padding:15px}.recipe-top h3{font-size:14px}.recipe-art{width:51px;height:51px}.recipe-desc{font-size:11px;line-height:1.7}.recipe-card>.btn{font-size:12px;min-height:39px}.item-card h3{font-size:12px}.item-card .item-desc{font-size:10px;line-height:1.6}.item-card .btn{font-size:11px;min-height:35px}.op-layout{grid-template-columns:1fr;gap:0}.operations-hero{padding:17px;margin-bottom:17px}.operations-hero h3{font-size:25px;letter-spacing:2px}.operations-hero .eyebrow{font-size:8px;letter-spacing:1.5px}.operations-hero p{font-size:10px;max-width:190px}.credit-readout{min-width:52px}.credit-readout strong{font-size:34px}.credit-readout span{font-size:8px}.op-card{padding:15px;margin-bottom:13px}.op-card>p{font-size:11px}.op-card .section-label{font-size:11px}.chapter-steps span{font-size:8px}.op-card .poi-button{font-size:11px;margin-bottom:6px}.trader-intro{padding:15px;gap:15px}.trader-intro .eyebrow{font-size:8px}.trader-intro h3{font-size:16px}.trader-intro p{font-size:11px}.record-page{margin:10px 0 25px}.record-page h3{font-size:23px}.record-page blockquote{font-size:16px;letter-spacing:.5px;line-height:2.1;padding-left:18px;margin:24px 0}.bestiary-grid{grid-template-columns:1fr;gap:11px}.bestiary-card{padding:14px}.bestiary-card p{font-size:11px}.bestiary-card .enemy-portrait{flex-basis:75px}.v2-settings{margin-top:18px}.settings-row label{font-size:12px}
}
@media(max-width:370px){.vitals-card{width:202px}.avatar{width:28px}.vitals-body{width:145px}.time-card{width:86px;padding:7px 6px}.survivor-label{font-size:9px}.health-row b{font-size:9px}.mission-card{width:194px}.mini-card{width:93px}.mini-card canvas{width:83px}.boss-hud{width:142px}.title-copy h1{font-size:59px}.weapon{min-width:51px}.action-bar button,.touch .action-bar button{padding:5px}}
@media(max-height:550px) and (orientation:landscape){.resource-strip{display:none}.title-copy{top:46%;transform:translateY(-38%);left:7%}.title-copy h1{font-size:63px}.title-copy .eyebrow{margin-bottom:9px}.title-sub{margin-top:10px;font-size:9px}.title-desc{font-size:10px;margin-top:9px}.title-actions{margin-top:15px}.difficulty-control{position:absolute;left:420px;bottom:50px;width:210px;display:none}.title-features{display:none}.title-links{margin-top:8px}.operations-button{top:138px;left:11px;height:28px;font-size:9px;padding:0 9px}.operations-button>span{font-size:13px}.operations-button kbd{display:none}.event-hud{top:173px;left:11px;height:28px;padding:5px 9px;font-size:9px}.event-hud b{font-size:9px}.boss-hud{top:66px;width:260px;padding:8px 12px}.boss-hud b{font-size:10px}.zone-reveal{top:42%;width:400px}.zone-reveal strong{font-size:20px;letter-spacing:2px}.zone-reveal span{font-size:7px}.quick-tools{bottom:157px;right:20px;gap:6px}.quick-tools button{width:33px;height:31px}.quick-tools img{width:20px;height:24px}.quick-tools svg{width:17px;height:17px}.quick-tools button>span{font-size:7px}.v2-version{display:none}.weapon-rack,.touch .weapon-rack{bottom:calc(57px + var(--safe-bottom));gap:2px;padding:3px}.weapon{min-width:54px;height:31px;padding:3px 4px}.weapon img{height:20px;width:20px}.weapon span{font-size:8px}.kill-streak{top:46%;right:22%}.kill-streak strong{font-size:30px}.kill-streak b{font-size:9px}.kill-streak small{font-size:6px}.op-layout{grid-template-columns:1.3fr 1fr}.op-card{padding:14px}.operations-hero{padding:14px}.operations-hero h3{font-size:23px}.operations-hero p{font-size:10px}.radio-dialogue,.touch .radio-dialogue{top:114px;left:253px;bottom:auto;width:270px}.state-alert{max-width:210px;font-size:8px}.bestiary-grid{grid-template-columns:1fr 1fr}.bestiary-card{padding:12px}.enemy-portrait{flex-basis:60px;height:100px}}
@media(prefers-reduced-motion:reduce){.zone-reveal.show{animation:none;opacity:1}.title-art{transform:none}}