.upgrade-layer{position:absolute;inset:0;z-index:80;pointer-events:none;background:radial-gradient(ellipse at center,transparent 25%,#71582316);animation:upgrade-arrive .6s ease-out both}.upgrade-ring{outline:none;animation:none}.upgrade-title{position:absolute;top:-185px;left:0;transform:translate(-50%);width:310px;text-align:center;color:#244d42;text-shadow:0 1px 8px #fffcdf}.upgrade-title>span{font-size:10px;font-weight:700;letter-spacing:2px}.upgrade-title h2{margin:6px 0;font-size:32px;line-height:1.1}.upgrade-title p{font-size:13px;margin:0}.upgrade-title p span{color:#b28c30;margin:0 8px}.upgrade-laurel{position:absolute;top:-92px;left:-31px;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#fff9db;color:#b78b28;border:2px solid #edd899;box-shadow:0 0 0 7px #ffe6a54d,0 0 30px #fff6bfa6;animation:crown-rise .65s cubic-bezier(.2,.9,.3,1) both}.upgrade-ring .command-orbit{border-color:#dfbb69;box-shadow:0 0 0 9px #fff0a821,0 0 35px #ffe48e55}.upgrade-bonus{pointer-events:auto;width:106px;height:92px;border-color:#f7dfab;box-shadow:0 5px #9b864c55,0 10px 25px #6c642b25}.upgrade-bonus small{font-size:9px;white-space:normal;max-width:94px;line-height:1.3;text-align:center}.upgrade-bonus:disabled{opacity:.7;cursor:default}.upgrade-ring .upgrade-caption{top:83px;width:290px;max-width:calc(100vw - 30px)}.upgrade-caption small{display:block;font-size:9px;color:#f0d791;margin-top:8px}.upgrade-caption span{line-height:1.4;min-height:28px}.upgrade-title,.upgrade-caption{animation:upgrade-arrive .55s .12s both}.upgrade-bonus{animation:bonus-arrive .45s .2s both}@keyframes crown-rise{0%{opacity:0;transform:translateY(18px) scale(.65)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes upgrade-arrive{0%{opacity:0}to{opacity:1}}@keyframes bonus-arrive{0%{opacity:0;scale:.85}to{opacity:1;scale:1}}@media(max-width:900px){.upgrade-bonus{width:94px;height:86px}.upgrade-title h2{font-size:27px}.upgrade-title{top:-177px;width:280px}.upgrade-bonus small{max-width:82px}.upgrade-ring .upgrade-caption{top:70px}}@media(max-width:900px)and (max-height:500px){.upgrade-title{top:-130px}.upgrade-title h2{font-size:23px}.upgrade-laurel{top:-67px;width:45px;height:45px;left:-22px}.upgrade-laurel svg{width:25px}.upgrade-ring .upgrade-caption{top:58px}}@media(prefers-reduced-motion:reduce){.upgrade-layer,.upgrade-laurel,.upgrade-title,.upgrade-caption,.upgrade-bonus{animation:none!important}}.hud.is-upgrading .bottom-left,.hud.is-upgrading .empire-summary,.hud.is-upgrading .objective,.hud.is-upgrading .map-controls,.hud.is-upgrading .turn-controls{visibility:hidden}.hud.is-upgrading .dock{opacity:.25}@media(max-width:900px)and (max-height:500px){.hud.is-upgrading .topbar{visibility:hidden}}.upgrade-ring .upgrade-bonus{width:106px;height:92px}.upgrade-title{top:-210px;background:#fffae9ed;border:1px solid #f6dda3;border-radius:16px;padding:10px 16px;box-shadow:0 6px 24px #5a724126;text-shadow:none;backdrop-filter:blur(6px)}@media(max-width:900px){.upgrade-title{top:-207px}.upgrade-ring .upgrade-bonus{width:94px;height:86px}}@media(max-width:900px)and (max-height:500px){.upgrade-title{top:-138px;padding:8px 12px}.upgrade-laurel{display:none}}.hud.is-upgrading .toast{display:none}.population-receipt{width:182px;padding:12px 14px 10px;border:1px solid #c0efff;border-radius:13px;background:#fffbedf5;color:#244d42;box-shadow:0 5px #22677724,0 12px 30px #1a596830;pointer-events:none;opacity:0;font-family:Georgia,serif}.population-receipt-heading{display:flex;align-items:center;gap:8px;font-size:16px;color:#167dba}.population-diamond{display:block;width:11px;height:11px;background:#42c5fa;border:2px solid #188fc8;transform:rotate(45deg);box-shadow:0 0 9px #64d7ff80}.population-receipt-city{display:flex;justify-content:space-between;font-size:12px;margin:9px 0 6px;gap:8px}.population-receipt-city b{font-variant-numeric:tabular-nums;color:#23769b}.population-slots{display:grid;gap:3px;height:10px}.population-slots i{display:block;border:1px solid #bdd4d2;background:#dfebe4;border-radius:2px}.population-slots i.filled{background:#39b4ed;border-color:#1c91c4;box-shadow:inset 0 1px #b7f2ff}.population-slots i.just-filled{animation:population-slot-arrive .35s ease-out both}.population-receipt small{display:block;text-align:center;margin-top:7px;font-size:10px;color:#647d70}.population-receipt.has-arrived{border-color:#5fccef}.city-population{height:5px;display:flex;gap:2px;margin:3px auto 0;max-width:92px;padding:0 4px;pointer-events:none}.city-population i{height:4px;flex:1;background:#d3eee0a8;border:1px solid #336b6b85;border-radius:1px}.city-population i.filled{background:#59d2ff;border-color:#278bbb}@keyframes population-slot-arrive{0%{transform:scaleY(1.8);filter:brightness(1.8)}to{transform:scaleY(1);filter:brightness(1)}}@media(max-width:900px){.population-receipt{width:162px;padding:10px 12px}.population-receipt-heading{font-size:14px}}@media(prefers-reduced-motion:reduce){.population-slots i.just-filled{animation:none}}.hud-controls{display:contents}.commission-hint{display:block;color:#657a67;font:11px/1.4 system-ui,sans-serif;margin-top:7px}.commission-badge{display:inline-grid;place-items:center;min-width:15px;height:15px;padding:0 3px;margin-left:3px;border-radius:50%;background:#245c4c;color:#fff5cb;font:10px/1 system-ui,sans-serif}.commissions{margin:22px 0 26px;padding-top:20px;border-top:1px solid #dae1d0}.commissions-heading{display:flex;gap:12px;align-items:center}.commissions-heading>svg{color:#977131;flex-shrink:0}.commissions-heading h3{margin:5px 0 0;font-size:24px;font-weight:500}.commissions-heading .eyebrow{font-size:8px;letter-spacing:1px;color:#73806b}.commissions-intro{color:#637666;font-size:13px;line-height:1.55;margin:12px 0 16px}.commission-list{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.commission{display:flex;flex-direction:column;padding:13px;border:1px solid #dce1ce;border-radius:12px;background:#f4f3e6}.commission.is-ready{border-color:#bca561;background:#fff5d6}.commission.is-claimed{background:#eef2e8}.commission-title{display:flex;gap:6px;align-items:start;justify-content:space-between}.commission-title h4{font-size:15px;line-height:1.25;font-weight:500;margin:0}.commission-title>span{display:flex;gap:3px;align-items:center;color:#926e2a;font:12px/1.5 system-ui,sans-serif}.commission p{font-size:12px;line-height:1.5;color:#627263;margin:10px 0 14px;flex:1}.commission-progress{display:flex;align-items:center;gap:8px;font:10px/1.5 system-ui,sans-serif;color:#647667}.commission progress{width:100%;min-width:0;height:5px;accent-color:#387756}.commission-claim{display:flex;align-items:center;justify-content:center;gap:5px;min-height:40px;font:11px/1.25 system-ui,sans-serif;border-radius:8px;background:#245c4c;color:#fff6d6;margin-top:12px;padding:8px 5px}.commission-claim:disabled{color:#627263;background:#e7ebdd;opacity:1}.commission-claim:not(:disabled):hover{background:#173f35}@media(max-width:540px){.commission-list{grid-template-columns:1fr}.commission{padding:14px}.commission p{margin:7px 0 10px}.commission-claim{min-height:44px}.commission-hint{max-width:170px;font-size:10px}}.new-game-setup fieldset{border:0;padding:0;margin:25px 0}.new-game-setup legend{font-size:12px;color:#7b8e80;font-weight:700;letter-spacing:.08em;margin-bottom:12px}.new-game-setup legend span{color:#304f45;margin-left:9px;font-size:15px;letter-spacing:0}.setup-intro{font-size:16px;line-height:1.5;color:#5e7367}.setup-sizes,.setup-difficulties,.setup-rivals{display:flex;gap:10px}.setup-sizes button{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px 12px;background:#f5f3e8;border:1px solid #d9dfcb;border-radius:13px;color:#436354;cursor:pointer}.setup-sizes strong{font-size:17px}.setup-sizes small{line-height:1.45;text-align:left}.new-game-setup button[aria-pressed=true]{background:#e4edce;border-color:#809e64;box-shadow:inset 0 0 0 1px #809e64;color:#294b39}.setup-rivals button,.setup-difficulties button{min-height:44px;min-width:50px;background:#f5f3e8;border:1px solid #d9dfcb;border-radius:10px;cursor:pointer;color:#436354;font-weight:700}.setup-difficulties button{flex:1}.setup-factions{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0;font-size:12px}.setup-factions span{display:flex;align-items:center;gap:6px}.setup-factions i{width:8px;height:8px;border-radius:50%}.setup-description{font-size:14px;line-height:1.5;color:#5e7367;min-height:42px}.setup-promise{display:flex;align-items:center;gap:12px;background:#eef0df;border-radius:12px;padding:12px 16px;margin:18px 0}.setup-promise p{font-size:13px;line-height:1.5;margin:0}.setup-promise svg{flex-shrink:0}.setup-start{width:100%;justify-content:center}.territory-benefit{display:flex;gap:6px;align-items:center;color:#297069;font-size:12px;margin:10px 0}.city-growth{margin:12px 0;background:#edf1de;padding:12px;border-radius:10px;font-size:13px;line-height:1.5}.city-growth progress{width:100%;height:8px;accent-color:#7c9e53;display:block;margin:8px 0}.unit-hp.jade,.city-marker.jade{background:#28856c}.unit-hp.violet,.city-marker.violet{background:#985bb8}.unit-hp.gold,.city-marker.gold{background:#9b7e19}@media(max-width:600px){.setup-sizes{gap:6px}.setup-sizes button{padding:12px 8px}.setup-sizes small{font-size:11px}.new-game-setup fieldset{margin:19px 0}.setup-promise{padding:10px}.setup-intro{font-size:14px}.new-game-setup legend{margin-bottom:9px}}.order-confirmation{outline:none}.tactical-anchor{z-index:25}.order-confirmation .confirm-order{left:var(--command-radius);top:0;background:#315e49;color:#fffbed;border-color:#e5f0d4}.order-confirmation .confirm-order small{color:#dce8ca}.order-confirmation.attack-order .confirm-order{background:#bd684b;border-color:#ffe4c8}.order-confirmation.attack-order .confirm-order>svg{color:#fff8e6}.order-confirmation .cancel-order{left:calc(-1 * var(--command-radius));top:0}.order-confirmation .ring-caption{top:75px;width:280px;max-width:calc(100vw - 40px)}.order-confirmation .ring-caption span:last-child{font-size:9px;line-height:1.4;color:#c5d8bd;margin-top:6px}.order-confirmation .ring-command:focus-visible{outline:3px solid #f6c96b;outline-offset:5px}.destination-label{padding:5px 10px;background:#fff9df;border:1px solid #bba358;color:#746338;border-radius:20px;font-size:11px;white-space:nowrap;box-shadow:0 3px 12px #315f4330;pointer-events:none}.destination-label.attack{color:#9e553d;border-color:#b87753}.hover-readout{position:absolute;left:50%;top:164px;transform:translate(-50%);padding:7px 13px;border-radius:20px;background:#285849df;color:#f7f7e4;font-size:12px;pointer-events:none}@media(max-width:900px){.hud.has-order .bottom-left{display:none}.hover-readout{top:220px;font-size:10px}}@media(max-width:900px)and (max-height:760px){.hud.has-commands .bottom-left{display:none}}@media(max-width:900px)and (max-height:500px){.hud .empire-summary,.hud .bottom-left,.hud footer{display:none}.hud .topbar{top:10px}.hud .resources{top:0;min-width:235px;padding:4px 12px}.hud .resources strong{font-size:18px;height:23px}.hud .resources small{font-size:9px}.hud .dock{bottom:12px}.hud .turn-controls{bottom:20px}.hud .map-controls{bottom:105px}.command-ring{transform:scale(.8)}.hover-readout{top:65px}}.hud .map-controls{display:flex;gap:8px}.next-unit{display:block;margin:8px auto 0;padding:5px 9px;border-radius:8px;font-size:12px;color:#244d42;background:#f9fae59e}.next-unit:disabled{opacity:.65;cursor:default}.hud .recruit-shortcut{background:#e3edd2}@media(max-width:900px){.hud .dock{gap:3px;padding:5px}.hud .dock button{width:46px;min-width:0;padding:8px 2px}.hud .dock button svg{width:21px}.hud .dock button span{font-size:9px}.hud .map-controls{gap:4px}.hud .map-controls button{width:44px;height:44px}.next-unit{font-size:10px;margin-top:5px}}@media(min-width:901px){.hud .bottom-left{width:330px}.hud .selection{padding:20px}.hud .selection .stats{margin:15px 0 0;padding-top:12px}.hud .selection-tip{font-size:13px;margin-top:14px}}.city-marker{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:7px;border:1px solid #fffce3b0;background:#365e4be6;color:#fff9df;font-size:10px;box-shadow:0 3px 10px #31543c36;white-space:nowrap}.city-marker.azure{background:#146583eb}.city-marker.ember{background:#a56640df}.city-marker span{border-left:1px solid #c8e8d959;padding-left:6px;font-size:9px}.city-marker:disabled{pointer-events:none}.city-marker:hover{filter:brightness(1.15)}@media(max-width:900px){.city-marker.neutral{display:none}.city-marker{font-size:9px;padding:3px 5px}}@media(max-width:900px){.hud.has-commands .bottom-left{display:none}.hud.has-commands .map-controls,.hud.has-order .map-controls{bottom:119px}}@media(min-width:901px){.hud.has-commands .selection-tip,.hud.has-order .selection-tip,.hud.has-commands .selection-command-button{display:none}}.order-confirmation .confirm-order:disabled{opacity:.72;cursor:default}.city-recruit-link{width:100%;display:flex;align-items:center;gap:10px;padding:13px 15px;background:#e4eed8;border:1px solid #cfdcbf;border-radius:10px;margin-top:12px}.city-recruit-link span{flex:1;text-align:left}@media(max-width:900px)and (max-height:500px){.hud:not(.has-commands):not(.has-order) .bottom-left{display:block;width:220px;left:12px;bottom:98px;max-height:200px;overflow:auto}.hud .selection{padding:12px}.hud .selection h2{font-size:21px}.hud .selection .stats{display:none}.hud .selection .selection-tip{font-size:11px;margin-top:8px}}@media(max-width:380px)and (min-height:501px){.hud .dock{right:12px;justify-content:space-between}.hud .dock button{flex:1;width:auto}.hud .turn-controls{left:12px;right:12px;bottom:114px;display:flex;width:auto;align-items:stretch;gap:8px}.hud .end-turn{flex:1;height:48px;min-width:0;font-size:18px}.hud .next-unit{width:124px;min-height:48px;margin:0}.hud .map-controls,.hud.has-commands .map-controls,.hud.has-order .map-controls{bottom:166px}.hud .bottom-left{bottom:226px;max-height:calc(100dvh - 450px);overflow-y:auto}}@media(max-width:900px)and (max-height:500px){.command-ring:not(.order-confirmation):not(.upgrade-ring){transform:translateY(max(0px,calc(201px - 50dvh))) scale(.8)}.command-ring:not(.order-confirmation):not(.upgrade-ring) .ring-caption{top:122px}}.modal.technology-modal{width:934px;padding:30px 32px 25px}.tree-summary{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:14px;color:#71816d}.tree-summary p{margin:0}.tree-summary>span{display:flex;align-items:center;gap:7px;white-space:nowrap;color:#596c46}.tree-summary svg{fill:#e6c771;color:#b49a53}.tree-viewport{overflow:auto;margin-top:18px;border-radius:16px;background:radial-gradient(ellipse at top,#e7eddf88,#f2f2e400);scrollbar-width:thin;scrollbar-color:#a6b69a #edf0e5}.tree-map{position:relative;margin:12px auto}.tree-connections{position:absolute;inset:0;pointer-events:none}.tree-connections path{fill:none;stroke:#cdd4c4;stroke-width:2;stroke-dasharray:4 5;stroke-linejoin:round;transition:stroke .3s}.tree-connections .available{stroke:#a4b694;stroke-dasharray:none}.tree-connections .discovered{stroke:#588769;stroke-width:3;stroke-dasharray:none}.tree-root{position:absolute;transform:translate(-50%,-50%);background:#315e4c;color:#fff7df;border-radius:30px;padding:10px 18px;display:flex;align-items:center;gap:11px;font-size:15px;white-space:nowrap;box-shadow:0 4px 12px #395a3e19}.tree-root>svg{color:#e5c47b}.tree-root small{display:block;color:#c5d8c1;font-size:10px;margin-top:3px;letter-spacing:.6px}.tree-node{position:absolute;width:140px;height:102px;translate:-50% -50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#f7f6eb;border:1px solid #d4dcc8;border-radius:15px;box-shadow:0 3px #d5ddcc88}.tree-node:hover{background:#fffdf5;transform:translateY(-2px)}.tree-node.selected{outline:2px solid #3c755d;outline-offset:4px}.tree-node.discovered{background:#e0edda;border-color:#87a77b}.tree-node.locked{color:#7f8974;border-style:dashed;background:#eeeee3;box-shadow:none}.tree-node-icon{position:relative;color:#587851}.tree-node.locked .tree-node-icon{color:#939d88}.tree-node-icon i{position:absolute;right:-8px;top:-2px;width:15px;height:15px;background:#487454;color:#fff;border-radius:50%;display:grid;place-items:center}.tree-node strong{font-size:17px;font-weight:500}.tree-node small{display:flex;align-items:center;gap:5px;font-size:11px}.tree-legend{display:flex;justify-content:center;gap:22px;color:#849078;font-size:11px;margin:12px 0 20px}.tree-legend span{display:flex;gap:6px;align-items:center}.tree-legend i{width:7px;height:7px;border-radius:50%;border:1px solid #90a47e}.tree-legend i.discovered{background:#5e8d67}.tree-legend small{display:none}.tree-detail{display:grid;grid-template-columns:45px 1fr auto;gap:15px;align-items:center;padding:20px;background:#eaf0e1;border:1px solid #dce5d3;border-radius:16px}.tree-detail-icon{color:#587e54}.tree-detail .eyebrow{font-size:8px;color:#839278;letter-spacing:1.2px}.tree-detail h3{font-size:24px;font-weight:500;margin:5px 0}.tree-detail p{font-size:13px;line-height:1.5;margin:0 0 5px;color:#687b60}.tree-detail small{color:#698158;font-size:11px}.tree-detail .action-button{font-size:12px;white-space:nowrap;min-height:44px}@media(max-width:900px){.modal.technology-modal{padding:25px 17px 18px}.tree-summary{align-items:flex-start;font-size:12px}.tree-summary p{max-width:125px;line-height:1.5}.tree-viewport{margin-top:10px}.tree-legend{gap:12px;font-size:9px;flex-wrap:wrap;margin:10px 0 15px}.tree-legend small{display:block;width:100%;text-align:center;font-size:10px}.tree-detail{grid-template-columns:30px 1fr;padding:15px;gap:10px}.tree-detail-icon svg{width:25px}.tree-detail .action-button{grid-column:1 / -1;width:100%}}.command-anchor{position:absolute;left:0;top:0;z-index:20;pointer-events:none}.command-ring{--command-radius: 104px;position:relative;width:0;height:0;animation:ring-open .2s ease-out both}.command-orbit{position:absolute;width:208px;height:208px;border:1px solid #fffbe3ba;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 9px #fcf9e510,0 0 25px #274c4d16}.ring-command{position:absolute;width:84px;height:76px;translate:-50% -50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:linear-gradient(135deg,#fffcf0,#f0f0dc);border:2px solid #fffbee;border-radius:22px;box-shadow:0 5px #517c6250,0 10px 25px #24564635}.ring-command:hover{background:#e5efd9;transform:translateY(-3px);box-shadow:0 7px #517c6250,0 13px 25px #24564635}.ring-command strong{font-size:12px;font-weight:600}.ring-command small{font-size:9px;color:#72826b;white-space:nowrap}.ring-command.danger>svg{color:#b36643}.ring-command[aria-disabled=true]{background:#e9eddf;color:#85927e;box-shadow:0 3px #517c6230,0 6px 14px #24564620}.ring-command[aria-disabled=true]>svg{opacity:.55}.command-lock{position:absolute;right:4px;top:4px;color:#8d9b7f}.ring-center{position:absolute;left:0;top:28px;width:33px;height:33px;translate:-50% -50%;border-radius:50%;display:grid;place-items:center;background:#fffbeaeb;box-shadow:0 3px 12px #244f4530;color:#517260}.ring-center:hover{background:#fffdf6}.ring-caption{position:absolute;top:151px;left:0;transform:translate(-50%);text-align:center;width:max-content;max-width:285px;padding:8px 15px;background:#244d42eb;color:#fffbe8;border:1px solid #f9f9dc66;border-radius:13px;box-shadow:0 4px 12px #315c4430}.ring-caption strong{display:block;font-size:13px;font-weight:500}.ring-caption span{display:block;margin-top:3px;font-size:10px;color:#d5e2c7}.selection-command-button{margin-top:12px;padding:8px 12px;background:#e6eddc;border:1px solid #d5e0c9;border-radius:9px;display:flex;align-items:center;gap:7px;font-size:12px}@keyframes ring-open{0%{opacity:0;scale:.87}to{opacity:1;scale:1}}@media(prefers-reduced-motion:reduce){.command-ring{animation:none}}@media(max-width:900px){.command-ring{--command-radius: 90px}.command-orbit{width:180px;height:180px}.ring-command{width:76px;height:70px;border-radius:20px}.ring-command strong{font-size:11px}.ring-command small{font-size:8px}.ring-caption{top:132px}}@media(max-width:600px)and (max-height:740px){.command-ring{--command-radius: 86px}.command-orbit{width:172px;height:172px}.command-ring .ring-caption{top:112px}}:root{font-family:Georgia,Times New Roman,serif;color:#24483e;background:#83cfcd;font-synthesis:none;font-weight:400;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;touch-action:manipulation}button:disabled{cursor:default;opacity:.46}button:focus-visible{outline:3px solid #208fc0;outline-offset:4px}button{transition:background .18s,transform .18s,box-shadow .18s}button:not(:disabled):active{transform:translateY(2px)}.game,.world,.hud{position:absolute;inset:0;width:100%;height:100%;height:100dvh}.world{overflow:hidden}.hud{pointer-events:none}.hud button,.hud .panel,.hud nav,.hud .modal-backdrop{pointer-events:auto}.panel{background:linear-gradient(115deg,#fffcf2,#faf7ed);border:1px solid #fefcf2;border-radius:17px;box-shadow:0 5px 16px #286a6320;color:#24483e}.topbar{position:absolute;top:23px;left:30px;right:28px;display:flex;justify-content:space-between;align-items:flex-start}.brand{display:flex;align-items:center;gap:22px}.brand-mark{width:59px;height:59px;display:grid;place-items:center;border-radius:11px;background:#245c4c;color:#f3ce68;box-shadow:inset 0 0 0 1px #ffffff1a}.brand-mark svg{fill:#f0c85b;stroke:#f4d481}.brand h1{font-size:25px;letter-spacing:5px;font-weight:700;margin:0 0 6px}.brand p{font-size:16px;letter-spacing:.55px;margin:0;color:#416762}.resources{position:absolute;left:50%;transform:translate(-50%);top:-7px;display:flex;align-items:center;padding:12px 24px;gap:24px;min-width:345px;justify-content:center;border-radius:16px}.resources>div{text-align:center;min-width:62px}.resources strong{font-size:26px;font-weight:600;display:flex;gap:9px;align-items:center;justify-content:center;height:33px}.resources small{font-size:15px;letter-spacing:.5px;display:block;margin-top:3px;color:#577069}.resources i{height:34px;width:1px;background:#d2d2c5}.resources svg{width:26px;height:26px;color:#d5a43e;fill:#f3c967}.resources>div:nth-of-type(2) svg{color:#147bb7;fill:#329ed7}.top-actions{display:flex;gap:16px}.circle{background:#fcfaf0;width:49px;height:49px;display:grid;place-items:center;border-radius:50%;box-shadow:0 4px 12px #2f71651a}.circle:hover{background:#fffefb;box-shadow:0 6px 16px #2f716530}.empire-summary{position:absolute;left:20px;top:109px;width:291px;padding:17px 21px;text-align:left}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:700;display:block}.empire-row{display:flex;align-items:center;gap:19px;margin-top:10px}.crest{display:grid;place-items:center;background:linear-gradient(130deg,#2698dd,#0754a5);color:#fff8e8;width:49px;height:58px;clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%);filter:drop-shadow(0 3px 2px #183a5a30)}.empire-row strong{display:block;font-size:20px;margin-bottom:6px}.empire-row small{font-size:14px;letter-spacing:.5px;color:#54716b}.objective{position:absolute;right:20px;top:109px;display:flex;gap:20px;align-items:center;padding:18px 21px}.objective p{margin:9px 0 0;font-size:14px;color:#5c746b}.objective .eyebrow{font-size:11px}.bottom-left{position:absolute;left:20px;bottom:38px;width:340px}.selection{padding:22px 20px 17px}.unit-heading{display:grid;grid-template-columns:80px 1fr;gap:16px;align-items:center}.selection h2{font-size:26px;margin:0 0 6px;font-weight:600}.selection>.eyebrow{margin-bottom:12px}.selection>p{font-size:15px;line-height:1.5;color:#65776c}.unit-heading .eyebrow{font-weight:400;font-size:11px;letter-spacing:1.7px}.portrait{height:84px;position:relative}.health{display:flex;gap:10px;align-items:center;margin-top:12px}.health>div{height:12px;background:#dbe5d3;border-radius:10px;overflow:hidden;flex:1}.health i{display:block;height:100%;background:#62bd96;border-radius:10px}.health span{font-size:13px;white-space:nowrap}.stats{display:flex;border-top:1px solid #dfded0;margin-top:13px;padding-top:15px}.stats>div{flex:1;text-align:center;border-right:1px solid #dadbcc}.stats>div:last-child{border:0}.stats strong{display:flex;justify-content:center;align-items:center;gap:8px;font-size:18px;font-weight:500}.stats small{display:block;font-size:10px;letter-spacing:1.5px;margin-top:7px}.selection .selection-tip{font-size:16px;line-height:1.5;margin:22px 0 3px;color:#62776f}.context-actions{display:flex;gap:8px;flex-wrap:wrap}.context-actions button{padding:8px 10px;background:#e8efdf;display:flex;align-items:center;gap:6px;border-radius:7px;margin-top:8px;font-size:12px}.context-actions .danger{background:#f7e3d6;color:#a75139}.text-button{display:flex;align-items:center;gap:7px;margin-top:9px;font-size:13px}.dock{position:absolute;left:50%;bottom:38px;transform:translate(-50%);display:flex;padding:7px;gap:7px;border-radius:20px}.dock button{width:87px;height:75px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid #e1e0d3;border-radius:12px;box-shadow:0 2px 4px #50645615;font-size:13px}.dock button:hover,.dock button.active{background:#e8eddd}.turn-controls{position:absolute;right:21px;bottom:75px;text-align:center;width:255px}.end-turn{display:flex;align-items:center;justify-content:center;gap:23px;background:linear-gradient(120deg,#35634e,#244b3d);width:100%;height:72px;border:3px solid #fffdf2;border-radius:18px;color:#fffdf0;font-size:28px;font-weight:600;box-shadow:0 6px 15px #23635333}.end-turn:hover:not(:disabled){background:#387357;box-shadow:0 8px 20px #23635344;transform:translateY(-2px)}.turn-controls>span{display:block;font-size:14px;letter-spacing:.8px;margin-top:12px}.map-controls{position:absolute;right:26px;bottom:202px}.map-controls button{width:37px;height:37px;background:#f9faecad;border:1px solid #f6fae8;border-radius:50%;display:grid;place-items:center}footer{position:absolute;bottom:12px;left:24px;right:24px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.6px;color:#3c7770}.save-status{display:flex;gap:6px;align-items:center;opacity:.7}kbd{font-family:inherit;border:1px solid #699d8f;border-radius:4px;padding:1px 5px;margin-left:5px}.toast{position:absolute;top:114px;left:50%;transform:translate(-50%);padding:12px 19px;border-radius:30px;background:#244e42ee;color:#fff9e6;display:flex;align-items:center;gap:10px;font-size:14px;box-shadow:0 5px 15px #24544420;animation:toast 3.8s both;white-space:nowrap}.unit-hp{font:600 11px/18px Georgia;color:#fff;background:#236b98e8;min-width:24px;padding:0 5px;text-align:center;border:1px solid #fff4d9;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:4px;pointer-events:none;box-shadow:0 2px 3px #214d3930}.unit-hp.ember{background:#bd6339}.unit-hp i{width:4px;height:4px;background:#c8f7d7;border-radius:50%}.unit-hp.active{background:#168dcd}.effect-label{font-size:17px;font-weight:700;color:#fff8d3;text-shadow:0 1px 4px #255d45;background:#356647dd;padding:6px 12px;border-radius:15px;white-space:nowrap;animation:float-away 1.8s both;pointer-events:none}.effect-label.attack{color:#fff;background:#bb694ade}.modal-backdrop{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#174f4c44;backdrop-filter:blur(7px);padding:24px;z-index:50;animation:fade-in .18s ease}.modal{position:relative;width:690px;max-width:100%;max-height:88dvh;overflow-y:auto;padding:37px 38px;border-radius:24px;box-shadow:0 20px 80px #204b4540;outline:none}.modal>.eyebrow{color:#849281;font-size:10px}.modal>h2{font-size:34px;font-weight:500;letter-spacing:-.7px;margin:10px 30px 14px 0}.modal-close{position:absolute;right:18px;top:18px}.circle.small{width:33px;height:33px;box-shadow:none;background:#e9edde}.modal-intro{font-size:15px;line-height:1.65;color:#6c7c70}.empire-totals{display:flex;justify-content:space-around;background:#eaf0e1;border-radius:13px;margin:24px 0;padding:18px}.empire-totals span{display:flex;flex-direction:column;text-align:center;gap:6px;font-size:12px;color:#778470}.empire-totals strong{font-size:28px;font-weight:500;color:#315543}.city-row{border:1px solid #e0e3d4;border-radius:14px;padding:17px;margin:13px 0}.city-row-title{display:flex;align-items:center;gap:14px}.city-row-title h3{font-size:21px;font-weight:500;margin:0}.city-row-title h3 span{font-size:9px;letter-spacing:1px;margin-left:9px;background:#e9eddc;border-radius:4px;padding:4px 6px;color:#7b8e68}.city-row-title p{font-size:12px;color:#7d8974;margin:7px 0 0}.city-row-title>button{margin-left:auto}.recruit-grid{display:flex;gap:7px;margin-top:17px}.recruit-grid button{background:#eaf0e2;border:1px solid #dce4d2;border-radius:8px;flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:11px 6px}.recruit-grid button:hover:not(:disabled){background:#dce9d3}.recruit-grid strong{font-size:12px;font-weight:500}.recruit-grid small{font-size:11px}.hint{font-size:11px;color:#8b907f;margin-bottom:0}.guide-step{display:flex;gap:20px;margin:26px 0}.guide-step>svg{flex-shrink:0;color:#668369;margin-top:7px}.guide-step small{font-size:9px;color:#9a9e87;letter-spacing:1.2px}.guide-step h3{font-size:21px;font-weight:500;margin:6px 0}.guide-step p{font-size:14px;line-height:1.65;color:#71816e;margin:0}.keyboard-guide{display:flex;flex-wrap:wrap;gap:15px;font-size:11px;border-top:1px solid #e1e4d7;padding-top:20px;color:#819078}.keyboard-guide kbd{border-color:#c3cfb9;margin:0 3px 0 0}.setting-row{display:flex;width:100%;gap:17px;align-items:center;padding:22px 3px;border-bottom:1px solid #e1e4d7;font-size:17px}.setting-row strong,.setting-row>svg:last-child{margin-left:auto;font-size:14px;font-weight:500}.new-world{margin-top:30px;padding:23px;background:#f1edde;border-radius:12px}.new-world h3{font-size:22px;font-weight:500;margin:0}.new-world p{font-size:14px;line-height:1.6;color:#84846e}.action-button{padding:12px 16px;display:flex;justify-content:center;align-items:center;gap:10px;border-radius:10px;background:#315f49;color:#fff9e5;font-size:14px}.action-button:hover:not(:disabled){background:#467958}.save-note{font-size:12px;text-align:center;color:#8b957e;margin:25px 0 0}.victory{text-align:center;color:#b49b54;padding:15px 12px}.victory>p{color:#72816b;line-height:1.8}.victory .action-button{margin:auto}.fallback{display:grid;place-content:center;height:100dvh;text-align:center;padding:30px}.fallback button{background:#315f49;color:#fff;padding:14px;border-radius:10px}@keyframes toast{0%{opacity:0;translate:0 -6px}8%,75%{opacity:1;translate:0 0}to{opacity:0}}@keyframes float-away{0%{opacity:0;translate:0 12px}15%{opacity:1}75%{opacity:1}to{opacity:0;translate:0 -40px}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media(min-width:1450px){.bottom-left{width:375px}.selection{padding:24px}.brand h1{font-size:27px}.resources{min-width:385px;gap:30px}.turn-controls{width:282px;bottom:82px}.end-turn{height:75px}.dock button{width:92px;height:80px}.empire-summary{width:299px}.objective{padding:20px 24px}}@media(max-width:1100px){.brand h1{font-size:18px;letter-spacing:3px}.brand p{font-size:12px}.brand{gap:12px}.brand-mark{width:47px;height:47px}.resources{min-width:280px;gap:16px;padding:10px 18px}.resources strong{font-size:22px}.resources small{font-size:12px}.topbar{left:18px;right:18px}.top-actions{gap:8px}.circle{width:40px;height:40px}.objective{top:100px;padding:14px;gap:10px}.objective .eyebrow{font-size:9px}.objective p{font-size:12px}.empire-summary{top:100px;width:244px;padding:14px}.empire-row{gap:13px}.empire-row strong{font-size:18px}.bottom-left{width:285px}.selection{padding:17px}.selection h2{font-size:23px}.unit-heading{grid-template-columns:66px 1fr;gap:10px}.selection .selection-tip{font-size:14px;margin-top:17px}.turn-controls{width:210px}.end-turn{font-size:24px;height:65px}.dock button{width:73px;height:69px;font-size:12px}.health{gap:6px}.health span{font-size:11px}}@media(max-width:900px){.topbar{top:14px;left:14px;right:14px}.brand p{display:none}.brand-mark{width:37px;height:37px;border-radius:9px}.brand-mark svg{width:25px}.brand{gap:9px}.brand h1{font-size:14px;letter-spacing:2px;margin:0}.top-actions .circle{width:34px;height:34px}.top-actions svg{width:18px}.resources{top:49px;min-width:263px;border-radius:13px;padding:8px 15px;gap:20px}.resources strong{font-size:21px;height:26px}.resources svg{width:21px}.resources small{font-size:11px;margin-top:0}.resources>div{min-width:48px}.resources i{height:28px}.empire-summary{top:134px;left:13px;width:174px;padding:10px 12px;border-radius:12px}.empire-summary>.eyebrow{font-size:8px;letter-spacing:1px}.empire-row{gap:9px;margin-top:7px}.crest{width:30px;height:35px}.crest svg{width:22px}.empire-row strong{font-size:14px;margin-bottom:4px}.empire-row small{font-size:11px}.objective{display:none}.bottom-left{left:12px;right:12px;width:auto;bottom:117px;max-width:380px}.selection{padding:13px 15px;border-radius:13px}.unit-heading{grid-template-columns:53px 1fr;gap:12px}.portrait{height:61px}.selection h2{font-size:21px}.unit-heading .eyebrow{font-size:9px}.health{margin-top:7px;max-width:240px}.health>div{height:8px}.stats{position:absolute;right:24px;top:13px;border:0;padding:0;margin:0;display:none}.selection .selection-tip{font-size:12px;margin-top:9px}.selection>p{margin:7px 0;font-size:12px}.context-actions button{margin-top:5px;padding:6px;font-size:11px}.dock{left:12px;bottom:30px;transform:none;padding:4px;gap:4px;border-radius:14px}.dock button{width:58px;height:66px;border-radius:9px;font-size:9px;gap:7px}.dock svg{width:22px;height:22px}.turn-controls{width:151px;right:12px;bottom:38px}.end-turn{height:52px;border-width:2px;font-size:19px;gap:13px;border-radius:13px}.end-turn svg{width:22px}.turn-controls>span{font-size:9px;letter-spacing:.1px;margin-top:6px}footer{bottom:9px;left:14px;right:14px;font-size:8px}footer>span:last-child{font-size:0}footer kbd{display:none}.save-status{font-size:9px}.map-controls{right:13px;bottom:307px}.toast{top:210px;font-size:12px;padding:9px 14px;max-width:90%;white-space:normal}.modal-backdrop{padding:12px}.modal{padding:28px 21px;max-height:93dvh;border-radius:19px}.modal>h2{font-size:28px;margin-right:20px}.modal>.eyebrow{font-size:8px;letter-spacing:1px}.city-row{padding:12px}.city-row-title{gap:9px}.city-row-title h3{font-size:18px}.city-row-title h3 span{font-size:7px;margin-left:3px}.city-row-title p{font-size:10px}.recruit-grid{gap:5px}.recruit-grid strong{font-size:10px}.guide-step{gap:13px}.guide-step p{font-size:13px}.unit-hp{font-size:9px;line-height:15px;min-width:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition:none!important}}.resources small{white-space:nowrap}@media(max-width:900px){.resources>div{min-width:60px}.resources{gap:15px}.empire-summary{width:187px}.empire-row strong{font-size:13px}}.island-loading{background:#fffbed;color:#315e51;padding:18px 25px;border-radius:20px;white-space:nowrap;box-shadow:0 8px 30px #397c6a20;font-size:17px}@media(min-width:1450px){.bottom-left{width:403px}.unit-heading{grid-template-columns:87px 1fr}.dock button{width:96px}.brand{gap:28px}.brand h1{font-size:26px}.objective{width:306px;padding:18px 15px;gap:15px}.objective .eyebrow{font-size:10px}.objective p{font-size:13px}}