*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f0f14;--bg2:#17171f;--bg3:#1e1e2a;--border:#2e2e3e;--text:#d4d4e8;--muted:#666680;--accent:#a87cff;--accent2:#ff7ca8;--positive:#4ecf7c;--negative:#f05c5c;--warning:#f0a24a;--radius:8px;color:var(--text);background:var(--bg);font-family:Segoe UI,system-ui,sans-serif;font-size:14px}body{min-height:100vh}h1{color:var(--accent);font-size:2rem}h2{font-size:1.3rem}h3{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:10px;font-size:.9rem}a{color:var(--accent)}code{background:var(--bg3);border-radius:4px;padding:2px 6px;font-size:.85em}.loading{height:100vh;color:var(--muted);justify-content:center;align-items:center;font-size:1.2rem;display:flex}.muted{color:var(--muted);font-size:.85rem}.error{color:var(--negative);margin-top:8px;font-size:.85rem}button{cursor:pointer;border-radius:var(--radius);border:none;padding:8px 16px;font-size:.9rem;transition:opacity .15s}button:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;padding:10px 22px;font-weight:600}.btn-primary:hover:not(:disabled){opacity:.85}.btn-secondary{background:var(--bg3);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){border-color:var(--accent)}.btn-sm{background:var(--bg3);color:var(--muted);border:1px solid var(--border);padding:5px 12px;font-size:.8rem}.btn-sm:hover{color:var(--text)}.btn-option{background:var(--bg3);color:var(--text);border:1px solid var(--border);text-align:left;border-radius:var(--radius);width:100%;margin-bottom:8px;padding:10px 18px}.btn-option:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.panel{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.screen{max-width:1100px;margin:0 auto;padding:24px 16px}.new-game{max-width:520px}.new-game h1{margin-bottom:4px}.tagline{color:var(--muted);margin-bottom:28px}.form-block{margin-bottom:20px}.form-block label{color:var(--muted);margin-bottom:6px;font-size:.85rem;display:block}.form-block .hint{font-size:.75rem}.form-block input,.form-block select{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);padding:8px 10px;font-size:.95rem}.form-block input:focus,.form-block select:focus{border-color:var(--accent);outline:none}.role-grid{flex-direction:column;gap:8px;display:flex}.role-row{grid-template-columns:48px 1fr;align-items:center;gap:10px;display:grid}.role-label{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:600}.dashboard{max-width:1100px}.dash-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.industry-tag{background:var(--bg3);color:var(--muted);vertical-align:middle;border-radius:20px;margin-left:8px;padding:2px 8px;font-size:.75rem}.tick-label{color:var(--muted);font-size:.8rem}.header-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tick-btn{min-width:160px}.gate-badge{border-radius:20px;padding:3px 10px;font-size:.75rem;font-weight:600}.gate-healthy{color:var(--positive);background:#1a3a2a}.gate-warning{color:var(--warning);background:#3a2e14}.gate-critical{color:var(--negative);background:#3a1414}.dash-body{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.metrics-panel{grid-column:span 2}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}@media (width<=700px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.metrics-panel{grid-column:span 1}}.metric-tile{background:var(--bg3);border-radius:6px;padding:10px 12px}.metric-tile.highlight{border:1px solid var(--accent)}.metric-tile.positive .metric-value{color:var(--positive)}.metric-tile.negative .metric-value{color:var(--negative)}.metric-label{color:var(--muted);margin-bottom:4px;font-size:.72rem;display:block}.metric-value{font-size:1.05rem;font-weight:600}.eco-grid{flex-wrap:wrap;gap:12px;display:flex}.eco-tile{background:var(--bg3);border-radius:6px;flex-direction:column;gap:2px;min-width:100px;padding:8px 14px;font-size:.82rem;display:flex}.eco-tile.positive strong{color:var(--positive)}.eco-tile.negative strong{color:var(--negative)}.phase-tag{background:var(--bg3);color:var(--muted);border-radius:20px;margin-left:6px;padding:2px 8px;font-size:.7rem}.project-info{justify-content:space-between;align-items:center;display:flex}.project-type{color:var(--accent);font-weight:600}.project-ticks{color:var(--muted);font-size:.82rem}.board-panel{grid-column:span 2}.board-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}@media (width<=700px){.board-grid{grid-template-columns:repeat(2,1fr)}.board-panel{grid-column:span 1}}.board-card{background:var(--bg3);border-radius:6px;flex-direction:column;gap:3px;padding:10px;display:flex}.board-card.empty{opacity:.4}.board-card.clickable{cursor:pointer;border:1px solid #0000;transition:border-color .15s,background .15s}.board-card.clickable:hover{border-color:var(--accent);background:#1e1a2e}.board-role{text-transform:uppercase;color:var(--muted);font-size:.7rem;font-weight:700}.board-name{font-size:.9rem;font-weight:600}.board-bond{color:var(--accent);font-size:.75rem}.board-rarity{color:#f0c040;font-size:.8rem}.strategy-panel{grid-column:span 2}.slider-row{grid-template-columns:80px 90px 1fr 110px 36px;align-items:center;gap:8px;margin-bottom:10px;display:grid}.slider-label{font-size:.82rem;font-weight:600}.slider-edge{color:var(--muted);text-align:right;font-size:.72rem}.slider-edge:last-of-type{text-align:left}.slider-val{color:var(--accent);text-align:right;font-size:.82rem}input[type=range]{width:100%;accent-color:var(--accent)}.apply-btn{margin-top:6px}.log-panel{grid-column:span 2;max-height:160px;overflow-y:auto}.log-list{flex-direction:column;gap:4px;list-style:none;display:flex}.log-list li{color:var(--muted);font-family:monospace;font-size:.78rem}.tick-controls{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.auto-tick-label{color:var(--muted);font-size:.72rem}.pending-label{font-weight:600;color:var(--warning)!important}.dev-tick-btn{opacity:.5;font-size:.72rem}.dev-tick-btn:hover{opacity:.8}.eco-events{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.eco-event-pill{color:#c0a0ff;cursor:default;background:#1e1a30;border:1px solid #4a3a7a;border-radius:20px;padding:3px 10px;font-size:.72rem}.modal-overlay{z-index:100;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg2);border:1px solid var(--border);border-radius:12px;width:90%;max-width:460px;padding:28px}.modal-tag{color:var(--muted);margin-bottom:8px;font-size:.75rem}.modal h2{margin-bottom:12px}.modal-desc{color:var(--muted);margin-bottom:20px;line-height:1.5}.modal-queue{color:var(--muted);margin-bottom:14px;font-size:.75rem}.modal-options{flex-direction:column;display:flex}.opt-label{margin-bottom:3px;font-weight:600;display:block}.opt-desc{color:var(--muted);font-size:.78rem;line-height:1.4;display:block}.roster{max-width:1000px}.roster-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.roster-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.char-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.char-card.rarity-4{border-color:#6a40c0}.char-card.rarity-3{border-color:#3a5a9a}.char-header{justify-content:space-between;margin-bottom:4px;display:flex}.char-name{font-weight:700}.char-rarity{color:#f0c040;font-size:.8rem}.char-bond{color:var(--accent);margin-bottom:4px;font-size:.75rem}.char-assigned{color:var(--positive);margin-bottom:8px;font-size:.72rem}.bond-progress-wrap{background:var(--bg3);border-radius:3px;height:4px;margin:4px 0 6px;overflow:hidden}.bond-progress-fill{background:var(--accent2);border-radius:3px;height:100%;transition:width .3s}.char-stats{flex-direction:column;gap:5px;margin-top:10px;display:flex}.stat-row{grid-template-columns:68px 1fr 28px;align-items:center;gap:6px;display:grid}.stat-name{color:var(--muted);text-transform:capitalize;font-size:.72rem}.stat-bar{background:var(--bg3);border-radius:3px;height:5px;overflow:hidden}.stat-fill{background:var(--accent);border-radius:3px;height:100%}.stat-val{color:var(--text);text-align:right;font-size:.72rem}.game-over{text-align:center;max-width:480px;padding-top:60px}.game-over h1{margin-bottom:8px;font-size:2.2rem}.game-over h2{color:var(--text);margin-bottom:4px}.final-price{background:var(--bg2);border:1px solid var(--accent);border-radius:var(--radius);flex-direction:column;align-items:center;gap:6px;margin:24px 0;padding:20px;display:flex}.final-price span{color:var(--muted);font-size:.85rem}.final-price strong{color:var(--accent);font-size:2.4rem}.final-stats{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:1fr 1fr;gap:10px;margin-bottom:28px;padding:16px;display:grid}.final-stats div{justify-content:space-between;font-size:.85rem;display:flex}.final-stats label{color:var(--muted)}.interact-overlay{z-index:150;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.interact-modal{background:var(--bg2);border:1px solid var(--border);border-radius:14px;flex-direction:column;width:90%;max-width:500px;max-height:85vh;display:flex;overflow:hidden}.interact-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;padding:14px 16px;display:flex}.interact-portrait{background:var(--bg3);border:2px solid;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.interact-portrait span{font-size:.85rem;font-weight:700}.interact-char-info{flex-direction:column;flex:1;gap:2px;display:flex}.interact-char-name{font-size:.95rem;font-weight:700}.interact-char-meta{color:var(--muted);font-size:.75rem}.interact-xp-flash{color:var(--positive);font-size:.72rem;font-weight:600}.interact-body{flex-direction:column;gap:12px;padding:14px 16px 16px;display:flex;overflow-y:auto}.loading-body{min-height:80px;color:var(--muted);justify-content:center;align-items:center;display:flex}.interact-dialogue-box{background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:12px}.interact-dialogue-box.narrator{background:0 0;border-color:#0000;padding-left:0}.interact-dialogue-box.player-box{background:#1a1a28;border-color:#3a3a5a}.idle-box{border-color:var(--border)}.interact-speaker-badge{text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px;font-size:.7rem;font-weight:700;display:block}.interact-line{color:var(--text);margin-bottom:6px;font-size:.9rem;line-height:1.6}.interact-line.narrator-line{color:var(--muted);font-style:italic}.interact-actions{flex-direction:column;gap:0;display:flex}.interact-choices{flex-direction:column;gap:8px;display:flex}.interact-complete{text-align:center;align-items:center;padding:24px 0}.interact-complete-icon{width:44px;height:44px;color:var(--positive);background:#1a3a2a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;font-size:1.2rem;display:flex}.story-overlay{z-index:200;background:#000000d1;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.story-modal{background:var(--bg2);border:1px solid var(--border);border-radius:14px;flex-direction:column;width:90%;max-width:560px;max-height:90vh;display:flex;overflow:hidden}.story-modal-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px 10px;display:flex}.story-chapter-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.story-chapter-select{padding-bottom:20px}.story-section{padding:14px 18px 0}.story-section h3{margin-bottom:8px}.story-chapter-btn{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;justify-content:space-between;align-items:center;width:100%;margin-bottom:8px;padding:12px 16px;transition:border-color .15s;display:flex}.story-chapter-btn:hover:not(.locked):not(.muted){border-color:var(--accent)}.story-chapter-btn.locked{opacity:.4;cursor:default}.story-chapter-btn.muted{opacity:.6;cursor:default}.story-chapter-title{color:var(--text);font-size:.9rem;font-weight:600}.story-chapter-badge{letter-spacing:.04em;border-radius:20px;padding:2px 8px;font-size:.7rem;font-weight:700}.story-chapter-badge.available{color:var(--accent);background:#1e2a3a}.story-chapter-badge.done{color:var(--positive);background:#1a2e1a}.story-chapter-badge.locked-badge{background:var(--bg3);color:var(--muted)}.story-active{min-height:420px}.story-body{flex:1;gap:16px;padding:18px;display:flex;overflow:hidden}.story-portrait-area{flex-shrink:0;width:80px}.story-portrait{background:var(--bg3);border:2px solid;border-radius:8px;justify-content:center;align-items:center;width:76px;height:100px;display:flex}.story-portrait span{font-size:1.1rem;font-weight:700}.story-dialogue-box{background:var(--bg3);border:1px solid var(--border);border-radius:8px;flex:1;min-height:100px;padding:14px;overflow-y:auto}.story-dialogue-box.narrator{background:0 0;border-color:#0000;padding-left:0}.story-dialogue-box.player-box{background:#1a1a28;border-color:#3a3a5a}.story-speaker-badge{text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:.72rem;font-weight:700;display:block}.story-line{color:var(--text);margin-bottom:8px;font-size:.92rem;line-height:1.65}.story-line.narrator-line{color:var(--muted);font-style:italic}.story-actions{flex-shrink:0;padding:0 18px 18px}.story-choices-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-size:.75rem}.story-choices{flex-direction:column;gap:8px;display:flex}.story-choice-btn{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);text-align:left;cursor:pointer;flex-direction:column;gap:4px;padding:10px 14px;transition:border-color .15s;display:flex}.story-choice-btn:hover:not(:disabled):not(.unavailable){border-color:var(--accent2);background:#1e1a2e}.story-choice-btn.unavailable{opacity:.35;cursor:not-allowed}.story-choice-btn:disabled:not(.unavailable){opacity:.6}.story-choice-text{color:var(--text);font-size:.88rem;line-height:1.4}.story-choice-impact{color:var(--accent2);font-size:.72rem;font-style:italic;line-height:1.3}.story-continue-btn{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--muted);cursor:pointer;padding:10px;font-size:.85rem;transition:border-color .15s,color .15s}.story-continue-btn:hover:not(:disabled){border-color:var(--accent);color:var(--text)}.story-complete{text-align:center;align-items:center;padding:40px 32px}.story-complete-icon{width:52px;height:52px;color:var(--positive);background:#1a3a2a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;font-size:1.4rem;display:flex}.story-badge{color:var(--accent);vertical-align:middle;background:#1e2a3a;border-radius:20px;margin-left:6px;padding:2px 7px;font-size:.65rem;font-weight:700;display:inline-block}.error-screen{max-width:480px;padding-top:80px}.error-screen h2{color:var(--negative);margin-bottom:12px}.error-screen p{margin-bottom:12px;line-height:1.6}