:root{--gold:#ffce54;--gold-soft:#ffe9a8;--ink:#17120c;--panel:#18120ce0;--panel-lite:#2e2418eb;--line:#ffdca029;--line-strong:#ffdca057;--good:#7ed957;--warn:#ffce54;--bad:#ff5f56;--muted:#b3a17e;--surface-shadow:0 18px 60px #0000009e;--focus-ring:0 0 0 3px #ffce5461;--radius-sm:9px;--radius-md:14px;--radius-lg:18px;--font:"Segoe UI", "Trebuchet MS", system-ui, sans-serif}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--font);color:#f3e6c8;background:#0b1026;overflow:hidden}#app{position:fixed;inset:0}#app canvas{display:block;width:100%!important;height:100%!important}button{font-family:var(--font);cursor:pointer;border:none}#splash{z-index:100;background:radial-gradient(at 50% 48%,#05091429 0%,#0509148f 72%,#02050cd6 100%),linear-gradient(#0408141f,#04070e47),url(/assets/emberhold-menu-background-rietz-D0R3H-AS.png) 50%/cover no-repeat;flex-direction:column;justify-content:center;align-items:center;gap:18px;transition:opacity .8s,visibility .8s;display:flex;position:fixed;inset:0}#splash.hidden{opacity:0;visibility:hidden;pointer-events:none}.splash-flame{filter:drop-shadow(0 0 24px #ff8c288c);font-size:64px;animation:1.6s ease-in-out infinite flame}@keyframes flame{0%,to{transform:scale(1)rotate(-3deg)}50%{transform:scale(1.12)rotate(3deg)}}.splash-title{letter-spacing:.06em;background:linear-gradient(180deg, #fff3d0 20%, var(--gold) 55%, #c07820 90%);color:#0000;text-shadow:0 4px #0000;filter:drop-shadow(0 6px #3c1e0073)drop-shadow(0 0 30px #ffbe4640);-webkit-background-clip:text;background-clip:text;font-family:Georgia,Times New Roman,serif;font-size:clamp(48px,9vw,96px);font-weight:900;animation:1.1s cubic-bezier(.2,1.6,.4,1) both titleIn}@keyframes titleIn{0%{opacity:0;letter-spacing:.4em;transform:scale(.6)translateY(40px)}}.splash-sub{letter-spacing:.35em;text-transform:uppercase;color:#b9a67f;font-size:15px;animation:1s .5s both fadeIn}#playBtn{letter-spacing:.12em;color:var(--ink);background:linear-gradient(180deg, #ffe9a8, var(--gold) 45%, #e8a52e);border-bottom:6px solid #a86d14;border-radius:16px;margin-top:26px;padding:18px 64px;font-size:24px;font-weight:800;transition:transform .12s,box-shadow .12s,filter .12s;animation:1s .8s both fadeIn,2.4s ease-in-out 1.8s infinite breathe;box-shadow:0 10px 30px #ffbe3c59}#playBtn:hover{filter:brightness(1.08);transform:translateY(-3px)scale(1.04);box-shadow:0 16px 40px #ffbe3c80}#playBtn:active{border-bottom-width:2px;transform:translateY(2px)scale(.98)}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes fadeIn{0%{opacity:0}}.splash-hint{color:#7d7060;margin-top:8px;font-size:12px;animation:1s 1.2s both fadeIn}#authCard{background:var(--panel);border:2px solid var(--line);border-radius:18px;flex-direction:column;gap:10px;width:320px;margin-top:20px;padding:18px;animation:.8s .5s both fadeIn;display:flex;box-shadow:0 12px 44px #00000080}#authForm{flex-direction:column;gap:10px;display:flex}#authCard .tabs{gap:6px;display:flex}#authCard .tabs button{border:2px solid var(--line);color:#b9a67f;background:0 0;border-radius:10px;flex:1;padding:9px;font-size:14px;font-weight:800;transition:all .15s}#authCard .tabs button.on{border-color:var(--gold);color:var(--gold);background:#ffce5424}#authCard input{border:2px solid var(--line);color:#f3e6c8;font-size:15px;font-weight:600;font-family:var(--font);-webkit-user-select:text;user-select:text;background:#00000059;border-radius:10px;outline:none;padding:11px 14px}#authCard input:focus{border-color:var(--gold)}.auth-trap{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}#authErr{min-height:16px;color:var(--bad);text-align:center;font-size:12.5px;font-weight:700}#authErr.shake{animation:.4s deny}.authbtn{letter-spacing:.08em;color:var(--ink);background:linear-gradient(180deg, #ffe9a8, var(--gold) 45%, #e8a52e);border-bottom:5px solid #a86d14;border-radius:12px;width:100%;padding:13px;font-size:16px;font-weight:800;transition:transform .12s,filter .12s}.authbtn:hover{filter:brightness(1.07);transform:translateY(-2px)}.authbtn:active{border-bottom-width:2px;transform:translateY(1px)}.authbtn:disabled{filter:grayscale(.6)brightness(.7)}.linkish{color:#9c8c6d;background:0 0;padding:4px;font-size:12.5px;text-decoration:underline}.linkish:hover{color:var(--gold)}#continueRow{flex-direction:column;gap:8px;display:flex}#serverNote{color:#ff9a4d;text-align:center;font-size:12px;font-weight:700}#hud{z-index:20;pointer-events:none;opacity:0;flex-wrap:wrap;justify-content:center;gap:7px;transition:opacity .6s .3s;display:flex;position:fixed;top:12px;left:72px;right:290px}body.playing #hud{opacity:1}.pill{pointer-events:auto;background:var(--panel);border:2px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:15px;font-weight:700;transition:transform .1s;display:flex;box-shadow:0 4px 14px #0006}.pill .icon{font-size:17px}.pill .cap{opacity:.5;font-size:11px;font-weight:600}.pill .val{font-variant-numeric:tabular-nums}.pill.bump{animation:.35s cubic-bezier(.2,2.4,.4,1) bump}@keyframes bump{40%{transform:scale(1.18)}}.pill.deny{animation:.4s deny}@keyframes deny{20%,60%{color:var(--bad);transform:translate(-5px)}40%,80%{color:var(--bad);transform:translate(5px)}}#clockPill{justify-content:center;min-width:52px}#weatherPill{justify-content:center;min-width:82px}#questCard{z-index:20;background:var(--panel);border:2px solid var(--line);border-radius:16px;width:320px;padding:13px 15px;transition:transform .5s cubic-bezier(.2,1.4,.4,1);position:fixed;top:70px;left:14px;transform:translate(-120%);box-shadow:0 8px 28px #00000085}body.playing #questCard{transform:none}#questCard .q-head{color:var(--gold);justify-content:space-between;margin-bottom:6px;font-size:11px;display:flex}#questText{font-size:13px;font-weight:650;line-height:1.42}#questReward{color:#b9d98a;font-size:12px}#questCard.done{animation:.6s cubic-bezier(.2,2,.4,1) questDone}@keyframes questDone{30%{border-color:var(--good);transform:scale(1.08)}}#armyBar{z-index:20;opacity:0;flex-direction:column;align-items:flex-end;gap:6px;transition:opacity .5s;display:flex;position:fixed;top:70px;right:14px}body.playing #armyBar{opacity:1}.chip{background:var(--panel);border:2px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:700;display:flex}.chip.hiddenchip{display:none}.chip.alert{color:#ffd5d2;border-color:#ff5f56a6;animation:1.4s ease-in-out infinite alertPulse}@keyframes alertPulse{0%,to{box-shadow:0 0 #ff5f5600}50%{box-shadow:0 0 14px #ff5f5673}}#bottomBar{z-index:20;pointer-events:none;opacity:0;justify-content:center;transition:opacity .6s .3s;display:flex;position:fixed;bottom:16px;left:0;right:0}body.playing #bottomBar{opacity:1}#buildBtn,#townBtn{pointer-events:auto;letter-spacing:.06em;color:var(--ink);background:linear-gradient(180deg, #ffe9a8, var(--gold) 45%, #e8a52e);border-bottom:5px solid #a86d14;border-radius:14px;padding:13px 34px;font-size:17px;font-weight:800;transition:transform .1s,filter .1s;box-shadow:0 8px 24px #00000073}#buildBtn:hover,#townBtn:hover{filter:brightness(1.07);transform:translateY(-2px)}#buildBtn:active,#townBtn:active{border-bottom-width:2px;transform:translateY(2px)}#townBtn{color:#f3e6c8;background:linear-gradient(#4d6680,#30455c 50%,#263748);border-bottom-color:#172432}#bottomBar{gap:10px}#cityViewModes{pointer-events:auto;border:2px solid var(--line);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#141919ed;border-radius:14px;align-items:stretch;gap:4px;padding:5px;display:flex;box-shadow:0 8px 24px #00000073}.city-view-btn{color:#aaa28e;letter-spacing:.035em;text-transform:uppercase;background:0 0;border:1px solid #0000;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-width:76px;padding:6px 9px;font-size:10px;font-weight:800;transition:color .12s,background .12s,border-color .12s,transform .12s;display:flex}.city-view-btn .view-icon{font-size:17px;line-height:1}.city-view-btn:hover{color:#fff0c6;background:#ffffff0e}.city-view-btn:active{transform:translateY(1px)}.city-view-btn.on{color:#20180d;background:linear-gradient(180deg,#ffe9ad,var(--gold));border-color:#ffe09a;box-shadow:0 2px 8px #0000004d}#buildTray{z-index:21;background:var(--panel);border:2px solid var(--line);opacity:0;visibility:hidden;pointer-events:none;border-radius:18px;width:min(94vw,790px);max-height:calc(100dvh - 100px);padding:10px;transition:all .22s cubic-bezier(.2,1.5,.4,1);display:block;position:fixed;bottom:78px;left:50%;overflow:hidden;transform:translate(-50%,24px)scale(.92);box-shadow:0 10px 34px #0000008c}#buildTray.open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)scale(1)}.build-category-tabs{border-bottom:1px solid #d6af5b38;grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch;gap:6px;margin-bottom:8px;padding:2px 2px 9px;display:grid}.build-category-tab{color:#cdbf9e;cursor:pointer;letter-spacing:.02em;background:#ffffff09;border:1px solid #d6af5b2e;border-radius:10px;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:38px;padding:7px 6px;font:800 11px/1 inherit;transition:background .12s,border-color .12s,color .12s,transform .12s;display:inline-flex}.build-category-tab:hover{color:#fff1c9;background:#d6af5b1a;border-color:#d6af5b85}.build-category-tab.on{color:#251b0d;background:linear-gradient(180deg,#ffe9ad,var(--gold));border-color:#ffe2a0;box-shadow:0 3px 10px #0000004d}.build-category-tab:active{transform:translateY(1px)}.build-category-icon{font-size:16px}.build-category-count{color:#aa9b7b;font-variant-numeric:tabular-nums;background:#00000047;border-radius:999px;padding:2px 5px;font-size:9px}.build-category-tab.on .build-category-count{color:#fff0c6;background:#3722087a}.build-category-panel{flex-wrap:wrap;justify-content:center;gap:10px;max-height:calc(100dvh - 180px);padding:4px 3px 7px;display:none;overflow-y:auto}.build-category-panel.on{display:flex}.bcard{text-align:center;background:var(--panel-lite);border:2px solid var(--line);cursor:pointer;border-radius:12px;width:112px;min-height:112px;padding:10px 7px 9px;transition:transform .12s,border-color .12s,box-shadow .12s;position:relative}.bcard:hover{border-color:var(--gold);transform:translateY(-6px)scale(1.05);box-shadow:0 10px 22px #00000080}.bcard:hover .b-icon{animation:.4s ease-in-out wiggle}@keyframes wiggle{25%{transform:rotate(-8deg)scale(1.15)}75%{transform:rotate(8deg)scale(1.15)}}.bcard .b-icon{font-size:30px;display:block}.bcard .b-name{margin:4px 0 6px;font-size:12px;font-weight:800;display:block}.bcard .b-cost{color:#cbb88e;min-height:25px;display:block}.bcard.locked{filter:grayscale()brightness(.55);cursor:not-allowed}.bcard.locked:hover{border-color:var(--line);transform:none}.bcard .b-lock{font-size:13px;position:absolute;top:6px;right:6px}.bcard.terrain-card{background:linear-gradient(#567b4380,#263926c7);border-color:#8fb8638c}.bcard.terrain-card.lower{background:linear-gradient(#7d5c3a80,#3e2f25cc);border-color:#c6975b8c}.bcard.terrain-card .terrain-free{color:var(--good);letter-spacing:.1em;margin-top:4px;font-size:10px;font-weight:900;display:inline-block}.cost-list{vertical-align:middle;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;display:inline-flex}.cost-chip{--res-color:#d8c8a5;border:1px solid color-mix(in srgb, var(--res-color) 42%, transparent);background:color-mix(in srgb, var(--res-color) 11%, #00000057);color:#fff2d6;font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;align-items:center;gap:3px;min-height:24px;padding:3px 7px;font-size:11px;font-weight:850;line-height:1;display:inline-flex}.cost-chip .cost-icon{font-size:13px}.cost-chip .cost-name{color:#cbbd9f;font-size:9px;font-weight:700}.cost-chip.short{color:#ffd5d2;background:#7a1b188a;border-color:#ff5f56cc;box-shadow:inset 0 0 0 1px #ff5f5624}.cost-chip.short .cost-name{color:#ffaaa5}.cost-free{color:var(--good);letter-spacing:.08em;font-size:11px;font-weight:900}.bcard .cost-list{display:flex}.bcard .cost-chip{min-height:22px;padding:3px 6px}.bcard .cost-name,.tbtn .cost-name,.btn .cost-name{display:none}#upgradeBtn.named-costs .cost-name{display:inline}.bcard.cant-afford{border-color:#ff5f565c}#townLedger{z-index:60;opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#05080cad;justify-content:center;align-items:center;padding:24px;transition:all .2s;display:flex;position:fixed;inset:0}#townLedger.open{opacity:1;visibility:visible}.ledger-book{background:linear-gradient(135deg,#231b12fa,#151d22fa);border:2px solid #8d7045;border-radius:18px;width:min(1080px,96vw);max-height:min(780px,92vh);padding:24px;transition:all .25s cubic-bezier(.2,1.4,.4,1);overflow:auto;transform:translateY(18px)scale(.97);box-shadow:0 24px 80px #000}#townLedger.open .ledger-book{transform:none}.ledger-head{border-bottom:1px solid var(--line);align-items:flex-start;gap:14px;padding-bottom:14px;display:flex}.ledger-head .crest{font-size:36px}.ledger-head h1{color:#ffe9a8;letter-spacing:.04em;font:900 28px Georgia,serif}#townLedgerSubtitle{color:#b9a67f;margin-top:4px;font-size:13px}#townClose{color:#e8dcc0;background:var(--panel-lite);border:1px solid var(--line);border-radius:10px;width:36px;height:36px;margin-left:auto;font-size:18px}.ledger-section{margin-top:18px}.ledger-section h3{color:var(--gold);text-transform:uppercase;letter-spacing:.2em;margin-bottom:9px;font-size:11px}#workforceGrid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.work-card{border:1px solid var(--line);background:#ffffff0b;border-radius:12px;align-items:center;gap:10px;padding:12px;display:flex}.work-card .work-icon{font-size:25px}.work-card div{flex-direction:column;flex:1;display:flex}.work-card small{color:#9f9279;margin-top:2px}.work-card strong{color:var(--good)}.work-card.warn strong{color:#ffce54}.work-card.bad strong{color:var(--bad)}#flowRows{border:1px solid var(--line);border-radius:12px;overflow:hidden}.flow-row{border-bottom:1px solid #ffffff0f;grid-template-columns:135px 145px 1fr 90px;align-items:center;gap:12px;min-height:38px;padding:7px 12px;font-size:13px;display:grid}.flow-row:last-child{border-bottom:0}.flow-name{font-weight:800}.flow-detail{color:#9f9279;font-variant-numeric:tabular-nums}.flow-track{background:linear-gradient(90deg,#ff5f5659 50%,#7ed95726 50%);border-radius:9px;height:7px;overflow:hidden}.flow-track i{background:var(--good);border-right:2px solid #fff;height:100%;display:block}.flow-row b{text-align:right;font-variant-numeric:tabular-nums}.flow-row b.pos{color:var(--good)}.flow-row b.neg{color:var(--bad)}#townAlerts{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.town-alert,.town-ok{background:#ff5f561a;border:1px solid #ff5f5638;border-radius:9px;padding:9px 11px;font-size:12px}.town-ok{color:var(--good);background:#7ed95714;border-color:#7ed95733;grid-column:1/-1}.ledger-tabs{border-bottom:1px solid var(--line);gap:5px;margin:14px 0 4px;padding-bottom:7px;display:flex;overflow-x:auto}.ledger-tab{white-space:nowrap;border:1px solid var(--line);color:#b9a67f;background:#181d20;border-radius:8px;padding:7px 10px;font-size:11px;font-weight:800}.ledger-tab.on{color:#1b160e;background:var(--gold);border-color:#ffe39a}.ledger-page{display:none}.ledger-page.on{display:block}.ledger-metrics,.service-grid,.chain-grid,.policy-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.metric-card,.service-card,.chain-card,.policy-card{border:1px solid var(--line);background:#ffffff06;border-radius:10px;padding:11px}.metric-card small,.service-card small,.chain-card small{color:#9c927c;margin-top:4px;display:block}.metric-card strong{color:#ffe9a8;font-size:20px}.chain-card.bad,.service-card.bad{border-color:#ff5f5680}.ledger-action{cursor:pointer}.ledger-action:hover{border-color:var(--gold);background:#ffce5414}.policy-card label{color:#b9a67f;margin-bottom:5px;font-size:11px;display:block}.policy-card select,.policy-card input{color:#eee3ca;border:1px solid var(--line);background:#11171a;border-radius:7px;width:100%;padding:7px}.logistics-row,.route-row{border-bottom:1px solid var(--line);grid-template-columns:1.4fr 1fr 1fr auto;align-items:center;gap:8px;padding:8px;font-size:12px;display:grid}.need-meter{grid-template-columns:140px 1fr 50px;align-items:center;gap:8px;margin:6px 0;display:grid}.need-meter i{background:var(--good);border-radius:6px;height:6px;display:block}#urgentWarnings{z-index:20;pointer-events:none;gap:5px;display:grid;position:fixed;top:72px;right:12px}.urgent-warning{color:#ffd2cc;background:#230c0ce0;border:1px solid #ff5f5673;border-radius:8px;max-width:300px;padding:7px 10px;font-size:11px;box-shadow:0 5px 18px #0008}@media (width<=650px){#workforceGrid,.ledger-metrics,.service-grid,.chain-grid,.policy-grid{grid-template-columns:1fr}.flow-row{grid-template-columns:110px 1fr 80px}.flow-track{display:none}#townAlerts{grid-template-columns:1fr}.ledger-book{padding:16px}.logistics-row,.route-row{grid-template-columns:1fr 1fr}.ledger-tabs{margin-right:-10px}}@media (width<=720px){#bottomBar{gap:5px;bottom:9px}#buildBtn,#townBtn{padding:11px 15px;font-size:14px}#cityViewModes{gap:2px;padding:4px}.city-view-btn{min-width:38px;padding:5px 6px}.city-view-btn .view-label{display:none}}.sheet{z-index:25;background:var(--panel);border:2px solid var(--line);overscroll-behavior:contain;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;width:300px;max-height:calc(100dvh - 32px);padding:16px;transition:transform .35s cubic-bezier(.2,1.4,.4,1);position:fixed;bottom:16px;right:16px;overflow:hidden auto;transform:translate(120%);box-shadow:0 12px 40px #0009}.sheet.open{transform:none}.sheet h2{align-items:center;gap:8px;font-size:19px;display:flex}.sheet .lvl{color:var(--gold);background:#ffce541f;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:800}.sheet .desc{color:#b3a17e;margin:6px 0 10px;font-size:12.5px;line-height:1.4}.sheet .stat{justify-content:space-between;margin:3px 0;font-size:13.5px;display:flex}.sheet .stat b{color:#ffe9a8}.worker-control{border:1px solid var(--line-strong);background:#00000038;border-radius:11px;margin-top:10px;padding:10px 11px 8px}.worker-control-head,.worker-control-scale{justify-content:space-between;align-items:center;gap:10px;display:flex}.worker-control-head{color:#d8c8a5;font-size:13px;font-weight:750}.worker-control-head b{color:var(--gold-soft);font-variant-numeric:tabular-nums}.worker-priority-buttons{grid-template-columns:repeat(4,1fr);gap:5px;margin:9px 0 7px;display:grid}.worker-priority-buttons button{border:1px solid var(--line);color:#b9a67f;background:#171b1d;border-radius:7px;padding:6px 3px;font-size:10px;font-weight:800}.worker-priority-buttons button.on{color:#1b160e;background:var(--gold);border-color:#ffe39a}.worker-control-scale{color:#8f826b;text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:700}.town-rename b{gap:6px;display:flex}.town-rename input{color:#fff1bd;border:1px solid var(--line);background:#17130e;border-radius:6px;width:150px;min-width:0;padding:5px 7px}.town-rename button{color:#ffe9a8;background:#43331f;border:1px solid #796544;border-radius:6px;padding:5px 8px}.btn{width:100%;color:var(--ink);background:linear-gradient(180deg, #ffe9a8, var(--gold) 45%, #e8a52e);border-bottom:4px solid #a86d14;border-radius:11px;margin-top:9px;padding:11px;font-size:15px;font-weight:800;transition:transform .1s,filter .1s;display:block}.btn:hover{filter:brightness(1.07);transform:translateY(-2px)}.btn:active{border-bottom-width:2px;transform:translateY(1px)}.btn:disabled{filter:grayscale(.8)brightness(.6);cursor:not-allowed;transform:none}.btn.cant-afford{color:#fff4e0;background:linear-gradient(#d8b07f,#a86a37 48%,#754323);border-bottom-color:#4d2a16}.btn .action-line{justify-content:center;align-items:center;gap:6px;display:flex}.btn .action-meta{color:#17120cb8;margin-top:6px;font-size:10px;display:block}.btn.cant-afford .action-meta{color:#ffe2c4}.btn .cost-chip{color:var(--ink);background:#17120c29;border-color:#17120c33}.btn .cost-chip.short{color:#fff;background:#520808ad;border-color:#ff8b84}.btn.green{background:linear-gradient(180deg, #c9f5a5, var(--good) 45%, #4faf35);border-bottom-color:#2f7a1c}.btn.red{background:linear-gradient(180deg, #ffb3ae, var(--bad) 45%, #c93a31);color:#fff;border-bottom-color:#8c1f18}.btn.small{margin-top:7px;padding:7px;font-size:13px}.prog{border:1px solid var(--line);background:#00000080;border-radius:999px;height:14px;margin-top:10px;display:none;overflow:hidden}.prog.show{display:block}.prog .fill{background:repeating-linear-gradient(45deg, var(--gold), var(--gold) 10px, #e8a52e 10px, #e8a52e 20px);background-size:28px 28px;border-radius:999px;width:0%;height:100%;transition:width .2s;animation:.7s linear infinite stripes}@keyframes stripes{to{background-position:28px 0}}#trainSection{border:1px solid var(--line);background:linear-gradient(145deg,#4f361e33,#0003);border-radius:12px;margin-top:10px;padding:12px;overflow:hidden}.train-section-head{justify-content:space-between;align-items:center;gap:8px;display:flex}#trainSection .sec-head{margin-top:0}#trainSpeedBadge{color:#efd48c;white-space:nowrap;background:#ffce5414;border:1px solid #ffce544d;border-radius:999px;padding:3px 7px;font-size:9px;font-weight:800}.trainrow{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%;margin-top:9px;display:grid}.tbtn{text-align:left;background:var(--panel-lite);border:2px solid var(--line);color:#f3e6c8;border-radius:10px;min-width:0;padding:9px;transition:transform .1s,border-color .1s,background .15s;overflow:hidden}.tbtn:hover{border-color:var(--gold);transform:translateY(-2px)}.tbtn .t-title{align-items:center;gap:6px;min-width:0;display:flex}.tbtn .t-ico{font-size:22px;line-height:1}.tbtn .t-name{text-overflow:ellipsis;min-width:0;font-size:12px;overflow:hidden}.tbtn .t-time{color:#efd48c;margin-top:5px;font-size:10px;font-weight:800;display:block}.tbtn .t-cost{color:#cbb88e;flex-wrap:wrap;justify-content:flex-start;gap:2px;margin-top:6px;line-height:1.3;display:flex}.tbtn.cant-afford{background:#501c17b3;border-color:#ff5f5673}.tbtn .cost-list{gap:2px;max-width:100%}.tbtn .cost-chip{min-height:19px;padding:2px 4px;font-size:9px}.unit-pop{color:#b9a67f;white-space:nowrap;align-self:center;padding:2px 4px;font-size:10px}.tbtn:disabled{filter:grayscale()brightness(.55);cursor:not-allowed;transform:none}#trainActive{margin-top:10px}.train-active-card{background:#0a0c0c75;border:1px solid #ffce545c;border-radius:10px;padding:9px 10px}.train-active-top{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;display:grid}.train-active-icon{font-size:24px}.train-active-copy{flex-direction:column;min-width:0;display:flex}.train-active-copy small{color:#9f9279;letter-spacing:.12em;text-transform:uppercase;font-size:9px}.train-active-copy b{text-overflow:ellipsis;overflow:hidden}.train-active-time{color:#ffe39a;font-variant-numeric:tabular-nums;font-size:14px}.train-progress{background:#0000008c;border-radius:999px;height:7px;margin-top:8px;overflow:hidden}.train-progress i{border-radius:inherit;background:linear-gradient(90deg,#709d42,var(--good));height:100%;transition:width .2s linear;display:block}.train-active-meta{color:#9f9279;justify-content:space-between;gap:8px;margin-top:6px;font-size:9px;display:flex}#trainQueueHead{color:#9f9279;justify-content:space-between;margin-top:11px;font-size:10px;display:flex}#trainQueueHead b{color:#d8c8a5}#trainQueue{flex-direction:column;gap:4px;min-height:28px;margin-top:6px;display:flex;overflow:hidden}.qslot{background:var(--panel-lite);border:1px solid var(--line);border-radius:8px;grid-template-columns:22px 1fr auto;align-items:center;gap:6px;min-height:31px;padding:5px 7px;font-size:11px;display:grid;position:relative;overflow:hidden}.qslot.active{border-color:#7ed9577a}.qslot .qfill{background:#7ed9571f;transition:width .2s linear;position:absolute;inset:0 auto 0 0}.qslot>span{position:relative}.qslot .qname{text-overflow:ellipsis;min-width:0;font-weight:700;overflow:hidden}.qslot .qtime{color:#b9a67f;font-variant-numeric:tabular-nums}.queue-empty{color:#766b59;font-size:10px;font-style:italic}.sec-head{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-top:10px;font-size:11px}.techlist{scrollbar-gutter:stable;flex-direction:column;gap:6px;max-height:220px;margin-top:6px;display:flex;overflow:hidden auto}.techrow{text-align:left;background:var(--panel-lite);border:2px solid var(--line);color:#f3e6c8;border-radius:10px;align-items:center;gap:9px;padding:7px 9px;transition:transform .1s,border-color .1s;display:flex}.techrow:hover:not(:disabled){border-color:var(--gold);transform:translate(3px)}.techrow .tr-ico{font-size:20px}.techrow .tr-body{flex-direction:column;flex:1;min-width:0;display:flex}.techrow .tr-body b{font-size:13px}.techrow .tr-body small{color:#b3a17e;font-size:10.5px;line-height:1.25}.techrow .tr-cost{color:#7fd7ff;white-space:nowrap;font-size:12px;font-weight:800}.techrow.owned{opacity:.55}.techrow.owned .tr-cost{color:var(--good)}.trade-flow{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.trade-arrow{color:#f5d785;font-weight:900}.techrow.cant-afford{border-color:#ff5f566b}.raidrow{align-items:center;gap:8px;margin-top:7px;font-size:14px;display:flex}.raidrow .r-ico{text-align:center;width:24px;font-size:17px}.raidrow input[type=range]{accent-color:var(--gold);flex:1}.raidrow .r-n{text-align:right;color:#ffe9a8;width:30px;font-weight:800}#provPower{text-align:center;margin-top:10px;font-size:13px;font-weight:700;line-height:1.35}#provPower small{color:#b3a17e;font-weight:600}.needrow{align-items:center;gap:8px;margin:4px 0;font-size:12.5px;display:flex}.needrow .n-ico{text-align:center;width:22px;font-size:15px}.needrow .n-bar{border:1px solid var(--line);background:#00000080;border-radius:999px;flex:1;height:9px;overflow:hidden}.needrow .n-fill{border-radius:999px;height:100%;transition:width .3s;display:block}.needrow .n-txt{text-align:right;color:#cbb88e;white-space:nowrap;width:92px;font-size:11px;font-weight:700}.need-explain{color:#9c927c;margin:0 0 7px 30px;line-height:1.35;display:block}.housing-next-needs{margin-top:7px}.sheet .housing-next-needs b{color:#cbb88e;font-size:11px}.need-category{border:1px solid var(--line);background:#ffffff05;border-radius:10px;margin:8px 0 12px;padding:9px 11px}.need-category h4,.housing-needs-group>b{color:#d8c8a5;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:10px;display:block}.housing-needs-group{border:1px solid #ffffff14;border-radius:8px;margin:9px 0;padding:8px}#toasts{z-index:40;pointer-events:none;flex-direction:column;align-items:center;gap:7px;display:flex;position:fixed;top:64px;left:50%;transform:translate(-50%)}.toast{background:var(--panel);border:2px solid var(--line);white-space:nowrap;border-radius:999px;padding:9px 20px;font-size:14px;font-weight:700;animation:.4s cubic-bezier(.2,1.8,.4,1) both toastIn;box-shadow:0 6px 20px #00000080}.toast.out{animation:.35s ease-in both toastOut}@keyframes toastIn{0%{opacity:0;transform:translateY(-18px)scale(.7)}}@keyframes toastOut{to{opacity:0;transform:translateY(-14px)scale(.8)}}#banner{z-index:50;pointer-events:none;opacity:0;flex-direction:column;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}#banner.show{opacity:1}#bannerTitle{letter-spacing:.08em;background:linear-gradient(180deg, #fff3d0, var(--gold) 60%, #c07820);color:#0000;filter:drop-shadow(0 5px #32190080)drop-shadow(0 0 34px #ffbe4659);-webkit-background-clip:text;background-clip:text;font-family:Georgia,serif;font-size:clamp(42px,8vw,84px);font-weight:900}#banner.show #bannerTitle{animation:.7s cubic-bezier(.2,1.9,.35,1) both bannerIn}#banner.bad #bannerTitle{background:linear-gradient(180deg, #ffd7d4, var(--bad) 60%, #8c1f18);filter:drop-shadow(0 5px #32000080);-webkit-background-clip:text;background-clip:text}@keyframes bannerIn{0%{opacity:0;letter-spacing:.5em;transform:scale(2.6)}60%{transform:scale(.94)}}#bannerSub{color:#f3e6c8;text-shadow:0 2px 8px #000;margin-top:8px;font-size:17px;font-weight:700}#banner.show #bannerSub{animation:.5s .25s both fadeIn}#vignette{z-index:15;pointer-events:none;position:fixed;inset:0;box-shadow:inset 0 0 140px #0000008c}#flash{z-index:45;pointer-events:none;opacity:0;background:#fff;position:fixed;inset:0}#flash.go{animation:.5s ease-out flashAnim}@keyframes flashAnim{0%{opacity:.5}to{opacity:0}}#settings{z-index:30;opacity:0;gap:7px;transition:opacity .6s .3s;display:flex;position:fixed;top:12px;right:14px}body.playing #settings{opacity:1}.icobtn{background:var(--panel);border:2px solid var(--line);color:#f3e6c8;border-radius:11px;width:38px;height:38px;font-size:17px;transition:transform .1s}.icobtn:hover{transform:scale(1.12)}.icobtn.off{filter:grayscale()brightness(.55)}#tip{z-index:70;pointer-events:none;border:2px solid var(--line);color:#e8dcc0;opacity:0;background:#0e0a06f5;border-radius:11px;max-width:280px;padding:9px 13px;font-size:12.5px;line-height:1.5;transition:opacity .15s,transform .15s;position:fixed;transform:translateY(4px);box-shadow:0 8px 24px #0000008c}#tip.show{opacity:1;transform:none}#tip b{color:var(--gold)}#tip i{color:#b3a17e}#hint{z-index:19;color:#ffe9a8;text-shadow:0 2px 6px #000;pointer-events:none;opacity:0;font-size:13px;font-weight:700;transition:opacity .3s;position:fixed;bottom:76px;left:50%;transform:translate(-50%)}#hint.show{opacity:1}#controlsHint{z-index:18;color:#f0e1be73;pointer-events:none;opacity:0;font-size:11px;line-height:1.6;transition:opacity .6s 1s;position:fixed;bottom:14px;left:14px}body.playing #controlsHint{opacity:1}#saveDot{z-index:18;color:#f0e1be66;opacity:0;font-size:11px;transition:opacity .4s;position:fixed;bottom:14px;right:16px}#saveDot.show{opacity:1}@media (width<=1050px){#hud{justify-content:flex-start;padding-right:250px;left:10px;right:10px}.pill{padding:7px 10px;font-size:13px}#questCard,#armyBar{top:104px}}@media (width<=700px){#hud{max-height:82px;padding-right:0;top:58px;left:8px;right:8px;overflow:hidden}#settings{right:8px}#questCard{width:220px;top:146px}#armyBar{top:146px}.sheet{width:min(320px,100vw - 16px);max-height:calc(100vh - 150px);bottom:74px;right:8px;overflow:hidden auto}#buildTray{width:calc(100vw - 16px);max-height:calc(100dvh - 150px);bottom:70px}.build-category-tabs{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:6px}.build-category-tab{min-height:36px;padding:6px 9px}.build-category-count{display:none}.build-category-panel{max-height:calc(100dvh - 255px)}.bcard{width:104px}}#mapOverlay{z-index:55;background:radial-gradient(circle at 50% 35%,#355b52,#101b18 72%);display:none;position:fixed;inset:0}#mapOverlay.open{animation:.2s fadeIn;display:block}#mapCanvas{cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}#mapHud{pointer-events:none;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#121812eb;border:1px solid #ebcc8594;border-radius:12px;padding:10px 16px;font-size:13px;position:absolute;top:14px;left:14px;box-shadow:0 8px 28px #0000008f,inset 0 0 24px #ffd27809}#mapClose{background:var(--panel);border:2px solid var(--line);color:#f3e6c8;border-radius:999px;padding:9px 18px;font-size:14px;font-weight:800;transition:transform .1s,border-color .1s;position:absolute;top:14px;right:16px}#mapClose:hover{border-color:var(--gold);transform:scale(1.06)}#mapTip{background:var(--panel);border:2px solid var(--line);pointer-events:none;z-index:5;border-radius:10px;max-width:260px;padding:8px 12px;font-size:12.5px;line-height:1.5;display:none;position:absolute;box-shadow:0 6px 18px #00000080}#mapLegend{color:#d8ccb0;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#121812db;border:1px solid #dabc776b;border-radius:11px;padding:9px 12px;font-size:11px;line-height:1.7;position:absolute;bottom:14px;left:14px}#mapTargetPanel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(150deg,#261d13f7,#121c19f7);border:2px solid #9b7b4b;border-radius:16px;width:360px;max-height:calc(100vh - 88px);padding:17px;transition:all .25s cubic-bezier(.2,1.4,.4,1);position:absolute;top:68px;right:16px;overflow:auto;transform:translate(115%);box-shadow:0 18px 58px #000}#mapTargetPanel.open{transform:none}.map-target-head{align-items:center;gap:9px;display:flex}.map-target-head .target-icon{font-size:30px}.map-target-head h2{color:#ffe9a8;flex:1;font:800 20px Georgia,serif}#mapTargetClose{background:var(--panel-lite);color:#eee0c1;border:1px solid var(--line);border-radius:9px;width:30px;height:30px}#mapTargetMeta{color:#aa9a7a;margin:7px 0 10px;font-size:12px;line-height:1.45}#mapTargetStats{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px;display:grid}.map-stat{border:1px solid var(--line);background:#ffffff0b;border-radius:8px;min-width:0;padding:8px 9px;font-size:11px}.map-stat b{overflow-wrap:anywhere;color:#ffe9a8;margin-top:2px;font-size:12px;display:block}#mapUnitSliders .raidrow{margin-top:5px}#mapForce{color:#cfc2a5;text-align:center;min-height:35px;margin-top:9px;font-size:12px;line-height:1.45}#mapRouteNote{border:1px solid var(--line);color:#ffe9a8;pointer-events:none;background:#121812e6;border-radius:999px;padding:7px 14px;font-size:12px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}#reportsOverlay{z-index:65;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;visibility:hidden;background:#05070ac2;justify-content:center;align-items:center;padding:22px;transition:all .2s;display:flex;position:fixed;inset:0}#reportsOverlay.open{opacity:1;visibility:visible}.reports-book{background:linear-gradient(135deg,#251c13,#172027);border:2px solid #8d7045;border-radius:18px;grid-template-rows:auto 1fr;width:min(940px,96vw);height:min(700px,91vh);padding:20px;display:grid;box-shadow:0 24px 80px #000}.reports-head{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding-bottom:13px;display:flex}.reports-head h1{color:#ffe9a8;flex:1;font:900 27px Georgia,serif}#reportsClose{background:var(--panel-lite);color:#eee0c1;border:1px solid var(--line);border-radius:10px;width:36px;height:36px;font-size:18px}.reports-layout{grid-template-columns:300px 1fr;gap:14px;min-height:0;padding-top:14px;display:grid}#reportsList{flex-direction:column;gap:7px;min-height:0;display:flex;overflow:auto}.report-row{text-align:left;color:#e8dcc0;border:1px solid var(--line);background:#ffffff0b;border-radius:10px;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;width:100%;padding:10px;display:grid}.report-row:hover,.report-row.on{background:#ffce5417;border-color:#d0a94c}.report-row.pending{background:#ffae2d12;border-color:#ffbe467a}.report-row .rr-icon{font-size:23px}.report-row b{font-size:13px;display:block}.report-row small{color:#9f9279;font-size:10px}.report-row .rr-result{text-transform:uppercase;font-size:10px;font-weight:900}.rr-result.victory{color:var(--good)}.rr-result.defeat{color:var(--bad)}.rr-result.pending,.report-result.pending{color:#ffd56c;background:#ffbe461f}#reportDetail{min-height:0;padding:4px 8px;overflow:auto}.report-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.report-title h2{color:#ffe9a8;font:800 23px Georgia,serif}.report-result{text-transform:uppercase;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:900}.report-result.victory{color:#b8f39c;background:#7ed9571f}.report-result.defeat{color:#ffaaa5;background:#ff5f561f}.report-summary{color:#aa9a7a;margin:7px 0 12px;font-size:12px}.report-armies{grid-template-columns:1fr 1fr;gap:9px;display:grid}.report-army{border:1px solid var(--line);background:#0003;border-radius:10px;padding:10px}.report-army small{color:#9f9279}.report-army b{margin:4px 0;display:block}.report-rounds{color:#b7a98b;margin-top:10px;font-size:11px}#battleReplay{background:#17251b;border:1px solid #796544;border-radius:13px;height:300px;margin-top:12px;position:relative;overflow:hidden;box-shadow:inset 0 0 28px #00000073}#reportsOverlay.replay-mode{background:#05080a;padding:0}#reportsOverlay.replay-mode .reports-book{background:#05080a;border:0;border-radius:0;width:100vw;max-width:none;height:100vh;padding:0}#reportsOverlay.replay-mode .reports-head,#reportsOverlay.replay-mode #reportsList,#reportsOverlay.replay-mode .report-title,#reportsOverlay.replay-mode .report-summary,#reportsOverlay.replay-mode .report-armies,#reportsOverlay.replay-mode .report-rounds{display:none}#reportsOverlay.replay-mode .reports-layout{padding:0;display:block}#reportsOverlay.replay-mode #reportDetail{height:100%;padding:0;overflow:hidden}#reportsOverlay.replay-mode #battleReplay{border:0;border-radius:0;height:100vh;margin:0}#reportsOverlay.replay-mode .replay-controls{z-index:75;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070a0cc2;border:1px solid #ffffff29;border-radius:12px;margin:0;padding:6px;position:fixed;top:14px;right:18px}#reportsOverlay.replay-mode #replayBtn{opacity:.82}.battle-canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.battle-floaters{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:hidden}.battle-damage{color:#fff2bd;text-shadow:0 2px 2px #000,0 0 7px #7c230e;will-change:transform,opacity;font:900 16px/1 system-ui,sans-serif;position:absolute;top:0;left:0}.battle-damage.lethal{color:#ff7b70;text-shadow:0 2px 2px #000,0 0 10px #b31212;font-size:20px}#replayCaption{z-index:2;text-align:center;color:#fff1bd;text-shadow:0 2px 5px #000;font-size:12px;font-weight:800;position:absolute;top:9px;left:12px;right:12px}.replay-names{color:#d9c9a5;justify-content:space-between;font-size:11px;display:flex;position:absolute;bottom:8px;left:12px;right:12px}.replay-controls{flex-wrap:wrap;align-items:center;gap:7px;margin-top:9px;display:flex}.replay-controls .btn{width:auto;margin:0}.replay-speed{border:1px solid var(--line);background:#15191d;border-radius:9px;align-items:center;padding:2px;display:flex}.replay-speed button{color:#bdb39e;background:0 0;border:0;border-radius:7px;min-width:42px;min-height:34px;padding:5px 8px;font-weight:850}.replay-speed button[aria-pressed=true]{color:#17130c;background:#d4ad52;box-shadow:0 2px 7px #0007}#replayExitBtn{color:#fff;background:linear-gradient(#4c515c,#242932);border-color:#707989;display:none}#reportsOverlay.replay-mode #replayExitBtn{display:block}.pending-progress{background:#100d09;border:1px solid #5f5037;border-radius:999px;height:9px;margin:14px 0 9px;overflow:hidden}.pending-progress i{border-radius:inherit;background:linear-gradient(90deg,#a86329,#ffd15d);height:100%;transition:width .3s linear;display:block;box-shadow:0 0 12px #ffc2468c}.pending-coords{color:#a99a7d;text-align:center;font-size:12px}.pending-cancel{background:linear-gradient(#783e32,#4c2824);border-color:#a86455;max-width:330px;margin:15px auto 8px}@media (width<=700px){#mapTargetPanel{width:calc(100vw - 16px);top:58px;right:8px}#mapLegend{display:none}.reports-layout{grid-template-rows:170px 1fr;grid-template-columns:1fr}.reports-book{padding:13px}.report-armies{grid-template-columns:1fr}#battleReplay{height:240px}#reportsOverlay.replay-mode .replay-controls{justify-content:center;top:8px;left:8px;right:8px}.replay-controls .btn,.replay-speed button{min-height:40px}.battle-damage{font-size:14px}.battle-damage.lethal{font-size:18px}}[hidden]{display:none!important}input,textarea,select,[contenteditable=true]{-webkit-user-select:text;user-select:text}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold);outline-offset:2px;box-shadow:var(--focus-ring)}button:disabled{cursor:not-allowed}#splash{padding:max(18px, env(safe-area-inset-top)) 18px max(18px, env(safe-area-inset-bottom));overflow-y:auto}.splash-title{color:var(--gold-soft)}#authCard{border-color:var(--line-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:min(360px,100vw - 28px)}.auth-fields{flex-direction:column;gap:6px;display:flex}.auth-fields label{color:#d4c4a2;letter-spacing:.07em;text-transform:uppercase;margin:3px 3px 0;font-size:11px;font-weight:800}#authCard input{width:100%;min-height:44px}#authCard .tabs button{min-height:42px}#authCard .tabs button[aria-selected=true]{border-color:var(--gold);color:var(--gold);background:#ffce5424}#authErr:empty{min-height:16px}#hud{grid-template-columns:minmax(190px,auto) minmax(0,1fr);justify-content:stretch;align-items:start;gap:8px;max-height:none;padding:0;display:grid;top:10px;left:12px;right:156px;overflow:visible}#hudIdentity{pointer-events:none;align-items:flex-start;gap:7px;min-width:0;display:flex}#pill-player{text-align:left;min-width:0;max-width:280px}#pill-player .val{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}#hudDetails{pointer-events:none;justify-content:flex-end;align-items:flex-start;gap:7px;min-width:0;display:flex}#resourceRail,#hudVitals{pointer-events:none;flex-wrap:wrap;justify-content:center;gap:6px;display:flex}#resourceRail{min-width:0}#hudVitals{flex:none}.pill{color:#f5e9cf;border:1px solid var(--line-strong);white-space:nowrap;background:linear-gradient(#2b2217f0,#14100ceb);min-height:40px;box-shadow:0 4px 18px #00000061}.pill:hover{background:linear-gradient(#392b1af5,#19130df0);border-color:#ffce54a3}.pill.full{border-color:#ffce547a}.pill.full .val{color:#ffe185}.hud-more{pointer-events:auto;border:1px solid var(--line-strong);background:var(--panel);border-radius:999px;align-items:center;gap:6px;min-height:40px;padding:7px 11px;font-size:12px;font-weight:850;display:none}#hudAlertCount{background:var(--bad);color:#fff;text-align:center;border-radius:999px;min-width:19px;padding:2px 5px;font-size:10px}#questCard{background:radial-gradient(circle at 12% -15%,#ffcd6429,#0000 42%),linear-gradient(145deg,#2a1f14f7,#121414f7);border-color:#c09755b8;padding:0;overflow:hidden;box-shadow:0 12px 34px #0000008f,inset 0 1px #ffecb414}#questCard:after{content:"";background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.82;height:2px;position:absolute;top:0;left:18px;right:18px}#questCard .q-head{width:100%;min-height:66px;color:var(--gold);text-align:left;background:0 0;align-items:flex-start;gap:12px;margin:0;padding:12px 14px 10px}#questCard .q-head:hover{background:#ffce540e}.quest-heading-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.quest-kicker,.quest-objective-label{color:#bca77b;letter-spacing:.18em;text-transform:uppercase;font-size:9px;font-weight:900;line-height:1.1}#questTitle{color:#fff0c8;letter-spacing:.015em;text-overflow:ellipsis;font:800 18px/1.12 Georgia,serif;overflow:hidden}.quest-head-meta{flex:none;align-items:center;gap:7px;padding-top:1px;display:flex}#questNum{color:#d7c18f;letter-spacing:.03em;text-align:center;background:#0003;border:1px solid #ffce5433;border-radius:999px;max-width:105px;padding:4px 7px;font-size:8px;font-weight:850;line-height:1.2}#questBody{opacity:1;max-height:230px;padding:0 13px 13px;transition:max-height .22s,opacity .16s,padding .22s}.quest-objective{background:linear-gradient(135deg,#ffffff0d,#0000002e);border:1px solid #c19e6352;border-radius:14px;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:11px;padding:11px;display:grid;box-shadow:inset 0 1px #ffffff09}.quest-progress-ring{--quest-progress:0%;background:conic-gradient(var(--gold) var(--quest-progress),#ffffff17 0);color:#ffebae;text-align:center;border-radius:50%;place-content:center;width:58px;height:58px;display:grid;position:relative;box-shadow:0 3px 12px #0007,0 0 14px #ffbe411a}.quest-progress-ring:before{content:"";background:linear-gradient(145deg,#292116,#151718);border:1px solid #ffe09329;border-radius:50%;position:absolute;inset:5px}.quest-progress-ring strong,.quest-progress-ring small{z-index:1;position:relative}.quest-progress-ring strong{font-variant-numeric:tabular-nums;font-size:15px;line-height:1}.quest-progress-ring small{color:#a9966f;letter-spacing:.14em;margin-top:3px;font-size:7px;font-weight:900}.quest-objective-copy{min-width:0}.quest-objective-label{color:var(--gold);margin-bottom:5px;display:block}#questText{color:#eee2ca}.quest-progress-track{background:#ffffff14;border-radius:99px;height:4px;margin:10px 2px 8px;overflow:hidden}.quest-progress-track i{border-radius:inherit;background:linear-gradient(90deg,#b97822,var(--gold),#ffe8a1);width:0;height:100%;transition:width .35s;display:block;box-shadow:0 0 8px #ffce5473}.quest-foot{justify-content:space-between;align-items:center;gap:8px;min-height:25px;display:flex}#questReward{flex-wrap:wrap;align-items:center;gap:4px;min-width:0;display:flex}#questReward>span:first-child{color:#9f8f6e;letter-spacing:.12em;text-transform:uppercase;font-size:8px;font-weight:900}#questReward .cost-chip{min-height:20px;padding:2px 5px;font-size:9px}#questProgressText{color:#8f846d;white-space:nowrap;flex:none;font-size:8px;font-weight:750}#questCard.collapsed #questBody{opacity:0;max-height:0;padding-top:0;padding-bottom:0;overflow:hidden}.quest-chevron{transition:transform .2s;display:inline-block}#questCard.collapsed .quest-chevron{transform:rotate(180deg)}#armyBar{top:62px}.chip{border:1px solid var(--line-strong);background:#18120ceb;min-height:34px;box-shadow:0 4px 15px #0006}#urgentWarnings{top:62px;right:12px}.urgent-warning{color:#ffd2cc;text-align:left;pointer-events:auto;width:100%;display:block}.urgent-warning:hover{background:#37100ff5;border-color:#ff5f56cc}#bottomBar{bottom:max(12px, env(safe-area-inset-bottom));align-items:stretch}#buildBtn,#townBtn{min-height:52px}#buildBtn[aria-expanded=true],#townBtn[aria-expanded=true]{filter:brightness(1.12);box-shadow:0 0 0 2px var(--gold),0 10px 28px #0009}#cityViewModes{min-height:52px}#placementBar{z-index:24;border:1px solid var(--line-strong);opacity:0;visibility:hidden;background:#14110df5;border-radius:13px;align-items:center;gap:6px;padding:7px;transition:all .18s;display:flex;position:fixed;bottom:78px;left:50%;transform:translate(-50%,8px);box-shadow:0 8px 25px #0009}#placementBar.open{opacity:1;visibility:visible;transform:translate(-50%)}#placementLabel{color:#ffe9a8;white-space:nowrap;padding:0 8px;font-size:11px;font-weight:800}#placementBar button{border:1px solid var(--line-strong);color:#f5e8c9;background:#40321f;border-radius:9px;min-height:38px;padding:7px 10px;font-size:11px;font-weight:850}#cancelPlacementBtn{background:#542a25!important;border-color:#ff5f5666!important}#buildTray{border-color:var(--line-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}#buildTray[aria-hidden=false]{visibility:visible}.build-tray-head{justify-content:space-between;align-items:center;gap:12px;padding:2px 3px 9px;display:flex}.build-tray-title{min-width:0}.build-tray-title strong{color:#ffe9a8;font:800 17px Georgia,serif;display:block}.build-tray-title small{color:var(--muted);margin-top:2px;font-size:10px;display:block}.build-tray-actions{gap:6px;display:flex}.close-btn,.tray-action{border:1px solid var(--line-strong);background:var(--panel-lite);color:#eee0c1;border-radius:10px;min-width:38px;min-height:38px;padding:7px 10px;font-weight:800}.tray-action{min-width:auto;font-size:11px}.build-category-tabs{scrollbar-width:thin}.build-category-tab{min-height:44px}.bcard{flex-direction:column;justify-content:center;min-height:118px;display:flex}.bcard:focus-visible{border-color:var(--gold);transform:translateY(-3px)}.bcard.locked{opacity:.58;filter:grayscale(.8)}#townLedger,#reportsOverlay,#settingsMenu{overscroll-behavior:contain;transition:opacity .18s,visibility 0s linear .18s}#townLedger.open,#reportsOverlay.open,#settingsMenu.open{transition-delay:0s}#townLedger.open *,#reportsOverlay.open *,#settingsMenu.open *{visibility:visible}body.surface-open #bottomBar,body.surface-open #hud,body.surface-open #questCard,body.surface-open #armyBar,body.surface-open #urgentWarnings,body.surface-open #settings,body.surface-open #panel{pointer-events:none}.ledger-book,.reports-book,.menu-card{box-shadow:var(--surface-shadow);border-color:#95784c}.ledger-head,.reports-head,.menu-head{z-index:3;background:linear-gradient(135deg,#231b12fc,#171d1ffc);position:sticky;top:0}.ledger-head{margin:-8px -8px 0;padding:8px 8px 14px}.ledger-tabs{z-index:2;scrollbar-width:thin;background:linear-gradient(#1b1b18fc 75%,#1b1b1800);padding:9px 0 8px;position:sticky;top:65px}.ledger-tab{min-height:38px}.ledger-tab:hover{color:#fff0c6;border-color:#ffce548c}.metric-card,.service-card,.chain-card,.policy-card,.work-card{min-width:0}.metric-card strong{overflow-wrap:anywhere;display:block}.logistics-row button,.route-row button,.policy-card select,.policy-card input,.route-row select,.route-row input{min-height:36px}.logistics-row button,.route-row button{border:1px solid var(--line-strong);color:#ffe9a8;background:#45351f;border-radius:7px;padding:6px 9px;font-weight:750}.logistics-row button:disabled,.route-row button:disabled{opacity:.48}.route-quantity{width:62px}.offer-form>span{align-items:center;gap:5px;display:flex}.sheet{border-color:var(--line-strong);width:330px}.sheet-head{z-index:2;background:linear-gradient(#18120cfc 82%,#0000);align-items:flex-start;gap:8px;margin:-5px -5px 4px;padding:5px 5px 9px;display:flex;position:sticky;top:-16px}.sheet-head h2{flex:1;min-width:0}.sheet[aria-hidden=false]{transform:none}.sheet .stat{border-bottom:1px solid #ffffff0b;gap:12px;padding:5px 0;line-height:1.35}.sheet .stat>span{color:#b9aa89}.sheet .stat>b{text-align:right;overflow-wrap:anywhere;max-width:62%}#settings{right:12px}.icobtn{border:1px solid var(--line-strong);width:42px;height:42px}#settingsMenu{z-index:68;opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#05070abd;place-items:center;padding:20px;display:grid;position:fixed;inset:0}#settingsMenu.open{opacity:1;visibility:visible}.menu-card{background:linear-gradient(145deg,#2a2015,#172025);border:2px solid #8d7045;border-radius:18px;width:min(460px,100vw - 24px);max-height:min(720px,100dvh - 24px);padding:20px;transition:transform .2s;overflow:auto;transform:translateY(14px)scale(.98)}#settingsMenu.open .menu-card{transform:none}.menu-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:15px;margin:-4px -4px 0;padding:4px 4px 15px;display:flex}.menu-head h1{color:#ffe9a8;margin-top:2px;font:900 29px Georgia,serif}.eyebrow{color:var(--gold);letter-spacing:.24em;font-size:9px;font-weight:900}.menu-section{margin-top:18px}.objective-tabs,.objective-era-tabs{flex-wrap:wrap;gap:5px;display:flex}.objective-era-tabs{border-top:1px solid var(--line);margin-top:6px;padding-top:6px}.objective-tab,.objective-era-tab,.objective-pin{border:1px solid var(--line);color:var(--text);cursor:pointer;font:inherit;background:#ffffff0a;border-radius:4px;padding:6px 8px;font-size:11px}.objective-tab.active,.objective-stage.current{border-color:var(--gold)}.objective-book{gap:6px;margin-top:8px;display:grid}.objective-progress{color:var(--muted);font-size:11px}.objective-era-tab.active{border-color:var(--gold);color:var(--gold)}.objective-era-section{gap:6px;display:grid}.objective-era-section h3{color:var(--gold);margin:6px 0 0;font-size:12px}.objective-stage{border:1px solid var(--line);background:#0000001f;border-radius:5px;justify-content:space-between;gap:8px;padding:8px;display:flex}.objective-stage.complete{opacity:.72;border-color:#74c97b99}.objective-stage.locked{opacity:.52}.objective-stage b{font-size:12px}.objective-stage p{color:var(--muted);margin:3px 0;font-size:11px}.objective-stage small{color:var(--gold);font-size:10px}.objective-research-reward{color:#7fd7ff;white-space:nowrap}.menu-section h2{color:var(--gold);letter-spacing:.18em;text-transform:uppercase;margin-bottom:8px;font-size:10px}.menu-toggle{text-align:left;border:1px solid var(--line);background:#ffffff0a;border-radius:11px;justify-content:space-between;align-items:center;gap:15px;width:100%;min-height:62px;margin-top:7px;padding:10px 12px;display:flex}.menu-toggle:hover{border-color:var(--line-strong);background:#ffce5412}.menu-toggle>span:first-child{flex-direction:column;gap:3px;display:flex}.menu-toggle small,.menu-danger small{color:var(--muted);font-size:10px}.toggle-state{color:#13200d;background:var(--good);text-align:center;border-radius:999px;min-width:48px;padding:5px 8px;font-size:11px;font-weight:900}.menu-toggle[aria-checked=false] .toggle-state{color:#d1c4a8;background:#3a3731}.controls-reference dl{grid-template-columns:1fr 1fr;gap:6px;display:grid}.controls-reference dl>div{background:#0000002e;border-radius:8px;grid-template-columns:45px 1fr;align-items:center;min-height:38px;padding:6px 8px;display:grid}.controls-reference dt{color:#ffe39a;font-weight:900}.controls-reference dd{color:#c2b394;font-size:11px}.menu-danger{text-align:left;color:#ffd5d2;background:#72231e33;border:1px solid #ff5f5657;border-radius:11px;align-items:center;gap:10px;width:100%;min-height:58px;margin-top:20px;padding:10px 12px;display:flex}.menu-danger>span:first-child{font-size:20px}.menu-danger>span:last-child{flex-direction:column;gap:2px;display:flex}.reports-icon{font-size:32px}#reportsClose,#townClose{flex:none}#guideDialog{z-index:110;opacity:0;visibility:hidden;pointer-events:none;background:#050708c2;justify-content:center;align-items:center;padding:24px;transition:opacity .18s,visibility .18s;display:flex;position:fixed;inset:0}#guideDialog.open{opacity:1;visibility:visible;pointer-events:auto}.guide-dialog-card{border:1px solid var(--line-strong);width:min(620px,100vw - 24px);max-height:calc(100dvh - 32px);box-shadow:var(--surface-shadow);background:linear-gradient(145deg,#302318,#172326);border-radius:18px;padding:22px;overflow:auto}.guide-dialog-head{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding-bottom:14px;display:flex}.guide-dialog-head>span{font-size:42px}.guide-dialog-head>div{flex:1}.guide-dialog-head small{color:#c2b394;text-transform:uppercase;letter-spacing:.12em}.guide-dialog-head h2{color:#ffe39a;margin:2px 0 0}#guideDialogClose{min-width:44px;min-height:44px}.guide-dialog-body{gap:12px;padding:18px 0;display:grid}.guide-explain{border:1px solid var(--line);background:#0003;border-radius:11px;padding:12px}.guide-explain b{color:#ffe39a;margin-bottom:4px;display:block}.guide-explain p{color:#ddd1b7;margin:0;line-height:1.5}.guide-dialog-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-top:14px;display:flex}.guide-dialog-foot>div{gap:8px;display:flex}.guide-library{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.guide-library h4{color:#ffe39a;grid-column:1/-1;margin:12px 0 0}.guide-library-card{text-align:left;border:1px solid var(--line);color:#eee2ca;background:#0000002e;border-radius:11px;align-items:flex-start;gap:10px;min-height:92px;padding:12px;display:flex}.guide-library-card:hover{border-color:#c79a54}.guide-library-card>span{font-size:24px}.guide-library-card small{color:#bcae92;margin-top:4px;line-height:1.35;display:block}.guide-intro{color:#c2b394}.productivity-causes{flex-wrap:wrap;gap:5px;margin-top:5px;display:flex}.cause-chip{color:#ffd783;background:#ffbe531f;border-radius:999px;padding:3px 7px;font-size:10px}#mapClose{min-height:42px}#mapRouteNote{white-space:nowrap}#toasts{width:min(620px,100vw - 20px)}.toast{white-space:normal;text-align:center;max-width:100%}#saveDot{background:#100d09b8;border-radius:999px;padding:5px 8px}@media (width<=1120px){#hud{grid-template-columns:minmax(170px,220px) minmax(0,1fr);right:156px}#hudDetails{grid-template-columns:1fr auto;display:grid}.pill{min-height:36px;padding:6px 9px;font-size:12px}.pill .icon{font-size:15px}.pill .cap{font-size:9px}#questCard,#armyBar,#urgentWarnings{top:96px}}@media (width<=760px){#hud{display:block;top:8px;left:8px;right:152px}#hudIdentity{display:flex}#pill-player{flex:1;width:auto;max-width:none;min-height:42px}#pill-player .icon{display:none}#pill-player .val{max-width:calc(100vw - 252px)}.hud-more{display:flex}#hudDetails{z-index:35;border:1px solid var(--line-strong);max-height:calc(100dvh - 132px);box-shadow:var(--surface-shadow);opacity:0;visibility:hidden;pointer-events:none;background:linear-gradient(145deg,#271d13fb,#121718fb);border-radius:16px;grid-template-columns:1fr;padding:12px;transition:opacity .16s,transform .18s,visibility .18s;display:grid;position:fixed;top:58px;left:8px;right:8px;overflow:auto;transform:translateY(-9px)scale(.98)}#hudDetails.open{opacity:1;visibility:visible;pointer-events:auto;transform:none}#resourceRail,#hudVitals{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}#hudVitals{border-top:1px solid var(--line);padding-top:10px}#resourceRail .pill,#hudVitals .pill{justify-content:flex-start;width:100%;min-height:44px}#resourceRail .pill .cap{margin-left:auto}body.hud-details-open #questCard,body.hud-details-open #armyBar,body.hud-details-open #urgentWarnings{opacity:0;pointer-events:none}#settings{gap:5px;top:8px;right:8px}.icobtn{width:42px;height:42px}#questCard{width:min(274px,100vw - 116px);top:60px;left:8px}#questCard .q-head{gap:7px;min-height:58px;padding:9px 10px 8px}#questTitle{font-size:15px}#questNum{max-width:78px;font-size:7px}#questBody{padding:0 9px 9px}.quest-objective{grid-template-columns:46px minmax(0,1fr);gap:8px;padding:8px}.quest-progress-ring{width:46px;height:46px}.quest-progress-ring strong{font-size:12px}#questText{font-size:11px}#questProgressText{display:none}#armyBar{max-width:146px;top:60px;right:8px}.chip{max-width:146px;min-height:32px;padding:5px 8px;font-size:10px;overflow:hidden}.chip .n{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#urgentWarnings{max-width:170px;top:104px;right:8px}.urgent-warning{max-width:170px;font-size:9px}#controlsHint{display:none}#bottomBar{bottom:max(7px,env(safe-area-inset-bottom));gap:4px;padding:0 6px}#placementBar{width:max-content;max-width:calc(100vw - 12px);bottom:66px}#placementLabel{text-overflow:ellipsis;max-width:155px;overflow:hidden}#buildBtn,#townBtn{min-height:48px;padding:9px 12px;font-size:13px}#cityViewModes{min-height:48px;padding:3px}.city-view-btn{min-width:40px;min-height:40px;padding:4px}#buildTray{border-radius:16px;width:calc(100vw - 12px);max-height:calc(100dvh - 78px);padding:10px;bottom:66px}.build-category-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.build-category-panel{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:7px;max-height:calc(100dvh - 275px);display:none}.build-category-panel.on{display:grid}.bcard{width:100%;min-height:108px;padding:8px 5px}.bcard:hover{transform:none}.bcard .b-icon{font-size:25px}.sheet{border-radius:17px;width:calc(100vw - 12px);max-height:calc(100dvh - 72px);bottom:64px;right:6px}.sheet .stat>b{max-width:58%}#townLedger,#reportsOverlay,#settingsMenu,#guideDialog{padding:0}.ledger-book,.reports-book,.menu-card{border:0;border-radius:0;width:100vw;height:100dvh;max-height:none}.ledger-book{padding:14px}.ledger-head{margin:-6px -6px 0;padding:8px 6px 12px}.ledger-head .crest{display:none}.ledger-head h1{font-size:22px}#townLedgerSubtitle{font-size:10px;line-height:1.35}.ledger-tabs{margin:6px -6px 0;padding:8px 6px;top:58px}.ledger-tab{min-height:42px}.ledger-section{margin-top:13px}.logistics-row,.route-row{grid-template-columns:minmax(0,1fr) auto;gap:7px}.logistics-row>*,.route-row>*{overflow-wrap:anywhere;min-width:0}.need-meter{grid-template-columns:105px 1fr 42px;font-size:11px}.menu-card{padding:16px}.guide-dialog-card{border:0;border-radius:0;width:100vw;height:100dvh;max-height:none;padding:16px}.guide-dialog-foot{background:#172326;padding:12px 0 16px;position:sticky;bottom:-16px}.controls-reference dl{grid-template-columns:1fr}.reports-book{padding:12px}.reports-head{padding:3px 2px 11px}.reports-icon{display:none}.reports-layout{grid-template-rows:minmax(120px,30vh) 1fr}#mapRouteNote{display:none}#mapHud{padding:8px 11px;top:8px;left:8px}#mapClose{padding:8px 12px;top:8px;right:8px}#mapTargetPanel{width:calc(100vw - 12px);max-height:72dvh;top:auto;bottom:8px;right:6px;transform:translateY(115%)}#mapTargetPanel.open{transform:none}#toasts{top:56px}}@media (width<=430px){#pill-player .val{max-width:132px}.hud-more>span:nth-child(2){display:none}#resourceRail,#hudVitals{grid-template-columns:1fr 1fr}#buildBtn,#townBtn{letter-spacing:.02em;padding:8px 10px}.city-view-btn .view-label{display:none}.build-category-tab{padding:6px 4px;font-size:9px}.build-category-icon{font-size:14px}.bcard .b-name{font-size:10px}.bcard .cost-chip{padding:2px 4px;font-size:9px}.flow-row{grid-template-columns:90px 1fr 70px;gap:6px;padding:7px;font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}#hud{right:12px}.climate-pill{gap:5px}.climate-divider{color:#766b58}.hud-more{display:flex}.secondary-resource{display:none!important}body.hud-details-open .secondary-resource:not([hidden]){display:flex!important}#cityViewDock{z-index:29;opacity:0;pointer-events:none;transition:opacity .4s .3s;position:fixed;bottom:82px;left:50%;transform:translate(-50%)}body.playing #cityViewDock{opacity:1;pointer-events:auto}#cityViewToggle{display:none}#cityViewModes{border:1px solid var(--line-strong);background:#121413f0;border-radius:13px;min-height:44px;padding:4px;box-shadow:0 7px 22px #0008}#bottomBar{left:50%;right:auto;bottom:max(12px,env(safe-area-inset-bottom));border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:linear-gradient(#271f15f7,#101212f7);border-radius:16px;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;width:min(720px,100vw - 24px);min-height:62px;padding:5px;display:grid;transform:translate(-50%);box-shadow:0 10px 34px #000a}#bottomBar .nav-action{color:#cfc0a0;letter-spacing:.025em;min-width:0;min-height:50px;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:6px 8px;font-size:11px;font-weight:850;transition:all .12s;display:flex}#bottomBar .nav-action:hover{color:#fff1cc;border-color:var(--line-strong);background:#ffffff0e;transform:none}#bottomBar .nav-action:active{border-bottom-width:1px;transform:translateY(1px)}#bottomBar .nav-primary{color:#251a0c;background:linear-gradient(180deg,#ffebb2,var(--gold));border-color:#ffe29f}#bottomBar .nav-action[aria-expanded=true],#bottomBar .nav-action.active{color:#24190c;background:linear-gradient(180deg,#ffebb2,var(--gold));border-color:#fff0bd;box-shadow:0 0 0 2px #ffce5433}.nav-icon{font-size:19px;line-height:1}.nav-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}body.surface-open #bottomBar{z-index:80;pointer-events:auto;opacity:1}body.surface-open #cityViewDock{opacity:0;pointer-events:none}#townLedger{align-items:stretch;padding:20px 20px 88px}.ledger-book{flex-direction:column;width:min(1180px,97vw);height:min(780px,100dvh - 112px);max-height:none;margin:auto;display:flex;overflow:hidden}.ledger-head{flex:none}.ledger-head .eyebrow{margin-bottom:2px;display:block}.ledger-layout{flex:1;grid-template-columns:218px minmax(0,1fr);gap:18px;min-height:0;display:grid}.ledger-tabs{border:0;border-right:1px solid var(--line);background:0 0;min-height:0;margin:14px 0 0;padding:0 12px 10px 0;display:block;position:static;overflow:hidden auto}.ledger-nav-group{gap:4px;margin-bottom:17px;display:grid}.ledger-nav-label{color:#82765f;letter-spacing:.17em;text-transform:uppercase;padding:0 8px 3px;font-size:9px;font-weight:900}.ledger-tab{text-align:left;white-space:normal;color:#cabb9a;background:0 0;border:1px solid #0000;border-radius:9px;grid-template-rows:auto auto;grid-template-columns:25px minmax(0,1fr);align-items:center;column-gap:7px;width:100%;min-height:49px;padding:7px 8px;display:grid}.ledger-tab>span{text-align:center;grid-row:1/3;font-size:17px}.ledger-tab>b{align-self:end;font-size:12px}.ledger-tab>small{color:#817966;align-self:start;font-size:9px}.ledger-tab:hover{background:#ffffff0b}.ledger-tab.on{color:#fff0c5;box-shadow:inset 3px 0 var(--gold);background:#ffce541c;border-color:#ffce5459}.ledger-tab.on small{color:#cbbb96}.ledger-content{min-width:0;padding:0 8px 20px 0;overflow-y:auto}.ledger-page>.ledger-section:first-child{margin-top:16px}.ledger-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.issue-list,#townAlerts{gap:8px;display:grid}.town-alert-card,.diagnostic-card{background:#6433141c;border:1px solid #ffa64c45;border-radius:11px;padding:12px}.town-alert-card.priority,.diagnostic-card.severity-critical{background:#74181426;border-color:#ff5f568c}.town-alert-card>div{align-items:flex-start;gap:9px;display:flex}.town-alert-card p,.diagnostic-card p{color:#b8aa8b;margin-top:4px;font-size:11px;line-height:1.45}.town-alert-card footer{margin-top:8px;padding-left:27px}.issue-action{border:1px solid var(--line-strong);color:#ffe2a0;background:#3f321f;border-radius:8px;min-height:34px;padding:6px 9px;font-size:10px;font-weight:850}.diagnostic-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.diagnostic-head strong{color:#ffe49b;font-size:17px}.production-card{text-align:left;min-height:0}.production-card.healthy{border-color:#7ed95747}.production-card.limited{border-color:#ffce5466}.production-card.critical{border-color:#ff5f568c}.production-kpis,.building-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:10px 0 7px;display:grid}.production-kpis>span,.building-kpis>div{background:#00000024;border:1px solid #ffffff12;border-radius:8px;min-width:0;padding:8px}.production-kpis small,.building-kpis small{color:#8f856f;letter-spacing:.08em;text-transform:uppercase;font-size:8px;display:block}.production-kpis strong,.building-kpis strong{color:#f7e7bf;overflow-wrap:anywhere;margin-top:3px;display:block}.status-badge{border-radius:999px;padding:3px 7px;font-size:9px}.status-badge.healthy{color:#a7ef89;background:#284329}.status-badge.limited{color:#ffe59a;background:#54411c}.status-badge.critical{color:#ffb1aa;background:#55211e}.efficiency-track{background:#ffffff14;border-radius:99px;height:8px;overflow:hidden}.efficiency-track i{border-radius:inherit;background:linear-gradient(90deg,var(--bad),#ffce54 55%,var(--good));height:100%;display:block}.diagnostic-copy{color:#b9aa8b;min-height:34px;margin:8px 0 5px;font-size:10px;line-height:1.45}#buildTray{width:min(1080px,100vw - 24px);max-height:calc(100dvh - 112px);bottom:88px}.build-category-panel{flex-wrap:nowrap;justify-content:stretch;align-items:stretch;gap:12px}.build-category-panel.on{grid-template-columns:minmax(0,1fr) 310px;display:grid}.build-catalog{min-width:0;max-height:calc(100dvh - 245px);padding-right:3px;overflow:auto}.build-catalog h3{color:#9d927b;letter-spacing:.15em;text-transform:uppercase;margin:4px 0 8px;font-size:9px}.build-card-grid{grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:8px;display:grid}.future-unlocks{border-top:1px solid var(--line);margin-top:12px;padding-top:8px}.future-unlocks summary{color:#9c9079;cursor:pointer;padding:7px;font-size:11px;font-weight:850}.future-unlocks summary b{background:#312b22;border-radius:99px;margin-left:5px;padding:2px 6px}.build-preview{border:1px solid var(--line-strong);background:#080c0d6b;border-radius:13px;min-width:0;padding:15px;overflow:auto}.build-preview-icon{font-size:38px}.build-preview>small{color:var(--gold);letter-spacing:.15em;margin-top:5px;font-size:8px;font-weight:900;display:block}.build-preview h2{color:#ffe9aa;margin-top:3px;font:800 22px Georgia,serif}.build-preview p{color:#b7aa8e;margin:8px 0 12px;font-size:11px;line-height:1.5}.build-preview dl{gap:1px;margin-bottom:12px;display:grid}.build-preview dl div,.detail-pair{border-bottom:1px solid #ffffff0f;justify-content:space-between;gap:12px;padding:7px 0;font-size:10px;display:flex}.build-preview dt,.detail-pair span{color:#8e836e}.build-preview dd,.detail-pair b{text-align:right;color:#e8d9ba}.build-preview .btn{width:100%;min-height:44px}.good-text{color:var(--good)!important}.bcard{width:100%;min-height:105px}.bcard.selected{border-color:var(--gold);transform:none;box-shadow:0 0 0 2px #ffce5438}.bcard.locked{cursor:pointer}.sheet{width:390px;max-height:calc(100dvh - 104px);bottom:88px}.building-status{border:1px solid;border-radius:9px;justify-content:space-between;gap:8px;margin:8px 0;padding:9px 10px;font-size:10px;display:flex}.building-status b{font-size:11px}.building-status span{color:#c2b598;text-align:right}.building-status.healthy{background:#36682b24;border-color:#7ed95761}.building-status.limited{background:#684b1926;border-color:#ffce5473}.building-status.critical{background:#6f1f1b26;border-color:#ff5f5680}.building-status.neutral{border-color:var(--line-strong);background:#ffffff0a}.primary-diagnosis{border:1px solid var(--line);background:#0000002b;border-radius:10px;margin:10px 0;padding:11px}.primary-diagnosis>small{color:#8f8169;letter-spacing:.16em;font-size:8px;display:block}.primary-diagnosis>b{color:#ffe09b;margin-top:4px;display:block}.primary-diagnosis p{color:#b9aa8c;margin:4px 0 8px;font-size:10px;line-height:1.45}.panel-disclosure{border:1px solid var(--line);background:#ffffff06;border-radius:9px;margin:8px 0}.panel-disclosure summary{color:#d2c19f;cursor:pointer;padding:9px 10px;font-size:10px;font-weight:850}.panel-disclosure>div{padding:0 10px 9px}.factor-grid{flex-wrap:wrap;gap:4px;display:flex;padding:8px 0!important}.factor-chip{color:#b9ad94;text-transform:capitalize;background:#292b27;border-radius:999px;padding:4px 6px;font-size:8px}.factor-chip.critical{color:#ffaaa3;background:#4b2220}.factor-chip.limited{color:#ffe092;background:#4a3b1f}.factor-chip.healthy{color:#a9e990;background:#263d29}.realm-tabs{border:1px solid var(--line);background:#0003;border-radius:10px;gap:4px;margin-left:auto;padding:4px;display:flex}.realm-tabs button{color:#a99c82;background:0 0;border-radius:7px;min-height:34px;padding:6px 12px;font-size:10px;font-weight:850}.realm-tabs button.on{background:var(--gold);color:#21170c}.realm-tabs-map{z-index:4;background:#121812f0;margin:0;position:absolute;top:14px;left:50%;transform:translate(-50%)}#mapLegend{bottom:86px}#mapRouteNote,#placementBar{bottom:88px}#forcesOverlay{z-index:66;opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#05070ac2;justify-content:center;align-items:center;padding:20px 20px 88px;transition:all .18s;display:flex;position:fixed;inset:0}.forces-book{width:min(980px,96vw);height:min(720px,100dvh - 112px);box-shadow:var(--surface-shadow);background:linear-gradient(145deg,#2a2015,#172025);border:2px solid #8d7045;border-radius:18px;padding:20px;overflow:auto}.forces-book .reports-head{z-index:2;position:sticky;top:-20px}#forcesOverlay.open{opacity:1;visibility:visible}.forces-summary{grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0;display:grid}.forces-book section{margin-top:18px}.forces-book section h2{color:var(--gold);letter-spacing:.15em;text-transform:uppercase;margin-bottom:8px;font-size:10px}.force-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.force-card{border:1px solid var(--line);background:#ffffff08;border-radius:10px;align-items:center;gap:10px;padding:12px;display:flex}.force-card>span{font-size:24px}.force-card>div{flex:1}.force-card small{color:#928773;display:block}.force-card strong{color:#ffe29d;font-size:20px}.realm-event{border:1px solid var(--line);background:#ffffff08;border-radius:9px;justify-content:space-between;gap:10px;margin-top:6px;padding:10px;display:flex}.realm-event.critical{border-color:#ff5f5680}@media (width<=760px){#hud{right:8px}.climate-pill{display:none}#cityViewDock{bottom:65px}.city-view-btn .view-label{display:inline}#cityViewToggle{border:1px solid var(--line-strong);color:#eadcbc;background:#141614f2;border-radius:11px;align-items:center;gap:5px;min-height:40px;padding:7px 10px;font-size:10px;font-weight:850;display:flex;box-shadow:0 6px 18px #0008}#cityViewModes{white-space:nowrap;display:none;position:absolute;bottom:45px;left:50%;transform:translate(-50%)}.open #cityViewModes{display:flex}#bottomBar{bottom:max(6px,env(safe-area-inset-bottom));border-radius:13px;width:calc(100vw - 12px);min-height:55px;padding:3px}#bottomBar .nav-action{flex-direction:column;gap:2px;min-height:48px;padding:3px 1px;font-size:8px}.nav-icon{font-size:17px}#townLedger,#settingsMenu,#forcesOverlay{padding:0 0 61px}.ledger-book,.menu-card,.forces-book{border:0;border-radius:0;width:100vw;height:calc(100dvh - 61px);max-height:none}#placementBar{bottom:65px}.ledger-layout{flex-direction:column;gap:0;display:flex}.ledger-tabs{border-right:0;border-bottom:1px solid var(--line);flex:none;gap:5px;margin:6px -6px 0;padding:8px 6px;display:flex;overflow:auto hidden}.ledger-nav-group{flex:none;gap:5px;margin:0;display:flex}.ledger-nav-label{display:none}.ledger-tab{grid-template-columns:18px auto;width:auto;min-width:82px;min-height:44px;padding:5px 7px}.ledger-tab>small{display:none}.ledger-tab>b{align-self:center;font-size:10px}.ledger-tab.on{box-shadow:inset 0 -3px var(--gold)}.ledger-content{flex:1;min-height:0;padding:0 1px 15px}.ledger-metrics,.forces-summary{grid-template-columns:repeat(2,1fr)}.production-kpis,.building-kpis{grid-template-columns:1fr}#buildTray{width:calc(100vw - 12px);max-height:calc(100dvh - 74px);bottom:65px}.build-category-panel.on{flex-direction:column;max-height:calc(100dvh - 245px);display:flex;overflow:auto}.build-catalog{max-height:none;overflow:visible}.build-preview{flex:none;order:-1}.build-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sheet{width:calc(100vw - 12px);max-height:calc(100dvh - 70px);bottom:62px}.realm-tabs-map{top:8px}.realm-tabs button{min-height:38px;padding:6px 9px}.reports-head{gap:6px}.reports-head h1{display:none}.force-grid{grid-template-columns:1fr}}@media (width<=430px){.build-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ledger-metrics,.forces-summary{grid-template-columns:1fr 1fr}.town-alert-card footer{padding-left:0}}