:root{--color-primary:#d4a04a;--color-accent:#c0392b;--color-bg:#0a0a0a;--color-text:#d4a04a;--color-text-dim:#8a7a4a;--color-text-muted:#555540;--color-text-bright:#f0d080;--color-surface:#111110;--color-surface-hover:#1a1a18;--color-border:#2a2a20;--color-danger:#c0392b;--color-danger-dim:#7a2218;--color-success:#4a8a4a;--color-warning:#d4a04a;--color-health-high:#4a8a4a;--color-health-mid:#d4a04a;--color-health-low:#c0392b;--font-main:"IBM Plex Mono", "Courier New", "Courier", monospace;--transition-fade:.6s ease;--transition-fast:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;height:100%;font-size:14px}body{font-family:var(--font-main);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100%;line-height:1.6;overflow-x:hidden}a{color:var(--color-text);text-decoration:none}a:hover{color:var(--color-text-bright)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-dim)}*{scrollbar-width:thin;scrollbar-color:var(--color-text-muted) var(--color-bg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInSlide{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes flicker{0%,to{opacity:1}10%{opacity:.9}20%{opacity:1}40%{opacity:.95}50%{opacity:.85}60%{opacity:1}80%{opacity:.92}}.fade-in{animation:fadeIn var(--transition-fade) forwards}.fade-in-up{animation:fadeInUp var(--transition-fade) forwards}.fade-in-slide{animation:fadeInSlide var(--transition-fade) forwards}button{font-family:var(--font-main);color:var(--color-text);cursor:pointer;transition:color var(--transition-fast), opacity var(--transition-fast);text-align:left;background:0 0;border:none;padding:.4rem 0;font-size:1rem;line-height:1.6}button:hover:not(:disabled){color:var(--color-text-bright)}button:disabled{color:var(--color-text-muted);cursor:default}button:active:not(:disabled){opacity:.7}.btn{border:1px solid var(--color-text-dim);transition:border-color var(--transition-fast), color var(--transition-fast), background var(--transition-fast);padding:.5rem 1.2rem;display:inline-block}.btn:hover:not(:disabled){border-color:var(--color-text-bright);color:var(--color-text-bright)}.btn:disabled{border-color:var(--color-text-muted);color:var(--color-text-muted)}.btn-primary{border-color:var(--color-text)}.btn-danger{border-color:var(--color-danger-dim);color:var(--color-danger)}.btn-danger:hover:not(:disabled){border-color:var(--color-danger)}.game-shell{flex-direction:column;max-width:1200px;height:100vh;margin:0 auto;padding:0 1rem;display:flex}.game-top-bar{border-bottom:1px solid var(--color-border);flex-shrink:0;padding:.75rem 0;animation:.8s forwards fadeIn}.game-top-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.game-nav{border-top:1px solid var(--color-border);gap:.5rem;margin-top:.5rem;padding-top:.4rem;display:flex}.game-nav-btn{border:1px solid var(--color-text-dim);color:var(--color-text-dim);transition:border-color var(--transition-fast), color var(--transition-fast);padding:.3rem .8rem;font-size:.8rem}.game-nav-btn:hover{border-color:var(--color-text-bright);color:var(--color-text-bright)}.game-nav-btn--active{border-color:var(--color-accent);color:var(--color-accent)}.game-main{flex:1;gap:2rem;min-height:0;padding-top:1rem;display:flex}.game-panel-left{flex-direction:column;flex:3;min-width:0;display:flex}.game-panel-right{flex-direction:column;flex:2;gap:1.5rem;min-width:0;padding-bottom:2rem;display:flex;overflow-y:auto}.text-log{flex-direction:column;flex:1;gap:.3rem;padding:.5rem 0;display:flex;overflow-y:auto}.text-log-entry{opacity:0;padding:.15rem 0;line-height:1.6;animation:.5s forwards fadeInUp}.text-log-entry--narrative{color:var(--color-text)}.text-log-entry--event{color:var(--color-text-bright)}.text-log-entry--system{color:var(--color-text-dim);font-size:.85rem}.text-log-entry--combat{color:var(--color-danger)}.text-log-entry--death{color:var(--color-danger);font-style:italic}.text-log-entry--quest{color:var(--color-success)}.text-log-entry--dialogue{color:var(--color-text-bright);font-style:italic}.text-log-entry--checkpoint{color:var(--color-text-dim);font-size:.85rem}.resource-bar{flex-wrap:wrap;gap:.5rem 1.5rem;font-size:.85rem;display:flex}.resource-item{white-space:nowrap;gap:.3rem;animation:.5s forwards fadeIn;display:inline-flex}.resource-name{color:var(--color-text-dim)}.resource-value{color:var(--color-text)}.resource-value--capped{color:var(--color-text-bright)}.resource-value--empty{color:var(--color-danger)}.resource-cap{color:var(--color-text-muted)}.stoke-wrapper{padding:.5rem 0;animation:.8s forwards fadeIn}.stoke-btn{border:1px solid var(--color-text-dim);transition:border-color var(--transition-fast), color var(--transition-fast), opacity var(--transition-fast);width:auto;padding:.6rem 1.5rem;font-size:1rem;display:block;position:relative;overflow:hidden}.stoke-btn:hover:not(:disabled){border-color:var(--color-text-bright);color:var(--color-text-bright)}.stoke-btn:disabled{border-color:var(--color-text-muted);color:var(--color-text-muted)}.stoke-btn:active:not(:disabled){opacity:.6}.stoke-cooldown-bar{background-color:var(--color-text-dim);height:2px;transition:width .3s linear;position:absolute;bottom:0;left:0}.auto-stoke-btn{border:1px solid var(--color-text-muted);color:var(--color-text-muted);transition:border-color var(--transition-fast), color var(--transition-fast);margin-top:.3rem;padding:.25rem .6rem;font-size:.75rem}.auto-stoke-btn:hover{border-color:var(--color-text-dim);color:var(--color-text-dim)}.auto-stoke-btn.active{border-color:var(--color-accent);color:var(--color-accent)}.speed-controls{flex-shrink:0;align-items:center;gap:.25rem;margin-left:auto;display:flex}.speed-btn{border:1px solid var(--color-text-muted);color:var(--color-text-muted);transition:border-color var(--transition-fast), color var(--transition-fast);padding:.2rem .5rem;font-size:.7rem}.speed-btn:hover{border-color:var(--color-text-dim);color:var(--color-text-dim)}.speed-btn.active{border-color:var(--color-primary);color:var(--color-primary)}.panel{animation:.6s forwards fadeIn}.panel-header{color:var(--color-text-dim);text-transform:lowercase;letter-spacing:.1em;border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.4rem;font-size:.8rem;display:flex}.multiplier-controls{gap:.2rem;display:flex}.multiplier-btn{border:1px solid var(--color-text-muted);color:var(--color-text-muted);letter-spacing:0;text-transform:none;transition:border-color var(--transition-fast), color var(--transition-fast);padding:.1rem .35rem;font-size:.65rem}.multiplier-btn:hover{border-color:var(--color-text-dim);color:var(--color-text-dim)}.multiplier-btn.active{border-color:var(--color-primary);color:var(--color-primary)}.panel-list{flex-direction:column;gap:.4rem;display:flex}.panel-item{justify-content:space-between;align-items:center;padding:.3rem 0;animation:.4s forwards fadeInSlide;display:flex}.panel-item-name{flex:1}.panel-item-cost{color:var(--color-text-dim);margin-right:.5rem;font-size:.85rem}.panel-item-cost--unaffordable{color:var(--color-danger-dim)}.panel-item-level{color:var(--color-text-muted);margin-right:.5rem;font-size:.85rem}.panel-item-btn{border:1px solid var(--color-text-dim);padding:.2rem .6rem;font-size:.85rem}.panel-item-btn:hover:not(:disabled){border-color:var(--color-text-bright)}.panel-item-btn:disabled{border-color:var(--color-text-muted)}.panel-item-wrapper{position:relative}.panel-item-name--hoverable{cursor:default;border-bottom:1px dotted var(--color-text-muted)}.tooltip-popup{z-index:20;background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-dim);pointer-events:none;min-width:200px;max-width:280px;padding:.5rem .6rem;font-size:.75rem;line-height:1.5;animation:.1s forwards fadeIn;position:absolute;top:100%;left:0}.tooltip-desc{color:var(--color-text);margin-bottom:.3rem}.tooltip-type{color:var(--color-text-muted);margin-bottom:.2rem;font-style:italic}.tooltip-effects{margin:.2rem 0 0;padding:0;list-style:none}.tooltip-effects li{color:var(--color-success);padding:.1rem 0}.tooltip-effects li:before{content:"+ ";color:var(--color-text-muted)}.tooltip-workers{color:var(--color-text-muted);margin-top:.2rem}.npc-relationship{color:var(--color-text-muted);margin-right:.5rem;font-size:.75rem}.panel-item-btn--new{border-color:var(--color-text)!important;color:var(--color-text)!important}.panel-item-btn--seen{border-color:var(--color-success)!important;color:var(--color-success)!important}.gift-menu{flex-wrap:wrap;gap:.3rem;padding:.4rem 0;animation:.15s forwards fadeIn;display:flex}.gift-option{border:1px solid var(--color-text-dim);color:var(--color-text-dim);transition:border-color var(--transition-fast), color var(--transition-fast);padding:.2rem .5rem;font-size:.7rem}.gift-option:hover:not(:disabled){border-color:var(--color-success);color:var(--color-success)}.inventory-health{color:var(--color-text);padding:.2rem 0;font-size:.85rem}.item-stat{color:var(--color-text-dim);margin-left:.5rem;font-size:.75rem}.panel-item--equipped{border-left:2px solid var(--color-success);padding-left:.4rem}.equipped-badge{color:var(--color-success);font-size:.7rem}.gift-option--cant{border-color:var(--color-text-muted)!important;color:var(--color-text-muted)!important}.worker-controls{align-items:center;gap:.3rem;font-size:.85rem;display:inline-flex}.worker-btn{border:1px solid var(--color-text-dim);text-align:center;justify-content:center;align-items:center;width:1.4rem;height:1.4rem;padding:0;font-size:.75rem;line-height:1;display:inline-flex}.worker-btn:hover:not(:disabled){border-color:var(--color-text-bright)}.worker-count{text-align:center;min-width:1rem;color:var(--color-text-dim)}.map-overlay{background-color:var(--color-bg);z-index:100;flex-direction:column;justify-content:center;align-items:center;animation:.3s forwards fadeIn;display:flex;position:fixed;inset:0}.map-container{flex-direction:column;align-items:center;gap:1rem;max-width:100%;padding:1rem;display:flex}.map-grid{font-family:var(--font-main);letter-spacing:.3em;white-space:pre;-webkit-user-select:none;user-select:none;max-width:90vw;max-height:65vh;font-size:1.4rem;line-height:1.1;overflow:auto}.map-tile{text-align:center;width:1ch;display:inline-block}.map-tile--unexplored{color:var(--color-text-muted);opacity:.3}.map-tile--explored{opacity:1}.map-tile--player{color:var(--color-text-bright);animation:1.5s ease-in-out infinite pulse}.map-tile--poi{color:var(--color-accent)}.map-header{justify-content:space-between;align-items:center;gap:1rem;width:100%;max-width:700px;padding:0 1rem;display:flex}.map-title{color:var(--color-text-dim);font-size:.85rem}.map-pos{color:var(--color-text-muted);font-size:.75rem}.map-bottom{align-items:flex-start;gap:2rem;display:flex}.map-arrows{flex-direction:column;align-items:center;gap:.2rem;display:flex}.map-arrow-row{gap:.2rem;display:flex}.map-arrow{border:1px solid var(--color-text-dim);width:2.5rem;height:2.5rem;color:var(--color-text-dim);transition:border-color var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;font-size:1rem;display:flex}.map-arrow:hover:not(:disabled){border-color:var(--color-text-bright);color:var(--color-text-bright)}.map-arrow-center{border-color:var(--color-text-muted);color:var(--color-text-muted);font-size:.5rem}.map-status{color:var(--color-text-dim);flex-direction:column;gap:.3rem;font-size:.8rem;display:flex}.map-status-row{gap:1.5rem;display:flex}.map-terrain-info{color:var(--color-text)}.map-poi-name{color:var(--color-accent)}.map-hint{color:var(--color-text-muted);margin-top:.3rem;font-size:.7rem}.forced-return-popup{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;max-width:400px;padding:2rem;display:flex}.forced-return-text{color:var(--color-text);font-size:.95rem;line-height:1.6}.forced-return-btn{border:1px solid var(--color-text-dim);color:var(--color-text);transition:border-color var(--transition-fast);padding:.4rem 2rem;font-size:.9rem}.forced-return-btn:hover{border-color:var(--color-text-bright)}.poi-popup-overlay{z-index:200;background-color:#000000d9;justify-content:center;align-items:center;animation:.2s forwards fadeIn;display:flex;position:fixed;inset:0}.poi-popup{text-align:center;flex-direction:column;align-items:center;gap:1rem;max-width:400px;padding:2rem;display:flex}.poi-popup-intro{color:var(--color-text-dim);font-size:.85rem;font-style:italic}.poi-popup-name{color:var(--color-primary);text-transform:lowercase;font-size:1.2rem;font-weight:400}.poi-popup-desc{color:var(--color-text);font-size:.9rem;line-height:1.6}.poi-popup-actions{gap:1rem;margin-top:.5rem;display:flex}.poi-popup-btn{border:1px solid var(--color-text-dim);transition:border-color var(--transition-fast), color var(--transition-fast);padding:.4rem 1.5rem;font-size:.9rem}.poi-popup-btn--enter{color:var(--color-success);border-color:var(--color-success)}.poi-popup-btn--enter:hover{color:var(--color-text-bright);border-color:var(--color-text-bright)}.poi-popup-btn--flee{color:var(--color-text-muted)}.poi-popup-btn--flee:hover{color:var(--color-text-dim);border-color:var(--color-text-dim)}.trading-container{flex-direction:column;gap:1rem;width:100%;max-width:500px;padding:2rem;display:flex}.trading-message{color:var(--color-text-dim);font-size:.85rem;font-style:italic}.trading-give{flex:1;font-size:.85rem}.trading-arrow{color:var(--color-text-muted);margin:0 .5rem}.trading-receive{color:var(--color-success);flex:1;font-size:.85rem}.combat-overlay{z-index:110;background-color:#0a0a0af2;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;animation:.3s forwards fadeIn;display:flex;position:fixed;inset:0}.combat-container{flex-direction:column;gap:1rem;width:100%;max-width:500px;padding:1rem;display:flex}.combat-health{flex-direction:column;gap:.5rem;display:flex}.health-row{align-items:center;gap:.75rem;font-size:.85rem;display:flex}.health-label{min-width:5rem;color:var(--color-text-dim)}.health-bar-track{background-color:var(--color-surface);flex:1;height:6px;position:relative;overflow:hidden}.health-bar-fill{height:100%;transition:width .3s,background-color .3s}.health-bar-fill--high{background-color:var(--color-health-high)}.health-bar-fill--mid{background-color:var(--color-health-mid)}.health-bar-fill--low{background-color:var(--color-health-low)}.combat-log{max-height:150px;color:var(--color-text-dim);flex-direction:column;gap:.2rem;padding:.5rem 0;font-size:.85rem;display:flex;overflow-y:auto}.combat-actions{gap:1rem;display:flex}.combat-actions button{border:1px solid var(--color-text-dim);padding:.4rem 1rem;font-size:.9rem}.combat-actions button:hover:not(:disabled){border-color:var(--color-text-bright)}.env-meter{align-items:center;gap:.75rem;padding:.4rem 0;font-size:.85rem;animation:.6s forwards fadeIn;display:flex}.env-meter-label{color:var(--color-text-dim);min-width:4rem}.env-meter-track{background-color:var(--color-surface);flex:1;max-width:120px;height:4px;position:relative}.env-meter-fill{height:100%;transition:width .5s,background-color .5s}.env-meter-fill--safe{background-color:var(--color-success)}.env-meter-fill--warning{background-color:var(--color-warning)}.env-meter-fill--danger{background-color:var(--color-danger);animation:1.5s ease-in-out infinite pulse}.env-meter-warning{color:var(--color-danger);font-size:.75rem;animation:2s ease-in-out infinite pulse}.dialogue-overlay{z-index:90;background-color:#0a0a0ae6;flex-direction:column;justify-content:center;align-items:center;animation:.3s forwards fadeIn;display:flex;position:fixed;inset:0}.dialogue-container{flex-direction:column;gap:1.5rem;width:100%;max-width:500px;padding:2rem;display:flex}.dialogue-npc-name{color:var(--color-text-bright);letter-spacing:.05em;font-size:.85rem}.dialogue-text{color:var(--color-text);font-style:italic;line-height:1.8}.dialogue-options{flex-direction:column;gap:.5rem;padding-top:.5rem;display:flex}.dialogue-option{text-align:left;color:var(--color-text-dim);transition:color var(--transition-fast);cursor:pointer;padding:.4rem 0}.dialogue-option:before{content:"> ";color:var(--color-text-muted)}.dialogue-option:hover{color:var(--color-text-bright)}.dialogue-close{color:var(--color-text-muted);align-self:flex-end;padding:.3rem 0;font-size:.85rem}.dialogue-close:hover{color:var(--color-text)}.notifications-container{z-index:200;pointer-events:none;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:fixed;top:1rem;left:50%;transform:translate(-50%)}.notification-toast{font-family:var(--font-main);color:var(--color-text);background-color:var(--color-surface);pointer-events:auto;padding:.5rem 1rem;font-size:.85rem;animation:.3s forwards fadeIn}.notification-toast--exiting{animation:.5s forwards fadeOut}.offline-overlay{z-index:150;background-color:#0a0a0af2;flex-direction:column;justify-content:center;align-items:center;animation:.5s forwards fadeIn;display:flex;position:fixed;inset:0}.offline-container{text-align:center;flex-direction:column;gap:1rem;width:100%;max-width:400px;padding:2rem;display:flex}.offline-title{color:var(--color-text-dim);letter-spacing:.1em;font-size:.85rem}.offline-resources{flex-direction:column;gap:.3rem;font-size:.85rem;display:flex}.offline-resource-gain{color:var(--color-success)}.offline-resource-loss{color:var(--color-danger)}.offline-dismiss{border:1px solid var(--color-text-dim);align-self:center;margin-top:1rem;padding:.5rem 1rem;font-size:.85rem}.departure-panel{animation:.6s forwards fadeIn}.departure-stages{flex-direction:column;gap:.4rem;display:flex}.departure-stage{justify-content:space-between;align-items:center;padding:.3rem 0;display:flex}.departure-stage--complete{color:var(--color-text-dim);text-decoration:line-through}.departure-btn{border:1px solid var(--color-text-bright);color:var(--color-text-bright);margin-top:1rem;padding:.6rem 1.5rem;font-size:1rem;animation:2s ease-in-out infinite pulse}.departure-btn:hover{border-color:var(--color-text-bright);background-color:var(--color-surface)}.quest-item{justify-content:space-between;align-items:center;padding:.3rem 0;animation:.4s forwards fadeInSlide;display:flex}.quest-item--active{color:var(--color-text)}.quest-item--completed{color:var(--color-text-muted);text-decoration:line-through}.quest-objective{color:var(--color-text-dim);flex-shrink:0;font-size:.85rem}.quest-objective--done{color:var(--color-success)}.tooltip-step{color:var(--color-text);border-top:1px solid var(--color-border);margin-top:.3rem;padding-top:.3rem}.tooltip-hint{color:var(--color-warning);margin-top:.2rem;font-style:italic}.title-screen{flex-direction:column;justify-content:center;align-items:center;gap:2rem;min-height:100vh;animation:1.5s forwards fadeIn;display:flex}.title-text{color:var(--color-text);letter-spacing:.15em;font-size:1.5rem;animation:4s ease-in-out infinite flicker}.title-menu{flex-direction:column;align-items:center;gap:.8rem;display:flex}.title-menu button{color:var(--color-text-dim);letter-spacing:.05em;transition:color var(--transition-fast);padding:.3rem 0;font-size:1rem}.title-menu button:hover:not(:disabled){color:var(--color-text-bright)}.title-menu button:disabled{color:var(--color-text-muted)}.import-panel{flex-direction:column;align-items:center;gap:.6rem;width:100%;max-width:400px;margin-top:1.5rem;display:flex}.import-label{color:var(--color-text-dim);font-size:.85rem}.import-textarea{background:var(--color-surface);width:100%;color:var(--color-text);border:1px solid var(--color-border);font-family:var(--font-main);resize:vertical;padding:.5rem;font-size:.7rem;line-height:1.4}.import-textarea:focus{border-color:var(--color-text-dim);outline:none}.import-error{color:var(--color-danger);font-size:.8rem}.import-btn{border:1px solid var(--color-text-dim);color:var(--color-text);transition:border-color var(--transition-fast);padding:.3rem 1.5rem;font-size:.9rem}.import-btn:hover:not(:disabled){border-color:var(--color-text-bright)}.import-btn:disabled{color:var(--color-text-muted);border-color:var(--color-text-muted)}.save-modal{text-align:center;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:500px;padding:2rem;display:flex}.save-modal-title{color:var(--color-primary);text-transform:lowercase;font-size:1.1rem;font-weight:400}.save-modal-desc{color:var(--color-text-dim);font-size:.85rem;line-height:1.5}.save-modal-actions{gap:1rem;display:flex}.save-modal-note{color:var(--color-text-muted);margin-top:.5rem;font-size:.7rem}.settings-page{flex-direction:column;gap:2rem;max-width:500px;margin:0 auto;padding:3rem 1rem;display:flex}.settings-header{color:var(--color-text-dim);letter-spacing:.1em;font-size:.85rem}.settings-section{flex-direction:column;gap:.5rem;display:flex}.settings-section-title{color:var(--color-text-dim);letter-spacing:.1em;border-bottom:1px solid var(--color-border);padding-bottom:.3rem;font-size:.8rem}.save-slot{justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem 0;display:flex}.save-slot-info{color:var(--color-text-dim);flex:1;font-size:.85rem}.save-slot-actions{gap:.5rem;display:flex}.save-slot-actions button{border:1px solid var(--color-text-dim);padding:.2rem .6rem;font-size:.8rem}.settings-back{color:var(--color-text-muted);padding:.3rem 0;font-size:.85rem}.settings-back:hover{color:var(--color-text)}.import-export{gap:.5rem;display:flex}.import-export button{border:1px solid var(--color-text-dim);padding:.3rem .8rem;font-size:.85rem}@media (max-width:768px){html{font-size:13px}.game-main{flex-direction:column;gap:1rem}.game-panel-left{flex:none;max-height:45vh}.game-panel-right{flex:1;min-height:0}.resource-bar{gap:.3rem 1rem;font-size:.8rem}.map-grid{font-size:1rem}.map-controls button{width:2.2rem;height:2.2rem}.title-text{font-size:1.2rem}.combat-container{padding:.75rem}.dialogue-container{padding:1.5rem}}@media (max-width:480px){html{font-size:12px}.game-shell{padding:0 .5rem}.game-panel-left{max-height:40vh}}