:root{color-scheme:dark;--ink: #f3ecdf;--dim: #b4a894;--muted: #7e7364;--gold: #e2b657;--gold-2: rgba(226, 182, 87, .55);--line: rgba(226, 182, 87, .38);--panel: rgba(8, 10, 14, .78);--danger: #ff6b5a;--ok: #8fd0a8;--warn: #e2b657;--shadow: 0 18px 50px rgba(0, 0, 0, .35);--serif: "Liberation Serif", "DejaVu Serif", "Times New Roman", serif;--sans: "Liberation Sans", "DejaVu Sans", "Segoe UI", sans-serif;--mono: "Liberation Mono", "DejaVu Sans Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{height:100%;margin:0;background:#07090d;overflow:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer}#view{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}.vignette{position:fixed;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.38) 100%),linear-gradient(to top,rgba(0,0,0,.35),transparent 18%)}#hud{position:fixed;inset:0;z-index:2;pointer-events:none;color:var(--ink);font-family:var(--sans)}.panel{pointer-events:auto;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(8px)}.top{position:absolute;top:12px;left:12px;right:12px;display:grid;grid-template-columns:minmax(220px,1.1fr) minmax(280px,2fr) auto;gap:12px;align-items:stretch}.brand{padding:10px 14px 12px}.kicker{font-family:var(--mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}.brand h1{margin:2px 0 0;font-family:var(--serif);font-weight:500;font-size:28px;letter-spacing:.04em;line-height:1}.date-line{margin-top:4px;color:var(--dim);font-size:13px}.resources{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 12px}.chip{min-width:92px;padding:4px 8px 5px;border:1px solid rgba(243,236,223,.08);background:#ffffff08}.chip span{display:block;color:var(--muted);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.chip b{font-family:var(--mono);font-size:14px;font-weight:500}.chip b.neg{color:var(--danger)}.chip b.pos{color:var(--ok)}.speeds{display:flex;gap:6px;align-items:center;padding:8px}.speeds button,.icon-btn,.build button,.edicts button,.choice,.mini-actions button{border:1px solid var(--line);background:#ffffff08;color:var(--ink);border-radius:0}.speeds button,.icon-btn{min-width:42px;height:36px;font-family:var(--mono);letter-spacing:.06em}.speeds button.active,.build button.active,.edicts button:hover,.build button:hover,.choice:hover,.icon-btn:hover{border-color:var(--gold);color:var(--gold)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible{outline:1px solid var(--gold);outline-offset:2px}.left,.right{position:absolute;top:108px;width:292px;bottom:128px;display:flex;flex-direction:column;min-height:0}.left{left:12px}.right{right:12px;width:280px}.scroll{overflow:auto;padding:10px}.scroll h2{margin:8px 0 6px;font-family:var(--mono);font-size:11px;letter-spacing:.18em;color:var(--gold);font-weight:500}.build,.edicts{display:flex;flex-direction:column;gap:6px}.build button,.edicts button{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;text-align:left;padding:7px 8px}.key{font-family:var(--mono);font-size:11px;color:var(--gold);width:16px}.build button small,.edicts button small{display:block;color:var(--muted);font-size:11px}.price{font-family:var(--mono);font-size:12px;color:var(--dim)}.faction{margin:0 0 8px}.faction .row,.meter .row{display:flex;justify-content:space-between;font-size:12px}.bar{height:6px;margin-top:3px;background:#ffffff0f}.bar i{display:block;height:100%}.f-workers i{background:#d4654a}.f-oligarchs i{background:#e0b44a}.f-siloviki i{background:#8ea2b8}.f-tourists i{background:#3dbea5}.f-moscow i{background:#c4475a}.f-media i{background:#c9b79a}.polls{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);margin-top:4px;padding-top:8px}.polls b{font-family:var(--serif);font-size:34px;line-height:1;font-weight:500}.polls b.bad{color:var(--danger)}.polls b.mid{color:var(--warn)}.polls b.good{color:var(--ok)}.dossier{color:var(--dim);font-size:13px;line-height:1.4;margin:8px 0}.log{list-style:none;margin:0;padding:0}.log li{font-size:12px;color:var(--dim);padding:4px 0;border-top:1px solid rgba(255,255,255,.05)}.log li b{color:var(--muted);font-weight:500;font-family:var(--mono);margin-right:6px}.bottom{position:absolute;left:12px;right:12px;bottom:12px;display:grid;grid-template-columns:1.4fr .8fr;gap:12px;padding:10px 12px}.meters{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.meter span{color:var(--muted);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.meter b{font-family:var(--mono)}.m-happy i{background:#e2b657}.m-crime i{background:#e15a4a}.m-smog i{background:#9aa38a}.m-vote i{background:#c4475a}.ticker{display:flex;align-items:center;color:var(--dim);font-family:var(--serif);font-size:15px}.minimap{position:absolute;left:316px;bottom:128px;width:168px;height:188px;pointer-events:auto;padding:6px}.minimap canvas{width:100%;height:calc(100% - 16px);display:block;background:#12160d}.minimap .cap{font-family:var(--mono);font-size:9px;letter-spacing:.16em;color:var(--gold)}.inspect{position:absolute;left:50%;bottom:128px;transform:translate(-50%);width:min(440px,calc(100% - 640px));padding:10px 12px;pointer-events:auto}.inspect h3{margin:0 0 4px;font-family:var(--serif);font-weight:500;font-size:22px}.inspect p{margin:0 0 8px;color:var(--dim);font-size:13px}.inspect ul{margin:0 0 8px;padding-left:16px;color:var(--ink);font-size:13px}.mini-actions{display:flex;gap:8px}.tooltip,.flash,.paused{position:absolute;pointer-events:none;z-index:3}.tooltip{max-width:260px;padding:8px 10px;background:#080a0eeb;border:1px solid var(--line);font-size:12px;color:var(--ink)}.tooltip b{font-family:var(--serif);font-size:14px;font-weight:500}.tooltip .bad{color:var(--danger)}.flash{top:112px;left:50%;transform:translate(-50%);background:#080a0ee6;border:1px solid var(--gold);padding:8px 12px;font-size:14px}.paused{top:46%;left:50%;transform:translate(-50%,-50%);font-family:var(--serif);font-size:42px;letter-spacing:.28em;color:#f3ecdf47}#modal{position:fixed;inset:0;z-index:5;display:none;align-items:center;justify-content:center;background:#04060a8c;padding:24px}#modal.open{display:flex}.card{width:min(640px,100%);background:#12151b;border:1px solid var(--gold-2);box-shadow:var(--shadow);padding:22px 24px 18px;color:var(--ink);font-family:var(--sans)}.card .kicker{margin-bottom:6px}.card h2{margin:0 0 8px;font-family:var(--serif);font-size:40px;font-weight:500;line-height:.95}.card p{color:var(--dim);line-height:1.45}.card ul{margin:0 0 12px;padding-left:18px;color:var(--ink)}.card li{margin:4px 0}.choices{display:flex;flex-direction:column;gap:8px}.choice{text-align:left;padding:10px 12px}.choice small{display:block;color:var(--muted);margin-top:2px}@media(max-width:1100px){.left,.right{width:230px}.minimap{display:none}.inspect{width:min(420px,calc(100% - 500px))}.top{grid-template-columns:1fr}.left,.right{top:168px}}@media(max-width:780px){.left,.right{position:static;width:auto}#hud{overflow:auto;pointer-events:auto}.top,.bottom{position:relative;left:auto;right:auto;top:auto}.paused{font-size:28px}.meters{grid-template-columns:1fr 1fr}.inspect{position:relative;left:auto;bottom:auto;transform:none;width:auto;margin:8px 12px}}