:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--bg: #0c0f14;--surface: #151a23;--surface2: #1c2230;--border: rgba(255, 255, 255, .08);--text: #e8ecf1;--text-dim: rgba(255, 255, 255, .5);--accent: #f59e0b;--accent2: #3b82f6;--success: #22c55e;--danger: #ef4444;--warning: #eab308}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text)}.game-container{max-width:1440px;margin:0 auto;padding:1rem;min-height:100vh;display:flex;flex-direction:column;gap:1rem}.game-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:.75rem}.header-left{display:flex;align-items:center;gap:1rem}.game-title{font-size:1.5rem;font-weight:800;letter-spacing:-.03em;color:var(--accent)}.title-icon{font-size:1.6rem}.subtitle{font-size:.8rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.15em}.header-right{display:flex;align-items:center;gap:.75rem}.tick-counter{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;color:var(--accent);background:#f59e0b1a;padding:.3rem .75rem;border-radius:.5rem;border:1px solid rgba(245,158,11,.2)}.stats-bar{display:flex;gap:.75rem;flex-wrap:wrap}.stat-badge{display:flex;align-items:center;gap:.6rem;background:var(--surface);border:1px solid var(--border);padding:.6rem 1rem;border-radius:.6rem;flex:1;min-width:140px}.stat-icon{font-size:1.4rem}.stat-value{font-size:1.1rem;font-weight:700}.stat-label{font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em}.main-grid{display:grid;grid-template-columns:320px 1fr 300px;gap:1rem;flex:1;min-height:0}.panel{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;display:flex;flex-direction:column;overflow:hidden}.panel-title{font-size:.95rem;font-weight:700;padding:.75rem 1rem;border-bottom:1px solid var(--border);background:var(--surface2)}.tab-bar{display:flex;border-bottom:1px solid var(--border);background:var(--surface2)}.tab{flex:1;padding:.6rem .5rem;background:none;border:none;color:var(--text-dim);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s;border-bottom:2px solid transparent}.tab:hover{color:var(--text);background:#ffffff08}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.tab-content{flex:1;overflow-y:auto;padding:.75rem}.item-list{display:flex;flex-direction:column;gap:.6rem}.item-card{background:var(--surface2);border:1px solid var(--border);border-radius:.6rem;padding:.75rem;display:flex;flex-direction:column;gap:.5rem;transition:border-color .15s}.item-card:hover{border-color:#ffffff26}.item-card.completed{opacity:.5}.item-header{display:flex;align-items:center;gap:.6rem}.item-emoji{font-size:1.5rem}.item-emoji.large{font-size:2.2rem}.item-name{font-weight:700;font-size:.9rem}.item-meta{font-size:.72rem;color:var(--text-dim)}.item-details{display:flex;gap:.75rem;font-size:.75rem;color:var(--text-dim);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.badge-done{margin-left:auto;font-size:.65rem;font-weight:700;color:var(--success);background:#22c55e1a;padding:.15rem .5rem;border-radius:.3rem;letter-spacing:.1em}.buy-row{display:flex;gap:.4rem;flex-wrap:wrap}.btn{padding:.5rem 1rem;border:1px solid var(--border);border-radius:.5rem;background:var(--surface2);color:var(--text);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s}.btn:hover{background:#ffffff14}.btn-sm{padding:.35rem .65rem;font-size:.72rem}.btn-primary{background:var(--accent);color:#000;border-color:var(--accent)}.btn-primary:hover{background:#d97706}.btn-danger{background:#ef444426;color:var(--danger);border-color:#ef44444d}.btn-danger:hover{background:#ef44444d}.active-panel{grid-column:2}.active-list{display:flex;flex-direction:column;gap:.75rem;padding:.75rem;flex:1;overflow-y:auto}.active-card{background:var(--surface2);border:1px solid var(--border);border-radius:.6rem;padding:.85rem;display:flex;flex-direction:column;gap:.6rem}.active-header{display:flex;align-items:center;gap:.75rem}.active-info{flex:1}.active-footer{display:flex;justify-content:space-between;font-size:.72rem;color:var(--text-dim);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.progress-bar{height:20px;background:#ffffff0f;border-radius:.4rem;overflow:hidden;position:relative}.progress-fill{height:100%;transition:width .5s ease;border-radius:.4rem}.progress-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.crew-grid{display:flex;flex-direction:column;gap:.4rem;padding:.75rem;flex:1;overflow-y:auto}.crew-card{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:var(--surface2);border:1px solid var(--border);border-radius:.5rem}.crew-info{display:flex;flex-direction:column;gap:.15rem}.crew-name{font-weight:700;font-size:.85rem}.crew-stats{font-size:.7rem;color:var(--text-dim)}.log-panel{overflow:hidden}.event-list{flex:1;overflow-y:auto;padding:.5rem;display:flex;flex-direction:column;gap:.35rem}.event-item{padding:.45rem .65rem;border-radius:.4rem;font-size:.75rem;display:flex;flex-direction:column;gap:.15rem;border-left:3px solid}.event-info{background:#3b82f614;border-color:var(--accent2)}.event-success{background:#22c55e14;border-color:var(--success)}.event-warning{background:#eab30814;border-color:var(--warning)}.event-event{background:#a855f714;border-color:#a855f7}.event-day{font-size:.65rem;color:var(--text-dim);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.event-text{line-height:1.35}.empty-state{padding:1.5rem;text-align:center;color:var(--text-dim);font-size:.85rem}.empty-state.big{font-size:1rem;padding:3rem 1.5rem}.empty-state.big span{font-size:3rem;display:block;margin-bottom:.75rem}.stockpile-bar{display:flex;align-items:center;gap:1rem;padding:.6rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:.6rem;font-size:.8rem}.stockpile-label{font-weight:700;color:var(--text-dim);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.stockpile-item{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}@media(max-width:1024px){.main-grid{grid-template-columns:1fr}.active-panel{grid-column:1}.stats-bar{flex-wrap:wrap}.stat-badge{min-width:120px}}@media(max-width:600px){.game-container{padding:.5rem}.game-header{flex-direction:column;gap:.5rem}.header-right{flex-wrap:wrap;justify-content:center}}