.survival-page{--zs-text:#e3e5d9;--zs-muted:#a2aea5;--zs-line:#394d48;--zs-accent:#d8b47d;background:#121f24;color:var(--zs-text)}.zs-wrap{max-width:1320px;padding-top:36px;padding-bottom:40px}.zs-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.zs-header>div{min-width:0;overflow-wrap:anywhere}.zs-header>.btn{flex-shrink:0}.zs-eyebrow{font-size:10px;letter-spacing:.17em;font-weight:700;color:#c4bda3}.zs-header h1{font-size:clamp(32px,4vw,48px);letter-spacing:-.04em;line-height:1.15;margin:10px 0}.zs-header p{margin:0;color:var(--zs-muted)}.zs-resources{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;border-block:1px solid var(--zs-line);padding:20px 0;margin-bottom:24px}.zs-resource{border-inline-start:1px solid var(--zs-line);padding-inline-start:20px;min-width:0}.zs-resource:first-child{border:0;padding:0}.zs-resource span{display:block;font-size:12px;color:var(--zs-muted)}.zs-resource strong{display:block;font-size:29px;margin-top:6px;font-variant-numeric:tabular-nums;color:#dfceaa}.zs-layout{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(270px,1fr);gap:20px}.zs-overview,.zs-command{min-width:0}.zs-scene{border:1px solid #536255;border-radius:13px;overflow:hidden;background:#344740;position:relative}.zs-scene-head{position:absolute;inset:0 0 auto;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:24px;background:linear-gradient(#152628c9,transparent);gap:16px}.zs-scene-head h2{font-size:29px;margin:7px 0 0}.zs-clock{border:1px solid #c5c5a866;border-radius:50%;width:66px;height:66px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#152a2ab3}.zs-clock strong{font-size:18px;font-variant-numeric:tabular-nums}.zs-clock span{font-size:10px;color:#c6cfbd}.zs-art{display:block;width:100%;height:auto;margin-top:30px;min-height:280px}.zs-stars,.zs-horde,.zs-muzzle,.zs-searchlight,.zs-cracks{opacity:0}.zs-scene[data-phase=night]{background:#182930}.zs-scene[data-phase=night] .zs-sky{fill:#233740}.zs-scene[data-phase=night] .zs-sun{fill:#c7c9b4;opacity:.7}.zs-scene[data-phase=night] .zs-stars,.zs-scene[data-phase=night] .zs-horde,.zs-scene[data-phase=night] .zs-searchlight{opacity:1}.zs-scene[data-phase=night] .zs-patrol{opacity:0}.zs-scene[data-damaged=true] .zs-cracks{opacity:1}.zs-zombie{animation:zs-shuffle 2.1s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center}.zs-zombie:nth-child(2n){animation-delay:-.8s}.zs-zombie:nth-child(3n){animation-delay:-1.5s}.zs-scene.running .zs-beacon{animation:zs-pulse 3s ease-in-out infinite}.zs-scene.running .zs-patrol{animation:zs-patrol 10s ease-in-out infinite alternate}.zs-scene.running[data-phase=night][data-armed=true] .zs-muzzle{animation:zs-shot 5s steps(1) infinite}.zs-scene:not(.running) *{animation-play-state:paused!important}.zs-wall-line{padding:15px 22px;background:#1b302f}.zs-wall-line>div{display:flex;justify-content:space-between;margin-bottom:8px;font-size:12px}.zs-wall-line strong{color:#e0ca9f}.survival-page progress{appearance:none;display:block;width:100%;height:6px;border:none;border-radius:5px;background:#122629;overflow:hidden}.survival-page progress::-webkit-progress-bar{background:#122629}.survival-page progress::-webkit-progress-value{background:#a8b78b;border-radius:5px}.survival-page progress::-moz-progress-bar{background:#a8b78b}.survival-page .btn{background:#293d3b;color:var(--zs-text);border:1px solid #52645a;min-height:42px;border-radius:7px;white-space:normal;line-height:1.35}.survival-page .btn:hover:enabled{background:#3a5047;border-color:#b2b79b}.survival-page .zs-primary{background:var(--zs-accent);border-color:var(--zs-accent);color:#1b2c2c;font-weight:700}.survival-page .zs-primary:hover:enabled{background:#ead0a0}.survival-page .btn:disabled{opacity:.4;cursor:not-allowed}.survival-page :focus-visible{outline:2px solid #f0cd8a;outline-offset:3px}.zs-controls{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:17px}.zs-controls .btn{padding:12px 25px}.zs-check{font-size:12px;color:var(--zs-muted);display:flex;align-items:center;gap:9px;cursor:pointer}.zs-check input{width:18px;height:18px;accent-color:var(--zs-accent)}.zs-outcome{margin:10px 0;line-height:1.5;color:#dbc097;font-size:13px;min-height:20px}.zs-panel{background:#1b2c30;border:1px solid var(--zs-line);padding:22px;border-radius:12px;min-width:0}.zs-panel h2{font-size:16px;margin:0 0 18px}.zs-section-head{display:flex;align-items:center;gap:15px;justify-content:space-between}.zs-section-head h2{font-size:13px;line-height:1.6}.zs-section-head span{font-size:11px;color:#c6b991;flex-shrink:0}.zs-days{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;list-style:none;padding:0;margin:0}.zs-days li{background:#132629;border:1px solid #41564c;text-align:center;padding:9px 0;border-radius:4px;font-size:11px;color:#7c9288}.zs-days li.done{background:#394d3b;color:#d0d6ad}.zs-days li.current{border-color:#d5b580;color:#f1d69c}.zs-days li:nth-child(5n){border-top:3px solid #947b69}.zs-population{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin-bottom:15px}.zs-population strong{font-size:25px}.zs-population span{font-size:11px;color:var(--zs-muted)}.zs-job{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--zs-line);padding:12px 0}.zs-job-title b{display:block;font-size:13px}.zs-job-title small{display:block;color:var(--zs-muted);font-size:10px;margin-top:4px}.zs-stepper{display:flex;align-items:center;gap:12px;flex-shrink:0}.zs-stepper .btn{min-width:38px;min-height:38px;padding:4px;font-size:18px}.zs-stepper strong{min-width:14px;text-align:center;font-size:15px}.zs-meters{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}.zs-meters label{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:11px;color:var(--zs-muted)}.zs-meters progress{grid-column:1/-1}.zs-meters b{color:#d0ccae}.zs-field{display:block;font-size:12px;color:var(--zs-muted);margin-top:14px}.zs-field span{display:block;margin-bottom:7px}.survival-page select{background:#13262d;color:var(--zs-text);border:1px solid #4e6458;border-radius:6px;width:100%;padding:10px;min-height:44px;max-width:100%;font:inherit}.zs-forecast{border-top:1px solid var(--zs-line);margin-top:18px;padding-top:15px;font-size:12px;line-height:1.8;display:grid;gap:3px}.zs-forecast .warning{color:#e0a287}.zs-bottom{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.zs-muted{font-size:12px;color:var(--zs-muted);line-height:1.8}.zs-sites{display:grid;gap:12px}.zs-site{padding:15px;border:1px solid var(--zs-line);background:#15292e;border-radius:8px;display:grid;grid-template-columns:1fr auto;gap:9px 14px;min-width:0}.zs-site h3{font-size:14px;margin:0}.zs-site p{margin:0;font-size:11px;color:var(--zs-muted);line-height:1.7;grid-column:1}.zs-site .btn{grid-column:2;grid-row:1/3;font-size:12px;padding:8px 15px;align-self:center}.zs-site progress{grid-column:1/-1}.zs-site.active{border-color:#c6ac7f}.zs-site-state{color:#d4be91!important}.zs-building{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--zs-line)}.zs-building-title{min-width:0}.zs-building b{display:block;font-size:13px}.zs-building small{display:block;font-size:10px;color:var(--zs-muted);margin-top:5px}.zs-building .btn{font-size:11px;padding:9px 14px;max-width:50%;flex-shrink:0}.zs-maintenance{display:flex;flex-wrap:wrap;gap:8px;margin-top:19px}.zs-maintenance .btn{flex:1;font-size:11px;padding:11px;min-width:100px}.zs-journal,.zs-guide{margin-top:20px}.zs-panel summary{cursor:pointer;font-size:14px;font-weight:600}.zs-guide p{font-size:12px;color:var(--zs-muted);line-height:1.9;margin-bottom:0}.zs-journal ol{padding-inline-start:20px;font-size:12px;color:var(--zs-muted);line-height:2}.zs-footer{display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap;font-size:12px;color:var(--zs-muted)}.zs-footer #zs-guest{flex-basis:100%;color:#bcac8b}
@keyframes zs-shuffle{from{transform:translate(-8px,0) rotate(-3deg)}to{transform:translate(5px,-2px) rotate(3deg)}}@keyframes zs-patrol{to{transform:translate(60px,-14px)}}@keyframes zs-pulse{50%{opacity:.15}}@keyframes zs-shot{0%,5%{opacity:1}2%,7%,100%{opacity:0}}
@media(max-width:950px){.zs-layout{grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr)}.zs-panel{padding:18px}.zs-art{margin-top:70px}.zs-section-head{flex-wrap:wrap;gap:0}.zs-section-head span{margin-bottom:12px}}@media(max-width:700px){.zs-wrap{padding-top:22px}.zs-header{align-items:flex-start}.zs-header p{font-size:12px}.zs-header>.btn{font-size:12px;padding:9px}.zs-resources{grid-template-columns:1fr 1fr;gap:18px 10px}.zs-resource:nth-child(3){padding:0;border:0}.zs-layout,.zs-bottom{grid-template-columns:1fr}.zs-art{margin-top:70px;min-height:0}.zs-scene-head{padding:17px}.zs-scene-head h2{font-size:24px}.zs-clock{width:56px;height:56px}.zs-controls{gap:12px}.zs-controls .btn{padding:12px 18px}.zs-command{padding:20px}.zs-stepper .btn{min-width:44px;min-height:44px}.zs-job-title small{font-size:11px}.zs-site{padding:12px;gap:8px}.zs-site .btn{padding:9px;font-size:11px}.zs-days{gap:5px}.zs-header h1{font-size:32px}.zs-panel{padding:17px}}
@media(prefers-reduced-motion:reduce){.survival-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}