@charset "UTF-8";:root{font-family:Segoe UI Variable,Segoe UI,sans-serif;color:#eff4ed;background:#122b39;font-synthesis:none;--ink:#eff4ed;--muted:#9db0b8;--line:#45616b;--cyan:#55bac2;--gold:#e5b85c;--panel:rgba(18,41,53,.95)}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:1px solid var(--line);background:#203c49;border-radius:7px;min-height:42px;padding:9px 15px;font-weight:600;transition:background .14s,border-color .14s}button:hover:not(:disabled){background:#2c4c59;border-color:#8ca5ad}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}button.primary{background:var(--gold);border-color:var(--gold);color:#162b36}button.primary:hover:not(:disabled){background:#f2cd83;border-color:#f2cd83}.secondary{background:#284654}.quiet{background:transparent;border-color:transparent;color:var(--muted);font-size:12px}.large{width:100%;min-height:48px}.large span{display:block;font-weight:400;opacity:.7;font-size:12px;margin-top:3px}input,select{min-height:42px;border:1px solid var(--line);border-radius:6px;background:#102a38;color:var(--ink);padding:9px 11px;min-width:0}select{cursor:pointer}input::placeholder{color:#8199a4}input[type=checkbox]{min-height:16px;accent-color:var(--gold);width:16px;height:16px}input[type=range]{padding:0;border:0;accent-color:var(--gold);background:transparent;height:26px;min-height:26px}#world{position:fixed;inset:0;width:100%;height:100dvh;display:block;touch-action:none}#app{min-height:100dvh}.panel{position:fixed;background:var(--panel);border:1px solid #49636d;border-radius:12px;box-shadow:0 12px 32px #071a245c;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.topbar{position:fixed;z-index:10;top:0;left:0;right:0;min-height:80px;padding:15px 28px;display:flex;align-items:center;gap:26px;background:linear-gradient(#122b39f5,#122b39d9);border-bottom:1px solid #3e576177}.brand{font-size:30px;font-weight:750;letter-spacing:-1.4px;line-height:1;text-decoration:none;color:var(--ink);white-space:nowrap}.brand span{display:block;letter-spacing:.1px;font-weight:400;font-size:11px;color:var(--muted);margin-top:7px}.match-status{font-size:12px;color:var(--muted)}#resources{margin-left:auto;display:flex;align-items:center;gap:28px}#resources span{display:grid;gap:3px;min-width:65px}#resources i{font-size:10px;font-style:normal;color:var(--muted)}#resources b{font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}#clock{font-size:23px;font-weight:350;font-variant-numeric:tabular-nums;color:var(--gold);border-left:1px solid var(--line);padding-left:23px}#exit{margin-left:auto}#resources:not([hidden])~#exit{margin-left:0}.menu{z-index:5;left:28px;top:105px;width:394px;padding:26px;max-height:calc(100dvh - 132px);overflow:auto;scrollbar-width:thin;scrollbar-color:#4c6974 transparent}.menu-kicker{font-size:12px;color:var(--muted);font-weight:500;display:flex;align-items:center;gap:8px}.live-dot{width:7px;height:7px;background:var(--cyan);display:inline-block;border-radius:50%}h1{font-size:36px;letter-spacing:-1.3px;line-height:1.08;font-weight:650}.menu h1{margin:17px 0 14px}.intro{color:#b4c5cb;font-size:13px;line-height:1.65;margin-bottom:22px}.field{font-size:12px;display:grid;gap:7px;margin-bottom:13px;color:#b4c5cb}.field input{width:100%;font-size:14px;color:var(--ink)}.divider{display:flex;align-items:center;gap:12px;margin:18px 0 15px;color:var(--muted);font-size:11px}.divider:before,.divider:after{content:"";height:1px;flex:1;background:var(--line)}.create-settings{display:grid;grid-template-columns:1fr 1fr;gap:10px}.create-settings label{font-size:11px;color:var(--muted);display:grid;gap:6px}.create-settings select{width:100%;font-size:13px}.check{display:flex;gap:8px;align-items:center;font-size:11px;color:var(--muted);margin:12px 0 15px;line-height:1.5}.join-row{display:flex;gap:8px;margin-top:9px}.join-row input{flex:1;width:100px;text-transform:uppercase;letter-spacing:1px;font-size:13px}.join-row button{flex:0 0 87px}.settings{margin-top:16px;font-size:11px;color:var(--muted)}.settings summary{cursor:pointer;padding:6px 0}.settings .field{margin-top:10px}.settings p{line-height:1.6}.build-note{font-size:10px;color:#809ba7;line-height:1.7;border-top:1px solid #45616b66;padding-top:15px;margin-top:16px}.welcome-note{position:fixed;right:65px;bottom:120px;max-width:345px;text-shadow:0 2px 10px #061824}.welcome-note h2{font-size:33px;line-height:1.13;letter-spacing:-.7px;font-weight:450}.welcome-note p{font-size:13px;line-height:1.8;color:#afc2cb;margin-top:17px}.welcome-note>span{display:block;font-size:10px;color:#8fa9b5;margin-top:28px}.map-symbol{font-size:50px;line-height:1;color:var(--gold);margin-bottom:22px}.map-tools{position:fixed;right:24px;top:100px;display:flex;gap:7px;z-index:4}.map-tools button{background:#173340de;font-size:11px;min-height:36px;padding:7px 12px}.map-modes{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#173340de}.map-modes button{border:0;border-radius:0;color:var(--muted)}.map-modes button.active{color:#e8f4ee;background:#3d626b}.attribution{position:fixed;right:18px;bottom:6px;font-size:9px;color:#87a1ad;pointer-events:none}.lobby{z-index:6;top:140px;left:50%;transform:translate(-50%);width:450px;padding:30px}.lobby h1{margin:16px 0 22px;font-size:30px}.room-code{background:#0f2835;padding:16px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.room-code>span{font-size:12px;color:var(--muted)}.room-code button{background:transparent;border:0;padding:0;text-align:right}.room-code b{font-size:27px;letter-spacing:4px;color:var(--gold);display:block}.room-code small{font-size:10px;font-weight:400;color:var(--muted)}#lobby-info{font-size:12px;color:var(--muted);margin:20px 0}.lobby>.quiet{display:block;margin:9px auto 0}.ranking{top:105px;left:24px;width:247px;padding:13px 16px}.panel-title{width:100%;display:flex;justify-content:space-between;border:0;background:transparent!important;padding:0 0 8px;min-height:30px;font-size:12px;color:var(--muted);text-align:left}.panel-title span{opacity:.5}.player-row{display:flex;gap:8px;align-items:center;min-height:38px;font-size:12px;border-top:1px solid #45616b42}.player-row>i{flex:0 0 7px;width:7px;height:7px;border-radius:2px}.player-row>span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-row>b{font-size:11px;font-weight:400;color:var(--muted);white-space:nowrap}.player-row.self>span{color:#7ad4d9}.collapsed #ranking-list,.collapsed #feed-list{display:none}.collapsed .panel-title{padding-bottom:0}.inspector{top:151px;right:24px;width:305px;padding:19px;max-height:calc(100dvh - 184px);overflow:auto;scrollbar-width:thin;z-index:5}.inspector h2{font-size:22px;letter-spacing:-.5px;margin:3px 25px 7px 0;line-height:1.13}.subtle{font-size:10px;line-height:1.6;color:var(--muted)}#region-owner{font-size:11px;color:var(--muted)}.close{position:absolute;top:9px;right:9px;font-size:21px;line-height:1;min-height:30px;width:30px;padding:0;border:0;background:transparent;color:var(--muted)}.region-stats{margin:17px 0;display:grid;grid-template-columns:1fr 1fr;gap:13px 8px}.region-stats dt{color:var(--muted);font-size:10px;margin-bottom:3px}.region-stats dd{font-size:14px;margin:0}.region-actions{display:flex;gap:7px}.region-actions button{font-size:10px;padding:8px;flex:1}.inspector #scan{font-size:11px;min-height:36px;padding-left:0;margin:2px 0 8px}.recruit{display:flex;gap:7px;margin-top:6px}.recruit input{width:90px;font-size:13px}.recruit button{flex:1;font-size:11px;padding:8px}.inspector h3{font-size:12px;margin:17px 0 10px;font-weight:500;color:var(--muted)}.build-list{display:grid;grid-template-columns:1fr 1fr;gap:6px}.build-list button{text-align:left;display:flex;justify-content:space-between;align-items:center;gap:5px;font-size:11px;padding:9px 10px;min-height:43px}.build-list button b{font-weight:400;color:var(--gold);font-size:10px}.build-list button:disabled{opacity:.35}.dock{bottom:25px;left:50%;transform:translate(-50%);width:min(650px,calc(100vw - 610px));padding:17px 20px;z-index:6}.order-route{display:flex;align-items:center;gap:14px}.order-route>span:not(.route-arrow){flex:1;min-width:0}.order-route small{font-size:9px;color:var(--muted);display:block;margin-bottom:4px}.order-route b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:500}.route-arrow{color:var(--gold);font-size:22px}.order-route button{font-size:20px;padding:0;min-height:30px;width:22px}.order-settings{display:flex;align-items:center;gap:7px;margin:15px 0 9px}.fractions{display:flex;gap:4px;flex:1}.fractions button{font-size:11px;padding:7px 9px;min-height:32px;border-radius:5px;background:transparent}.fractions button.active{color:var(--gold);border-color:var(--gold);background:#e5b85c12}.order-settings select{font-size:10px;min-height:34px;padding:5px 6px;max-width:132px}.dispatch{display:flex;align-items:center;gap:16px}.range-label{flex:1;min-width:0;display:flex;flex-direction:column}.range-label>span{font-size:11px;color:var(--muted)}.dispatch .primary{min-width:130px;font-size:12px}.feed{left:24px;bottom:25px;width:247px;padding:12px 15px}.feed-list{font-size:11px}#feed-list p{display:flex;gap:10px;padding:7px 0;font-size:10px;line-height:1.45;border-top:1px solid #45616b42}#feed-list time{color:var(--gold);font-variant-numeric:tabular-nums;flex:0 0 30px}#feed-list span{color:#b6c8cf}.toast{position:fixed;z-index:40;bottom:240px;left:50%;transform:translate(-50%);max-width:480px;width:max-content;padding:14px 20px;border:1px solid #e5b85c8c;background:#243e49;border-radius:9px;box-shadow:0 8px 36px #04172380;font-size:13px;line-height:1.5}.finished{position:fixed;z-index:30;inset:0;background:#071d2bd9;display:grid;place-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.results{position:relative;width:min(460px,calc(100vw - 32px));padding:30px}.results h1{font-size:31px;margin:20px 0 24px}#results-list{margin-bottom:25px}@media(min-width:1600px){.dock{width:700px}}@media(max-width:1150px)and (min-width:701px){.topbar{gap:16px;padding:15px 20px}.match-status{max-width:190px;font-size:10px}#resources{gap:16px}#resources span{min-width:48px}.ranking,.feed{width:205px;left:15px}.inspector{width:265px;right:15px}.dock{width:calc(100vw - 495px);padding:15px 12px}.order-settings{flex-wrap:wrap}.fractions{flex-basis:100%}.order-settings select{max-width:none;flex:1}.welcome-note{right:35px;max-width:270px}.welcome-note h2{font-size:29px}.map-tools{right:15px;gap:4px}.map-tools button{padding:7px 9px}}@media(max-width:700px){.topbar{padding:12px 14px 10px;min-height:82px;gap:10px;flex-wrap:wrap}.brand{font-size:25px}.brand span{font-size:9px;margin-top:4px}.match-status{font-size:9px;margin-left:auto;max-width:155px;text-align:right}#resources{order:4;gap:15px;width:100%;justify-content:space-between;border-top:1px solid #45616b66;padding-top:7px}#resources span{display:flex;align-items:baseline;gap:5px;min-width:0}#resources i{font-size:9px}#resources b{font-size:13px}#clock{font-size:15px;padding-left:12px}#exit{font-size:10px;min-height:32px;padding:5px 0;margin-left:0}body:not([data-screen=home]) .match-status{max-width:135px;margin-left:0;flex:1}body:not([data-screen=home]) .topbar{min-height:96px}.menu{left:12px;right:12px;top:98px;width:auto;padding:22px;max-height:calc(100dvh - 127px)}.menu h1{font-size:34px}.intro{font-size:12px;line-height:1.55;margin-bottom:18px}.menu .large{min-height:46px}.welcome-note{display:none}.map-tools{left:12px;right:12px;top:108px;gap:5px;justify-content:flex-end}.map-tools button{font-size:9px;min-height:33px;padding:7px 8px}.map-modes{margin-right:auto}.attribution{font-size:8px;right:12px;bottom:3px}body[data-screen=home] .map-tools{top:auto;bottom:5px;justify-content:flex-end;pointer-events:none}body[data-screen=home] .map-tools>*{display:none}.ranking{left:12px;top:150px;width:180px;padding:8px 11px;max-height:160px;overflow:auto}.ranking .player-row{min-height:28px;font-size:10px}.ranking .player-row b{font-size:9px}.panel-title{font-size:10px;min-height:24px;padding-bottom:4px}.feed{display:none!important}.inspector{inset:auto 12px 224px;width:auto;max-height:190px;padding:13px 15px}.inspector h2{font-size:19px;margin:0 25px 5px 0}.inspector #region-country{font-size:9px}.region-stats{grid-template-columns:repeat(4,1fr);gap:5px;margin:11px 0}.region-stats dd{font-size:11px}.region-stats dt{font-size:9px}.region-actions button{min-height:36px}.inspector #scan{min-height:32px}.build-list{grid-template-columns:repeat(3,1fr)}.build-list button{font-size:10px;min-height:44px;flex-wrap:wrap}.dock{left:12px;right:12px;bottom:13px;transform:none;width:auto;padding:13px 15px;min-height:198px}.order-route{gap:8px}.order-route b{font-size:11px}.order-route small{font-size:9px}.order-settings{gap:7px;flex-wrap:wrap;margin-top:12px}.fractions{flex-basis:100%;gap:6px}.fractions button{flex:1;min-height:33px}.order-settings select{flex:1;max-width:none;font-size:11px;min-height:31px}.dispatch{gap:12px;margin-top:10px}.dispatch .primary{min-width:110px;min-height:42px}.range-label>span{font-size:10px}.toast{bottom:235px;width:calc(100vw - 36px);font-size:12px;padding:12px 15px}.lobby{left:12px;right:12px;top:120px;width:auto;transform:none;padding:23px;max-height:calc(100dvh - 150px);overflow:auto}.lobby h1{font-size:29px}.results{padding:24px}.results h1{font-size:29px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}body[data-phase=deployment] .map-modes{display:none}.lobby{left:24px;top:105px;transform:none;width:335px;padding:22px;max-height:calc(100dvh - 130px);overflow:auto}.lobby h1{font-size:25px;line-height:1.16;margin:12px 0}.start-help{font-size:12px;line-height:1.6;color:var(--muted);margin-bottom:16px}.lobby .room-code{padding:11px;margin-bottom:14px}.lobby .room-code b{font-size:22px}.start-search-label{margin-bottom:8px}.start-chosen{font-size:12px;line-height:1.55;color:var(--cyan);margin:12px 0}.start-players{margin:12px 0 16px}.start-players summary{font-size:11px;color:var(--muted);cursor:pointer}.start-players .player-row{font-size:11px;min-height:37px}.start-players .player-row b{font-size:10px;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.start-results{position:absolute;left:22px;right:22px;z-index:12;max-height:230px;overflow:auto;border:1px solid var(--line);background:#102a38;box-shadow:0 10px 30px #061924c9;border-radius:7px}.start-results button{display:block;width:100%;border:0;border-radius:0;text-align:left;font-size:12px;font-weight:400;line-height:1.45;border-bottom:1px solid #45616b55}.start-results p{font-size:12px;padding:14px;color:var(--muted)}#start-availability{font-size:12px;color:var(--muted);line-height:1.5;margin:12px 0}#start-controls .primary{font-size:12px}@media(max-width:700px){.lobby{inset:auto 12px 13px;width:auto;padding:13px 15px;max-height:calc(100dvh - 220px);overflow:visible}.lobby .menu-kicker,.lobby .start-help,.lobby #leave-lobby{display:none}.lobby h1{font-size:19px;margin:0 0 8px}.lobby .room-code{display:flex;align-items:center;padding:5px 0;margin:0 0 7px;background:transparent}.lobby .room-code>span{font-size:10px}.lobby .room-code button{display:flex;align-items:center;gap:8px;min-height:24px}.lobby .room-code b{font-size:17px;letter-spacing:3px}.lobby .room-code small{font-size:8px}.lobby .field{font-size:10px;gap:4px;margin:0}.lobby .field input{min-height:36px;height:36px;padding:7px 10px;font-size:12px}.start-chosen{font-size:10px;margin:7px 0;line-height:1.4}.start-players{margin:7px 0 9px}.start-players summary{font-size:10px}#lobby-players{max-height:76px;overflow:auto}.start-players .player-row{min-height:28px;font-size:10px}.lobby .primary{min-height:39px;font-size:12px;padding:8px}.start-results{left:15px;right:15px;bottom:128px;max-height:180px}body[data-phase=deployment] .inspector{bottom:calc(var(--deployment-panel-height,270px) + 25px);max-height:175px;padding:12px 15px}body[data-phase=deployment] .inspector #region-owner{font-size:10px;margin:4px 0}#start-availability{font-size:10px;margin:6px 0}#start-controls .primary{min-height:36px;font-size:11px}}.deployment-timer{display:flex;align-items:center;gap:15px;margin:15px 0 19px;padding:12px 14px;border:1px solid #e5b85c66;border-radius:8px;background:#e5b85c0a}.deployment-timer b{font-size:38px;line-height:1;font-variant-numeric:tabular-nums;color:var(--gold);min-width:47px;text-align:center}.deployment-timer span{font-size:11px;line-height:1.6;color:var(--muted)}@media(max-width:700px){.deployment-timer{margin:8px 0 10px;padding:8px 10px;gap:10px}.deployment-timer b{font-size:28px;min-width:35px}.deployment-timer span{font-size:10px}}.order-route .route-pick{display:block;min-height:36px;width:100%;max-width:100%;padding:6px 8px;text-align:left;font-size:12px;background:#102a38;border:1px solid #45616b;border-radius:6px}.order-route .route-pick.picking{border-color:var(--gold);background:#e5b85c12}.route-status{font-size:11px;line-height:1.5;color:#b6cbd0;min-height:17px;margin:9px 0 0}.route-status.invalid{color:#efb1a5}.recon-status{font-size:11px;line-height:1.55;color:var(--muted);margin:8px 0 12px}.match-goal{font-size:12px;color:var(--gold);white-space:nowrap;padding-left:16px;border-left:1px solid var(--line)}.match-rules{font-size:11px;line-height:1.5;color:var(--muted);max-width:210px;align-self:end;padding:5px 0}.region-actions{display:block}.region-actions button{font-size:12px;line-height:1.4}.start-players h2{font-size:13px;font-weight:600;color:var(--text);margin:15px 0 7px!important}.start-players .player-row{min-height:43px;font-size:12px}.start-players .player-row span{white-space:normal;line-height:1.4}.start-players .player-row b{flex-shrink:0;font-size:10px}.start-players .ready b{color:#98d0ad}.start-players .disconnected{opacity:.55}#lobby-players{max-height:260px;overflow:auto;scrollbar-width:thin}.launch-status{font-size:11px;color:var(--muted);line-height:1.6;margin:10px 0 0}.lobby .start-chosen{border-top:1px solid #45616b66;padding-top:12px}.lobby #start{margin-top:13px}@media(max-width:700px){.lobby{overflow:auto}.lobby #lobby-players{max-height:min(27dvh,200px)}.lobby .start-players .player-row{min-height:33px;font-size:11px}.lobby .start-players{margin:8px 0}.lobby .start-players h2{font-size:11px;margin:7px 0!important}.lobby .start-chosen{padding-top:8px}.lobby #start{margin-top:8px}.lobby .launch-status{font-size:10px;line-height:1.5;margin:7px 0 0}}.quick-menu{width:330px;padding:28px;top:50%;transform:translateY(-50%)}.quick-menu .field{font-size:13px;margin-bottom:22px}.quick-menu .large{margin:10px 0 0;font-size:15px;min-height:52px}.quick-menu input{min-height:49px;font-size:16px}.room-options{position:fixed;inset:0;margin:auto;width:min(390px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:28px;overflow:auto;color:var(--text);background:#19343f}.room-options::backdrop{background:#071b28b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.room-options h2{font-size:24px;margin:0 25px 12px 0}.room-options>p{color:var(--muted);font-size:12px;line-height:1.6;margin-bottom:18px}.room-options .close{position:absolute;right:14px;top:12px}.room-options .join-row{display:flex;gap:8px}.room-options .join-row input{min-width:0;width:100%;letter-spacing:2px}.room-options #resume{display:block;width:100%;font-size:12px}.room-options #room-error{font-size:12px;color:#efb1a5;margin:12px 0 0}.ranking{max-height:50dvh;overflow:auto;scrollbar-width:thin}.ranking .panel-title{position:sticky;top:0;background:#19343f;z-index:1}@media(max-width:700px){.quick-menu{left:20px;right:20px;top:45%;width:auto;padding:25px;max-height:calc(100dvh - 140px)}.room-options{padding:24px}.ranking{max-height:160px}}.match-size small,.field small{color:var(--muted);font-size:11px;line-height:1.5;font-weight:400}.match-size select{width:100%}.menu .match-rules{max-width:none;margin:13px 0}.inspector{width:350px;max-height:calc(100dvh - 182px);overflow:auto;scrollbar-width:thin;scrollbar-color:#45616b transparent}.city-economy{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.city-economy small{display:block;font-size:10px;color:var(--muted);margin-bottom:5px}.city-economy b{font-size:20px;color:var(--gold);font-weight:600}.inspector #trade-description{font-size:11px;line-height:1.6;margin:9px 0}.defense-note{color:#a8c8ba;font-size:11px;line-height:1.6;margin:10px 0 15px}.city-tabs,.building-categories{display:flex;gap:5px;margin:14px 0}.city-tabs button{flex:1;font-size:12px;padding:9px 5px;background:transparent}.city-tabs button.active{background:#34525a;color:var(--gold);border-color:var(--gold)}.building-categories button{flex:1;font-size:11px;padding:7px 4px;background:transparent;min-height:34px}.building-categories button.active{background:#45616b66;color:var(--text);border-color:#89b1b9}.inspector h3{font-size:12px;margin:16px 0 10px}.facilities-list{display:flex;flex-wrap:wrap;gap:6px;font-size:11px;color:var(--muted);margin:10px 0 15px}.facilities-list button{font-size:11px;min-height:32px;padding:7px 9px;background:#29464d;border-color:#4e7878}.build-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}.build-list button{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left;min-height:113px;padding:12px;gap:7px;background:#173442;border-color:#45616b;font-size:11px;line-height:1.4}.build-list button strong{font-size:12px;font-weight:600}.build-list button span{color:#b7ccd0;flex:1}.build-list button small{font-size:10px;color:var(--gold)}.build-list button.active{border-color:var(--gold);background:#33463f}.build-list button.built small{color:#8ac7b1}.build-list button:disabled{opacity:.6}#building-detail{margin-top:16px;padding-top:3px;border-top:1px solid var(--line)}#building-detail h3{font-size:17px;margin-top:14px}#building-effect{font-size:12px;color:var(--gold);line-height:1.6;margin:7px 0}#building-description{font-size:12px;color:#bfd0d4;line-height:1.65;margin:10px 0}#building-price{font-size:12px;font-weight:600;margin:13px 0}#building-reason{font-size:11px;line-height:1.6;color:var(--muted);margin:10px 0}#confirm-build{font-size:12px;position:sticky;bottom:0;z-index:2;box-shadow:0 0 0 7px #19343f}#construction-progress{padding:12px;background:#e5b85c10;border:1px solid #e5b85c55;border-radius:6px;font-size:11px;color:var(--gold)}#construction-bar{display:block;width:100%;height:6px;margin-top:10px;accent-color:var(--gold)}#coverage[aria-pressed=true]{color:#a8cfbf;border-color:#6b9286}body[data-city-panel=build] #region-stats,body[data-city-panel=build] #region-actions,body[data-city-panel=build] .city-economy,body[data-city-panel=build] #trade-description,body[data-city-panel=build] #city-defense{display:none}#team-field{margin:12px 0}#team-field select{width:100%}@media(min-width:701px)and (max-width:1150px){.inspector{width:300px}.dock{width:calc(100vw - 550px)}.map-tools{gap:3px}.map-tools button{padding:7px 6px}.build-list button{padding:9px}}@media(max-width:700px){.inspector{width:auto;max-height:240px;bottom:252px}.city-economy b{font-size:17px}.city-tabs{position:sticky;top:-14px;background:#19343f;z-index:3;padding:8px 0;margin:5px 0}.city-tabs button{font-size:11px;min-height:37px}.city-economy{padding:10px 0}.city-economy small{font-size:10px}.map-tools{gap:3px}.map-tools button{font-size:8px;padding:6px;min-height:32px}.build-list{grid-template-columns:1fr 1fr}.build-list button{min-height:106px;padding:11px;font-size:11px}.build-list button strong{font-size:12px}.build-list button small{font-size:10px}.building-categories button{font-size:11px}.match-size small{font-size:10px}body[data-city-panel=build][data-phase=match] .dock{display:none}body[data-city-panel=build][data-phase=match] .inspector{bottom:13px;max-height:58dvh}.lobby #team-field{margin:6px 0}.lobby #team-field small{display:none}.lobby #team-field select{min-height:32px;height:32px;padding:4px 8px;font-size:11px}}@media(max-width:700px){.match-goal{font-size:10px;padding-left:8px}.dock{min-height:224px}.inspector{bottom:252px;max-height:205px}.route-status{font-size:10px;line-height:1.4}.order-route .route-pick{font-size:10px;min-height:35px;padding:6px}.order-route b{font-size:10px}.toast{bottom:265px}.recon-status,.match-rules{font-size:10px}.create-settings{grid-template-columns:1fr 1.2fr}}body[data-screen=home] #dock,body[data-phase=deployment] #dock{display:none!important}.stance-help{font-size:11px;line-height:1.45;color:#bfd0d4;margin:3px 0 12px;padding-left:9px;border-left:2px solid #76958d}#recon-controls h3{margin:13px 0 8px}#recon-controls .large{font-size:11px;min-height:38px;padding:8px;margin:0 0 7px}#scan-player{border-color:#638e8c}#recon-status{margin:5px 0 13px;line-height:1.6}.incoming{z-index:5;top:153px;left:50%;transform:translate(-50%);width:min(430px,calc(100vw - 650px));padding:12px 14px;border-color:#e19a80;background:#352e2cfa}.incoming>b{font-size:11px;color:#ffba9b}.incoming-order{display:block;text-align:left;width:100%;font-size:11px;font-weight:400;line-height:1.45;background:transparent;border:0;border-top:1px solid #bf8c6e55;border-radius:0;margin-top:7px;padding:8px 0;min-height:32px;color:#f7d9c9}.feed{width:247px;max-height:194px;overflow:auto}#feed-list p{font-size:11px;padding:7px 0}.feed.collapsed{max-height:48px}@media(max-width:700px){body[data-orders=closed] .inspector{bottom:14px;max-height:48dvh}body[data-orders=open] .inspector{bottom:300px;max-height:190px}.dock{min-height:0}.stance-help{font-size:10px;margin-bottom:9px}.incoming{top:153px;left:12px;right:12px;width:auto;transform:none;padding:9px 11px;max-height:114px;overflow:auto}.incoming>b,.incoming-order{font-size:10px}body[data-threats=true] .ranking{top:274px}.feed{display:block!important;left:12px;bottom:14px;max-height:170px;width:220px;z-index:5}body[data-orders=open] .feed,body:has(.inspector:not([hidden])) .feed{display:none!important}.feed .panel-title{min-height:24px}body[data-city-panel=build] .inspector{bottom:14px;max-height:58dvh}.toast{bottom:310px}}.ranking{max-height:min(44dvh,420px);overflow:auto;scrollbar-width:thin}.ranking.collapsed{max-height:50px}.ranking .panel-title{position:sticky;top:0;background:#19343ff5!important;z-index:1}@media(max-width:700px){.ranking{max-height:160px}.ranking.collapsed{max-height:40px}}#feed[hidden]{display:none!important}.city-sheet{display:contents}.dock{min-height:0}.dock .dispatch{margin-top:0}.dock .range-label>span{color:var(--ink);line-height:1.4}.dock .range-label input{width:100%}.dock .route-status{margin:0 0 10px}.order-options{margin-top:9px}.order-options summary{color:var(--muted);cursor:pointer;font-size:12px;padding:8px 0}.order-options .order-settings{margin:7px 0 10px}.transport-summary{color:var(--muted);font-size:11px;line-height:1.45;margin:7px 0 0}.garrison-status{border-left:2px solid var(--gold);padding-left:9px}.incoming-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.incoming-header b{font-size:11px;color:#ffba9b}.incoming-header button{min-height:32px;font-size:11px;padding:5px 8px;background:transparent;border-color:#bf8c6e55}.incoming.collapsed{width:auto;max-width:calc(100vw - 24px);padding:4px 10px}.city-extra summary,.sector-details summary{cursor:pointer;font-size:12px;color:var(--muted);padding:10px 0}body[data-city-panel=build] .city-extra{display:none}.selection-hint{position:fixed;z-index:7;bottom:25px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px;padding:5px 6px 5px 17px;border:1px solid var(--gold);border-radius:10px;background:#19343ff5;color:var(--gold);font-size:13px}.selection-hint button{border:0;background:transparent;font-size:24px;padding:0;min-width:42px}@media(max-width:700px){body:not([data-screen=home]) .topbar{min-height:78px;padding:4px 12px 8px;gap:0 10px;align-content:start}.topbar .brand{font-size:23px;line-height:42px}.topbar .brand span{display:none}body:not([data-screen=home]) .topbar .match-status{display:none}.topbar #exit{margin-left:auto;min-height:42px;font-size:11px;padding:6px 0 6px 8px}.topbar #resources{padding-top:6px;gap:10px}.topbar #resources i{font-size:11px}.topbar #resources b{font-size:15px;font-variant-numeric:tabular-nums}.topbar #resources .match-goal{display:none}.map-tools,.ranking,.feed{display:none!important}.map-tools .map-modes button{flex:1}.ranking .panel-title,.feed .panel-title{min-height:36px;font-size:13px;color:var(--ink)}.ranking .player-row{min-height:36px;font-size:12px}.ranking .player-row b{font-size:11px}#feed-list p{font-size:12px}.city-sheet{position:fixed;z-index:8;bottom:calc(12px + env(safe-area-inset-bottom,0px));left:10px;right:10px;display:flex;flex-direction:column;max-height:min(46dvh,380px);overflow:hidden;border:1px solid #66818b;border-radius:15px;background:#19343ffc;box-shadow:0 -6px 28px #071a245c}.city-sheet .inspector,body[data-orders=open] .city-sheet .inspector,body[data-orders=closed] .city-sheet .inspector,body[data-city-panel=build] .city-sheet .inspector{position:relative;inset:auto;flex:1 1 auto;width:100%;min-height:0;max-height:none;padding:13px 14px;overflow:auto;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;overscroll-behavior:contain}.city-sheet .inspector h2{font-size:21px;line-height:1.2;margin:2px 35px 4px 0}.city-sheet .inspector #region-country{font-size:11px}.city-sheet #region-owner{font-size:12px;line-height:1.4}.city-sheet .close{position:sticky;top:0;right:auto;float:right;margin:-9px -10px -35px 0;min-width:44px;min-height:44px;font-size:27px;z-index:5;background:#19343f}.city-sheet .region-stats{grid-template-columns:1.1fr 1fr;gap:10px;margin:12px 0}.city-sheet .region-stats dt{font-size:11px}.city-sheet .region-stats dd{font-size:13px;line-height:1.35}.city-sheet .region-actions button{min-height:44px;font-size:13px}.city-sheet #recon-controls h3{display:none}.city-sheet #recon-controls .large{min-height:42px;margin:0 0 6px;padding:9px;font-size:12px}.city-sheet #recon-status{font-size:11px;line-height:1.45;margin:4px 0 0}.city-sheet .dock{position:relative;inset:auto;transform:none;flex:0 0 auto;width:100%;min-height:0;max-height:calc(46dvh - 92px);overflow:auto;padding:10px 14px 7px;border:0;border-top:1px solid var(--line);border-radius:0;background:#17303c;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.city-sheet .dispatch{gap:12px;margin:0}.city-sheet .dock:has(.route-status:not([hidden])) .dispatch{display:none}.city-sheet .range-label>span{font-size:12px}.city-sheet .range-label input{min-height:32px;height:32px}.city-sheet .dispatch .primary{min-width:124px;min-height:46px;padding:9px;font-size:12px}.city-sheet .order-options{margin-top:1px}.city-sheet .order-options summary{min-height:36px;font-size:12px;padding:9px 0}.city-sheet .order-settings{gap:8px}.city-sheet .order-settings button,.city-sheet .order-settings select{min-height:42px;font-size:12px}.city-sheet .route-status{font-size:12px;margin:0 0 8px}.city-sheet .stance-help{font-size:12px;margin-bottom:8px}body[data-city-panel=build] .city-sheet{max-height:54dvh}.city-sheet .city-tabs{top:-13px;padding:8px 0}.city-sheet .city-tabs button{min-height:44px;font-size:12px}.city-sheet .recruit button,.city-sheet .recruit input{min-height:44px;font-size:13px}.city-sheet .building-categories button{min-height:42px;font-size:12px}.city-sheet .subtle,.city-sheet #trade-description,.city-sheet .defense-note,.city-sheet .facilities-list{font-size:12px}.city-sheet #open-construction{min-height:44px;font-size:13px}.selection-hint{left:10px;right:10px;bottom:14px;transform:none;justify-content:space-between;font-size:13px}.incoming{top:90px;left:10px;right:10px;width:auto;max-height:94px;padding:9px 12px;z-index:7}.incoming-header b,.incoming .incoming-order{font-size:11px}.incoming-header button{min-height:36px}.incoming.collapsed{right:auto;max-height:none;padding:2px 10px}.incoming .incoming-order{margin-top:5px;padding:6px 0 0}.toast{top:90px;bottom:auto;width:calc(100vw - 24px);padding:10px 13px;font-size:12px;pointer-events:none}body[data-threats=true] .toast{top:192px}body[data-threats=collapsed] .toast{top:144px}.attribution{font-size:7px;bottom:1px}}