:root{--bg:#0b1110;--panel:#141c1a;--panel-2:#101817;--ink:#e3eae6;--muted:#8fa39c;--faint:#64766f;--rule:#253230;--accent:#4cc29f;--warn:#e08578;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--sans:system-ui, -apple-system, "Segoe UI", sans-serif;--topbar-height:46px;--panel-width:330px}*{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:13px}#app{grid-template-columns:1fr var(--panel-width);grid-template-rows:var(--topbar-height) 1fr;grid-template-areas:"top top""stage panel";height:100vh;display:grid}body.panel-hidden #app{grid-template-columns:1fr 0}body.panel-hidden .panel{display:none}.topbar{background:var(--panel);border-bottom:1px solid var(--rule);grid-area:top;align-items:center;gap:12px;padding:0 14px;display:flex}.brand{font-family:var(--mono);letter-spacing:.1em;white-space:nowrap;font-size:13px;font-weight:600}.brand span{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-left:4px;font-size:10.5px;font-weight:400}.spacer{flex:1}.hud{font-family:var(--mono);color:var(--muted);white-space:pre;font-variant-numeric:tabular-nums;font-size:11.5px}.field{align-items:center;gap:6px;display:flex}.field label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);font-size:10px}input,select,button{font-family:var(--mono);background:var(--panel-2);color:var(--ink);border:1px solid var(--rule);border-radius:4px;padding:5px 9px;font-size:12px}button{cursor:pointer}button:hover,button.primary{border-color:var(--accent);color:var(--accent)}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.stage{grid-area:stage;position:relative;overflow:hidden}canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block}canvas.dragging{cursor:grabbing}.hint{font-family:var(--mono);color:#e3eae680;pointer-events:none;background:#0b111099;border-radius:4px;padding:5px 9px;font-size:11px;position:absolute;bottom:10px;left:12px}.tooltip{pointer-events:none;border:1px solid var(--rule);background:#101817f5;border-radius:5px;max-width:260px;padding:8px 11px;font-size:12.5px;line-height:1.5;position:absolute;box-shadow:0 6px 20px -8px #000c}.tooltip .dim{color:var(--faint);font-size:11.5px}.tooltip .res{color:var(--accent)}.tooltip .yields{font-family:var(--mono);color:var(--muted);font-size:11.5px}.tooltip .yields b{color:var(--ink)}.panel{background:var(--panel);border-left:1px solid var(--rule);grid-area:panel;padding:14px 16px 40px;overflow-y:auto}.panel h2{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:20px 0 10px;font-size:10.5px;font-weight:500}.panel h2:first-child{margin-top:0}.panel h2 .dev{color:var(--faint);letter-spacing:.06em;margin-left:6px}dl.readout{font-family:var(--mono);grid-template-columns:max-content 1fr;gap:5px 12px;margin:0;font-size:11.5px;display:grid}dl.readout dt{color:var(--faint)}dl.readout dd{overflow-wrap:anywhere;margin:0}.toggles{font-family:var(--mono);color:var(--muted);flex-wrap:wrap;gap:12px;font-size:11.5px;display:flex}.toggles label{cursor:pointer;align-items:center;gap:5px;display:flex}.controls{flex-wrap:wrap;gap:6px;display:flex}.slider{grid-template-columns:92px 1fr 46px;align-items:center;gap:8px;padding:3px 0;display:grid}.slider label{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--faint);font-size:10px}.slider input[type=range]{width:100%;accent-color:var(--accent);background:0 0;border:0;padding:0}.slider output{font-family:var(--mono);text-align:right;font-variant-numeric:tabular-nums;font-size:11px}#reset-params{margin-top:8px}.log{font-family:var(--mono);background:var(--panel-2);border:1px solid var(--rule);white-space:pre-wrap;border-radius:4px;max-height:150px;margin-top:12px;padding:9px 11px;font-size:11px;overflow-y:auto}.log .ok{color:var(--accent)}.log .err{color:var(--warn)}.log .note{color:var(--faint)}.turn{font-family:var(--mono);color:var(--ink);white-space:nowrap;border-left:1px solid var(--rule);margin-left:4px;padding-left:12px;font-size:12.5px;font-weight:600}#unit-readout{background:var(--panel-2);border:1px solid var(--rule);border-radius:4px;padding:8px 10px}#unit-readout dd{color:var(--ink)}.panel .controls button{flex:1}.panel .controls button:disabled{opacity:.35;cursor:not-allowed}.city-screen[hidden]{display:none}.city-screen{z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#060a0eb8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.city-panel{background:var(--panel);border:1px solid var(--rule);border-radius:6px;width:min(1080px,94vw);max-height:92vh;overflow:auto;box-shadow:0 24px 60px #0000008c}.city-panel header{border-bottom:1px solid var(--rule);background:var(--panel-2);align-items:baseline;gap:14px;padding:14px 18px;display:flex}.cs-status{border-bottom:1px solid var(--rule);padding:8px 18px;font-size:12px}.cs-status.err{color:var(--warn)}.cs-status.ok{color:var(--accent)}.city-panel header h2{letter-spacing:.02em;margin:0;font-size:17px}.city-panel header .cs-sub{font-family:var(--mono);color:var(--muted);flex:1;font-size:11.5px}.cs-body{grid-template-columns:minmax(360px,auto) minmax(240px,1fr) minmax(300px,1.2fr);align-items:start;gap:18px;padding:18px;display:grid}@media (max-width:980px){.cs-body{grid-template-columns:1fr}}.cs-body h3{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:10.5px;font-weight:600}.cs-body section+section,.cs-body h3:not(:first-child){margin-top:16px}#cs-canvas{background:var(--panel-2);border:1px solid var(--rule);cursor:pointer;border-radius:4px;display:block}.cs-tilehint{color:var(--faint);max-width:360px;margin:8px 0;font-size:11.5px}.cs-row{border-bottom:1px solid var(--rule);align-items:center;gap:8px;padding:4px 6px;font-size:12px;display:flex}.cs-row span:first-child{flex:1}.cs-row button{padding:2px 8px;font-size:11px}.cs-chip{background:var(--panel-2);border:1px solid var(--rule);border-radius:3px;margin:0 5px 5px 0;padding:3px 8px;font-size:11.5px;display:inline-block}.cs-queue,.cs-available{max-height:260px;overflow:auto}.dim{color:var(--faint)}.treasury{font-family:var(--mono);color:var(--accent);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px}.treasury.falling{color:var(--warn)}.report{z-index:20;border:1px solid var(--rule);background:#101817f5;border-radius:5px;width:340px;max-height:52%;font-size:12px;position:absolute;top:12px;left:12px;overflow:auto;box-shadow:0 10px 30px #00000073}.report[hidden]{display:none}.report-head{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;padding:7px 10px;font-size:10.5px;display:flex}.report-head button{padding:0 6px;font-size:14px;line-height:1}.report-line{cursor:pointer;border-bottom:1px solid #25323099;border-left:2px solid #0000;padding:7px 10px}.report-line:last-child{border-bottom:none}.report-line:hover{background:#4cc29f17}.report-line.important{border-left-color:var(--accent)}.report-line.idle{border-left-color:var(--warn);color:var(--warn)}button.primary.warn{border-color:var(--warn);color:var(--warn)}.cities-screen[hidden]{display:none}.cities-screen{z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#060a0eb8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cities-panel{background:var(--panel);border:1px solid var(--rule);border-radius:6px;flex-direction:column;width:min(1120px,94vw);max-height:88vh;display:flex;box-shadow:0 24px 60px #0000008c}.cities-panel header{border-bottom:1px solid var(--rule);background:var(--panel-2);align-items:baseline;gap:14px;padding:14px 18px;display:flex}.cities-panel header h2{margin:0;font-size:17px}.cts-body{padding:0 6px 6px;overflow:auto}#cts-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:12px}#cts-table th{background:var(--panel);text-align:left;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--rule);padding:10px 10px 8px;font-size:10px;font-weight:600;position:sticky;top:0}#cts-table td{border-bottom:1px solid #2532308c;padding:8px 10px}#cts-table tr[data-city]{cursor:pointer}#cts-table tr[data-city]:hover td{background:#4cc29f14}#cts-table .cts-name{font-weight:600}#cts-table td.bad{color:var(--warn)}#cts-table td.idle{color:var(--warn);opacity:.85}#cts-table td.soon{color:var(--accent)}.warn-inline{color:var(--warn);font-family:var(--mono);font-size:11px}button.research{text-overflow:ellipsis;white-space:nowrap;max-width:230px;overflow:hidden}button.research.warn{border-color:var(--warn);color:var(--warn)}.science{font-family:var(--mono);color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-size:12px;display:flex}.science button{min-width:24px;padding:2px 7px}.science span{text-align:center;min-width:34px;color:var(--ink)}.science span.label{min-width:0;color:var(--muted);margin-right:2px}.tech-screen[hidden]{display:none}.tech-screen{z-index:45;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#060a0eb8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tech-panel{background:var(--panel);border:1px solid var(--rule);border-radius:6px;flex-direction:column;width:96vw;height:90vh;display:flex;overflow:hidden;box-shadow:0 24px 60px #0000008c}.tech-panel header{border-bottom:1px solid var(--rule);background:var(--panel-2);flex-wrap:wrap;align-items:center;gap:8px 18px;padding:12px 18px;display:flex}.tech-panel header h2{margin:0;font-size:17px}.tech-status{flex:1;min-width:280px;font-size:13px}.tech-status .dim,.tech-detail .dim{color:var(--muted)}.tech-status .warn,.tech-flow.warn{color:var(--warn)}.tech-rate{font-family:var(--mono);color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:12px;display:flex}.tech-rate strong{color:var(--ink);text-align:center;min-width:36px}.tech-rate button{padding:2px 8px}.tech-flow{color:var(--accent);margin-left:6px}.tech-scroll{background:#0d1413;flex:1;overflow:auto}.tech-canvas{position:relative}.tech-band{background:#ffffff04;border-right:1px solid #ffffff0a;position:absolute;top:0}.tech-band.odd{background:#ffffff09}.tech-band span{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);padding:9px 14px;font-size:11px;display:block;position:sticky;top:0}.tech-edges{pointer-events:none;position:absolute;top:0;left:0}.tech-edges path{fill:none;stroke:#2b3a37;stroke-width:1.5px}.tech-edges path.open{stroke:#4a6a62}.tech-edges path.known{stroke:#3f7f6c}.tech-edges path.path{stroke:var(--accent);stroke-width:2px;stroke-dasharray:5 4}.tech-card{text-align:left;border:1px solid var(--rule);color:var(--ink);cursor:pointer;font-family:var(--sans);background:#16201e;border-radius:5px;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;padding:5px 10px;display:flex;position:absolute;overflow:hidden}.tech-card .tn{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:13px;font-weight:600;overflow:hidden}.tech-card .tl{font-family:var(--mono);color:var(--muted);font-size:11px}.tech-card i{background:var(--accent);height:3px;position:absolute;bottom:0;left:0}.tech-card.known{cursor:default;background:#173029;border-color:#2f5f51}.tech-card.known .tn{color:#9fd8c4}.tech-card.ready{background:#1a2826;border-color:#56847a}.tech-card.ready:hover,.tech-card.locked:hover{border-color:var(--accent)}.tech-card.locked{opacity:.62}.tech-card.locked:hover{opacity:1}.tech-card.researching{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 0 18px #4cc29f40;background:#1c302b}.tech-card.on-path{opacity:1;border-style:dashed;border-color:var(--accent)}.tech-card.goal{border-color:#d9b35c;box-shadow:0 0 0 2px #d9b35c}.tech-card.goal .tl{color:#d9b35c}.tech-detail{border-top:1px solid var(--rule);background:var(--panel-2);min-height:64px;padding:10px 18px 12px;font-size:13px;line-height:1.45}.tech-detail strong{font-size:14px}.cs-soon-head{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin:10px 0 4px;font-size:10px}.cs-row.soon{opacity:.55}.tech-card .tu{color:#c9b27a;white-space:nowrap;text-overflow:ellipsis;max-width:100%;min-height:12px;font-size:10.5px;overflow:hidden}.tech-card.known .tu{color:#7fa892}.tech-detail .unlocks b{color:#e2c98a;font-weight:600}.cs-specialists{flex-direction:column;gap:5px;margin-top:12px;font-size:12px;display:flex}.cs-specialists label{color:var(--muted)}.cs-specialists select{font-family:var(--mono);background:var(--panel-2);color:var(--ink);border:1px solid var(--rule);padding:4px 6px;font-size:12px}.cs-specialists .dim{line-height:1.4}.rv-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:12px}.rv-table th{text-align:left;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--rule);padding:10px 10px 8px;font-size:10px;font-weight:600}.rv-table td{border-bottom:1px solid #2532308c;padding:9px 10px}.rv-table td.bad{color:var(--warn)}.rv-table td.soon,.rv-table .soon{color:var(--accent)}.rv-swatch{vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:7px;display:inline-block}.rv-actions{text-align:right;white-space:nowrap}button.danger{border-color:var(--warn);color:var(--warn)}button.danger:hover{background:#e0705e24}button.war{border-color:var(--warn);color:var(--warn)}.dialog-panel{width:min(460px,92vw)}.dialog-body{padding:6px 18px 4px;font-size:13px;line-height:1.5}.dialog-actions{justify-content:flex-end;gap:8px;padding:10px 18px 16px;display:flex}.report-line .offer{margin-left:8px}.odds-good{color:var(--accent)}.odds-bad{color:var(--warn)}.game-over p{margin:0 0 10px}#rivals{white-space:nowrap}.rv-temper{color:var(--accent);margin-top:3px;font-size:11px}button.replaces{border-style:dashed}.cs-chip.wonder{color:#f0d78a;border-color:#c9a33a}.wonder-tag{color:#e2c25e;font-size:10.5px}.rv-wonders h3{color:#e2c25e;margin:18px 0 6px;font-size:13px;font-weight:600}.gov-panel{max-width:980px}.gv-list{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:10px;display:grid}.gv-card{background:var(--panel-2);border:1px solid var(--rule);border-radius:4px;padding:10px 12px}.gv-card.current{border-color:#6fbf73}.gv-card.locked{opacity:.6}.gv-head{justify-content:space-between;align-items:center;gap:8px;font-size:14px;display:flex}.gv-summary{margin:4px 0 6px;font-size:11.5px}.gv-effects{margin:0;padding-left:16px;font-size:11.5px;line-height:1.5}.gv-effects li.good{color:#9fd8a2}.gv-effects li.bad{color:#e4a08f}.gv-card .ok{color:#9fd8a2;font-size:12px}#government.warn{color:#f0c060}.deal-panel{max-width:1000px}.deal-columns{grid-template-columns:1fr 1fr 1fr;gap:14px;display:grid}.deal-columns h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted,#9aa7b0);margin:0 0 8px;font-size:12px}.deal-item{margin:4px 0;font-size:12.5px;display:block}.deal-item input[type=number]{width:64px}.deal-sub{margin:10px 0 4px;font-size:11.5px}.deal-verdict{border:1px solid var(--rule);border-radius:4px;margin:14px 0 6px;padding:8px 10px;font-size:13px}.deal-verdict.ok{color:#9fd8a2;border-color:#4f8f55}.deal-verdict.bad{color:#e4a08f;border-color:#8f5a4f}.rv-reasons{margin:4px 0 0;padding-left:14px;font-size:11px;line-height:1.45}.rv-reasons li.good{color:#9fd8a2}.rv-reasons li.bad{color:#e4a08f}.rv-pacts{color:#b9d3e6;margin-top:4px;font-size:11px}.att-friendly,.att-pleased{color:#9fd8a2}.att-annoyed{color:#f0c060}.att-furious{color:#ef7a6a}.rv-offer td{background:#f0c06014;font-size:12.5px}button.link{color:#8fb8d8;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:10.5px;text-decoration:underline}.score-panel{max-width:1040px}.sc-table tr.sc-me td{background:#4cc29f12}.sc-legend{color:var(--ink);flex-wrap:wrap;gap:14px;margin:16px 0 4px;font-size:12px;display:flex}.sc-key{align-items:center;gap:6px;display:inline-flex}.sc-charts{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px;display:grid}.sc-figure{margin:0;position:relative}.sc-figure figcaption{color:var(--muted);margin-bottom:2px;font-size:12px}.sc-chart{width:100%;height:auto;display:block}.sc-grid{stroke:var(--rule);stroke-width:1px}.sc-axis{fill:var(--faint);font-size:9px;font-family:var(--mono)}.sc-name{fill:var(--ink);font-size:9.5px}.sc-cross{stroke:var(--muted);stroke-width:1px}.sc-tip{background:var(--panel);border:1px solid var(--rule);min-width:130px;color:var(--ink);pointer-events:none;border-radius:4px;padding:6px 8px;font-size:11.5px;position:absolute;top:18px;box-shadow:0 4px 14px #0006}.ng-panel{width:min(1240px,96vw)}.ng-body{grid-template-columns:1fr 280px;gap:14px;padding:12px 14px 14px;display:grid;overflow:auto}@media (max-width:820px){.ng-body{grid-template-columns:1fr}}.ng-civs{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));align-content:start;gap:8px;display:grid}.ng-civ{text-align:left;background:var(--panel-2);border:1px solid var(--rule);color:var(--ink);font:inherit;cursor:pointer;border-radius:4px;padding:9px 11px;font-size:11.5px;display:block}.ng-civ:hover{border-color:var(--muted)}.ng-civ.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.ng-civ-head{align-items:center;gap:8px;margin-bottom:6px;font-size:13.5px;display:flex}.ng-swatch{border-radius:3px;flex:none;width:14px;height:14px;box-shadow:0 0 0 1px #00000080}.ng-trait ul{color:#9fd8a2;margin:1px 0 5px;padding-left:15px;line-height:1.45}.ng-unique{border-top:1px solid var(--rule);padding-top:5px;line-height:1.45}.ng-world h3{margin:0 0 8px;font-size:13px}.ng-world .field{margin-bottom:7px}.ng-note{margin:0 0 9px;font-size:11px;line-height:1.4}.ng-chosen{border-top:1px solid var(--rule);margin:14px 0 10px;padding-top:10px;font-size:12px;line-height:1.45}.ng-start{width:100%;padding:9px;font-size:14px}.ng-continue{width:100%;margin-top:8px}.ng-world .field label{width:52px}#new-game{white-space:nowrap}.cts-resources{border-bottom:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:6px 8px;padding:8px 18px;font-size:12px;display:flex}.res-chip{border:1px solid var(--rule);background:var(--panel-2);border-radius:3px;padding:2px 7px}.res-chip.have,.res-chip.traded{border-color:#4f8f5a}.res-chip.unjoined{border-color:#b38b3a}.res-chip.hidden{opacity:.55}