@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/be-vietnam-pro-vietnamese-400-normal-CRcqvyg1.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-400-normal-BuGn0gnm.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/be-vietnam-pro-latin-ext-400-normal-CiZNW1ec.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-ext-400-normal-DYBYyMQr.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/be-vietnam-pro-latin-400-normal-PpnXBOrz.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-400-normal-bXgqVju9.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/be-vietnam-pro-vietnamese-500-normal-DREgrEoJ.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-500-normal-CfdwVo8-.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/be-vietnam-pro-latin-ext-500-normal-h0Fp6aX0.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-ext-500-normal-CK0UkkKf.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/be-vietnam-pro-latin-500-normal-B6LVzGNe.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-500-normal-BJkVuMHw.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/be-vietnam-pro-vietnamese-600-normal-nyU-ZL2p.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-600-normal-DkpCIyan.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/be-vietnam-pro-latin-ext-600-normal-BNd8euf0.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-ext-600-normal-BeUwKxhG.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/be-vietnam-pro-latin-600-normal-BZDkUTrt.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-600-normal-5IO4e7bK.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/be-vietnam-pro-vietnamese-700-normal-Csr0PCuG.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-700-normal-By_5yT39.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/be-vietnam-pro-latin-ext-700-normal-C8_gqRu2.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-ext-700-normal-4Hjo2OtD.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/be-vietnam-pro-latin-700-normal-DlW1Zbsh.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-700-normal-C2EtzaOi.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Brygada 1918 Variable";font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/brygada-1918-cyrillic-ext-wght-normal-ClhHHFDr.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Brygada 1918 Variable";font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/brygada-1918-cyrillic-wght-normal-gaz9uBPQ.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:"Brygada 1918 Variable";font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/brygada-1918-greek-wght-normal-gGD1-eij.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:"Brygada 1918 Variable";font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/brygada-1918-vietnamese-wght-normal-J2qxK7CW.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Brygada 1918 Variable";font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/brygada-1918-latin-ext-wght-normal-BiuEDJ_2.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Brygada 1918 Variable";font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/brygada-1918-latin-wght-normal-lR-qu--i.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@property --framed{syntax:"<integer>";inherits:false;initial-value:0}:root{--mask-rgb:0, 0, 0;--backdrop-dusk-glow:#efa0528c;--backdrop-dusk-sky:#c9873e;--backdrop-dusk-sea:#8a5a2c;--backdrop-dusk-shore:#2e2214;--sky:#9cc7e4;--logo-hi:#fff3cc;--logo-mid:#efc870;--logo-lo:#a56d2d;--logo-shadow-rgb:9, 8, 6;--lobby-error-rgb:163, 31, 18;--btn-face-hi:#2c2823;--btn-face-lo:#171511;--btn-primary-hi:#8a200c;--btn-primary-mid:#6a1407;--btn-primary-lo:#520902;--btn-primary-ink:#f6e8c5;--btn-secondary-hi:#4a3b22;--btn-secondary-lo:#2a2116;--btn-danger-hi:#2c2823;--btn-danger-lo:#171511;--btn-danger-line:#ff8a6a;--btn-armed-hi:#b3291a;--btn-armed-lo:#7e1c0a;--build-menu-glow-rgb:239, 200, 112;--build-tab-active-hi-rgb:138, 32, 12;--build-tab-active-lo-rgb:82, 9, 2;--build-tab-medal-rgb:66, 53, 31;--build-tile-glow-rgb:255, 250, 235;--build-tile-hi:#f6e8c5;--build-tile-lo:#e3c8a1;--build-tile-active-hi:#fff6dc;--build-tile-active-lo:#efd9ad;--build-tile-locked-hi:#ddc7a2;--build-tile-locked-lo:#c9ad84;--build-unlock:#fff6dc;--build-chip:#fff6dc;--build-coin-hi:#f6e8c5;--build-coin-lo:#d5b78f;--build-chain-medal:#fff6dc;--build-short-rgb:163, 31, 18;--build-flag-hi:#f6e1a0;--build-flag-lo:#c9a14f;--build-flag-line:#fff1c2;--build-flag-ink:#2a1e08;--build-flag-need-hi:#c9402c;--build-flag-need-lo:#8f1a0e;--build-warn-text:#edb852;--need-basic-hi:#3d7a7a;--need-basic-lo:#1d4e4e;--need-basic-ring-rgb:95, 154, 143;--need-basic-ink:#f6e8c5;--need-basic-icon:#5f9a8f;--need-luxury-hi:#8f6a91;--need-luxury-lo:#5e3f60;--need-luxury-ink:#f6e8c5;--need-fill-warn:#e28807;--need-residents:#6c97a6;--mood-angry:#ff8a6a;--mood-content:#efc870;--mood-euphoric:#5f9a8f;--fresh-text:#efc870;--mood-face-ink:#241b12;--status-input:#edb852;--status-full:#c9a6cb;--pin-join:#85b642;--pin-join-rgb:133, 182, 66;--pin-spot:#efc870;--pin-spot-rgb:239, 200, 112;--guide-casing-rgb:9, 8, 6;--guide-pin-bg-rgb:20, 18, 14;--guide-pin-hover-rgb:33, 31, 27;--guide-pin-active-rgb:66, 53, 31;--guide-how-pin-bg-rgb:29, 78, 78;--guide-how-pin-ink:#f6e8c5;--guide-ring-edge-rgb:24, 16, 2;--guide-ring-spot-rgb:255, 238, 196;--fresh-ink:#2a1a04;--coin-hi:#fff3c4;--coin-edge-rgb:90, 60, 10;--tutorial-tick-ink:#1a1206;--tutorial-done-ink:#10200f;--tutorial-say-line-rgb:188, 148, 90;--tutorial-say-rgb:246, 232, 197;--touch-ok-line:#85b642;--touch-ok-lo:#2f5e1c;--touch-danger-lo:#520902;--touch-blocked-hi:#42351f;--touch-blocked-lo:#211f1b;--touch-why-rgb:60, 8, 2;--topbar-glint-rgb:239, 200, 112;--phone-nav-lo-rgb:60, 8, 2;--audio-toast-rgb:20, 18, 14;--speed-pause-hi:#b3291a;--speed-pause-lo:#651106;--paused-light:#d5b78f;--fin-income:#85b642;--fin-expenses-rgb:226, 136, 7;--fin-expenses-text:#edb852;--fin-trade:#6c97a6;--trade-buy-text:#6c97a6;--trade-buy-hi:#6c97a6;--trade-buy-lo:#2c5868;--trade-buy-ink:#f6e8c5;--brick-hi:#c9603a;--brick-lo:#8f3a1e;--brick-edge-rgb:60, 20, 8;--brick-text:#f0b89a;--reach-full:#38e04c;--reach-partial-hi:#ffcf33;--reach-partial-lo:#ff5a2e;--guild:#79577b;--guild-rgb:121, 87, 123;--guild-disc-hi-rgb:143, 106, 145;--guild-disc-lo-rgb:60, 38, 62;--guild-light:#d2b4d4;--guild-light-rgb:210, 180, 212;--region-nw-rgb:95, 154, 143;--region-nw-bg-rgb:29, 78, 78;--region-nw-glow-rgb:47, 96, 96;--region-nw-deep-rgb:14, 40, 40;--region-crossing-rgb:108, 151, 166;--region-cross-text:#8fc4c9;--region-cut:#1d4e4e;--region-ring-rgb:95, 154, 143;--region-text:#8fc4bb;--tone-shadow-rgb:2, 7, 14;--tone-timber-hi:#f8dfba;--tone-timber-lo:#c38a52;--tone-earth-hi:#f9ccb0;--tone-earth-lo:#cc6c4a;--tone-food-hi:#fde8b6;--tone-food-lo:#e0a243;--tone-textile-hi:#dfeeff;--tone-textile-lo:#74a6df;--tone-drink-hi:#f1dfff;--tone-drink-lo:#ad86dc;--tone-civic-hi:#d9f6e7;--tone-civic-lo:#67bd95;--tone-home-hi:#fffaf0;--isl-card-ring-rgb:255, 250, 240;--tone-home-lo:#dccaa4;--tone-port-hi:#fff2c8;--tone-port-lo:#d0a54c;--tone-stone-hi:#f4efe6;--tone-stone-lo:#aca393;--tone-gold-hi:#fff4c9;--tone-gold-lo:#d6a136;--tone-farmer-hi:#edf7cf;--tone-farmer-lo:#98bf5a;--tone-worker-hi:#e3edf9;--tone-worker-lo:#86a6cf;--tone-artisan-hi:#d2f5f3;--tone-artisan-lo:#33a3a6;--tone-jornalero-hi:#f8c9b0;--tone-jornalero-lo:#b84c2a;--tone-obrero-hi:#f4ebaa;--tone-obrero-lo:#b3961c;--tone-copper-hi:#f7d6b4;--tone-copper-lo:#b86f3a;--paper-50-rgb:246, 232, 197;--paper-100-rgb:237, 217, 180;--paper-200-rgb:227, 200, 161;--paper-300-rgb:213, 183, 143;--paper-400-rgb:188, 148, 90;--son-300-rgb:144, 28, 8;--son-400-rgb:126, 28, 10;--son-500-rgb:101, 17, 6;--son-600-rgb:82, 9, 2;--son-700-rgb:60, 8, 2;--son-frame-rgb:102, 30, 16;--then-900-rgb:9, 8, 6;--then-800-rgb:20, 18, 14;--then-700-rgb:33, 31, 27;--then-600-rgb:66, 53, 31;--vang-200-rgb:239, 200, 112;--vang-300-rgb:237, 184, 82;--vang-400-rgb:200, 161, 84;--vang-500-rgb:195, 133, 51;--vang-600-rgb:165, 109, 45;--dong-400-rgb:159, 126, 65;--dong-500-rgb:120, 97, 49;--dong-700-rgb:62, 44, 16;--muc-900-rgb:36, 27, 18;--muc-800-rgb:45, 42, 34;--muc-700-rgb:64, 48, 26;--muc-600-rgb:99, 77, 44;--muc-500-rgb:117, 94, 54;--muc-400-rgb:142, 120, 84;--chu-500-rgb:124, 25, 15;--ngoc-300-rgb:95, 154, 143;--ngoc-500-rgb:47, 96, 96;--ngoc-700-rgb:29, 78, 78;--song-300-rgb:108, 151, 166;--song-500-rgb:70, 121, 138;--song-700-rgb:44, 88, 104;--la-ring-rgb:86, 139, 45;--la-ui-rgb:70, 125, 34;--la-500-rgb:57, 113, 37;--la-text-rgb:34, 82, 29;--la-bright-rgb:133, 182, 66;--nghe-500-rgb:226, 136, 7;--nghe-ui-rgb:168, 95, 0;--nghe-text-rgb:122, 69, 0;--chusa-bad-rgb:163, 31, 18;--chusa-bright-rgb:255, 138, 106;--hoaca-500-rgb:121, 87, 123;--hoaca-text-rgb:94, 63, 96;--warm-shadow-rgb:20, 10, 4;--fs-micro:10.5px;--fs-xs:11.5px;--fs-sm:12.5px;--fs-md:14px;--fs-lg:17px;--fs-xl:22px;--fs-2xl:28px;--fs-display:clamp(44px, 6vw, 72px);--r-xs:2px;--r-sm:4px;--r-md:4px;--r-lg:6px;--r-xl:6px;--r-2xl:10px;--r-3xl:10px;--r-4xl:12px;--r-panel:10px;--r-pill:999px;--r-round:50%;--r-1:1px;--r-3:2px;--r-5:4px;--r-7:6px;--r-11:8px;--font-ui:"Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";--font-title:"Brygada 1918 Variable", Georgia, "Times New Roman", serif;--font-num:"Brygada 1918 Variable", Georgia, "Times New Roman", serif;--font-display:"Water Brush", "Brygada 1918 Variable", Georgia, serif;--font-emoji:"Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Twemoji Mozilla", sans-serif;--ease:cubic-bezier(.2, .7, .2, 1);--fast:.12s;--med:.2s;--hud-gap:12px;--frame-w:3px;--corner:26px;--paper-tex:url(/ui/paper.webp);--paper-sheen:radial-gradient(130% 100% at 50% 0%, #fffaeb80, transparent 60%);--paper:var(--paper-sheen), var(--paper-tex) 0 0 / 256px 256px, rgb(var(--paper-100-rgb));--paper-light:var(--paper-sheen), var(--paper-tex) 0 0 / 256px 256px, rgb(var(--paper-50-rgb));--paper-blend:normal, multiply, normal;--orn-drum:url(/ui/drum.svg) right -54px bottom -54px / 236px 236px no-repeat;--orn-corner-tl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none' stroke='%23c38533' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 29V9.5a7 7 0 0 1 7-7H29' stroke-width='1.6'/%3E%3Cpath d='M6.5 25.5V12.5a6 6 0 0 1 6-6h13' stroke-width='0.9' opacity='0.75'/%3E%3Cpath d='M10.5 19.5a4.6 4.6 0 1 1 4.6-4.6c0 1.7-1.4 3-3 3s-2.6-1.1-2.6-2.4 1-2.1 2-2.1' stroke-width='1.5'/%3E%3Cpath d='M15.6 12.4c.9-2.5 3.3-4.1 6-3.8 2.4.3 3.9 2.3 3.6 4.3-.2 1.5-1.6 2.5-3 2.3-1.1-.2-1.8-1.1-1.6-2.1' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E");--orn-corner-tr:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none' stroke='%23c38533' stroke-linecap='round' stroke-linejoin='round' transform='matrix(-1 0 0 1 32 0)'%3E%3Cpath d='M2.5 29V9.5a7 7 0 0 1 7-7H29' stroke-width='1.6'/%3E%3Cpath d='M6.5 25.5V12.5a6 6 0 0 1 6-6h13' stroke-width='0.9' opacity='0.75'/%3E%3Cpath d='M10.5 19.5a4.6 4.6 0 1 1 4.6-4.6c0 1.7-1.4 3-3 3s-2.6-1.1-2.6-2.4 1-2.1 2-2.1' stroke-width='1.5'/%3E%3Cpath d='M15.6 12.4c.9-2.5 3.3-4.1 6-3.8 2.4.3 3.9 2.3 3.6 4.3-.2 1.5-1.6 2.5-3 2.3-1.1-.2-1.8-1.1-1.6-2.1' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E");--orn-corner-bl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none' stroke='%23c38533' stroke-linecap='round' stroke-linejoin='round' transform='matrix(1 0 0 -1 0 32)'%3E%3Cpath d='M2.5 29V9.5a7 7 0 0 1 7-7H29' stroke-width='1.6'/%3E%3Cpath d='M6.5 25.5V12.5a6 6 0 0 1 6-6h13' stroke-width='0.9' opacity='0.75'/%3E%3Cpath d='M10.5 19.5a4.6 4.6 0 1 1 4.6-4.6c0 1.7-1.4 3-3 3s-2.6-1.1-2.6-2.4 1-2.1 2-2.1' stroke-width='1.5'/%3E%3Cpath d='M15.6 12.4c.9-2.5 3.3-4.1 6-3.8 2.4.3 3.9 2.3 3.6 4.3-.2 1.5-1.6 2.5-3 2.3-1.1-.2-1.8-1.1-1.6-2.1' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E");--orn-corner-br:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none' stroke='%23c38533' stroke-linecap='round' stroke-linejoin='round' transform='matrix(-1 0 0 -1 32 32)'%3E%3Cpath d='M2.5 29V9.5a7 7 0 0 1 7-7H29' stroke-width='1.6'/%3E%3Cpath d='M6.5 25.5V12.5a6 6 0 0 1 6-6h13' stroke-width='0.9' opacity='0.75'/%3E%3Cpath d='M10.5 19.5a4.6 4.6 0 1 1 4.6-4.6c0 1.7-1.4 3-3 3s-2.6-1.1-2.6-2.4 1-2.1 2-2.1' stroke-width='1.5'/%3E%3Cpath d='M15.6 12.4c.9-2.5 3.3-4.1 6-3.8 2.4.3 3.9 2.3 3.6 4.3-.2 1.5-1.6 2.5-3 2.3-1.1-.2-1.8-1.1-1.6-2.1' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E");--orn-corners:var(--orn-corner-tl) left 2px top 2px / var(--corner) var(--corner) no-repeat, var(--orn-corner-tr) right 2px top 2px / var(--corner) var(--corner) no-repeat, var(--orn-corner-bl) left 2px bottom 2px / var(--corner) var(--corner) no-repeat, var(--orn-corner-br) right 2px bottom 2px / var(--corner) var(--corner) no-repeat;--orn-corners-blend:normal, normal, normal, normal;--lacquer:linear-gradient(180deg, #26221c 0%, #15130f 55%, #0b0a07 100%);--lacquer-red:linear-gradient(180deg, #8a200c 0%, #6a1407 45%, #520902 100%);--lacquer-red-orb:radial-gradient(circle at 50% 30%, #9a2a10 0%, #6a1407 60%, #4a0904 100%);--lacquer-red-rail:linear-gradient(90deg, #6a1407 0%, #8a200c 50%, #520902 100%);--lacquer-glint:inset 0 2px 3px #ffdca02e;--paper-glint:inset 0 1px 0 #ffffff8c;--frame-rings:inset 0 0 0 1px rgb(var(--vang-400-rgb)), inset 0 0 0 2px #3c080259;--frame-rings-dark:inset 0 0 0 1px rgba(var(--vang-400-rgb), .6), inset 0 0 0 2px #00000073;--shadow-lift:0 10px 24px rgba(var(--warm-shadow-rgb), .45);--inset-well:inset 0 1px 3px #40301a59}:where(:root,.on-lacquer,.topbar,.tooltip,.build-menu,.minimap,.minimap-toggle,.segmented,.pause-banner,.pad-hints,.pad-toast,.touch-bar,.touch-dock,.phone-nav,.phone-dock){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);--surface-sunken-rgb:var(--then-900-rgb);--surface-base-rgb:var(--then-900-rgb);--surface-low-rgb:var(--then-800-rgb);--surface-rgb:var(--then-800-rgb);--surface-raised-rgb:var(--then-700-rgb);--surface-high-rgb:var(--then-600-rgb);--surface-top-rgb:var(--then-600-rgb);--surface-solid-rgb:var(--then-800-rgb);--surface-bar-rgb:var(--then-800-rgb);--disc-rgb:var(--then-600-rgb);--well-rgb:var(--then-900-rgb);--scrim-rgb:var(--then-900-rgb);--field-rgb:var(--then-900-rgb);--shade-rgb:var(--then-900-rgb);--edge-rgb:var(--then-900-rgb);--rim-rgb:var(--vang-200-rgb);--text-rgb:var(--paper-50-rgb);--text-2-rgb:var(--paper-200-rgb);--text-muted-rgb:var(--paper-300-rgb);--text-faint-rgb:var(--paper-400-rgb);--text-bright-rgb:var(--paper-50-rgb);--text-on-accent-rgb:var(--muc-900-rgb);--title-rgb:var(--vang-200-rgb);--accent-rgb:var(--vang-200-rgb);--accent-strong-rgb:var(--vang-300-rgb);--focus-rgb:var(--vang-200-rgb);--line-rgb:var(--vang-400-rgb);--line-strong-rgb:var(--vang-600-rgb);--line-deep-rgb:var(--dong-700-rgb);--accent-light-rgb:var(--vang-200-rgb);--accent-glint-rgb:var(--paper-50-rgb);--glint-rgb:var(--paper-50-rgb);--face-accent-hi-rgb:var(--vang-200-rgb);--face-accent-lo-rgb:var(--vang-500-rgb);--fresh-rgb:var(--vang-300-rgb);--fresh-deep-rgb:var(--vang-500-rgb);--fresh-light-rgb:var(--vang-200-rgb);--good-rgb:var(--la-bright-rgb);--good-strong-rgb:var(--la-ring-rgb);--good-deep-rgb:var(--la-500-rgb);--good-light-rgb:var(--la-bright-rgb);--good-pale-rgb:var(--la-bright-rgb);--warn-rgb:var(--nghe-500-rgb);--warn-deep-rgb:var(--nghe-ui-rgb);--warn-light-rgb:var(--vang-300-rgb);--warn-soft-rgb:var(--nghe-500-rgb);--bad-rgb:var(--chusa-bright-rgb);--bad-strong-rgb:var(--son-300-rgb);--bad-deep-rgb:var(--son-400-rgb);--bad-soft-rgb:var(--chusa-bright-rgb);--bad-text-rgb:var(--chusa-bright-rgb);--bad-text-2-rgb:var(--chusa-bright-rgb);--bad-ring-rgb:var(--chusa-bright-rgb);--bad-glow-rgb:var(--chusa-bright-rgb);--bad-line-rgb:var(--chusa-bright-rgb);--bad-light-rgb:var(--chusa-bright-rgb);--bad-tint-rgb:var(--chusa-bright-rgb);--bad-pale-rgb:var(--chusa-bright-rgb);--short-rgb:var(--son-500-rgb);--info-rgb:var(--song-300-rgb);--info-deep-rgb:var(--song-500-rgb);--info-light-rgb:var(--song-300-rgb);--info-pale-rgb:var(--song-300-rgb);--paused-rgb:var(--muc-400-rgb);--guide-rgb:var(--ngoc-300-rgb);--shadow-rgb:var(--warm-shadow-rgb);--sheen-rgb:var(--paper-50-rgb);--line-a-1:.5;--line-a-2:.24;--line-a-3:.16;--chip-well:rgba(var(--then-900-rgb), .34);--tone-filter:drop-shadow(0 .045em .03em rgba(var(--tone-shadow-rgb), .75));--btn-face-hi:#2c2823;--btn-face-lo:#171511;--btn-secondary-hi:#4a3b22;--btn-secondary-lo:#2a2116;--btn-danger-hi:#2c2823;--btn-danger-lo:#171511;--btn-danger-line:#ff8a6a;--build-warn-text:#edb852;--need-residents:#6c97a6;--mood-angry:#ff8a6a;--status-input:#edb852;--status-full:#c9a6cb;--paused-light:#d5b78f;--fin-income:#85b642;--fin-expenses-text:#edb852;--fin-trade:#6c97a6;--trade-buy-text:#6c97a6;--brick-text:#f0b89a;--guild-light:#d2b4d4;--guild-light-rgb:210, 180, 212;--region-cross-text:#8fc4c9;--region-text:#8fc4bb;--mood-content:#efc870;--mood-euphoric:#5f9a8f;--fresh-text:#efc870}:where(.on-paper,.panel:not(.minimap,.minimap-toggle,.build-menu),.tooltip--card,.notice,.sheet,.phone-top,.build-menu__stack,.move-tip,.road-cost){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);--surface-sunken-rgb:var(--paper-300-rgb);--surface-base-rgb:var(--paper-200-rgb);--surface-low-rgb:var(--paper-200-rgb);--surface-rgb:var(--paper-100-rgb);--surface-raised-rgb:var(--paper-50-rgb);--surface-high-rgb:var(--paper-50-rgb);--surface-top-rgb:var(--paper-50-rgb);--surface-solid-rgb:var(--paper-100-rgb);--surface-bar-rgb:var(--paper-200-rgb);--disc-rgb:var(--paper-300-rgb);--well-rgb:var(--paper-300-rgb);--scrim-rgb:var(--paper-100-rgb);--field-rgb:var(--paper-50-rgb);--shade-rgb:var(--muc-700-rgb);--edge-rgb:var(--paper-400-rgb);--rim-rgb:var(--paper-50-rgb);--text-rgb:var(--muc-900-rgb);--text-2-rgb:var(--muc-700-rgb);--text-muted-rgb:var(--muc-600-rgb);--text-faint-rgb:var(--muc-600-rgb);--text-bright-rgb:var(--paper-50-rgb);--text-on-accent-rgb:var(--paper-50-rgb);--title-rgb:var(--chu-500-rgb);--accent-rgb:var(--son-500-rgb);--accent-strong-rgb:var(--son-400-rgb);--focus-rgb:var(--ngoc-500-rgb);--line-rgb:var(--paper-400-rgb);--line-strong-rgb:var(--dong-500-rgb);--line-deep-rgb:var(--dong-700-rgb);--accent-light-rgb:var(--vang-400-rgb);--accent-glint-rgb:var(--paper-50-rgb);--glint-rgb:var(--paper-50-rgb);--face-accent-hi-rgb:var(--son-400-rgb);--face-accent-lo-rgb:var(--son-600-rgb);--fresh-rgb:var(--vang-500-rgb);--fresh-deep-rgb:var(--vang-600-rgb);--fresh-light-rgb:var(--vang-200-rgb);--good-rgb:var(--la-text-rgb);--good-strong-rgb:var(--la-ui-rgb);--good-deep-rgb:var(--la-500-rgb);--good-light-rgb:var(--la-ring-rgb);--good-pale-rgb:var(--la-text-rgb);--warn-rgb:var(--nghe-text-rgb);--warn-deep-rgb:var(--nghe-ui-rgb);--warn-light-rgb:var(--nghe-500-rgb);--warn-soft-rgb:var(--nghe-ui-rgb);--bad-rgb:var(--chusa-bad-rgb);--bad-strong-rgb:var(--chusa-bad-rgb);--bad-deep-rgb:var(--son-500-rgb);--bad-soft-rgb:var(--chusa-bad-rgb);--bad-text-rgb:var(--chusa-bad-rgb);--bad-text-2-rgb:var(--chusa-bad-rgb);--bad-ring-rgb:var(--chusa-bad-rgb);--bad-glow-rgb:var(--chusa-bad-rgb);--bad-line-rgb:var(--chusa-bad-rgb);--bad-light-rgb:var(--chusa-bad-rgb);--bad-tint-rgb:var(--chusa-bad-rgb);--bad-pale-rgb:var(--chusa-bad-rgb);--short-rgb:var(--chusa-bad-rgb);--info-rgb:var(--song-700-rgb);--info-deep-rgb:var(--song-500-rgb);--info-light-rgb:var(--song-300-rgb);--info-pale-rgb:var(--song-700-rgb);--paused-rgb:var(--muc-400-rgb);--guide-rgb:var(--ngoc-500-rgb);--shadow-rgb:var(--warm-shadow-rgb);--sheen-rgb:var(--paper-50-rgb);--line-a-1:.95;--line-a-2:.7;--line-a-3:.5;--chip-well:rgba(var(--paper-200-rgb), .5);--tone-filter:brightness(.74) saturate(1.45) drop-shadow(0 .03em .02em rgba(var(--muc-900-rgb), .5));--btn-face-hi:#f6e8c5;--btn-face-lo:#e3c8a1;--btn-secondary-hi:#efdcb5;--btn-secondary-lo:#d5b78f;--btn-danger-hi:#f6e8c5;--btn-danger-lo:#e3c8a1;--btn-danger-line:#a31f12;--build-warn-text:#7a4500;--need-residents:#2c5868;--mood-angry:#a31f12;--status-input:#7a4500;--status-full:#5e3f60;--paused-light:#634d2c;--fin-income:#22521d;--fin-expenses-text:#7a4500;--fin-trade:#2c5868;--trade-buy-text:#2c5868;--brick-text:#7e1c0a;--guild-light:#5e3f60;--guild-light-rgb:94, 63, 96;--region-cross-text:#1d4e4e;--region-text:#1d4e4e;--mood-content:#7a4500;--mood-euphoric:#1d4e4e;--fresh-text:#7a4500}:where(:root,.build-menu,.build-menu__stack,.minimap,.minimap-toggle,.move-tip,.notice,.on-lacquer,.on-paper,.pad-hints,.pad-toast,.panel,.pause-banner,.phone-dock,.phone-nav,.phone-top,.road-cost,.segmented,.sheet,.tooltip,.tooltip--card,.topbar,.touch-bar,.touch-dock){--surface-sunken:rgb(var(--surface-sunken-rgb));--surface-base:rgb(var(--surface-base-rgb));--surface-low:rgb(var(--surface-low-rgb));--surface:rgb(var(--surface-rgb));--surface-raised:rgb(var(--surface-raised-rgb));--surface-high:rgb(var(--surface-high-rgb));--surface-top:rgb(var(--surface-top-rgb));--surface-solid:rgb(var(--surface-solid-rgb));--surface-bar:rgb(var(--surface-bar-rgb));--disc:rgb(var(--disc-rgb));--scrim:rgb(var(--scrim-rgb));--field:rgb(var(--field-rgb));--shade:rgb(var(--shade-rgb));--edge:rgb(var(--edge-rgb));--rim:rgb(var(--rim-rgb));--text:rgb(var(--text-rgb));--text-2:rgb(var(--text-2-rgb));--text-muted:rgb(var(--text-muted-rgb));--text-faint:rgb(var(--text-faint-rgb));--text-bright:rgb(var(--text-bright-rgb));--text-on-accent:rgb(var(--text-on-accent-rgb));--title:rgb(var(--title-rgb));--accent:rgb(var(--accent-rgb));--accent-strong:rgb(var(--accent-strong-rgb));--focus:rgb(var(--focus-rgb));--line:rgb(var(--line-rgb));--line-strong:rgb(var(--line-strong-rgb));--line-deep:rgb(var(--line-deep-rgb));--accent-light:rgb(var(--accent-light-rgb));--accent-glint:rgb(var(--accent-glint-rgb));--glint:rgb(var(--glint-rgb));--face-accent-hi:rgb(var(--face-accent-hi-rgb));--face-accent-lo:rgb(var(--face-accent-lo-rgb));--fresh:rgb(var(--fresh-rgb));--fresh-deep:rgb(var(--fresh-deep-rgb));--fresh-light:rgb(var(--fresh-light-rgb));--good:rgb(var(--good-rgb));--good-strong:rgb(var(--good-strong-rgb));--good-deep:rgb(var(--good-deep-rgb));--good-light:rgb(var(--good-light-rgb));--good-pale:rgb(var(--good-pale-rgb));--warn:rgb(var(--warn-rgb));--warn-deep:rgb(var(--warn-deep-rgb));--warn-light:rgb(var(--warn-light-rgb));--warn-soft:rgb(var(--warn-soft-rgb));--bad:rgb(var(--bad-rgb));--bad-strong:rgb(var(--bad-strong-rgb));--bad-deep:rgb(var(--bad-deep-rgb));--bad-soft:rgb(var(--bad-soft-rgb));--bad-text:rgb(var(--bad-text-rgb));--bad-text-2:rgb(var(--bad-text-2-rgb));--bad-ring:rgb(var(--bad-ring-rgb));--bad-glow:rgb(var(--bad-glow-rgb));--bad-line:rgb(var(--bad-line-rgb));--bad-light:rgb(var(--bad-light-rgb));--bad-tint:rgb(var(--bad-tint-rgb));--bad-pale:rgb(var(--bad-pale-rgb));--short:rgb(var(--short-rgb));--info:rgb(var(--info-rgb));--info-deep:rgb(var(--info-deep-rgb));--info-light:rgb(var(--info-light-rgb));--info-pale:rgb(var(--info-pale-rgb));--paused:rgb(var(--paused-rgb));--guide:rgb(var(--guide-rgb));--shadow:rgb(var(--shadow-rgb));--sheen:rgb(var(--sheen-rgb));--mask:rgb(var(--mask-rgb));--panel-bg:rgba(var(--surface-rgb), .97);--panel-bg-solid:rgb(var(--surface-solid-rgb));--panel-line:rgba(var(--line-rgb), var(--line-a-1));--panel-line-soft:rgba(var(--line-rgb), var(--line-a-2));--hairline:rgba(var(--line-rgb), var(--line-a-3));--well:rgba(var(--well-rgb), .34);--shadow-panel:0 10px 28px rgba(var(--shadow-rgb), .42), 0 2px 6px rgba(var(--shadow-rgb), .3);--shadow-pop:0 18px 44px rgba(var(--shadow-rgb), .55), 0 3px 10px rgba(var(--shadow-rgb), .35)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{-webkit-text-size-adjust:100%}body{overscroll-behavior:none;background:var(--surface-base);color:var(--text);font-family:var(--font-ui);font-size:var(--fs-md);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.45;overflow:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,h4,p{font-weight:inherit;font-size:inherit;margin:0}ul{margin:0;padding:0;list-style:none}dl,dd{margin:0}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.app{position:fixed;inset:0;overflow:hidden}.game-canvas{z-index:0;background:var(--sky);position:absolute;inset:0}.game-canvas canvas{width:100%;height:100%;display:block}.app__notices{z-index:40;pointer-events:none;width:min(460px,100vw - 32px);position:absolute;top:16px;left:50%;transform:translate(-50%)}.num{font-family:var(--font-num);font-variant-numeric:lining-nums tabular-nums}.pos{color:var(--good)}.neg{color:var(--bad)}.warn{color:var(--warn)}.muted{color:var(--text-muted)}.icon{font-family:var(--font-emoji);vertical-align:-.12em;flex:none;font-style:normal;font-weight:400;line-height:1;display:inline-block}*{scrollbar-width:thin;scrollbar-color:rgba(var(--line-rgb), .45) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{border-radius:var(--r-lg);background:rgba(var(--line-rgb), .4) padding-box;border:2px solid #0000}::-webkit-scrollbar-track{background:0 0}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}@keyframes fade-in{0%{opacity:0}}@keyframes breathe{50%{box-shadow:var(--shadow-panel), 0 0 26px rgba(var(--accent-strong-rgb), .45)}}@keyframes blink-bad{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.vh{clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.icon{vertical-align:-.15em;flex:none;width:1em;height:1em;font-family:inherit;line-height:1;display:inline-block;overflow:visible}.icon--xs{font-size:12px}.icon--sm{font-size:var(--fs-md)}.icon--md{font-size:18px}.icon--lg{font-size:var(--fs-xl)}.icon--xl{font-size:30px}.icon--xxl{font-size:40px}.icon__hi{stop-color:var(--icon-hi,currentColor)}.icon__lo{stop-color:var(--icon-lo,currentColor)}.icon--tone{color:var(--icon-lo);filter:var(--tone-filter)}.icon--timber{--icon-hi:var(--tone-timber-hi);--icon-lo:var(--tone-timber-lo)}.icon--earth{--icon-hi:var(--tone-earth-hi);--icon-lo:var(--tone-earth-lo)}.icon--food{--icon-hi:var(--tone-food-hi);--icon-lo:var(--tone-food-lo)}.icon--textile{--icon-hi:var(--tone-textile-hi);--icon-lo:var(--tone-textile-lo)}.icon--drink{--icon-hi:var(--tone-drink-hi);--icon-lo:var(--tone-drink-lo)}.icon--civic{--icon-hi:var(--tone-civic-hi);--icon-lo:var(--tone-civic-lo)}.icon--home{--icon-hi:var(--tone-home-hi);--icon-lo:var(--tone-home-lo)}.icon--port{--icon-hi:var(--tone-port-hi);--icon-lo:var(--tone-port-lo)}.icon--stone{--icon-hi:var(--tone-stone-hi);--icon-lo:var(--tone-stone-lo)}.icon--gold{--icon-hi:var(--tone-gold-hi);--icon-lo:var(--tone-gold-lo)}.icon--farmer{--icon-hi:var(--tone-farmer-hi);--icon-lo:var(--tone-farmer-lo)}.icon--worker{--icon-hi:var(--tone-worker-hi);--icon-lo:var(--tone-worker-lo)}.icon--artisan{--icon-hi:var(--tone-artisan-hi);--icon-lo:var(--tone-artisan-lo)}.icon--jornalero{--icon-hi:var(--tone-jornalero-hi);--icon-lo:var(--tone-jornalero-lo)}.icon--obrero{--icon-hi:var(--tone-obrero-hi);--icon-lo:var(--tone-obrero-lo)}.icon--copper{--icon-hi:var(--tone-copper-hi);--icon-lo:var(--tone-copper-lo)}.btn--primary .icon--tone{--icon-hi:currentColor;--icon-lo:currentColor;filter:none}.icon--muted{color:var(--text-muted)}.icon--info{color:var(--info)}.icon--warn{color:var(--warn)}.icon--bad{color:var(--bad)}.icon--good{color:var(--good)}.icon--painted{object-fit:contain;image-rendering:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.icon--painted.icon--round{background:radial-gradient(circle at 50% 35%, rgb(var(--paper-50-rgb)), rgb(var(--paper-300-rgb)));box-shadow:0 0 0 .06em var(--icon-hi,rgb(var(--vang-400-rgb))), 0 0 0 .1em rgba(var(--then-900-rgb), .55);border-radius:50%}.icon-sheet{gap:0;min-height:100vh;display:grid;overflow:auto}.icon-sheet__surface{color:var(--text);padding:16px 20px 24px}.icon-sheet__surface--paper{background:var(--paper);background-blend-mode:var(--paper-blend)}.icon-sheet__surface--lacquer{background:var(--lacquer)}.icon-sheet__title{font:600 var(--fs-lg) / 1.2 var(--font-title);color:var(--accent-text,var(--text));margin:14px 0 8px}.icon-sheet__grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:6px 8px;display:grid}.icon-sheet__cell{border:1px solid var(--line);border-radius:6px;margin:0;padding:6px 4px 4px}.icon-sheet__sizes{justify-content:center;align-items:flex-end;gap:8px;min-height:66px;display:flex}.icon-sheet__at{line-height:0;display:inline-flex}.icon-sheet__name{text-align:center;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);margin-top:4px;font-size:11px;line-height:1.2;overflow:hidden}.btn{--btn-bg:linear-gradient(180deg, var(--btn-face-hi) 0%, var(--btn-face-lo) 100%);border:1px solid var(--panel-line);border-radius:var(--r-md);background:var(--btn-bg);min-height:34px;color:var(--text);font-size:var(--fs-md);letter-spacing:.01em;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(var(--rim-rgb), .45), 0 1px 3px rgba(var(--shadow-rgb), .28);transition:border-color var(--fast) var(--ease), box-shadow var(--fast) var(--ease), filter var(--fast) var(--ease), transform var(--fast) var(--ease);justify-content:center;align-items:center;gap:8px;padding:7px 16px;font-weight:600;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--accent-strong);filter:brightness(1.12);box-shadow:inset 0 1px 0 rgba(var(--sheen-rgb), .1), 0 0 0 1px rgba(var(--accent-strong-rgb), .25), 0 4px 14px rgba(var(--shadow-rgb), .3)}.btn:active:not(:disabled){filter:brightness(.96);transform:translateY(1px)}.btn:disabled{cursor:not-allowed;opacity:.45;filter:grayscale(.4)}.btn--primary{--btn-bg:linear-gradient(180deg, var(--btn-primary-hi) 0%, var(--btn-primary-mid) 48%, var(--btn-primary-lo) 100%);border-color:rgb(var(--then-900-rgb));color:var(--btn-primary-ink);text-shadow:0 1px 0 rgba(var(--then-900-rgb), .45);box-shadow:inset 0 0 0 1px rgb(var(--vang-500-rgb)), inset 0 2px 0 rgba(var(--vang-200-rgb), .18), 0 2px 5px rgba(var(--shadow-rgb), .35)}.btn--primary :is(.icon,.glyph,svg){color:rgb(var(--vang-200-rgb))}.btn--primary:hover:not(:disabled){border-color:rgb(var(--then-900-rgb));box-shadow:inset 0 0 0 1px rgb(var(--vang-300-rgb)), inset 0 2px 0 rgba(var(--vang-200-rgb), .25), 0 4px 12px rgba(var(--shadow-rgb), .4)}.btn--secondary{--btn-bg:linear-gradient(180deg, var(--btn-secondary-hi) 0%, var(--btn-secondary-lo) 100%);border-color:var(--line-strong)}.btn--ghost{--btn-bg:rgba(var(--sheen-rgb), .06);border-color:rgba(var(--line-rgb), .6);box-shadow:none}.btn--danger{--btn-bg:linear-gradient(180deg, var(--btn-danger-hi) 0%, var(--btn-danger-lo) 100%);border-color:var(--btn-danger-line);color:var(--bad)}.btn--danger.is-armed{--btn-bg:linear-gradient(180deg, var(--btn-armed-hi) 0%, var(--btn-armed-lo) 100%);border-color:rgb(var(--then-900-rgb));color:rgb(var(--paper-50-rgb));animation:1s ease-in-out infinite pulse-danger}.btn--sm{min-height:28px;font-size:var(--fs-sm);gap:6px;padding:4px 11px}.btn--lg{min-height:44px;font-size:var(--fs-lg);padding:10px 20px}.btn--block{width:100%}@keyframes pulse-danger{50%{box-shadow:0 0 0 3px rgba(var(--bad-rgb), .25), 0 0 18px rgba(var(--bad-rgb), .45)}}.icon-btn{border-radius:var(--r-md);width:28px;height:28px;color:var(--text-2);font-size:var(--fs-md);transition:color var(--fast), border-color var(--fast), background var(--fast);background:0 0;border:1px solid #0000;flex:none;place-items:center;line-height:1;display:inline-grid}.icon-btn:hover{border-color:rgba(var(--line-rgb), .6);background:rgba(var(--line-rgb), .14);color:var(--text)}.icon-btn--sm{width:24px;height:24px;font-size:13px}.input{border:1px solid rgba(var(--line-rgb), .35);border-radius:var(--r-md);background:rgba(var(--field-rgb), .55);width:100%;height:42px;box-shadow:inset 0 2px 6px rgba(var(--shadow-rgb), .35);color:var(--text);font-size:var(--fs-lg);transition:border-color var(--fast), box-shadow var(--fast), background var(--fast);padding:0 13px;font-weight:500}.input::placeholder{color:rgba(var(--text-2-rgb), .38);font-weight:400}.input:hover{border-color:rgba(var(--line-rgb), .55)}.input:focus{border-color:var(--accent-strong);background:rgba(var(--field-rgb), .7);box-shadow:inset 0 2px 6px rgba(var(--shadow-rgb), .35), 0 0 0 3px rgba(var(--accent-strong-rgb), .18);outline:none}.input.is-invalid{border-color:rgba(var(--bad-rgb), .8)}.input--code{letter-spacing:.04em}.swatch{border-radius:var(--r-3);width:12px;height:12px;box-shadow:0 0 0 1px rgba(var(--shadow-rgb), .5), inset 0 1px 0 rgba(var(--sheen-rgb), .35);flex:none;display:inline-block}.swatch--none{background:var(--text-faint)}.dot{border-radius:var(--r-round);flex:none;width:8px;height:8px;display:inline-block}.dot--on{background:var(--good-strong);box-shadow:0 0 0 2px rgba(var(--good-strong-rgb), .25), 0 0 8px rgba(var(--good-rgb), .8)}.dot--off{background:var(--text-faint)}.pause-icon{border-radius:var(--r-1);border-left:3px solid;border-right:3px solid;flex:none;width:9px;height:10px;display:inline-block}.badge{border-radius:var(--r-pill);background:var(--bad-strong);min-width:18px;height:18px;box-shadow:0 0 0 2px var(--surface);color:var(--text-bright);font-size:var(--fs-xs);place-items:center;padding:0 5px;font-weight:700;display:inline-grid}.orb{width:var(--orb,36px);height:var(--orb,36px);border:1px solid rgb(var(--then-900-rgb));border-radius:var(--r-round);background:var(--lacquer-red-orb);color:rgb(var(--vang-200-rgb));box-shadow:inset 0 0 0 1.5px rgb(var(--vang-500-rgb)), var(--lacquer-glint), 0 2px 4px rgba(var(--then-900-rgb), .4);transition:filter var(--fast) var(--ease), box-shadow var(--fast) var(--ease), transform var(--fast) var(--ease);flex:none;place-items:center;padding:0;display:grid;position:relative}.orb--dark{background:radial-gradient(circle at 50% 30%, rgb(var(--then-600-rgb)), rgb(var(--then-800-rgb)))}.orb--paper{border-color:rgb(var(--paper-400-rgb));background:radial-gradient(circle at 50% 30%, rgb(var(--paper-50-rgb)), rgb(var(--paper-200-rgb)));color:rgb(var(--muc-700-rgb));box-shadow:0 1px 3px rgba(var(--muc-900-rgb), .25)}.orb.is-on{box-shadow:inset 0 0 0 2px rgb(var(--vang-200-rgb)), 0 0 0 2px rgba(var(--vang-200-rgb), .45), 0 2px 4px rgba(var(--then-900-rgb), .4)}button.orb:hover,:is(button,a):hover>.orb{filter:brightness(1.15)}button.orb:active,:is(button,a):active>.orb{transform:translateY(1px)}.lfield{border:1px solid rgb(var(--paper-400-rgb));border-radius:var(--r-11);background:rgb(var(--paper-50-rgb));min-width:0;min-height:44px;color:rgb(var(--muc-700-rgb));box-shadow:inset 0 1px 2px rgba(var(--muc-700-rgb), .18);transition:border-color var(--fast), box-shadow var(--fast);align-items:center;gap:8px;padding:0 10px;display:flex}.lfield>.lglyph{flex:none}.lfield input{width:0;min-width:0;min-height:40px;color:rgb(var(--muc-900-rgb));font-size:var(--fs-md);background:0 0;border:0;outline:none;flex:1;padding:0}.lfield input::placeholder{color:rgb(var(--muc-600-rgb));opacity:.85}.lfield:hover{border-color:rgb(var(--dong-500-rgb))}.lfield:focus-within{border-color:rgb(var(--ngoc-500-rgb));box-shadow:inset 0 1px 2px rgba(var(--muc-700-rgb), .18), 0 0 0 3px rgba(var(--ngoc-500-rgb), .22)}.lfield.is-invalid{border-color:rgb(var(--chusa-bad-rgb))}.lfield-block{gap:4px;display:grid}.lfield-block__label{color:rgb(var(--muc-700-rgb));font-size:var(--fs-sm);font-weight:700}.lfield-block__hint{color:rgb(var(--muc-600-rgb));font-size:var(--fs-xs);font-style:normal;line-height:1.4}.field{gap:6px;display:grid}.field__label{color:var(--text-2);font-size:var(--fs-sm);align-items:center;gap:6px;font-weight:700;display:inline-flex}.field__error{color:var(--bad);font-size:var(--fs-sm);font-weight:600}.field__hint{color:var(--text-muted);font-size:var(--fs-xs);line-height:1.4}.panel{--framed:1;border:var(--frame-w) solid rgb(var(--son-frame-rgb));border-radius:var(--r-panel);background:var(--orn-corners), var(--paper);background-blend-mode:var(--orn-corners-blend), var(--paper-blend);box-shadow:var(--frame-rings), var(--shadow-panel);outline:1px solid rgba(var(--then-900-rgb), .85);outline-offset:-1px;color:var(--text);pointer-events:auto;position:relative}.panel:is(.info-panel,.island-panel,.stats-panel,.fleet-panel,.route-editor,.modal__card){background:var(--orn-corners), var(--orn-drum), var(--paper);background-blend-mode:var(--orn-corners-blend), normal, var(--paper-blend)}.panel:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}[data-form=phone]{--frame-w:2px;--corner:16px}.panel__bar{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:8px;padding:8px 8px 7px 12px;display:flex}.panel__heading{color:var(--title);font-family:var(--font-title);font-size:var(--fs-md);align-items:center;gap:6px;font-weight:700;display:flex}.panel__count{color:var(--text-2);font-size:var(--fs-xs)}.rows{gap:5px;display:grid}.row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.row__label{color:var(--text-muted);font-size:var(--fs-sm);flex:none}.row__value{text-align:right;min-width:0;font-weight:500}.row--total{border-top:1px solid var(--hairline);padding-top:5px;font-weight:700}.amount{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.amount__name{color:var(--text-2);font-weight:400}.neg .amount__name{color:inherit}.cost-list{flex-wrap:wrap;justify-content:flex-end;gap:3px 12px;display:inline-flex}.meter{border-radius:var(--r-pill);background:rgba(var(--shadow-rgb), .4);height:8px;box-shadow:inset 0 1px 2px rgba(var(--shadow-rgb), .5), 0 1px 0 rgba(var(--sheen-rgb), .04);position:relative;overflow:hidden}.meter--thin{height:4px}.meter__fill{border-radius:inherit;background:linear-gradient(90deg, var(--line-strong), var(--accent-strong));height:100%;box-shadow:inset 0 1px 0 rgba(var(--sheen-rgb), .3);transition:width .35s var(--ease)}.meter--good .meter__fill{background:linear-gradient(90deg, var(--good-deep), var(--good-light))}.meter--warn .meter__fill{background:linear-gradient(90deg, var(--warn-deep), var(--warn-light))}.meter--bad .meter__fill{background:linear-gradient(90deg, var(--bad-deep), var(--bad))}.meter--info .meter__fill{background:linear-gradient(90deg, var(--info-deep), var(--info-light))}.tooltip{--framed:1;z-index:1000;border:1px solid rgb(var(--vang-600-rgb));border-radius:var(--r-lg);background:var(--lacquer);max-width:300px;box-shadow:var(--shadow-pop), inset 0 1px 0 rgba(var(--vang-200-rgb), .12);color:var(--text);font-family:var(--font-ui);font-size:var(--fs-sm);opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;padding:7px 10px;line-height:1.45;position:fixed}.tooltip.is-placed{animation:tip-in .16s var(--ease) forwards}.tooltip--card{border:2px solid rgb(var(--son-frame-rgb));background:var(--orn-corners), var(--paper);background-blend-mode:var(--orn-corners-blend), var(--paper-blend);width:296px;max-width:calc(100vw - 16px);box-shadow:var(--frame-rings), var(--shadow-pop);--corner:18px;padding:12px 14px}@keyframes tip-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}.card{gap:9px;min-width:180px;display:grid}.card__head{align-items:center;gap:10px;display:flex}.card__titles{gap:1px;min-width:0;display:grid}.card__title{color:var(--title);font-family:var(--font-title);font-size:var(--fs-lg);font-weight:700;line-height:1.25}.card__sub{color:var(--text-muted);font-size:var(--fs-xs)}.card__desc{color:var(--text-2);font-size:var(--fs-sm)}.card .rows{border-top:1px solid var(--hairline);padding-top:8px}.card__note{color:var(--text-2);font-size:var(--fs-sm);align-items:center;gap:6px;display:flex}.card__alert{border-radius:var(--r-md);background:rgba(var(--well-rgb), .5);font-size:var(--fs-sm);align-items:center;gap:6px;padding:6px 8px;font-weight:600;display:flex}.panel [role=tab][aria-selected=true],.sheet [role=tab][aria-selected=true]{border-color:rgb(var(--then-900-rgb));background:var(--lacquer-red);box-shadow:inset 0 0 0 1px rgb(var(--vang-500-rgb)), inset 0 2px 0 rgba(var(--vang-200-rgb), .2);color:rgb(var(--vang-200-rgb))}.panel [role=tab][aria-selected=true] :is(.icon,.glyph),.sheet [role=tab][aria-selected=true] :is(.icon,.glyph){color:rgb(var(--vang-200-rgb))}.info-section__title:not(.info-section__title--icon,.vh):not(:has(.info-section__aside)){color:var(--title);font-family:var(--font-title);font-size:var(--fs-sm);letter-spacing:.04em;font-weight:700}.info-section__title:not(.info-section__title--icon,.vh):not(:has(.info-section__aside)):before{content:"";background:linear-gradient(90deg, transparent, var(--line-strong));flex:1;min-width:12px;height:1px}.info-section__title:not(.info-section__title--icon,.vh):not(:has(.info-section__aside)):after{content:"";background:linear-gradient(90deg, transparent, var(--line-strong));flex:1;min-width:12px;height:1px}.info-section__title:not(.info-section__title--icon,.vh):not(:has(.info-section__aside)):after{background:linear-gradient(90deg, var(--line-strong), transparent)}.backdrop{background:radial-gradient(90% 60% at 50% 38%, var(--backdrop-dusk-glow), transparent 70%), linear-gradient(180deg, var(--backdrop-dusk-sky) 0%, var(--backdrop-dusk-sea) 58%, var(--backdrop-dusk-shore) 100%);pointer-events:none;position:absolute;inset:0;overflow:hidden}.backdrop__picture,.backdrop__img{width:100%;height:100%;position:absolute;inset:0}.backdrop__img{object-fit:cover;object-position:50% 55%;opacity:0;transition:opacity var(--med) var(--ease);-webkit-user-select:none;user-select:none;transform:scale(1.03)}.backdrop.is-ready .backdrop__img{opacity:1;animation:48s ease-in-out infinite alternate backdrop-drift}@keyframes backdrop-drift{0%{transform:scale(1.03)translate(0)}to{transform:scale(1.08)translate(-1.2%,-.8%)}}@media (prefers-reduced-motion:reduce){.backdrop.is-ready .backdrop__img{animation:none}}.backdrop__shade{background:radial-gradient(120% 90% at 50% 45%, transparent 45%, rgba(var(--warm-shadow-rgb), .5) 100%), linear-gradient(180deg, rgba(var(--warm-shadow-rgb), .18) 0%, transparent 22%, transparent 70%, rgba(var(--warm-shadow-rgb), .45) 100%);position:absolute;inset:0}.lobby{z-index:20;overscroll-behavior:contain;grid-template-rows:1fr;padding:18px 16px 12px;display:grid;position:absolute;inset:0;overflow:hidden auto}.lobby>.backdrop{position:fixed}.lobby__col{z-index:1;grid-template-columns:minmax(0,1fr);align-content:center;gap:10px;width:min(460px,100%);margin:0 auto;padding-bottom:12px;display:grid;position:relative}.plaque{border:1px solid rgb(var(--then-900-rgb));border-radius:var(--r-panel);background:var(--lacquer-red);color:rgb(var(--vang-300-rgb));text-align:center;box-shadow:inset 0 0 0 4px rgb(var(--son-600-rgb)), inset 0 0 0 5px rgb(var(--vang-400-rgb)), inset 0 0 0 8px rgb(var(--son-600-rgb)), inset 0 0 0 9px rgba(var(--vang-200-rgb), .5), 0 10px 26px rgba(var(--then-900-rgb), .45), 0 2px 6px rgba(var(--then-900-rgb), .3);animation:lobby-rise var(--med) var(--ease) backwards;justify-items:center;padding:14px 24px 12px;display:grid;position:relative;overflow:hidden}.plaque__drum{color:currentColor;opacity:.12;pointer-events:none;width:320px;height:320px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.plaque__drum .drum{width:100%;height:100%}.plaque__cloud{width:58px;color:rgb(var(--vang-400-rgb));pointer-events:none;position:absolute;bottom:12px}.plaque__cloud svg{width:100%;display:block}.plaque__cloud--l{left:18px}.plaque__cloud--r{right:18px;transform:scaleX(-1)}.lobby__title{color:rgb(var(--vang-300-rgb));font-family:var(--font-display);text-shadow:0 2px 0 rgb(var(--son-700-rgb)), 0 0 18px rgba(var(--vang-300-rgb), .25);cursor:default;-webkit-user-select:none;user-select:none;margin:0;font-size:clamp(46px,9vw,70px);font-weight:400;line-height:1.1;position:relative}.plaque__year{color:rgb(var(--vang-200-rgb));font-family:var(--font-title);letter-spacing:.3em;margin-top:-6px;padding-left:.3em;font-size:28px;font-weight:700;line-height:1.1;position:relative}.lbtns{gap:8px;display:grid}.lbtn{border:1px solid rgb(var(--son-frame-rgb));border-radius:var(--r-panel);background:var(--paper);background-blend-mode:var(--paper-blend);min-height:62px;color:rgb(var(--muc-900-rgb));text-align:left;box-shadow:inset 0 0 0 1px rgb(var(--vang-400-rgb)), inset 0 0 0 3px rgba(var(--paper-400-rgb), .25), 0 3px 8px rgba(var(--then-900-rgb), .3);transition:transform var(--fast) var(--ease), box-shadow var(--fast) var(--ease), filter var(--fast) var(--ease);animation:lobby-rise var(--med) var(--ease) backwards;align-items:center;gap:14px;padding:8px 14px 8px 10px;display:flex}.lbtn:first-child{animation-delay:40ms}.lbtn:nth-child(2){animation-delay:80ms}.lbtn:nth-child(3){animation-delay:.12s}.lbtn:hover{filter:brightness(1.04);box-shadow:inset 0 0 0 1px rgb(var(--vang-500-rgb)), inset 0 0 0 3px rgba(var(--vang-400-rgb), .35), 0 6px 14px rgba(var(--then-900-rgb), .35);transform:translateY(-1px)}.lbtn:active{filter:brightness(.97);transform:translateY(1px)}.lbtn:focus-visible{outline:2px solid rgb(var(--vang-200-rgb));outline-offset:2px}.lbtn__medal{border-radius:var(--r-round);background:var(--lacquer-red-orb);width:44px;height:44px;color:rgb(var(--vang-200-rgb));box-shadow:inset 0 0 0 1.5px rgb(var(--vang-500-rgb)), var(--lacquer-glint);flex:none;place-items:center;display:grid}.lbtn__t{flex:1;min-width:0;display:grid}.lbtn__t b{color:rgb(var(--muc-900-rgb));font-family:var(--font-title);font-size:19px;font-weight:700;line-height:1.2}.lbtn__t small{color:rgb(var(--muc-600-rgb));font-size:var(--fs-sm);line-height:1.35}.lbtn__go{color:rgb(var(--muc-500-rgb));opacity:0;transition:opacity var(--fast) var(--ease), transform var(--fast) var(--ease);flex:none;transform:translate(-4px)}.lbtn:hover .lbtn__go,.lbtn:focus-visible .lbtn__go{opacity:1;transform:none}.lobby__error{border:1px solid rgb(var(--then-900-rgb));border-radius:var(--r-panel);background:var(--paper);background-blend-mode:var(--paper-blend);color:rgb(var(--chusa-bad-rgb));font-size:var(--fs-md);box-shadow:inset 4px 0 0 rgb(var(--son-400-rgb)), inset 0 0 0 1px rgb(var(--vang-500-rgb)), 0 6px 16px rgba(var(--then-900-rgb), .35);animation:fade-in var(--med) var(--ease);align-items:flex-start;gap:8px;padding:9px 12px 9px 14px;font-weight:600;display:flex}.lobby__error .lglyph{flex:none;margin-top:1px}.lobby__archived-create{min-height:44px}.worlds.panel{background:var(--orn-corners), var(--paper);animation:lobby-rise var(--med) .16s var(--ease) backwards;border-width:3px;grid-template-columns:minmax(0,1fr);gap:0;padding:8px 12px 12px;display:grid}.worlds__title{color:var(--title);font-family:var(--font-title);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:10px;margin:2px 0;font-size:13px;font-weight:700;display:flex}.worlds__title:before,.worlds__title:after{content:"";background:linear-gradient(90deg, transparent, rgb(var(--muc-500-rgb)));flex:1;height:1px}.worlds__title:after{background:linear-gradient(90deg, rgb(var(--muc-500-rgb)), transparent)}.worlds__empty{color:var(--text-muted);font-size:var(--fs-sm);justify-content:center;align-items:center;gap:6px;padding:10px 0 4px;display:flex}.worlds__list{max-height:min(206px,30vh);margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.worlds__list.is-loading{min-height:48px}.worlds__item{border:0;border-bottom:1px solid rgb(var(--paper-300-rgb));width:100%;min-height:48px;color:var(--text);text-align:left;transition:background var(--fast) var(--ease);background:0 0;border-radius:0;align-items:center;gap:10px;padding:4px;display:flex}.worlds__list>li:last-child .worlds__item{border-bottom:0}button.worlds__item:hover,button.worlds__item:focus-visible,.worlds__item.is-current{background:rgba(var(--paper-50-rgb), .7)}button.worlds__item:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.worlds__icon{border-radius:var(--r-round);background:var(--lacquer-red-orb);width:32px;height:32px;color:rgb(var(--vang-200-rgb));box-shadow:inset 0 0 0 1px rgb(var(--vang-500-rgb));flex:none;place-items:center;display:grid}.worlds__t{flex:1;min-width:0;line-height:1.2;display:grid}.worlds__head{align-items:center;gap:5px;min-width:0;display:flex}.worlds__name{font-size:var(--fs-md);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.worlds__lock{color:var(--text-2);flex:none;display:inline-grid}.worlds__meta{min-width:0;color:var(--text-muted);font-size:var(--fs-xs);flex-wrap:wrap;align-items:center;gap:0 6px;display:flex}.worlds__player{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;max-width:11em;display:inline-flex;overflow:hidden}.worlds__player.is-you{color:var(--text-2);font-weight:600}.worlds__dot{border-radius:var(--r-round);width:7px;height:7px;box-shadow:inset 0 0 0 1.2px rgb(var(--muc-500-rgb));flex:none}.worlds__player.is-online .worlds__dot{background:rgb(var(--la-ui-rgb));box-shadow:0 0 0 1px rgba(var(--paper-50-rgb), .8)}.worlds__sep{color:rgb(var(--muc-500-rgb))}.worlds__side{color:var(--text-2);font-size:var(--fs-xs);white-space:nowrap;flex:none;justify-items:end;gap:1px;display:grid}.worlds__code{color:var(--text-muted);letter-spacing:.02em}.worlds__count{align-items:center;gap:3px;font-weight:600;display:inline-flex}.worlds__go{color:rgb(var(--muc-500-rgb));transition:transform var(--fast) var(--ease);flex:none;display:grid}button.worlds__item:hover .worlds__go{color:var(--accent);transform:translate(2px)}.worlds__item.is-unknown .worlds__name{color:var(--text-2);font-weight:600}.worlds__item.is-unknown .worlds__icon{background:rgba(var(--paper-400-rgb), .55);color:rgb(var(--paper-50-rgb));box-shadow:none}.worlds__hint{font-style:italic}.worlds__item.is-archived{opacity:.72;cursor:default}.worlds__item.is-archived .worlds__why{margin-left:2px}.worlds__archived{color:var(--text-muted)}.worlds__join{gap:6px;margin-top:10px;display:flex}.worlds__join .lfield{flex:1}.worlds__go-btn{flex:none;min-height:44px}.worlds__error{margin-top:4px}.lobby__password{gap:4px;margin-top:10px;display:grid}.lobby__password-label{color:var(--title);font-size:var(--fs-sm);align-items:center;gap:6px;font-weight:700;display:inline-flex}.lobby__name.panel{z-index:2;width:260px;animation:lobby-rise var(--med) .2s var(--ease) backwards;border-width:3px;align-items:center;gap:10px;padding:8px 12px 8px 8px;display:flex;position:absolute;bottom:16px;left:16px}.lobby__name.is-invalid{box-shadow:var(--frame-rings), 0 0 0 3px rgba(var(--chusa-bad-rgb), .55), var(--shadow-panel)}.lobby__avatar{border-radius:var(--r-round);background:rgb(var(--paper-300-rgb));width:44px;height:44px;color:var(--text-2);box-shadow:inset 0 0 0 1.5px rgb(var(--vang-600-rgb));flex:none;place-items:center;display:grid}.lobby__name-field{flex:1;min-width:0;display:grid}.lobby__name-field small{color:var(--text-2);font-size:var(--fs-xs);font-weight:700}.lobby__name-input{border:0;border-bottom:1px solid rgb(var(--paper-400-rgb));min-width:0;min-height:30px;color:var(--text);transition:border-color var(--fast);background:0 0;border-radius:0;outline:none;padding:0 6px;font-size:15px;font-weight:500}.lobby__name-input::placeholder{color:var(--text-muted);font-weight:400}.lobby__name-input:focus{border-bottom-color:var(--focus);box-shadow:0 1px 0 var(--focus)}.lobby__name-error{color:var(--bad);font-size:var(--fs-xs);font-weight:600}.lobby__corner{z-index:2;animation:fade-in var(--med) .2s var(--ease) backwards;gap:10px;display:flex;position:absolute;bottom:14px;right:16px}.cbtn{min-width:56px;color:rgb(var(--paper-50-rgb));font-size:var(--fs-xs);text-shadow:0 1px 2px rgba(var(--then-900-rgb), .9);background:0 0;border:0;justify-items:center;gap:3px;padding:0;font-weight:600;display:grid}.cbtn .orb{--orb:44px}.cbtn:hover .orb{filter:brightness(1.15)}.cbtn:focus-visible{outline:none}.cbtn:focus-visible .orb{outline:2px solid rgb(var(--vang-200-rgb));outline-offset:2px}.cbtn__label{white-space:nowrap}.lobby.is-flow{flex-direction:column;align-items:center;gap:12px;display:flex}.lobby.is-flow .lobby__col{order:1;align-content:start;padding-bottom:0}.lobby.is-flow .lobby__name.panel{flex:none;order:2;width:min(460px,100vw - 32px);position:static}.lobby.is-flow .lobby__corner{flex-wrap:wrap;flex:none;order:3;justify-content:center;padding-bottom:4px;position:static}[data-form=phone] .lobby{padding:max(14px, env(safe-area-inset-top)) 16px max(12px, env(safe-area-inset-bottom))}@media (min-width:1700px) and (min-height:1000px){.lobby__col{zoom:1.15}}@keyframes lobby-rise{0%{opacity:0;transform:translateY(8px)}}[data-form=phone][data-orient=landscape] .lobby.is-flow{padding-top:max(10px, env(safe-area-inset-top));padding-bottom:max(10px, env(safe-area-inset-bottom));flex-flow:column wrap;place-content:center;gap:8px 16px}[data-form=phone][data-orient=landscape] .lobby.is-flow .lobby__col{display:contents}[data-form=phone][data-orient=landscape] .lobby.is-flow :is(.plaque,.lbtns,.lobby__error,.lobby__archived-create,.worlds,.lobby__name,.lobby__corner){z-index:1;width:min(380px,50vw - 32px);position:relative;inset:auto}[data-form=phone][data-orient=landscape] .lobby.is-flow .plaque{order:1;padding:8px 18px}[data-form=phone][data-orient=landscape] .lobby.is-flow .lbtns{order:2;gap:6px}[data-form=phone][data-orient=landscape] .lobby.is-flow .lbtn{min-height:54px;padding-top:5px;padding-bottom:5px}[data-form=phone][data-orient=landscape] .lobby.is-flow :is(.lobby__error,.lobby__archived-create){order:3}[data-form=phone][data-orient=landscape] .lobby.is-flow .worlds{order:4}[data-form=phone][data-orient=landscape] .lobby.is-flow .lobby__name.panel{order:5;width:min(380px,50vw - 32px)}[data-form=phone][data-orient=landscape] .lobby.is-flow .lobby__corner{order:6}[data-form=phone][data-orient=landscape] .lobby__title{font-size:44px}[data-form=phone][data-orient=landscape] .plaque__year{font-size:20px}[data-form=phone][data-orient=landscape] .plaque__drum{width:240px;height:240px}[data-form=phone][data-orient=landscape] .worlds__list{max-height:104px}.loading{z-index:30;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.loading__col{z-index:1;justify-items:stretch;gap:10px;width:min(360px,100%);display:grid;position:relative}.plaque--small{padding:10px 20px}.plaque--small .plaque__drum{width:240px;height:240px}.loading__brand{color:rgb(var(--vang-300-rgb));font-family:var(--font-display);text-shadow:0 2px 0 rgb(var(--son-700-rgb));font-size:44px;line-height:1.1;position:relative}.plaque--small .plaque__year{margin-top:-4px;font-size:20px}.loading__card.panel{text-align:center;animation:lobby-rise var(--med) 80ms var(--ease) backwards;justify-items:center;gap:8px;padding:18px 22px 16px;display:grid}.loading__drum{width:64px;height:64px;color:var(--title);opacity:.85;place-items:center;animation:8s linear infinite loading-turn;display:grid}@keyframes loading-turn{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.loading__drum{animation:none}}.loading__title{color:var(--title);font-family:var(--font-title);font-size:var(--fs-xl);font-weight:700;line-height:1.2}.loading__room{color:var(--text-muted);font-size:var(--fs-sm)}.loading__room strong{color:var(--text);letter-spacing:.03em;font-weight:600}.loading__text{color:var(--text-2);font-size:var(--fs-md)}.loading__bar{border-radius:var(--r-pill);background:rgba(var(--muc-900-rgb), .16);width:100%;height:6px;margin:2px 0 4px;position:relative;overflow:hidden}.loading__bar>i{border-radius:var(--r-pill);background:rgb(var(--la-ui-rgb));transition:width var(--med) var(--ease);position:absolute;inset:0 auto 0 0}.loading__cancel{min-height:36px}.hud{z-index:10;pointer-events:none;-webkit-user-select:none;user-select:none;--info-w:304px;--fleet-w:384px;--side-w:232px;--tool-hint-max:250px;flex-direction:column;display:flex;position:absolute;inset:0}.hud input{-webkit-user-select:text;user-select:text}.hud__body{flex:1;min-height:0;position:relative}.hud__center{top:var(--hud-gap);z-index:3;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:min(460px,44vw);display:flex;position:absolute;left:50%;transform:translate(-50%)}.pause-banner{--framed:1;border:1px solid rgb(var(--then-900-rgb));border-radius:var(--r-pill);background:var(--lacquer);box-shadow:inset 0 0 0 1px rgb(var(--vang-500-rgb)), var(--shadow-panel);color:var(--title);font-family:var(--font-title);font-size:var(--fs-lg);letter-spacing:.04em;animation:fade-in var(--med) var(--ease), breathe 2.4s ease-in-out infinite;align-items:center;gap:8px;padding:6px 18px;font-weight:700;display:inline-flex}.hud[data-band=stack] .minimap,.hud[data-band=stack] .minimap-toggle,.hud[data-band=stack] .hud__side{bottom:var(--band-menu,14px)}.room{gap:8px}.room__code{border:1px dashed rgba(var(--line-rgb), .5);border-radius:var(--r-md);background:rgba(var(--well-rgb), .3);height:30px;transition:border-color var(--fast), background var(--fast);align-items:center;gap:7px;padding:0 10px;display:inline-flex}.room__code:hover{border-style:solid;border-color:var(--accent-strong);background:rgba(var(--line-rgb), .1)}.room__code.is-copied{border-style:solid;border-color:var(--good)}.room__label{color:var(--text-muted);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase}.room__value{color:var(--accent);letter-spacing:.03em;font-weight:700}.room__copy{min-width:14px;color:var(--good);place-items:center;font-weight:700;display:inline-grid}.latency{font-size:var(--fs-sm);white-space:nowrap;align-items:center;gap:4px;font-weight:600;display:inline-flex}.pause-banner--warn{border-color:var(--warn);color:var(--text)}.spinner{border:2px solid rgba(var(--text-rgb), .25);border-top-color:var(--warn);border-radius:var(--r-round);width:14px;height:14px;animation:.9s linear infinite spin}.players{animation:fade-in var(--med) var(--ease);position:relative}.players__list{gap:2px;padding:6px 6px 4px;display:grid}.player{border-radius:var(--r-md);align-items:center;gap:8px;height:28px;padding:0 6px;font-weight:500;display:flex}.player.is-me{background:rgba(var(--line-rgb), .09)}.player.is-offline{color:var(--text-muted)}.player.is-offline .swatch{opacity:.45}.player__name{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;overflow:hidden}.player__you{color:var(--text-muted);font-size:var(--fs-xs);flex:none}.player .dot{margin-left:auto}.hud__side{top:var(--hud-gap);bottom:14px;left:var(--hud-gap);z-index:2;align-items:flex-start;gap:var(--hud-gap);pointer-events:none;flex-direction:column;display:flex;position:absolute}.hud__side>.chat,.hud__side>.chat-toggle{flex:none;margin-top:auto;position:relative;bottom:auto;left:auto}.hud__side>.chat{flex:0 1000 auto;min-height:84px}.hud__side>.chat .chat__log{flex:auto;min-height:0}.hud__left{gap:var(--hud-gap);width:var(--side-w);pointer-events:none;flex-direction:column;flex:0 auto;min-height:0;display:flex}.hud__left>*{flex:none}.hud__left>.objectives{flex-direction:column;flex:0 auto;min-height:0;display:flex}.objectives{animation:fade-in var(--med) var(--ease)}.objectives__toggle{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:0;display:flex}.objectives__toggle .panel__heading{flex:1}.objectives__chevron{color:var(--accent-strong);font-size:var(--fs-sm);transition:transform var(--fast) var(--ease);display:inline-flex;transform:rotate(-90deg)}.objectives__chevron.is-open{transform:none}.objectives__body{flex-direction:column;gap:7px;min-height:0;padding:9px 12px 11px;display:flex;overflow-y:auto}.objectives__body>*{flex:none}.objectives__body>.objectives__hint{scrollbar-width:thin;min-height:3em;-webkit-mask-image:linear-gradient(180deg, var(--mask) calc(100% - 8px), transparent);-webkit-mask-image:linear-gradient(180deg, var(--mask) calc(100% - 8px), transparent);mask-image:linear-gradient(180deg, var(--mask) calc(100% - 8px), transparent);flex:0 auto;margin-bottom:-8px;padding-bottom:8px;overflow-y:auto}.objectives__current{color:var(--accent);font-weight:600;line-height:1.35}.objectives__progress{color:var(--text-2);font-size:var(--fs-xs);grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.objectives__hint{color:var(--text-2);font-size:var(--fs-sm);line-height:1.45}.objectives__steps{gap:3px;margin:2px 0 0;padding:0;list-style:none;display:flex}.objectives__step{border-radius:var(--r-xs);background:rgba(var(--sheen-rgb), .12);flex:1;height:4px}.objectives__step.is-done{background:var(--line)}.objectives__step.is-current{background:var(--accent);box-shadow:0 0 6px rgba(var(--accent-rgb), .7)}.ship-btn{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--fast) var(--ease), transform var(--fast) var(--ease);align-items:center;gap:10px;padding:8px 10px;display:flex}.ship-btn:hover{transform:translateY(-1px)}.ship-btn.is-active{box-shadow:inset 0 0 0 1px rgb(var(--vang-200-rgb)), inset 0 0 0 3px rgba(var(--vang-300-rgb), .45), var(--shadow-panel)}.ship-btn__icon{border:1px solid rgb(var(--son-frame-rgb));border-radius:var(--r-round);background:radial-gradient(circle at 50% 35%, rgb(var(--paper-50-rgb)), rgb(var(--paper-300-rgb)));width:34px;height:34px;box-shadow:inset 0 0 0 1px rgba(var(--vang-500-rgb), .8);flex:none;place-items:center;font-size:19px;display:grid}.ship-btn__text{flex:1;min-width:0;display:grid}.ship-btn__title{color:var(--accent);font-weight:600}.ship-btn__status{color:var(--text-2);font-size:var(--fs-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ship-btn__key{border:1px solid var(--panel-line-soft);border-radius:var(--r-sm);color:var(--text-muted);font-family:inherit;font-size:var(--fs-xs);flex:none;padding:1px 6px}.ship-info__status{color:var(--text);font-weight:600}.ship-info__status.is-sailing{color:var(--info)}.ship-info__hint{color:var(--text-2);font-size:var(--fs-sm);line-height:1.45}.ship-info__actions .btn{gap:8px}.minimap{right:var(--hud-gap);z-index:2;padding:4px;line-height:0;position:absolute;bottom:14px}.minimap.panel,.minimap-toggle.panel{border-color:rgb(var(--dong-500-rgb));background:var(--lacquer);background-blend-mode:normal;box-shadow:var(--frame-rings-dark), var(--shadow-panel)}.minimap__canvas{border-radius:var(--r-md);cursor:crosshair;width:196px;height:196px;image-rendering:pixelated;touch-action:none}.guide-ring{z-index:60;border:2px solid var(--accent);box-shadow:0 0 0 1px rgba(var(--guide-ring-edge-rgb), .5), 0 0 14px 2px rgba(var(--accent-rgb), .7), inset 0 0 10px rgba(var(--accent-rgb), .3);pointer-events:none;animation:1.5s ease-in-out infinite guide-glow;position:fixed}.guide-ring:after{content:"";border:2px solid rgba(var(--accent-rgb), .85);border-radius:inherit;animation:1.5s ease-out infinite guide-ping;position:absolute;inset:-2px}@keyframes guide-glow{50%{border-color:var(--accent-glint);box-shadow:0 0 0 1px rgba(var(--guide-ring-edge-rgb), .5), 0 0 24px 6px rgba(var(--accent-rgb), .85), inset 0 0 12px rgba(var(--accent-rgb), .45)}}@keyframes guide-ping{0%{opacity:.9;inset:-2px}to{opacity:0;inset:-14px}}.objectives__next{border-left:2px solid var(--accent-strong);border-radius:0 var(--r-md) var(--r-md) 0;background:rgba(var(--accent-rgb), .07);color:var(--text);font-size:var(--fs-sm);gap:2px;padding:6px 8px 7px 9px;line-height:1.4;display:grid}.objectives__next-label{color:var(--accent-strong);font-size:var(--fs-micro);letter-spacing:.06em;text-transform:uppercase;font-weight:700}.guide-btn{gap:6px}.guide-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:15px;height:15px}.guide-icon__fill{fill:currentColor;stroke:none}.guide-toggle{color:var(--text-faint)}.guide-toggle.is-on{color:var(--accent)}.road-cost{z-index:15;border:1px solid var(--panel-line);border-radius:var(--r-pill);background:var(--panel-bg-solid);box-shadow:var(--shadow-panel);color:var(--text);font-family:var(--font-ui);font-size:var(--fs-sm);white-space:nowrap;pointer-events:none;will-change:transform;align-items:center;gap:8px;padding:4px 10px 4px 7px;font-weight:600;display:inline-flex;position:fixed;top:0;left:0}.road-cost[hidden]{display:none}.road-cost__gold{color:var(--accent);align-items:center;gap:5px;font-weight:700;display:inline-flex}.road-cost__gold:before{content:"";border-radius:var(--r-round);background:radial-gradient(circle at 35% 30%, var(--coin-hi) 0%, var(--accent-strong) 45%, var(--line-strong) 100%);width:12px;height:12px;box-shadow:inset 0 0 0 1px rgba(var(--coin-edge-rgb), .6)}.road-cost__info{color:var(--text-2);font-weight:500}.road-cost.is-short{border-color:rgba(var(--bad-rgb), .8)}.road-cost.is-short .road-cost__gold,.road-cost.is-short .road-cost__info{color:var(--bad)}@media (prefers-reduced-motion:reduce){.guide-ring,.guide-ring:after{animation:none}}.guide-pins{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.guide-pins__leaders{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.guide-leader,.guide-pin,.guide-pin__hit{--pin:var(--guide);--pin-glow:rgba(var(--guide-rgb), .3)}.guide-leader--join,.guide-pin--join,.guide-pin__hit--join{--pin:var(--pin-join);--pin-glow:rgba(var(--pin-join-rgb), .28)}.guide-leader--spot,.guide-pin--spot,.guide-pin__hit--spot{--pin:var(--pin-spot);--pin-glow:rgba(var(--pin-spot-rgb), .32)}.guide-leader__bg{fill:none;stroke:rgba(var(--guide-casing-rgb), .82);stroke-width:6px;stroke-linecap:round}.guide-leader__fg{fill:none;stroke:var(--pin);stroke-width:3px;stroke-linecap:round}.guide-leader__head{fill:var(--pin);stroke:rgba(var(--guide-casing-rgb), .85);stroke-width:1.5px;stroke-linejoin:round}.guide-pin{cursor:pointer;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;will-change:transform;position:absolute;top:0;left:0}.guide-pin__body{border:2px solid var(--pin);border-radius:var(--r-2xl);background:rgba(var(--guide-pin-bg-rgb), .94);box-shadow:0 3px 10px rgba(var(--shadow-rgb), .45), 0 0 0 3px var(--pin-glow);color:var(--text-bright);font-family:var(--font-ui);font-size:var(--fs-md);white-space:nowrap;transition:background var(--fast) var(--ease), box-shadow var(--fast) var(--ease);align-items:center;gap:7px;padding:6px 13px 6px 9px;font-weight:700;line-height:1.15;display:inline-flex}.guide-pin__lines{flex-direction:column;gap:1px;display:flex}.guide-pin__sub{color:rgba(var(--text-bright-rgb), .78);font-size:var(--fs-xs);font-weight:600}.guide-pin__sub[hidden]{display:none}.guide-pin__icon{width:20px;height:20px;color:var(--pin);flex:none}.guide-pin:hover .guide-pin__body,.guide-pin.is-pad-hover .guide-pin__body{background:rgba(var(--guide-pin-hover-rgb), .97);box-shadow:0 3px 12px rgba(var(--shadow-rgb), .5), 0 0 0 5px var(--pin-glow)}.guide-pin.is-pad-hover .guide-pin__body{outline:3px solid var(--sheen);outline-offset:2px}.guide-pin:active .guide-pin__body{background:rgba(var(--guide-pin-active-rgb), .98)}.guide-pin--start .guide-pin__body{animation:1.2s ease-in-out infinite guide-pin-glow}.guide-pin--end .guide-pin__body{font-size:var(--fs-sm);padding:4px 11px 4px 7px}.guide-pin--end .guide-pin__icon{width:17px;height:17px}.guide-pin__hit{border-radius:var(--r-round);cursor:pointer;pointer-events:auto;touch-action:none;border:2px dashed #0000;position:absolute;top:0;left:0}.guide-pin__hit:hover{border-color:rgba(var(--sheen-rgb), .85);background:rgba(var(--sheen-rgb), .1)}.guide-pins--passive .guide-pin,.guide-pins--passive .guide-pin__hit{cursor:default;pointer-events:none}[data-input=touch] .guide-pin__body{min-height:44px;padding:7px 14px 7px 10px}@keyframes guide-pin-glow{0%,to{box-shadow:0 3px 10px rgba(var(--shadow-rgb), .45), 0 0 0 3px var(--pin-glow)}50%{box-shadow:0 3px 10px rgba(var(--shadow-rgb), .45), 0 0 0 8px var(--pin-glow)}}@media (prefers-reduced-motion:reduce){.guide-pin--start .guide-pin__body{animation:none}}.guide-how{border-left:2px solid var(--guide);border-radius:0 var(--r-md) var(--r-md) 0;background:rgba(var(--guide-rgb), .08);color:var(--text);font-size:var(--fs-sm);align-items:flex-start;gap:7px;margin:0;padding:6px 8px 6px 7px;line-height:1.4;display:flex}.guide-how .icon{color:var(--guide);flex:none;margin-top:1px}:root{--spot-dim:rgba(var(--then-900-rgb), .6)}.spotlight{z-index:55;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}.spotlight__dim{fill:var(--spot-dim);opacity:0;transition:opacity .45s}.guide-ring--spot{border:3px solid rgb(var(--vang-200-rgb));box-shadow:0 0 0 1px rgba(var(--then-900-rgb), .55), 0 0 18px 6px rgba(var(--vang-200-rgb), .7);transition:left var(--fast) var(--ease), top var(--fast) var(--ease), width var(--fast) var(--ease), height var(--fast) var(--ease);animation:none}.guide-ring--spot:after{display:none}.guide-ring__label{border:1px solid rgb(var(--then-900-rgb));border-radius:var(--r-pill);background:var(--lacquer-red);box-shadow:inset 0 0 0 1px rgb(var(--vang-500-rgb)), var(--shadow-pop);color:rgb(var(--paper-50-rgb));font-family:var(--font-ui);font-size:var(--fs-sm);white-space:nowrap;animation:fade-in var(--med) var(--ease);padding:5px 12px;font-weight:700;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%)}[data-form=phone] .guide-ring__label:not(.guide-ring__label--open){display:none}.guide-ring__label--open{top:50%;bottom:auto;left:calc(100% + 10px);transform:translateY(-50%)}.guide-ring__label--open.guide-ring__label--left{left:auto;right:calc(100% + 10px)}@media (prefers-reduced-motion:reduce){.spotlight__dim{transition:none}}.hud-reveal{z-index:61;pointer-events:none;position:fixed;inset:0}.hud-new{border:1px solid rgba(var(--paper-50-rgb), .85);border-radius:var(--r-pill);background:rgb(var(--ngoc-500-rgb));box-shadow:0 2px 6px rgba(var(--shadow-rgb), .45), 0 0 10px rgba(var(--ngoc-300-rgb), .55);color:rgb(var(--paper-50-rgb));font-family:var(--font-ui);font-size:var(--fs-xs);white-space:nowrap;padding:2px 8px;font-weight:700;animation:.5s cubic-bezier(.2,1.4,.4,1) both hud-new-pop;position:absolute;top:0;left:0}.is-hud-new{animation:1.4s ease-out both hud-reveal}@keyframes hud-reveal{0%{opacity:0;filter:brightness(1.8) drop-shadow(0 0 0 rgba(var(--fresh-rgb), 0))}35%{opacity:1;filter:brightness(1.35) drop-shadow(0 0 14px rgba(var(--fresh-rgb), .85))}to{opacity:1;filter:none}}@keyframes hud-new-pop{0%{opacity:0;scale:.4}}@media (prefers-reduced-motion:reduce){.is-hud-new,.hud-new{animation:none}}.guide-how__line{flex-wrap:wrap;align-items:center;gap:4px 5px;margin:0;display:flex}.guide-how__step{align-items:center;gap:5px;display:inline-flex}.guide-how__step .icon{color:var(--guide);margin:0}.guide-how__pin{border:1px solid rgba(var(--guide-rgb), .75);border-radius:var(--r-md);background:rgba(var(--guide-how-pin-bg-rgb), .85);color:var(--guide-how-pin-ink);font-size:var(--fs-xs);white-space:nowrap;padding:1px 7px;font-weight:700}.hud__left>.tutorial{flex-direction:column;flex:0 auto;min-height:0;display:flex}.hud:not(.hud--phone) .hud__left>.tutorial:not(.is-collapsed){width:min(340px, calc(100vw - 2 * var(--hud-gap)))}.tutorial{animation:fade-in var(--med) var(--ease)}.hud:not(.hud--phone) .tutorial{container:tutorial/inline-size}.tutorial--floating{top:var(--hud-gap);left:calc(var(--hud-gap) * 2 + var(--fleet-w));z-index:4;width:max(var(--side-w), 320px);max-height:calc(100% - var(--hud-gap) - var(--float-reserve,266px));flex-direction:column;display:flex;position:absolute}.tutorial--floating[data-avoid-guide=right]{right:var(--hud-gap);max-height:calc(100% - var(--hud-gap) - var(--info-reserve,232px));left:auto}[data-input=touch] .tutorial--floating[data-avoid-guide=right]{right:calc(var(--hud-gap) * 2 + 50px)}.hud__body:has(.info-panel) .tutorial--floating[data-avoid-guide=right]{right:calc(var(--hud-gap) * 2 + var(--info-w))}[data-input=touch] .hud__body:has(.info-panel) .tutorial--floating[data-avoid-guide=right]{right:calc(var(--hud-gap) * 2 + var(--info-w) + 60px)}.tutorial--floating[data-avoid-guide=down]{top:auto;bottom:var(--float-reserve,266px)}.tutorial__body{overscroll-behavior:contain;flex-direction:column;gap:8px;min-height:0;padding:12px 14px;display:flex;overflow-y:auto}.tutorial__body>*{flex:none}.tutorial__advisor{cursor:pointer;animation:tutorial-scene-in var(--med) var(--ease);align-items:flex-start;gap:10px;margin:0;display:flex}.tutorial__advisor:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--r-panel)}.tutorial__portrait{filter:drop-shadow(0 2px 3px rgba(var(--then-900-rgb), .3));flex:none;margin:-4px 0 0 -4px}.tutorial__say{border-radius:var(--r-2xl);background:rgb(var(--paper-50-rgb));min-width:0;box-shadow:inset 0 0 0 1px rgb(var(--paper-400-rgb));flex:1;gap:1px;padding:7px 10px 8px;display:grid;position:relative}.tutorial__say:before{content:"";border-bottom:1px solid rgb(var(--paper-400-rgb));border-left:1px solid rgb(var(--paper-400-rgb));background:rgb(var(--paper-50-rgb));width:10px;height:10px;position:absolute;top:22px;left:-5px;transform:rotate(45deg)}.tutorial__say-name{color:var(--title);font-family:var(--font-title);font-size:var(--fs-sm);font-weight:700}.tutorial__say-line{color:var(--text-2);quotes:none;font-size:13px;font-style:italic;line-height:1.4}.tutorial__advisor:not(.is-open) .tutorial__say-line{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}@keyframes tutorial-scene-in{0%{opacity:0;transform:translateY(4px)}}.tutorial__head{align-items:center;gap:6px;min-width:0;display:flex}.tutorial__head-portrait{flex:none;display:grid}.tutorial__toggle{min-width:0;min-height:28px;color:var(--text-2);text-align:left;background:0 0;border:0;flex:1;justify-content:space-between;align-items:center;gap:8px;padding:0;display:flex}.tutorial__chapter-of,.tutorial__chapter-step{display:none}.tutorial__chapter-line{min-width:0;font-size:var(--fs-xs);letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-weight:700;overflow:hidden}.tutorial__dots{flex:none;gap:4px;margin:0;padding:0;list-style:none;display:flex}.tutorial__dot{border-radius:var(--r-round);background:rgb(var(--paper-300-rgb));width:7px;height:7px;box-shadow:inset 0 0 0 1px rgb(var(--muc-500-rgb))}.tutorial__dot.is-done{background:rgb(var(--la-ui-rgb));box-shadow:none}.tutorial__dot.is-skipped{background:rgb(var(--muc-400-rgb));box-shadow:none}.tutorial__dot.is-current{background:rgb(var(--son-400-rgb));box-shadow:0 0 0 2px rgba(var(--son-400-rgb), .25)}.tutorial__done-mark{color:var(--good);flex:none;display:grid}.tutorial__head .orb{--orb:26px}.tutorial__fold-icon{transition:transform var(--fast) var(--ease);transform:rotate(90deg)}.tutorial__fold-icon.is-open{transform:rotate(-90deg)}.tutorial.is-collapsed{padding:6px 8px 6px 6px}.tutorial__goal{border-radius:var(--r-11);background:rgba(var(--paper-300-rgb), .4);align-items:center;gap:10px;padding:8px 10px;display:flex}.tutorial__goal-icon{flex:none;place-items:center;width:40px;height:40px;display:grid}.tutorial__goal-icon.is-glyph{border-radius:var(--r-round);background:var(--lacquer-red-orb);width:36px;height:36px;color:rgb(var(--vang-200-rgb));box-shadow:inset 0 0 0 1.5px rgb(var(--vang-500-rgb))}.tutorial__goal-t{flex:1;gap:3px;min-width:0;display:grid}.tutorial__step-id{color:var(--text-muted);font-size:var(--fs-xs);align-items:center;gap:6px;font-weight:700;display:flex}.tutorial__optional{border:1px solid rgb(var(--paper-400-rgb));border-radius:var(--r-pill);color:var(--text-muted);font-size:var(--fs-micro);padding:0 6px;font-weight:600}.tutorial__goal-text{color:var(--text);font-size:13.5px;font-weight:700;line-height:1.3}.tutorial__bar{border-radius:var(--r-sm);background:rgba(var(--muc-900-rgb), .16);height:5px;position:relative;overflow:hidden}.tutorial__bar>i{border-radius:var(--r-sm);background:rgb(var(--la-ui-rgb));transition:width var(--med) var(--ease);position:absolute;inset:0 auto 0 0}.tutorial__count{color:var(--text-2);font-size:var(--fs-md);flex:none;font-weight:600}.itext__icon{vertical-align:-.28em;margin:0 1px;display:inline-flex}.itext__icon--ui{color:var(--accent);vertical-align:-.2em}.tutorial__unlocked{color:var(--text-2);font-size:var(--fs-xs);animation:tutorial-scene-in var(--med) var(--ease);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tutorial__unlocked-label{flex:none;display:inline-flex}.new-chip{border-radius:var(--r-pill);background:rgb(var(--ngoc-500-rgb));color:rgb(var(--paper-50-rgb));font-size:var(--fs-micro);padding:1px 7px;font-weight:700;line-height:1.5;display:inline-block}.tutorial__unlocked-list{flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none;display:flex}.tutorial__chip{display:inline-flex}.tutorial__chip-icon{border:1px solid rgb(var(--paper-400-rgb));border-radius:var(--r-md);background:rgb(var(--paper-50-rgb));width:26px;height:26px;color:var(--title);place-items:center;display:grid}.tutorial__keys{flex-wrap:wrap;gap:6px;display:flex}.tutorial__checks{gap:4px;margin:0;padding:0;list-style:none;display:grid}.tutorial__check{color:var(--text-2);font-size:var(--fs-sm);align-items:center;gap:7px;display:flex}.tutorial__tick{border:1.5px solid rgb(var(--muc-500-rgb));border-radius:var(--r-round);flex:none;place-items:center;width:18px;height:18px;display:grid}.tutorial__check.is-ok{color:var(--text-muted)}.tutorial__check.is-ok .tutorial__tick{border-color:rgb(var(--la-ui-rgb));background:rgb(var(--la-ui-rgb));color:rgb(var(--paper-50-rgb))}.tutorial__check-label{flex:1;min-width:0}.tutorial__actions{gap:6px;display:grid}.tutorial__actions .btn{min-height:34px}.tutorial__show-tip{display:grid}.tutorial__links{gap:6px;display:flex}.tutorial__links>*{flex:1 1 0;display:flex}.tutorial__links .btn{flex:1;min-width:0;padding:0 8px}.tutorial__why-toggle.is-open{border-color:rgb(var(--dong-500-rgb));background:rgba(var(--paper-300-rgb), .6)}.tutorial__skip{color:var(--text-muted)}.tutorial__note{color:var(--text-2);font-size:var(--fs-xs);align-items:flex-start;gap:6px;line-height:1.4;display:flex}.tutorial__note>.lglyph{color:var(--info);flex:none;margin-top:1px}.tutorial__more{border-left:3px solid rgb(var(--son-400-rgb));border-radius:0 var(--r-md) var(--r-md) 0;background:rgba(var(--paper-50-rgb), .6);animation:tutorial-scene-in var(--med) var(--ease);gap:6px;padding:8px 10px;display:grid}.tutorial__more[hidden]{display:none}.tutorial__intro,.tutorial__text,.tutorial__why-text{color:var(--text-2);font-size:var(--fs-sm);line-height:1.45}.tutorial__intro{color:var(--title);font-weight:600}.tutorial__help{border:1px solid rgba(var(--ngoc-500-rgb), .5);border-radius:var(--r-lg);background:rgba(var(--ngoc-500-rgb), .08);gap:6px;padding:8px;display:grid}.tutorial__help.is-offered{animation:.45s ease-out tutorial-help-in}@keyframes tutorial-help-in{0%{opacity:0;transform:translateY(-4px)}}.tutorial__help-row{flex-wrap:wrap;align-items:center;gap:6px 8px;display:flex}.tutorial__help-tip{flex:140px;display:flex}.tutorial__help .btn{text-align:center;white-space:normal;flex:1;line-height:1.25}.tutorial__help .tutorial__fine{gap:4px;display:inline-flex}.tutorial__consent{border:1px dashed rgb(var(--paper-400-rgb));border-radius:var(--r-md);color:var(--text-2);font-size:var(--fs-xs);gap:6px;padding:7px 8px;line-height:1.4;display:grid}.tutorial__consent-btns{gap:6px;display:flex}.tutorial__consent-btns .btn{flex:1}.tutorial.is-outro{box-shadow:var(--frame-rings), 0 0 0 2px rgba(var(--vang-200-rgb), .55), 0 0 22px rgba(var(--vang-200-rgb), .35), var(--shadow-panel)}.tutorial__done-title{color:var(--title);font-family:var(--font-title);font-size:var(--fs-lg);align-items:center;gap:8px;font-weight:700;display:flex}.tutorial__reward{border-radius:var(--r-round);background:radial-gradient(circle, rgba(var(--vang-300-rgb), .45), rgba(var(--vang-300-rgb), 0) 70%);width:34px;height:34px;color:rgb(var(--vang-600-rgb));animation:tutorial-reward 1.6s var(--ease) both;flex:none;place-items:center;display:grid}@keyframes tutorial-reward{0%{opacity:0;transform:scale(.4)rotate(-12deg)}45%{opacity:1;transform:scale(1.18)rotate(4deg)}to{transform:none}}.tutorial__outro .tutorial__actions .btn{text-wrap:balance;white-space:normal;line-height:1.3}.tutorial__hint,.tutorial__fine{color:var(--text-2);font-size:var(--fs-xs);line-height:1.4}.tutorial__fine{color:var(--text-muted)}.tutorial__chapters{gap:6px;margin:0;padding:0;list-style:none;display:grid}.tutorial__chapter{border:1px solid rgba(var(--paper-400-rgb), .7);border-radius:var(--r-md);background:rgba(var(--paper-50-rgb), .5);gap:6px;padding:7px 8px;display:grid}.tutorial__chapter.is-current{border-color:rgb(var(--son-400-rgb));box-shadow:inset 3px 0 0 rgb(var(--son-400-rgb))}.tutorial__chapter.is-closed .tutorial__chapter-title,.tutorial__chapter.is-closed .tutorial__chapter-n{opacity:.6}.tutorial__chapter-head{align-items:center;gap:7px;min-width:0;display:flex}.tutorial__chapter-n{border-radius:var(--r-round);background:var(--lacquer-red-orb);width:20px;height:20px;color:rgb(var(--vang-200-rgb));font-size:var(--fs-micro);flex:none;place-items:center;font-weight:700;display:grid}.tutorial__chapter.is-done .tutorial__chapter-n{background:rgb(var(--la-ui-rgb));color:rgb(var(--paper-50-rgb))}.tutorial__chapter-title{min-width:0;color:var(--text);font-size:var(--fs-sm);flex:1;font-weight:600}.tutorial__chapter-state{color:var(--text-muted);font-size:var(--fs-micro);flex:none}.tutorial__chapter-actions{flex-wrap:wrap;gap:5px;display:flex}.tutorial__chapter-actions .btn--sm{min-height:26px;font-size:var(--fs-xs);padding:2px 10px}.tutorial-open{color:var(--accent-strong)}@media (prefers-reduced-motion:reduce){.tutorial__reward,.tutorial__advisor,.tutorial__unlocked,.tutorial__more{animation:none}}@container tutorial (width<=320px){.tutorial .tutorial__portrait{width:58px;height:58px}.tutorial__body{padding:10px}}.hud--phone .phone-guide>.tutorial .tutorial__body{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"portrait head""portrait goal""portrait say""rest rest";align-items:start;gap:4px 10px;padding:8px 10px 0;display:grid}.hud--phone .phone-guide>.tutorial .tutorial__body>*{grid-column:1/-1}.hud--phone .phone-guide>.tutorial .tutorial__advisor{display:contents}.hud--phone .phone-guide>.tutorial .tutorial__portrait{grid-area:portrait;width:52px;height:52px;margin:0}.hud--phone .phone-guide>.tutorial .tutorial__say{box-shadow:none;background:0 0;grid-area:say;padding:0}.hud--phone .phone-guide>.tutorial .tutorial__say:before,.hud--phone .phone-guide>.tutorial .tutorial__say-name{display:none}.hud--phone .phone-guide:not([data-scene=open])>.tutorial .tutorial__say-line{font-size:var(--fs-xs);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.hud--phone .phone-guide>.tutorial .tutorial__head{grid-area:head}.hud--phone .phone-guide>.tutorial .tutorial__head .orb{--orb:32px}.hud--phone .phone-guide>.tutorial .tutorial__fold,.hud--phone .phone-guide>.tutorial :is(.tutorial__dots,.tutorial__chapter-name){display:none}.hud--phone .phone-guide>.tutorial :is(.tutorial__chapter-of,.tutorial__chapter-step){display:inline}.hud--phone .phone-guide>.tutorial .tutorial__chapter-step:before{content:" · "}.hud--phone .phone-guide:not([data-scene=open])>.tutorial :is(.tutorial__unlocked,.guide-how){display:none}.hud--phone .phone-guide>.tutorial .tutorial__goal{background:0 0;grid-area:goal;padding:0}.hud--phone .phone-guide>.tutorial .tutorial__goal-icon,.hud--phone .phone-guide>.tutorial .tutorial__step-id{display:none}.hud--phone .phone-guide>.tutorial .tutorial__actions{grid-template-columns:minmax(0,1fr) auto;margin-top:4px}.hud--phone .phone-guide>.tutorial .tutorial__links .btn>span:not(.vh){display:none}.hud--phone .phone-guide>.tutorial .tutorial__actions>.tutorial__next,.hud--phone .phone-guide>.tutorial .tutorial__actions>.tutorial__show-tip{grid-column:1}.hud--phone .phone-guide>.tutorial .tutorial__links{grid-area:1/2}.hud--phone .phone-guide>.tutorial .tutorial__actions .btn{min-height:44px}.hud--phone .phone-guide>.tutorial .tutorial__links .btn{min-width:44px;padding:0 10px}.advisor--painted{width:var(--advisor-size,84px);height:var(--advisor-size,84px);border:3px solid rgb(var(--son-500-rgb));border-radius:var(--r-round);background:radial-gradient(circle at 50% 40%, rgb(var(--paper-50-rgb)), rgb(var(--paper-300-rgb)));box-shadow:0 0 0 1.5px rgb(var(--vang-400-rgb)), inset 0 0 0 1px rgb(var(--vang-400-rgb));flex:none;display:block;overflow:hidden}.advisor--painted>img{object-fit:cover;width:100%;height:100%;display:block}.build-menu{--pad:9px;--body-h:calc(var(--page-h) + 2 * var(--pad));--zoom-pref:1;--zoom-min:.85;--zoom:var(--menu-zoom,var(--zoom-pref));--build-shift:39px;--framed:1;bottom:14px;left:var(--menu-x,calc(50% + var(--build-shift)));z-index:2;max-width:calc(100% - 2 * var(--hud-gap));border:3px solid rgb(var(--then-700-rgb));border-radius:var(--r-2xl);background:radial-gradient(120% 60% at 50% 0%, rgba(var(--build-menu-glow-rgb), .12), transparent 60%), var(--lacquer);box-shadow:var(--frame-rings-dark), var(--shadow-panel);outline:1px solid rgba(var(--then-900-rgb), .9);outline-offset:-1px;animation:fade-in var(--med) var(--ease);display:grid;position:absolute;transform:translate(-50%)}.build-menu:before,.build-menu:after{content:"";border-top:1px solid rgba(var(--vang-400-rgb), .75);pointer-events:none;width:14px;height:14px;position:absolute;top:4px}.build-menu:before{border-left:1px solid rgba(var(--vang-400-rgb), .75);border-top-left-radius:var(--r-md);left:4px}.build-menu:after{border-right:1px solid rgba(var(--vang-400-rgb), .75);border-top-right-radius:var(--r-md);right:4px}.build-menu__tabs{border-bottom:1px solid rgb(var(--vang-600-rgb));align-items:flex-end;gap:4px;padding:6px 7px 0 9px;display:flex}.build-menu__tablist{align-items:flex-end;gap:3px;display:flex}.build-tab-slot{display:flex}.build-menu .build-tab{border-radius:var(--r-xl) var(--r-xl) 0 0;height:34px;color:var(--text-2);font-size:var(--fs-sm);white-space:nowrap;transition:background var(--fast), color var(--fast), border-color var(--fast);background:0 0;border:1px solid #0000;border-bottom:0;align-items:center;gap:7px;padding:0 11px 0 6px;font-weight:600;display:inline-flex;position:relative;top:1px}.build-tab:hover{background:rgba(var(--vang-200-rgb), .08);color:var(--text)}.build-tab:focus-visible{outline:2px solid var(--info-pale);outline-offset:-2px}.build-tab.is-active{border-color:rgb(var(--vang-500-rgb));background:linear-gradient(180deg, rgb(var(--build-tab-active-hi-rgb)), rgb(var(--build-tab-active-lo-rgb)));box-shadow:inset 0 1px 0 rgba(var(--vang-200-rgb), .45);color:var(--accent)}.build-tab__medal{border:1px solid rgba(var(--line-rgb), .4);border-radius:var(--r-round);background:radial-gradient(circle at 50% 32%, rgba(var(--build-tab-medal-rgb), .95), rgba(var(--surface-sunken-rgb), .95));width:25px;height:25px;box-shadow:inset 0 1px 0 rgba(var(--sheen-rgb), .1);color:var(--text-2);flex:none;place-items:center;display:grid}.build-tab.is-active .build-tab__medal{border-color:var(--accent-strong);box-shadow:0 0 0 2px rgba(var(--accent-strong-rgb), .14), 0 0 10px rgba(var(--accent-strong-rgb), .35);color:var(--accent)}.build-tab__count{border-radius:var(--r-pill);background:rgba(var(--well-rgb), .45);min-width:22px;color:var(--text);font-size:var(--fs-xs);text-align:center;padding:1px 5px;font-weight:700}.build-tab.is-active .build-tab__count{background:rgba(var(--accent-strong-rgb), .16);color:var(--accent)}.build-tab.is-locked{color:var(--text-muted)}.build-tab.is-locked .build-tab__medal{filter:grayscale()brightness(.8)}.build-tab__lock{color:var(--text-muted)}.build-tab__dot{border:1px solid var(--surface-base);border-radius:var(--r-round);width:8px;height:8px;position:absolute;top:4px;left:24px}.build-tab__dot--hint{background:var(--accent);box-shadow:0 0 6px var(--accent-strong);animation:1.6s ease-in-out infinite build-blink}.build-tab__dot--need{background:var(--bad);box-shadow:0 0 6px var(--bad)}.build-menu__spacer{flex:1;min-width:6px}.build-menu__tabkey{opacity:.75;align-self:center;align-items:center;margin-right:2px;display:flex}.build-menu__help{border:1px solid rgba(var(--line-rgb), .3);border-radius:var(--r-7);background:rgba(var(--sheen-rgb), .03);height:26px;color:var(--text-2);transition:border-color var(--fast), background var(--fast), color var(--fast);align-self:center;align-items:center;gap:5px;margin-bottom:2px;padding:0 4px 0 7px;display:inline-flex}.build-menu__help:hover,.build-menu__help.is-on{border-color:var(--accent-strong);background:rgba(var(--line-rgb), .14);color:var(--accent)}.build-menu__stack{border-radius:0 0 calc(var(--r-2xl) - 3px) calc(var(--r-2xl) - 3px);background:var(--paper);background-blend-mode:var(--paper-blend);box-shadow:inset 0 1px 3px rgba(var(--warm-shadow-rgb), .35);color:var(--text);padding:4px 4px 5px;display:grid}.build-panel{visibility:hidden;grid-area:1/1;justify-content:center;align-items:stretch;display:flex}.build-panel.is-active{visibility:visible;animation:build-panel-in .16s var(--ease)}.build-section{flex-direction:column;min-width:0;padding:0 9px;display:flex}.build-section+.build-section{position:relative}.build-section+.build-section:before{content:"";background:linear-gradient(180deg, transparent, rgba(var(--line-rgb), .9) 22%, rgba(var(--line-rgb), .9) 78%, transparent);width:1px;position:absolute;top:18px;bottom:6px;left:0}.build-section+.build-section:after{content:"";border:1px solid rgba(var(--line-rgb), .55);background:var(--surface);width:6px;height:6px;position:absolute;top:calc(50% + 3px);left:-2.5px;transform:rotate(45deg)}.build-section__head{justify-content:center;align-items:center;height:14px;margin-top:3px;display:flex;position:relative}.build-section__title{color:var(--title);font-size:var(--fs-micro);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;margin:0;font-weight:700;line-height:14px;position:absolute;left:50%;transform:translate(-50%)}.build-section__body{height:var(--body-h);padding:var(--pad) 0;justify-content:center;align-items:center;display:flex}.build-section__body.build-tiles{grid-auto-columns:var(--tile);grid-auto-flow:column;grid-template-rows:repeat(var(--rows,2), var(--tile));gap:var(--lane-gap) 12px;place-content:center;display:grid}.build-section--tips{flex:0 260px}.build-section__body.build-tips{justify-content:flex-start}.build-tips__list{gap:9px;margin:0;padding:0;list-style:none;display:grid}.build-tips__item{color:var(--text-2);font-size:var(--fs-xs);grid-template-columns:24px 1fr;align-items:center;gap:8px;line-height:1.35;display:grid}.build-tips__icon{border:1px solid rgba(var(--line-rgb), .35);border-radius:var(--r-round);background:radial-gradient(circle at 50% 32%, rgba(var(--surface-top-rgb), .9), rgba(var(--surface-sunken-rgb), .9));width:24px;height:24px;color:var(--accent-strong);place-items:center;display:grid}.build-slot{display:flex}.build-menu .build-btn{width:var(--tile);height:var(--tile);border:1px solid rgb(var(--paper-400-rgb));border-radius:var(--r-11);background:radial-gradient(circle at 50% 30%, rgba(var(--build-tile-glow-rgb), .55), transparent 68%), linear-gradient(180deg, var(--build-tile-hi), var(--build-tile-lo));box-shadow:var(--paper-glint), inset 0 -2px 0 rgba(var(--paper-400-rgb), .35), 0 1px 2px rgba(var(--warm-shadow-rgb), .3);color:var(--text);cursor:pointer;transition:transform var(--fast) var(--ease), border-color var(--fast), box-shadow var(--fast), background var(--fast);place-items:center;padding:0;display:grid;position:relative}.build-btn:hover{border-color:rgb(var(--vang-600-rgb));box-shadow:var(--paper-glint), inset 0 0 0 1px rgba(var(--vang-400-rgb), .9), 0 6px 12px rgba(var(--warm-shadow-rgb), .3);transform:translateY(-2px)}.build-btn:active{box-shadow:inset 0 2px 6px rgba(var(--shadow-rgb), .45), 0 1px 2px rgba(var(--shadow-rgb), .3);transform:translateY(0)scale(.95)}.build-btn:focus-visible{outline:2px solid var(--info-pale);outline-offset:2px}.build-btn__icon{filter:drop-shadow(0 2px 2px rgba(var(--shadow-rgb), .5));transition:transform var(--med) var(--ease);place-items:center;display:grid}.build-btn:hover .build-btn__icon{transform:scale(1.08)}.build-btn__label,.build-upgrade__label.is-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.build-btn__key{border:1px solid rgba(var(--line-rgb), .42);border-radius:var(--r-sm);background:rgba(var(--well-rgb), .62);min-width:13px;height:13px;color:var(--accent);font:700 8.5px/11px var(--font-ui);text-align:center;padding:0 3px;position:absolute;top:2px;left:2px}.build-btn__work,.build-btn__need,.build-btn__short{border-radius:var(--r-round);place-items:center;width:15px;height:15px;display:grid;position:absolute}.build-btn__work,.build-btn__need{top:2px;right:2px}.build-btn__work{background:rgba(var(--well-rgb), .6);box-shadow:0 0 0 1px rgba(var(--line-rgb), .3)}.build-btn__work.is-short{background:rgba(var(--warn-rgb), .25);box-shadow:0 0 0 1.5px var(--warn)}.build-btn__need--basic{background:radial-gradient(circle at 50% 35%, var(--need-basic-hi), var(--need-basic-lo));box-shadow:0 0 0 1px rgba(var(--need-basic-ring-rgb), .75);color:var(--need-basic-ink)}.build-btn__need--luxury{background:radial-gradient(circle at 50% 35%, var(--need-luxury-hi), var(--need-luxury-lo));box-shadow:0 0 0 1px rgba(var(--accent-rgb), .8);color:var(--need-luxury-ink)}.build-btn__short{background:rgba(var(--build-short-rgb), .85);box-shadow:0 0 0 1px rgba(var(--bad-glow-rgb), .85);bottom:2px;right:2px}.build-btn__flag{z-index:1;border-radius:var(--r-round);pointer-events:none;place-items:center;width:17px;height:17px;display:grid;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.build-btn__flag--hint{border:1px solid var(--build-flag-line);background:linear-gradient(180deg, var(--build-flag-hi), var(--build-flag-lo));box-shadow:0 0 8px rgba(var(--accent-rgb), .7);color:var(--build-flag-ink)}.build-btn__flag--need{border:1px solid var(--bad-line);background:linear-gradient(180deg, var(--build-flag-need-hi), var(--build-flag-need-lo));box-shadow:0 0 8px rgba(var(--bad-rgb), .55);color:var(--text-bright)}.build-btn.is-suggested{border-color:rgb(var(--ngoc-500-rgb));box-shadow:0 0 0 2px rgb(var(--ngoc-500-rgb)), 0 0 0 5px rgba(var(--ngoc-500-rgb), .3);animation:2s ease-in-out infinite build-suggest}.build-btn.is-needed:not(.is-suggested){border-color:rgba(var(--bad-rgb), .75)}.build-btn.is-active{border-color:rgb(var(--son-500-rgb));background:radial-gradient(circle at 50% 35%, rgba(var(--vang-200-rgb), .45), transparent 70%), linear-gradient(180deg, var(--build-tile-active-hi), var(--build-tile-active-lo));box-shadow:inset 0 0 0 2px rgb(var(--son-500-rgb)), inset 0 0 0 3px rgb(var(--vang-400-rgb)), 0 0 12px rgba(var(--vang-300-rgb), .5);animation:none}.build-btn.is-short .build-btn__icon{opacity:.62;filter:saturate(.5) drop-shadow(0 2px 2px rgba(var(--shadow-rgb), .45))}.build-menu .build-btn.is-locked{border-color:rgba(var(--line-rgb), .6);background:linear-gradient(180deg, var(--build-tile-locked-hi), var(--build-tile-locked-lo));box-shadow:none;cursor:not-allowed;border-style:dashed}.build-btn.is-locked .build-btn__icon{opacity:.42;filter:grayscale(.9)brightness(.9);transform:translateY(-5px)scale(.86)}.build-btn.is-locked .build-btn__key{opacity:.55}.build-btn.is-locked:hover{border-color:rgba(var(--warn-rgb), .55);transform:none}.build-btn.is-locked:hover .build-btn__icon{transform:translateY(-5px)scale(.86)}.build-btn__ring{border-radius:var(--r-round);background:rgba(var(--well-rgb), .7);place-items:center;width:18px;height:18px;display:grid;position:absolute;top:1px;right:1px}.build-btn__ring-svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.build-btn__ring-svg circle{fill:none;stroke-width:2.4px}.build-btn__ring-track{stroke:rgba(var(--line-rgb), .35)}.build-btn__ring-fill{stroke:var(--warn-deep);stroke-linecap:round}.build-btn__unlock{border:1px solid rgba(var(--warn-rgb), .6);border-radius:var(--r-pill);background:var(--build-unlock);height:14px;color:var(--build-warn-text);font-size:var(--fs-micro);white-space:nowrap;align-items:center;gap:2px;padding:0 5px 0 4px;font-weight:700;line-height:1;display:inline-flex;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.build-chains-wrap{position:relative}.build-chains{height:var(--body-h);position:relative;overflow:hidden}.build-chains.is-paged{overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;overflow-y:auto}.build-chains.is-paged::-webkit-scrollbar{display:none}.build-chain-page{justify-content:flex-start;align-items:center;gap:var(--column-gap);height:var(--body-h);padding:var(--pad) 4px;scroll-snap-align:start;scroll-snap-stop:always;display:flex}.build-chain-col{justify-content:center;gap:var(--lane-gap);flex-direction:column;display:flex}.build-chain{flex:none;position:relative}.build-chain__node{z-index:1;display:flex;position:absolute}.build-chain__node:hover,.build-chain__node:focus-within{z-index:3}.build-chain__wires{pointer-events:none;position:absolute;inset:0;overflow:visible}.build-chain__wire,.build-chain__head{fill:none;stroke:rgba(var(--line-rgb), .6);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;transition:stroke var(--fast)}.build-chain__wire.is-alt{stroke-dasharray:2.5 3}.build-chain:hover .build-chain__wire,.build-chain:hover .build-chain__head{stroke:rgba(var(--accent-strong-rgb), .8)}.build-chain__wire.is-lit{stroke:var(--accent);stroke-dasharray:5 4;animation:.9s linear infinite build-flow}.build-chain__token{z-index:1;position:absolute;transform:translate(-50%,-50%)}.build-chain__coin{width:var(--token);height:var(--token);border:1px solid rgba(var(--line-rgb), .55);border-radius:var(--r-round);background:radial-gradient(circle at 50% 30%, var(--build-coin-hi), var(--build-coin-lo));box-shadow:0 0 0 2px rgba(var(--scrim-rgb), .75), 0 2px 3px rgba(var(--shadow-rgb), .4);place-items:center;display:grid}.build-chain__token--feed{z-index:2}.build-chain__token--feed .build-chain__coin{opacity:.92;border-style:dashed;width:16px;height:16px}.build-chain__token--region .build-chain__coin{border-color:rgba(var(--region-ring-rgb), .85)}.build-chain__region{border-radius:var(--r-round);background:var(--build-coin-lo);width:13px;height:13px;color:var(--region-text);box-shadow:0 0 0 1px rgba(var(--region-ring-rgb), .6);place-items:center;display:grid;position:absolute;top:-7px;left:-8px}.build-chain__or{z-index:2;border:1px solid rgba(var(--line-rgb), .5);border-radius:var(--r-pill);background:var(--build-chip);color:var(--accent);font-size:var(--fs-micro);letter-spacing:.04em;text-transform:uppercase;pointer-events:none;padding:0 4px;font-weight:700;line-height:11px;position:absolute;transform:translate(-50%,-50%)}.build-chain__end{position:absolute;transform:translate(-50%,-50%)}.build-chain__medal{width:var(--end);height:var(--end);border:1.5px solid var(--accent-strong);border-radius:var(--r-round);background:radial-gradient(circle at 50% 30%, var(--build-chain-medal), var(--surface-base) 78%);box-shadow:0 0 0 3px rgba(var(--line-rgb), .13), 0 0 12px rgba(var(--accent-strong-rgb), .18), inset 0 1px 0 rgba(var(--sheen-rgb), .12);cursor:default;place-items:center;display:grid;position:relative}.build-chain__end--material .build-chain__medal{border-color:rgba(var(--line-rgb), .6);box-shadow:0 0 0 3px rgba(var(--line-rgb), .08), inset 0 1px 0 rgba(var(--sheen-rgb), .1);border-style:solid}.build-chain__end.is-short .build-chain__medal{border-color:var(--bad);box-shadow:0 0 0 3px rgba(var(--bad-rgb), .18), 0 0 12px rgba(var(--bad-rgb), .45)}.build-chain__need{border-radius:var(--r-round);place-items:center;width:13px;height:13px;display:grid;position:absolute;bottom:-4px;right:-4px}.build-chain__need--basic{background:radial-gradient(circle at 50% 35%, var(--need-basic-hi), var(--need-basic-lo));box-shadow:0 0 0 1px rgba(var(--need-basic-ring-rgb), .8);color:var(--need-basic-ink)}.build-chain__need--luxury{background:radial-gradient(circle at 50% 35%, var(--need-luxury-hi), var(--need-luxury-lo));box-shadow:0 0 0 1px rgba(var(--accent-rgb), .85);color:var(--need-luxury-ink)}.build-chains__dots{gap:1px;display:flex;position:absolute;right:0}.build-chains__dot{background:0 0;border:0;place-items:center;width:16px;height:14px;padding:0;display:grid}.build-chains__dot:before{content:"";border:1px solid rgba(var(--line-rgb), .6);border-radius:var(--r-pill);width:6px;height:6px;transition:width var(--fast) var(--ease), background var(--fast);background:0 0}.build-chains__dot:hover:before{background:rgba(var(--line-rgb), .4)}.build-chains__dot.is-on:before{border-color:var(--accent);background:var(--accent-strong);width:13px;box-shadow:0 0 6px rgba(var(--accent-strong-rgb), .5)}.build-chains__more{z-index:2;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--panel-bg-solid);width:32px;height:15px;color:var(--accent);place-items:center;padding:0;animation:2.4s ease-in-out infinite build-blink;display:grid;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.build-chains__more:hover{background:rgba(var(--line-rgb), .2);animation:none}.build-upgrade{flex-direction:column;align-items:center;gap:1px;display:flex}.build-upgrade__from{border:1px dashed rgba(var(--line-rgb), .45);border-radius:var(--r-panel);background:rgba(var(--well-rgb), .3);opacity:.85;place-items:center;width:34px;height:34px;display:grid;position:relative}.build-upgrade__tier{border:1px solid rgba(var(--line-rgb), .5);border-radius:var(--r-round);background:var(--build-chip);place-items:center;width:16px;height:16px;display:grid;position:absolute;bottom:-5px;right:-5px}.build-upgrade__wire{fill:none;width:12px;height:22px;stroke:var(--accent-strong);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.build-upgrade__slot{display:flex}.build-upgrade__btn{border:1px solid rgba(var(--line-rgb), .34);border-radius:var(--r-11);background:radial-gradient(circle at 50% 28%, rgba(var(--build-tile-glow-rgb), .4), transparent 62%), linear-gradient(180deg, var(--build-tile-hi), var(--build-tile-lo));width:58px;box-shadow:inset 0 1px 0 rgba(var(--sheen-rgb), .1), 0 2px 4px rgba(var(--shadow-rgb), .35);color:var(--text-2);transition:transform var(--fast) var(--ease), border-color var(--fast), box-shadow var(--fast);justify-items:center;gap:2px;padding:7px 2px 5px;display:grid;position:relative}.build-upgrade__icon{height:28px;filter:drop-shadow(0 2px 2px rgba(var(--shadow-rgb), .5));place-items:center;display:grid;position:relative}.build-upgrade__tier--to{border-color:var(--accent-strong);width:18px;height:18px;bottom:-3px;right:-9px}.build-upgrade__label{font-size:var(--fs-micro);white-space:nowrap;font-weight:700;line-height:1.1}.build-upgrade__btn.is-ready{border-color:var(--accent);background:radial-gradient(circle at 50% 28%, rgba(var(--accent-rgb), .32), transparent 65%), linear-gradient(180deg, var(--build-tile-active-hi), var(--build-tile-active-lo));color:var(--accent)}.build-upgrade__btn.is-ready:hover{box-shadow:0 7px 14px rgba(var(--shadow-rgb), .4), 0 0 14px rgba(var(--accent-strong-rgb), .35);transform:translateY(-2px)}.build-upgrade__btn:disabled{cursor:default;opacity:.7}.build-upgrade__btn:disabled .build-upgrade__icon{opacity:.6;filter:grayscale(.6)}.build-upgrade__btn:focus-visible{outline:2px solid var(--info-pale);outline-offset:2px}.build-upgrade__n{border:1px solid var(--build-flag-line);border-radius:var(--r-pill);background:linear-gradient(180deg, var(--build-flag-hi), var(--build-flag-lo));min-width:18px;height:18px;box-shadow:0 0 8px rgba(var(--accent-rgb), .6);color:var(--build-flag-ink);font-size:var(--fs-micro);place-items:center;padding:0 4px;font-weight:800;display:grid;position:absolute;top:-7px;right:-7px}.build-upgrade.is-suggested .build-upgrade__btn{box-shadow:0 0 0 1px rgba(var(--accent-rgb), .5), 0 0 16px rgba(var(--accent-rgb), .4)}.build-card__medal{border:1px solid rgba(var(--line-rgb), .5);border-radius:var(--r-11);background:radial-gradient(circle at 50% 30%, rgba(var(--build-tile-glow-rgb), .45), transparent 70%), linear-gradient(180deg, var(--build-tile-hi), var(--build-tile-lo));width:42px;height:42px;box-shadow:inset 0 1px 0 rgba(var(--sheen-rgb), .1);flex:none;place-items:center;display:grid}.build-card__medal.is-locked .icon{opacity:.55;filter:grayscale(.8)}.build-card__key{align-self:flex-start;margin-left:auto;display:flex}.build-recipe{border:1px solid var(--hairline);border-radius:var(--r-lg);background:rgba(var(--well-rgb), .28);align-items:flex-start;gap:6px;padding:7px 8px 6px;display:flex}.build-recipe__good{max-width:64px;color:var(--text-2);font-size:var(--fs-micro);text-align:center;justify-items:center;gap:3px;line-height:1.2;display:grid}.build-recipe__good--out{color:var(--accent);font-weight:600}.build-recipe__coin{border:1px solid rgba(var(--line-rgb), .5);border-radius:var(--r-round);background:radial-gradient(circle at 50% 30%, var(--build-coin-hi), var(--build-coin-lo));place-items:center;width:26px;height:26px;display:grid}.build-recipe__good--out .build-recipe__coin{border-color:var(--accent-strong);box-shadow:0 0 8px rgba(var(--accent-strong-rgb), .25)}.build-recipe__plus,.build-recipe__arrow{flex:none;margin-top:8px}.build-recipe__plus{color:var(--text-muted);font-weight:700;line-height:10px}.build-recipe__arrow{fill:none;width:22px;height:10px;stroke:var(--accent-strong);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.build-recipe__time{color:var(--text-muted);font-size:var(--fs-xs);white-space:nowrap;align-self:center;align-items:center;gap:3px;margin-left:auto;display:inline-flex}.build-card__facts{flex-wrap:wrap;gap:6px;display:flex}.build-fact{border:1px solid var(--hairline);border-radius:var(--r-lg);background:rgba(var(--well-rgb), .22);font-size:var(--fs-sm);flex:auto;align-content:start;gap:3px;padding:5px 8px 6px;display:grid}.build-fact--cost{flex-basis:100%}.build-fact__label{color:var(--title);font-size:var(--fs-micro);letter-spacing:.1em;text-transform:uppercase;font-weight:700}.build-fact__note{color:var(--text-muted);font-size:var(--fs-xs);align-items:center;gap:4px;display:inline-flex}.build-fact.is-short{border-color:rgba(var(--bad-rgb), .45)}.build-fact.is-warn{border-color:rgba(var(--warn-rgb), .5);color:var(--build-warn-text)}.build-fact .cost-chips,.build-fact .keycap,.build-fact .hotkey-keys{justify-content:flex-start;justify-self:start}.build-card__lines{color:var(--text-2);font-size:var(--fs-sm);gap:4px;margin:0;padding:0;list-style:none;display:grid}.build-card__lines li{align-items:flex-start;gap:6px;display:flex}.build-card__lines li>.icon{color:var(--line);margin-top:2px}.build-card__lines li.is-basic>.icon{color:var(--need-basic-icon)}.build-card__lines li.is-luxury>.icon{color:var(--accent)}.build-card__flags{gap:5px;display:grid}.build-flag{border-radius:0 var(--r-md) var(--r-md) 0;font-size:var(--fs-sm);border-left:2px solid;align-items:flex-start;gap:6px;padding:5px 8px;line-height:1.35;display:flex}.build-flag .icon{margin-top:1px}.build-flag--hint{border-color:var(--accent-strong);background:rgba(var(--accent-rgb), .08);color:var(--accent)}.build-flag--need{border-color:var(--bad);background:rgba(var(--bad-strong-rgb), .12);color:var(--bad-light)}.build-flag--work{border-color:var(--warn);background:rgba(var(--warn-rgb), .1);color:var(--build-warn-text)}.build-card__unlock{gap:6px;display:grid}.build-card__unlock-line{align-items:center;gap:6px;display:flex}.build-card__unlock-num{align-items:center;gap:4px;margin-left:auto;display:inline-flex}.chain-card{gap:7px}.chain-card__head{align-items:center;gap:10px;display:flex}.chain-card__kind{color:var(--text-muted);font-size:var(--fs-xs);align-items:center;gap:5px;font-weight:600;display:inline-flex}.chain-card__kind--basic{color:var(--info-pale)}.chain-card__kind--luxury{color:var(--accent)}.chain-card__text{color:var(--text-2);font-size:var(--fs-sm)}.chain-card__short{color:var(--bad-light);font-size:var(--fs-sm);align-items:center;gap:6px;display:flex}.cost-chips{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:3px 10px;display:inline-flex}.cost-chip{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.cost-chip__name{color:var(--text-2);font-weight:400}.cost-chip.is-short,.cost-chip.is-short .cost-chip__name{color:var(--bad-text-2)}.cost-chip__per{color:var(--text-muted);margin-left:1px;font-weight:500}.cost-chip--free{color:var(--text-muted)}@keyframes build-panel-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@keyframes build-suggest{50%{box-shadow:0 0 0 2px rgb(var(--ngoc-500-rgb)), 0 0 0 6px rgba(var(--ngoc-500-rgb), .45), 0 0 14px rgba(var(--ngoc-300-rgb), .6)}}@keyframes build-blink{50%{opacity:.35}}@keyframes build-flow{to{stroke-dashoffset:-9px}}@media (prefers-reduced-motion:reduce){.build-chain__wire.is-lit,.build-btn.is-suggested,.build-tab__dot--hint,.build-chains__more{animation:none}.build-chain__wire.is-lit{stroke-dasharray:none}.build-btn,.build-btn__icon,.build-panel.is-active{transition:none;animation:none}.build-btn:hover,.build-btn:hover .build-btn__icon{transform:none}}.build-menu>*{zoom:var(--zoom,1)}@media (max-width:1320px){.build-menu{--build-shift:26px;--zoom-pref:.96}}@media (max-width:1180px){.build-menu{--zoom-pref:.92}}@media (max-height:700px){.build-menu{--zoom-pref:.92}}@media (min-width:1600px) and (min-height:900px){.build-menu{--zoom-pref:1.14}}@media (min-width:2200px) and (min-height:1200px){.build-menu{--zoom-pref:1.32}}.build-menu--intro{--body-h:calc(var(--tile) + 2 * var(--pad))}.build-menu--intro .build-section__body.build-tiles{height:var(--body-h);grid-template-rows:var(--tile)}.build-menu--intro .build-section--intro{flex:none;padding:0 4px}.build-menu--intro .build-section__title{position:static;transform:none}.build-menu--intro .build-section--intro{min-width:max-content;padding:0 8px}.info-panel{top:var(--hud-gap);right:var(--hud-gap);z-index:2;width:var(--info-w);max-height:calc(100% - var(--hud-gap) - var(--info-reserve,232px));animation:panel-in var(--med) var(--ease);flex-direction:column;display:flex;position:absolute}@keyframes panel-in{0%{opacity:0;transform:translate(10px)}}.info-panel__head{border-bottom:1px solid var(--panel-line-soft);border-radius:var(--r-panel) var(--r-panel) 0 0;align-items:center;gap:10px;padding:12px 10px 10px 12px;display:flex}.info-panel__icon{border:2px solid rgb(var(--son-frame-rgb));border-radius:var(--r-round);background:radial-gradient(circle at 50% 35%, rgb(var(--paper-50-rgb)), rgb(var(--paper-300-rgb)));width:46px;height:46px;box-shadow:inset 0 0 0 1px rgb(var(--vang-500-rgb)), 0 2px 5px rgba(var(--shadow-rgb), .3);flex:none;place-items:center;display:grid}.info-panel__titles{flex:1;gap:3px;min-width:0;display:grid}.info-panel__title{color:var(--title);font-family:var(--font-title);font-size:var(--fs-xl);font-weight:700;line-height:1.2}.info-panel__owner{min-width:0;font-size:var(--fs-sm);align-items:center;gap:6px;display:flex}.info-panel__owner-label{color:var(--text-muted);white-space:nowrap;flex:none}.info-panel__owner-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.info-panel__body{min-height:0;-webkit-mask-image:linear-gradient(180deg, transparent, var(--mask) 10px, var(--mask) calc(100% - 16px), transparent);-webkit-mask-image:linear-gradient(180deg, transparent, var(--mask) 10px, var(--mask) calc(100% - 16px), transparent);mask-image:linear-gradient(180deg, transparent, var(--mask) 10px, var(--mask) calc(100% - 16px), transparent);flex:1;padding:0 12px 4px;overflow-y:auto}.info-panel__foot{border-top:1px solid var(--hairline);padding:10px 12px 12px}.info-section{gap:8px;padding:12px 0;display:grid}.info-section+.info-section{border-top:1px solid var(--hairline)}.status{border-radius:var(--r-7);background:var(--well);align-items:center;gap:8px;padding:7px 10px;font-weight:600;display:flex}.status__dot{border-radius:var(--r-round);background:currentColor;flex:none;width:10px;height:10px;box-shadow:0 0 8px}.status--ok{color:var(--good)}.status--noRoad,.status--noResource{color:var(--bad-soft)}.status--noWorkers{color:var(--warn-soft)}.status--noInput{color:var(--status-input)}.status--storageFull{color:var(--status-full)}.stat{justify-content:space-between;align-items:baseline;margin-bottom:-3px;display:flex}.stat__label{color:var(--text-muted);font-size:var(--fs-sm)}.stat__value{font-size:var(--fs-md);font-weight:700}.chain-block{border:1px solid var(--hairline);border-radius:var(--r-lg);background:var(--well);gap:9px;padding:10px;display:grid}.chain{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.chain__good{align-items:center;gap:4px;display:inline-flex}.chain__arrow{color:var(--accent-strong);font-weight:700}.chain__time{color:var(--text-muted);font-size:var(--fs-xs);align-items:center;gap:3px;margin-left:4px;display:inline-flex}.chain--named{justify-content:center;gap:10px;width:100%}.chain--named .chain__good{flex-direction:column;gap:3px;min-width:64px}.chain--named .chain__name{color:var(--text-2);font-size:var(--fs-xs);text-align:center}.chain--named .chain__arrow{font-size:18px}.req{flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:2px 6px;display:inline-flex}.req__pct{font-weight:700}.req__fert{color:var(--text-muted);font-size:var(--fs-xs);text-align:right;flex-basis:100%}.fact{color:var(--text-2);font-size:var(--fs-sm);align-items:center;gap:7px;display:flex}.fact.pos{color:var(--good)}.fact.neg{color:var(--bad)}.fact.muted{color:var(--text-muted)}.fact__mark{text-align:center;width:13px;font-weight:800}.needs{gap:8px;display:grid}.needs__heading{color:var(--accent-strong);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:600}.needs__group{gap:4px;display:grid}.needs__title{color:var(--text-muted);font-size:var(--fs-sm);justify-content:space-between;display:flex}.needs__list{grid-template-columns:1fr 1fr;gap:4px;display:grid}.need{border-radius:var(--r-md);background:var(--well);min-width:0;font-size:var(--fs-sm);border:1px solid #0000;align-items:center;gap:5px;padding:4px 6px;line-height:1.2;display:flex}.need.is-met{border-color:rgba(var(--good-rgb), .3)}.need.is-unmet{border-color:rgba(var(--bad-rgb), .3);color:var(--text-2)}.need__mark{text-align:center;flex:none;width:10px;font-weight:800}.need.is-met .need__mark{color:var(--good)}.need.is-unmet .need__mark{color:var(--bad)}.need__name{overflow-wrap:anywhere;min-width:0}.needs__group--luxury .need{background:rgba(var(--line-rgb), .06)}.upgrade{gap:6px;padding-top:4px;display:grid}.upgrade__cost{font-size:var(--fs-sm);text-align:center}.upgrade__why{color:var(--text-muted);font-size:var(--fs-xs);text-align:center}.chat{bottom:14px;left:var(--hud-gap);z-index:2;width:288px;animation:fade-in var(--med) var(--ease);flex-direction:column;display:flex;position:absolute}.chat__log{min-height:60px;max-height:180px;font-size:var(--fs-sm);align-content:start;gap:3px;padding:8px 12px;display:grid;overflow-y:auto}.chat__line{overflow-wrap:anywhere;line-height:1.4}.chat__name{color:var(--accent);margin-right:6px;font-weight:700}.chat__text{color:var(--text)}.chat__empty{color:var(--text-muted);font-size:var(--fs-sm);font-style:italic}.chat__input{border:1px solid rgba(var(--line-rgb), .3);border-radius:var(--r-md);background:rgba(var(--well-rgb), .5);height:32px;color:var(--text);font-size:var(--fs-sm);transition:border-color var(--fast), box-shadow var(--fast);margin:0 8px 8px;padding:0 10px}.chat__input::placeholder{color:rgba(var(--text-2-rgb), .4)}.chat__input:focus{border-color:var(--accent-strong);box-shadow:0 0 0 3px rgba(var(--accent-strong-rgb), .15);outline:none}.chat-toggle{bottom:14px;left:var(--hud-gap);z-index:2;height:36px;transition:border-color var(--fast), filter var(--fast);align-items:center;gap:8px;padding:0 14px;font-weight:600;display:inline-flex;position:absolute}.chat-toggle:hover{border-color:var(--accent-strong);filter:brightness(1.1)}.notices{pointer-events:none;flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.notice.toast{--framed:1;border:1px solid rgb(var(--then-900-rgb));border-radius:var(--r-2xl);background:var(--paper);background-blend-mode:var(--paper-blend);max-width:100%;min-height:44px;box-shadow:inset 4px 0 0 rgb(var(--son-400-rgb)), inset 0 0 0 1px rgb(var(--vang-500-rgb)), var(--shadow-pop);color:var(--text);font-size:var(--fs-md);animation:notice-in .28s var(--ease), notice-out .45s ease-in 3.55s forwards;align-items:center;gap:10px;padding:6px 14px 6px 10px;display:flex}.notice.toast>.nmark{width:32px;height:32px;margin-left:4px}.notice--info.toast{box-shadow:inset 4px 0 0 rgb(var(--song-500-rgb)), inset 0 0 0 1px rgb(var(--vang-500-rgb)), var(--shadow-pop)}.notice--trade.notice--info.toast{box-shadow:inset 4px 0 0 rgb(var(--vang-500-rgb)), inset 0 0 0 1px rgb(var(--vang-500-rgb)), var(--shadow-pop)}.notice--error.toast{box-shadow:inset 4px 0 0 rgb(var(--chusa-bad-rgb)), inset 0 0 0 1px rgb(var(--vang-500-rgb)), var(--shadow-pop)}.toast__t{min-width:0;line-height:1.25;display:grid}.toast__t b{font-size:13.5px;font-weight:700}.toast__t small{color:var(--text-muted);font-size:var(--fs-xs)}.toast__acts{align-items:center;gap:6px;margin-left:4px;display:flex}.notice--clickable{cursor:pointer;pointer-events:auto}.notice--clickable:hover{filter:brightness(1.04)}.notice[data-key=voyageArrived],.notice[data-key=friendDiscovered],.notice[data-key=inputShort]{animation:notice-in .28s var(--ease), notice-out .45s ease-in 6.5s forwards}.notice.notice--discovery{min-width:min(440px,92vw);animation:notice-in .28s var(--ease);pointer-events:auto;padding:10px 12px 10px 10px}.notice__title{color:var(--title);font-family:var(--font-title);font-size:var(--fs-lg)!important}.notice__action{pointer-events:auto}.notice__close{border-radius:var(--r-round);min-width:28px;min-height:28px;color:var(--text-muted);cursor:pointer;pointer-events:auto;background:0 0;border:0;place-items:center;padding:0;display:grid}.notice__close:hover{background:rgba(var(--muc-900-rgb), .08);color:var(--text)}html[data-input=touch] .notice__close{min-width:44px;min-height:44px}@keyframes notice-in{0%{opacity:0;transform:translateY(-8px)scale(.97)}}@keyframes notice-out{to{opacity:0;transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.notice.toast{animation:10ms linear 3.99s forwards notice-out}.notice.notice--discovery{animation:none}}.tool-hint{right:var(--hud-gap);bottom:var(--map-top,230px);z-index:1;max-width:min(var(--tool-hint-max), var(--hint-room,9999px));border:1px solid rgba(var(--vang-600-rgb), .8);border-radius:var(--r-lg);background:rgba(var(--then-800-rgb), .88);color:var(--text-2);font-size:var(--fs-xs);text-shadow:0 1px 2px rgba(var(--shadow-rgb), .5);pointer-events:none;gap:3px;padding:9px 12px;display:grid;position:absolute}.tool-hint.tool-hint--beside{top:var(--hud-gap);bottom:auto;right:calc(var(--hud-gap) + var(--info-w) + 8px);max-width:var(--tool-hint-max)}.tool-hint__title{color:var(--accent);font-size:var(--fs-md);align-items:center;gap:6px;margin-bottom:2px;font-weight:700;display:flex}.tool-hint__line{color:var(--text)}.tool-hint__camera{color:var(--text-muted)}.tool-hint__line+.tool-hint__camera{border-top:1px solid var(--hairline);margin-top:4px;padding-top:5px}.audio-panel{gap:8px;padding:2px 4px 6px;display:grid}.audio__now{border-radius:var(--r-11);background:rgba(var(--paper-300-rgb), .38);gap:6px;padding:8px 10px;display:grid}.audio__caption{color:var(--text-muted);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;font-weight:700}.audio__track{align-items:center;gap:10px;min-width:0;display:flex}.audio__disc{border-radius:var(--r-round);background:var(--lacquer-red-orb);width:32px;height:32px;color:rgb(var(--vang-200-rgb));box-shadow:inset 0 0 0 1px rgb(var(--vang-500-rgb));flex:none;place-items:center;display:grid}.audio__track-text{flex:1;min-width:0;line-height:1.25;display:grid}.audio__track-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.audio__track-artist{color:var(--text-muted);font-size:var(--fs-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.audio__next.orb{--orb:32px}.audio__hint{color:var(--text-2);font-size:var(--fs-sm)}.audio__sliders{transition:opacity var(--fast);gap:6px;padding:2px 4px;display:grid}.audio__sliders.is-muted{opacity:.5}.audio__row{grid-template-columns:92px 1fr 30px;align-items:center;gap:10px;min-height:34px;display:grid}.audio__label{color:var(--text-2);font-size:var(--fs-sm);font-weight:600}.audio__value{color:var(--text-muted);font-size:var(--fs-sm);text-align:right}.audio__range{cursor:pointer;appearance:none;background:0 0;width:100%;height:24px;margin:0}.audio__range:focus{outline:none}.audio__range::-webkit-slider-runnable-track{border-radius:var(--r-pill);background:linear-gradient(90deg, rgb(var(--son-400-rgb)) 0 var(--fill), rgba(var(--muc-900-rgb), .18) var(--fill) 100%);height:6px;box-shadow:inset 0 1px 2px rgba(var(--muc-900-rgb), .25)}.audio__range::-webkit-slider-thumb{border:1px solid rgb(var(--then-900-rgb));border-radius:var(--r-round);background:var(--lacquer-red-orb);width:18px;height:18px;box-shadow:inset 0 0 0 1.5px rgb(var(--vang-500-rgb)), 0 1px 3px rgba(var(--then-900-rgb), .4);appearance:none;transition:transform var(--fast) var(--ease);margin-top:-6px}.audio__range:hover::-webkit-slider-thumb{transform:scale(1.12)}.audio__range:focus-visible::-webkit-slider-thumb{outline:2px solid var(--focus);outline-offset:2px}.audio__range::-moz-range-track{border-radius:var(--r-pill);background:rgba(var(--muc-900-rgb), .18);height:6px}.audio__range::-moz-range-progress{border-radius:var(--r-pill);background:rgb(var(--son-400-rgb));height:6px}.audio__range::-moz-range-thumb{border:1px solid rgb(var(--then-900-rgb));border-radius:var(--r-round);background:rgb(var(--son-500-rgb));width:16px;height:16px;box-shadow:inset 0 0 0 1.5px rgb(var(--vang-500-rgb))}[data-input=touch] .audio__row{min-height:44px}[data-input=touch] .audio__range{height:44px}.audio__toast{z-index:80;border:1px solid rgb(var(--then-900-rgb));border-radius:var(--r-pill);background:var(--lacquer);max-width:min(340px,100vw - 16px);color:rgb(var(--paper-50-rgb));box-shadow:inset 0 0 0 1px rgba(var(--vang-400-rgb), .6), var(--shadow-pop);pointer-events:auto;animation:audio-toast-in var(--med) var(--ease);transition:opacity .6s var(--ease);align-items:center;gap:8px;padding:5px 6px;display:flex;position:fixed}.audio__toast.is-leaving{opacity:0}.audio__toast .audio__disc{width:28px;height:28px}.audio__toast-text{min-width:0;line-height:1.2;display:grid}.audio__toast-caption{color:rgb(var(--vang-200-rgb));font-size:var(--fs-micro);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.audio__toast-line{font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.audio__toast .audio__next.orb{--orb:30px}@keyframes audio-toast-in{0%{opacity:0;transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.audio__toast{animation:none}}:is([data-input=touch],[data-form=phone]) .audio__toast .audio__next.orb{--orb:44px}.game-menu.panel{z-index:70;overscroll-behavior:contain;width:min(330px,100vw - 16px);box-shadow:var(--frame-rings), var(--shadow-pop);animation:menu-in var(--med) var(--ease);flex-direction:column;padding:6px;display:flex;position:fixed;overflow-y:auto}.game-menu--down{transform-origin:100% 0}.game-menu--up{transform-origin:100% 100%}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}}.game-menu--up{animation-name:menu-in-up}@keyframes menu-in-up{0%{opacity:0;transform:translateY(4px)scale(.98)}}.game-menu__head{border-bottom:1px solid rgb(var(--paper-300-rgb));align-items:center;gap:10px;padding:6px 8px 8px;display:flex}.game-menu__medal{border-radius:var(--r-round);background:radial-gradient(circle at 50% 35%, rgb(var(--paper-50-rgb)), rgb(var(--paper-300-rgb)));width:40px;height:40px;color:var(--title);box-shadow:0 0 0 2px rgb(var(--vang-500-rgb)), 0 0 0 4px rgb(var(--son-frame-rgb));flex:none;place-items:center;margin:4px;display:grid}.game-menu__medal--lg{width:48px;height:48px}.game-menu__titles{flex:1;gap:1px;min-width:0;display:grid}.game-menu__title{color:var(--title);font-family:var(--font-title);font-size:var(--fs-lg);text-overflow:ellipsis;white-space:nowrap;font-weight:700;line-height:1.2;overflow:hidden}.game-menu__code{border-radius:var(--r-sm);max-width:100%;color:var(--text-muted);font-size:var(--fs-xs);white-space:nowrap;background:0 0;border:0;justify-self:start;align-items:center;gap:5px;margin-left:-6px;padding:1px 6px;display:inline-flex}.game-menu__code b{color:var(--text-2);letter-spacing:.02em;font-weight:600}.game-menu__code:hover{background:rgba(var(--paper-300-rgb), .5);color:var(--text-2)}.game-menu__code.is-copied{color:var(--good)}.game-menu__rows{margin:0;padding:0;list-style:none}.game-menu__rows+.game-menu__rows{border-top:1px solid rgb(var(--paper-400-rgb));margin-top:4px;padding-top:4px}.menu-row{border:0;border-bottom:1px solid rgb(var(--paper-300-rgb));width:100%;min-height:46px;color:var(--text);font-size:var(--fs-md);text-align:left;transition:background var(--fast) var(--ease), color var(--fast) var(--ease);background:0 0;border-radius:0;align-items:center;gap:10px;padding:6px 8px;display:flex}.game-menu__rows>li:last-child>.menu-row{border-bottom:0}button.menu-row:hover,button.menu-row:focus-visible{background:rgba(var(--paper-50-rgb), .75)}button.menu-row:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}button.menu-row:active{background:rgba(var(--paper-300-rgb), .5)}.menu-row>.lglyph:first-child{color:var(--title);flex:none}.menu-row__label{flex:1;min-width:0;font-weight:600;line-height:1.25;display:grid}.menu-row__sub{color:var(--text-muted);font-size:var(--fs-xs);font-weight:400}.menu-row__value{min-width:0;max-width:48%;color:var(--text-muted);font-size:var(--fs-xs);text-align:right;text-overflow:ellipsis;white-space:nowrap;flex:0 auto;overflow:hidden}.menu-row__more{color:rgb(var(--muc-500-rgb));flex:none}.menu-row.is-disabled{color:var(--text-muted)}.menu-row.is-disabled>.lglyph:first-child{color:rgb(var(--muc-400-rgb))}.menu-row.is-current{background:rgba(var(--paper-50-rgb), .75);box-shadow:inset 3px 0 0 rgb(var(--son-400-rgb))}.menu-row--leave>.lglyph:first-child,.menu-row--leave .menu-row__label{color:rgb(var(--son-400-rgb))}.menu-row--back{border-bottom:1px solid rgb(var(--paper-400-rgb));min-height:40px;color:var(--title);font-family:var(--font-title);font-size:var(--fs-lg);margin-bottom:4px}.menu-row--back .menu-row__label{font-weight:700}.menu-row--static{cursor:default}.menu-switch{border:1px solid rgb(var(--paper-400-rgb));border-radius:var(--r-pill);background:rgba(var(--paper-300-rgb), .8);width:36px;height:20px;box-shadow:inset 0 1px 2px rgba(var(--muc-900-rgb), .2);transition:background var(--fast) var(--ease), border-color var(--fast) var(--ease);flex:none;position:relative}.menu-switch:after{content:"";border-radius:var(--r-round);background:rgb(var(--paper-50-rgb));width:14px;height:14px;box-shadow:0 1px 2px rgba(var(--muc-900-rgb), .4);transition:transform var(--fast) var(--ease);position:absolute;top:2px;left:2px}.menu-row.is-on .menu-switch{border-color:rgb(var(--then-900-rgb));background:var(--lacquer-red)}.menu-row.is-on .menu-switch:after{background:rgb(var(--vang-200-rgb));transform:translate(16px)}.menu-seg{border:1px solid rgb(var(--paper-400-rgb));border-radius:var(--r-pill);background:rgba(var(--paper-300-rgb), .45);flex:none;gap:2px;padding:2px;display:inline-flex}.menu-seg__btn{border-radius:var(--r-pill);min-width:38px;min-height:28px;color:var(--text-2);font-size:var(--fs-sm);transition:background var(--fast) var(--ease), color var(--fast) var(--ease);background:0 0;border:0;padding:0 10px;font-weight:700}.menu-seg__btn:hover{background:rgba(var(--paper-50-rgb), .8);color:var(--text)}.menu-seg__btn.is-on{background:var(--lacquer-red);color:rgb(var(--paper-50-rgb));box-shadow:inset 0 0 0 1px rgb(var(--vang-500-rgb))}.menu-seg--wide{width:100%;display:flex}.menu-seg--wide .menu-seg__btn{white-space:nowrap;flex:1;min-width:0;padding:0 6px}.graphics-page{gap:10px;padding:4px 6px 8px;display:grid}.menu-opt{gap:4px;display:grid}.menu-opt__label{color:var(--text-2);font-size:var(--fs-sm);font-weight:700}.menu-hint{color:var(--text-muted);font-size:var(--fs-xs);line-height:1.4}.graphics-page__reset{justify-self:start}.phone-menu{gap:6px;display:grid}.phone-menu__head{border-bottom:1px solid rgb(var(--paper-400-rgb));align-items:center;gap:10px;padding:2px 2px 8px;display:flex}.phone-menu__head .game-menu__title{font-size:var(--fs-xl)}.phone-menu__head .game-menu__code{min-height:32px;font-size:var(--fs-sm)}.phone-menu__close{--orb:44px}.phone-menu .menu-row{min-height:52px}.phone-menu__regions{display:grid}.phone-menu__chat .badge{position:static}:is([data-input=touch],[data-form=phone]) :is(.game-menu,.phone-menu) :is(.menu-row,.menu-seg__btn,.game-menu__code,.graphics-page__reset){min-height:44px}:is([data-input=touch],[data-form=phone]) :is(.game-menu,.phone-menu) .menu-seg__btn{min-width:44px}:is([data-input=touch],[data-form=phone]) :is(.game-menu,.phone-menu) .audio__next.orb{--orb:44px}.keycap{border:1px solid rgba(var(--line-rgb), .45);border-radius:var(--r-sm);background:linear-gradient(180deg, rgba(var(--surface-top-rgb), .95), rgba(var(--surface-rgb), .95));min-width:18px;height:18px;box-shadow:0 1px 2px rgba(var(--shadow-rgb), .35);color:var(--text);font:700 10.5px/1 var(--font-ui);letter-spacing:.02em;white-space:nowrap;border-bottom-width:2px;flex:none;place-items:center;padding:0 5px;display:inline-grid}.keycap--word{letter-spacing:0;font-weight:600}.keyrun{align-items:center;gap:2px;display:inline-flex}.keyrun__join{color:var(--text-muted);font-size:var(--fs-micro);padding:0 1px;font-weight:600}.hotkey-keys{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:3px 5px;display:inline-flex}.hotkey-keys__alt{align-items:center;gap:5px;display:inline-flex}.hotkey-keys__or{color:var(--text-faint);font-size:var(--fs-xs)}.hotkey-help{z-index:30;background:rgba(var(--then-900-rgb), .5);pointer-events:auto;animation:fade-in var(--med) var(--ease);grid-template-rows:minmax(0,1fr);place-items:center;padding:16px;display:grid;position:absolute;inset:0}.hotkey-help__card{background:var(--orn-corners), var(--orn-drum), var(--paper);background-blend-mode:var(--orn-corners-blend), normal, var(--paper-blend);width:min(780px,100%);max-height:min(100%,780px);box-shadow:var(--frame-rings), var(--shadow-pop);animation:modal-in var(--med) var(--ease);flex-direction:column;padding:0 16px 6px;display:flex;overflow:hidden}.hotkey-help__head{border-bottom:1px solid rgb(var(--paper-400-rgb));flex:none;align-items:center;gap:10px;margin:0 -16px;padding:12px 10px 10px 14px;display:flex}.hotkey-help__titles{flex:1;gap:1px;min-width:0;display:grid}.hotkey-help__title{color:var(--title);font-family:var(--font-title);font-size:21px;font-weight:700;line-height:1.15}.hotkey-help__sub{color:var(--text-muted);font-size:var(--fs-sm)}.hotkey-help__tabs{border:1px solid rgb(var(--paper-400-rgb));border-radius:var(--r-pill);background:rgba(var(--paper-300-rgb), .45);flex:none;align-self:flex-start;gap:2px;margin-top:10px;padding:2px;display:flex}.hotkey-help__tab{border-radius:var(--r-pill);min-height:32px;color:var(--text-2);font-size:var(--fs-sm);transition:background var(--fast) var(--ease), color var(--fast) var(--ease);background:0 0;border:0;align-items:center;gap:6px;padding:0 14px;font-weight:700;display:inline-flex}.hotkey-help__tab:hover{background:rgba(var(--paper-50-rgb), .8);color:var(--text)}.hotkey-help__tab.is-active{background:var(--lacquer-red);color:rgb(var(--paper-50-rgb));box-shadow:inset 0 0 0 1px rgb(var(--vang-500-rgb))}.hotkey-help__tab.is-active svg{color:rgb(var(--vang-200-rgb))}.hotkey-help__groups{grid-template:"camera building""game building""interface building"1fr/1fr 1fr;gap:0 28px;min-height:0;padding-top:10px;display:grid;overflow-y:auto}.hotkey-help__group{margin-bottom:12px}.hotkey-help__group--camera{grid-area:camera}.hotkey-help__group--building{grid-area:building}.hotkey-help__group--game{grid-area:game}.hotkey-help__group--interface{grid-area:interface}@media (max-width:720px){.hotkey-help__groups{grid-template-rows:none;grid-template-columns:1fr;grid-template-areas:"camera""building""game""interface"}}.hotkey-help__group-title{color:var(--title);font-family:var(--font-title);font-size:var(--fs-md);align-items:center;gap:10px;margin:2px 0 4px;font-weight:700;display:flex}.hotkey-help__group-title:after{content:"";background:linear-gradient(90deg, rgb(var(--muc-500-rgb)), transparent);flex:1;height:1px}.hotkey-help__row{border-bottom:1px solid rgba(var(--paper-400-rgb), .45);justify-content:space-between;align-items:center;gap:14px;min-height:27px;padding:3px 0;display:flex}.hotkey-help__label{color:var(--text);font-size:var(--fs-sm);line-height:1.3}.hotkey-help__host{border:1px solid rgba(var(--line-rgb), .3);border-radius:var(--r-pill);color:var(--text-muted);font-size:var(--fs-micro);vertical-align:1px;margin-left:6px;padding:0 5px;display:inline-block}.hotkey-help__keys{flex:none;max-width:55%}.tool-hint__keys{flex-wrap:wrap;gap:4px 10px;margin-top:2px;display:flex}.tool-hint__key{color:var(--text);align-items:center;gap:4px;display:inline-flex}.tool-hint__keys--camera{border-top:1px solid var(--hairline);color:var(--text-muted);margin-top:5px;padding-top:6px}.tool-hint__keys--camera .tool-hint__key{color:var(--text-muted)}.tool-hint__keys--camera .keycap{min-width:16px;height:16px;font-size:var(--fs-micro);padding:0 4px}.minimap-toggle{right:var(--hud-gap);z-index:2;height:38px;color:var(--text);transition:border-color var(--fast), filter var(--fast);align-items:center;gap:8px;padding:0 9px 0 11px;font-weight:600;display:inline-flex;position:absolute;bottom:14px}.minimap-toggle:hover{border-color:var(--accent-strong);filter:brightness(1.1)}.topbar__menu{align-items:center;padding-left:8px;padding-right:6px;display:flex}.topbar__menu .orb{--orb:34px}[data-form=phone] .hotkey-help__groups>.hotkey-help__group{grid-area:auto}[data-form=phone] .hotkey-help__tabs{align-self:stretch}[data-form=phone] .hotkey-help__tab{font-size:var(--fs-xs);white-space:nowrap;flex:auto;justify-content:center;padding:0 8px}[data-form=phone] .hotkey-help__tab>svg{display:none}.island-sel{padding-left:10px;padding-right:10px}.island-sel__btn{border:1px solid rgba(var(--line-rgb), .22);border-radius:var(--r-lg);background:rgba(var(--well-rgb), .28);max-width:190px;height:40px;color:var(--text);text-align:left;transition:border-color var(--fast), background var(--fast);align-items:center;gap:8px;padding:0 8px 0 6px;display:flex}.island-sel__btn:hover,.island-sel__btn.is-open{border-color:var(--accent-strong);background:rgba(var(--line-rgb), .1)}.island-sel__text{min-width:0;line-height:1.15;display:grid}.island-sel__name{color:var(--accent);font-size:var(--fs-md);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.island-sel__sub{color:var(--text-2);font-size:var(--fs-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.island-sel__more{color:var(--text-muted)}.island-sel__chev{color:var(--accent-strong);transition:transform var(--fast) var(--ease)}.island-sel__chev.is-open{transform:rotate(180deg)}.island-sel--ship{cursor:default;gap:7px}.island-sel--ship .island-sel__name{color:var(--text-2);font-weight:600}.island-sel__pop{z-index:40;background:linear-gradient(180deg, rgba(var(--sheen-rgb), .05), rgba(var(--sheen-rgb), 0) 38%), var(--panel-bg-solid);width:270px;animation:fade-in var(--fast) var(--ease);gap:3px;padding:8px;display:grid;position:absolute;top:calc(100% + 4px);left:8px}.island-sel__title{color:var(--accent-strong);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;padding:2px 6px 4px;font-weight:600}.island-sel__opt{border-radius:var(--r-7);color:var(--text);text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:9px;padding:6px 8px;display:flex}.island-sel__opt:hover{border-color:rgba(var(--line-rgb), .35);background:rgba(var(--line-rgb), .08)}.island-sel__opt.is-current{border-color:rgba(var(--accent-rgb), .45);background:rgba(var(--line-rgb), .12)}.island-sel__opt-text{flex:1;gap:1px;min-width:0;display:grid}.island-sel__opt-name{flex-wrap:wrap;align-items:center;gap:6px;font-weight:700;display:flex}.island-sel__opt-sub{color:var(--text-2);font-size:var(--fs-xs);align-items:center;gap:4px;display:inline-flex}.island-sel__tag{border:1px solid var(--panel-line-soft);border-radius:var(--r-pill);color:var(--text-muted);font-size:var(--fs-micro);padding:0 6px;font-weight:600}.island-sel__tag--now{border-color:rgba(var(--accent-rgb), .5);color:var(--accent)}.island-sel__short{border-radius:var(--r-round);background:var(--bad);width:9px;height:9px;box-shadow:0 0 8px rgba(var(--bad-rgb), .8);flex:none}.island-sel__hint{border-top:1px solid var(--hairline);color:var(--text-muted);font-size:var(--fs-xs);margin-top:4px;padding:6px 6px 2px;line-height:1.4}.fleet-slot{padding-left:8px;padding-right:8px}.fleet-btn{border:1px solid rgba(var(--line-rgb), .35);border-radius:var(--r-lg);background:rgba(var(--well-rgb), .3);height:40px;color:var(--text);text-align:left;white-space:nowrap;transition:border-color var(--fast), background var(--fast);align-items:center;gap:8px;padding:0 10px 0 7px;display:inline-flex}.fleet-btn:hover{border-color:var(--accent-strong);background:rgba(var(--line-rgb), .1)}.fleet-btn.is-active{border-color:var(--accent);background:rgba(var(--line-rgb), .16);box-shadow:0 0 0 1px rgba(var(--accent-rgb), .25)}.fleet-btn__text{line-height:1.15;display:grid}.fleet-btn__label{color:var(--text-2);font-size:var(--fs-xs);font-weight:600}.fleet-btn__count{color:var(--accent);font-size:var(--fs-md);font-weight:700}@media (max-width:1360px){.island-sel__btn{max-width:150px}}@media (max-width:1180px){.fleet-btn__label{display:none}}.info-section__title{color:var(--accent-strong);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;font-weight:600;display:flex}.info-section__aside{color:var(--text-muted);font-size:var(--fs-xs);letter-spacing:.02em;text-transform:none;margin-left:auto;font-weight:500}.ship-section__hint{color:var(--text-2);font-size:var(--fs-sm);line-height:1.45}.ship-section__empty{border-radius:var(--r-7);background:var(--well);color:var(--text-muted);font-size:var(--fs-sm);padding:8px 10px}.ship-status{font-size:var(--fs-sm);align-items:center;gap:7px;font-weight:600;line-height:1.35;display:flex}.ship-status__dot{border-radius:var(--r-round);background:currentColor;flex:none;width:9px;height:9px;box-shadow:0 0 7px}.ship-status--sailing{color:var(--info)}.ship-status--docked{color:var(--good)}.ship-status--trader{color:var(--accent)}.ship-status--idle{color:var(--text-2)}.ship-status--route{color:var(--text-2);font-weight:500}.ship-status--route .icon{color:var(--accent-strong)}.ship-panel__yours{color:var(--accent-strong);font-weight:600}.ship-name{align-items:center;gap:4px;min-width:0;max-width:100%;display:inline-flex}.ship-name__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ship-name__edit{color:var(--text-muted)}.ship-name__edit:hover{color:var(--accent)}.input.ship-name__input{width:100%;height:30px;font-family:var(--font-ui);font-size:var(--fs-md);padding:0 8px;font-weight:600}.cargo{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.cargo__slot{border:1px solid rgba(var(--line-rgb), .3);border-radius:var(--r-7);background:rgba(var(--well-rgb), .36);height:42px;box-shadow:inset 0 1px 3px rgba(var(--shadow-rgb), .45);justify-content:center;align-items:center;gap:6px;display:flex;position:relative;overflow:hidden}.cargo__slot.is-empty{border-style:dashed;border-color:rgba(var(--line-rgb), .2);background:rgba(var(--well-rgb), .18)}.cargo__n{font-size:var(--fs-md);font-weight:700}.cargo__fill{background:linear-gradient(90deg, var(--line-strong), var(--accent));height:3px;position:absolute;bottom:0;left:0}.cargo__empty{color:var(--text-faint);font-size:var(--fs-xs)}.cargo--compact{gap:4px}.cargo--compact .cargo__slot{gap:4px;height:32px}.cargo--compact .cargo__n{font-size:var(--fs-sm)}.cargo--compact .cargo__empty{font-size:var(--fs-micro)}.xfer{gap:3px;display:grid}.xfer__head,.xfer__row{grid-template-columns:64px 1fr 34px;align-items:center;gap:6px;display:grid}.xfer__head{padding:0 4px}.xfer__label{color:var(--text-muted);font-size:var(--fs-micro);letter-spacing:.06em;text-transform:uppercase}.xfer__label--ship{text-align:right}.xfer__row{border-radius:var(--r-md);background:var(--well);padding:3px 4px}.xfer__good{font-size:var(--fs-sm);align-items:center;gap:5px;font-weight:700;display:inline-flex}.xfer__ship{font-size:var(--fs-sm);text-align:right;font-weight:700}.xfer__btns{justify-content:center;gap:3px;display:flex}.xfer__btn{border:1px solid rgba(var(--line-rgb), .4);border-radius:var(--r-5);background:linear-gradient(180deg, var(--btn-face-hi) 0%, var(--btn-face-lo) 100%);min-width:34px;height:24px;color:var(--text);font-size:var(--fs-xs);white-space:nowrap;transition:border-color var(--fast), filter var(--fast);place-items:center;padding:0 5px;font-weight:700;display:inline-grid}.xfer__btn:hover:not(:disabled){border-color:var(--accent);filter:brightness(1.15)}.xfer__btn:disabled{cursor:not-allowed;opacity:.35}.xfer__btn--all{min-width:26px;color:var(--accent)}.xfer__btn.is-left .icon{transform:scaleX(-1)}.xfer__btn--wide{min-width:58px}.trade__gold{border:1px solid rgba(var(--line-rgb), .3);border-radius:var(--r-7);background:rgba(var(--line-rgb), .07);justify-content:space-between;align-items:center;padding:6px 10px;font-weight:700;display:flex}.trade__subtitle{color:var(--text-2);font-size:var(--fs-sm);margin-top:2px;font-weight:600}.trade__list{gap:3px;display:grid}.trade__row{border-radius:var(--r-md);background:var(--well);grid-template-columns:62px 1fr auto;align-items:center;gap:6px;padding:3px 4px;display:grid}.trade__good{align-items:center;gap:5px;display:inline-flex}.trade__aboard{min-width:1.6em;color:var(--text-2);font-size:var(--fs-sm);font-weight:700}.trade__price{font-size:var(--fs-sm);font-weight:700}.trade__btns{gap:3px;display:inline-flex}.route-stops{flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none;display:flex}.route-stops__stop{border:1px solid var(--panel-line-soft);border-radius:var(--r-pill);background:var(--well);font-size:var(--fs-sm);align-items:center;gap:5px;padding:2px 8px 2px 3px;display:inline-flex}.route-stops__stop.is-next{border-color:var(--accent);box-shadow:0 0 8px rgba(var(--accent-rgb), .3)}.route-stops__n{border-radius:var(--r-round);background:var(--line-strong);width:18px;height:18px;color:var(--text-on-accent);font-size:var(--fs-xs);place-items:center;font-weight:800;display:inline-grid}.ship-route__actions{flex-wrap:wrap;gap:6px;display:flex}.fleet-panel{top:var(--hud-gap);left:var(--hud-gap);z-index:4;width:var(--fleet-w);max-height:calc(100% - var(--hud-gap) - var(--fleet-reserve,266px));animation:drawer-in var(--med) var(--ease);flex-direction:column;display:flex;position:absolute}@keyframes drawer-in{0%{opacity:0;transform:translate(-12px)}}.fleet-panel__bar .panel__heading{flex:1}.fleet-panel__bar .panel__count{font-family:var(--font-ui);margin-left:6px;font-weight:500}.fleet-panel__body{min-height:0;-webkit-mask-image:linear-gradient(180deg, transparent, var(--mask) 6px, var(--mask) calc(100% - 10px), transparent);-webkit-mask-image:linear-gradient(180deg, transparent, var(--mask) 6px, var(--mask) calc(100% - 10px), transparent);mask-image:linear-gradient(180deg, transparent, var(--mask) 6px, var(--mask) calc(100% - 10px), transparent);flex:1;padding:4px 10px 10px;overflow-y:auto}.fleet-panel__section{color:var(--accent-strong);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;margin:10px 2px 6px;font-weight:600}.fleet-panel__section--crossing{align-items:center;gap:6px;display:flex}.fleet-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.fleet-ship,.fleet-yard{border:1px solid rgba(var(--line-rgb), .22);border-radius:var(--r-panel);background:rgba(var(--well-rgb), .28);gap:6px;padding:8px 9px 9px;display:grid}.fleet-ship.is-selected{border-color:var(--accent);box-shadow:0 0 0 1px rgba(var(--accent-rgb), .3)}.fleet-ship__head,.yard__head{align-items:center;gap:8px;min-width:0;display:flex}.fleet-ship__icon{border:1px solid var(--panel-line-soft);border-radius:var(--r-7);background:radial-gradient(circle at 35% 30%, rgba(var(--disc-rgb), .9), rgba(var(--surface-rgb), .9));flex:none;place-items:center;width:30px;height:30px;display:grid}.fleet-ship__name{color:var(--title);font-family:var(--font-title);font-size:var(--fs-lg);flex:1;font-weight:700}.fleet-ship__select{flex:none}.fleet-ship__foot{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.fleet-ship__actions{align-items:center;gap:2px;display:inline-flex}.yard{gap:7px;display:grid}.yard__name{min-width:0;color:var(--title);font-family:var(--font-title);font-size:var(--fs-md);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;flex:1;padding:0;font-weight:700;overflow:hidden}button.yard__name:hover{text-decoration:underline}.yard__status{border-radius:var(--r-pill);background:var(--well);font-size:var(--fs-xs);flex:none;padding:1px 8px;font-weight:700}.yard__status--idle{color:var(--text-2)}.yard__status--ok{color:var(--info)}.yard__status--noRoad,.yard__status--noDock{color:var(--bad)}.yard__status--noWorkers{color:var(--warn)}.yard__progress{gap:4px;display:grid}.yard__eta{color:var(--text-2);font-size:var(--fs-xs)}.yard__foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.modal{z-index:60;background:rgba(var(--well-rgb), .45);pointer-events:auto;animation:fade-in var(--fast) var(--ease);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.route-editor{width:min(620px,100%);max-height:min(86vh,760px);box-shadow:var(--shadow-pop);flex-direction:column;display:flex}.route-editor__head{border-bottom:1px solid var(--panel-line-soft);border-radius:var(--r-panel) var(--r-panel) 0 0;background:linear-gradient(180deg, rgba(var(--line-rgb), .1), transparent);align-items:center;gap:12px;padding:12px 12px 10px 14px;display:flex}.route-editor__icon{border:1px solid var(--panel-line);border-radius:var(--r-xl);background:radial-gradient(circle at 35% 30%, rgba(var(--disc-rgb), .9), rgba(var(--surface-rgb), .9));width:46px;height:46px;color:var(--accent);flex:none;place-items:center;display:grid}.route-editor__titles{flex:1;gap:2px;min-width:0;display:grid}.route-editor__title{color:var(--title);font-family:var(--font-title);font-size:var(--fs-lg);font-weight:700}.route-editor__sub{color:var(--text-2);font-size:var(--fs-sm)}.route-editor__stops{flex:1;gap:8px;min-height:0;margin:0;padding:12px 14px 4px;list-style:none;display:grid;overflow-y:auto}.route-stop{border:1px solid rgba(var(--line-rgb), .25);border-left:3px solid var(--line);border-radius:var(--r-lg);background:rgba(var(--well-rgb), .3);gap:6px;padding:8px 10px 10px;display:grid}.route-stop.is-trader{border-left-color:var(--accent);background:rgba(var(--line-rgb), .06)}.route-stop.is-bad{border-color:rgba(var(--bad-rgb), .6);border-left-color:var(--bad)}.route-stop__head{align-items:center;gap:8px;display:flex}.route-stop__n{border-radius:var(--r-round);background:linear-gradient(180deg, var(--btn-primary-hi), var(--btn-primary-lo));width:24px;height:24px;color:var(--btn-primary-ink);font-size:var(--fs-sm);flex:none;place-items:center;font-weight:800;display:inline-grid}.input.route-stop__at{height:32px;font-size:var(--fs-md);flex:1;padding:0 8px;font-weight:600}.route-stop__at option{background:var(--surface-low);color:var(--text)}.route-stop__tools{gap:1px;display:inline-flex}.route-stop__tools .icon-btn:disabled{cursor:default;opacity:.3}.route-stop__tools .is-up{transform:rotate(180deg)}.route-stop__remove:hover{color:var(--bad)}.route-stop__err,.route-action__err{font-size:var(--fs-sm);font-weight:600}.route-stop__actions{gap:4px;margin:0;padding:0 0 0 32px;list-style:none;display:grid}.route-stop__none{color:var(--text-muted);font-size:var(--fs-sm);font-style:italic}.route-stop__add{justify-self:start;margin-left:32px}.route-action{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.route-action.is-bad .good-picker__btn,.route-action.is-bad .route-action__n{border-color:rgba(var(--bad-rgb), .75)}.route-action__err{flex-basis:100%}.route-action__mode{border-radius:var(--r-7);background:rgba(var(--well-rgb), .45);box-shadow:inset 0 1px 3px rgba(var(--shadow-rgb), .5);gap:2px;padding:2px;display:inline-flex}.route-action__mode-btn{border-radius:var(--r-5);height:26px;color:var(--text-2);font-size:var(--fs-sm);white-space:nowrap;background:0 0;border:0;align-items:center;gap:4px;padding:0 9px;font-weight:700;display:inline-flex}.route-action__mode-btn:hover{background:rgba(var(--sheen-rgb), .06);color:var(--text)}.route-action__mode-btn.is-active{background:linear-gradient(180deg, var(--face-accent-hi), var(--face-accent-lo));color:var(--text-on-accent)}.route-action__mode .is-up{transform:rotate(-90deg)}.route-action__mode .is-down{transform:rotate(90deg)}.input.route-action__n{width:76px;height:30px;font-size:var(--fs-md);text-align:right;padding:0 8px;font-weight:700}.route-editor__add{align-self:flex-start;margin:6px 14px 4px}.route-editor__foot{border-top:1px solid var(--hairline);gap:8px;padding:10px 14px 12px;display:grid}.route-editor__msgs{font-size:var(--fs-sm);gap:2px;display:grid}.route-editor__msgs .neg,.route-editor__msgs .warn{font-weight:600}.route-editor__buttons{align-items:center;gap:8px;display:flex}.route-editor__spacer{flex:1}.good-picker{position:relative}.good-picker__btn{border:1px solid rgba(var(--line-rgb), .35);border-radius:var(--r-md);background:rgba(var(--field-rgb), .55);min-width:150px;height:30px;color:var(--text);font-size:var(--fs-sm);text-align:left;align-items:center;gap:6px;padding:0 8px 0 5px;font-weight:600;display:inline-flex}.good-picker__btn:hover,.good-picker__btn.is-open{border-color:var(--accent-strong)}.good-picker__name{white-space:nowrap;flex:1}.good-picker__chev{color:var(--accent-strong)}.good-picker__pop{z-index:80;pointer-events:auto;animation:fade-in var(--fast) var(--ease);grid-template-columns:repeat(5,62px);gap:3px;padding:6px;display:grid;position:fixed}.good-picker__opt{border-radius:var(--r-md);color:var(--text-2);background:0 0;border:1px solid #0000;justify-items:center;gap:2px;padding:5px 2px 4px;display:grid}.good-picker__opt:hover{border-color:rgba(var(--line-rgb), .4);background:rgba(var(--line-rgb), .08)}.good-picker__opt.is-current{border-color:var(--accent);background:rgba(var(--line-rgb), .14)}.good-picker__opt.is-off{cursor:not-allowed;opacity:.3}.good-picker__opt-name{max-width:100%;font-size:var(--fs-micro);text-align:center;text-overflow:ellipsis;white-space:nowrap;line-height:1.15;overflow:hidden}.info-panel__island{color:var(--text-2);font-size:var(--fs-xs);align-items:center;gap:5px;display:inline-flex}.info-panel__island .icon{color:var(--good)}.status--idle{color:var(--text-2)}.status--noDock{color:var(--bad-soft)}.hud__left{transition:opacity var(--med) var(--ease)}.hud__left.is-covered{visibility:hidden;opacity:0;transition:opacity var(--med) var(--ease), visibility 0s linear var(--med)}.prices{gap:2px;display:grid}.prices__row{border-radius:var(--r-md);background:var(--well);font-size:var(--fs-sm);grid-template-columns:minmax(0,1fr) 54px 54px;align-items:center;gap:4px;padding:3px 6px;display:grid}.prices__row--head{color:var(--text-muted);font-size:var(--fs-micro);letter-spacing:.04em;text-align:right;text-transform:uppercase;white-space:nowrap;background:0 0}.prices__good{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.prices__good>.icon{margin-right:6px}.prices__n{text-align:right}.modal{z-index:60;background:rgba(var(--then-900-rgb), .5);animation:fade-in var(--med) var(--ease);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal__card{width:min(640px,100%);max-height:min(88vh,780px);box-shadow:var(--frame-rings), var(--shadow-pop);-webkit-user-select:text;user-select:text;animation:modal-in var(--med) var(--ease);flex-direction:column;display:flex;overflow:hidden}.modal__card:focus{outline:none}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)scale(.99)}}.modal__head{border-bottom:1px solid rgb(var(--paper-400-rgb));flex:none;align-items:center;gap:10px;padding:12px 10px 10px 14px;display:flex}.modal__seal{border-radius:var(--r-round);background:var(--lacquer-red-orb);width:44px;height:44px;color:rgb(var(--vang-200-rgb));box-shadow:inset 0 0 0 1.5px rgb(var(--vang-500-rgb)), var(--lacquer-glint), 0 2px 4px rgba(var(--shadow-rgb), .3);flex:none;place-items:center;display:grid}.modal__titles{flex:1;gap:1px;min-width:0;display:grid}.modal__title{color:var(--title);font-family:var(--font-title);font-size:21px;font-weight:700;line-height:1.15}.modal__sub{color:var(--text-muted);font-size:var(--fs-sm);line-height:1.4}.icon-btn.modal__close{border:1px solid rgb(var(--then-900-rgb));border-radius:var(--r-round);background:var(--lacquer-red-orb);width:32px;height:32px;color:rgb(var(--vang-200-rgb));box-shadow:inset 0 0 0 1.5px rgb(var(--vang-500-rgb)), var(--lacquer-glint), 0 2px 4px rgba(var(--shadow-rgb), .4)}.icon-btn.modal__close:hover{border-color:rgb(var(--then-900-rgb));background:var(--lacquer-red-orb);color:rgb(var(--paper-50-rgb));filter:brightness(1.12)}.modal__body{flex:1;min-height:0;padding:12px 16px 14px;overflow-y:auto}.modal__foot{border-top:1px solid rgb(var(--paper-300-rgb));background:rgba(var(--paper-300-rgb), .28);flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:8px;padding:10px 14px 12px;display:flex}[data-form=phone] .modal{padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left))}[data-form=phone] .modal__card{width:100%;max-height:100%}[data-form=phone] .modal__head{padding:10px 8px 8px 10px}[data-form=phone] .modal__title{font-size:var(--fs-xl)}[data-form=phone] .modal__body{padding:10px 12px 12px}[data-form=phone] .credits__list,[data-form=phone] .credits__list--music{grid-template-columns:minmax(0,1fr)}.check{cursor:pointer;align-items:flex-start;gap:9px;display:flex}.check input{width:16px;height:16px;accent-color:var(--line);flex:none;margin-top:2px}.check.is-disabled{cursor:default;opacity:.55}.check>span{gap:2px;display:grid}.check__label{color:var(--text);font-size:var(--fs-md);font-weight:600}.check__hint{color:var(--text-muted);font-size:var(--fs-xs);line-height:1.4}.report{width:min(680px,100%)}.report__form{gap:14px;display:grid}.report__text{height:auto;min-height:108px;font-family:inherit;font-size:var(--fs-md);resize:vertical;padding:10px 12px;font-weight:400;line-height:1.45}.report__under{justify-content:space-between;gap:12px;min-height:16px;display:flex}.report__count{color:var(--text-faint);font-size:var(--fs-xs)}.report__shot{align-items:center;gap:14px;display:flex}.report__thumb{border:1px solid var(--panel-line-soft);border-radius:var(--r-md);width:220px;height:auto;box-shadow:0 4px 14px rgba(var(--shadow-rgb), .35);transition:opacity var(--fast), filter var(--fast);flex:none}.report__thumb.is-off{opacity:.35;filter:grayscale()}.report__thumb--none{background:var(--well);height:124px;color:var(--text-muted);font-size:var(--fs-sm);text-align:center;place-items:center;padding:8px;display:grid}.report__context{border-top:1px solid var(--hairline);gap:6px;padding-top:12px;display:grid}.report__hint{color:var(--text-muted);font-size:var(--fs-xs)}.report__facts{border-radius:var(--r-md);background:var(--well);font-size:var(--fs-sm);gap:0;padding:4px 10px;display:grid}.report__fact{border-bottom:1px solid rgba(var(--line-rgb), .08);grid-template-columns:136px 1fr;gap:12px;padding:4px 0;display:grid}.report__fact:last-child{border-bottom:0}.report__fact dt{color:var(--text-muted)}.report__fact dd{min-width:0;color:var(--text-2);overflow-wrap:anywhere}.report__ua{font-size:var(--fs-xs)}.report__list{gap:2px;max-height:96px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.report__list--errors li{color:var(--bad)}.report__status{min-width:0;color:var(--text-2);font-size:var(--fs-sm);flex:1;align-items:center;gap:6px;display:inline-flex}.report__status--ok{color:var(--good)}.report__status--error{color:var(--bad)}@media (max-width:560px){.report__shot{flex-direction:column;align-items:stretch}.report__thumb{width:100%}.report__fact{grid-template-columns:1fr;gap:2px}}.credits{width:min(720px,100%)}.credits .modal__body{gap:16px;display:grid}.credits__section{gap:6px;display:grid}.credits__heading,.report__heading{color:var(--title);font-family:var(--font-title);font-size:var(--fs-md);letter-spacing:.02em;align-items:center;gap:10px;font-weight:700;display:flex}.credits__heading:after,.report__heading:after{content:"";background:linear-gradient(90deg, rgb(var(--muc-500-rgb)), transparent);flex:1;height:1px}.credits__note,.credits__more,.credits__lead{color:var(--text-muted);font-size:var(--fs-xs);line-height:1.45}.credits__lead{color:var(--text-2);font-size:var(--fs-sm)}.credits__list{color:var(--text);font-size:var(--fs-sm);gap:4px;margin:0;padding:0;line-height:1.45;list-style:none;display:grid}.credits__list a,.credits__more a,.credits__lead a{color:var(--accent);text-decoration:none}.credits__list a:hover,.credits__more a:hover,.credits__lead a:hover{text-decoration:underline}.credits__by{color:var(--text-2)}.credits__licence{white-space:nowrap}.credits__list--music{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}.credits__track{border-radius:var(--r-11);background:rgba(var(--paper-300-rgb), .38);font-size:var(--fs-sm);gap:1px;padding:7px 10px;display:grid}.credits__track .credits__work{font-weight:600}.credits__attribution{color:var(--text-2);font-size:var(--fs-xs);overflow-wrap:anywhere}.credits__thanks{color:var(--text-muted);font-size:var(--fs-sm);text-align:center;font-style:italic}.switch{cursor:pointer;align-items:center;gap:10px;display:flex;position:relative}.switch__input{opacity:0;cursor:pointer;width:36px;height:20px;margin:0;position:absolute}.switch__track{border:1px solid rgb(var(--paper-400-rgb));border-radius:var(--r-pill);background:rgba(var(--paper-300-rgb), .8);width:36px;height:20px;box-shadow:inset 0 1px 2px rgba(var(--muc-900-rgb), .2);transition:background var(--fast), border-color var(--fast);flex:none;position:relative}.switch__track:after{content:"";border-radius:var(--r-round);background:rgb(var(--paper-50-rgb));width:14px;height:14px;box-shadow:0 1px 2px rgba(var(--muc-900-rgb), .4);transition:transform var(--fast) var(--ease);position:absolute;top:2px;left:2px}.switch__input:checked+.switch__track{border-color:rgb(var(--then-900-rgb));background:var(--lacquer-red)}.switch__input:checked+.switch__track:after{background:rgb(var(--vang-200-rgb));transform:translate(16px)}.switch__input:focus-visible+.switch__track{box-shadow:0 0 0 3px rgba(var(--ngoc-500-rgb), .3)}.switch__text{gap:1px;min-width:0;display:grid}.switch__label{color:var(--text);font-size:var(--fs-sm);font-weight:600}.switch__hint{color:var(--text-muted);font-size:var(--fs-xs);line-height:1.35}.help-links{border-top:1px solid var(--hairline);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin-top:4px;padding:10px 0 6px;display:flex}.help-links__switch{flex:300px}.help-links__buttons{gap:8px;display:flex}.pause-banner__orb{border-radius:var(--r-round);background:var(--lacquer-red-orb);width:24px;height:24px;color:rgb(var(--vang-200-rgb));box-shadow:inset 0 0 0 1px rgb(var(--vang-500-rgb));flex:none;place-items:center;margin-left:-10px;display:grid}.pause-banner__drum{color:rgb(var(--nghe-500-rgb));flex:none;place-items:center;margin-left:-8px;animation:4s linear infinite loading-turn;display:grid}@media (prefers-reduced-motion:reduce){.pause-banner__drum{animation:none}}.modal__card.create-world{width:min(500px,100%)}.modal__card.room-settings,.modal__card.restore-player{width:min(460px,100%)}.create-world__form,.room-settings__form,.restore-player__form{gap:12px;display:grid}.create-world__facts{border-radius:var(--r-11);background:rgba(var(--paper-300-rgb), .35);color:var(--text-2);font-size:var(--fs-sm);gap:6px;margin:0;padding:10px 12px;list-style:none;display:grid}.create-world__facts li{align-items:center;gap:8px;display:flex}.restore-player__hint{color:var(--text-2);font-size:var(--fs-sm);line-height:1.45}.restore-player__ok{color:var(--good);font-size:var(--fs-sm);align-items:center;gap:6px;font-weight:600;display:flex}.room-settings__note{border:1px solid var(--panel-line-soft);border-radius:var(--r-md);background:var(--well);color:var(--text-2);font-size:var(--fs-sm);padding:8px 10px}.room-settings__locked{color:var(--accent);font-size:var(--fs-md);align-items:center;gap:8px;margin-bottom:4px;display:flex}.room-settings__locked .btn{margin-left:auto}.room__code.is-named{gap:6px}.room__name{max-width:180px;color:var(--accent);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.room__code.is-named .room__value{color:var(--text-muted);font-size:var(--fs-xs);font-weight:600}.room__settings.is-locked{color:var(--accent)}.room__settings.is-disabled{opacity:.5;cursor:default}@media (max-width:1320px){.room__name{max-width:120px}.room__code.is-named .room__value{display:none}}.stats-btn-tip{display:flex}.stats-btn{border:1px solid rgba(var(--line-rgb), .38);border-radius:var(--r-md);background:rgba(var(--well-rgb), .3);width:36px;height:28px;color:var(--accent);transition:border-color var(--fast), background var(--fast);place-items:center;display:inline-grid}.stats-btn:hover{border-color:var(--accent-strong);background:rgba(var(--line-rgb), .1)}.stats-btn.is-active{border-color:var(--accent);background:rgba(var(--line-rgb), .16);box-shadow:0 0 0 1px rgba(var(--accent-rgb), .25)}.stats-panel{top:var(--hud-gap);z-index:4;width:min(800px, calc(100% - 2 * var(--hud-gap)));max-height:calc(100% - 2 * var(--hud-gap));animation:fade-in var(--med) var(--ease);flex-direction:column;display:flex;position:absolute;left:50%;transform:translate(-50%)}.stats-panel__bar{gap:10px}.stats-panel__bar .panel__heading{flex:none}.stats-panel__key{margin-left:auto}.island-sel--pick{padding:0;position:relative}.island-sel--pick .island-sel__btn{max-width:none;height:34px}.island-sel--pick .island-sel__pop{background:var(--panel-bg-solid);left:0}.stats-tabs{border:1px solid var(--hairline);border-radius:var(--r-lg);background:var(--well);gap:4px;padding:3px;display:flex}.stats-tab{border-radius:var(--r-md);height:26px;color:var(--text-2);font-size:var(--fs-sm);white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:0 10px;font-weight:600;display:inline-flex}.stats-tab:hover{color:var(--text)}.stats-tab.is-active{border-color:rgba(var(--accent-rgb), .45);background:rgba(var(--line-rgb), .16);color:var(--accent)}.stats-panel__body{scrollbar-width:thin;flex:1;min-height:0;padding:4px 10px 8px;overflow-y:auto}.stats-panel__foot{border-top:1px solid var(--hairline);color:var(--text-muted);font-size:var(--fs-xs);padding:6px 12px 8px;line-height:1.4}.stats-empty{color:var(--text-2);text-align:center;padding:22px 8px}.stats-row{align-items:center;gap:10px;min-height:32px;padding:2px 8px;display:grid}.stats-row--head{z-index:1;border-bottom:1px solid var(--hairline);background:var(--panel-bg-solid);min-height:28px;color:var(--accent-strong);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;font-weight:600;position:sticky;top:-4px}.stats-num{text-align:right;justify-content:flex-end}.stats-group__title{color:var(--text-2);font-size:var(--fs-xs);align-items:center;gap:6px;margin-top:8px;padding:4px 8px 3px;font-weight:600;display:flex}.stats-good{border-radius:var(--r-lg);border:1px solid #0000}.stats-good.is-open{border-color:rgba(var(--line-rgb), .35);background:rgba(var(--well-rgb), .3)}.stats-row--good,.stats-row--building{border-radius:var(--r-7)}.stats-row--good{cursor:pointer;width:100%}.stats-row--good:hover,.stats-row--building:hover{background:rgba(var(--line-rgb), .07)}.stats-row--good:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.stats-row--building+.stats-row--building{border-top:1px solid rgba(var(--line-rgb), .08)}.stats-name{align-items:center;gap:8px;min-width:0;font-weight:600;display:flex}.stats-name__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stats-name__btn{min-width:0;color:inherit;font:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:inline-flex}.stats-name__btn:hover .stats-name__text{color:var(--accent);text-decoration:underline;-webkit-text-decoration-color:rgba(var(--accent-rgb), .45);text-decoration-color:rgba(var(--accent-rgb), .45);text-underline-offset:3px}.stats-alert{color:var(--bad);flex:none}.stats-stock{justify-items:end;gap:3px;display:grid}.stats-stock__cap{color:var(--text-muted);font-size:var(--fs-xs)}.stats-bar{border-radius:var(--r-pill);background:rgba(var(--shadow-rgb), .4);width:100%;height:4px;position:relative;overflow:hidden}.stats-bar__fill{border-radius:inherit;background:linear-gradient(90deg, var(--line-strong), var(--accent-strong));position:absolute;inset:0 auto 0 0}.stats-bar__fill.is-full,.stats-bar__fill.is-warn{background:linear-gradient(90deg, var(--warn-deep), var(--warn-light))}.stats-bar__fill.is-good{background:linear-gradient(90deg, var(--good-deep), var(--good-light))}.stats-bar__fill.is-bad{background:linear-gradient(90deg, var(--bad-deep), var(--bad))}.stats-net{font-weight:700}.stats-trend{align-items:center;display:flex}.sparkline{display:block;overflow:visible}.sparkline__cap{stroke:var(--text-faint);stroke-dasharray:2 3;stroke-width:1px}.sparkline__area{fill:rgba(var(--accent-strong-rgb), .14)}.sparkline__line{fill:none;stroke:var(--accent-strong);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px}.sparkline__dot{fill:var(--accent);stroke:var(--surface-base);stroke-width:1px}.sparkline--empty{border-bottom:1px dashed var(--panel-line-soft)}.stats-detail{grid-template-columns:1fr 1fr;gap:4px 16px;padding:4px 10px 10px 40px;display:grid}.stats-detail__title{color:var(--accent-strong);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;margin:4px 0;font-weight:600}.stats-flows{gap:3px;margin:0;padding:0;list-style:none;display:grid}.stats-flow{border:1px solid rgba(var(--line-rgb), .16);border-radius:var(--r-7);background:rgba(var(--well-rgb), .25);width:100%;color:var(--text);font:inherit;text-align:left;grid-template-rows:auto auto;grid-template-columns:auto 1fr auto;align-items:center;column-gap:8px;padding:4px 8px;display:grid}.stats-flow>.icon{grid-row:span 2}button.stats-flow:not(:disabled):hover{border-color:rgba(var(--line-rgb), .45);background:rgba(var(--line-rgb), .08)}button.stats-flow:disabled{opacity:.6;cursor:default}.stats-flow__name{font-weight:600}.stats-flow__count{color:var(--text-2);font-weight:500}.stats-flow__sub{color:var(--text-muted);font-size:var(--fs-xs);grid-column:2}.stats-flow__rate{grid-area:1/3/span 2;font-weight:700}.stats-detail__none{color:var(--text-muted);font-size:var(--fs-sm);padding:4px 2px}.stats-detail__notes{grid-column:1/-1;gap:4px;margin-top:4px;display:grid}.stats-detail__notes p{margin:0}.stats-detail__eta{color:var(--text-2);font-size:var(--fs-sm);align-items:center;gap:6px;display:flex}.stats-prod{font-size:var(--fs-sm);grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.stats-prod .stats-bar{height:6px}.stats-output{white-space:nowrap;align-items:center;gap:5px;display:flex}.stats-idle{flex-wrap:wrap;gap:4px;min-width:0;display:flex}.stats-idle__ok{font-size:var(--fs-sm)}.stats-chip{border:1px solid rgba(var(--warn-rgb), .45);border-radius:var(--r-pill);background:rgba(var(--warn-rgb), .1);color:var(--warn);font-size:var(--fs-xs);align-items:center;gap:5px;padding:2px 8px;font-weight:600;display:inline-flex}.stats-chip:hover{border-color:var(--warn);background:rgba(var(--warn-rgb), .18)}.stats-chip--noRoad,.stats-chip--noResource{border-color:rgba(var(--bad-rgb), .5);background:rgba(var(--bad-rgb), .1);color:var(--bad)}.stats-chip--noRoad:hover,.stats-chip--noResource:hover{border-color:var(--bad);background:rgba(var(--bad-rgb), .18)}.stats-chip--paused{border-color:rgba(var(--paused-rgb), .45);background:rgba(var(--paused-rgb), .08);color:var(--paused-light)}.stats-chip{white-space:nowrap}.stats-chip__n{color:var(--text-2)}.stats-good.is-locked .stats-name__text{color:var(--text-muted)}.stats-lock{color:var(--bad);flex:none}.stats-chip--modules{border-color:rgba(var(--warn-rgb), .45);cursor:default}.fin{gap:10px;padding:6px 2px 4px;display:grid}.fin__balance{border:1px solid var(--hairline);border-radius:var(--r-panel);background:var(--well);font-size:var(--fs-md);justify-content:space-between;align-items:baseline;padding:8px 12px;font-weight:700;display:flex}.fin__balance .num{font-size:var(--fs-lg)}.fin__cols{grid-template-columns:1fr 1fr;align-items:start;gap:14px;display:grid}.fin__col{gap:2px;display:grid}.fin__head{border-radius:var(--r-7);font-size:var(--fs-md);justify-content:space-between;align-items:baseline;margin-bottom:4px;padding:5px 10px;font-weight:700;display:flex}.fin__head--income{background:linear-gradient(90deg, rgba(var(--good-rgb), .28), rgba(var(--good-rgb), .06));color:var(--fin-income)}.fin__head--expenses{background:linear-gradient(90deg, rgba(var(--fin-expenses-rgb), .3), rgba(var(--fin-expenses-rgb), .06));color:var(--fin-expenses-text)}.fin__head--trade{background:rgba(var(--info-rgb), .14);color:var(--fin-trade);font-size:var(--fs-sm);margin-top:10px}.fin__group{gap:1px;margin-bottom:6px;display:grid}.fin__row{border-radius:var(--r-5);min-height:22px;font-size:var(--fs-sm);justify-content:space-between;align-items:baseline;gap:10px;padding:1px 10px;display:flex}.fin__row:hover{background:rgba(var(--line-rgb), .07)}.fin__row--group{font-weight:700}.fin__row--sub{color:var(--text-2);font-size:var(--fs-sm);padding-left:30px}.fin__label{align-items:center;gap:6px;display:inline-flex}.fin__note{font-size:var(--fs-xs);padding:2px 10px;line-height:1.4}.popst{gap:12px;padding:6px 2px 4px;display:grid}.popst__island{gap:6px;display:grid}.popst__island-name{color:var(--title);font-family:var(--font-title);font-size:var(--fs-md);align-items:center;gap:6px;font-weight:700;display:flex}.popst__tier{border:1px solid var(--hairline);border-radius:var(--r-lg);background:rgba(var(--well-rgb), .22);gap:6px;padding:7px 10px 8px;display:grid}.popst__head{font-size:var(--fs-sm);grid-template-columns:minmax(170px,1fr) 130px minmax(150px,auto) 64px;align-items:center;gap:10px;display:grid}.popst__name{align-items:center;gap:6px;font-weight:700;display:inline-flex}.popst__res{text-align:right}.popst__mood{align-items:center;gap:6px;display:inline-flex}.popst__levels{gap:3px;display:inline-flex}.popst__level{border-radius:var(--r-pill);min-width:20px;font-size:var(--fs-micro);text-align:center;border:1px solid;padding:0 4px;font-weight:700;line-height:15px}.popst__royal{justify-content:flex-end;align-items:center;gap:4px;display:inline-flex}.popst__needs{flex-wrap:wrap;gap:4px;display:flex}.popst__need{border:1px solid var(--hairline);border-radius:var(--r-pill);background:var(--well);font-size:var(--fs-xs);align-items:center;gap:4px;padding:2px 7px 2px 4px;font-weight:700;display:inline-flex}.popst__need.is-luxury{background:rgba(var(--line-rgb), .08)}.popst__need.is-locked{border-color:rgba(var(--bad-rgb), .5);border-style:dashed}@media (max-width:1100px){.stats-table--goods .stats-row{grid-template-columns:minmax(120px,1.3fr) 76px 72px 84px repeat(3,minmax(52px,.6fr));gap:8px}.stats-table--buildings .stats-row{grid-template-columns:minmax(150px,1.5fr) 72px 80px 92px 86px minmax(130px,1.2fr);gap:8px}.stats-tab{padding:0 8px}.stats-detail{padding-left:10px}}.tone-good{color:var(--good)}.tone-warn{color:var(--warn)}.tone-bad{color:var(--bad)}.needs__list--rows{grid-template-columns:1fr;gap:5px}.needs__warn{font-size:var(--fs-xs);line-height:1.35}.need--row{border:1px solid var(--hairline);gap:3px;padding:4px 7px 5px;display:grid}.need--row.is-met{border-color:rgba(var(--good-rgb), .28)}.need--row.is-locked{border-color:rgba(var(--bad-rgb), .35);border-style:dashed}.need--row.is-inactive{color:var(--text-muted);background:0 0;border-style:dashed}.need--row.is-inactive .icon{opacity:.55;filter:grayscale(.7)}.need__top{justify-content:space-between;align-items:center;gap:6px;min-width:0;display:flex}.need__mid{align-items:center;gap:6px;display:flex}.need__mid .need__bar{flex:1;min-width:40px}.need__label{align-items:center;gap:5px;min-width:0;display:inline-flex}.need__pct{font-weight:700;font-size:var(--fs-sm)}.need__when{color:var(--text-muted);font-size:var(--fs-xs);text-align:right}.need__bar{border-radius:var(--r-3);background:rgba(var(--well-rgb), .55);height:5px;position:relative;overflow:hidden}.need__fill{border-radius:var(--r-3);transition:width var(--med) var(--ease);position:absolute;inset:0 auto 0 0}.need__fill--good{background:linear-gradient(90deg, var(--good-strong), var(--good))}.need__fill--warn{background:linear-gradient(90deg, var(--need-fill-warn), var(--warn))}.need__fill--bad{background:var(--bad)}.need__effects{flex-wrap:wrap;gap:3px;display:inline-flex}.need__chip{border-radius:var(--r-pill);background:rgba(var(--sheen-rgb), .06);color:var(--text-2);font-size:var(--fs-micro);white-space:nowrap;padding:0 5px;font-weight:600;line-height:16px}.need__chip--residents{color:var(--need-residents)}.need__chip--tax{color:var(--accent)}.need__chip--happy{color:var(--good-pale)}.need--row.is-locked .need__chip,.need--row.is-inactive .need__chip{opacity:.55}.need__badge{border:1px solid rgba(var(--bad-rgb), .5);border-radius:var(--r-pill);color:var(--bad);font-size:var(--fs-micro);white-space:nowrap;align-items:center;gap:3px;padding:0 6px;font-weight:700;line-height:16px;display:inline-flex}.need__hint{font-size:var(--fs-micro);align-items:center;gap:2px;font-weight:600;display:inline-flex}.need__arrow{font-weight:800}.residence__meter{position:relative}.residence__cap{border-radius:var(--r-1);background:var(--text);width:2px;box-shadow:0 0 4px rgba(var(--shadow-rgb), .6);margin-left:-1px;position:absolute;top:-2px;bottom:-2px}.residence__income{cursor:help;font-weight:700}.upgrade__rules{border-radius:var(--r-7);background:var(--well);font-size:var(--fs-xs);gap:3px;padding:6px 8px;line-height:1.3;display:grid}.upgrade__rule{align-items:baseline;gap:6px;display:flex}.upgrade__have{color:var(--text-muted)}.row--total{border-top:1px solid var(--hairline);margin-top:2px;padding-top:5px;font-weight:700}.income-card .rows,.prod-card .rows{min-width:220px}.hchip-tip{display:inline-flex}.hchip{border-radius:var(--r-pill);background:rgba(var(--well-rgb), .4);font-size:var(--fs-sm);white-space:nowrap;cursor:help;border:1px solid;align-items:center;gap:5px;padding:1px 8px 1px 3px;font-weight:700;line-height:18px;display:inline-flex}.hchip__level{font-weight:600}.hchip--angry{color:var(--mood-angry)}.hchip--unhappy{color:var(--warn)}.hchip--content{color:var(--mood-content)}.hchip--happy{color:var(--good)}.hchip--euphoric{color:var(--mood-euphoric)}.hface{flex:none}.hface__bg{fill:currentColor}.hface--angry .hface__bg{fill:var(--mood-angry)}.hface--unhappy .hface__bg{fill:var(--warn-soft)}.hface--content .hface__bg{fill:var(--mood-content)}.hface--happy .hface__bg{fill:var(--good-light)}.hface--euphoric .hface__bg{fill:var(--mood-euphoric)}.hface__eye{fill:var(--mood-face-ink)}.hface__mouth{fill:none;stroke:var(--mood-face-ink);stroke-linecap:round;stroke-width:1.3px}.hface__mouth.is-open{fill:var(--mood-face-ink)}.hcard{min-width:270px;max-width:320px}.hcard__total{font-size:var(--fs-lg);font-weight:800}.hcard__rows{font-size:var(--fs-sm);gap:3px;display:grid}.hcard__row{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.hcard__row>span:first-child{min-width:0}.hcard__row--sub{color:var(--text-2);font-size:var(--fs-xs);padding-left:12px}.hcard__row.is-soon{color:var(--text-muted)}.hcard__row--total{border-top:1px solid var(--hairline);margin-top:3px;padding-top:5px;font-weight:700}.hcard__ramp{color:var(--text-muted);font-size:var(--fs-micro);line-height:1.3;display:block}.hcard__locked{color:var(--bad);font-weight:600}.hcard__levels{flex-wrap:wrap;gap:3px;margin-top:8px;display:flex}.hcard__level{border-radius:var(--r-pill);background:rgba(var(--sheen-rgb), .04);font-size:var(--fs-micro);opacity:.75;border:1px solid #0000;padding:1px 6px;font-weight:600}.hcard__level.is-current{opacity:1;border-color:currentColor}.hcard__level.is-soon{color:var(--text-faint);opacity:.7}.hcard__level small{font-size:var(--fs-micro);font-weight:500}.production__status{align-items:stretch;gap:6px;display:flex}.production__status .status{flex:1;min-width:0}.production__pause{flex:none}.production__hint{font-size:var(--fs-xs);margin-top:-3px}.production__prod{cursor:help;gap:8px;display:grid}.status--paused{color:var(--paused)}.status--noFertility,.status--noModules{color:var(--warn-soft)}.buffers{gap:5px;display:grid}.buffers__list{gap:4px;display:grid}.buffer{border-radius:var(--r-md);background:var(--well);font-size:var(--fs-xs);grid-template-columns:auto 1fr auto;align-items:center;gap:6px;padding:4px 7px;display:grid}.buffer--out{background:rgba(var(--line-rgb), .07)}.buffer__text{min-width:0;color:var(--text-2)}.buffer__pips{gap:2px;display:inline-flex}.buffer__pip{border:1px solid rgba(var(--line-rgb), .45);border-radius:var(--r-xs);width:6px;height:9px}.buffer__pip.is-full{border-color:var(--accent-strong);background:var(--accent-strong)}.modules{border:1px solid var(--hairline);border-radius:var(--r-lg);background:var(--well);gap:6px;padding:8px 10px;display:grid}.modules.is-short{border-color:rgba(var(--warn-rgb), .45)}.modules__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.modules__count{cursor:help;align-items:center;gap:5px;font-weight:700;display:inline-flex}.modules__pct{color:var(--text-muted);font-size:var(--fs-sm)}.modules__hint{font-size:var(--fs-xs);line-height:1.35}.good-chip{position:relative}.good-chip__trend{font-size:var(--fs-micro);text-shadow:0 1px 2px rgba(var(--shadow-rgb), .8);font-weight:800;line-height:1;position:absolute;top:-3px;left:2px}.good-chip__trend.is-down{color:var(--bad)}.good-chip__trend.is-up{color:var(--warn)}.good-chip__lock{color:var(--bad);filter:drop-shadow(0 1px 1px rgba(var(--shadow-rgb), .8));position:absolute;bottom:1px;right:1px}.pop-tier__face{vertical-align:-1px;margin-left:4px;display:inline-flex}.pop-tier__unhappy{align-items:center;gap:6px;display:flex}.fact.warn{color:var(--warn)}.island-panel{top:var(--hud-gap);z-index:4;width:min(700px, calc(100% - 2 * var(--hud-gap)));max-height:calc(100% - 2 * var(--hud-gap));animation:fade-in var(--med) var(--ease);flex-direction:column;display:flex;position:absolute;left:50%;transform:translate(-50%)}.island-panel__bar{gap:10px}.island-panel__key{margin-left:auto}.island-panel__body{scrollbar-width:thin;flex:1;min-height:0;padding:6px 12px 10px;overflow-y:auto}.isl-table{display:grid}.isl-row{border-radius:var(--r-7);grid-template-columns:minmax(130px,1fr) 100px 110px 86px 96px 76px;align-items:center;gap:8px;min-height:32px;padding:2px 6px;display:grid}.isl-row:not(.isl-row--head):hover{background:rgba(var(--line-rgb), .07)}.isl-row--head{z-index:1;border-bottom:1px solid var(--hairline);background:var(--panel-bg-solid);min-height:28px;color:var(--accent-strong);font-size:var(--fs-micro);letter-spacing:.03em;text-transform:uppercase;border-radius:0;font-weight:600;position:sticky;top:-6px}.isl-row--head>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.isl-row.is-locked .isl-name__text{color:var(--text-muted)}.isl-num{text-align:right}.isl-group__title{color:var(--text-2);font-size:var(--fs-xs);align-items:center;gap:6px;margin-top:8px;padding:4px 6px 3px;font-weight:600;display:flex}.isl-name{align-items:center;gap:7px;min-width:0;font-weight:600;display:flex}.isl-name__text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.isl-stock{font-size:var(--fs-sm);gap:3px;display:grid}.isl-cap{color:var(--text-muted);font-size:var(--fs-xs)}.isl-supply{font-size:var(--fs-sm);font-weight:600}.min-stock{border:1px solid var(--hairline);border-radius:var(--r-md);background:var(--well);width:62px;height:24px;color:var(--text);font:inherit;font-size:var(--fs-sm);text-align:right;appearance:textfield;padding:0 6px}.min-stock::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.min-stock::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.min-stock:focus{border-color:var(--accent-strong);outline:none}.min-stock.is-set{border-color:rgba(var(--line-rgb), .55);color:var(--accent);font-weight:700}.isl-needs{gap:12px;display:grid}.isl-tier{border:1px solid var(--hairline);border-radius:var(--r-panel);background:rgba(var(--well-rgb), .22);gap:6px;padding:8px 10px 10px;display:grid}.isl-tier__head{align-items:center;gap:9px;display:flex}.isl-tier__titles{flex:1;min-width:0;display:grid}.isl-tier__name{color:var(--title);font-family:var(--font-title);font-size:var(--fs-lg);font-weight:700}.isl-tier__sub{color:var(--text-2);font-size:var(--fs-sm)}.isl-tier__mood{display:inline-flex}.isl-royal{font-size:var(--fs-xs);cursor:help;align-items:center;gap:6px;display:flex}.isl-need-list{gap:3px;display:grid}.isl-need{border-radius:var(--r-7);background:var(--well);min-height:30px;font-size:var(--fs-sm);border:1px solid #0000;grid-template-columns:minmax(130px,1fr) 128px 86px 160px 72px;align-items:center;gap:8px;padding:2px 6px;display:grid}.isl-need.is-luxury{background:rgba(var(--line-rgb), .06)}.isl-need.is-locked{border-color:rgba(var(--bad-rgb), .35);border-style:dashed}.isl-need.is-inactive{border-color:var(--hairline);color:var(--text-muted);background:0 0;border-style:dashed}.isl-need.is-inactive .icon{opacity:.55;filter:grayscale(.7)}.isl-need.is-inactive .need__chip{opacity:.55}.isl-need__name{align-items:center;gap:6px;min-width:0;display:flex}.isl-need-group{color:var(--text-muted);font-size:var(--fs-micro);letter-spacing:.06em;text-transform:uppercase;margin:4px 0 1px 2px;font-weight:600}.isl-need .need__effects{flex-wrap:nowrap;justify-content:flex-end}.isl-need__supply{align-items:center;gap:6px;display:flex}.isl-need__supply .need__bar{flex:1}.isl-need__pct{text-align:right;min-width:42px;font-weight:700}.isl-need__demand{color:var(--text-2);font-size:var(--fs-xs);text-align:right}.isl-need__when{font-size:var(--fs-xs);grid-column:span 2}.isl-need__lock{justify-content:flex-end;display:flex}.isl-lock{min-width:66px;height:22px;font-size:var(--fs-xs);gap:4px;padding:0 7px}.isl-note{color:var(--text-muted);font-size:var(--fs-xs);line-height:1.4}.lock-confirm__text{max-width:420px;line-height:1.45}:root{--guild-soft:rgba(var(--guild-rgb), .22)}.info-panel.guild{width:432px;max-width:calc(100vw - 2 * var(--hud-gap))}@media (max-width:1500px){.info-panel.guild{max-height:calc(100% - var(--hud-gap) - 262px)}}.info-panel__icon--guild{background:radial-gradient(circle at 35% 30%, rgba(var(--guild-disc-hi-rgb), .95), rgba(var(--guild-disc-lo-rgb), .95))}.guild__ships{flex-wrap:wrap;align-items:center;gap:5px;padding:8px 12px 0;display:flex}.guild__ships-label{font-size:var(--fs-sm)}.guild__ships .ship-section__hint{margin:0}.guild__tabs{margin:8px 10px 0}.guild__tabs .stats-tab{flex:1;justify-content:center}.guild__badge{border-radius:var(--r-pill);background:var(--line-strong);min-width:17px;height:17px;color:var(--text-on-accent);font-size:var(--fs-micro);place-items:center;padding:0 4px;font-weight:800;display:inline-grid}.guild__body{min-height:0}.guild-market{gap:2px;display:grid}.guild-market__row{border-radius:var(--r-md);background:var(--well);font-size:var(--fs-sm);grid-template-columns:minmax(0,1fr) 44px 74px 52px 74px;align-items:center;gap:6px;padding:3px 6px;display:grid}.guild-market__row--head{color:var(--text-muted);font-size:var(--fs-micro);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:0 0}.guild-market__row.has-request{box-shadow:inset 2px 0 0 var(--accent-strong);background:rgba(var(--line-rgb), .1)}.guild-market__good{align-items:center;gap:6px;min-width:0;display:flex}.guild-market__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.guild-market__num{text-align:right}.guild-market__bar{font-size:var(--fs-xs);text-align:right;grid-template-columns:1fr 24px;align-items:center;gap:4px;font-weight:700;display:grid}.guild-market__na{font-size:var(--fs-xs);text-align:center;grid-column:1/-1;font-weight:500}.guild-market__req{color:var(--accent);align-items:center;gap:3px;display:inline-flex}.guild-requests__list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.guild-request{border:1px solid var(--panel-line-soft);border-left:3px solid var(--line);border-radius:var(--r-lg);background:rgba(var(--line-rgb), .07);gap:10px;padding:8px 10px;display:flex}.guild-request.can-make{border-left-color:var(--good)}.guild-request__icon{border-radius:var(--r-lg);background:var(--well);flex:none;place-items:center;width:40px;height:40px;display:grid}.guild-request__body{gap:2px;min-width:0;display:grid}.guild-request__title{color:var(--accent);flex-wrap:wrap;align-items:center;gap:6px;font-weight:700;display:flex}.guild-request__badge{border:1px solid rgba(var(--good-rgb), .6);border-radius:var(--r-pill);background:rgba(var(--good-strong-rgb), .18);color:var(--good);font-size:var(--fs-micro);padding:1px 7px;font-weight:700}.guild-request__line{font-size:var(--fs-sm)}.guild-request__gold{font-size:var(--fs-xs);align-items:center;gap:4px;display:inline-flex}.guild-passive__islands{flex-wrap:wrap;gap:4px;display:flex}.guild-chip{border:1px solid var(--hairline);border-radius:var(--r-pill);background:var(--well);height:26px;color:var(--text-2);font-size:var(--fs-sm);align-items:center;gap:5px;padding:0 9px;font-weight:600;display:inline-flex}.guild-chip:hover{color:var(--text)}.guild-chip.is-active{border-color:rgba(var(--accent-rgb), .5);background:rgba(var(--line-rgb), .16);color:var(--accent)}.passive{gap:6px;display:grid}.passive__hint{font-size:var(--fs-sm)}.passive__next,.passive__warn{font-size:var(--fs-sm);align-items:center;gap:6px;display:flex}.passive__count{color:var(--text-muted);margin-left:auto}.passive__orders,.passive__log{gap:3px;margin:0;padding:0;list-style:none;display:grid}.passive__order,.passive__add{border-radius:var(--r-md);background:var(--well);flex-wrap:wrap;align-items:center;gap:6px;padding:3px 6px;display:flex}.passive__order{flex-wrap:nowrap}.passive__add{border:1px dashed var(--hairline);background:0 0}.passive__good{min-width:0;font-size:var(--fs-sm);flex:90px;align-items:center;gap:6px;font-weight:600;display:inline-flex}.passive__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.passive__mode .route-action__mode-btn{height:24px;padding:0 7px}.passive__mode .route-action__mode-btn:disabled{cursor:not-allowed;opacity:.35}.input.passive__level{width:62px;height:28px;font-size:var(--fs-sm);text-align:right;padding:0 6px;font-weight:700}.passive__have{min-width:2.4em;font-size:var(--fs-xs);text-align:right}.passive__subtitle{color:var(--text-2);font-size:var(--fs-sm);align-items:center;gap:6px;margin-top:4px;font-weight:600;display:flex}.passive__none{font-size:var(--fs-sm);font-style:italic}.passive__visit{border-radius:var(--r-md);background:var(--well);font-size:var(--fs-sm);grid-template-columns:82px minmax(0,1fr) auto;align-items:center;gap:6px;padding:4px 8px;display:grid}.passive__lines{flex-wrap:wrap;gap:6px;display:flex}.passive__line{align-items:center;gap:3px;font-weight:700;display:inline-flex}.passive__line.is-sold{color:var(--bad)}.passive__line.is-bought{color:var(--good)}.passive__gold{font-weight:700}.ship-trade .trade__price{gap:1px;line-height:1.15;display:grid}.trade__left{color:var(--text-muted);font-size:var(--fs-micro);white-space:nowrap;font-weight:600}.trade__left.neg{color:var(--bad)}.trade__request{color:var(--accent)}.trade__row.has-request{box-shadow:inset 2px 0 0 var(--accent-strong)}.trade__row.is-out .trade__good{opacity:.6}.xfer__n{color:var(--accent);font-size:var(--fs-micro);margin-left:3px}.xfer__btn--wide{justify-content:center;align-items:center;display:inline-flex}.route-editor{width:min(680px,100%)}.route-stop.is-foreign{border-left-color:var(--info);background:rgba(var(--info-rgb), .06)}.route-stop__meta{font-size:var(--fs-sm);flex-wrap:wrap;align-items:center;gap:4px 12px;padding-left:32px;display:flex}.route-stop__berths,.route-stop__offers{align-items:center;gap:5px;display:inline-flex}.route-stop__offer{border-radius:var(--r-pill);background:var(--well);align-items:center;gap:3px;padding:0 6px;display:inline-flex}.route-stop__flag{color:var(--text-2);cursor:pointer;align-items:center;gap:5px;font-weight:600;display:inline-flex}.route-stop__flag:first-of-type{margin-left:auto}.route-stop__flag.is-idle{opacity:.55}.route-stop__flag input{accent-color:var(--line)}.route-action.is-warn .good-picker__btn{border-color:rgba(var(--warn-rgb), .75)}.route-action.is-bad .route-action__price-n{border-color:rgba(var(--bad-rgb), .75)}.route-action__price{color:var(--text-muted);font-size:var(--fs-xs);align-items:center;gap:5px;font-weight:600;display:inline-flex}.input.route-action__price-n{width:64px;height:30px;font-size:var(--fs-md);text-align:right;padding:0 6px;font-weight:700}.route-action__keep{color:var(--text-muted);font-size:var(--fs-xs);flex-basis:100%;align-items:center;gap:6px;padding-left:4px;display:inline-flex}.route-action__keep .min-stock{width:64px}.ship-status--skip{color:var(--warn)}.route-stops__stop.is-skipped{opacity:.55;text-decoration:line-through}.ship-panel__yours--guild,.charter-tag{color:var(--guild-light);font-weight:600}.charter-tag{border:1px solid rgba(var(--guild-light-rgb), .5);border-radius:var(--r-pill);font-size:var(--fs-micro);padding:0 6px}.charter-info__route,.fleet-charter__route{font-size:var(--fs-sm);flex-wrap:wrap;align-items:center;gap:6px;font-weight:600;display:flex}.charter-info__carries{font-size:var(--fs-sm);align-items:center;gap:6px;display:inline-flex}.charter-info__end{margin-top:4px}.fleet-panel__section--charters{align-items:center;gap:8px;display:flex}.fleet-panel__charter{margin-left:auto}.fleet-ship__icon--guild{color:var(--guild-light)}.fleet-charter{border-left:3px solid var(--guild)}.fleet-charter__good{align-items:center;gap:3px;display:inline-flex}.fleet-charter__fee{font-size:var(--fs-xs);margin-left:auto;font-weight:600}.charter-form{width:min(460px,100%)}.charter-form__body{gap:10px;display:grid}.charter-form__field{gap:4px;display:grid}.charter-form__field .input{height:34px;font-size:var(--fs-md);padding:0 8px;font-weight:600}.charter-form__label{color:var(--text-2);font-size:var(--fs-sm);font-weight:600}.charter-form__row{grid-template-columns:1fr 140px;align-items:end;gap:10px;display:grid}.input.charter-form__n{text-align:right}.input.charter-form__n.is-bad{border-color:rgba(var(--bad-rgb), .75)}.charter-form__note{font-size:var(--fs-sm)}.charter-form__problem{font-size:var(--fs-sm);font-weight:600}.charter-form__foot{align-items:center;gap:8px;width:100%;display:flex}.charter-form__fee{font-size:var(--fs-sm);align-items:center;gap:5px;font-weight:700;display:inline-flex}.guild-market__head{text-align:center;grid-column:span 2}.tr-num{border:1px solid var(--hairline);border-radius:var(--r-md);background:var(--well);width:64px;height:24px;color:var(--text);font:inherit;font-family:var(--font-num);font-size:var(--fs-sm);font-variant-numeric:lining-nums tabular-nums;text-align:right;appearance:textfield;padding:0 6px}.tr-num::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tr-num::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tr-num:focus{border-color:var(--accent-strong);outline:none}.tr-hint{color:var(--text-muted);font-size:var(--fs-xs);margin:2px 0 6px;line-height:1.45}.tr-note{border-radius:var(--r-md);background:rgba(var(--info-rgb), .08);color:var(--text-2);font-size:var(--fs-xs);align-items:center;gap:6px;margin:4px 0 6px;padding:5px 8px;line-height:1.4;display:flex}.tr-note--warn{background:rgba(var(--warn-rgb), .1);color:var(--warn)}.tr-empty{color:var(--text-muted);font-size:var(--fs-sm);margin:4px 0;font-style:italic}.tr-subtitle{color:var(--accent-strong);font-size:var(--fs-xs);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:6px;margin:0 0 6px;font-weight:700;display:flex}.tr-mode{border-radius:var(--r-pill);min-width:34px;height:18px;font-size:var(--fs-micro);letter-spacing:.03em;place-items:center;padding:0 6px;font-weight:700;display:inline-grid}.tr-mode--sell{background:rgba(var(--line-rgb), .18);color:var(--accent)}.tr-mode--buy{background:rgba(var(--info-rgb), .16);color:var(--trade-buy-text)}.tr-switch{border-radius:var(--r-7);background:rgba(var(--well-rgb), .45);box-shadow:inset 0 1px 3px rgba(var(--shadow-rgb), .5);gap:2px;padding:2px;display:inline-flex}.tr-switch__btn{border-radius:var(--r-5);min-width:40px;height:22px;color:var(--text-2);font-size:var(--fs-xs);transition:background var(--fast), color var(--fast);background:0 0;border:0;padding:0 8px;font-weight:700}.tr-switch__btn:hover:not(:disabled):not(.is-active){background:rgba(var(--sheen-rgb), .07);color:var(--text)}.tr-switch__btn.is-active.tr-switch__btn--sell{background:linear-gradient(180deg, var(--face-accent-hi), var(--face-accent-lo));color:var(--text-on-accent)}.tr-switch__btn.is-active.tr-switch__btn--buy{background:linear-gradient(180deg, var(--trade-buy-hi), var(--trade-buy-lo));color:var(--trade-buy-ink)}.tr-switch__btn:disabled{cursor:not-allowed;opacity:.35}.player__open{border-radius:var(--r-md);min-width:0;height:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:8px;margin:0 -6px;padding:0 6px;display:flex}.player__open:hover{background:rgba(var(--line-rgb), .08)}.player__open:focus-visible{outline:1px solid var(--focus);outline-offset:-1px}.player.is-open{background:rgba(var(--line-rgb), .12)}.player__trade{color:var(--text-faint);flex:none;place-items:center;margin-left:auto;display:inline-grid;position:relative}.player__trade+.dot{margin-left:0}.player__trade--active{color:var(--accent-strong)}.player__trade--pendingIn{color:var(--info)}.player__trade--pendingOut{color:var(--text-2)}.player__trade-ping{border-radius:var(--r-round);background:var(--info);width:7px;height:7px;box-shadow:0 0 0 2px var(--surface);animation:1.4s ease-in-out infinite tr-ping;position:absolute;top:-3px;right:-4px}@keyframes tr-ping{50%{opacity:.35;transform:scale(.8)}}.player-card{z-index:3;width:300px;max-height:calc(100vh - 2 * var(--hud-gap) - 20px);animation:fade-in var(--med) var(--ease);flex-direction:column;display:flex;position:absolute;top:0;left:calc(100% + 10px)}.player-card__head{border-bottom:1px solid var(--hairline);align-items:center;gap:8px;padding:8px 8px 7px 12px;display:flex}.player-card__name{min-width:0;color:var(--title);font-family:var(--font-title);font-size:var(--fs-md);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:700;overflow:hidden}.player-card__body{scrollbar-width:thin;gap:10px;min-height:0;padding:10px 12px 12px;display:grid;overflow-y:auto}.player-card__section{border-top:1px solid var(--hairline);padding-top:8px}.treaty{gap:6px;display:grid}.treaty__status{font-size:var(--fs-sm);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.treaty__label{color:var(--text-muted)}.treaty__state{font-weight:700}.treaty__state--active{color:var(--good)}.treaty__state--pendingIn{color:var(--info)}.treaty__state--pendingOut,.treaty__state--none{color:var(--text-2)}.treaty__actions{flex-wrap:wrap;gap:6px;display:flex}.treaty__actions:empty{display:none}.treaty--active{grid-template-columns:minmax(0,1fr) auto;align-items:center}.treaty--active .treaty__revoke{height:24px;font-size:var(--fs-xs);padding:0 8px;font-weight:600}.treaty__note{color:var(--warn);font-size:var(--fs-xs);align-items:center;gap:5px;margin:0;display:flex}.treaty__note--good{color:var(--good)}.treaty__hint{color:var(--text-muted);font-size:var(--fs-xs);margin:0;line-height:1.45}.tr-gift__row{align-items:center;gap:6px;display:flex}.tr-gift__amount{width:96px}.tr-gift .tr-hint{margin-bottom:0}.gift-confirm__text{color:var(--text-2);font-size:var(--fs-md);margin:0}.tr-offers{gap:8px;display:grid}.tr-offers__head{color:var(--text-2);font-size:var(--fs-xs);align-items:center;gap:5px;margin-bottom:3px;font-weight:600;display:flex}.tr-offers__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tr-offers__view{height:22px;font-size:var(--fs-xs);padding:0 8px}.tr-offer{border-radius:var(--r-5);min-height:26px;font-size:var(--fs-sm);grid-template-columns:auto minmax(0,1fr) auto auto 62px;align-items:center;gap:6px;padding:0 4px;display:grid}.tr-offer:hover{background:rgba(var(--line-rgb), .06)}.tr-offer__good{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tr-offer__avail{color:var(--text-2);font-size:var(--fs-xs);text-align:right}.tr-deals{gap:3px;display:grid}.tr-deal{border-radius:var(--r-7);background:rgba(var(--well-rgb), .22);font-size:var(--fs-sm);border:1px solid #0000;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"good mode price""avail btns btns";align-items:center;gap:3px 8px;padding:5px 6px;display:grid}.tr-deal--gift{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"good avail""btns btns"}.tr-deal__good{grid-area:good;align-items:center;gap:6px;min-width:0;display:flex}.tr-deal__name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.tr-deal .tr-mode{grid-area:mode}.tr-deal__price{grid-area:price;justify-self:end}.tr-deal__avail{color:var(--text-2);font-size:var(--fs-xs);grid-area:avail}.tr-deal__btns{grid-area:btns;justify-content:flex-end;align-items:center;gap:3px;display:flex}.tr-deal__aboard{color:var(--text-muted);font-size:var(--fs-xs);align-items:center;gap:3px;margin-right:4px;display:inline-flex}.tr-ships{flex-wrap:wrap;gap:5px;display:flex}.tr-ship{border:1px solid var(--hairline);border-radius:var(--r-pill);background:rgba(var(--well-rgb), .35);height:26px;color:var(--text-2);font-size:var(--fs-sm);align-items:center;gap:5px;padding:0 9px;font-weight:600;display:inline-flex}.tr-ship.is-active{border-color:var(--accent-strong);background:rgba(var(--line-rgb), .16);color:var(--text)}.tr-ship__cargo{color:var(--text-muted);font-size:var(--fs-micro)}.tr-fold{width:100%;color:var(--accent);font:inherit;font-size:var(--fs-sm);text-align:left;background:0 0;border:0;align-items:center;gap:6px;padding:2px 0;font-weight:700;display:flex}.tr-fold__chev{transition:transform var(--fast);margin-left:auto;transform:rotate(90deg)}.tr-fold__chev.is-open{transform:rotate(-90deg)}.tr-tab{gap:14px;padding-top:4px;display:grid}.tr-section+.tr-section{border-top:1px solid var(--hairline);padding-top:12px}.tr-section__head{color:var(--accent);align-items:center;gap:7px;margin-bottom:2px;display:flex}.tr-section__title{font-family:var(--font-title);font-size:var(--fs-md);margin:0;font-weight:700}.tr-section__count{color:var(--text-muted);font-size:var(--fs-xs);margin-left:auto}.tr-grid{margin:4px 0 6px;display:grid}.tr-row{border-radius:var(--r-7);align-items:center;gap:8px;min-height:38px;padding:2px 6px;display:grid}.tr-grid--offers .tr-row{grid-template-columns:minmax(150px,1fr) 96px 92px 128px 70px 28px}.tr-row:not(.tr-row--head):hover{background:rgba(var(--line-rgb), .07)}.tr-row--head{border-bottom:1px solid var(--hairline);min-height:24px;color:var(--accent-strong);font-size:var(--fs-micro);letter-spacing:.03em;text-transform:uppercase;border-radius:0;font-weight:600}.tr-row--head>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tr-num-col{text-align:right}.tr-good{align-items:center;gap:8px;min-width:0;display:flex}.tr-good__text{min-width:0;display:grid}.tr-good__name{font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.tr-good__sub{color:var(--text-muted);font-size:var(--fs-micro);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tr-cell{align-items:center;gap:4px;display:inline-flex}.tr-cell--level{gap:1px;display:grid}.tr-cell__caption{color:var(--text-muted);font-size:var(--fs-micro);white-space:nowrap}.tr-cell--level .tr-num{width:72px}.tr-add{border:1px dashed var(--panel-line-soft);border-radius:var(--r-lg);background:rgba(var(--well-rgb), .2);flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;padding:7px 8px;display:flex}.tr-add .btn{margin-left:auto}.away-summary{width:min(520px,100vw - 32px)}.away__list{gap:4px;margin:0 0 10px;padding:0;list-style:none;display:grid}.away__line{border-radius:var(--r-7);background:rgba(var(--well-rgb), .25);min-height:32px;font-size:var(--fs-md);flex-wrap:wrap;align-items:center;gap:8px;padding:4px 8px;display:flex}.away__line--treaty{background:rgba(var(--info-rgb), .1)}.away__line .treaty{flex-basis:100%}.away__line .treaty__status{display:none}.away__text{flex:1;min-width:0}.away__gold{margin-left:auto;font-weight:700}.away__total{border-top:1px solid var(--hairline);font-size:var(--fs-md);text-align:right;margin:0;padding-top:8px;font-weight:700}@media (max-width:900px){.player-card{width:min(300px,100vw - 260px)}.tr-grid--offers .tr-row{grid-template-columns:minmax(110px,1fr) 90px 84px 96px 50px 28px}}.road-cost__bricks{color:var(--brick-text);align-items:center;gap:5px;font-weight:700;display:inline-flex}.road-cost__bricks[hidden]{display:none}.road-cost__bricks:before{content:"";border-radius:var(--r-xs);background:linear-gradient(180deg, var(--brick-hi) 0%, var(--brick-lo) 100%);width:13px;height:8px;box-shadow:inset 0 0 0 1px rgba(var(--brick-edge-rgb), .6)}.road-cost.is-short .road-cost__bricks{color:var(--bad)}.road-toggle{border:1px solid var(--panel-line-soft);border-radius:var(--r-pill);background:var(--well);pointer-events:auto;grid-template-columns:1fr 1fr;gap:4px;margin-top:5px;padding:3px;display:grid}.road-toggle__opt{border-radius:var(--r-pill);min-height:26px;color:var(--text-2);font:inherit;cursor:pointer;transition:background var(--fast) var(--ease), color var(--fast) var(--ease);background:0 0;border:0;justify-content:center;align-items:center;gap:5px;padding:2px 8px;font-weight:600;display:inline-flex}.road-toggle__opt:hover{color:var(--text);background:rgba(var(--line-rgb), .12)}.road-toggle__opt:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.road-toggle__opt.is-on{background:linear-gradient(180deg, var(--accent-strong), var(--line-strong));color:var(--surface-sunken);text-shadow:none}.road-toggle__opt .keycap{min-width:15px;height:15px;font-size:var(--fs-micro);padding:0 3px}.reach-legend{flex-wrap:wrap;align-items:center;gap:3px 10px;margin-top:3px;display:flex}.reach-legend__title{width:100%;color:var(--text)}.reach-legend__key{align-items:center;gap:5px;display:inline-flex}.reach-legend__key:before{content:"";border-radius:var(--r-xs);width:14px;height:6px}.reach-legend__key--full:before{background:var(--reach-full)}.reach-legend__key--partial:before{background:linear-gradient(90deg, var(--reach-partial-hi), var(--reach-partial-lo))}.reach-legend__none{color:var(--warn)}.isl-card{z-index:1;border-radius:var(--r-md) var(--r-md) 0 0;background:linear-gradient(180deg, rgba(var(--surface-sunken-rgb), .88), rgba(var(--surface-sunken-rgb), .62));pointer-events:none;gap:3px;padding:4px 7px 6px;line-height:1.2;display:grid;position:absolute;top:6px;left:6px;right:6px;overflow:hidden}.isl-card__head{justify-content:space-between;align-items:baseline;gap:6px;min-width:0;display:flex}.isl-card__name{color:var(--title);font-family:var(--font-title);font-size:var(--fs-md);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.isl-card__owner{max-width:50%;color:var(--text-muted);font-size:var(--fs-micro);white-space:nowrap;text-overflow:ellipsis;flex:none;align-items:center;gap:4px;display:inline-flex;overflow:hidden}.isl-card__owner.is-mine{color:var(--text-2)}.isl-card__dot{border-radius:var(--r-round);width:8px;height:8px;box-shadow:0 0 0 1px rgba(var(--isl-card-ring-rgb), .6);flex:none}.isl-res{flex-wrap:nowrap;align-items:center;gap:4px;min-width:0;display:flex;overflow:hidden}.isl-res__fert,.isl-res__dep{border:1px solid var(--hairline);border-radius:var(--r-md);background:var(--well);flex:none;align-items:center;gap:2px;padding:1px 4px;display:inline-flex}.isl-res__n{color:var(--text);font-size:var(--fs-xs);font-weight:700}.isl-res__sep{background:var(--hairline);flex:none;width:1px;height:14px;margin:0 2px}.isl-res__none{color:var(--text-muted);font-size:var(--fs-xs)}.isl-res--compact{gap:3px;margin-top:3px}.isl-res--compact .isl-res__fert,.isl-res--compact .isl-res__dep{padding:0 3px}.isl-res--compact .isl-res__n{font-size:var(--fs-micro)}.ichips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ichip{border:1px solid var(--hairline);border-radius:var(--r-pill);background:var(--chip-well);min-height:28px;color:var(--text);font-size:var(--fs-md);white-space:nowrap;cursor:default;flex:none;align-items:center;gap:5px;padding:3px 9px 3px 6px;font-weight:700;line-height:1;display:inline-flex;position:relative}.ichip__icon{font-size:var(--fs-lg);align-items:center;display:inline-flex}.ichip__icon .icon{vertical-align:0}.ichip__value{align-items:baseline;gap:1px;display:inline-flex}.ichip__value small{color:var(--text-muted);font-size:var(--fs-xs);font-weight:600}.ichip--pos .ichip__value{color:var(--good)}.ichip--neg .ichip__value{color:var(--bad)}.ichip--warn .ichip__value{color:var(--warn)}.ichip--muted,.ichip--muted .ichip__value{color:var(--text-muted)}.ichip--gold .ichip__value{color:var(--accent)}.ichip--info .ichip__value{color:var(--info)}.ichip--neg{border-color:rgba(var(--bad-rgb), .45)}.ichip--warn{border-color:rgba(var(--warn-rgb), .4)}.ichip--big{min-height:34px;font-size:var(--fs-lg);padding:4px 11px 4px 8px}.ichip--big .ichip__icon{font-size:21px}.ichip--bar{padding-bottom:8px}.ichip__bar{border-radius:var(--r-xs);background:rgba(var(--shadow-rgb), .45);height:3px;position:absolute;bottom:3px;left:9px;right:9px}.ichip__fill{border-radius:inherit;background:linear-gradient(90deg, var(--line-strong), var(--accent-strong));height:100%;transition:width .35s var(--ease);display:block}.ichip__fill--good{background:linear-gradient(90deg, var(--good-deep), var(--good-light))}.ichip__fill--warn{background:linear-gradient(90deg, var(--warn-deep), var(--warn-light))}.ichip__fill--bad{background:linear-gradient(90deg, var(--bad-deep), var(--bad))}.ichip__fill--info{background:linear-gradient(90deg, var(--info-deep), var(--info-light))}.ichip__mark{border-radius:var(--r-1);background:var(--text-2);width:2px;height:7px;margin-left:-1px;position:absolute;top:-2px}.ichip__flag{border-radius:var(--r-round);background:var(--good-strong);width:15px;height:15px;color:var(--text-bright);font-size:var(--fs-micro);box-shadow:0 0 0 2px var(--surface-base);place-items:center;display:grid;position:absolute;top:-5px;right:-5px}.ichip__flag.is-no{background:var(--bad-strong)}.tipcard{gap:5px;min-width:0}.tipcard__head{align-items:center;gap:7px;display:flex}.tipcard__icon{font-size:20px;display:inline-flex}.tipcard__title{color:var(--accent);font-weight:700}.tipcard__body{color:var(--text-2);font-size:var(--fs-sm);gap:3px;display:grid}.tipcard__line{justify-content:space-between;align-items:center;gap:10px;display:flex}.status-icon{border-radius:var(--r-round);background:radial-gradient(circle at 35% 30%, rgba(var(--sheen-rgb), .12), rgba(var(--shadow-rgb), .35));border:1px solid;flex:none;place-items:center;width:30px;height:30px;font-size:16px;display:inline-grid;position:relative;box-shadow:0 0 10px -2px}.status-icon .icon{color:var(--text)}.status-icon.status--ok .icon{color:var(--good)}.status-icon--sm{width:22px;height:22px;font-size:12px}.needs--grid{gap:8px}.needs--grid .needs__group{align-items:flex-start;gap:8px;display:flex}.needs__tag{width:38px;color:var(--text-muted);font-size:var(--fs-xs);flex-direction:column;flex:none;align-items:center;gap:2px;padding-top:6px;font-weight:700;display:inline-flex}.needs__tag .icon{font-size:var(--fs-lg)}.needs__tag.is-all{color:var(--good)}.needs__grid{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.needs__list.needs__grid{grid-template-columns:none;display:flex}.need.need--tile,.need--row.need--tile.is-met,.need--row.need--tile.is-locked,.need--row.need--tile.is-inactive{background:0 0;border:0}.need--tile .need__tip{border-radius:var(--r-round);place-items:center;display:grid;position:absolute;inset:0}.need--tile .need__tip>.need__ring,.need--tile .need__tip>.need__bar{position:absolute;inset:0}.need--tile .need__badge{border:0;padding:0;line-height:1}.need--tile.is-inactive .icon{opacity:1;filter:none}.need.need--tile{border-radius:var(--r-round);background:0 0;border:0;place-items:center;width:46px;height:46px;padding:0;display:grid;position:relative}.need--tile .need__bar{border-radius:var(--r-round);background:0 0;width:auto;height:auto;margin:0;position:absolute;inset:0;overflow:visible}.need__ring{width:100%;height:100%;display:block;transform:rotate(-90deg)}.need__ring-track{fill:rgba(var(--well-rgb), .55);stroke:rgba(var(--sheen-rgb), .1);stroke-width:4px}.need__ring-fill{fill:none;stroke-width:4px;stroke-linecap:round;transition:stroke-dasharray .35s var(--ease)}.need__ring-fill.tone-good{stroke:var(--good)}.need__ring-fill.tone-warn{stroke:var(--warn)}.need__ring-fill.tone-bad{stroke:var(--bad)}.need--tile .need__icon{font-size:23px;display:inline-flex;position:relative}.needs__group--luxury .need--tile .need__ring-track{fill:rgba(var(--line-rgb), .1)}.need__corner{border-radius:var(--r-panel);background:var(--bad-strong);min-width:17px;height:17px;color:var(--text-bright);font-size:var(--fs-xs);box-shadow:0 0 0 2px var(--surface-base);place-items:center;padding:0 3px;font-weight:800;line-height:1;display:grid;position:absolute;top:-3px;right:-3px}.need__corner--warn{background:var(--warn-deep)}.need__corner--lock{background:var(--surface-high);color:var(--text-2)}.need__corner .icon{font-size:10px}.need--tile.is-inactive .need__tip>:not(.need__when){opacity:.5}.need--tile.is-inactive .need__icon{filter:grayscale()}.need--tile.is-inactive .need__ring-track{stroke-dasharray:3 3}.need__when{border-radius:var(--r-5);background:var(--surface);color:var(--text-muted);font-size:var(--fs-micro);padding:1px 3px;font-weight:700;line-height:1.1;position:absolute;bottom:-5px;right:-4px}.need--tile.is-locked .need__icon{opacity:.55}.need-card__pct{font-weight:800}.need-card .need__effects{flex-wrap:wrap;gap:4px;display:flex}.needs__warn{align-items:center;gap:6px;display:flex}.upgrade-rules{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.upgrade-rules .ichip{padding-right:10px}[data-form=phone] .ichip{min-height:34px}[data-form=phone] .need.need--tile{width:48px;height:48px}.info-panel__owner .info-panel__island{border-left:1px solid var(--hairline);margin-left:6px;padding-left:8px}.ichips .hchip-tip{display:inline-flex}.ichips .hchip{border-color:var(--hairline);background:var(--well);min-height:28px;font-size:var(--fs-md);padding:3px 10px 3px 5px}.ichips .hchip .hface{width:19px;height:19px}[data-form=phone] .ichips .hchip{min-height:34px}.residence__stats{padding-bottom:2px}.upgrade__cost{justify-content:center;display:flex}.upgrade__cost .cost-chips{justify-content:center}.production__status{align-items:center}.production__status .production__pause{margin-left:auto}.chain-block--icons{padding:8px 10px}.buffers__list.buffers__chain{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.buffers__chain .buffer{background:0 0;padding:0;display:block}.buffers__chain .buffer__tip{border:1px solid var(--hairline);border-radius:var(--r-panel);background:var(--well);justify-items:center;gap:2px;min-width:48px;padding:5px 6px 4px;display:grid}.buffers__chain .buffer--out .buffer__tip{border-color:var(--panel-line-soft);background:rgba(var(--line-rgb), .08)}.buffers__chain .buffer__text{color:var(--text);font-size:var(--fs-sm);font-weight:700;line-height:1}.buffers__chain .buffer__text small{color:var(--text-muted);font-size:var(--fs-micro)}.buffers__chain .buffer__pip{width:5px;height:6px}.buffers__arrow{color:var(--accent-strong);justify-items:center;gap:3px;display:grid}.buffers__progress{border-radius:var(--r-xs);background:rgba(var(--shadow-rgb), .45);width:30px;height:3px;display:block;overflow:hidden}.buffers__progress>span{background:linear-gradient(90deg, var(--info-deep), var(--info-light));height:100%;transition:width .35s linear;display:block}.modules .ichips{gap:5px}.btn__aside{opacity:.85;align-items:center;gap:2px;margin-left:4px;font-size:.92em;display:inline-flex}.shipyard-info__cost{justify-content:flex-start;display:flex}.facts{padding-top:10px}.production .production__status{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.production .chain-block--icons{background:0 0;border:0;flex:auto;padding:0}.production .buffers__list.buffers__chain{justify-content:flex-start}.production .production__pause{margin-left:auto}.info-section__title--icon{color:var(--accent-strong);font-size:var(--fs-md);letter-spacing:0;text-transform:none;gap:7px}.info-section__title--icon .info-section__aside{font-size:var(--fs-sm);color:var(--text-2);font-weight:700}.info-section__name{color:var(--text);font-weight:700}.info-section__title--icon .trade__gold{font-size:var(--fs-md);padding:2px 9px}.ship-info .ichip.ship-status{font-size:var(--fs-sm);margin:0;padding:3px 10px 3px 7px}.ship-route__doing{margin-right:5px}.ship-route__stop{font-weight:700}.cargo__empty{opacity:.4;place-items:center;display:grid}.ship-info__need{justify-content:center;margin-top:4px;display:flex}.trade__subtitle{color:var(--accent-strong);align-items:center;gap:6px;display:flex}.info-section__count{color:var(--text-2);font-size:var(--fs-sm);font-weight:700}.tool-hint .tool-hint__more{pointer-events:auto;margin-left:auto}.fleet-ship__status{margin:4px 0 2px}.info-tip{min-width:22px;min-height:22px;color:var(--accent-strong);cursor:help;opacity:.85;flex:none;justify-content:center;align-items:center;display:inline-flex}.info-tip:hover{opacity:1}[data-form=phone] .info-tip{min-width:32px;min-height:32px}.guild__ships{padding:8px 12px 0}.guild-market__row{grid-template-columns:30px 46px minmax(52px,1fr) 52px minmax(52px,1fr)}.guild-market__row--head{padding-top:0;padding-bottom:0}.guild-market__icons{color:var(--text-2);cursor:help;justify-content:center;align-items:center;gap:3px;display:inline-flex}.guild-market__good-tip{cursor:help;align-items:center;display:inline-flex}.guild-requests__head{color:var(--accent);align-items:center;gap:6px;font-weight:700;display:flex}.guild-requests__head .info-tip{margin-left:auto}.guild-request{align-items:center}.guild-request__chips{gap:5px}.guild-request__chips .ichip{min-height:26px;font-size:var(--fs-sm);padding:2px 8px 2px 5px}.ichip.guild-request__badge{border-color:rgba(var(--good-rgb), .6);background:rgba(var(--good-strong-rgb), .18)}.passive__head{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.passive__head .ichip.passive__next{font-size:var(--fs-md);display:inline-flex}.passive__head .ichip.passive__count{color:var(--text);margin-left:0}.passive__head .info-tip{margin-left:auto}.passive__mode .route-action__mode-btn{align-items:center;gap:3px;display:inline-flex}.passive__have{align-items:center;gap:2px;display:inline-flex}.passive__good{flex:none}.passive__ago{min-width:26px}.treaty__status .info-tip{margin-left:auto}.treaty__note{align-items:center;gap:5px;display:inline-flex}.tr-gift__title{color:var(--accent);border:0;align-items:center;margin:0;padding:0;display:inline-flex}.tr-gift__row{align-items:center}.tr-offer{grid-template-columns:auto auto minmax(0,1fr) auto}.tr-offer__price{justify-self:end}.tr-offer__avail>span[aria-hidden]{align-items:center;gap:3px;display:inline-flex}.tr-offers__view{align-items:center;gap:4px;display:inline-flex}.tr-deal__avail>span[aria-hidden]{align-items:center;gap:3px;display:inline-flex}.tr-hint--lock{color:var(--text-muted);align-items:center;gap:4px;display:inline-flex}.foreign-ships .info-section__title .info-tip,.foreign-offers .info-section__title .info-section__aside{margin-left:auto}.foreign-offers .info-section__aside{align-items:center;gap:4px;display:inline-flex}.ship-section__empty .icon+.icon{margin-left:-4px}.tr-section__head .info-tip{margin-left:2px}.tr-note--chip{cursor:help;align-items:center;gap:6px;display:inline-flex}.tr-head{color:var(--text-2);cursor:help;align-items:center;display:inline-flex}.tr-head.tr-num-col{justify-content:flex-end}.tr-good{cursor:help}.tr-good__guild{align-items:center;gap:3px;display:inline-flex}.tr-cell__caption{cursor:help;align-items:center;gap:3px;display:inline-flex}.route-editor__sub{align-items:center;gap:6px;display:flex}.route-stop__berths{cursor:help;align-items:center;gap:4px;display:inline-flex}.route-stop__flag .is-up{transform:rotate(-90deg)}.route-stop__flag .is-down{transform:rotate(90deg)}.route-stop__flag{gap:3px}.route-stop__flag input{margin-right:2px}.route-stop__none{color:var(--text-muted);cursor:help;align-items:center;gap:6px;display:inline-flex}.route-action__price-icon{color:var(--accent);align-items:center;gap:2px;font-size:12px;font-weight:800;display:inline-flex}.route-action__keep{cursor:help;flex-basis:auto}.charter-form__fee,.charter-form__label{align-items:center;gap:4px;display:inline-flex}.charter-form__note{justify-content:flex-end;display:flex}[data-form=phone] .sheet .trader-panel .stats-tabs.guild__tabs{flex:none;order:0;margin:8px 10px 0}.col-icon{min-width:0;color:var(--accent-strong);justify-content:flex-start;align-items:center;display:inline-flex}.col-icon.isl-num,.col-icon.stats-num{justify-content:flex-end}.col-icon .icon{font-size:15px}.isl-table--storage .isl-row{grid-template-columns:44px minmax(84px,1.2fr) minmax(60px,.8fr) minmax(56px,.7fr) minmax(56px,.7fr) 76px}.isl-name{gap:4px}.isl-lock-badge{border:0;padding:0 3px}.isl-group__title{border-top:1px solid var(--hairline);color:var(--accent-strong);margin-top:6px;padding:2px 6px}.isl-group__title .icon{font-size:15px}.stats-table--goods .stats-row{grid-template-columns:44px minmax(80px,1fr) 70px minmax(80px,1fr) repeat(3,minmax(52px,.6fr))}.stats-table--buildings .stats-row{grid-template-columns:44px 52px 64px minmax(90px,1fr) 84px minmax(110px,1.2fr)}.stats-row--head .col-icon{text-transform:none}.stats-group__title{border-top:1px solid var(--hairline)}.stats-panel__bar .panel__heading{gap:0}.stats-panel__foot{justify-content:flex-end;padding-top:4px;padding-bottom:4px;display:flex}.stats-panel__note{color:var(--text-muted);cursor:help;align-items:center;display:inline-flex}.stats-detail__good{color:var(--accent);grid-column:1/-1;align-items:center;gap:7px;font-weight:700;display:flex}.stats-chip .icon{font-size:12px}.stats-chip{align-items:center;gap:3px;display:inline-flex}.stats-idle__ok{align-items:center;display:inline-flex}.fin__balance{align-items:center}.fin__balance small{color:var(--text-muted);font-size:var(--fs-xs);font-weight:600}.fin__label{align-items:center;gap:5px;min-width:0;display:inline-flex}.fin__houses{align-items:center;gap:3px;display:inline-flex}.fin__info{color:var(--text-muted);cursor:help;margin-left:auto;display:inline-flex}.fin__head--trade{align-items:center;display:flex}.popst__houses,.popst__res{align-items:center;gap:3px;display:inline-flex}.isl-tier__head{flex-wrap:wrap;align-items:center;gap:6px 8px}.isl-tier__name{color:var(--title);font-family:var(--font-title);font-size:var(--fs-lg);margin:0;font-weight:700}.isl-tier__chips{flex:auto;justify-content:flex-end}.isl-tier__chips .ichip{min-height:26px}.isl-need-group{color:var(--accent-strong);align-items:center;padding:4px 6px 0;display:flex}.isl-need{grid-template-columns:34px minmax(90px,1fr) 70px minmax(110px,1.2fr) 44px}.isl-need__name .need__label{gap:0}.isl-need__when{color:var(--text-muted);font-size:var(--fs-xs);grid-column:span 2;align-items:center;gap:4px;font-weight:700;display:inline-flex}.isl-need__demand small{color:var(--text-muted);font-size:var(--fs-micro)}.isl-gain{align-items:center;display:inline-flex}.isl-gain>span[aria-hidden]{align-items:center;gap:2px;display:inline-flex}.isl-gain .icon{font-size:11px}.isl-lock{justify-content:center;min-width:32px;padding-left:6px;padding-right:6px}.isl-lock.is-locked{border-color:rgba(var(--bad-rgb), .6);color:var(--bad)}.isl-note{color:var(--text-muted);cursor:help;align-self:flex-end;display:inline-flex}.phone-group__aside{margin-left:auto}@container sheet (width<=719px){.isl-table--storage .isl-row.isl-row{grid-template-columns:30px minmax(0,1.3fr) repeat(3,minmax(0,.8fr)) minmax(52px,.9fr);gap:2px 6px;padding:4px}.isl-table--storage .isl-row.isl-row>:first-child,.stats-table--goods .stats-row.stats-row>:first-child,.stats-table--buildings .stats-row.stats-row>:first-child,.isl-needs .isl-need.isl-need>:first-child{grid-column:auto}.isl-table--storage .min-stock{width:100%}.stats-table--goods .stats-row.stats-row{grid-template-columns:30px repeat(3,minmax(0,1fr))}.stats-table--goods .stats-row>:nth-child(5),.stats-table--buildings .stats-row>:nth-child(5){grid-column:2}.stats-table--buildings .stats-row.stats-row{grid-template-columns:30px repeat(3,minmax(0,1fr))}.stats-table--buildings .stats-row>:nth-child(6){grid-column:span 2}.col-icon.col-icon{justify-content:flex-start}.isl-needs .isl-need .need__effects{justify-content:flex-end}.isl-needs .isl-need.isl-need{grid-template-columns:30px minmax(0,1fr) 56px 96px 44px;gap:2px 6px;padding:4px 6px}.isl-tier__chips{justify-content:flex-start}}.objectives__current{font-size:var(--fs-md);align-items:center;gap:7px;font-weight:700;display:flex}.objectives__next.objectives__next{font-size:var(--fs-sm);background:0 0;border:0;align-items:baseline;gap:6px;padding:0;display:flex}.objectives__next .icon{color:var(--guide);flex:none}.objectives__why{color:var(--accent-strong);font:inherit;font-size:var(--fs-xs);cursor:pointer;background:0 0;border:0;align-self:flex-end;align-items:center;gap:5px;padding:2px 0;font-weight:600;display:inline-flex}.objectives__body>.objectives__more[hidden]{display:none}.objectives__body>.objectives__more{border:1px solid var(--hairline);border-radius:var(--r-md);background:rgba(var(--well-rgb), .2);min-height:0;margin-bottom:0;padding:6px 8px;-webkit-mask-image:none;mask-image:none}[data-input=touch] .objectives__why,[data-form=phone] .objectives__why{min-width:44px;min-height:44px}.col-icon__cap{color:var(--text-muted);font-size:var(--fs-micro);margin-left:3px;font-weight:600}.info-panel__foot:has(>.move-tip){grid-template-columns:repeat(auto-fit,minmax(min(100%,7rem),1fr));gap:8px;display:grid}:is(.info-panel__foot:has(>.move-tip)>:not(.move-tip):not(.btn--danger),.info-panel__foot>.move-tip:last-child){grid-column:1/-1}.move-tip{min-width:0}.move-btn{white-space:nowrap;gap:6px}.move-btn.is-active{border-color:var(--accent);color:var(--accent)}.road-cost--note .road-cost__gold{display:none}.showcase-bar.panel{width:min(560px,100%);max-width:min(560px, calc(100vw - 2 * var(--info-w,304px) - 32px));pointer-events:auto;min-width:min(380px,100%);animation:fade-in var(--med) var(--ease);border-width:3px;gap:8px;padding:8px 10px 10px 12px;display:grid}.showcase-bar__row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.showcase-bar__mark-tip{flex:auto;min-width:0;display:flex}.showcase-bar__mark{min-width:0;max-width:100%;color:var(--title);align-items:center;gap:8px;display:inline-flex}.showcase-bar__mark>.lglyph{flex:none}.showcase-bar__name{min-width:0;color:var(--title);font-family:var(--font-title);font-size:var(--fs-lg);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.showcase-bar__tag{border-radius:var(--r-pill);background:rgba(var(--song-500-rgb), .16);color:var(--info);font-size:var(--fs-xs);flex:none;align-items:center;gap:4px;padding:2px 8px;font-weight:700;display:inline-flex}.showcase-bar__actions{flex:none;gap:6px;margin-left:auto;display:flex}.showcase-bar__actions .btn{white-space:nowrap;gap:7px}.showcase-bar__tour.is-on{border-color:rgb(var(--dong-500-rgb));background:linear-gradient(180deg, rgb(var(--paper-50-rgb)), rgb(var(--paper-300-rgb)))}.showcase-bar__colonies{flex-wrap:wrap;gap:6px;display:flex}.showcase-colony__tip{min-width:0;display:flex}.showcase-colony{border:1px solid rgb(var(--paper-400-rgb));border-radius:var(--r-pill);background:rgb(var(--paper-50-rgb));min-width:0;min-height:30px;color:var(--text);font-size:var(--fs-sm);transition:background var(--fast) var(--ease), border-color var(--fast) var(--ease), color var(--fast) var(--ease);align-items:center;gap:7px;padding:0 12px 0 9px;font-weight:600;display:inline-flex}.showcase-colony:hover{border-color:rgb(var(--dong-500-rgb))}.showcase-colony:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.showcase-colony .swatch{width:11px;height:11px}.showcase-colony__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.showcase-colony.is-on{border-color:rgb(var(--then-900-rgb));background:var(--lacquer-red);color:rgb(var(--paper-50-rgb));box-shadow:inset 0 0 0 1px rgb(var(--vang-500-rgb))}.showcase-colony.is-on .swatch{box-shadow:0 0 0 1px rgb(var(--vang-200-rgb))}.showcase-bar--phone.panel{border-radius:var(--r-4xl);border-width:3px;width:100%;min-width:0;max-width:480px;padding:8px 10px 10px}.showcase-bar--phone .showcase-colony{min-height:44px}.showcase-bar--phone .showcase-bar__actions{grid-template-columns:1fr 1fr;margin:0;display:grid}.showcase-bar--phone .showcase-bar__actions>*{display:grid}.showcase-bar--phone .showcase-bar__actions .btn{min-height:44px}.region-cut{z-index:1;background:var(--region-cut);opacity:0;pointer-events:none;position:absolute;inset:0}.region-chip{padding-left:8px;padding-right:8px;position:relative}.region-chip__btn{border:1px solid rgba(var(--line-rgb), .22);border-radius:var(--r-lg);background:rgba(var(--well-rgb), .28);height:40px;color:var(--text);white-space:nowrap;transition:border-color var(--fast) var(--ease), background var(--fast) var(--ease);align-items:center;gap:7px;padding:0 8px 0 7px;display:flex}.region-chip__btn:hover,.region-chip__btn.is-open{border-color:var(--accent-strong);background:rgba(var(--line-rgb), .1)}.region-chip__btn--nw{border-color:rgba(var(--region-nw-rgb), .45);background:rgba(var(--region-nw-bg-rgb), .32)}.region-chip__name{color:var(--accent);font-size:var(--fs-md);font-weight:700}.region-chip__crossing{border-radius:var(--r-pill);background:rgba(var(--region-crossing-rgb), .25);color:var(--text);font-size:var(--fs-xs);align-items:center;gap:2px;padding:1px 5px;display:inline-flex}.region-chip__chev{color:var(--accent-strong);transition:transform var(--fast) var(--ease)}.region-chip__chev.is-open{transform:rotate(180deg)}.region-chip__key{margin-left:2px}.region-chip__pop{z-index:40;background:linear-gradient(180deg, rgba(var(--sheen-rgb), .05), rgba(var(--sheen-rgb), 0) 38%), var(--panel-bg-solid);width:260px;animation:fade-in var(--fast) var(--ease);gap:3px;padding:8px;display:grid;position:absolute;top:calc(100% + 4px);left:8px}.region-chip__title{color:var(--accent-strong);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;padding:2px 6px 4px;font-weight:600}.region-chip__opt{border-radius:var(--r-7);min-height:44px;color:var(--text);text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:9px;padding:6px 8px;display:flex}.region-chip__opt:hover{border-color:rgba(var(--line-rgb), .35);background:rgba(var(--line-rgb), .08)}.region-chip__opt.is-current{border-color:rgba(var(--accent-rgb), .45);background:rgba(var(--line-rgb), .12)}.region-chip__opt.is-locked .region-chip__opt-sub{color:var(--text-muted)}.region-chip__opt-text{min-width:0;line-height:1.2;display:grid}.region-chip__opt-name{align-items:center;gap:6px;font-weight:700;display:flex}.region-chip__opt-sub{color:var(--text-2);font-size:var(--fs-xs)}.region-chip__opt--crossing{border-top:1px solid rgba(var(--line-rgb), .18);border-radius:0 0 var(--r-7) var(--r-7)}[data-input=touch] .region-chip__btn{min-height:44px}.region-chip--compact{flex:none;position:relative}.region-chip--compact .region-chip__btn{gap:4px;min-width:44px;height:44px;padding:0 6px}.region-chip--compact .region-chip__pop{width:min(260px,80vw);left:auto;right:0}.minimap__regions{height:var(--region-tabs-h);align-items:center;gap:4px;margin-bottom:5px;line-height:1.2;display:flex}.minimap{--region-tabs-h:26px}[data-input=touch] .minimap{--region-tabs-h:44px}.minimap:has(.minimap__regions) .isl-card{top:calc(6px + var(--region-tabs-h) + 5px)}.minimap__region{border:1px solid rgba(var(--line-rgb), .22);border-radius:var(--r-md);background:rgba(var(--well-rgb), .28);min-height:26px;color:var(--text-2);font-size:var(--fs-xs);align-items:center;gap:4px;padding:2px 8px;font-weight:600;display:inline-flex}.minimap__region.is-on{border-color:var(--accent-strong);background:rgba(var(--line-rgb), .16);color:var(--accent)}.minimap__crossing{color:var(--text-2);font-size:var(--fs-xs);align-items:center;gap:3px;margin-left:auto;display:inline-flex}.minimap .minimap__canvas{height:auto!important}[data-input=touch] .minimap__region{justify-content:center;min-width:44px;min-height:44px}.fleet-voyage{gap:4px;margin-top:4px;display:grid}.fleet-voyage__line{color:var(--text-2);font-size:var(--fs-sm);align-items:center;gap:6px;display:flex}.fleet-voyage__eta{color:var(--text);margin-left:auto;font-weight:600}.fleet-ship.is-crossing{border-color:rgba(var(--region-crossing-rgb), .35)}.expedition-btn{width:100%}.expedition-form__body{gap:10px;max-width:440px;display:grid}.expedition-form__hold,.expedition-form__foot{align-items:center;gap:8px;display:flex}.expedition-why{color:var(--text-2);font-size:var(--fs-sm)}.route-stop__cross{color:var(--region-cross-text);font-size:var(--fs-xs);align-items:center;gap:6px;margin:2px 0 2px 28px;display:flex}.route-group__region{color:var(--accent-strong);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;margin-top:6px}.edicts-panel{top:var(--hud-gap);z-index:4;width:min(720px, calc(100% - 2 * var(--hud-gap)));max-height:calc(100% - 2 * var(--hud-gap));animation:fade-in var(--med) var(--ease);flex-direction:column;display:flex;position:absolute;left:50%;transform:translate(-50%);container-type:inline-size}.edicts-panel__bar{gap:10px}.edicts-panel__bar .panel__heading{flex:none;align-items:center;gap:8px;display:inline-flex}.edicts-panel__title{color:var(--title);font-family:var(--font-title);font-size:var(--fs-lg);font-weight:700}.edicts-panel__key{margin-left:auto}.edicts-panel__body{scrollbar-width:thin;flex-direction:column;flex:1;gap:8px;min-height:0;padding:6px 12px 12px;display:flex;overflow-y:auto}.edicts{gap:6px;margin:0;padding:0;list-style:none;display:grid}.edict{border:1px solid var(--hairline);border-radius:var(--r-md);background:rgba(var(--well-rgb), .35);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:4px 10px;padding:6px 8px;display:grid}.edict.is-on{border-color:rgba(var(--accent-rgb), .55);background:rgba(var(--line-rgb), .14);box-shadow:inset 3px 0 0 var(--accent)}.edict.is-blocked:not(.is-on) .edict__icon{opacity:.6}.edict__icon{color:var(--accent);display:inline-flex}.edict__text{gap:1px;min-width:0;display:grid}.edict__name{color:var(--text-bright);align-items:center;gap:6px;font-weight:700;display:inline-flex}.edict__wave{display:inline-flex}.edict__effect{color:var(--text-2);font-size:var(--fs-sm);line-height:1.3}.edict__cost{flex-wrap:nowrap}.edict__act{align-items:center;gap:6px;display:inline-flex}.edict__cooling{color:var(--warn);display:inline-flex}.edict__toggle{min-width:56px}@container (width<=520px){.edict{grid-template-columns:auto minmax(0,1fr) auto}.edict__cost{grid-column:2}}.edicts-btn .fleet-btn__count{font-size:var(--fs-sm)}.power-info__state{font-weight:700}.power-info__wait,.upper-note{color:var(--warn);font-size:var(--fs-sm);align-items:center;gap:6px;margin:4px 0;display:flex}.upper-note.neg{color:var(--bad)}.served-tiers{margin-top:4px}.exam-info .btn,.upgrade__edict{margin-top:6px}.upgrade__edict{border-color:rgba(var(--accent-rgb), .5);color:var(--accent)}.power-legend{flex-wrap:wrap;align-items:center;gap:3px 10px;margin-top:3px;display:flex}.power-legend__title{width:100%;color:var(--text)}.power-legend__key{align-items:center;gap:5px;display:inline-flex}.power-legend__key:before{content:"";border-radius:var(--r-xs);background:var(--warn);width:14px;height:6px}.power-legend__key--reach:before{background:var(--accent-strong)}.power-legend__key--off:before{background:var(--text-faint)}.power-legend__none{color:var(--warn)}.power-legend__site.pos{color:var(--good)}.power-legend__site.neg{color:var(--bad)}.power-legend__site.muted{color:var(--text-muted)}[data-form=phone] .sheet .edicts-panel{z-index:auto;width:auto;max-width:none;max-height:none;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;animation:none;position:static;inset:auto;transform:none;container-type:inline-size}[data-form=phone] .sheet .edicts-panel:before,[data-form=phone] .sheet .edicts-panel:after{display:none}[data-form=phone] .sheet .edicts-panel__body{max-height:none;overflow:visible}[data-form=phone] .sheet .edicts-panel__bar{z-index:3;margin:0 calc(-1 * max(10px, env(safe-area-inset-left,0px)));padding-right:max(6px, env(safe-area-inset-right,0px));padding-left:max(10px, env(safe-area-inset-left,0px));background:var(--panel-bg-solid);border-radius:0;position:sticky;top:0}[data-form=phone] .edict__toggle{min-width:64px;min-height:44px}[data-input=touch] .edict__toggle{min-height:44px}@media (max-width:1320px){:root{--hud-gap:10px}.hud{--info-w:284px;--side-w:212px;--tool-hint-max:222px}.chat{width:262px}}@media (max-height:780px){.chat__log{max-height:120px}}@media (max-width:1100px){.chat{width:236px}.minimap__canvas{width:168px;height:168px}.hud{--tool-hint-max:186px}}@media (max-height:700px){.chat__log{min-height:44px;max-height:76px}.tutorial__body{gap:6px;padding:8px 10px 10px}}html{overscroll-behavior:none;-webkit-tap-highlight-color:transparent}.game-canvas,.game-canvas canvas{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.hud,.lobby,.modal,.hotkey-help{touch-action:pan-x pan-y;-webkit-touch-callout:none}.touch-bar{z-index:25;pointer-events:auto;max-width:320px;transition:opacity var(--fast);will-change:transform;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:10px;display:flex;position:fixed;top:0;left:0}.touch-bar.is-busy{opacity:0;pointer-events:none}.touch-bar__btn{border:2px solid var(--line);border-radius:var(--r-round);background:radial-gradient(circle at 50% 35%, rgba(var(--surface-top-rgb), .98), rgba(var(--surface-solid-rgb), .98));width:60px;height:60px;box-shadow:var(--shadow-pop);color:var(--text);touch-action:manipulation;align-content:center;justify-items:center;gap:1px;padding:0;display:grid}.touch-bar__btn:active{transform:scale(.94)}.touch-bar__label{font-size:var(--fs-micro);letter-spacing:.02em;font-weight:700;line-height:1}.touch-bar__btn--ok{border-color:var(--touch-ok-line);background:radial-gradient(circle at 50% 35%, var(--good-strong), var(--touch-ok-lo));width:68px;height:68px;color:var(--text-bright)}.touch-bar__btn--ok.touch-bar__btn--danger{border-color:var(--bad-ring);background:radial-gradient(circle at 50% 35%, var(--bad-strong), var(--touch-danger-lo))}.touch-bar__btn--ok.is-blocked{border-color:var(--text-faint);background:radial-gradient(circle at 50% 35%, var(--touch-blocked-hi), var(--touch-blocked-lo));color:var(--text-muted)}.touch-bar__btn--cancel,.touch-bar__btn--rotate{margin-top:4px}.touch-bar__why{border:1px solid rgba(var(--bad-rgb), .6);border-radius:var(--r-pill);background:rgba(var(--touch-why-rgb), .88);width:max-content;max-width:260px;color:var(--bad-pale);font-size:var(--fs-sm);text-align:center;padding:5px 10px;font-weight:600;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.touch-bar--idle .touch-bar__btn--cancel{border-radius:var(--r-pill);grid-auto-flow:column;gap:6px;width:auto;height:48px;margin:0;padding:0 18px}.touch-bar--idle .touch-bar__label{font-size:var(--fs-md)}.long-press{z-index:26;pointer-events:none;opacity:0;width:64px;height:64px;animation:long-press-show 1ms linear var(--lp-delay) forwards;margin:-32px 0 0 -32px;position:fixed}.long-press svg{display:block;transform:rotate(-90deg)}.long-press__track{fill:rgba(var(--surface-sunken-rgb), .35);stroke:rgba(var(--text-rgb), .45);stroke-width:5px}.long-press__fill{fill:none;stroke:var(--accent);stroke-width:5px;stroke-linecap:round;animation:long-press-fill var(--lp-fill) linear var(--lp-delay) forwards}@keyframes long-press-show{to{opacity:1}}@keyframes long-press-fill{to{stroke-dashoffset:0}}.touch-dock{top:var(--hud-gap);right:var(--hud-gap);z-index:3;pointer-events:auto;gap:8px;display:grid;position:absolute}.hud__body:has(.info-panel) .touch-dock{right:calc(var(--hud-gap) + var(--info-w) + 10px)}.touch-dock__btn{border:1px solid var(--panel-line);border-radius:var(--r-round);background:var(--panel-bg-solid);width:50px;height:50px;box-shadow:var(--shadow-panel);color:var(--text);touch-action:manipulation;place-items:center;padding:0;display:grid}.touch-dock__btn.is-on{border-color:var(--accent-strong);color:var(--accent);box-shadow:0 0 0 2px rgba(var(--accent-strong-rgb), .35), var(--shadow-panel)}.touch-dock__btn:active{transform:scale(.94)}.hud{padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)}.pad-reticle{z-index:24;pointer-events:none;opacity:0;width:0;height:0;transition:opacity var(--fast);position:fixed;top:0;left:0}.pad-reticle.is-on{opacity:1}.pad-reticle__ring{border:3px solid rgba(var(--glint-rgb), .95);border-radius:var(--r-round);width:42px;height:42px;box-shadow:0 0 0 2px rgba(var(--surface-sunken-rgb), .55), inset 0 0 0 2px rgba(var(--surface-sunken-rgb), .35);transition:transform var(--fast), border-color var(--fast);position:absolute;top:-21px;left:-21px}.pad-reticle.is-over .pad-reticle__ring{border-color:var(--accent);transform:scale(1.18)}.pad-reticle--demolish .pad-reticle__ring{border-color:var(--bad-ring)}.pad-reticle__dot{border-radius:var(--r-round);background:var(--glint);width:6px;height:6px;box-shadow:0 0 0 2px rgba(var(--surface-sunken-rgb), .6);position:absolute;top:-3px;left:-3px}.pad-focus-ring{z-index:90;border:3px solid var(--accent);border-radius:var(--r-xl);box-shadow:0 0 0 2px rgba(var(--surface-sunken-rgb), .75), 0 0 18px rgba(var(--accent-rgb), .65);pointer-events:none;opacity:0;transition:transform 90ms var(--ease), width 90ms var(--ease), height 90ms var(--ease), opacity var(--fast);position:fixed;top:0;left:0}[data-input=gamepad] .is-pad-focus{filter:brightness(1.15);outline:none}.pad-hints{z-index:6;border-top:1px solid rgba(var(--line-rgb), .5);background:linear-gradient(180deg, rgba(var(--surface-bar-rgb), .92), rgba(var(--surface-sunken-rgb), .96));pointer-events:none;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 18px;min-height:40px;padding:5px 14px;display:flex;position:relative}.pad-hints__item{color:var(--text);font-size:var(--fs-md);white-space:nowrap;align-items:center;gap:5px;font-weight:600;display:inline-flex}.pad-glyph{vertical-align:middle;flex:none;display:inline-block}.pad-radial{z-index:70;background:radial-gradient(circle at center, rgba(var(--well-rgb), .35), rgba(var(--well-rgb), .7));pointer-events:none;animation:fade-in var(--fast) var(--ease);place-items:center;display:grid;position:fixed;inset:0}.pad-radial__disc{border:1px solid var(--panel-line);border-radius:var(--r-round);background:radial-gradient(circle, rgba(var(--surface-rgb), .92) 0 38%, rgba(var(--surface-bar-rgb), .88) 39%);width:360px;height:360px;box-shadow:var(--shadow-pop);position:relative}.pad-radial__item{border-radius:var(--r-3xl);width:92px;color:var(--text-2);font-size:var(--fs-xs);text-align:center;border:2px solid #0000;justify-items:center;gap:3px;margin:-34px 0 0 -46px;padding:8px 4px;font-weight:700;line-height:1.15;display:grid;position:absolute;top:50%;left:50%}.pad-radial__item.is-on{border-color:var(--accent);background:rgba(var(--surface-top-rgb), .95);color:var(--accent);box-shadow:0 0 16px rgba(var(--accent-rgb), .45)}.pad-radial__paved{filter:sepia(.6)saturate(1.6)hue-rotate(180deg)}.pad-radial__centre{width:140px;color:var(--text-2);font-size:var(--fs-sm);justify-items:center;gap:4px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pad-radial__centre strong{color:var(--title);font-family:var(--font-title);font-size:var(--fs-lg)}.pad-radial__centre span{align-items:center;gap:4px;display:inline-flex}.pad-toast{z-index:80;border:1px solid var(--panel-line);border-radius:var(--r-pill);background:var(--panel-bg-solid);box-shadow:var(--shadow-pop);color:var(--text);pointer-events:none;animation:fade-in var(--med) var(--ease);align-items:center;gap:8px;padding:8px 16px;font-weight:600;display:inline-flex;position:fixed;top:70px;left:50%;transform:translate(-50%)}[data-input=touch] .keycap:not(.hotkey-help .keycap),[data-input=touch] .hotkey-keys:not(.hotkey-help .hotkey-keys),[data-input=gamepad] .keycap:not(.hotkey-help .keycap){display:none}.hotkey-help__tabs{align-self:flex-start;margin-top:10px}.hotkey-help__groups.hotkey-help__groups--simple{grid-template-rows:auto;grid-template-areas:none;align-content:start}.gesture-chip{text-align:center;border:1px solid var(--panel-line-soft);border-radius:var(--r-pill);background:var(--well);max-width:200px;color:var(--accent);font-size:var(--fs-xs);padding:2px 8px;font-weight:700;display:inline-block;white-space:normal!important}.hotkey-help__pad{flex-wrap:wrap;justify-content:flex-end;gap:4px 10px;display:inline-flex}.hotkey-help__pad-kind{align-items:center;gap:3px;display:inline-flex}.hotkey-help__pad-kind+.hotkey-help__pad-kind{border-left:1px solid var(--hairline);padding-left:10px}.hotkey-keys--pad{align-items:center;gap:2px;display:inline-flex}[data-input=touch] kbd:not(.hotkey-help kbd),[data-input=gamepad] kbd:not(.hotkey-help kbd):not(.keycap--pad){display:none}[data-input=touch] .btn,[data-input=touch] .btn--sm{min-height:44px}[data-input=touch] .btn--sm{font-size:var(--fs-md);padding:6px 14px}[data-input=touch] .icon-btn,[data-input=touch] .icon-btn--sm,[data-input=touch] .tutorial__skip,[data-input=touch] .tutorial__stuck,[data-input=touch] .tutorial__why-toggle,[data-form=phone] .tutorial__skip,[data-form=phone] .tutorial__stuck,[data-form=phone] .tutorial__why-toggle{min-width:44px;min-height:44px}[data-input=touch] .stats-tab,[data-input=touch] [role=tab],[data-input=touch] .build-menu__help{min-height:44px}[data-input=touch] .input,[data-input=touch] .chat__input{min-height:44px;font-size:var(--fs-lg)}[data-input=touch] .island-sel__btn,[data-input=touch] .fleet-btn,[data-input=touch] .room__code,[data-input=touch] .room .btn,[data-input=touch] .minimap-toggle,[data-input=touch] .chat-toggle{min-width:44px;min-height:44px}[data-input=touch] .objectives__toggle{min-height:44px}[data-input=touch] .minimap__canvas,.minimap canvas{touch-action:none}@media (hover:none){.btn:hover:not(:disabled){filter:none}}[data-keyboard] .hud__side>.chat{bottom:calc(var(--kb-inset,0px) + 8px);left:calc(env(safe-area-inset-left,0px) + var(--hud-gap));z-index:50;margin:0;position:fixed}[data-keyboard] .hud__side>.chat .chat__log{max-height:min(160px,25vh)}[data-input=touch] .build-menu{--zoom-min:.917}[data-input=touch] .build-menu .build-tab{min-height:calc(44px / var(--zoom,1))}[data-input=touch] .build-menu__help,[data-input=touch] .build-menu .build-btn{min-width:calc(44px / var(--zoom,1));min-height:calc(44px / var(--zoom,1))}[data-input=touch] .hud{--tool-hint-max:208px}[data-input=touch] .tool-hint.is-select{display:none}@media (max-width:1100px){[data-input=touch] .hud{--tool-hint-max:180px}}[data-input=touch] .build-chains__dots,[data-input=touch] .build-chains__more{pointer-events:none}[data-input=touch] .build-chains.is-paged{touch-action:pan-y}[data-input=touch] .panel button:not(.build-chains__dot):not(.build-chains__more),[data-input=touch] .modal button,[data-input=touch] .lobby button,[data-input=touch] .tooltip button{min-height:calc(44px / var(--zoom,1))}[data-input=touch] .panel button:not(.btn--block):not(.build-btn):not(.build-chains__dot):not(.build-chains__more),[data-input=touch] .modal button:not(.btn--block),[data-input=touch] .lobby button:not(.btn--block){min-width:calc(44px / var(--zoom,1))}[data-input=touch] .panel input:not([type=checkbox]):not([type=radio]):not([type=range]),[data-input=touch] .panel select,[data-input=touch] .modal input:not([type=checkbox]):not([type=radio]):not([type=range]),[data-input=touch] .modal select,[data-input=touch] .lobby input:not([type=checkbox]):not([type=radio]){min-height:44px;font-size:var(--fs-lg)}[data-form=phone]{--phone-top:52px;--phone-nav:60px;--phone-rail:68px;--phone-gap:8px;--hud-gap:8px}[data-form=phone][data-orient=landscape]{--phone-top:46px}[data-form=phone] .app{height:100dvh}.hud--phone{grid-template:"top""body"minmax(0,1fr)"nav"/minmax(0,1fr);display:grid;padding:0!important}.hud--phone[data-orient=landscape]{grid-template:"nav top""nav body"minmax(0,1fr)/auto minmax(0,1fr)}.hud--phone>.phone-top{grid-area:top}.hud--phone>.hud__body{grid-area:body;min-height:0;position:relative}.hud--phone>.phone-nav{grid-area:nav}.hud--phone .phone-top{z-index:8;min-height:0;height:calc(var(--phone-top) + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) max(6px, env(safe-area-inset-right,0px)) 0 max(6px, env(safe-area-inset-left,0px));border-bottom:3px solid rgb(var(--son-frame-rgb));background:var(--paper);background-blend-mode:var(--paper-blend);box-shadow:inset 0 -1px 0 rgb(var(--vang-400-rgb)), 0 4px 12px rgba(var(--shadow-rgb), .35);flex-wrap:nowrap;align-items:center;gap:6px;display:flex}.hud--phone .phone-top:after{display:none}.hud--phone[data-orient=landscape] .phone-top{padding-left:8px}.phone-nav{--framed:1;z-index:8;padding:4px max(4px, env(safe-area-inset-right,0px)) max(4px, env(safe-area-inset-bottom,0px)) max(4px, env(safe-area-inset-left,0px));border-top:2px solid rgb(var(--then-900-rgb));background:var(--lacquer-red);box-shadow:inset 0 1px 0 rgb(var(--vang-400-rgb)), 0 -6px 18px rgba(var(--shadow-rgb), .35);pointer-events:auto;justify-content:space-around;align-items:stretch;gap:2px;display:flex;position:relative}.hud--phone[data-orient=landscape] .phone-nav{width:calc(var(--phone-rail) + env(safe-area-inset-left,0px));padding:max(6px, env(safe-area-inset-top,0px)) 4px max(6px, env(safe-area-inset-bottom,0px)) calc(4px + env(safe-area-inset-left,0px));border-top:0;border-right:2px solid rgb(var(--then-900-rgb));background:var(--lacquer-red-rail);box-shadow:inset -1px 0 0 rgb(var(--vang-400-rgb)), 6px 0 18px rgba(var(--shadow-rgb), .3);flex-direction:column;justify-content:center;gap:4px}.phone-nav__btn{border:1px solid rgba(var(--vang-500-rgb), .55);border-radius:var(--r-lg);background:rgba(var(--then-900-rgb), .12);min-width:44px;min-height:52px;color:var(--accent);font:inherit;font-size:var(--fs-xs);touch-action:manipulation;flex:1 1 0;align-content:center;justify-items:center;gap:2px;padding:2px 0;font-weight:600;line-height:1.1;display:grid;position:relative}.phone-nav__label{color:var(--text)}.hud--phone[data-orient=landscape] .phone-nav__btn{min-height:48px;font-size:var(--fs-micro);flex:0 60px}.phone-nav__btn.is-on{border-color:rgb(var(--vang-200-rgb));background:rgba(var(--then-900-rgb), .45);box-shadow:inset 0 0 0 1px rgba(var(--vang-200-rgb), .5);color:var(--accent)}.phone-nav__btn:active{transform:scale(.96)}.phone-nav__btn:disabled{opacity:.4}.phone-nav__icon{place-items:center;height:26px;display:grid;position:relative}.phone-nav__label{white-space:nowrap}.phone-nav__badge{position:absolute;top:-4px;right:-12px}.phone-stage{inset:0 0 var(--sheet-h,0px) 0;z-index:3;gap:var(--phone-gap);padding:var(--phone-gap) max(var(--phone-gap), env(safe-area-inset-right,0px)) var(--phone-gap) max(var(--phone-gap), env(safe-area-inset-left,0px));pointer-events:none;grid-template-rows:auto minmax(0,1fr) minmax(0,max-content);grid-template-columns:auto minmax(0,1fr) auto;display:grid;position:absolute}.hud--phone[data-orient=landscape] .phone-stage{inset:0 var(--sheet-w,0px) 0 0;padding-left:var(--phone-gap);padding-bottom:max(var(--phone-gap), env(safe-area-inset-bottom,0px))}.hud--phone .hud__body[data-sheet-full="1"] .phone-stage{visibility:hidden}.phone-free{grid-area:2/1/3/4;min-height:0}.phone-map{pointer-events:auto;grid-area:1/1;align-self:start}.phone-dock{pointer-events:auto;grid-area:1/3;align-self:start;gap:8px;display:grid}.hud--phone[data-orient=landscape] .phone-dock{grid-auto-flow:column}.phone-dock__btn{border:1px solid rgb(var(--then-900-rgb));border-radius:var(--r-round);background:var(--lacquer-red-orb);width:46px;height:46px;box-shadow:inset 0 0 0 1.5px rgb(var(--vang-500-rgb)), var(--lacquer-glint), var(--shadow-panel);color:var(--accent);touch-action:manipulation;place-items:center;padding:0;display:grid}.phone-dock__btn:active{transform:scale(.94)}.hud--phone .hud__center{pointer-events:none;grid-area:2/1/3/4;place-self:start center;width:min(420px,100%);position:static;transform:none}.hud--phone .notice{font-size:var(--fs-sm)}.phone-bottom{pointer-events:none;flex-direction:column;grid-area:3/1/4/4;justify-content:flex-end;gap:6px;min-height:0;display:flex;overflow:hidden}.hud--phone[data-orient=landscape] .phone-stage{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,max-content) minmax(0,1fr) auto}.hud--phone[data-orient=landscape] .phone-free,.hud--phone[data-orient=landscape] .hud__center{grid-area:1/2/3/3}.hud--phone[data-orient=landscape] .phone-bottom{grid-area:2/1/3/2;align-self:end;width:min(320px,40vw);max-width:100%;max-height:100%}.phone-bottom>*{pointer-events:auto}.hud--phone .tool-hint{max-width:none;font-size:var(--fs-sm);flex:none;margin:0;padding:7px 10px;position:static}.hud--phone .tool-hint.is-select,.hud--phone .tool-hint__line--camera{display:none}.phone-guide{flex-direction:column;flex:0 auto;min-height:0;max-height:min(36dvh,300px);display:flex;overflow:hidden}.hud__body:has(>.sheet) .phone-guide{max-height:min(21dvh,170px)}.hud--phone[data-orient=landscape] .phone-guide{max-height:calc(100dvh - var(--phone-top) - 2 * var(--phone-gap) - 56px)}.phone-guide>.tutorial,.phone-guide>.objectives{flex-direction:column;flex:0 auto;min-height:0;max-height:100%;margin:0;display:flex}.phone-guide .tutorial__body,.phone-guide .objectives__list,.phone-guide .objectives__body{overscroll-behavior:contain;min-height:0;overflow-y:auto}.phone-guide .tutorial__body{padding-bottom:0}.phone-guide .tutorial__body>:last-child{margin-bottom:10px}.phone-guide .tutorial__body>.tutorial__actions:not(:has(.tutorial__links)){z-index:1;background:linear-gradient(180deg, rgba(var(--surface-solid-rgb), 0), var(--panel-bg-solid) 8px);padding:6px 0 8px;position:sticky;bottom:0}.phone-guide:not([data-scene=open]) :is(.tutorial__eyebrow,.tutorial__intro){display:none}.phone-guide .tutorial__advisor,.phone-guide .tutorial__unlocked{cursor:pointer}.phone-guide:not([data-scene=open]) .tutorial__advisor{align-items:center;gap:6px}.phone-guide:not([data-scene=open]) .tutorial__portrait{width:24px;height:24px}.phone-guide:not([data-scene=open]) .tutorial__say{align-items:baseline;gap:6px;min-width:0;padding:3px 8px;display:flex}.phone-guide:not([data-scene=open]) .tutorial__say-name{display:none}.phone-guide:not([data-scene=open]) .tutorial__say-line{min-width:0;font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.phone-guide:not([data-scene=open]) .tutorial__unlocked{min-width:0;-webkit-mask-image:linear-gradient(90deg, var(--mask) calc(100% - 18px), transparent);-webkit-mask-image:linear-gradient(90deg, var(--mask) calc(100% - 18px), transparent);mask-image:linear-gradient(90deg, var(--mask) calc(100% - 18px), transparent);flex-wrap:nowrap;overflow:hidden}.phone-guide:not([data-scene=open]) .tutorial__chip{white-space:nowrap;flex:none}.phone-stage[data-avoid-guide]{grid-template-rows:minmax(0,max-content) minmax(0,1fr) auto}.phone-stage[data-avoid-guide] .phone-bottom{grid-area:1/1/2/4;justify-content:flex-start}.phone-stage[data-avoid-guide] :is(.phone-map,.phone-dock){grid-row:3;align-self:end}.phone-stage[data-avoid-guide] :is(.phone-free,.hud__center){grid-row:2}.hud--phone[data-orient=landscape] .phone-stage[data-avoid-guide]{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,max-content) minmax(0,1fr) minmax(0,max-content)}.hud--phone[data-orient=landscape] .phone-stage[data-avoid-guide] .phone-bottom{grid-area:2/3/3/4;justify-content:flex-end;justify-self:end}.hud--phone[data-orient=landscape] .phone-stage[data-avoid-guide] .phone-map{grid-area:1/1;align-self:start}.hud--phone[data-orient=landscape] .phone-stage[data-avoid-guide] .phone-dock{grid-area:1/3;place-self:start end}.hud--phone[data-orient=landscape] .phone-stage[data-avoid-guide] :is(.phone-free,.hud__center){grid-area:1/2/3/3}.phone-guide>.tutorial.is-collapsed,.phone-guide>.objectives.is-collapsed{border-radius:var(--r-pill);align-self:flex-start;max-width:100%}.phone-guide .panel__bar{min-height:44px}.phone-map .minimap{display:block;position:static}.phone-map .minimap__canvas{width:min(150px,42vw);height:min(150px,42vw)}.hud--phone[data-orient=landscape] .phone-map .minimap__canvas{width:min(128px,30vh);height:min(128px,30vh)}.phone-map .island-card{display:none}.sheet{--framed:1;z-index:6;border-top:3px solid rgb(var(--son-frame-rgb));border-radius:var(--r-4xl) var(--r-4xl) 0 0;background:var(--paper);background-blend-mode:var(--paper-blend);max-height:100%;box-shadow:inset 0 1px 0 rgb(var(--vang-400-rgb)), 0 -10px 26px rgba(var(--shadow-rgb), .4);pointer-events:auto;-webkit-user-select:none;user-select:none;transition:height .22s var(--ease), width .22s var(--ease);animation:sheet-up .22s var(--ease);flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}@keyframes sheet-up{0%{opacity:0;transform:translateY(40px)}}@keyframes sheet-in{0%{opacity:0;transform:translate(40px)}}.sheet.is-dragging{transition:none}.sheet.is-full{border-radius:0}.hud--phone[data-orient=landscape] .sheet{border-top:0;border-left:3px solid rgb(var(--son-frame-rgb));border-radius:var(--r-3xl) 0 0 var(--r-3xl);max-width:100%;box-shadow:inset 1px 0 0 rgb(var(--vang-400-rgb)), -10px 0 26px rgba(var(--shadow-rgb), .4);flex-direction:row;animation-name:sheet-in;top:0;left:auto}.sheet__grip{cursor:grab;touch-action:none;flex:none;place-items:center;height:24px;display:grid}.hud--phone[data-orient=landscape] .sheet__grip{width:22px;height:auto}.sheet__grip{position:relative}.sheet__handle{border-radius:0 0 var(--r-2xl) var(--r-2xl);background:var(--lacquer-red);width:56px;height:16px;box-shadow:inset 0 0 0 1px rgb(var(--vang-500-rgb)), 0 1px 2px rgba(var(--shadow-rgb), .35);align-self:start;position:relative}.sheet__handle:before{content:"";background:rgb(var(--vang-200-rgb));clip-path:polygon(0 100%,50% 0,100% 100%,82% 100%,50% 36%,18% 100%);width:10px;height:5px;position:absolute;top:5px;left:calc(50% - 5px)}.hud--phone[data-orient=landscape] .sheet__handle{border-radius:0 var(--r-2xl) var(--r-2xl) 0;place-self:center start;width:16px;height:56px}.hud--phone[data-orient=landscape] .sheet__handle:before{clip-path:polygon(100% 0,0 50%,100% 100%,100% 82%,36% 50%,100% 18%);width:5px;height:10px;top:calc(50% - 5px);left:4px}.sheet__body{overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;flex:auto;min-width:0;min-height:0;overflow:hidden auto}.sheet__content{padding:0 max(10px, env(safe-area-inset-right,0px)) 14px max(10px, env(safe-area-inset-left,0px))}.hud--phone[data-orient=landscape] .sheet__content{padding:4px max(10px, env(safe-area-inset-right,0px)) max(12px, env(safe-area-inset-bottom,0px)) 4px}.phone-sheet-head{z-index:3;min-height:48px;margin:0 calc(-1 * max(10px, env(safe-area-inset-left,0px))) 6px;padding:0 max(6px, env(safe-area-inset-right,0px)) 0 max(12px, env(safe-area-inset-left,0px));border-bottom:1px solid var(--panel-line-soft);background:var(--paper);background-blend-mode:var(--paper-blend);touch-action:none;align-items:center;gap:8px;display:flex;position:sticky;top:0}.phone-sheet-head__title{min-width:0;color:var(--title);font-family:var(--font-title);font-size:var(--fs-lg);flex:1;margin:0;font-weight:700;line-height:1.2}[data-form=phone] .sheet :is(.info-panel,.island-panel,.stats-panel,.fleet-panel,.chat,.players){z-index:auto;width:auto;min-width:0;max-width:none;max-height:none;box-shadow:none;background:0 0;border:0;border-radius:0;outline:0;margin:0;animation:none;position:static;inset:auto;transform:none}[data-form=phone] .sheet :is(.info-panel,.island-panel,.stats-panel,.fleet-panel,.chat,.players):before,[data-form=phone] .sheet :is(.info-panel,.island-panel,.stats-panel,.fleet-panel,.chat,.players):after{display:none}[data-form=phone] .sheet :is(.info-panel__body,.island-panel__body,.stats-panel__body,.fleet-panel__body){max-height:none;overflow:visible}[data-form=phone] .sheet :is(.info-panel__head,.island-panel__bar,.stats-panel__bar,.fleet-panel__bar){z-index:3;margin:0 calc(-1 * max(10px, env(safe-area-inset-left,0px)));padding-right:max(6px, env(safe-area-inset-right,0px));padding-left:max(10px, env(safe-area-inset-left,0px));background:var(--paper);background-blend-mode:var(--paper-blend);border-radius:0;position:sticky;top:0}[data-form=phone] .sheet .info-panel__head{touch-action:none}[data-form=phone] .sheet :is(.info-panel__foot,.stats-panel__foot){z-index:3;border-top:1px solid var(--panel-line-soft);background:var(--paper);background-blend-mode:var(--paper-blend);margin:0 -10px;padding:10px 10px 14px;position:sticky;bottom:-14px}[data-form=phone] .sheet :is(.island-panel__bar,.stats-panel__bar){flex-wrap:wrap;row-gap:6px;padding-top:6px;padding-bottom:6px}[data-form=phone] .sheet :is(.island-panel__tabs,.stats-tabs){overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x;flex-wrap:nowrap;flex:1 0 100%;order:3;overflow-x:auto}[data-form=phone] .sheet :is(.island-panel__tabs,.stats-tabs)::-webkit-scrollbar{display:none}[data-form=phone] .sheet .stats-tab{flex:none}[data-form=phone] .sheet :is(.island-panel__key,.stats-panel__key,.fleet-panel__key){display:none}[data-form=phone] .sheet :is(.island-panel__bar,.stats-panel__bar)>.island-sel{flex:auto;min-width:0}.sheet__body{container:sheet/inline-size}@container sheet (width<=719px){:is(.stats-table--goods,.stats-table--buildings) .stats-row,.isl-row,.isl-need,.tr-grid--offers .tr-row{border-bottom:1px solid var(--hairline);border-radius:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 8px;padding:6px 8px}:is(.stats-row,.isl-row,.isl-need,.tr-grid--offers .tr-row)>:first-child{grid-column:1/-1}:is(.stats-row--head,.isl-row--head,.tr-row--head){font-size:var(--fs-micro);position:static}:is(.stats-num,.isl-num){text-align:left;justify-self:start}.popst__head{grid-template-columns:minmax(0,1fr) auto}.stats-detail,.rows--2{grid-template-columns:minmax(0,1fr)}}.phone-menu,.pgoods{max-width:620px}[data-form=phone] .sheet .info-panel__icon{width:40px;height:40px}[data-form=phone] .sheet--fleet .ship-btn{width:100%;margin:2px 0 8px}[data-form=phone] .sheet .chat--docked{flex-direction:column;display:flex}[data-form=phone] .sheet .chat--docked .chat__log{min-height:120px;max-height:min(46dvh,420px);overflow-y:auto}[data-form=phone] .sheet .chat--docked .chat__input{margin-top:8px;position:sticky;bottom:0}[data-form=phone][data-keyboard] .sheet--chat{top:auto;bottom:var(--kb-inset,0px);z-index:70;max-height:calc(100dvh - var(--kb-inset,0px) - env(safe-area-inset-top,0px) - 8px);border-radius:var(--r-3xl) var(--r-3xl) 0 0;border-left:0;position:fixed;left:0;right:0;width:auto!important;height:auto!important}[data-form=phone][data-keyboard] .sheet--chat .sheet__grip{display:none}[data-form=phone][data-keyboard] .sheet--chat .chat__log{max-height:min(30dvh,200px)}[data-form=phone][data-keyboard] .hud--phone :is(.phone-stage,.phone-top,.phone-nav){visibility:hidden}.sheet--build .sheet__body{flex-direction:column;display:flex;overflow:hidden}.sheet--build .sheet__content{flex-direction:column;flex:auto;min-height:0;padding-bottom:0;display:flex}.phone-build{flex-direction:column;flex:auto;min-height:0;display:flex}.phone-build>.phone-sheet-head{flex:none}.phone-build__panel{overscroll-behavior:contain;touch-action:pan-y;flex:1 1 0;min-height:92px;margin:0 -10px;padding:0 10px 12px;overflow:hidden auto}.phone-build>.pcard{min-height:0;max-height:72%;padding:10px 12px max(10px, env(safe-area-inset-bottom,0px));border-radius:var(--r-3xl) var(--r-3xl) 0 0;background:var(--surface-low);box-shadow:0 -10px 24px rgba(var(--shadow-rgb), .4);border-width:1px 0 0;flex-direction:column;flex:0 auto;order:1;margin:0 -10px;display:flex;overflow:hidden}.phone-build__tabs{scrollbar-width:none;touch-action:pan-x;flex:none;gap:6px;margin:0 -10px 4px;padding:4px 10px 8px;display:flex;overflow-x:auto}.phone-build__tabs::-webkit-scrollbar{display:none}.ptab{border:1px solid var(--panel-line-soft);border-radius:var(--r-pill);background:rgba(var(--well-rgb), .35);min-height:44px;color:var(--text-2);font:inherit;font-size:var(--fs-md);touch-action:manipulation;flex:none;align-items:center;gap:6px;padding:0 14px;font-weight:600;display:inline-flex;position:relative}.ptab.is-active{border-color:var(--accent-strong);background:linear-gradient(180deg, rgba(var(--line-rgb), .3), rgba(var(--line-deep-rgb), .25));color:var(--accent)}.ptab.is-locked{opacity:.6}.ptab__count{color:var(--text-muted);font-size:var(--fs-sm)}.ptab__dot{border-radius:var(--r-round);width:8px;height:8px;position:absolute;top:4px;right:6px}.ptab__dot--hint{background:var(--accent);box-shadow:0 0 8px rgba(var(--accent-rgb), .8)}.ptab__dot--need{background:var(--bad)}.phone-build__hint{color:var(--text-muted);font-size:var(--fs-sm);margin:0 0 6px}.psection{margin-bottom:12px}.psection__title{color:var(--text-2);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-weight:700}.psection__grid{grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:8px;display:grid}.psection__chains{gap:8px;display:grid}.psection__tips{color:var(--text-2);font-size:var(--fs-sm);gap:6px;margin:0;padding:0;list-style:none;display:grid}.psection__tips li{gap:8px;display:flex}.pchain{border:1px solid var(--hairline);border-radius:var(--r-xl);background:rgba(var(--well-rgb), .22);gap:4px;padding:6px 8px 8px;display:grid}.pchain__good{color:var(--accent);font-size:var(--fs-sm);align-items:center;gap:6px;font-weight:700;display:inline-flex}.pchain__row{overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x pan-y;align-items:center;gap:4px;margin:0 -8px;padding:2px 8px;display:flex;overflow-x:auto}.pchain__row::-webkit-scrollbar{display:none}.pchain__row>.ptile{flex:none;width:76px}.pchain__join{color:var(--text-muted);font-size:var(--fs-md);flex:none;font-weight:700}.pchain__arrow{fill:none;width:16px;height:10px;stroke:var(--line);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.pchain__join--or{font-size:var(--fs-xs);font-weight:600}.ptile{border:1px solid var(--panel-line-soft);border-radius:var(--r-2xl);background:radial-gradient(circle at 50% 30%, rgba(var(--surface-top-rgb), .85), rgba(var(--surface-solid-rgb), .9));min-width:44px;min-height:84px;color:var(--text);font:inherit;touch-action:manipulation;align-content:start;justify-items:center;gap:4px;padding:8px 4px 6px;display:grid;position:relative}.ptile:active{transform:scale(.96)}.ptile__icon{place-items:center;height:34px;display:grid}.ptile__name{font-size:var(--fs-xs);text-align:center;-webkit-line-clamp:2;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-weight:600;line-height:1.15;display:-webkit-box;overflow:hidden}.ptile.is-picked{border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--accent-rgb), .45), 0 0 14px rgba(var(--accent-rgb), .3)}.ptile.is-active{border-color:var(--good)}.ptile.is-locked .ptile__icon,.ptile.is-locked .ptile__name{opacity:.45}.ptile.is-short .ptile__name{color:var(--bad-tint)}.ptile.is-suggested{border-color:var(--accent-strong);animation:2.4s ease-in-out infinite breathe}.ptile__lock{border-radius:var(--r-pill);background:rgba(var(--well-rgb), .75);color:var(--text-2);font-size:var(--fs-micro);align-items:center;gap:2px;padding:0 4px;font-weight:700;display:inline-flex;position:absolute;top:4px;left:4px}.ptile__short,.ptile__need{border-radius:var(--r-round);background:rgba(var(--short-rgb), .85);place-items:center;width:18px;height:18px;display:grid;position:absolute;top:4px;left:4px}.ptile__need{background:rgba(var(--surface-top-rgb), .95)}.ptile__flag{border-radius:var(--r-round);place-items:center;width:18px;height:18px;display:grid;position:absolute;top:4px;right:4px}.ptile__flag--hint{background:var(--accent-strong);color:var(--surface-base)}.ptile__flag--need{background:var(--bad);color:var(--text-bright)}.pcard{border:1px solid var(--line);border-radius:var(--r-2xl);background:rgba(var(--well-rgb), .4);animation:fade-in var(--fast) var(--ease);gap:8px;margin:0 0 10px;padding:10px;display:grid}.pcard .card{overscroll-behavior:contain;max-width:none;min-height:0;box-shadow:none;touch-action:pan-y;background:0 0;border:0;flex:auto;padding:0;overflow-y:auto}.pcard__actions{flex:none;gap:6px;display:grid}.phone-group{gap:6px;margin:12px 0 0;display:grid}.phone-group__title{color:var(--text-2);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:6px;margin:0;font-weight:700;display:flex}.phone-group__aside{font-size:var(--fs-xs);letter-spacing:0;text-transform:none;align-items:center;gap:3px;margin-left:auto;display:inline-flex}.phone-group__reset{text-transform:none;margin-left:auto}.phone-group__hint{color:var(--text-muted);font-size:var(--fs-sm);margin:0}.phone-row{border:1px solid var(--hairline);border-radius:var(--r-xl);background:rgba(var(--well-rgb), .3);width:100%;min-height:48px;color:var(--text);font:inherit;font-size:var(--fs-md);text-align:left;touch-action:manipulation;align-items:center;gap:10px;padding:6px 10px;display:flex}.phone-row:active,.phone-row.is-on{border-color:var(--line);background:rgba(var(--line-rgb), .12)}.phone-row.is-disabled{opacity:.55}.phone-row__label{flex:1;min-width:0;display:grid}.phone-row__strong{color:var(--accent);font-weight:700}.phone-row__sub{color:var(--text-2);font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.phone-menu>.players{margin-bottom:8px}.phone-menu .players .panel__bar{padding-left:0}[data-form=phone] .sheet button:not(.ptile):not(.phone-row):not(.build-chains__dot):not(.build-chains__more),[data-form=phone] .phone-guide button,[data-form=phone] .tool-hint button,[data-form=phone] .modal button,[data-form=phone] .hotkey-help button,[data-form=phone] .lobby button{min-height:44px}[data-form=phone] .sheet button:not(.btn--block):not(.ptile):not(.phone-row):not(.phone-top__main),[data-form=phone] .phone-guide button:not(.tutorial__toggle):not(.objectives__toggle):not(.btn--block),[data-form=phone] .tool-hint button,[data-form=phone] .modal button:not(.btn--block),[data-form=phone] .hotkey-help button:not(.btn--block),[data-form=phone] .lobby button:not(.btn--block){min-width:44px}[data-form=phone] :is(.sheet,.modal,.lobby,.hotkey-help) input:not([type=checkbox]):not([type=radio]):not([type=range]),[data-form=phone] :is(.sheet,.modal,.lobby,.hotkey-help) select{min-height:44px;font-size:var(--fs-lg)}[data-form=phone] :is(.hud,.modal,.hotkey-help) kbd,[data-form=phone] :is(.hud,.modal) .keycap,[data-form=phone] .hud .hotkey-keys{display:none}[data-form=phone] .modal:has(>.route-editor){grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-items:stretch stretch;padding:0}[data-form=phone] .modal a[href]{align-items:center;min-height:44px;display:inline-flex}[data-form=phone] .modal>.route-editor{width:100%;max-width:none;height:100%;max-height:none;padding-top:env(safe-area-inset-top,0px);padding-right:env(safe-area-inset-right,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);border-radius:0}[data-form=phone] .modal__body,[data-form=phone] .route-editor__body{flex:auto;min-height:0;overflow-y:auto}[data-form=phone] .modal__foot{flex-wrap:wrap}[data-form=phone] .hotkey-help{z-index:60;grid-template-columns:minmax(0,1fr);place-items:stretch stretch;padding:0;position:fixed;inset:0}[data-form=phone] .hotkey-help__card{width:100%;min-width:0;max-width:none;height:100%;max-height:none;padding:calc(10px + env(safe-area-inset-top,0px)) max(12px, env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) max(12px, env(safe-area-inset-left,0px));border-radius:0}[data-form=phone] .hotkey-help__groups{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:none!important}[data-form=phone] .touch-bar__why{flex:1 0 100%;order:9;width:auto;max-width:100%;position:static;transform:none}[data-form=phone] input[type=range]{min-height:44px}.hud--phone[data-orient=landscape] .hud__body:has(>.sheet) .phone-stage{grid-template-rows:minmax(0,max-content) minmax(0,1fr);grid-template-columns:minmax(0,1fr) auto}.hud--phone[data-orient=landscape] .hud__body:has(>.sheet) .phone-stage .phone-bottom{grid-area:1/1/2/3;justify-content:flex-start;place-self:start stretch;width:auto}.hud--phone[data-orient=landscape] .hud__body:has(>.sheet) .phone-guide{max-height:calc(50dvh - var(--phone-top))}.hud--phone[data-orient=landscape] .hud__body:has(>.sheet) .phone-stage :is(.phone-free,.hud__center){grid-area:2/1/3/2}.hud--phone[data-orient=landscape] .hud__body:has(>.sheet) .phone-stage .phone-dock{grid-area:2/2/3/3;align-self:end}.hud--phone[data-orient=landscape] .hud__body:has(>.sheet) .phone-stage .phone-map{display:none}:root{--tier-farmer:#5d7425;--tier-craftsman:#2c5868;--tier-burgher:#8a4b22;--tier-savant:#44505c;--tier-merchant:#8a6420;--tier-settler:#7a5a1e;--tier-estateWorker:#3f6a4a;--tb-tap:30px;--tb-h:52px}:root[data-input=touch]{--tb-tap:44px;--tb-h:56px}.topbar.tb{--framed:1;z-index:30;height:var(--tb-h);border-bottom:2px solid rgb(var(--son-500-rgb));background:var(--lacquer);min-height:0;box-shadow:inset 0 -1px 0 rgb(var(--vang-400-rgb)), 0 1px 0 rgb(var(--then-900-rgb)), 0 8px 20px rgba(var(--shadow-rgb), .35);color:rgb(var(--paper-50-rgb));pointer-events:auto;flex:none;align-items:center;gap:10px;padding:0 10px 0 0;display:flex;position:relative}.tb button{font:inherit;color:inherit}.tb :is(button,[role=button]):focus-visible{outline:2px solid rgb(var(--vang-200-rgb));outline-offset:2px}.tb :is(.tb__crest-tip,.tb__sp-tip,.tb__flag-tip,.tb__menu-tip,.wchip-tip,.wmore-tip,.wbtn-tip,.wstats-tip,.tb__speed-tip),.more__grid .wchip-tip{flex:none;align-items:center;display:flex}.tb>.tb__crest-tip{align-self:stretch}.tb__crest{background:var(--lacquer-red);height:100%;color:rgb(var(--vang-300-rgb));box-shadow:inset -1px 0 0 rgb(var(--vang-500-rgb)), inset -3px 0 0 rgb(var(--son-700-rgb));clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%);cursor:pointer;transition:filter var(--fast) var(--ease);border:0;flex:none;align-items:center;gap:8px;margin:0;padding:0 20px 0 10px;display:flex}.tb__crest:hover{filter:brightness(1.12)}.tb__emblem{width:32px;height:32px;color:rgb(var(--vang-400-rgb));flex:none;display:block}.tb__emblem svg{width:100%;height:100%;display:block}.tb__title{font:700 var(--fs-lg) / 1 var(--font-title);letter-spacing:.01em;white-space:nowrap;font-size:18px}.tb__gold{cursor:default;flex:none;align-items:center;gap:7px;display:flex}.tb__gold-t{line-height:1.08;display:grid}.tb__amount{color:rgb(var(--vang-200-rgb));white-space:nowrap;font-size:18px}.tb__amount small{color:rgb(var(--paper-200-rgb));font:600 var(--fs-xs) var(--font-ui)}.tb__rate{white-space:nowrap;font-size:12px}.tb__rate.pos{color:rgb(var(--la-bright-rgb))}.tb__rate.neg{color:rgb(var(--chusa-bright-rgb))}.tb__rate.muted{color:rgb(var(--paper-300-rgb))}.tb__pop{border-left:1px solid rgba(var(--vang-400-rgb), .35);flex:none;align-self:stretch;align-items:center;padding-left:10px;display:flex}.tb__tiers{gap:2px;display:flex}.tier-chip{flex:none;display:flex}.tier-chip__btn{min-height:max(40px, var(--tb-tap));border-radius:var(--r-pill);cursor:pointer;transition:background-color var(--fast) var(--ease);background:0 0;border:0;align-items:center;gap:6px;margin:0;padding:2px 8px 2px 3px;display:flex}.tier-chip__btn:hover{background:rgba(var(--paper-50-rgb), .08)}.tier-chip__t{text-align:left;line-height:1.08;display:grid}.tier-chip__n{align-items:center;gap:3px;font-size:15px;display:inline-flex}.tier-chip__face{display:inline-flex}.tier-chip__w{color:rgb(var(--la-bright-rgb));align-items:center;gap:2px;font-size:11px;display:inline-flex}.tier-chip__w.is-short{color:rgb(var(--chusa-bright-rgb))}.tb__popsum{display:none}.tportrait{--tone:rgb(var(--vang-400-rgb));width:var(--tp,32px);height:var(--tp,32px);border-radius:var(--r-round);background:radial-gradient(circle at 50% 35%, rgb(var(--paper-50-rgb)), rgb(var(--paper-300-rgb)));box-shadow:0 0 0 2px var(--tone), 0 0 0 3px rgb(var(--then-900-rgb));flex:none;place-items:center;display:inline-grid;overflow:hidden}.tportrait:has(>.icon--portrait){box-shadow:none;background:0 0;overflow:visible}.tportrait[data-tier=farmer]{--tone:var(--tier-farmer)}.tportrait[data-tier=craftsman]{--tone:var(--tier-craftsman)}.tportrait[data-tier=burgher]{--tone:var(--tier-burgher)}.tportrait[data-tier=savant]{--tone:var(--tier-savant)}.tportrait[data-tier=merchant]{--tone:var(--tier-merchant)}.tportrait[data-tier=settler]{--tone:var(--tier-settler)}.tportrait[data-tier=estateWorker]{--tone:var(--tier-estateWorker)}.tier-tip{gap:2px;max-width:260px;display:grid}.tier-tip b{color:var(--title)}.tier-tip__sub{color:var(--text-muted);font-size:var(--fs-xs);align-items:center;gap:4px;display:flex}.tier-tip__sub.warn{color:var(--warn)}.tb__watch{border-left:1px solid rgba(var(--vang-400-rgb), .35);flex:auto;align-self:stretch;align-items:center;gap:4px;min-width:0;padding-left:10px;display:flex}.tb__chips{flex:0 auto;gap:2px;min-width:0;display:flex;overflow:hidden}.wchip{width:50px;min-height:max(44px, var(--tb-tap));border-radius:var(--r-11);color:rgb(var(--paper-50-rgb));cursor:pointer;transition:border-color var(--fast) var(--ease), background-color var(--fast) var(--ease);background:0 0;border:1px solid #0000;flex:none;align-content:center;justify-items:center;margin:0;padding:2px 0;display:grid;position:relative}.wchip:hover,.wchip:focus-visible{border-color:rgb(var(--then-600-rgb));background:rgba(var(--paper-50-rgb), .06)}.wchip:active{background:rgba(var(--paper-50-rgb), .12)}.wchip__icon{place-items:center;width:30px;height:28px;display:grid;position:relative}.wchip__n{font-size:var(--fs-sm);line-height:1.1}.wchip.is-empty .wchip__n{color:rgb(var(--paper-300-rgb))}.wchip.is-low .wchip__n{color:rgb(var(--chusa-bright-rgb))}.wchip.is-low .wchip__icon:before{content:"";border-radius:var(--r-round);background:radial-gradient(circle,#ff6e508c,#0000 70%);animation:1.6s ease-in-out infinite wchip-low;position:absolute;inset:-1px 0}.wchip__icon>:not(.wchip__alert){position:relative}.wchip__alert{border-radius:var(--r-round);background:rgb(var(--chusa-bright-rgb));width:14px;height:14px;color:rgb(var(--then-900-rgb));font:800 10px/1 var(--font-ui);place-items:center;font-style:normal;display:grid;position:absolute;top:-3px;right:-4px}@keyframes wchip-low{50%{opacity:.35}}.wmore{min-width:max(40px, var(--tb-tap));height:max(36px, var(--tb-tap));border:1px solid rgb(var(--vang-600-rgb));border-radius:var(--r-pill);background:rgba(var(--vang-200-rgb), .1);color:rgb(var(--vang-200-rgb));cursor:pointer;transition:background-color var(--fast) var(--ease);flex:none;place-items:center;margin:0;padding:0 6px;font-size:13px;display:grid;position:relative}.wmore:hover,.wmore.is-on{background:rgba(var(--vang-200-rgb), .2)}.wmore.is-low:after,.wbtn .dot-alert{content:"";border-radius:var(--r-round);background:rgb(var(--chusa-bright-rgb));width:10px;height:10px;box-shadow:0 0 0 1.5px rgb(var(--then-900-rgb));position:absolute;top:-3px;right:-3px}.wbtn .dot-alert{background:rgb(var(--nghe-500-rgb));width:11px;height:11px}.wbtn{min-width:max(34px, var(--tb-tap));min-height:max(34px, var(--tb-tap));border:1px dashed rgb(var(--vang-600-rgb));border-radius:var(--r-11);color:rgb(var(--vang-200-rgb));font-size:var(--fs-sm);white-space:nowrap;cursor:pointer;transition:background-color var(--fast) var(--ease), border-style var(--fast) var(--ease);background:0 0;flex:none;justify-content:center;align-items:center;gap:4px;margin:0;padding:0 10px 0 8px;font-weight:600;display:inline-flex;position:relative}.wbtn:hover{background:rgba(var(--vang-200-rgb), .08);border-style:solid}.wstats{width:max(34px, var(--tb-tap));height:max(34px, var(--tb-tap));border:1px solid rgba(var(--vang-600-rgb), .6);border-radius:var(--r-11);color:rgb(var(--vang-200-rgb));cursor:pointer;transition:background-color var(--fast) var(--ease);background:0 0;flex:none;place-items:center;margin:0 0 0 2px;padding:0;display:grid}.wstats:hover,.wstats.is-active{background:rgba(var(--vang-200-rgb), .14)}.wstats.is-active{border-color:rgb(var(--vang-300-rgb))}.wtip{gap:2px;display:grid}.wtip b{color:var(--title)}.wtip__sub{color:var(--text-muted);font-size:var(--fs-xs)}.wtip__low{color:var(--bad);font-weight:700}.tb .calendar{color:rgb(var(--paper-200-rgb));flex:none;align-items:center;gap:6px;margin-right:2px;padding:0 4px;display:flex}.tb .calendar__date{color:rgb(var(--paper-200-rgb));font-size:13px}.tb__right{flex:none;align-items:center;gap:6px;margin-left:auto;display:flex}.tb__speed{gap:3px;display:flex}.tb .orb,.tpop .orb,.speed--sheet .orb{--orb:max(32px, var(--tb-tap));width:var(--orb);height:var(--orb);border:1px solid rgb(var(--then-900-rgb));border-radius:var(--r-round);background:var(--lacquer-red-orb);color:rgb(var(--vang-200-rgb));box-shadow:inset 0 0 0 1.5px rgb(var(--vang-500-rgb)), var(--lacquer-glint), 0 2px 4px rgba(var(--then-900-rgb), .4);cursor:pointer;transition:box-shadow var(--fast) var(--ease), filter var(--fast) var(--ease), transform var(--fast) var(--ease);flex:none;place-items:center;margin:0;padding:0;display:grid;position:relative}.tb .orb--dark,.speed--sheet .orb--dark{background:radial-gradient(circle at 50% 30%,#3a332a,#17140f)}.tpop .orb--paper{border-color:rgb(var(--paper-400-rgb));background:radial-gradient(circle at 50% 30%, rgb(var(--paper-50-rgb)), rgb(var(--paper-200-rgb)));color:var(--text-2);box-shadow:0 1px 3px rgba(var(--shadow-rgb), .25)}.tb .orb:hover:not(:disabled),.speed--sheet .orb:hover:not(:disabled){filter:brightness(1.18)}.tb .orb:active:not(:disabled),.speed--sheet .orb:active:not(:disabled){transform:scale(.94)}.tb .orb.is-on,.speed--sheet .orb.is-on{box-shadow:inset 0 0 0 2px rgb(var(--vang-200-rgb)), 0 0 0 2px rgba(var(--vang-200-rgb), .45), 0 2px 4px rgba(var(--then-900-rgb), .4)}.tb .orb:disabled,.speed--sheet .orb:disabled{cursor:default}.tb .speed__btn:disabled:not(.is-on){opacity:.5}.tb .orb .badge{border-radius:var(--r-pill);background:rgb(var(--son-300-rgb));min-width:18px;height:18px;box-shadow:0 0 0 1.5px rgb(var(--paper-50-rgb));color:rgb(var(--paper-50-rgb));font:700 11px/1 var(--font-ui);padding:0 4px;position:absolute;top:-4px;right:-4px}.tb.lv1 .tier-chip__w,.tb.lv1 .tb__amount small{display:none}.tb.lv1 .calendar__date{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.tb.lv1 .tier-chip__btn{gap:4px;padding-right:4px}.tb.lv2 .tb__title{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.tb.lv2 .tb__crest{padding-right:18px}.tb.lv3 .tb__speed>:nth-child(n+3){display:none}.tb.lv4 .wbtn__t{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.tb.lv4 .wbtn{padding:0}.tb.lv5 .tier-chip .tportrait{--tp:28px!important}.tb.lv5 .tier-chip .tportrait>.icon{font-size:28px!important}.tb.lv5 .tb__rate,.tb.lv6 .tb__tiers{display:none}.tb.lv6 .tb__popsum{display:flex}.tb.lv7 .tb__speed>:nth-child(n+2){display:none}.tb.lv8 .tb__crest{padding:0 14px 0 6px}.tb.lv8 .tb__pop,.tb.lv8 .tb__watch{padding-left:6px}.tpop{--framed:1;--corner:18px;top:calc(var(--tb-h) + 6px);z-index:31;max-height:calc(100vh - var(--tb-h) - 24px);border:3px solid rgb(var(--son-frame-rgb));border-radius:var(--r-panel);background:var(--orn-corners), var(--paper);background-blend-mode:var(--orn-corners-blend), var(--paper-blend);box-shadow:var(--frame-rings), 0 0 0 1px rgb(var(--then-900-rgb)), var(--shadow-pop);color:var(--text);font-size:var(--fs-sm);animation:tpop-in var(--med) var(--ease);overscroll-behavior:contain;scrollbar-width:thin;position:fixed;right:12px;overflow:auto}.tpop[data-anchored]{right:auto}@keyframes tpop-in{0%{opacity:0;transform:translateY(-6px)}}.tpop__title{color:var(--text-2);font-size:var(--fs-sm);margin-bottom:6px;font-weight:600}.tpop .btn{min-height:max(32px, var(--tb-tap))}.tpop--good{width:300px;padding:10px 12px 12px}.gpop__head{align-items:center;gap:10px;display:flex}.gpop__head>div{min-width:0;display:grid}.gpop__head b{color:var(--title);font:700 18px var(--font-title)}.gpop__head small{color:var(--text-muted);font-size:var(--fs-xs)}.gpop__stock{align-items:baseline;gap:6px;margin:8px 0 4px;display:flex}.gpop__n{font-size:22px}.gpop__stock small{color:var(--text-muted)}.gpop__rate{margin-left:auto}.tbar{border-radius:var(--r-xs);background:rgba(var(--muc-900-rgb), .16);height:5px;position:relative;overflow:hidden}.tbar>i{border-radius:var(--r-xs);background:rgb(var(--la-ui-rgb));transition:width var(--med) var(--ease);position:absolute;inset:0 auto 0 0}.tbar.is-bad>i{background:rgb(var(--chusa-bad-rgb))}.gpop__dl{font-size:var(--fs-sm);grid-template-columns:auto 1fr;gap:4px 10px;margin:10px 0;display:grid}.gpop__dl dt{color:var(--text-muted)}.gpop__dl dd{overflow-wrap:anywhere;margin:0}.gpop__actions{flex-wrap:wrap;gap:6px;display:flex}.tpop--more{width:300px;padding:10px 12px 12px}.more__grid{border-radius:var(--r-11);background:rgb(var(--then-800-rgb));flex-wrap:wrap;gap:4px;margin-bottom:8px;padding:4px;display:flex}.tpop--notices,.tpop--menu{width:320px;padding:6px}.tpop--notices .tpop__title{color:var(--title);font:700 var(--fs-md) var(--font-title);margin:4px 8px}.nlist{margin:0;padding:0;list-style:none}.nrow+.nrow{border-top:1px solid rgb(var(--paper-300-rgb))}.nrow__btn{width:100%;min-height:max(46px, var(--tb-tap));border-radius:var(--r-sm);color:var(--text);font:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:10px;margin:0;padding:6px 8px;display:flex}button.nrow__btn{cursor:pointer}button.nrow__btn:hover{background:rgba(var(--paper-50-rgb), .7)}.nrow__t{min-width:0;line-height:1.25;display:grid}.nrow__t b{font-size:var(--fs-sm);font-weight:600}.nrow__t small{color:var(--text-muted);font-size:var(--fs-xs)}.nlist__empty{color:var(--text-muted);align-items:center;gap:8px;margin:6px 8px 10px;display:flex}.nmark{border-radius:var(--r-round);background:rgb(var(--paper-300-rgb));width:30px;height:30px;color:rgb(var(--muc-900-rgb));flex:none;place-items:center;display:grid}.nmark--warn{background:rgb(var(--nghe-500-rgb));color:rgb(var(--then-900-rgb))}.nmark--info{background:rgb(var(--song-500-rgb));color:rgb(var(--paper-50-rgb))}.nmark--error{background:rgb(var(--chusa-bad-rgb));color:rgb(var(--paper-50-rgb))}.nmark--big{width:40px;height:40px}.modal__card.wpicker{width:min(720px,100%)}.wsearch{min-height:max(40px, var(--tb-tap));border:1px solid rgb(var(--paper-400-rgb));border-radius:var(--r-11);background:rgb(var(--paper-50-rgb));color:var(--text-2);align-items:center;gap:8px;margin:6px 0 8px;padding:0 12px;display:flex}.wsearch:focus-within{border-color:rgb(var(--ngoc-500-rgb));box-shadow:0 0 0 1px rgb(var(--ngoc-500-rgb))}.wsearch input{min-width:0;min-height:38px;color:var(--text);font-size:var(--fs-md);background:0 0;border:0;outline:none;flex:1}.wsum{color:var(--text-2);font-size:var(--fs-sm);flex-wrap:wrap;gap:4px 16px;display:flex}.wacts{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.wacts .btn{min-height:max(32px, var(--tb-tap))}.wacts__low.is-on{border-color:rgb(var(--chusa-bad-rgb));color:var(--bad)}.wacts__low .num{margin-left:2px}.wrule{color:var(--title);font:700 var(--fs-md) var(--font-title);letter-spacing:.02em;align-items:center;gap:8px;margin:14px 0 8px;display:flex}.wrule:after{content:"";background:linear-gradient(90deg, rgb(var(--muc-500-rgb)), transparent);flex:1;height:1px}.wrule small{font-family:var(--font-num)}.wrule--low{color:var(--warn)}.wgrid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px;display:grid}.wcell{min-height:max(48px, var(--tb-tap));border:1px solid rgb(var(--paper-400-rgb));border-radius:var(--r-11);background:rgb(var(--paper-50-rgb));color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--fast) var(--ease), box-shadow var(--fast) var(--ease);align-items:center;gap:8px;margin:0;padding:4px 8px;display:flex}.wcell:hover{border-color:rgb(var(--son-400-rgb))}.wcell:focus-visible{outline:2px solid rgb(var(--ngoc-500-rgb));outline-offset:1px}.wcell__t{min-width:0;font-size:var(--fs-xs);flex:1;line-height:1.2;display:grid}.wcell__t b{font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wcell__mark{border:1px dashed rgb(var(--muc-500-rgb));border-radius:var(--r-round);width:26px;height:26px;color:rgb(var(--muc-600-rgb));font-size:var(--fs-xs);flex:none;place-items:center;display:grid}.wcell.is-on{border-color:rgb(var(--son-400-rgb));background:linear-gradient(180deg, #fff6e0, rgb(var(--paper-100-rgb)));box-shadow:inset 0 0 0 1px rgb(var(--son-400-rgb))}.wcell.is-on .wcell__mark{background:var(--lacquer-red);color:rgb(var(--vang-200-rgb));border:0}.wcell.is-low{box-shadow:inset 3px 0 0 rgb(var(--chusa-bad-rgb))}.wcell.is-on.is-low{box-shadow:inset 0 0 0 1px rgb(var(--son-400-rgb)), inset 3px 0 0 rgb(var(--chusa-bad-rgb))}.wpick__empty{margin:14px 0 4px}:root[data-input=touch] .tb__crest{padding-right:18px}@media (prefers-reduced-motion:reduce){.wchip.is-low .wchip__icon:before{animation:none}.tpop,.tb__crest,.wchip,.tb .orb{transition:none;animation:none}}.wchip__lock{border-radius:var(--r-round);background:rgb(var(--then-700-rgb));color:rgb(var(--paper-50-rgb));padding:1px;position:absolute;bottom:-2px;left:-3px}.wcell__lock{vertical-align:-1px;color:var(--text-muted);margin-left:4px;display:inline-block}.topbar.ptop{pointer-events:auto}.ptop__main{border-radius:var(--r-11);min-width:0;height:100%;min-height:44px;color:inherit;font:inherit;text-align:left;touch-action:manipulation;transition:background-color var(--fast) var(--ease);background:0 0;border:1px solid #0000;flex:auto;align-items:center;gap:10px;margin:0;padding:0 4px;display:flex}.ptop__main.is-on,.ptop__main:active{border-color:rgba(var(--paper-400-rgb), .8);background:rgba(var(--paper-50-rgb), .6)}.ptop__gold,.ptop__pop{flex:none;align-items:center;gap:5px;display:flex}.ptop__t{line-height:1.05;display:grid}.ptop__gold b{color:var(--text);font-size:17px}.ptop__pop b{color:var(--text);font-size:15px}.ptop__pop>svg{color:var(--text-2)}.ptop__goods{border-left:1px solid rgb(var(--paper-400-rgb));flex:auto;justify-content:flex-end;align-self:stretch;align-items:center;gap:2px;min-width:0;padding-left:8px;display:flex;overflow:hidden}.pgood{width:44px;color:var(--text);font-size:var(--fs-sm);flex:none;justify-items:center;line-height:1.05;display:grid}.pgood.is-empty .num{color:var(--text-muted)}.pgood.is-low .num{color:var(--bad)}.pgood.is-low .icon{filter:drop-shadow(0 0 4px #c82814d9)}.pgood--more{border:1px solid rgb(var(--son-400-rgb));border-radius:var(--r-pill);background:rgb(var(--paper-50-rgb));width:40px;height:30px;color:var(--title);place-items:center;position:relative}.pgood--more.is-low:after{content:"";border-radius:var(--r-round);background:rgb(var(--chusa-bad-rgb));width:9px;height:9px;box-shadow:0 0 0 1.5px rgb(var(--paper-50-rgb));position:absolute;top:-3px;right:-3px}.phone-top__world{min-width:0;color:var(--title);font:700 var(--fs-lg) var(--font-title);flex:auto;align-items:center;gap:8px;padding:0 8px;display:flex}.phone-top__world-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ptop__map{border:1px solid rgb(var(--then-900-rgb));border-radius:var(--r-round);background:var(--lacquer-red-orb);width:44px;height:44px;color:rgb(var(--vang-200-rgb));box-shadow:inset 0 0 0 1.5px rgb(var(--vang-500-rgb)), var(--lacquer-glint), 0 2px 4px rgba(var(--then-900-rgb), .35);touch-action:manipulation;flex:none;place-items:center;margin:0;padding:0;display:grid}.ptop__map.is-on{box-shadow:inset 0 0 0 2px rgb(var(--vang-200-rgb)), 0 0 0 2px rgba(var(--vang-200-rgb), .45)}.pgoods .psh__head{gap:10px;min-height:60px;padding-top:4px;padding-bottom:6px}.psh__medal{border-radius:var(--r-round);background:radial-gradient(circle at 50% 35%, rgb(var(--paper-50-rgb)), rgb(var(--paper-300-rgb)));width:44px;height:44px;box-shadow:0 0 0 2px rgb(var(--vang-500-rgb)), 0 0 0 4px rgb(var(--son-frame-rgb)), 0 2px 6px rgba(var(--then-900-rgb), .3);flex:none;place-items:center;display:grid;overflow:hidden}.psh__t{flex:1;min-width:0;display:grid}.psh__t .phone-sheet-head__title{font-size:19px}.psh__t small{color:var(--text-muted);font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pfin{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.pfin>div{border-radius:var(--r-11);background:rgba(var(--paper-50-rgb), .8);min-width:0;box-shadow:inset 0 0 0 1px rgb(var(--paper-300-rgb));align-items:center;gap:6px;padding:7px 8px;display:flex}.pfin b{font-size:16px}.ptiers{flex-wrap:wrap;gap:6px 14px;margin-top:8px;display:flex}.ptier{align-items:center;gap:6px;display:flex}.ptier>span:last-child{line-height:1.1;display:grid}.ptier.is-lacking b{color:var(--warn)}.pgoods .wrule{margin-top:14px}.glist{margin:0;padding:0;list-style:none}.grow{border-bottom:1px solid rgb(var(--paper-300-rgb));grid-template-columns:32px minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:52px;display:grid}.grow.is-low{background:linear-gradient(90deg, rgba(var(--chusa-bad-rgb), .08), transparent)}.grow__t{gap:4px;min-width:0;font-size:13px;display:grid}.grow__t b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.grow__n{justify-items:end;line-height:1.15;display:grid}.grow__n small{font-size:11px}.gpin{border:1px solid rgb(var(--paper-400-rgb));border-radius:var(--r-round);background:rgb(var(--paper-50-rgb));width:44px;height:44px;color:rgb(var(--muc-600-rgb));touch-action:manipulation;flex:none;place-items:center;margin:0;padding:0;display:grid}.gpin.is-on{border-color:rgb(var(--then-900-rgb));background:var(--lacquer-red-orb);color:rgb(var(--vang-200-rgb))}.gpin--back>svg{transform:scaleX(-1)}.pgoods__none{margin:4px 0}.pgoods__all{width:100%;min-height:44px;margin-top:12px}.pgoods__done{background:linear-gradient(180deg, transparent, rgb(var(--paper-100-rgb)) 30%);padding:8px 0 4px;position:sticky;bottom:0}.pgoods__done .btn{width:100%;min-height:44px}[data-form=phone] .wgrid{grid-template-columns:minmax(0,1fr)}[data-form=phone] .wcell{min-height:52px}[data-form=phone] .wacts .btn{min-height:44px}.speed--sheet{align-items:center;gap:8px;margin:8px 0}.speed--sheet .speed__label{flex:1;align-items:center;gap:6px;font-weight:600;display:inline-flex}.speed--sheet .orb{--orb:44px}.speed--sheet .speed__btn:disabled:not(.is-on){opacity:.5}.pgoods .psh__close{border:1px solid rgb(var(--then-900-rgb));border-radius:var(--r-round);background:var(--lacquer-red-orb);width:44px;height:44px;color:rgb(var(--vang-200-rgb));box-shadow:inset 0 0 0 1.5px rgb(var(--vang-500-rgb)), var(--lacquer-glint), 0 2px 4px rgba(var(--then-900-rgb), .35);flex:none;place-items:center;padding:0;display:grid}.craft-picker{border:1px solid var(--panel-line-soft);border-radius:var(--r-md);background:var(--well);pointer-events:auto;gap:4px;margin-top:5px;padding:5px;display:grid}.craft-picker.is-empty{border-color:rgba(var(--warn-rgb), .7)}.craft-picker.is-asking{animation:craft-ask .3s var(--ease) 3}@keyframes craft-ask{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.craft-picker__title{width:max-content;color:var(--text);align-items:center;gap:5px;font-weight:700;display:inline-flex}.craft-picker.is-empty .craft-picker__title{color:var(--warn)}.craft-picker__opts{flex-wrap:wrap;gap:4px;display:flex}.craft-picker__opt{border:1px solid var(--panel-line-soft);border-radius:var(--r-round);width:32px;height:32px;color:var(--text-2);font:inherit;cursor:pointer;transition:background var(--fast) var(--ease), color var(--fast) var(--ease);background:0 0;place-items:center;padding:0;display:inline-grid;position:relative}[data-input=touch] .craft-picker__opt,[data-form=phone] .craft-picker__opt{width:44px;height:44px}.craft-picker__opt:hover{color:var(--text);background:rgba(var(--line-rgb), .12)}.craft-picker__opt:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.craft-picker__opt.is-on{background:linear-gradient(180deg, var(--accent-strong), var(--line-strong));color:var(--surface-sunken);text-shadow:none;border-color:#0000}.craft-picker__opt.is-taken:not(.is-on){opacity:.6}.craft-picker__flag{border-radius:var(--r-round);background:var(--good-strong);width:13px;height:13px;color:var(--surface-sunken);place-items:center;display:inline-grid;position:absolute;top:-4px;right:-4px}.craft-card__members{gap:3px;margin:4px 0 0;padding:0;list-style:none;display:grid}.craft-card__members li{align-items:center;gap:6px;display:flex}.mech-legend{flex-wrap:wrap;align-items:center;gap:3px 10px;margin-top:3px;display:flex}.mech-legend__title{width:100%;color:var(--text)}.mech-legend__key{align-items:center;gap:5px;display:inline-flex}.mech-legend__key:before{content:"";border-radius:var(--r-xs);background:var(--info-light);width:12px;height:8px}.mech-legend__key--spare:before,.mech-legend__key--k3:before,.mech-legend__key--dirt:before,.mech-legend__key--swamp:before{background:var(--info-light)}.mech-legend__key--full:before,.mech-legend__key--part:before{background:var(--warn)}.mech-legend__key--alluvium:before{background:var(--good-pale)}.mech-legend__key--fresh:before{background:var(--info-pale)}.mech-legend__key--wet:before,.mech-legend__key--own:before{background:var(--info-deep)}.mech-legend__key--partial:before{background:var(--warn-deep)}.mech-legend__key--dry:before,.mech-legend__key--drop:before{background:var(--bad-strong)}.mech-legend__key--shared:before{background:var(--info)}.mech-legend__key--salt:before{background:var(--accent-glint)}.mech-legend__key--pans:before{background:var(--accent-strong)}.mech-legend__key--ready:before{background:var(--warn-light)}.mech-legend__key--touching:before,.mech-legend__key--jungle:before{background:var(--good-light)}.mech-legend__key--boost:before{background:var(--good)}.mech-legend__key--next:before{box-shadow:inset 0 0 0 2px var(--accent-glint);background:0 0}.site-card{z-index:15;border:1px solid var(--panel-line);border-radius:var(--r-md);background:var(--panel-bg-solid);box-shadow:var(--shadow-panel);color:var(--text);font-family:var(--font-ui);font-size:var(--fs-sm);white-space:nowrap;pointer-events:none;will-change:transform;gap:2px;padding:5px 10px 5px 8px;font-weight:600;display:grid;position:fixed;top:0;left:0}.site-card[hidden]{display:none}.site-card__line{align-items:center;gap:6px;display:inline-flex}.site-card__icon{flex:none;width:14px;height:14px}.site-card__line--pos .site-card__icon{color:var(--good)}.site-card__line--warn{color:var(--warn)}.site-card__line--neg{color:var(--bad)}.site-card__line--info .site-card__icon{color:var(--info)}.site-card__line--muted{color:var(--text-2);font-weight:500}.mech-row{gap:5px;display:grid}.mech-members{flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none;display:flex}.mech-members__item{border:1px solid var(--panel-line-soft);border-radius:var(--r-pill);background:var(--well);font-size:var(--fs-xs);align-items:center;gap:3px;padding:1px 6px 1px 2px;display:inline-flex}.mech-members__item .num{color:var(--good);font-weight:700}.mech-members__item.is-part .num{color:var(--warn)}.upgrade__pave{gap:4px;display:grid}.upgrade__pave-note{color:var(--text-2);font-size:var(--fs-xs);margin:0}.stats-chip--water,.stats-chip--boost{align-items:center;gap:3px;display:inline-flex}.stats-chip--water.is-short{color:var(--warn)}.stats-chip--boost{color:var(--good)}.calendar{cursor:default;gap:6px}.calendar__date{color:var(--text);font-size:var(--fs-sm);white-space:nowrap;font-weight:600}@media (max-width:1100px){.calendar__date{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}