:root{--bg:#12151c;--panel:#1b2029;--panel-2:#252b37;--line:#333b4a;--text:#e9e6dd;--muted:#9aa1ad;--accent:#e0a92e;--accent-text:#1c1505;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.4}h1{margin:0 0 8px;font-size:26px}h1.title{letter-spacing:1px;color:var(--accent);font-size:40px}h3{text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:18px 0 8px;font-size:12px}.muted{color:var(--muted)}.small{font-size:13px}button{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);cursor:pointer;border-radius:8px;padding:9px 14px}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}input{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:8px;width:100%;padding:8px 10px}.row{flex-wrap:wrap;gap:8px;display:flex}.row>button{flex:1}.dot{border:2px solid #ffffff40;border-radius:50%;flex:none;width:16px;height:16px;display:inline-block}.dot.large{width:44px;height:44px}.center-screen{justify-content:center;align-items:center;min-height:100%;padding:16px;display:flex}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;width:100%;max-width:440px;padding:26px}.card.handover{text-align:center}.card.handover .primary{min-width:160px;margin-top:10px}.menu{flex-direction:column;gap:10px;margin-top:20px;display:flex}.choice{min-width:56px}.choice.wide{flex-direction:column;align-items:center;gap:2px;display:flex}.choice.selected,.unit-row.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.name-row{align-items:center;gap:10px;margin-top:8px;display:flex}.seed-row{flex-direction:column;gap:6px;margin:16px 0;display:flex}.notice{background:#3a2a14;border:1px solid #7a5a1e;border-radius:8px;margin:14px 0;padding:10px 12px}.toast{background:#3a2a14;border:1px solid #7a5a1e;border-radius:8px;max-width:calc(100% - 32px);padding:10px 14px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.game{height:100%;position:relative;overflow:hidden}.map-canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}.turn-banner{align-items:center;gap:12px;display:flex}.turn-name{font-size:18px;font-weight:600}.unit-list{flex-direction:column;gap:6px;margin:0 0 8px;padding:0;list-style:none;display:flex}.unit-row{text-align:left;justify-content:space-between;gap:8px;width:100%;display:flex}.panel .secondary{width:100%}.stats,.yield-grid{flex-wrap:wrap;gap:4px 14px;margin-top:10px;display:flex}.y-food{color:#c5f59a}.y-prod{color:#ffb877}.y-gold{color:#ffe27a}.panel-title{justify-content:space-between;align-items:flex-start;margin-top:16px;display:flex}button.icon{padding:2px 8px;line-height:1.4}button.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.choice.small{min-width:0;padding:6px 8px;font-size:13px}.panel section .secondary+.secondary,.panel .row+.secondary,.panel .small+.secondary{margin-top:6px}.queue-row,.build-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:6px 0;display:flex}.build-buttons{flex-direction:column;flex:none;gap:4px;display:flex}.build-buttons button{padding:4px 10px;font-size:13px}.blocker{color:#e8a25a}.report{margin:0;padding-left:18px}.focus-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.dot{border-color:#fff9}.research-button{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;width:100%;margin-top:10px;font-size:13px;display:flex}.overlay{z-index:10;background:var(--bg);padding:20px 24px 32px;position:fixed;inset:0;overflow:auto}.overlay-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:8px;display:flex}.tree{margin-top:22px}.tree-head{flex-wrap:wrap;align-items:baseline;gap:14px;display:flex}.tree-head h2{margin:0;font-size:20px}.eras{gap:14px;min-width:1180px;margin-top:10px;display:flex}.era{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex:1;padding:10px}.era-name{text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:8px;font-size:12px}.era-grid{grid-template-rows:1fr 1fr;grid-template-columns:2fr 1fr;gap:8px 0;display:grid}.branch{grid-column:1;align-items:stretch;display:flex}.node-cell{grid-area:1/2/span 2;align-items:center;display:flex}.arrow{color:var(--muted);align-self:center;padding:0 4px}.tech{text-align:left;flex-direction:column;flex:1;gap:3px;min-width:0;padding:8px;font-size:12px;line-height:1.3;display:flex}.tech.node{border-width:2px;justify-content:center;align-self:stretch}.tech-name{font-size:14px;font-weight:600}.tech-cost{color:var(--accent)}.tech-unlocks{color:var(--text)}.tech-quest{color:var(--muted)}.tech-quest.fulfilled{color:#c5f59a}.tech-cross{color:#e8a25a}.tech.done{opacity:1;background:#1f3325;border-color:#3f6b48}.tech.current{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.tech.locked{opacity:.5}.notice.attack{background:#3a1a17;border-color:#8a3a32;flex-direction:column;gap:8px;display:flex}.notice .row{margin-top:8px}button.mini{flex:none;padding:3px 8px;font-size:12px}.dot.small{vertical-align:baseline;border-width:1px;width:10px;height:10px}.queue-buttons{flex:none;gap:4px;display:flex}.notice .mini{margin-left:8px}.card.wide{max-width:980px}.seats{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:14px;margin-top:12px;display:grid}.seat{background:var(--bg);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:8px;padding:12px;display:flex}.seat .name-row{margin-top:0}.nation-text{flex-direction:column;gap:2px;display:flex}.plus{color:#c5f59a}.alignments{flex-direction:column;gap:6px;display:flex}.alignment,.government{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:7px 10px;display:flex}.government{margin-top:8px}.modal{z-index:20;background:#080a10c7;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.scores{border-collapse:collapse;text-align:left;width:100%;margin:18px 0}.scores th,.scores td{border-bottom:1px solid var(--line);padding:6px 8px}.scores th{text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-size:12px}.game{--hud:#131a28f2;--hud-line:#8c7440;--topbar-height:44px}.panel{background:var(--hud);border:1px solid var(--hud-line);border-radius:10px;padding:12px;box-shadow:0 6px 20px #00000073}.panel .panel-title{margin-top:0;margin-bottom:8px}.topbar{height:var(--topbar-height);border-bottom:2px solid var(--hud-line);z-index:3;background:linear-gradient(#1c2740,#121a2b);justify-content:space-between;align-items:center;gap:12px;padding:0 10px;display:flex;position:absolute;top:0;left:0;right:0}.chips,.topbar-right{white-space:nowrap;align-items:center;gap:8px;min-width:0;display:flex}.chip{background:#080c168c;border:1px solid #2c3852;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:14px;display:inline-flex}.y-science{color:#8fd0ff}.y-culture{color:#dba6ff}.topbar .turn-name{font-size:16px}.menu-drop{top:calc(var(--topbar-height) + 8px);z-index:4;flex-direction:column;gap:6px;width:220px;display:flex;position:absolute;right:10px}.hud-left{top:calc(var(--topbar-height) + 10px);width:300px;max-height:calc(100% - var(--topbar-height) - 220px);pointer-events:none;z-index:2;flex-direction:column;gap:10px;display:flex;position:absolute;left:10px}.hud-left>*{pointer-events:auto}.round-buttons{gap:6px;display:flex}button.round{background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;width:46px;padding:0;display:flex;position:relative}.round-icon{border:2px solid var(--hud-line);background:radial-gradient(circle at 35% 30%,#34466b,#17203a);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex;box-shadow:0 3px 8px #00000080}button.round:hover .round-icon,button.round.selected .round-icon{border-color:var(--accent)}button.round.selected{box-shadow:none}button.round.alert:after{content:"!";color:#fff;background:#e0552e;border-radius:50%;width:16px;height:16px;font-size:12px;font-weight:700;line-height:16px;position:absolute;top:-4px;right:-2px}.round-label{color:var(--text);text-shadow:0 1px 2px #000,0 0 4px #000;font-size:10px}.tracker{flex-direction:column;gap:6px;width:260px;display:flex}button.track{text-align:left;background:var(--hud);border-color:var(--hud-line);align-items:center;gap:10px;padding:8px 10px;display:flex;box-shadow:0 4px 12px #0006}.track-icon{font-size:22px}.track-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.track-name{font-weight:600}.bar{background:#0b0f18;border-radius:3px;height:6px;display:block;overflow:hidden}.bar-fill{height:100%;display:block}.bar-fill.science{background:#4aa8e8}.bar-fill.culture{background:#b06be0}.panel.drop{overflow-y:auto}.hud-minimap{z-index:2;padding:6px;line-height:0;position:absolute;bottom:10px;left:10px}.minimap{image-rendering:pixelated;cursor:pointer;border-radius:4px}.hud-toast{top:calc(var(--topbar-height) + 10px);z-index:2;max-width:min(520px,100% - 720px);margin:0;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000073}.hud-right{top:calc(var(--topbar-height) + 10px);width:300px;max-height:calc(100% - var(--topbar-height) - 245px);z-index:2;flex-direction:column;gap:8px;display:flex;position:absolute;right:10px;overflow-y:auto}.hud-right.with-city{width:350px;max-height:none;bottom:225px}.city-panel{height:100%;overflow-y:auto}.note{text-align:left;background:var(--hud);border:1px solid var(--hud-line);border-left:4px solid var(--accent);border-radius:8px;flex-direction:column;align-items:stretch;gap:4px;padding:10px 12px;display:flex;box-shadow:0 4px 12px #0006}.note .panel-title{align-items:center;margin:0}.hud-bottom{z-index:2;pointer-events:none;align-items:flex-end;gap:10px;max-width:calc(100% - 270px);display:flex;position:absolute;bottom:10px;right:10px}.hud-bottom>*{pointer-events:auto}.panel.selection{flex-direction:column;gap:8px;width:440px;max-width:100%;display:flex}.panel.selection .notice{margin:0}.unit-head{align-items:center;gap:12px;display:flex}.portrait{border:2px solid var(--hud-line);background:radial-gradient(circle at 50% 35%,#3b507a,#141c30);border-radius:50%;flex:none;justify-content:center;align-items:center;width:84px;height:96px;display:flex}.unit-stats{flex-wrap:wrap;gap:4px 14px;margin-top:2px;display:flex}.commands{flex-wrap:wrap;gap:6px;display:flex}.commands button{padding:7px 12px}.tile-info{border-top:1px solid var(--line);padding-top:8px;font-size:14px}.tile-info:first-child{border-top:none;padding-top:0}.action{text-align:center;flex-direction:column;flex:none;align-items:center;gap:6px;width:150px;display:flex}button.action-button{width:124px;height:124px;color:var(--accent-text);background:radial-gradient(circle at 35% 30%,#ffd978,#c98f1c);border:4px solid #6e5320;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:10px;font-weight:700;line-height:1.15;display:flex;box-shadow:0 6px 18px #0000008c,inset 0 0 0 2px #ffffff40}button.action-button:hover{filter:brightness(1.08)}button.action-button.todo{color:#eaf4ff;background:radial-gradient(circle at 35% 30%,#4d7fc4,#1f3d73);border-color:#16284c}.action-icon{font-size:28px}.action-hint{background:var(--hud);border-radius:8px;padding:2px 8px}.action .mini{background:var(--hud)}.card.help{max-width:560px}.card.help ol{flex-direction:column;gap:8px;padding-left:20px;display:flex}@media (width<=1100px){.chip-label{display:none}.hud-toast{max-width:calc(100% - 20px);top:auto;bottom:170px}}@media (width<=720px){.hud-minimap,.tracker{display:none}.hud-right,.hud-right.with-city{width:min(350px,100% - 20px)}.hud-bottom{max-width:calc(100% - 20px)}}.leader{image-rendering:pixelated;vertical-align:middle;border:3px solid;border-radius:50%;flex:none;box-shadow:0 2px 6px #00000080}.topbar .leader{border-width:2px}.leader-card{align-items:flex-start;gap:12px;display:flex}.quote{margin:10px 0;font-style:italic}.grow{flex:1;min-width:0}.eras{width:max-content;min-width:0}.era{flex:none}.era-graph{position:relative}.era-graph svg{pointer-events:none;position:absolute;inset:0}.era-graph .tech{flex:none;justify-content:flex-start;padding:6px 8px;font-size:11px;line-height:1.25;position:absolute;overflow:hidden}.era-graph .tech.node{justify-content:center}.era-graph .tech-name{font-size:13px}.link{fill:none;stroke:#4a5568;stroke-width:2px}.link.either{stroke-dasharray:5 4}.link.reached{stroke:var(--accent)}select{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:6px;max-width:130px;padding:4px 6px;font-size:13px}.online-grid{grid-template-columns:3fr 2fr;gap:24px;display:grid}@media (width<=760px){.online-grid{grid-template-columns:1fr}}.code{letter-spacing:2px;color:var(--accent);-webkit-user-select:all;user-select:all;font-family:ui-monospace,Consolas,monospace}button.action-button.waiting{color:#c9d2e3;opacity:1;background:radial-gradient(circle at 35% 30%,#4a5368,#262c3a);border-color:#1b2030;font-size:13px}