:root{--bg: #0b0d12;--bg-elev: #131722;--bg-elev-2: #1b2030;--fg: #e6e9ef;--fg-dim: #9aa3b2;--accent: #4cc9f0;--accent-2: #f72585;--good: #4ade80;--warn: #facc15;--bad: #f87171;--border: #232a3d;--radius: 8px;--gap: 12px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;height:100dvh;background:var(--bg);color:var(--fg);overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}:root{--bad: #ef4444}#app{display:grid;grid-template-rows:auto auto 1fr auto;height:100%}.app-header{padding:calc(8px + var(--safe-top)) calc(16px + var(--safe-right)) 8px calc(16px + var(--safe-left));background:var(--bg-elev);border-bottom:1px solid var(--border);display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}.app-header h1{margin:0;font-size:18px;letter-spacing:.5px;color:var(--accent)}.app-header .tagline{margin:0;font-size:12px;color:var(--fg-dim);flex:1 1 auto;min-width:0}#stats-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border-bottom:1px solid var(--border)}.stats-item{display:flex;flex-direction:column;gap:2px;padding:8px 12px;background:var(--bg-elev);position:relative;border-left:2px solid var(--stat-color)}.stats-item:first-child{border-left-color:var(--stat-color)}.stats-top{display:flex;align-items:baseline;gap:6px;font-variant-numeric:tabular-nums}.stats-icon{font-size:13px;color:var(--stat-color);line-height:1}.stats-value{font-size:14px;font-weight:600;color:var(--fg)}.stats-sub{display:flex;align-items:baseline;gap:6px;font-size:10px;color:var(--fg-dim);min-width:0}.stats-sub .stats-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stats-sub .stats-rate{color:var(--good);font-variant-numeric:tabular-nums;white-space:nowrap}.stats-mult{position:absolute;top:4px;right:6px;font-size:9px;font-weight:600;letter-spacing:.3px;color:var(--accent);background:#4cc9f01f;border:1px solid rgba(76,201,240,.4);border-radius:10px;padding:1px 6px;font-variant-numeric:tabular-nums;pointer-events:auto}.boost-badge{font-size:11px;color:var(--fg-dim);display:flex;align-items:baseline;gap:4px;flex-wrap:wrap}.boost-badge .boost-active{color:var(--good);font-weight:600;font-variant-numeric:tabular-nums}.boost-badge .boost-idle{color:var(--fg-dim);font-variant-numeric:tabular-nums;opacity:.7}.boost-badge .boost-detail{color:var(--fg-dim);font-size:10px;opacity:.75}#game-root{display:grid;grid-template-columns:280px 1fr 320px;gap:var(--gap);padding:var(--gap);overflow:hidden;min-height:0}.panel{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.panel h2{margin:0 0 4px;font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--fg-dim)}.resource-row{display:flex;justify-content:space-between;align-items:baseline;padding:6px 8px;background:var(--bg-elev-2);border-radius:6px}.resource-row .name{font-size:12px;color:var(--fg-dim)}.resource-row .value{font-variant-numeric:tabular-nums;font-weight:600}.resource-row .rate{font-size:11px;color:var(--good);margin-left:6px}.building-card,.agent-card{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:6px;padding:10px;display:flex;flex-direction:column;gap:6px}.building-card .title,.agent-card .title{font-weight:600;font-size:13px}.building-card .meta,.agent-card .meta{font-size:11px;color:var(--fg-dim)}button{cursor:pointer;background:var(--bg-elev-2);border:1px solid var(--border);color:var(--fg);padding:6px 10px;border-radius:6px;font-size:12px;transition:background .15s,border-color .15s;min-height:32px;-webkit-touch-callout:none}button:hover:not(:disabled){background:#232a3d;border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);color:#0b0d12;border-color:var(--accent);font-weight:600}button.primary:hover:not(:disabled){background:#6dd5f5}#viz-canvas{flex:1;width:100%;height:100%;background:radial-gradient(ellipse at center,#131722,#0b0d12);border-radius:var(--radius);border:1px solid var(--border);touch-action:none}.app-footer{padding:6px calc(16px + var(--safe-right)) calc(6px + var(--safe-bottom)) calc(16px + var(--safe-left));background:var(--bg-elev);border-top:1px solid var(--border);display:flex;justify-content:space-between;font-size:11px;color:var(--fg-dim);gap:12px}@media (max-width: 900px){#game-root{grid-template-columns:1fr;grid-template-rows:minmax(0,40vh) minmax(0,1fr);padding:8px;gap:8px}#stats-bar{grid-template-columns:repeat(2,1fr)}#viz-panel,#left-panel,#right-panel,#tabbed-panel{min-height:0}.panel{padding:10px}.app-header{padding:calc(8px + var(--safe-top)) 12px 6px 12px;gap:4px}.app-header h1{font-size:16px}.app-header .tagline{display:none}.app-footer{font-size:10px;padding:4px 12px calc(4px + var(--safe-bottom)) 12px}}@media (max-width: 480px){#game-root{grid-template-rows:minmax(0,36vh) minmax(0,1fr);padding:6px;gap:6px}.panel{padding:8px;gap:8px}.stats-item{padding:6px 10px}.stats-value{font-size:13px}}.achievement-item{display:flex;align-items:flex-start;gap:10px;padding:10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elev);opacity:.6}.achievement-item.unlocked{background:#4ade8014;border-color:var(--good);opacity:1}.achievement-icon{font-size:18px;line-height:1}.achievement-body{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}.achievement-title{font-weight:600;color:var(--fg)}.achievement-desc{font-size:12px;color:var(--fg-dim)}.achievement-bonus{font-size:11px;color:var(--good);margin-top:2px}.achievements-list{display:flex;flex-direction:column;gap:8px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat-row{display:flex;justify-content:space-between;gap:8px;padding:6px 8px;background:var(--bg-elev);border-radius:var(--radius);font-size:12px}.stat-label{color:var(--fg-dim)}.stat-value{color:var(--fg);font-variant-numeric:tabular-nums}.mobile-tabs{display:none;gap:4px;margin-bottom:6px;border-bottom:1px solid var(--border);padding-bottom:6px}.epoch-wheel{width:48px;height:48px;flex-shrink:0;color:var(--fg-dim)}.epoch-wheel-bg{opacity:.35}.epoch-wheel-progress{transition:stroke-dashoffset .2s linear}.mobile-tabs button{flex:1;font-size:10px;padding:6px 2px;min-height:32px;line-height:1.1;white-space:normal;word-break:break-word}.mobile-tabs button.active{background:var(--accent);color:#0b0d12;border-color:var(--accent);font-weight:600}@media (max-width: 900px){.mobile-tabs{display:flex}.panel [data-tab]{display:none}.panel [data-tab].active{display:flex;flex-direction:column;gap:8px}}