@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Inter:wght@400;500;600;700&display=swap";
:root{--bg-dark:#f5ebd0;--bg-panel:#fffdf6;--bg-card:#fffaec;--bg-hover:#f0e3bf;--accent-cyan:#0288a8;--accent-yellow:#c97a00;--accent-green:#2e8b3d;--accent-red:#d24158;--accent-orange:#d97706;--accent-magenta:#b83278;--accent-purple:#6d3acc;--text-primary:#2a2418;--text-secondary:#6b5d44;--text-dim:#a89c80;--border:#d8c89c;--font-pixel:"Press Start 2P", monospace;--font-ui:"Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-ui);background:var(--bg-dark);color:var(--text-primary);min-height:100vh;overflow-x:hidden}#root{min-height:100vh}.title-screen{text-align:center;background:radial-gradient(ellipse at 50% 30%, #fff8dc 0%, var(--bg-dark) 70%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.title-screen h1{font-family:var(--font-pixel);color:var(--accent-cyan);text-shadow:2px 2px #2a241826;margin-bottom:.5rem;font-size:clamp(1.2rem,4vw,2rem);line-height:1.6}.title-screen .subtitle{font-family:var(--font-pixel);color:var(--accent-yellow);margin-bottom:2rem;font-size:clamp(.5rem,1.5vw,.7rem);line-height:1.8}.title-screen .tagline{color:var(--text-secondary);max-width:500px;margin-bottom:3rem;font-size:1rem;line-height:1.6}.title-screen .powered-by{font-family:var(--font-pixel);color:var(--text-dim);margin-top:2rem;font-size:.5rem}.newgame-screen{background:radial-gradient(ellipse at 50% 30%, #fff8dc 0%, var(--bg-dark) 70%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.newgame-screen h2{font-family:var(--font-pixel);color:var(--accent-cyan);margin-bottom:2rem;font-size:clamp(.8rem,2vw,1.2rem);line-height:1.8}.newgame-screen input{background:var(--bg-card);border:2px solid var(--border);color:var(--text-primary);font-family:var(--font-pixel);text-align:center;border-radius:8px;outline:none;width:100%;max-width:400px;padding:1rem 1.5rem;font-size:.8rem;transition:border-color .2s}.newgame-screen input:focus{border-color:var(--accent-cyan)}.newgame-screen input::placeholder{color:var(--text-dim)}.btn{font-family:var(--font-pixel);border:2px solid var(--border);cursor:pointer;background:var(--bg-card);color:var(--text-primary);border-radius:6px;padding:.8rem 1.5rem;font-size:.65rem;line-height:1.5;transition:all .15s}.btn:hover{background:var(--bg-hover);border-color:var(--accent-cyan);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent-cyan);color:#fffaec;border-color:var(--accent-cyan);font-weight:700}.btn-primary:hover{background:#03a8cc;border-color:#03a8cc}.btn-danger{border-color:var(--accent-red);color:var(--accent-red)}.btn-danger:hover{background:#ff446626}.btn-success{border-color:var(--accent-green);color:var(--accent-green)}.btn-success:hover{background:#00ff8826}.btn-small{padding:.4rem .8rem;font-size:.5rem}.hud{background:var(--bg-panel);border-bottom:1px solid var(--border);z-index:100;flex-wrap:wrap;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex;position:sticky;top:0}.hud-item{font-size:.55rem;font-family:var(--font-pixel);white-space:nowrap;align-items:center;gap:.35rem;display:flex}.hud-item .label{color:var(--text-secondary)}.hud-item .value{color:var(--accent-cyan)}.hud-item .value.money{color:var(--accent-yellow)}.hud-item .value.rep{color:var(--accent-green)}.hud-item .value.negative{color:var(--accent-red)}.hud-agency{font-family:var(--font-pixel);color:var(--accent-cyan);margin-right:auto;font-size:.6rem}.speed-controls{gap:.25rem;display:flex}.speed-btn{font-family:var(--font-pixel);background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:4px;padding:.3rem .5rem;font-size:.5rem;transition:all .15s}.speed-btn:hover{border-color:var(--accent-cyan)}.speed-btn.active{background:var(--accent-cyan);color:#fffaec;border-color:var(--accent-cyan)}.game-layout{grid-template-columns:1fr 300px;min-height:calc(100vh - 50px);display:grid}@media (max-width:900px){.game-layout{grid-template-columns:1fr}}.main-panel{padding:1rem;overflow-y:auto}.side-panel{background:var(--bg-panel);border-left:1px solid var(--border);max-height:calc(100vh - 50px);padding:1rem;overflow-y:auto}.tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:.25rem;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.tab{font-family:var(--font-pixel);color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px 4px 0 0;padding:.5rem .8rem;font-size:.5rem;line-height:1.5;transition:all .15s}.tab:hover{color:var(--text-primary);background:var(--bg-card)}.tab.active{color:var(--accent-cyan);border-color:var(--border);border-bottom-color:var(--bg-dark);background:var(--bg-card)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;margin-bottom:.75rem;padding:1rem;transition:border-color .15s}.card:hover{border-color:var(--accent-cyan)}.card h3{margin-bottom:.5rem;font-size:.85rem}.card p{color:var(--text-secondary);font-size:.8rem;line-height:1.5}.card-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.quality-bars{flex-direction:column;gap:.4rem;margin:.5rem 0;display:flex}.quality-bar{align-items:center;gap:.5rem;display:flex}.quality-bar .bar-label{font-family:var(--font-pixel);color:var(--text-secondary);text-align:right;width:80px;font-size:.45rem}.quality-bar .bar-track{background:var(--bg-dark);border:1px solid var(--border);border-radius:6px;flex:1;height:12px;overflow:hidden}.quality-bar .bar-fill{border-radius:6px;height:100%;transition:width .3s}.bar-fill.perf{background:linear-gradient(90deg,#06f,#00d4ff)}.bar-fill.sec{background:linear-gradient(90deg,#0a4,#0f8)}.bar-fill.des{background:linear-gradient(90deg,#c0f,#f4c)}.bar-fill.cont{background:linear-gradient(90deg,#f60,#ffd500)}.quality-bar .bar-value{font-family:var(--font-pixel);color:var(--text-dim);width:35px;font-size:.45rem}.progress-bar{background:var(--bg-dark);border:1px solid var(--border);border-radius:4px;width:100%;height:8px;margin:.5rem 0;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent-cyan), var(--accent-green));border-radius:4px;height:100%;transition:width .3s}.staff-badge{background:var(--bg-dark);border:1px solid var(--border);border-radius:4px;align-items:center;gap:.3rem;margin:.15rem;padding:.2rem .5rem;font-size:.7rem;display:inline-flex}.staff-badge .role-tag{font-family:var(--font-pixel);background:var(--bg-hover);color:var(--accent-cyan);border-radius:3px;padding:.1rem .3rem;font-size:.4rem}.stats-grid{grid-template-columns:1fr 1fr;gap:.5rem;margin:.5rem 0;display:grid}.stat-item{flex-direction:column;gap:.15rem;display:flex}.stat-item .stat-label{color:var(--text-secondary);font-size:.65rem}.stat-item .stat-value{font-family:var(--font-pixel);color:var(--accent-cyan);font-size:.55rem}.log-panel{font-size:.75rem;line-height:1.6}.log-entry{color:var(--text-secondary);border-bottom:1px solid #d8c89c80;padding:.25rem 0}.log-entry:last-child{color:var(--text-primary)}.event-overlay{z-index:200;background:#2a24188c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.event-modal{background:var(--bg-panel);border:2px solid var(--accent-yellow);text-align:center;border-radius:12px;width:100%;max-width:500px;padding:2rem}.event-modal h2{font-family:var(--font-pixel);color:var(--accent-yellow);margin-bottom:1rem;font-size:.8rem;line-height:1.6}.event-modal p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.85rem;line-height:1.6}.event-choices{flex-direction:column;gap:.5rem;display:flex}.feature-grid{grid-template-columns:1fr;gap:.5rem;display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;justify-content:space-between;align-items:center;padding:.75rem;display:flex}.feature-card.purchased{border-color:var(--accent-green);opacity:.7}.feature-card.locked{opacity:.4}.feature-info h4{margin-bottom:.2rem;font-size:.8rem}.feature-info p{color:var(--text-secondary);font-size:.7rem}.config-section{margin:1rem 0}.config-section h4{font-family:var(--font-pixel);color:var(--text-secondary);margin-bottom:.5rem;font-size:.5rem}.config-options{flex-wrap:wrap;gap:.5rem;display:flex}.config-option{background:var(--bg-card);border:2px solid var(--border);cursor:pointer;text-align:center;border-radius:6px;padding:.5rem 1rem;font-size:.75rem;transition:all .15s}.config-option:hover{border-color:var(--accent-cyan)}.config-option.selected{border-color:var(--accent-cyan);background:#00d4ff1a}.config-option .option-label{font-weight:600}.config-option .option-detail{color:var(--text-secondary);margin-top:.2rem;font-size:.65rem}.review-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;margin-bottom:.5rem;padding:1rem}.review-card.hall-of-fame{border-color:var(--accent-yellow)}.review-scores{gap:.75rem;margin:.5rem 0;display:flex}.review-score{text-align:center}.review-score .score-label{color:var(--text-secondary);font-size:.6rem}.review-score .score-value{font-family:var(--font-pixel);color:var(--accent-cyan);font-size:.8rem}.review-total{font-family:var(--font-pixel);color:var(--accent-yellow);font-size:1rem}.gameover-screen{background:radial-gradient(ellipse at 50% 30%, #fff8dc 0%, var(--bg-dark) 70%);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.gameover-screen h1{font-family:var(--font-pixel);color:var(--accent-yellow);margin-bottom:.5rem;font-size:clamp(1rem,3vw,1.5rem);line-height:1.6}.gameover-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;width:100%;max-width:600px;margin:2rem 0;display:grid}.gameover-stat{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1rem}.gameover-stat .stat-label{color:var(--text-secondary);margin-bottom:.3rem;font-size:.7rem}.gameover-stat .stat-value{font-family:var(--font-pixel);color:var(--accent-cyan);font-size:.9rem}.squad-card{border-color:var(--accent-purple)}.squad-card:hover{border-color:var(--accent-purple);box-shadow:0 0 8px #8844ff26}.squad-emoji-picker{flex-wrap:wrap;gap:.25rem;margin-bottom:.4rem;display:flex}.emoji-option{cursor:pointer;border:1px solid #0000;border-radius:4px;padding:.2rem .3rem;font-size:1.1rem;transition:all .15s}.emoji-option:hover{background:var(--bg-hover);border-color:var(--border)}.emoji-option.selected{border-color:var(--accent-purple);background:#84f3}.synergy-indicator{font-family:var(--font-pixel);color:var(--accent-cyan);text-shadow:0 0 6px #00d4ff4d;background:#00d4ff14;border-radius:4px;margin-top:.4rem;padding:.25rem .4rem;font-size:.4rem;line-height:1.6}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}