@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";:root{--amber: #e8a030;--amber-dim: #8c6218;--amber-glow: #e8a03044;--rust: #cc6633;--cyan: #7fbfbf;--red: #ff4444;--bg: #0d0b09;--bg-panel: #141210;--bg-panel-border: #2e2418;--text: #e8a030;--text-dim: #8c6218}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Share Tech Mono,Courier New,monospace;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;inset:0;background:url(/bg-wasteland.webp) center center / cover no-repeat;opacity:.15;z-index:-1;pointer-events:none}#app{width:100%;padding:0 2rem}#game:before{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.06) 2px,rgba(0,0,0,.06) 4px);pointer-events:none;z-index:100}#game{display:flex;flex-direction:column;min-height:100vh}#top-bar{display:flex;justify-content:space-around;padding:1rem 1.5rem;border-bottom:1px solid var(--bg-panel-border);background:var(--bg-panel);position:sticky;top:0;z-index:10}.stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat .label{font-size:.75rem;color:var(--text-dim);letter-spacing:.15em}.stat>span:nth-child(2){font-size:1.5rem;text-shadow:0 0 8px var(--amber-glow);min-width:2.5ch;text-align:center;font-variant-numeric:tabular-nums}@keyframes blink-paused{0%,to{opacity:1}50%{opacity:.2}}.paused{animation:blink-paused 1.2s ease-in-out infinite;color:var(--rust)!important;text-shadow:0 0 8px rgba(204,102,51,.4)!important}#speed-controls{display:flex;align-items:center;gap:.25rem;align-self:center}.speed-btn{font-size:.85rem;padding:.2rem .45rem;background:transparent;color:var(--text-dim);border:1px solid var(--bg-panel-border);cursor:pointer;transition:all .15s;line-height:1;-webkit-tap-highlight-color:transparent;outline:none}.speed-btn:focus-visible{color:var(--amber);border-color:var(--amber-dim)}.speed-btn:hover:not(:disabled){color:var(--amber);border-color:var(--amber-dim)}.speed-btn.active{color:var(--amber);border-color:var(--amber);background:#e8a0301a;text-shadow:0 0 8px var(--amber-glow)}.speed-btn:disabled{opacity:.3;cursor:not-allowed}.speed-btn:disabled:hover{color:var(--text-dim);border-color:var(--bg-panel-border)}.speed-btn img{display:block;opacity:.5;transition:opacity .15s ease}.speed-btn:hover:not(:disabled) img{opacity:.85}.speed-btn.active img{opacity:1}.speed-btn:disabled img{opacity:.25}#main-area{flex:1;padding:1.5rem;display:flex;gap:1.5rem}#col-survivors{flex:4;min-width:0}#col-base{flex:6;min-width:0}.recall-all-btn{position:relative;top:-10px;background:#141210!important}.roster-header{display:flex;justify-content:space-between;align-items:center}#main-area h2{font-size:.8rem;color:var(--text-dim);letter-spacing:.2em;margin-bottom:1rem;font-weight:400}#survivor-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.survivor{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;height:44px;box-sizing:border-box;background:var(--bg-panel);border:1px solid var(--bg-panel-border);border-left:3px solid var(--amber)}.survivor.scavenging{border-left-color:var(--rust)}.survivor.resting{border-left-color:var(--cyan)}.survivor.constructing{border-left-color:#59d}.survivor.constructing .status{color:#59d}.survivor.researching{border-left-color:#a7d}.survivor.researching .status{color:#a7d}.survivor.on-mission{border-left-color:#96c;opacity:.7}.survivor.on-mission .status{color:#96c}.survivor .name{flex:1;font-size:.95rem;display:flex;align-items:center;gap:.4rem}.trait-badge{font-size:.75rem;color:var(--rust);opacity:.7}.sbadge{font-size:.65rem;padding:.1rem .3rem;border-radius:2px;letter-spacing:.05em;font-weight:700;margin-left:.15rem;position:relative;overflow:hidden}.status-drain{position:absolute;top:0;left:0;width:100%;background:#0000008c;pointer-events:none}.sbadge-neg{background:#ff444426;color:#f64;border:1px solid rgba(255,68,68,.3)}.sbadge-pos{background:#44c87826;color:#44c878;border:1px solid rgba(68,200,120,.3)}.survivor .status{font-size:.85rem;color:var(--text-dim);min-width:120px;text-align:right}.survivor.scavenging .status{color:var(--rust)}.survivor.resting .status{color:var(--cyan)}.scavenge-btn{font-family:Share Tech Mono,monospace;font-size:.75rem;padding:.35rem .8rem;background:transparent;color:var(--amber);border:1px solid var(--amber-dim);cursor:pointer;letter-spacing:.1em;text-transform:uppercase;transition:all .15s}.scavenge-btn:hover{background:var(--amber);color:#fff;box-shadow:0 0 12px var(--amber-glow)}.recall-btn{color:var(--red);border-color:var(--red)}.recall-btn:hover{background:var(--red);color:#fff;box-shadow:0 0 12px #f446}.scavenge-btn.scavenge-warn{color:#ff8c00;border-color:#ff8c00}.scavenge-btn.scavenge-warn:hover{background:#ff8c00;color:#fff;box-shadow:0 0 12px #ff8c0066}.survivor-actions{display:flex;gap:.35rem}.construct-btn{font-family:Share Tech Mono,monospace;font-size:.75rem;padding:.35rem .8rem;background:transparent;color:#59d;border:1px solid #3366aa;cursor:pointer;letter-spacing:.1em;text-transform:uppercase;transition:all .15s}.construct-btn:hover:not(:disabled){background:#59d;color:#fff;box-shadow:0 0 12px #59d6}.construct-disabled{color:var(--text-dim)!important;border-color:var(--bg-panel-border)!important;cursor:not-allowed!important;opacity:.4}.research-btn{font-family:Share Tech Mono,monospace;font-size:.75rem;padding:.35rem .8rem;background:transparent;color:#a7d;border:1px solid #7744aa;cursor:pointer;letter-spacing:.1em;text-transform:uppercase;transition:all .15s;display:inline-flex;align-items:center;gap:5px}.research-btn:hover:not(:disabled){background:#a7d;color:#fff;box-shadow:0 0 12px #a7d6}#col-base h2{color:#59d}#game-over{text-align:center;padding:2rem;margin-top:1rem}.game-over-lose h2{font-size:1.8rem;color:var(--red);text-shadow:0 0 20px rgba(255,68,68,.5);letter-spacing:.3em;margin-bottom:.5rem}.game-over-win h2{font-size:1.8rem;color:#4f8;text-shadow:0 0 20px rgba(68,255,136,.5);letter-spacing:.3em;margin-bottom:.5rem}.endgame-narrative{color:var(--text-dim);margin-bottom:1.5rem;line-height:1.6;max-width:500px;margin-left:auto;margin-right:auto}.endgame-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem}.endgame-stat{display:flex;flex-direction:column;align-items:center;gap:.3rem}.endgame-stat-label{font-size:.75rem;color:var(--text-dim);letter-spacing:.15em}.endgame-stat-value{font-size:1.4rem;color:var(--amber)}.game-over-win .endgame-stat-value{color:#4f8}#restart-btn{font-family:Share Tech Mono,monospace;font-size:1rem;padding:.6rem 2rem;background:transparent;color:var(--amber);border:1px solid var(--amber);cursor:pointer;letter-spacing:.2em;transition:all .15s}#restart-btn:hover{background:var(--amber);color:#fff;box-shadow:0 0 20px var(--amber-glow)}.hidden{display:none!important}#log-panel{display:flex;border-top:1px solid var(--bg-panel-border);background:var(--bg-panel)}.log-col{flex:1;padding:1rem 1.5rem 1.5rem;max-height:40vh;overflow-y:auto}.log-col:first-child{border-right:1px solid var(--bg-panel-border)}.log-col h2{font-size:.8rem;color:var(--text-dim);letter-spacing:.2em;margin-bottom:.75rem;font-weight:400}.log-entries{display:flex;flex-direction:column;gap:.2rem}.log-line{font-size:.85rem;line-height:1.5;color:var(--amber-dim)}.log-line:first-child{color:var(--amber)}.log-line.log-positive{color:#44c878}.log-line.log-negative{color:#f64}.log-line.log-neutral{color:var(--amber-dim)}.log-line:first-child.log-positive{color:#5dda8e}.log-line:first-child.log-negative{color:#f86}.log-line:first-child.log-neutral{color:var(--amber)}.log-day{color:var(--text-dim)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--amber-dim)}.tooltip{position:fixed;z-index:50;background:var(--bg);border:1px solid var(--amber-dim);padding:.75rem .9rem;min-width:260px;max-width:340px;font-size:.8rem;box-shadow:0 0 16px var(--amber-glow),inset 0 0 30px #00000080;pointer-events:none}.tooltip-header{font-size:.9rem;color:var(--amber);margin-bottom:.35rem;text-shadow:0 0 8px var(--amber-glow);letter-spacing:.1em}.tooltip-row{color:var(--text-dim);margin-bottom:.2rem;line-height:1.4}.tooltip-row strong{color:var(--amber);font-weight:400}.tooltip-timing{color:var(--cyan);font-size:.75rem;margin-top:.25rem}.tooltip-divider{border:none;border-top:1px solid var(--bg-panel-border);margin:.45rem 0}.tooltip-section-label{font-size:.7rem;color:var(--text-dim);letter-spacing:.15em;margin-bottom:.3rem}.tooltip-traits{display:flex;flex-direction:column;gap:.2rem}.trait-line{line-height:1.4}.trait-name{color:var(--rust);white-space:nowrap}.trait-desc{color:var(--text-dim)}.trait-effect-desc{color:var(--cyan)}.status-label{white-space:nowrap}.status-neg{color:#f64}.status-pos{color:#44c878}#compendium-btn{font-family:Share Tech Mono,monospace;font-size:.7rem;padding:.3rem .7rem;background:transparent;color:var(--amber);border:1px solid var(--amber);cursor:pointer;letter-spacing:.12em;align-self:center;transition:all .15s}#compendium-btn:hover{background:var(--amber);color:#fff;box-shadow:0 0 12px var(--amber-glow)}#new-game-btn{font-family:Share Tech Mono,monospace;font-size:.6rem;padding:.25rem .5rem;background:transparent;color:var(--text-dim);border:1px solid var(--bg-panel-border);cursor:pointer;letter-spacing:.08em;align-self:center;transition:all .15s;opacity:.6}#new-game-btn:hover{color:var(--red);border-color:var(--red);opacity:1}#settings-btn{display:flex;align-items:center;justify-content:center;padding:.25rem;background:transparent;border:1px solid var(--bg-panel-border);cursor:pointer;align-self:center;transition:all .15s;opacity:.6}#settings-btn:hover{border-color:var(--amber);opacity:1}#settings-btn img{width:16px;height:16px;opacity:.7;transition:opacity .15s}#settings-btn:hover img{opacity:1}#compendium-overlay{position:fixed;inset:0;z-index:200;background:#000000d9;display:flex;align-items:center;justify-content:center}#compendium-modal{position:relative;width:90vw;max-width:600px;max-height:80vh;background:var(--bg);border:1px solid var(--amber-dim);box-shadow:0 0 30px var(--amber-glow),inset 0 0 60px #00000080;display:flex;flex-direction:column;overflow:hidden}#compendium-close{position:absolute;top:.5rem;right:.75rem;background:none;border:none;color:var(--text-dim);font-size:1.5rem;cursor:pointer;font-family:Share Tech Mono,monospace;line-height:1;z-index:1;transition:color .15s}#compendium-close:hover{color:var(--red)}#compendium-tabs{display:flex;border-bottom:1px solid var(--bg-panel-border);padding:.75rem 1rem 0;gap:0}.comp-tab{font-family:Share Tech Mono,monospace;font-size:.75rem;padding:.5rem 1.2rem;background:none;border:1px solid var(--bg-panel-border);border-bottom:none;color:var(--text-dim);cursor:pointer;letter-spacing:.12em;transition:all .15s}.comp-tab.active{color:var(--amber);border-color:var(--amber-dim);background:var(--bg-panel);text-shadow:0 0 8px var(--amber-glow)}.comp-tab:hover:not(.active){color:var(--text)}#compendium-content{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.6rem}.comp-entry{padding:.6rem .8rem;background:var(--bg-panel);border:1px solid var(--bg-panel-border);border-left:3px solid var(--rust)}.comp-entry-name{font-size:.85rem;color:var(--rust);margin-bottom:.25rem;letter-spacing:.08em}.comp-entry-desc{font-size:.8rem;color:var(--text-dim);line-height:1.5;margin-bottom:.3rem}.comp-entry-effect{font-size:.75rem;color:var(--cyan);letter-spacing:.05em}.comp-entry-pos{border-left-color:#44c878}.comp-entry-pos .comp-entry-name{color:#44c878}.comp-entry-neg{border-left-color:#f64}.comp-entry-neg .comp-entry-name{color:#f64}.comp-status-type{font-size:.7rem;letter-spacing:.1em;opacity:.7}.comp-status-type-dim{font-size:.7rem;color:var(--text-dim);opacity:.6}#settings-overlay{position:fixed;inset:0;z-index:200;background:#000000d9;display:flex;align-items:center;justify-content:center}#settings-modal{position:relative;width:90vw;max-width:400px;background:var(--bg);border:1px solid var(--amber-dim);box-shadow:0 0 30px var(--amber-glow),inset 0 0 60px #00000080;display:flex;flex-direction:column;overflow:hidden;padding:1.5rem}#settings-close{position:absolute;top:.5rem;right:.75rem;background:none;border:none;color:var(--text-dim);font-size:1.5rem;cursor:pointer;font-family:Share Tech Mono,monospace;line-height:1;z-index:1;transition:color .15s}#settings-close:hover{color:var(--red)}.settings-title{font-size:1rem;color:var(--amber);letter-spacing:.15em;margin:0 0 1.5rem;font-weight:400;text-shadow:0 0 8px var(--amber-glow)}#settings-content{display:flex;flex-direction:column;gap:1.5rem}.settings-section{display:flex;flex-direction:column;gap:.5rem}.settings-danger-btn{font-family:Share Tech Mono,monospace;font-size:.85rem;padding:.6rem 1.2rem;background:transparent;color:var(--red);border:1px solid var(--red);cursor:pointer;letter-spacing:.12em;transition:all .15s;text-transform:uppercase}.settings-danger-btn:hover{background:var(--red);color:#fff;box-shadow:0 0 12px #f446}.settings-danger-btn.confirming{background:#f443;animation:pulse-red .5s ease-in-out infinite alternate}@keyframes pulse-red{0%{box-shadow:0 0 8px #ff44444d}to{box-shadow:0 0 16px #f449}}.settings-desc{font-size:.75rem;color:var(--text-dim);margin:0;line-height:1.4}@keyframes storm-pulse{0%,to{opacity:1;text-shadow:0 0 12px rgba(255,68,68,.6)}50%{opacity:.7;text-shadow:0 0 24px rgba(255,68,68,.9),0 0 48px rgba(232,160,48,.4)}}#storm-banner{text-align:center;padding:.6rem 1rem;font-size:.9rem;letter-spacing:.25em;font-weight:700;color:var(--red);background:linear-gradient(90deg,#ff44441a,#e8a03026,#ff44441a);border-top:1px solid rgba(255,68,68,.4);border-bottom:1px solid rgba(255,68,68,.4);animation:storm-pulse 1.5s ease-in-out infinite}@keyframes countdown-pulse{0%,to{opacity:1}50%{opacity:.7}}#storm-countdown{text-align:center;padding:.5rem 1rem;font-size:.85rem;letter-spacing:.15em;font-weight:700;color:#fc0;background:linear-gradient(90deg,#ffcc000d,#ffaa331f,#ffcc000d);border-top:1px solid rgba(255,204,0,.3);border-bottom:1px solid rgba(255,204,0,.3);text-shadow:0 0 8px rgba(255,204,0,.5);animation:countdown-pulse 2s ease-in-out infinite}.storm-locked{color:var(--text-dim)!important;border-color:var(--bg-panel-border)!important;cursor:not-allowed!important;opacity:.5}.storm-locked:hover{background:transparent!important;color:var(--text-dim)!important;box-shadow:none!important}.comp-entry-storm{border-left-color:var(--red)}.comp-entry-storm .comp-entry-name{color:var(--red)}.rations-warning{color:var(--red)!important;text-shadow:0 0 8px rgba(255,68,68,.5)!important}@keyframes float-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(28px)}}.floating-delta{position:absolute;left:50%;bottom:-.2rem;transform:translate(-50%);font-size:.85rem;font-weight:700;pointer-events:none;animation:float-down 1.2s ease-out forwards;white-space:nowrap}.delta-pos{color:#44c878;text-shadow:0 0 6px rgba(68,200,120,.6)}.delta-neg{color:var(--red);text-shadow:0 0 6px rgba(255,68,68,.6)}.fullscreen-modal{position:fixed;inset:0;z-index:300;background:#0d0b09fa;display:flex;align-items:center;justify-content:center}.fullscreen-modal .modal-content{max-width:600px;padding:2rem 3rem;text-align:center}.fullscreen-modal .modal-title{font-size:2.5rem;letter-spacing:.4em;margin-bottom:2rem;color:var(--amber);text-shadow:0 0 30px var(--amber-glow),0 0 60px var(--amber-glow);font-weight:400}.fullscreen-modal .modal-story{font-size:.9rem;line-height:1.8;color:var(--text-dim);margin-bottom:2rem}.fullscreen-modal .modal-story p{margin-bottom:1rem}.fullscreen-modal .modal-story .survivor-names{color:var(--amber)}.fullscreen-modal .modal-story strong{color:var(--amber);font-weight:400}.fullscreen-modal .modal-btn{font-family:Share Tech Mono,monospace;font-size:1.1rem;padding:.8rem 2.5rem;background:transparent;color:var(--amber);border:2px solid var(--amber);cursor:pointer;letter-spacing:.2em;transition:all .2s;text-transform:uppercase}.fullscreen-modal .modal-btn:hover{background:var(--amber);color:#fff;box-shadow:0 0 30px var(--amber-glow)}.fullscreen-modal .modal-stats{display:flex;justify-content:center;gap:2.5rem;margin-bottom:2rem}.fullscreen-modal .modal-stat{display:flex;flex-direction:column;align-items:center;gap:.4rem}.fullscreen-modal .stat-label{font-size:.7rem;color:var(--text-dim);letter-spacing:.15em}.fullscreen-modal .stat-value{font-size:1.6rem;color:var(--amber);text-shadow:0 0 10px var(--amber-glow)}.fullscreen-modal.victory .modal-title{color:#4f8;text-shadow:0 0 30px rgba(68,255,136,.4),0 0 60px rgba(68,255,136,.2)}.fullscreen-modal.victory .stat-value{color:#4f8;text-shadow:0 0 10px rgba(68,255,136,.4)}.fullscreen-modal.victory .modal-btn{color:#4f8;border-color:#4f8}.fullscreen-modal.victory .modal-btn:hover{background:#4f8;color:#fff;box-shadow:0 0 30px #4f86}.fullscreen-modal.defeat .modal-title{color:var(--red);text-shadow:0 0 30px rgba(255,68,68,.4),0 0 60px rgba(255,68,68,.2)}.fullscreen-modal.defeat .stat-value{color:var(--red);text-shadow:0 0 10px rgba(255,68,68,.4)}.fullscreen-modal.defeat .modal-btn{color:var(--red);border-color:var(--red)}.fullscreen-modal.defeat .modal-btn:hover{background:var(--red);color:#fff;box-shadow:0 0 30px #f446}.recap-modal .recap-content{max-width:500px;padding:2rem;border:1px solid var(--amber-dim);box-shadow:0 0 30px var(--amber-glow),inset 0 0 60px #00000080;background:var(--bg)}.recap-modal .recap-title{font-size:1.8rem;letter-spacing:.2em;margin-bottom:1.5rem}.recap-summary{display:flex;flex-direction:column;gap:.6rem;margin-bottom:2rem;text-align:left;max-height:40vh;overflow-y:auto}.recap-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .8rem;background:var(--bg-panel);border:1px solid var(--bg-panel-border);border-left:3px solid var(--amber-dim);font-size:.85rem;line-height:1.4}.recap-item.recap-positive{border-left-color:#44c878;color:#44c878}.recap-item.recap-negative{border-left-color:#f64;color:#f64}.recap-item.recap-neutral{border-left-color:var(--amber-dim);color:var(--text-dim)}.recap-section-header{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin-top:1rem;margin-bottom:.25rem;padding-left:.2rem}.recap-section-header:first-child{margin-top:0}.recap-icon{font-size:1.1rem;min-width:1.5rem;text-align:center}.recap-buttons{display:flex;flex-direction:column;gap:.75rem;align-items:center}.modal-btn-secondary{font-family:Share Tech Mono,monospace;font-size:.8rem;padding:.5rem 1.5rem;background:transparent;color:var(--text-dim);border:1px solid var(--bg-panel-border);cursor:pointer;letter-spacing:.15em;transition:all .15s;text-transform:uppercase}.modal-btn-secondary:hover{color:var(--amber-dim);border-color:var(--amber-dim)}#log-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;border-bottom:1px solid var(--bg-panel-border);background:var(--bg-panel)}.recap-toggle{display:flex;align-items:center;gap:.5rem;font-size:.7rem;color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;letter-spacing:.05em}.recap-toggle input[type=checkbox]{appearance:none;-webkit-appearance:none;width:14px;height:14px;border:1px solid var(--amber-dim);background:transparent;cursor:pointer;position:relative}.recap-toggle input[type=checkbox]:checked{background:var(--amber-dim)}.recap-toggle input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.6rem;color:var(--bg)}.recap-toggle:hover{color:var(--amber)}.recap-toggle:hover input[type=checkbox]{border-color:var(--amber)}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.encounter-modal{position:fixed;inset:0;z-index:350;background:#0d0b09f2;display:flex;align-items:center;justify-content:center}.encounter-box{max-width:550px;width:90%;padding:2rem;background:var(--bg);border:2px solid #ff9966;box-shadow:0 0 40px #ff99664d,inset 0 0 60px #00000080}.encounter-header{text-align:center;margin-bottom:1.5rem}.encounter-tag{font-size:.7rem;letter-spacing:.3em;color:#f96;margin-bottom:.5rem;text-shadow:0 0 10px rgba(255,153,102,.5)}.encounter-title{font-size:1.3rem;letter-spacing:.15em;color:var(--amber);text-transform:uppercase}.encounter-prompt{font-size:.85rem;line-height:1.7;color:var(--text-dim);margin-bottom:1.5rem;padding:1rem;background:#0000004d;border-left:2px solid var(--amber-dim)}.encounter-choices{display:flex;flex-direction:column;gap:.75rem}.encounter-choice-btn{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:.85rem 1rem;background:#1a1512;border:1px solid #444;cursor:pointer;text-align:left;transition:all .15s ease}.encounter-choice-btn:hover{border-color:#f96;background:#251e17}.encounter-choice-btn.primary{border-color:var(--amber-dim)}.encounter-choice-btn.primary:hover{border-color:var(--amber);background:#e8a0301a}.encounter-choice-label{display:block;font-weight:700;color:#eee;font-size:.9rem;letter-spacing:.05em}.encounter-choice-desc{display:block;font-size:.8rem;color:#888;margin-top:.35rem;line-height:1.4}.encounter-choice-btn:hover .encounter-choice-label{color:#f96}.encounter-choice-btn.primary:hover .encounter-choice-label{color:var(--amber)}.encounter-choice-btn.encounter-choice-disabled{opacity:.4;cursor:not-allowed;border-color:#333!important}.encounter-choice-btn.encounter-choice-disabled:hover{background:var(--bg-panel);border-color:#333!important}.encounter-choice-disabled .encounter-choice-desc{color:#666}.encounter-choice-unaffordable-note{color:#f44;font-size:.75rem;margin-top:.2rem;display:block}.building-locked-notice{grid-column:1 / -1;padding:2rem;text-align:center;background:var(--bg-panel);border:1px solid var(--bg-panel-border);border-left:3px solid var(--text-dim)}.building-locked-notice .locked-icon{font-size:2rem;margin-bottom:.5rem;opacity:.5}.building-locked-notice .locked-text{font-size:.85rem;color:var(--text-dim);line-height:1.6}#building-list{display:flex;flex-direction:column;gap:1.25rem}.building-category{display:flex;flex-direction:column;gap:.5rem}.building-category-label{font-size:.75rem;color:var(--text-dim);letter-spacing:.15em;text-transform:uppercase;font-weight:400;margin:0;padding-bottom:.25rem;border-bottom:1px solid var(--bg-panel-border)}.building-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,150px));gap:.4rem}.building-tile{position:relative;max-width:150px;height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.3rem .4rem;background:var(--bg-panel);border:2px solid var(--bg-panel-border);cursor:pointer;transition:all .15s;overflow:hidden}.building-tile:hover{border-color:#59d;background:#5599dd1a}.building-tile.tile-active{border-color:#59d;box-shadow:0 0 12px #59d6,inset 0 0 20px #5599dd1a;animation:tile-glow 2s ease-in-out infinite}@keyframes tile-glow{0%,to{box-shadow:0 0 12px #59d6,inset 0 0 20px #5599dd1a}50%{box-shadow:0 0 20px #59d9,inset 0 0 30px #5599dd26}}.building-tile.tile-completed{border-color:#44c878;cursor:default;opacity:.7}.building-tile.tile-completed:hover{border-color:#44c878;background:var(--bg-panel)}.tile-name{font-size:.7rem;color:#59d;text-align:center;line-height:1.2;letter-spacing:.03em}.tile-completed .tile-name{color:#44c878}.tile-active .tile-name{color:#7bf;text-shadow:0 0 8px rgba(85,153,221,.5)}.tile-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:#ffffff0d}.tile-progress-fill{height:100%;background:#59d;transition:width .3s}.tile-completed .tile-progress-fill{background:#44c878}.tile-story-badge{font-size:.45rem;color:#d4a857;letter-spacing:.06em;margin-top:2px;opacity:.85}.tile-completed .tile-story-badge{color:#44c878;opacity:.7}.building-tile.tile-send-sos{border-color:#fa3;box-shadow:0 0 12px #fa36,inset 0 0 20px #ffaa331a}.tile-send-sos .tile-name{color:#fc6;text-shadow:0 0 8px rgba(255,170,51,.5)}.building-tile.tile-ongoing{animation:tile-broadcast 1.5s ease-in-out infinite}@keyframes tile-broadcast{0%,to{box-shadow:0 0 12px #fa36,inset 0 0 20px #ffaa331a}50%{box-shadow:0 0 24px #ffaa33b3,inset 0 0 30px #fa33}}.tile-ongoing-status{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:.55rem;font-weight:700;letter-spacing:.08em;padding:2px 0;color:#fc6;background:#ffaa3326}.building-tile:not(.tile-ongoing) .tile-ongoing-status{color:#888;background:#0000004d}.tooltip-status{color:#59d;font-size:.7rem;letter-spacing:.08em}.tooltip-reward{color:var(--cyan)}.tooltip-completion-reward{color:var(--amber);font-style:italic}.comp-entry-reward{font-size:.7rem;color:var(--cyan);letter-spacing:.05em}.comp-entry-locked{border-left-color:var(--text-dim);opacity:.5}.comp-entry-locked .comp-entry-name{color:var(--text-dim);font-style:italic}.comp-entry-locked .comp-entry-desc{color:var(--text-dim);opacity:.6;font-style:italic}#compendium-btn{position:relative}#compendium-btn.has-unread:after{content:"!";position:absolute;top:-6px;right:-6px;width:16px;height:16px;background:var(--red);color:var(--bg);font-size:.65rem;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 8px #f449;animation:badge-pulse 1.5s ease-in-out infinite}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}#research-stat .label{color:#74a}#research-stat>span:nth-child(2){color:#a7d;text-shadow:0 0 8px rgba(170,119,221,.4)}#research-tree-btn{font-family:Share Tech Mono,monospace;font-size:.7rem;padding:.3rem .7rem;background:transparent;color:#a7d;border:1px solid #aa77dd;cursor:pointer;letter-spacing:.12em;align-self:center;transition:all .15s;display:inline-flex;align-items:center;gap:5px}#research-tree-btn:hover:not([disabled]){background:#a7d;color:#fff;box-shadow:0 0 12px #a7d6}#research-tree-btn[disabled],#research-tree-btn.locked{opacity:.45;cursor:not-allowed;border-color:var(--text-dim);color:var(--text-dim)}#research-tree-btn[disabled]:hover,#research-tree-btn[disabled]:active,#research-tree-btn.locked:hover,#research-tree-btn.locked:active{background:transparent;color:var(--text-dim);box-shadow:none}#knowledge-btns{display:flex;gap:.4rem;align-items:center}#research-overlay{position:fixed;inset:0;z-index:200;background:#000000d9;display:flex;align-items:center;justify-content:center}#research-modal{position:relative;width:90vw;max-width:500px;max-height:80vh;background:var(--bg);border:1px solid #7744aa;box-shadow:0 0 30px #aa77dd4d,inset 0 0 60px #00000080;display:flex;flex-direction:column;overflow:hidden}#research-modal:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.06) 2px,rgba(0,0,0,.06) 4px);pointer-events:none;z-index:100}#research-close{position:absolute;top:.5rem;right:.75rem;background:none;border:none;color:var(--text-dim);font-size:1.5rem;cursor:pointer;font-family:Share Tech Mono,monospace;line-height:1;z-index:1;transition:color .15s}#research-close:hover{color:var(--red)}.research-title{font-size:.8rem;color:#a7d;letter-spacing:.2em;margin:0;padding:1rem 1rem .75rem;border-bottom:1px solid var(--bg-panel-border);font-weight:400}#research-canvas-container{flex:1;position:relative;overflow:hidden;background:#0a0512;cursor:grab;min-height:400px}#research-edges{position:absolute;top:0;left:0;width:1200px;height:800px;pointer-events:none;transform-origin:0 0}#research-nodes{position:absolute;top:0;left:0;width:1200px;height:800px;transform-origin:0 0}.tech-edge{stroke:#7c3aed;stroke-width:2;opacity:.6}.tech-node{position:absolute;padding:.6rem .8rem;background:#1a0a2e;border:2px solid #7c3aed;border-radius:4px;cursor:pointer;transition:all .15s;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}.tech-node:hover{background:#2a1a4e;border-color:#a7d;box-shadow:0 0 16px #7c3aed80}.tech-node.tech-completed{background:#4c1d95;border-color:#44c878;opacity:.85}.tech-node.tech-completed:hover{background:#5c2da5}.tech-node.tech-locked{opacity:.6;cursor:default}.tech-node.tech-locked:hover{background:#1a0a2e;border-color:#7c3aed;box-shadow:none}.tech-node-name{font-size:.8rem;color:#a7d;letter-spacing:.06em;margin-bottom:.3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tech-node.tech-completed .tech-node-name{color:#44c878}.tech-node-cost{font-size:.75rem;color:#74a}.tech-node.tech-completed .tech-node-cost{color:#3a9957}#research-tooltip{position:absolute;z-index:1000;background:#1a0a2e;border:1px solid #7c3aed;border-radius:4px;padding:.8rem;max-width:280px;pointer-events:none;box-shadow:0 4px 20px #00000080}#research-tooltip.hidden{display:none}.tooltip-name{font-size:.85rem;color:#a7d;letter-spacing:.08em;margin-bottom:.3rem}.tooltip-cost{font-size:.7rem;color:#74a;margin-bottom:.5rem}.tooltip-desc{font-size:.7rem;color:var(--text-dim);line-height:1.4;margin-bottom:.4rem}.tooltip-effect{font-size:.65rem;color:var(--cyan);font-style:italic;margin-bottom:.5rem}.tooltip-action{font-size:.65rem;color:#888;text-transform:uppercase;letter-spacing:.1em}.tech-node.tech-selected{border-color:#fff;box-shadow:0 0 20px #fff6,0 0 10px #7c3aedcc;transform:scale(1.02);z-index:10}#research-selection-panel{background:#1a0a2e;border-top:1px solid #7c3aed;padding:1rem;display:flex;flex-direction:column;gap:.5rem}#research-selection-panel.hidden{display:none}.selection-name{font-size:1rem;color:#a7d;letter-spacing:.08em;font-weight:400}.selection-description{font-size:.75rem;color:var(--text-dim);line-height:1.4}.selection-effect{font-size:.7rem;color:var(--cyan);font-style:italic;line-height:1.4}.selection-cost{font-size:.7rem;color:#74a;margin-top:.25rem}.selection-purchase-btn{margin-top:.5rem;padding:.6rem 1rem;font-size:.75rem;font-family:Share Tech Mono,monospace;background:#7c3aed;border:1px solid #aa77dd;color:#fff;cursor:pointer;letter-spacing:.1em;transition:all .15s}.selection-purchase-btn:hover:not(:disabled){background:#9333ea;box-shadow:0 0 10px #7c3aed80}.selection-purchase-btn:disabled{cursor:default;opacity:.6}.selection-purchase-btn.disabled{background:#333;border-color:#555}.selection-purchase-btn.purchased{background:#166534;border-color:#44c878;color:#44c878}.mobile-tabs{display:none}.mobile-hidden{display:none!important}@media(max-width:768px){#app{padding:0 .75rem}#top-bar{flex-wrap:wrap;justify-content:center;gap:.5rem;padding:.75rem .5rem}#top-bar .stat{min-width:auto}#top-bar .stat .label{font-size:.55rem}#top-bar .stat>span:nth-child(2){font-size:1.2rem}#knowledge-btns{order:10;flex-basis:100%;justify-content:center;margin-top:.25rem}#new-game-btn{order:11}.mobile-tabs{display:flex;border-bottom:1px solid var(--bg-panel-border);background:var(--bg-panel);padding:0;gap:0}.mobile-tab{flex:1;font-family:Share Tech Mono,monospace;font-size:.75rem;padding:.65rem .5rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-dim);cursor:pointer;letter-spacing:.1em;text-transform:uppercase;transition:all .15s}.mobile-tab:hover{color:var(--amber)}.mobile-tab.active{color:var(--amber);border-bottom-color:var(--amber);text-shadow:0 0 8px var(--amber-glow)}#main-area{flex-direction:column;padding:0;gap:0}#main-tabs{display:none}#col-survivors,#col-base{flex:none;width:100%;padding:1rem;display:block!important}#col-base{border-top:1px solid var(--bg-panel-border)}#main-area h2{font-size:.7rem;margin-bottom:.75rem}.survivor{padding:.5rem .75rem;gap:.35rem;flex-wrap:wrap;height:auto;align-items:flex-start}.survivor .name{flex-basis:100%;font-size:.85rem;flex-wrap:wrap}.survivor .status{font-size:.7rem;min-width:auto;text-align:left;order:1}.survivor-actions{flex-shrink:0;flex-wrap:wrap;gap:.25rem;order:2;margin-left:auto}.scavenge-btn,.construct-btn,.research-btn,.recall-btn{font-size:.65rem;padding:.3rem .6rem}.sbadge,.trait-badge{font-size:.5rem}.building-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.35rem}.building-tile{max-width:none;height:70px}.tile-name{font-size:.55rem}#log-panel{flex-direction:column}#log-tabs{display:flex}#events-log-col.mobile-hidden{display:none!important}.log-col{flex:none;width:100%;max-height:35vh;padding:.75rem 1rem;border-right:none!important}.log-col h2{font-size:.7rem;margin-bottom:.5rem}.log-line{font-size:.75rem}.fullscreen-modal .modal-content{padding:1.5rem;max-width:95vw}.fullscreen-modal .modal-title{font-size:1.8rem;letter-spacing:.25em}.fullscreen-modal .modal-story{font-size:.8rem}.fullscreen-modal .modal-btn{font-size:.9rem;padding:.6rem 1.5rem}#compendium-modal{width:95vw;max-height:85vh}#compendium-tabs{flex-wrap:wrap;gap:.25rem;padding:.5rem .5rem 0}.comp-tab{font-size:.65rem;padding:.4rem .6rem}#research-modal{width:95vw;max-height:85vh}#research-selection-panel{position:fixed;bottom:0;left:0;right:0;z-index:1000;border-top:2px solid #7c3aed;border-radius:12px 12px 0 0;padding:1.25rem;box-shadow:0 -4px 20px #00000080;animation:slideUp .2s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.tooltip{max-width:280px;min-width:200px}.recap-modal .recap-content{max-width:95vw;padding:1.5rem}.recap-modal .recap-title{font-size:1.4rem}.recap-summary{max-height:50vh}.recap-item{font-size:.8rem;padding:.5rem .6rem}#log-header{flex-direction:column;gap:.5rem;padding:.5rem}#log-header #log-tabs{width:100%}.recap-toggle{font-size:.65rem}}.mission-tile{border-color:#96c!important}.mission-tile.mission-available{cursor:pointer}.mission-tile.mission-available:hover{border-color:#b8e!important;box-shadow:0 0 10px #96c6}.mission-tile.mission-storm-locked{opacity:.5;cursor:not-allowed;border-color:#555!important}.mission-tile.mission-storm-locked:hover{border-color:#555!important;box-shadow:none}.mission-tile.mission-storm-locked .tile-mission-info{color:#c44;font-weight:700}.tile-expedition-badge{position:absolute;top:4px;right:4px;font-size:.55rem;padding:2px 4px;background:#96c;color:var(--bg);letter-spacing:.08em;font-weight:700}.tile-mission-info{font-size:.6rem;color:var(--text-dim);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-mission-status{font-size:.6rem;color:#96c;margin-top:4px;font-weight:700}#mission-selection-overlay,#mission-confirm-overlay{position:fixed;inset:0;background:#000000d9;z-index:50;display:flex;align-items:center;justify-content:center}#mission-selection-modal,#mission-confirm-modal{background:var(--bg);border:1px solid #9966cc;box-shadow:0 0 30px #96c6,inset 0 0 60px #00000080;padding:2rem;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;position:relative}#mission-selection-close{position:absolute;top:.5rem;right:.75rem;font-size:1.5rem;background:none;border:none;color:var(--text-dim);cursor:pointer;line-height:1}#mission-selection-close:hover{color:var(--amber)}.mission-title{font-size:1.2rem;letter-spacing:.15em;color:#b8e;margin-bottom:1rem}#mission-info{margin-bottom:1.5rem}.mission-desc{font-size:.85rem;color:var(--text);margin-bottom:.75rem;line-height:1.5}.mission-details{display:flex;gap:1.5rem;font-size:.75rem;color:var(--text-dim)}.mission-detail{padding:.25rem .5rem;border:1px solid var(--bg-panel-border);background:var(--bg-panel)}#mission-survivor-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.mission-survivor{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border:1px solid var(--bg-panel-border);background:var(--bg-panel);cursor:pointer;transition:all .15s}.mission-survivor:hover:not(.disabled){border-color:#96c}.mission-survivor.selected{border-color:#b8e;background:#96c3}.mission-survivor.disabled{opacity:.4;cursor:not-allowed}.mission-survivor-name{font-size:.9rem;color:var(--text)}.mission-survivor-status{font-size:.7rem;color:var(--text-dim);letter-spacing:.1em}.mission-survivor.selected .mission-survivor-status{color:#b8e}.mission-no-survivors{padding:1.5rem;text-align:center;color:var(--text-dim);font-size:.85rem;border:1px dashed var(--bg-panel-border)}#mission-selection-counter{text-align:center;margin-bottom:1.5rem}.counter{font-size:.85rem;color:var(--text-dim);letter-spacing:.1em}.counter.counter-ready{color:#b8e}#mission-selection-buttons,#mission-confirm-buttons{display:flex;gap:1rem;justify-content:center}#mission-send-btn,#mission-confirm-send-btn{background:transparent;color:#b8e;border:1px solid #9966cc;font-family:Share Tech Mono,monospace;font-size:.85rem;padding:.75rem 1.5rem;cursor:pointer;letter-spacing:.1em;transition:all .15s}#mission-send-btn:hover:not(:disabled),#mission-confirm-send-btn:hover{background:#96c;color:#fff;box-shadow:0 0 20px #96c6}#mission-send-btn:disabled{opacity:.4;cursor:not-allowed}.confirm-section{margin-bottom:1rem;padding:.75rem;border:1px solid var(--bg-panel-border);background:var(--bg-panel)}.confirm-label{font-size:.65rem;color:var(--text-dim);letter-spacing:.15em;margin-bottom:.25rem}.confirm-value{font-size:.9rem;color:var(--text)}.confirm-value.insufficient{color:var(--red)}.confirm-error{margin-top:1rem;padding:.75rem;background:#ff44441a;border:1px solid var(--red);color:var(--red);font-size:.85rem;text-align:center}.locked-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#1a1512;border:1px solid var(--amber);color:var(--amber);padding:.6rem 1.2rem;font-size:.8rem;font-family:inherit;text-align:center;max-width:80vw;z-index:9999;animation:fadeInOut 3s ease forwards;pointer-events:none}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%) translateY(10px)}15%{opacity:1;transform:translate(-50%) translateY(0)}75%{opacity:1}to{opacity:0}}#camp-effects-strip{display:flex;flex-wrap:wrap;gap:.4rem;padding:.4rem 2rem;min-height:0}#camp-effects-strip.hidden{display:none}.camp-effect-card{font-family:Share Tech Mono,monospace;font-size:.7rem;padding:.25rem .5rem;border:1px solid var(--amber);color:var(--amber);position:relative;cursor:help}.camp-effect-card:after{content:"";position:absolute;bottom:-1px;left:0;width:var(--drain, 100%);height:2px;background:var(--amber);transition:width 1s linear}.camp-effect-tooltip{position:absolute;top:calc(100% + 4px);left:0;background:#111;border:1px solid var(--amber);color:var(--text);font-size:.7rem;padding:.3rem .5rem;white-space:nowrap;z-index:100;display:none}.camp-effect-card:hover .camp-effect-tooltip,.camp-effect-card.active .camp-effect-tooltip{display:block}.camp-effect-tooltip .effect-time{color:var(--amber-dim)}.survivor{cursor:grab}.survivor.dragging{opacity:.4}.survivor.drag-over{border-top:2px solid var(--amber)}#survivor-drop-end{height:20px}#survivor-drop-end.drag-over-end{border-top:2px solid var(--amber)}.survivor.no-animate{animation:none!important;transition:none!important}.settings-action-btn{font-family:Share Tech Mono,monospace;font-size:.85rem;padding:.6rem 1.2rem;background:transparent;color:var(--cyan);border:1px solid var(--cyan);cursor:pointer;letter-spacing:.1em;transition:all .15s;text-transform:uppercase}.settings-action-btn:hover{background:var(--cyan);color:var(--bg);box-shadow:0 0 12px #7fbfbf66}#changelog-overlay{position:fixed;inset:0;z-index:200;background:#000000d9;display:flex;align-items:center;justify-content:center}#changelog-modal{position:relative;width:90vw;max-width:600px;max-height:80vh;background:var(--bg);border:1px solid var(--amber-dim);box-shadow:0 0 30px var(--amber-glow),inset 0 0 60px #00000080;display:flex;flex-direction:column;overflow:hidden}#changelog-close{position:absolute;top:.5rem;right:.75rem;background:none;border:none;color:var(--text-dim);font-size:1.5rem;cursor:pointer;font-family:Share Tech Mono,monospace;line-height:1;z-index:1;transition:color .15s}#changelog-close:hover{color:var(--red)}.changelog-title{font-size:1rem;letter-spacing:.15em;color:var(--amber);padding:1rem 1.25rem .75rem;margin:0;font-weight:400}#changelog-tabs-container{display:flex;align-items:center;border-bottom:1px solid var(--bg-panel-border);padding:0 .5rem .5rem;gap:.25rem}.changelog-nav-btn{font-family:Share Tech Mono,monospace;font-size:.85rem;padding:.3rem .5rem;background:transparent;color:var(--text-dim);border:1px solid var(--bg-panel-border);cursor:pointer;transition:all .15s;flex-shrink:0}.changelog-nav-btn:hover:not(:disabled){color:var(--amber);border-color:var(--amber-dim)}.changelog-nav-btn:disabled{opacity:.3;cursor:not-allowed}#changelog-tabs{display:flex;gap:.25rem;overflow-x:auto;flex:1;scrollbar-width:none;-ms-overflow-style:none}#changelog-tabs::-webkit-scrollbar{display:none}.changelog-tab{font-family:Share Tech Mono,monospace;font-size:.7rem;padding:.4rem .8rem;background:transparent;color:var(--text-dim);border:1px solid var(--bg-panel-border);border-bottom:none;cursor:pointer;transition:all .15s;white-space:nowrap;flex-shrink:0}.changelog-tab:hover{color:var(--amber);border-color:var(--amber-dim)}.changelog-tab.active{color:var(--amber);border-color:var(--amber-dim);background:var(--bg-panel)}#changelog-content{flex:1;overflow-y:auto;padding:1rem 1.25rem}.changelog-category{margin-bottom:1rem}.changelog-category:last-child{margin-bottom:0}.changelog-category-header{font-size:.75rem;font-weight:700;color:var(--amber);letter-spacing:.1em;margin-bottom:.5rem;text-transform:uppercase}.changelog-entries{list-style:none;padding:0;margin:0}.changelog-entry{font-size:.8rem;color:var(--text-dim);line-height:1.5;padding:.3rem 0 .3rem 1rem;position:relative}.changelog-entry:before{content:"•";position:absolute;left:0;color:var(--amber-dim)}@media(max-width:600px){#changelog-modal{width:95vw;max-height:85vh}.changelog-title{font-size:.9rem;padding:.75rem 1rem .5rem}#changelog-tabs-container{padding:0 .25rem .25rem}.changelog-tab{font-size:.65rem;padding:.3rem .5rem}.changelog-nav-btn{font-size:.75rem;padding:.25rem .4rem}#changelog-content{padding:.75rem 1rem}.changelog-entry{font-size:.75rem}}