:root{color-scheme:dark;--bg:#08151c;--panel:#102029;--border:#263943;--text:#e9edf0;--muted:#a1b3bc;--gold:#eac57c;--deep:#172c37;font-family:Inter,Arial,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);overflow:hidden}button,select{font:inherit;font-size:.875rem;color:var(--text);background:#172c36;border:1px solid #35505c;border-radius:5px;padding:.7rem .85rem;cursor:pointer;transition:background .15s,border-color .15s}button:hover:not(:disabled){background:#253e49;border-color:#73909c}button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--gold);border-color:var(--gold);color:#15212a;font-weight:700}button.primary:hover:not(:disabled){background:#ffe0a2}.quiet{background:transparent}.wide{width:100%}.hidden{display:none!important}.topbar{height:77px;padding:0 26px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);gap:20px;background:#0e1c25}.brand{display:flex;gap:12px;align-items:center;color:var(--text);text-decoration:none;font-family:Georgia,serif;letter-spacing:2px;font-weight:bold;font-size:1.15rem}.brandmark{color:var(--gold);font-size:2.2rem}.brand small{display:block;font:.65rem Arial;letter-spacing:2.8px;color:var(--muted);margin-top:7px}.matchstatus{display:flex;align-items:center;gap:24px;font-size:.75rem;letter-spacing:1px;color:var(--muted)}.matchstatus strong{font-size:1.55rem;color:#fff;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:1px}.topbar nav{display:flex;gap:8px}.resources{height:69px;display:flex;align-items:center;border-bottom:1px solid var(--border);padding:0 25px;gap:43px;background:#10212b}.resources div{min-width:70px;display:flex;gap:16px;align-items:center}.resources span{font-size:.7rem;color:var(--muted);letter-spacing:1px}.resources b{font-size:1.2rem;font-weight:500;font-variant-numeric:tabular-nums}.resources div:nth-child(1) b{color:#cbb981}.resources div:nth-child(2) b{color:#8bbde1}.resources div:nth-child(4) b{color:var(--gold)}.speedlabel{margin-left:auto;font-size:.8rem;color:var(--muted);display:flex;gap:12px;align-items:center}.speedlabel select{padding:9px;background:#0c1c25}.workspace{height:calc(100dvh - 180px);display:grid;grid-template-columns:230px minmax(0,1fr) 262px}.panel{padding:22px 17px;background:var(--panel);overflow:auto;scrollbar-width:thin}.leftpanel{border-right:1px solid var(--border)}.rightpanel{border-left:1px solid var(--border)}.sectionlabel{display:flex;justify-content:space-between;font-size:.7rem;letter-spacing:1.3px;color:var(--muted);margin-bottom:15px}.sectionlabel span{letter-spacing:0}.divider{height:1px;background:var(--border);margin:22px 0}.score-row{display:grid;grid-template-columns:8px 1fr auto;gap:12px;align-items:center;margin:15px 0;font-size:.875rem}.score-row i{height:26px;width:3px;border-radius:2px}.score-row b{font-weight:500;font-variant-numeric:tabular-nums}.score-row small{display:block;color:var(--muted);font-size:.7rem;margin-top:5px}.score-row.you{color:var(--gold)}.commander-title{display:flex;justify-content:space-between;font-size:.9rem;margin-bottom:8px}.bar{height:4px;background:#273e4a;border-radius:3px;margin:7px 0;overflow:hidden}.bar i{display:block;height:100%;background:#90bfab}.bar.supply i{background:#c5a876}.bar-label{font-size:.75rem;color:var(--muted);display:flex;justify-content:space-between;margin-top:12px}.abilities{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:16px 0}.abilities button{padding:8px 2px;font-size:.7rem;color:var(--gold)}.abilities span{display:block;font-size:.72rem;color:#d5e1e8;margin-top:5px}.abilities small{display:block;font-size:.65rem;color:var(--muted);margin-top:5px}.advice{font-size:.875rem;color:#bac9d0;line-height:1.65;margin:0}.queue{font-size:.75rem;color:var(--muted);line-height:1.8;margin-top:14px}.maparea{position:relative;min-width:0;background:#071922;overflow:hidden}.maparea canvas{display:block;touch-action:none}.maptop{position:absolute;top:19px;left:21px;right:21px;display:flex;justify-content:space-between;pointer-events:none;font-size:.65rem;letter-spacing:1.5px;color:#9ab0bc}.maptools{position:absolute;top:52px;left:18px;display:flex;gap:5px}.maptools button{font-size:.75rem;padding:8px 10px;background:#11232bee}.maplegend{position:absolute;bottom:48px;left:20px;display:flex;gap:18px;color:#b3c3cb;font-size:.7rem;pointer-events:none}.maplegend span{display:flex;align-items:center;gap:6px}.legenddot{width:5px;height:5px;border-radius:50%;background:var(--gold)}.legendline{width:18px;height:2px;background:#8cc4ad}.controlhint{position:absolute;bottom:19px;left:20px;font-size:.7rem;color:#8ba0ac;pointer-events:none}.mobilepanels{display:none}#toast{position:absolute;bottom:90px;left:50%;transform:translateX(-50%);background:#eac57c;color:#14242c;padding:12px 20px;border-radius:5px;font-size:.875rem;max-width:90%;box-shadow:0 5px 24px #0006;opacity:0;pointer-events:none;transition:opacity .15s}#toast.visible{opacity:1}.regiontitle{font:1.5rem Georgia,serif;margin:0 0 12px}.regiondesc{color:var(--muted);font-size:.8rem;line-height:1.8}.badge{display:inline-flex;border:1px solid #4b5860;padding:4px 7px;font-size:.65rem;letter-spacing:.8px;margin-bottom:14px;border-radius:3px}.badge.gold{color:var(--gold);border-color:#74633f}.orderbuttons{display:grid;gap:7px;margin-top:18px}.buildgrid,.recruitgrid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.buildgrid button,.recruitgrid button{font-size:.8rem;padding:10px 4px;text-align:center}.buildgrid small,.recruitgrid small{display:block;font-size:.65rem;margin-top:7px;color:var(--muted)}.rightpanel select{width:100%;margin-bottom:8px}footer{height:34px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;color:#90a2ac;font-size:.65rem;background:#0b1922;border-top:1px solid var(--border);gap:10px}footer span:first-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.overlay{position:fixed;inset:0;z-index:20;background:#041018ce;backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;padding:30px}.startcard{max-width:1110px;width:100%;display:grid;grid-template-columns:330px 1fr;background:#10232e;border:1px solid #3d515c;box-shadow:0 20px 100px #0008;border-radius:10px;overflow:hidden}.startheading{padding:50px 35px;background:linear-gradient(150deg,#193844,#0e202b);display:flex;flex-direction:column;justify-content:center;border-right:1px solid #354c57}.eyebrow{font-size:.65rem;letter-spacing:2px;color:var(--gold)}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:2.8rem;line-height:1.17;letter-spacing:-1px;margin:27px 0}.startheading p{font-size:.95rem;color:#afc3cd;line-height:1.8}.startsetup{padding:35px}.factioncards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.factioncard{padding:20px;text-align:left;border:1px solid #3b5260;background:#152c37;position:relative;min-height:151px}.factioncard.selected{border-color:var(--gold);background:#203540;box-shadow:inset 0 0 0 1px var(--gold)}.factioncard .factionname{font:1.45rem Georgia;display:block;color:var(--faction);margin-bottom:7px}.factioncard .region{font-size:.7rem;color:#9ab1bd;display:block;letter-spacing:.4px}.factioncard .role{font-size:.8rem;color:#e2e8eb;display:block;margin-top:13px}.factioncard .budget{position:absolute;right:17px;top:24px;color:var(--muted);font-size:.65rem}.startbottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:25px}.startbottom p{color:#d4dfe4;font-size:.85rem;line-height:1.8;margin:0}.startbottom span{color:var(--muted);font-size:.75rem}.startbottom button{padding:15px 24px;white-space:nowrap}.firststeps{font-size:.75rem;color:#9fb4bf;line-height:1.6;margin-top:22px;border-top:1px solid var(--border);padding-top:20px}dialog{background:#10232e;color:var(--text);border:1px solid #3d5663;border-radius:8px;max-width:900px;width:calc(100% - 36px);max-height:85dvh;padding:25px}dialog::backdrop{background:#020b13bd;backdrop-filter:blur(4px)}.dialoghead{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.dialoghead h2{font:1.6rem Georgia;margin:0}.dialoghead button{border:none;background:none}.dialogtabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.dialogtabs button.active{background:var(--gold);color:#17252c}.guideentry{border-top:1px solid #344650;padding:22px 0}.guideentry h3{font:1.25rem Georgia;margin:0 0 15px;color:var(--gold)}.guideentry dl{display:grid;grid-template-columns:110px 1fr;gap:9px 16px;margin:0;font-size:.875rem;line-height:1.6}.guideentry dt{color:var(--muted)}.guideentry dd{margin:0}table{border-collapse:collapse;width:100%;font-size:.875rem;margin:20px 0}th,td{padding:12px 9px;text-align:right;border-bottom:1px solid #344650}th:first-child,td:first-child{text-align:left}thead{color:var(--gold)}.infotext{font-size:.9rem;line-height:1.8;color:#c8d6dd}.infotext a{color:var(--gold)}.endcard{max-width:650px;width:100%;background:#10232e;border:1px solid #4f6671;border-radius:8px;padding:45px}.endcard h1{font-size:2.6rem}.endcard p{color:var(--muted)}.endcard button{margin-top:25px}.resultrow{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #304550}.resultrow strong{color:var(--gold)}
@media(min-width:1600px){.workspace{grid-template-columns:260px minmax(0,1fr) 300px}.panel{padding:26px}.resources{gap:70px}}
@media(max-width:1100px){.workspace{grid-template-columns:190px minmax(0,1fr) 235px}.panel{padding:17px 12px}.resources{gap:20px}.resources div{min-width:55px;gap:10px}.topbar{padding:0 16px}.matchstatus{gap:12px}.startcard{grid-template-columns:270px 1fr}.startheading{padding:35px 24px}.startsetup{padding:26px}h1{font-size:2.35rem}}
@media(max-width:800px){body{overflow:auto}.topbar{height:67px;gap:10px;padding:0 12px}.brand{font-size:.9rem;letter-spacing:1px;gap:6px}.brand small{font-size:.55rem;letter-spacing:1.5px}.brandmark{font-size:1.8rem}.matchstatus{gap:8px}.matchstatus #phase{display:none}.matchstatus strong{font-size:1.25rem}.matchstatus #season{font-size:.65rem}.topbar nav button{padding:8px;font-size:.75rem}.topbar #balanceButton{display:none}.resources{height:auto;min-height:62px;padding:10px 12px;gap:15px;flex-wrap:wrap}.resources div{min-width:auto;display:block}.resources span{font-size:.6rem;display:block;margin-bottom:5px}.resources b{font-size:1rem}.speedlabel{font-size:.65rem;gap:5px}.speedlabel select{font-size:.7rem;padding:6px}.workspace{height:calc(100dvh - 163px);min-height:400px;display:block;position:relative}.maparea{height:100%}.panel{display:none;position:absolute;top:0;bottom:0;width:245px;z-index:6;box-shadow:0 0 30px #0008;padding-bottom:65px}.leftpanel.open{display:block;left:0}.rightpanel.open{display:block;right:0}.maptop{top:15px;left:12px;right:12px;font-size:.55rem}.maptools{top:42px;left:12px;gap:3px}.maptools button{font-size:.7rem;padding:8px}.maplegend{bottom:75px;left:12px;gap:12px;font-size:.65rem}.controlhint{bottom:54px;left:12px;font-size:.6rem}.mobilepanels{position:absolute;bottom:10px;left:12px;right:12px;display:flex;justify-content:space-between}.mobilepanels button{font-size:.75rem;background:#193340}.overlay{padding:16px;overflow:auto;align-items:flex-start}.startcard{display:block;margin:auto;max-width:600px}.startheading{padding:25px;border-right:0;border-bottom:1px solid #35505c;display:block}.startheading h1{font-size:2.1rem;margin:13px 0}.startheading br{display:none}.startheading p{font-size:.85rem;margin:0}.startsetup{padding:20px}.factioncards{gap:8px}.factioncard{padding:15px;min-height:130px}.factioncard .factionname{font-size:1.3rem}.factioncard .role{font-size:.75rem}.factioncard .budget{top:18px;right:12px;font-size:.55rem}.startbottom p{font-size:.75rem}.startbottom span{font-size:.65rem}.startbottom button{padding:13px 18px;font-size:.8rem}footer{font-size:.6rem;padding:0 12px}footer span:last-child{display:none}.guideentry dl{grid-template-columns:1fr;gap:3px}.guideentry dd{margin-bottom:12px}dialog{padding:18px}th,td{padding:9px 5px;font-size:.72rem}.endcard{padding:30px}.endcard h1{font-size:2rem}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Relief map overlays remain readable on light land and blue water. */
.maptop span,.maplegend,.controlhint{color:#f2f4e6;text-shadow:0 1px 3px #082333,0 1px 8px #082333}.maptop{background:linear-gradient(90deg,#0b2637b0,#0b263700);padding:7px 9px;border-radius:4px;top:12px}.maplegend,.controlhint{background:#0b2637c9;padding:6px 9px;border-radius:4px}.maparea{background:#176578}

.country-tooltip{position:absolute;z-index:9;pointer-events:none;background:#102c39ed;color:#fff5d7;border:1px solid #d6bd7a;border-radius:6px;padding:8px 12px;font-size:.85rem;box-shadow:0 4px 18px #071b3266;max-width:180px}.country-tooltip[hidden]{display:none}.country-selection{margin-bottom:17px;padding-bottom:16px;border-bottom:1px solid #3b5962}.country-node-list{display:flex;flex-wrap:wrap;gap:5px}.country-node{font-size:.75rem;padding:7px 9px}.country-node.active{border-color:var(--gold);color:var(--gold)}

#map{position:absolute;inset:0}.world3d-canvas{outline:none}.map-label-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden}.country-label,.settlement-label,.sea-label{position:absolute;left:0;top:0;color:#fff0bf;font-weight:600;font-size:12px;white-space:nowrap;text-shadow:0 1px 4px #071a25,0 0 6px #071a25;will-change:transform}.settlement-label{font-size:11px;color:#fff;background:#102834cc;padding:3px 6px;border-radius:4px}.sea-label{font:italic 13px Georgia,serif;color:#badfeb;letter-spacing:2px;opacity:.8}.map-label-layer [hidden]{display:none}.country-tooltip{max-width:290px}.terrain-status{position:absolute;bottom:110px;left:20px;color:#dae7d9;font-size:10px;letter-spacing:1px;background:#102837bb;padding:6px 9px;border-radius:4px;pointer-events:none}.maptools{flex-wrap:wrap;max-width:calc(100% - 35px);gap:5px}.maptools button.active{color:var(--gold);border-color:var(--gold)}body.map-expanded .workspace{display:block;position:relative}body.map-expanded .maparea{height:100%;width:100%}body.map-expanded .panel{display:none;position:absolute;top:0;bottom:0;width:270px;z-index:7;box-shadow:0 0 35px #001c2bcc}body.map-expanded .panel.open{display:block}body.map-expanded .leftpanel{left:0}body.map-expanded .rightpanel{right:0}body.map-expanded .mobilepanels{display:flex;position:absolute;bottom:12px;left:20px;right:20px;justify-content:space-between;pointer-events:none}body.map-expanded .mobilepanels button{pointer-events:auto;background:#102837e8}body.map-expanded .controlhint{bottom:55px}body.map-expanded .maplegend{bottom:80px;flex-wrap:wrap}body.map-expanded .terrain-status{bottom:117px}.maptools{z-index:5}.maptop{z-index:4}.maplegend,.controlhint,.terrain-status{z-index:4}.country-tooltip{z-index:8}.mobilepanels{z-index:8}@media(max-width:800px){.maptools{max-width:calc(100% - 24px)}.maptools button{font-size:10px;padding:6px 7px}.terrain-status{font-size:8px;left:12px;max-width:calc(100% - 24px)}.country-label{font-size:10px}.sea-label{font-size:10px}.maplegend{font-size:9px!important;gap:8px!important}.country-tooltip{font-size:11px;max-width:250px}}

/* Empire management: production rates and workforce stay beside the map. */
.resources{gap:24px}.resources div{position:relative;padding-bottom:15px}.resource-rate{position:absolute;bottom:0;right:0;font-size:12px;color:#91cbb2;letter-spacing:0;white-space:nowrap}.resource-rate.negative{color:#f09581}.workforce-summary{font-size:13px;line-height:1.5;color:var(--muted);margin-bottom:12px}.workforce-role{padding:10px 0;border-bottom:1px solid var(--border);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.workforce-role strong{display:flex;gap:7px;align-items:center;font-size:14px;font-weight:500}.workforce-role strong i{width:8px;height:8px;border-radius:2px}.workforce-role small{display:block;font-size:12px;line-height:1.4;margin-top:5px;color:var(--muted)}.workforce-controls{display:flex;gap:6px;align-items:center}.workforce-controls button{padding:5px 7px;min-width:26px}.workforce-controls b{min-width:18px;text-align:center;font-size:14px;font-variant-numeric:tabular-nums}#trainCivilian{margin-top:14px}.owned-region{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:left;padding:10px;margin-bottom:7px;font-size:14px}.owned-region small{display:block;font-size:12px;color:var(--muted);margin-top:5px}.owned-region b{font-size:12px;white-space:nowrap}.owned-region.active{border-color:var(--gold)}.maplegend{flex-wrap:wrap;max-width:calc(100% - 40px)}.sectionlabel{font-size:12px;letter-spacing:.6px}
@media(min-width:801px){.workspace{grid-template-columns:300px minmax(0,1fr) 280px}.resources{gap:28px}.resources div{min-width:90px}.resources b{font-size:18px}.resources span{font-size:12px}.panel{padding:18px 16px}.maptools button{padding:7px 8px}}
@media(max-width:1100px) and (min-width:801px){.workspace{grid-template-columns:270px minmax(0,1fr) 250px}.resources{gap:12px}.resources div{min-width:70px}}
@media(max-width:800px){.resource-rate{position:static;display:block;font-size:10px;margin-top:3px}.resources div{padding-bottom:0}.resources{gap:12px}.panel{width:min(310px,calc(100vw - 40px))}.maplegend{max-width:calc(100% - 24px)}.workforce-role{padding:8px 0}.maptools{max-width:calc(100% - 24px)}}

.empire-label{position:absolute;left:0;top:0;white-space:nowrap;background:#081b28e8;border:2px solid;border-radius:6px;padding:5px 9px;font-size:14px;font-weight:700;text-shadow:0 1px 3px #000;will-change:transform}.score-row[role="button"]{cursor:pointer;border-radius:4px;padding:5px}.score-row[role="button"]:hover{background:#28404b}.score-row[role="button"]:focus-visible{outline:2px solid var(--gold)}

@media(max-width:440px){.topbar{gap:6px}.topbar nav{gap:4px}.topbar nav button{font-size:11px;padding:6px;max-width:72px}.matchstatus{gap:5px}.brand{letter-spacing:.5px}}
.biome-label{position:absolute;color:#fff9e7;font-size:clamp(10px,1.1vw,16px);font-weight:700;letter-spacing:.1em;text-shadow:0 2px 6px #10251d;background:#10251d99;border:1px solid #ffffff33;padding:8px 12px;border-radius:6px;white-space:nowrap;pointer-events:none}
/* RTS command surface: world canvas, minimap and a compact bottom command deck. */
:root{--panel:#171f22;--border:#3f4541;--gold:#dfbb73;--muted:#aeb9b8}
button{background:linear-gradient(#263235,#1b2629);border-color:#52605b;box-shadow:inset 0 1px #ffffff08}button.primary{background:linear-gradient(#edcb89,#d5ad64)}
.topbar{height:62px;background:linear-gradient(#1b262b,#101b20);border-bottom:1px solid #776742}.brand{font-size:1rem}.brand small{margin-top:4px}.topbar nav button{padding:9px 12px}.resources{height:60px;background:linear-gradient(#1c2b2c,#152224);gap:32px}.resources b{font-weight:600;color:#f2e2b9}.resources div{padding-left:13px;border-left:2px solid #a58954}.resources div:nth-child(2){border-color:#81b4c5}.resources div:nth-child(5){border-color:#aa93c4}
.command-tabs{display:flex;gap:8px;align-items:center;border-bottom:1px solid #596049;padding-bottom:9px;margin-bottom:12px}.command-tabs button{padding:8px 16px;min-width:85px}.command-tabs [aria-selected="true"]{color:#f8dd9f;border-color:#c7a561;background:linear-gradient(#4a4430,#302f25)}.command-tabs span{font-size:11px;margin-left:8px;color:#b3c2bb}.command-hidden{display:none!important}.command-tip{font-size:12px;color:#abbab3;margin:12px 0 0}.production-strip{border-top:1px solid #424b43;padding-top:10px;margin-top:10px;display:flex;gap:15px;align-items:center;flex-wrap:wrap;font-size:11px}.queue-label{color:#d8bb7b;letter-spacing:1px;font-size:10px}.mini-progress{display:inline-block;vertical-align:middle;width:60px;height:4px;background:#49514a;margin-left:5px}.mini-progress b{display:block;height:100%;background:#d4b573}
.rival-strip{position:absolute;right:16px;top:14px;z-index:5;display:flex;gap:6px}.rival-strip button{display:flex;align-items:center;gap:7px;padding:7px 10px;font-size:11px;background:#132222e8}.rival-strip i{width:7px;height:7px;background:var(--empire);border-radius:2px}.rival-strip b{color:#edcf95;font-variant-numeric:tabular-nums}
.minimap-frame{position:absolute;left:12px;bottom:12px;width:218px;z-index:6;padding:7px;background:linear-gradient(#273332,#131f22);border:1px solid #947b4b;border-radius:6px;box-shadow:0 8px 28px #0008}.minimap-head,.minimap-foot{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.8px;color:#dfc893;padding:2px 2px 6px}.minimap-head small{font-size:10px;color:#a7b9b2}.minimap-foot{padding:6px 0 0;color:#afbeb7;font-size:9px;justify-content:center}.minimap-frame canvas{display:block;width:200px;height:200px;border:1px solid #526255;cursor:crosshair;touch-action:none}.minimap-frame canvas:focus-visible{outline:2px solid #e8c983}
@media(min-width:801px){.workspace{display:block;position:relative;height:calc(100dvh - 156px)}.maparea{height:100%;width:100%}.leftpanel{display:none;position:absolute;left:12px;top:91px;bottom:252px;width:275px;z-index:9;background:#152326f5;border:1px solid #786647;border-radius:6px;box-shadow:0 10px 40px #0008}.leftpanel.open{display:block}.rightpanel.command-deck{position:absolute;bottom:12px;left:244px;right:12px;height:240px;z-index:8;display:grid;grid-template-columns:245px minmax(0,1fr);gap:22px;padding:15px 20px;background:linear-gradient(125deg,#21302fee,#101b20f5);border:1px solid #82714d;border-radius:7px;box-shadow:0 8px 32px #0008;overflow:auto}.selection-column{border-right:1px solid #536052;padding-right:16px}.selection-column .regiontitle{font-size:21px;margin:4px 0 7px}.selection-column .badge{font-size:9px;padding:3px 5px;margin-bottom:2px}.selection-column .sectionlabel{font-size:10px;margin-bottom:7px}.selection-column .regiondesc{font-size:11px;line-height:1.55}.selection-column details{margin-top:5px}.command-column{min-width:0}.orderbuttons{display:flex;margin:0;gap:10px}.orderbuttons button{height:52px;max-width:230px}.buildgrid{grid-template-columns:repeat(6,minmax(0,1fr))}.recruitgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.buildgrid button,.recruitgrid button{min-height:63px;padding:10px 8px;font-size:13px}.rightpanel select{max-width:280px;width:45%;margin:0 12px 0 0}.rightpanel #researchButton{width:auto}.maptools{top:45px;left:16px;right:16px;max-width:calc(100% - 32px)}.maptop{max-width:360px;left:16px;top:8px}.maptop #coordinates{display:none}.maplegend{display:none}.controlhint{left:244px;bottom:263px;background:#122325aa;font-size:10px}.terrain-status{left:auto;right:16px;bottom:263px;background:#122325aa}#toast{bottom:290px}.mobilepanels{display:none}body.map-expanded .minimap-frame,body.map-expanded .command-deck,body.map-expanded .controlhint,body.map-expanded .terrain-status{display:none}body.map-expanded .mobilepanels{display:none}.panel{scrollbar-color:#897649 #162425}}
@media(min-width:801px) and (max-width:1100px){.rightpanel.command-deck{grid-template-columns:180px minmax(0,1fr);gap:12px;padding:12px;left:220px;height:252px}.minimap-frame{width:196px}.minimap-frame canvas{width:178px;height:178px}.command-tabs{gap:4px}.command-tabs button{padding:7px 8px;min-width:60px}.command-tabs span{display:none}.buildgrid{grid-template-columns:repeat(3,1fr);gap:5px}.buildgrid button{min-height:43px;padding:6px;font-size:11px}.buildgrid small{margin-top:3px}.controlhint{bottom:275px;left:220px}.terrain-status{bottom:292px}}
@media(max-width:800px){.topbar{height:62px}.resources{height:auto;min-height:65px;gap:10px;padding:9px 10px}.resources div{padding-left:6px}.workspace{height:calc(100dvh - 165px)}.rival-strip{top:13px;right:8px;gap:3px}.rival-strip button{font-size:9px;padding:5px}.rival-strip b{display:none}.maptop{max-width:130px;font-size:8px}.maptop #coordinates{display:none}.maptools{top:43px}.minimap-frame{width:118px;bottom:50px;left:8px;padding:4px}.minimap-frame canvas{width:108px;height:108px}.minimap-head{font-size:7px;padding:2px 0 4px}.minimap-head small,.minimap-foot{display:none}.maplegend,.controlhint{display:none}.terrain-status{left:138px;bottom:54px;max-width:calc(100% - 148px);font-size:8px}.rightpanel.command-deck{width:min(355px,calc(100vw - 25px));padding:18px 14px 70px}.command-tabs{gap:4px;flex-wrap:wrap}.command-tabs button{min-width:65px;padding:8px;font-size:12px}.command-tabs span{display:none}.selection-column{margin-bottom:20px}.production-strip{display:block;line-height:2}.production-strip span{display:block}.leftpanel{z-index:10}.rightpanel{z-index:10}#toast{bottom:180px;font-size:12px}.mobilepanels{z-index:12}.startcard{margin:10px auto}.overlay{padding:12px}}

.biome-label{white-space:normal;text-align:center;font-size:13px;padding:6px 10px;line-height:1.35;min-width:105px}.biome-label small{display:block;font-size:10px;font-weight:400;letter-spacing:.3px;color:#e4e1cc;margin-top:2px}@media(max-width:800px){.biome-label{font-size:10px;min-width:85px;padding:4px}.biome-label small{font-size:8px}}
/* Dört İklim's own cartographic game theme: oxidized bronze and forest glass. */
:root{--gold:#ddb876;--panel:#142626;--deep:#1e3735;--border:#526454}.topbar{background:linear-gradient(110deg,#213c38,#142426 65%,#263432)}.brandmark{color:#8ac2b0;text-shadow:0 0 16px #7bb7a442}.topbar{border-bottom-color:#95784e}.overlay{background:radial-gradient(ellipse at 15% 20%,#24534199,transparent 45%),radial-gradient(ellipse at 88% 80%,#6d533c88,transparent 48%),#071818e8;backdrop-filter:blur(9px)}.startcard{max-width:1160px;display:block;border:1px solid #9a8154;border-radius:12px;background:linear-gradient(135deg,#1b3732,#112725);box-shadow:0 30px 130px #000a,inset 0 0 0 5px #ffffff03}.startheading{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:25px;padding:32px 38px;background:linear-gradient(100deg,#23443c,#172d2c);border-right:0;border-bottom:1px solid #8e7652;flex-wrap:wrap}.startheading .eyebrow{width:100%;color:#cbbf93;font-size:11px;letter-spacing:3px}.startheading h1{font-size:34px;line-height:1.2;margin:0;letter-spacing:-.5px;color:#f0e5cb}.startheading p{font-size:14px;margin:0;line-height:1.9;color:#a8c7b9}.startsetup{padding:28px 38px 30px}.factioncards{grid-template-columns:repeat(4,1fr);gap:14px}.factioncard{overflow:hidden;padding:138px 17px 20px;min-height:272px;background:linear-gradient(#223b35,#192d2b);border-color:#4f6558;border-radius:6px;transition:transform .18s,border-color .18s,box-shadow .18s}.factioncard:hover:not(:disabled){transform:translateY(-3px);background:#284239;border-color:#adc6a8}.biome-art{position:absolute;left:0;top:0;right:0;height:120px;background-size:cover;background-position:center;border-bottom:1px solid #7b875f;opacity:.9}.factioncard.selected{border-color:#dfbd79;background:linear-gradient(#355344,#243c32);box-shadow:0 0 0 1px #c8ab67,inset 0 -3px #d9b66c}.factioncard.selected .biome-art{opacity:1}.factioncard .factionname{font-size:24px;color:#eee2c4;margin-bottom:8px}.factioncard .region{font-size:11px;line-height:1.6;color:#a6c5b5;min-height:35px}.factioncard .role{font-size:12px;line-height:1.6;color:#cfdaca;margin-top:10px}.factioncard .budget{top:133px;right:13px;font-size:9px;background:#10221ca6;padding:4px 6px;border:1px solid #6f7853;border-radius:3px;color:#e1d299}.startbottom{padding-top:21px;margin-top:24px;border-top:1px solid #496252}.startbottom .primary{background:linear-gradient(120deg,#e0c58c,#bd9d61);min-width:185px;border-color:#e6cc95;font-weight:700;box-shadow:0 4px 15px #0005}.firststeps{padding:13px 16px;background:#0d231db0;border:1px solid #3d5c49;border-radius:5px;margin-top:20px;color:#b4cbbd}.command-deck{backdrop-filter:blur(10px)}.command-tabs [aria-selected="true"]{border-color:#bba66c;background:linear-gradient(#4b5137,#2b3a2d)}
@media(max-width:1000px){.factioncards{grid-template-columns:1fr 1fr}.factioncard{min-height:240px}.startheading{padding:23px 27px}.startsetup{padding:24px}.startheading h1{font-size:29px}.startcard{max-width:780px}}
@media(max-width:600px){.startheading{padding:18px;display:block}.startheading .eyebrow{font-size:8px;letter-spacing:1.5px}.startheading h1{font-size:25px;margin:13px 0}.startheading br{display:block}.startheading p{font-size:12px}.startsetup{padding:16px}.factioncards{gap:9px}.factioncard{padding:94px 11px 13px;min-height:223px}.biome-art{height:83px}.factioncard .factionname{font-size:20px}.factioncard .budget{top:88px;right:8px;font-size:8px;padding:3px}.factioncard .role{font-size:11px}.factioncard .region{font-size:10px}.startbottom{align-items:stretch;flex-direction:column;gap:12px;margin-top:15px;padding-top:15px}.startbottom .primary{width:100%}.firststeps{font-size:11px;margin-top:14px}.startbottom p{font-size:11px}}
/* Side consoles keep both edges of the battlefield clear. */
body{height:100dvh;overflow:hidden}.workspace{height:100dvh;min-height:0;display:grid;grid-template-columns:280px minmax(0,1fr) 320px;gap:0}.maparea{height:100%;min-width:0;width:100%;position:relative}.leftpanel,.leftpanel.open,.rightpanel.command-deck{display:block;position:relative;inset:auto;width:auto;height:100%;max-height:100dvh;overflow-y:auto;overflow-x:hidden;border-radius:0;padding:18px 16px;z-index:8;box-shadow:none;background:linear-gradient(160deg,#203732,#102322)}.leftpanel{border-right:1px solid #8a7752}.rightpanel.command-deck{border-left:1px solid #8a7752;border-top:0;grid-template-columns:none;gap:0}.topbar{height:auto;display:flex;flex-wrap:wrap;padding:0 0 16px;gap:17px;position:static;border-bottom:1px solid #546754;background:none}.topbar .brand{width:100%;font-size:17px}.topbar .matchstatus{width:100%;display:grid;grid-template-columns:1fr auto;gap:6px;font-size:12px}.matchstatus #phase{display:block;grid-column:1/-1}.matchstatus strong{font-size:26px}.topbar nav{display:flex;gap:5px;flex-wrap:wrap}.topbar nav button{padding:7px;font-size:12px}.resources{height:auto;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:14px 10px;padding:16px 0;background:none;margin-bottom:20px;border-bottom:1px solid #4a6254}.resources div{min-width:0;padding:0 0 17px 9px;display:flex;justify-content:space-between;gap:5px;flex-wrap:wrap}.resources span{font-size:11px}.resources b{font-size:19px}.resources .resource-rate{font-size:11px}.speedlabel{grid-column:1/-1;margin:0;display:flex;justify-content:space-between;font-size:12px}.speedlabel select{width:140px;padding:6px;font-size:12px}.selection-column{padding:0 0 16px;border-right:0;border-bottom:1px solid #536052;margin-bottom:16px}.selection-column .regiontitle{font-size:24px}.selection-column .regiondesc{font-size:13px}.command-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px}.command-tabs button{min-width:0;padding:10px 5px;font-size:13px}.command-tabs span{display:block;margin:4px 0 0;font-size:11px}.orderbuttons{display:grid;gap:10px}.orderbuttons button{max-width:none;width:100%;height:auto;min-height:44px}.buildgrid,.recruitgrid{grid-template-columns:1fr 1fr;gap:8px}.buildgrid button,.recruitgrid button{font-size:13px;min-height:66px;padding:10px 6px}.rightpanel select{max-width:none;width:100%;margin:0 0 12px}.rightpanel #researchButton{width:100%;font-size:12px}.production-strip{display:block;font-size:12px;line-height:1.8}.production-strip span{display:block}.industry-panel{border-top:1px solid #526454;margin-top:20px;padding-top:20px}.industry-panel .buildgrid{margin-top:15px}.industry-panel #craftWeapons{margin-top:10px}.industry-stocks{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:12px 0}.industry-stocks span{font-size:11px;color:#abc5b7}.industry-stocks b{display:block;font-size:21px;color:#e9d6ae;margin:5px 0}.industry-stocks small{display:block;font-size:10px;line-height:1.4}.industry-panel .regiondesc{font-size:12px;line-height:1.7}.rival-strip{display:none}.leftpanel .maptop,.leftpanel .maptools,.leftpanel .minimap-frame,.leftpanel .terrain-status,.leftpanel .maplegend,.leftpanel .controlhint,.leftpanel footer{position:static;inset:auto;max-width:none;width:100%;display:flex;margin-top:20px;font-size:12px;background:none}.leftpanel .maptop{flex-wrap:wrap;gap:10px}.leftpanel .maptools{gap:6px;flex-wrap:wrap}.leftpanel .maptools button{font-size:12px;padding:8px}.leftpanel .minimap-frame{display:block;width:218px;margin:20px auto}.leftpanel .minimap-frame canvas{width:200px;height:200px}.leftpanel .maplegend{flex-direction:column;gap:10px;line-height:1.5}.leftpanel .controlhint{line-height:1.8}.leftpanel footer{display:block;height:auto;padding:10px 0;line-height:1.8}.leftpanel footer span{display:block}.leftpanel .terrain-status{line-height:1.7;padding:0;letter-spacing:0}.mobilepanels{display:none}#toast{position:absolute;left:50%;bottom:auto;top:45%;transform:translate(-50%,-50%);max-width:90%;font-size:13px}body.map-expanded .workspace{display:block;height:100dvh}body.map-expanded .maparea{height:100dvh}body.map-expanded .leftpanel,body.map-expanded .rightpanel{display:none!important}body.map-expanded .mobilepanels{display:flex;position:absolute;left:8px;right:auto;top:45%;bottom:auto;flex-direction:column;gap:8px}body.map-expanded .mobilepanels button{pointer-events:auto}
@media(min-width:801px) and (max-width:1100px){.workspace{grid-template-columns:230px minmax(0,1fr) 270px}.panel{padding:14px 12px}.leftpanel .minimap-frame{width:196px}.leftpanel .minimap-frame canvas{width:178px;height:178px}}
@media(max-width:800px){.workspace{display:block;height:100dvh;min-height:0}.maparea{height:100dvh}.leftpanel,.leftpanel.open,.rightpanel.command-deck{display:none;position:absolute;top:0;bottom:0;height:100dvh;width:min(310px,calc(100vw - 55px));z-index:14;padding:16px 14px 30px}.leftpanel.open{display:block;left:0;right:auto}.rightpanel.command-deck.open{display:block;right:0;left:auto}.mobilepanels{display:flex;position:absolute;top:45%;bottom:auto;left:8px;right:8px;justify-content:space-between;pointer-events:none;z-index:16}.mobilepanels button{pointer-events:auto;font-size:11px;writing-mode:vertical-rl;padding:12px 8px;background:#163229e8}.leftpanel .resources{padding:16px 0}.leftpanel .resources .resource-rate{position:absolute;margin:0}.leftpanel .matchstatus #phase{display:block}.leftpanel .topbar #balanceButton{display:block}.leftpanel .maptools button{font-size:12px}.leftpanel .minimap-head{font-size:10px}.leftpanel .minimap-foot{display:flex}.leftpanel .terrain-status{max-width:none;font-size:11px}.leftpanel .controlhint{display:block}.selection-column{margin-bottom:16px}.command-tabs{grid-template-columns:1fr 1fr}.command-tabs span{display:block}.leftpanel .brand{font-size:17px}.leftpanel .matchstatus strong{font-size:26px}#toast{top:40%;bottom:auto}body.map-expanded .mobilepanels{left:8px;right:auto}.topbar nav button{max-width:none}}

.return-interface{display:none;position:absolute;left:12px;top:45%;z-index:18;writing-mode:vertical-rl}body.map-expanded .return-interface{display:block}body.map-expanded .mobilepanels{display:none!important}@media(min-width:801px){#managementToggle{display:none}}

.side-map-settings{margin:0 0 20px;border:1px solid #526454;border-radius:4px;padding:10px}.side-map-settings summary{cursor:pointer;font-size:13px;color:#dbc08b}.side-map-settings:not([open]) .maptools{display:none}.side-map-settings .maptools #managementToggle{display:none}#breedMounts{margin-top:10px;font-size:12px}.industry-stocks{grid-template-columns:1fr 1fr}.leftpanel .side-map-settings .minimap-frame{width:100%;padding:4px}.leftpanel .side-map-settings .minimap-frame canvas{width:100%;height:auto}

/* The overview stays visible outside the collapsible side consoles. */
.maparea > .minimap-frame,body.map-expanded .maparea > .minimap-frame{display:block;position:absolute;left:auto;right:12px;bottom:12px;top:auto;width:184px;padding:7px;margin:0;z-index:7;background:linear-gradient(#273b34f5,#112823f5);border:1px solid #b59b65;box-shadow:0 5px 24px #0007}.maparea > .minimap-frame canvas{width:168px;height:168px}.maparea > .minimap-frame .minimap-head{font-size:10px;letter-spacing:.3px}.maparea > .minimap-frame .minimap-foot{display:flex;font-size:10px}.maparea > .minimap-frame .minimap-head small{display:block;font-size:10px}
@media(max-width:800px){.maparea > .minimap-frame,body.map-expanded .maparea > .minimap-frame{right:8px;bottom:8px;width:132px;padding:5px}.maparea > .minimap-frame canvas{width:120px;height:120px}.maparea > .minimap-frame .minimap-head{font-size:9px;letter-spacing:0}.maparea > .minimap-frame .minimap-head small,.maparea > .minimap-frame .minimap-foot{display:none}}

.worker-focus{padding:0;border:0;background:none;color:inherit;font-size:14px;text-align:left}.worker-focus:hover:not(:disabled){color:#f0d296;background:none;text-decoration:underline}.world3d-canvas{touch-action:none;cursor:grab}.world3d-canvas:active{cursor:grabbing}.panel button:focus-visible{outline:2px solid #dfc78b;outline-offset:2px}.sectionlabel{color:#becac0}.command-tabs button{transition:background .15s,border-color .15s}.country-tooltip{background:#122b26ee;border-color:#b49a62;box-shadow:0 5px 20px #0007}

/* Command center: readable rules, live score breakdown, field army roster. */
.campaign-status,.order-briefing{padding:14px;border:1px solid #53635c;border-radius:7px;background:linear-gradient(135deg,#203b34,#162924);margin:12px 0;color:#dde6dc}.campaign-status p,.order-briefing p{font-size:12px;line-height:1.65;margin:8px 0}.phase-caption{color:#f0cb80;font-weight:700;font-size:13px}.objective-meter{display:grid;gap:4px;margin:12px 0;font-size:12px}.objective-meter span,.order-briefing small{font-size:11px;line-height:1.6;color:#c1d0c7}.score-part{margin:9px 0}.score-part span{display:flex;justify-content:space-between;font-size:11px;gap:8px}.score-part b{font-variant-numeric:tabular-nums;font-weight:500;color:#efc87c}.score-part progress{width:100%;height:5px;accent-color:#d6b875;border:0;display:block;margin-top:5px}.score-part progress::-webkit-progress-bar{background:#0e211c;border-radius:4px}.score-part progress::-webkit-progress-value{background:#d6b875;border-radius:4px}.roster-heading{font-size:11px;letter-spacing:1px;color:#c9d7ce;margin:20px 0 10px}.army-row{width:100%;display:grid;gap:6px;text-align:left;padding:11px;margin:6px 0;background:#1b312b;border:1px solid #506358;border-radius:5px}.army-row strong{font-size:12px}.army-row small{display:block;font-size:11px;line-height:1.6;color:#b9c8bf}.army-metrics{font-size:11px;color:#e9c982}.rule-list{padding-left:28px;counter-reset:rules}.rule-list li{padding:12px 8px;border-bottom:1px solid #3e5349;line-height:1.7}.rule-list li::marker{color:#efc87c;font-weight:bold}.rule-list strong{color:#efca87}.rule-list p{margin:5px 0;color:#d1ded5;font-size:13px}.phase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.phase-grid article{background:#1d352d;border:1px solid #486054;padding:14px;border-radius:6px}.phase-grid small{color:#efc87c}.phase-grid h4{margin:6px 0}.phase-grid p,.plan-doctrine{font-size:13px;line-height:1.65;color:#cedbd2}.plan-doctrine{border-left:3px solid #d3af68;padding:8px 12px;background:#1e362e}.topbar nav{flex-wrap:wrap}@media(max-width:600px){.phase-grid{grid-template-columns:1fr}}
.account-start{border-top:1px solid #4d6255;margin-top:15px;padding:12px 0}.account-start p{font-size:12px;color:#c9d5cc}.account-start>div{display:flex;flex-wrap:wrap;gap:8px}.account-start button{padding:9px 12px;font-size:12px}.account-signin{display:inline-block;padding:12px 18px;border-radius:5px;color:#172a23;background:#e9c681;text-decoration:none;font-weight:700}#profileForm{display:grid;gap:10px;max-width:420px}#profileForm input{padding:12px;background:#132921;color:#e8efe9;border:1px solid #67816f;border-radius:5px}#profileError{color:#f0ac8a}.history-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:15px 0;border-bottom:1px solid #4a5f51}.history-row small{display:block;margin-top:6px;color:#bacabd}.history-row b{color:#efce85;font-size:13px}.history-row button{grid-column:1/-1}.lobby-seats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lobby-seat{display:grid;gap:8px;padding:18px;background:#203a30;border:1px solid #506c5a;border-radius:6px}.lobby-seat small{color:#c2d2c6}.lobby-countdown{text-align:center;font-size:30px;color:#edc779}.command-group-title{font-size:11px;letter-spacing:1px;color:#e7c684;margin:18px 0 10px}.development-card{margin-top:12px;padding:10px;background:#213c31;border-left:3px solid #d3b16c;font-size:12px;line-height:1.7}.development-card strong{color:#f1ce8c}.buildgrid{gap:8px}.industry-panel{padding-top:18px;margin-top:18px;border-top:1px solid #536758}.industry-stocks{margin:10px 0}.command-tabs button{padding:12px 5px}.research-note{font-size:12px;line-height:1.65;color:#bacbbe;margin:12px 0}@media(max-width:600px){.lobby-seats{grid-template-columns:1fr}.account-start>div{display:grid;grid-template-columns:1fr}.history-row{grid-template-columns:1fr}}