:root{--bg: #0f1116;--panel: #171b22;--panel-2: #1f2530;--text: #d7dbe0;--muted: #8a94a3;--accent: #57c7a3;--accent-2: #4a90d9;--danger: #e06c6c;--border: #2a313d;--radius: 8px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}#app{max-width:1280px;margin:0 auto;padding:12px}.layout{display:flex;gap:14px;align-items:flex-start}.resource-sidebar{flex:0 0 200px;position:sticky;top:12px;max-height:calc(100vh - 24px);overflow-y:auto;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);padding:10px}.resource-sidebar-title{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:8px}.resource-sidebar .resource-bar{flex-direction:column;flex-wrap:nowrap}.game-main{flex:1 1 auto;min-width:0}@media (max-width: 720px){.layout{flex-direction:column}.resource-sidebar{position:static;flex-basis:auto;width:100%;max-height:none}.resource-sidebar .resource-bar{flex-direction:row;flex-wrap:wrap}}header.game-header h1{font-size:18px;margin:0 0 8px;letter-spacing:.5px}header.game-header{position:relative}.resource-bar{display:flex;flex-wrap:wrap;gap:8px}.resource-chip{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:6px 10px;min-width:110px}.resource-chip .name{color:var(--muted);font-size:12px}.resource-chip .value{font-weight:600;font-size:15px}.resource-chip .rate{font-size:11px;color:var(--muted)}.rate.pos{color:var(--accent)}.rate.neg{color:var(--danger)}.tabs{display:flex;gap:6px;margin:14px 0 0;flex-wrap:wrap}.tabs button{background:var(--panel);border:1px solid var(--border);color:var(--muted);padding:8px 14px;border-radius:var(--radius) var(--radius) 0 0;cursor:pointer}.tabs button.active{background:var(--panel-2);color:var(--text);border-bottom-color:transparent}.tab-panel{background:var(--panel-2);border:1px solid var(--border);border-radius:0 var(--radius) var(--radius) var(--radius);padding:14px}.section-title{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:4px 0 10px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;margin-bottom:10px;display:flex;justify-content:space-between;gap:12px;align-items:center}.card .info{flex:1}.card-actions{display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:140px}.card-actions .cost{text-align:right}.contract-row{display:flex;align-items:center;justify-content:flex-end;gap:8px;width:100%}.contract-row button.buy{min-width:0;padding:6px 10px;font-size:13px;white-space:nowrap}.card .title{font-weight:600}.card .blurb{color:var(--muted);font-size:12px;margin-top:2px}.card .cost{font-size:12px;color:var(--accent-2);margin-top:4px}button.buy{background:var(--accent);color:#06251b;border:none;border-radius:6px;padding:8px 12px;font-weight:600;cursor:pointer;white-space:nowrap;min-width:120px;text-align:center}button.buy:disabled{background:var(--border);color:var(--muted);cursor:not-allowed}button.buy.alt{background:var(--accent-2);color:#06182b}.title-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px;margin-bottom:10px;font-size:13px;color:var(--accent-2)}.hotdeal{background:#3a2a12;border:1px solid #d99b4a;color:#f0c060;border-radius:var(--radius);padding:8px 12px;margin-bottom:10px;font-weight:600}button.big{width:100%;font-size:18px;padding:16px;margin-bottom:12px}.counters{display:flex;gap:6px;align-items:center;justify-content:flex-end;min-width:140px}.counters button{width:28px;height:28px;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:6px;cursor:pointer}.counters .n{min-width:30px;text-align:center;font-variant-numeric:tabular-nums}.offline-banner{background:#123027;border:1px solid var(--accent);border-radius:var(--radius);padding:10px 12px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center}.muted{color:var(--muted)}.hint{color:var(--muted);font-size:12px;padding:10px;border:1px dashed var(--border);border-radius:var(--radius)}.auto-toggle{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);cursor:pointer;user-select:none}.auto-toggle input{cursor:pointer;accent-color:var(--accent)}.card.achievement{opacity:.6}.card.achievement.done{opacity:1;border-color:var(--accent)}.achv-badge{font-size:12px;font-weight:600;color:var(--muted)}.card.achievement.done .achv-badge{color:var(--accent)}.stat-row{display:flex;justify-content:space-between;gap:12px;align-items:baseline;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px;margin-bottom:6px;font-size:13px}.stat-label{color:var(--muted)}.stat-value{text-align:right;font-variant-numeric:tabular-nums}