@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--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}.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}.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 .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}.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))}.hud{--info-w:340px}:root[data-input=touch] .hud{--info-w:352px}.rcard{top:var(--hud-gap);right:var(--hud-gap);z-index:4;width:var(--info-w);max-width:calc(100% - 2 * var(--hud-gap));max-height:var(--card-max,calc(100% - var(--hud-gap) - var(--info-reserve,232px)));animation:rcard-in var(--med) var(--ease);flex-direction:column;display:flex;position:absolute;overflow:hidden}@keyframes rcard-in{0%{opacity:0;transform:translate(10px)}}.rcard__head{flex:none;align-items:center;gap:10px;padding:12px 10px 8px 12px;display:flex;position:relative}.rcard__medal{background:radial-gradient(circle at 50% 35%, rgb(var(--paper-50-rgb)), rgb(var(--paper-300-rgb)));width:58px;height:58px;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(--shadow-rgb), .3);border-radius:50%;flex:none;place-items:center;font-size:38px;display:grid;overflow:hidden}.rcard__medal>img{object-fit:contain;width:54px;height:54px}.rcard__t{flex:1;min-width:0}.rcard__title{overflow-wrap:anywhere;color:var(--title);font:700 var(--fs-xl) / 1.12 var(--font-title);margin:0}.rcard__sub{max-height:2.7em;color:var(--text-muted);font-size:var(--fs-sm);flex-wrap:wrap;align-items:center;gap:0 8px;margin-top:2px;line-height:1.35;display:flex;overflow:hidden}.rcard__sub>*{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.rcard__sub>.rcard__sep{display:none}.rcard__sub .icon--tier{font-size:18px}.rcard__body{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:0;padding:2px 16px 12px;position:relative;overflow:auto}.rcard__foot{border-top:1px solid rgb(var(--paper-300-rgb));border-radius:0 0 calc(var(--r-panel) - var(--frame-w)) calc(var(--r-panel) - var(--frame-w));background:rgba(var(--paper-300-rgb), .28);flex-wrap:wrap;flex:none;gap:8px;padding:10px 14px 12px;display:flex}.rcard__foot>*,.rcard__foot .btn{flex:auto}.rcard__foot .btn{min-height:max(36px, var(--tap,0px))}.lorb{width:var(--orb,max(32px, var(--tap,0px)));height:var(--orb,max(32px, var(--tap,0px)));border:1px solid rgb(var(--then-900-rgb));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(--shadow-rgb), .4);cursor:pointer;transition:filter var(--fast) var(--ease), transform var(--fast) var(--ease), box-shadow var(--fast) var(--ease);border-radius:50%;flex:none;place-items:center;padding:0;display:grid;position:relative}.lorb:hover{filter:brightness(1.15)}.lorb:active{transform:scale(.95)}.lorb:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.lorb.is-on,.lorb[aria-pressed=true]{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(--shadow-rgb), .4)}.lorb--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)}.lrow{border-bottom:1px solid rgba(var(--paper-400-rgb), .35);min-height:34px;font-size:var(--fs-md);grid-template-columns:22px minmax(0,1fr) auto;align-items:center;column-gap:8px;padding:4px 0;display:grid}.lrow__g{color:var(--text-2);place-items:center;font-size:18px;display:grid}.lrow__l{min-width:0;font-weight:600}.lrow__v{text-align:right;flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:0 4px;display:inline-flex}.lrow__v b,.lrow__v .num{font-size:15px}.lrow__v small{color:var(--text-muted);font-size:var(--fs-xs)}.lrow__bar{grid-column:2/-1;margin-top:4px}.lrule{color:var(--title);font:700 var(--fs-md) var(--font-title);letter-spacing:.02em;align-items:center;gap:10px;margin:12px 0 8px;display:flex}.lrule:before,.lrule:after{content:"";background:linear-gradient(90deg, transparent, rgb(var(--muc-500-rgb)));flex:1;min-width:12px;height:1px}.lrule:after{background:linear-gradient(90deg, rgb(var(--muc-500-rgb)), transparent)}.lrule--left:before{display:none}.lrule__t{align-items:center;gap:6px;display:inline-flex}.lrule__t small,.lrule__aside{color:var(--text-muted);font-family:var(--font-ui);font-size:var(--fs-xs);letter-spacing:0;font-weight:600}.lrule__aside{order:3}.lbar{background:rgba(var(--muc-900-rgb), .16);border-radius:3px;height:5px;display:block;position:relative;overflow:hidden}.lbar>i{background:rgb(var(--la-ui-rgb));transition:width var(--med) var(--ease);border-radius:3px;position:absolute;inset:0 auto 0 0}.lbar--warn>i{background:rgb(var(--nghe-ui-rgb))}.lbar--bad>i{background:var(--bad)}.lbar--info>i{background:rgb(var(--song-500-rgb))}.lbar--gold>i{background:rgb(var(--vang-500-rgb))}.lbar--lux>i{background:rgb(var(--hoaca-500-rgb))}.lbar__mark{background:rgb(var(--muc-700-rgb));width:2px;margin-left:-1px;position:absolute;top:-1px;bottom:-1px}.lring{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.lring__trk{fill:rgb(var(--paper-50-rgb));stroke:rgba(var(--muc-900-rgb), .14)}.lring__fil{fill:none;stroke:rgb(var(--la-ui-rgb));stroke-linecap:round;transition:stroke-dasharray var(--med) var(--ease)}.lpin-tip{flex:none;display:inline-grid}.lpin{width:max(26px, var(--tap,0px));height:max(26px, var(--tap,0px));border:1px solid rgb(var(--paper-400-rgb));background:rgb(var(--paper-50-rgb));color:rgb(var(--muc-600-rgb));cursor:pointer;transition:background var(--fast) var(--ease), color var(--fast) var(--ease), transform var(--fast) var(--ease);border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.lpin:hover{color:var(--title);transform:scale(1.06)}.lpin.is-on{border-color:rgb(var(--then-900-rgb));background:var(--lacquer-red-orb);color:rgb(var(--vang-200-rgb))}.lpin:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.lhint{color:var(--text-2);font-size:var(--fs-sm);align-items:flex-start;gap:6px;margin:10px 0 0;line-height:1.35;display:flex}.lhint>.lglyph,.lhint>.icon{flex:none;margin-top:1px}.lchips{color:var(--text-2);font-size:var(--fs-sm);flex-wrap:wrap;gap:6px 14px;margin:8px 0 2px;display:flex}.lchips>*{align-items:center;gap:5px;display:inline-flex}.lempty{color:var(--text-muted);font-size:var(--fs-sm);text-align:center;justify-items:center;gap:6px;margin:18px 0;display:grid}.lempty .lglyph{color:rgb(var(--muc-400-rgb))}.nrings{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:12px 4px;margin:0;padding:0;list-style:none;display:grid}.nrings--sm{--ring:52px;grid-template-columns:repeat(auto-fill,minmax(66px,1fr))}.nring{text-align:center;align-content:start;justify-items:center;gap:3px;min-width:0;display:grid}.nring__tip{justify-items:center;gap:3px;min-width:0;max-width:100%;display:grid}.nring__ring{width:var(--ring,60px);height:var(--ring,60px);color:inherit;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}button.nring__ring{cursor:pointer;transition:transform var(--fast) var(--ease)}button.nring__ring:hover{transform:scale(1.05)}button.nring__ring:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.nring__icon{font-size:calc(var(--ring,60px) * .5);place-items:center;display:grid;position:relative}.nring.is-warn .lring__fil{stroke:rgb(var(--nghe-500-rgb))}.nring.is-bad .lring__fil{stroke:var(--bad)}.nring.is-lux .lring__fil{stroke:rgb(var(--hoaca-500-rgb))}.nring.is-lux.is-warn .lring__fil{stroke:rgb(var(--nghe-500-rgb))}.nring.is-off .lring__trk{stroke:rgb(var(--muc-400-rgb));stroke-dasharray:3 3}.nring.is-off .nring__icon,.nring.is-blocked .nring__icon{filter:grayscale()opacity(.5)}.nring__flag,.nring__lock{border:1.5px solid rgb(var(--paper-50-rgb));width:20px;height:20px;font:800 12px/1 var(--font-ui);border-radius:50%;place-items:center;display:grid;position:absolute}.nring__flag{background:rgb(var(--nghe-500-rgb));color:rgb(var(--then-900-rgb));top:-1px;right:-1px}.nring.is-bad .nring__flag{background:var(--bad);color:rgb(var(--paper-50-rgb))}.nring__lock{background:rgb(var(--then-700-rgb));color:rgb(var(--paper-50-rgb));font-size:11px;bottom:-1px;right:-1px}.nring__name{max-width:100%;font-size:var(--fs-sm);overflow-wrap:anywhere;font-weight:600;line-height:1.15}.nring__sub{color:var(--text-muted);font-size:var(--fs-xs);line-height:1.1}.nring.is-warn .nring__sub{color:var(--warn)}.nring.is-bad .nring__sub{color:var(--bad)}.nring.is-lux .nring__sub{color:rgb(var(--hoaca-text-rgb))}.ledger{top:var(--hud-gap);left:var(--stage-l,var(--hud-gap));z-index:5;width:var(--lg-w,min(880px, calc(100% - 2 * var(--hud-gap))));max-width:calc(100% - var(--stage-l,var(--hud-gap)) - var(--hud-gap));max-height:var(--stage-h,calc(100% - 2 * var(--hud-gap)));animation:ledger-in var(--med) var(--ease);flex-direction:column;display:flex;position:absolute;overflow:hidden;container:ledger/inline-size}@keyframes ledger-in{0%{opacity:0;transform:translateY(-6px)}}.ledger__head{border-bottom:1px solid rgb(var(--paper-400-rgb));flex:none;align-items:center;gap:10px;padding:12px 10px 10px 14px;display:flex;position:relative}.ledger__seal{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)), 0 2px 4px rgba(var(--shadow-rgb), .3);border-radius:50%;flex:none;place-items:center;display:grid}.ledger__t{flex:1;min-width:0}.ledger__title{color:var(--title);font:700 var(--fs-xl) / 1.15 var(--font-title);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.ledger__sub{color:var(--text-muted);font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ledger__main{flex:1;grid-template-columns:150px minmax(0,1fr);min-height:0;display:grid}.ledger__main:has(>:only-child){grid-template-columns:minmax(0,1fr)}.ledger__tabs{border-right:1px solid rgb(var(--paper-400-rgb));background:rgba(var(--paper-300-rgb), .28);flex-direction:column;gap:4px;padding:12px 0 12px 10px;display:flex}.ledger__tab{min-height:max(40px, var(--tap,0px));color:var(--text-2);font-size:var(--fs-md);text-align:left;white-space:nowrap;cursor:pointer;transition:background var(--fast) var(--ease), color var(--fast) var(--ease);background:0 0;border:0;border-radius:9px 0 0 9px;align-items:center;gap:8px;padding:0 10px;font-weight:600;display:flex;position:relative}.ledger__tab:hover:not(.is-on){background:rgba(var(--paper-50-rgb), .55);color:var(--text)}.ledger__tab:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.ledger .ledger__tab.is-on{background:var(--lacquer-red);box-shadow:inset 0 0 0 1px rgb(var(--vang-500-rgb));color:rgb(var(--vang-200-rgb));border:0;margin-right:-1px}.ledger__body{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;padding:6px 16px 16px;overflow:auto}.ledger__switch{flex:none}.ledger__switch .btn{min-height:max(32px, var(--tap,0px));padding:0 10px}.ledger__switch{position:relative}.ledger__switch .btn{max-width:220px}.ledger__switch-name{text-overflow:ellipsis;overflow:hidden}.ledger__switch .btn.is-open .lglyph:last-child{transform:rotate(180deg)}.ledger__pop{z-index:20;--corner:14px;width:max-content;min-width:220px;max-width:min(320px,80vw);max-height:340px;box-shadow:var(--frame-rings), var(--shadow-pop);gap:2px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);right:0;overflow:auto}.ledger__opt{min-height:max(42px, var(--tap,0px));border-radius:var(--r-md);color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:4px 10px;display:flex}.ledger__opt:hover,.ledger__opt:focus-visible{background:rgba(var(--paper-50-rgb), .8)}.ledger__opt.is-on{background:rgba(var(--paper-300-rgb), .55);box-shadow:inset 3px 0 0 rgb(var(--son-400-rgb))}.ledger__opt .lglyph{color:var(--title)}.ledger__opt-t{min-width:0;line-height:1.25;display:grid}.ledger__opt-t b{font-size:var(--fs-md)}.ledger__opt-t small{color:var(--text-muted);font-size:var(--fs-xs)}@container ledger (width<=620px){.ledger__main{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.ledger__tabs{border-right:0;border-bottom:1px solid rgb(var(--paper-400-rgb));scrollbar-width:none;flex-direction:row;padding:6px 10px 0;overflow-x:auto}.ledger__tab{border-radius:9px 9px 0 0;flex:none}.ledger .ledger__tab.is-on{margin:0 0 -1px}.ledger__body{padding:6px 12px 14px}}@media (prefers-reduced-motion:reduce){.rcard,.ledger{animation:none}}[data-form=phone] .sheet :is(.rcard,.ledger){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;overflow:visible;transform:none}[data-form=phone] .sheet :is(.rcard__body,.ledger__body){max-height:none;padding-left:0;padding-right:0;overflow:visible}[data-form=phone] .sheet :is(.rcard__head,.ledger__head){z-index:3;margin:0 calc(-1 * max(10px, env(safe-area-inset-left,0px)));padding-right:max(8px, env(safe-area-inset-right,0px));padding-left:max(14px, 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 .rcard__head{touch-action:none}[data-form=phone] .sheet .ledger .ledger__tabs{margin:0 calc(-1 * max(10px, env(safe-area-inset-left,0px)));padding-left:max(10px, env(safe-area-inset-left,0px));flex:none;order:0}[data-form=phone] .sheet .ledger__main{display:block}[data-form=phone] .sheet .rcard__foot{z-index:3;background:var(--paper);background-blend-mode:var(--paper-blend);border-radius:0;margin:0 -10px;padding:10px 10px 14px;position:sticky;bottom:-14px}[data-form=phone] .sheet__body:has(.rcard__foot){scroll-padding-top:96px;scroll-padding-bottom:84px}[data-form=phone] .sheet .rcard__medal{width:52px;height:52px;font-size:34px}:is(.rcard,.ledger) .cost-chips{justify-content:flex-start;gap:4px}:is(.rcard,.ledger) .cost-chip{border:1px solid rgb(var(--paper-400-rgb));border-radius:var(--r-pill);background:rgb(var(--paper-50-rgb));height:26px;font-size:var(--fs-sm);padding:0 8px 0 4px}:is(.rcard,.ledger) .cost-chip.is-short{border-color:rgba(var(--chusa-bad-rgb), .6);background:rgba(var(--chusa-bad-rgb), .08)}.lhint--end,.stats-hint--end{justify-content:flex-end}.lhint .info-tip{margin-left:2px}.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;--stage-card-w:330px;--tool-hint-max:250px;--tap:30px;--rail-w:64px;--drum:196px;flex-direction:column;display:flex;position:absolute;inset:0}:root[data-input=touch] .hud{--tap:44px;--rail-w:76px}.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}.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)}.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);box-shadow:inset 0 0 0 1.5px rgb(var(--vang-500-rgb)), var(--lacquer-glint), 0 2px 4px rgba(var(--shadow-rgb), .4);color:rgb(var(--vang-200-rgb));cursor:pointer;touch-action:manipulation;transition:transform var(--fast) var(--ease), box-shadow var(--fast) var(--ease), filter var(--fast) var(--ease);flex:none;place-items:center;padding:0;display:grid;position:relative}.orb:hover:not(:disabled){filter:brightness(1.12)}.orb:active:not(:disabled){transform:scale(.94)}.orb:focus-visible{outline:2px solid rgb(var(--vang-200-rgb));outline-offset:2px}.orb:disabled{cursor:default;filter:grayscale(.6)brightness(.8)}.orb.is-on,.orb[aria-pressed=true],.rail__btn.is-on .orb{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(--shadow-rgb), .4)}.orb--dark{background:radial-gradient(circle at 50% 30%,#3a332a,#17140f)}.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)));box-shadow:0 1px 3px rgba(var(--muc-900-rgb), .25);color:rgb(var(--muc-700-rgb))}.orb--paper.is-on,.orb--paper[aria-pressed=true]{border-color:rgb(var(--then-900-rgb));background:var(--lacquer-red-orb);color:rgb(var(--vang-200-rgb))}.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);pointer-events:none;place-items:center;padding:0 4px;display:grid;position:absolute;top:-5px;right:-6px}.lglyph{flex:none;display:block}.lglyph.is-flipped{transform:scaleX(-1)}@media (prefers-reduced-motion:reduce){.orb{transition:none}}.rail{top:var(--hud-gap);z-index:4;width:var(--rail-w);border:1px solid rgb(var(--then-900-rgb));background:var(--lacquer);box-shadow:inset 0 0 0 1px rgba(var(--vang-400-rgb), .55), var(--shadow-panel);pointer-events:auto;border-radius:34px;flex-direction:column;align-items:center;gap:2px;padding:10px 0;display:flex;position:absolute;left:10px}.rail__slot{width:100%;display:block}.rail__btn{width:100%;color:inherit;cursor:pointer;background:0 0;border:0;justify-items:center;gap:2px;padding:2px 0;display:grid;position:relative}.rail__btn:disabled{cursor:default}.rail__btn:disabled .orb{filter:grayscale(.7)brightness(.7)}.rail__btn .orb{--orb:max(40px, var(--tap))}.rail__btn:hover:not(:disabled) .orb{filter:brightness(1.12)}.rail__btn:active:not(:disabled) .orb{transform:scale(.94)}.rail__btn:focus-visible{outline:none}.rail__btn:focus-visible .orb{outline:2px solid rgb(var(--vang-200-rgb));outline-offset:2px}.rail__label{max-width:calc(var(--rail-w) + 8px);color:rgb(var(--paper-200-rgb));text-align:center;white-space:nowrap;font-size:10.5px;font-weight:600;line-height:1.1}.rail__btn.is-on .rail__label{color:rgb(var(--vang-200-rgb))}.rail__help{border-top:1px solid rgba(var(--vang-400-rgb), .3);margin-top:4px;padding-top:8px}.rail__help .orb{background:radial-gradient(circle at 50% 30%,#3a332a,#17140f)}.rail.is-compact .rail__label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.rail.is-compact{gap:6px}.hud__stage{top:var(--hud-gap);left:var(--stage-l,90px);z-index:4;width:var(--stage-card-w);max-width:calc(100% - var(--stage-l,90px) - var(--hud-gap));max-height:calc(100% - var(--hud-gap) - var(--stage-reserve,260px));pointer-events:none;transition:opacity var(--med) var(--ease);flex-direction:column;align-items:flex-start;gap:10px;display:flex;position:absolute}.hud__stage>*{pointer-events:auto;flex:0 auto;width:100%;min-height:0}.hud__stage.is-covered{visibility:hidden;opacity:0;transition:opacity var(--med) var(--ease), visibility 0s linear var(--med)}.hud__body>.fleet-panel{left:var(--stage-l,var(--hud-gap))}.hud__body>.tutorial--floating{left:calc(var(--stage-l,var(--hud-gap)) + var(--fleet-w) + var(--hud-gap))}.goal,.fc{--framed:1;border:3px solid rgb(var(--son-frame-rgb));background:var(--orn-corners), var(--paper);background-blend-mode:var(--orn-corners-blend), normal;box-shadow:var(--frame-rings), 0 0 0 1px rgb(var(--then-900-rgb)), var(--shadow-panel);color:var(--text);border-radius:10px;position:relative}.fc{animation:fade-in var(--med) var(--ease);flex-direction:column;display:flex;overflow:hidden}.fc__head{flex:none;align-items:center;gap:8px;padding:10px 10px 6px 12px;display:flex}.fc__icon,.goal__icon{border-radius:var(--r-round);background:var(--lacquer-red-orb);width:30px;height:30px;box-shadow:inset 0 0 0 1.5px rgb(var(--vang-500-rgb));color:rgb(var(--vang-200-rgb));flex:none;place-items:center;display:grid}.fc__title{min-width:0;color:var(--title);font:700 17px/1.2 var(--font-title);flex:1;margin:0}.fc__close{--orb:max(30px, var(--tap))}.mm{--mm-orb:max(32px, var(--tap));--mm-gap:6px;right:10px;bottom:var(--mm-bottom,10px);z-index:3;pointer-events:none;flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute}@media (min-width:1366px) and (min-height:760px){.hud{--drum:214px}}:root[data-input=touch] .hud{--drum:196px}.mm__box{--rr:calc(var(--drum) / 2 + var(--mm-orb) / 2 + var(--mm-gap));width:calc(var(--drum) + var(--mm-orb) + var(--mm-gap) + 4px);height:calc(var(--drum) + var(--mm-orb) + var(--mm-gap) + 4px);pointer-events:none;position:relative}.mm__drum{width:var(--drum);height:var(--drum);border-radius:var(--r-round);background:url(/ui/drum.svg) center / 100% 100% no-repeat, radial-gradient(circle, rgb(var(--dong-400-rgb)) 0%, #8a6c36 60%, #6b522a 100%);box-shadow:0 0 0 2px rgb(var(--then-900-rgb)), 0 0 0 5px rgb(var(--son-500-rgb)), 0 0 0 6px rgb(var(--vang-400-rgb)), var(--shadow-panel);pointer-events:auto;position:absolute;bottom:0;right:0}.mm__map{border-radius:var(--r-round);width:76%;height:76%;box-shadow:0 0 0 2px rgb(var(--dong-700-rgb)), 0 0 0 3px rgb(var(--vang-400-rgb)), inset 0 0 18px rgba(var(--then-900-rgb), .45);cursor:crosshair;touch-action:none;position:absolute;inset:12%}.mm__north{border-radius:var(--r-round);background:rgb(var(--son-500-rgb));width:20px;height:20px;box-shadow:0 0 0 1px rgb(var(--vang-400-rgb));color:rgb(var(--vang-200-rgb));font:700 11px/1 var(--font-title);pointer-events:none;place-items:center;display:grid;position:absolute;top:3px;left:50%;transform:translate(-50%)}.mm__box>.mm__slot{--cx:calc(100% - var(--drum) / 2);left:calc(var(--cx) + var(--rr) * cos(var(--a)) - var(--mm-orb) / 2);top:calc(var(--cx) + var(--rr) * sin(var(--a)) - var(--mm-orb) / 2);width:var(--mm-orb);height:var(--mm-orb);pointer-events:auto;position:absolute}.mm__slot--0{--a:180deg}.mm__slot--1{--a:207deg}.mm__slot--2{--a:234deg}.mm__slot--3{--a:261deg}.mm__orb{--orb:var(--mm-orb)}.mm__regions{border:1px solid rgb(var(--then-900-rgb));border-radius:var(--r-pill);background:var(--lacquer);box-shadow:inset 0 0 0 1px rgba(var(--vang-400-rgb), .5), var(--shadow-panel);pointer-events:auto;gap:2px;padding:2px;display:flex}.mm__region{min-height:max(28px, var(--tap));border-radius:var(--r-pill);color:rgb(var(--paper-200-rgb));white-space:nowrap;cursor:pointer;transition:background var(--fast) var(--ease), color var(--fast) var(--ease);background:0 0;border:0;align-items:center;gap:5px;padding:0 11px 0 8px;font-size:12px;font-weight:700;display:inline-flex;position:relative}.mm__region:hover:not(.is-on){background:rgba(var(--paper-50-rgb), .08);color:rgb(var(--paper-50-rgb))}.mm__region.is-on{background:var(--lacquer-red);box-shadow:inset 0 0 0 1.5px rgb(var(--vang-500-rgb));color:rgb(var(--vang-200-rgb))}.mm__region.is-locked .lglyph{opacity:.6}.mm__region:focus-visible{outline:2px solid rgb(var(--vang-200-rgb));outline-offset:1px}.mm__layers{right:calc(var(--drum) * .62);bottom:calc(var(--drum) + 8px);border:2px solid rgb(var(--son-frame-rgb));background:var(--paper);min-width:170px;box-shadow:var(--frame-rings), var(--shadow-panel);pointer-events:auto;animation:fade-in var(--fast) var(--ease);border-radius:9px;gap:2px;padding:8px 10px;display:grid;position:absolute}.mm__layer{min-height:max(28px, var(--tap));cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.mm__layer input{width:16px;height:16px;accent-color:rgb(var(--son-500-rgb));margin:0}.mm .isl-card{max-width:calc(var(--drum) + 20px);border:1px solid rgb(var(--then-900-rgb));background:var(--lacquer);box-shadow:inset 0 0 0 1px rgba(var(--vang-400-rgb), .5), var(--shadow-panel);color:rgb(var(--paper-50-rgb));border-radius:9px;position:relative;inset:auto}.hud[data-band=stack] .mm .isl-card{display:none}.minimap-toggle{right:14px;bottom:var(--mm-bottom,14px);z-index:3;pointer-events:auto;position:absolute}.minimap-toggle__btn{--orb:max(44px, var(--tap))}.plcard{width:min(var(--plcard-w,330px), calc(100vw - 2 * var(--hud-gap)));max-height:var(--fc-max,70vh);pointer-events:auto;animation:plcard-in var(--med) var(--ease);flex-direction:column;display:flex;position:relative;overflow:hidden}@keyframes plcard-in{0%{opacity:0;transform:translateY(-4px)}}.plcard__head{flex:none;align-items:center;gap:8px;padding:10px 10px 6px 12px;display:flex}.plcard__icon{background:var(--lacquer-red-orb);width:30px;height:30px;box-shadow:inset 0 0 0 1.5px rgb(var(--vang-500-rgb));color:rgb(var(--vang-200-rgb));border-radius:50%;flex:none;place-items:center;display:grid}.plcard__t{flex:1;min-width:0;display:grid;overflow:hidden}.plcard__title{color:var(--title);font:700 var(--fs-lg) / 1.2 var(--font-title);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.plcard__sub{white-space:nowrap;color:var(--text-muted);font-size:var(--fs-xs);flex-wrap:wrap;align-items:center;gap:2px 10px;display:flex}.plcard__count{align-items:center;gap:4px;display:inline-flex}.plcard__dot{background:rgb(var(--la-ui-rgb));border-radius:50%;width:7px;height:7px}.plcard .lorb{--orb:max(30px, var(--tap,0px))}.room-code{max-width:100%;min-height:max(22px, var(--tap,0px));border-radius:var(--r-sm);color:var(--text-muted);font-size:var(--fs-xs);cursor:pointer;transition:border-color var(--fast) var(--ease), color var(--fast) var(--ease);background:0 0;border:1px dashed #0000;align-items:center;gap:4px;padding:0 4px;display:inline-flex;overflow:hidden}.phone-menu .players .room-code{display:none}.room-code:hover,.room-code:focus-visible{border-color:rgb(var(--paper-400-rgb));color:var(--text)}.room-code__value{color:var(--text);letter-spacing:.02em;font-weight:700}.room-code.is-copied{border-color:rgb(var(--la-ui-rgb));color:var(--good)}.plcard__body{overscroll-behavior:contain;scrollbar-width:thin;flex:auto;min-height:0;overflow-y:auto}.players__list{margin:0;padding:0 12px;list-style:none;display:grid}.player{border-bottom:1px solid rgb(var(--paper-300-rgb))}.player__row{width:100%;min-height:max(40px, var(--tap,0px));color:var(--text);font-size:var(--fs-md);text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:0 2px;display:flex}button.player__row{cursor:pointer;transition:background var(--fast) var(--ease)}button.player__row:hover,button.player__row:focus-visible,.player.is-open button.player__row{background:rgba(var(--paper-50-rgb), .7)}.player .swatch{width:12px;height:12px;box-shadow:0 0 0 1px rgb(var(--then-900-rgb));border-radius:3px}.player__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.player.is-me .player__name{font-weight:700}.player__you{color:var(--text-muted)}.player__host{color:rgb(var(--vang-600-rgb));display:inline-flex}.player__pop{color:var(--text-2);font-size:var(--fs-sm);white-space:nowrap;margin-left:auto}.player__chev{color:var(--text-faint);transition:transform var(--fast) var(--ease)}.player.is-open .player__chev{transform:rotate(90deg)}.player .dot{flex:none}.player.is-offline .player__name,.player.is-offline .swatch{opacity:.6}.player__eye{color:var(--title)}.player__trade{color:var(--text-muted);display:inline-flex;position:relative}.player__trade--active{color:rgb(var(--vang-600-rgb))}.player__trade--pendingIn{color:var(--good)}.player__trade-ping{background:rgb(var(--nghe-500-rgb));border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite breathe;position:absolute;top:-2px;right:-3px}.plcard__foot{flex-wrap:wrap;flex:none;gap:6px;padding:10px 12px 12px;display:flex}.plcard__foot .btn{flex:auto}.room__settings.is-disabled{opacity:.6}.player-card{border:1px solid rgb(var(--paper-400-rgb));background:rgba(var(--paper-50-rgb), .85);box-shadow:none;border-radius:9px;outline:0;margin:6px 10px 2px;padding:0;overflow:visible}.player-card__head{align-items:center;gap:8px;padding:8px 8px 4px 10px;display:flex}.player-card__name{min-width:0;color:var(--title);font:700 15px var(--font-title);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;overflow:hidden}.player-card__close{--orb:max(26px, var(--tap,0px))}.player-card__body{gap:6px;padding:0 10px 10px;display:grid}.player-card__body .lrule{margin:6px 0 4px}.tr-gift__row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tr-gift__title{color:var(--title);font:700 var(--fs-md) var(--font-title);flex:100%;align-items:center;gap:6px;display:inline-flex}.tr-gift__amount{width:84px;min-height:max(30px, var(--tap,0px));border:1px solid rgb(var(--paper-400-rgb));border-radius:var(--r-sm);background:rgb(var(--paper-50-rgb));font:600 var(--fs-md) var(--font-num);text-align:right;padding:0 8px}@media (prefers-reduced-motion:reduce){.plcard{animation:none}}.goal{animation:fade-in var(--med) var(--ease);flex-direction:column;padding:8px 10px 10px;display:flex;overflow:hidden}.goal__head{align-items:center;gap:8px;margin-bottom:6px;display:flex}.goal__t{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;padding:0;line-height:1.15;display:grid}.goal__kicker{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:10.5px;font-weight:700}:root[data-input=touch] .goal__t{min-height:44px}.goal__text{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.goal.is-open .goal__text{white-space:normal}.goal__n{color:var(--text-2);flex:none;font-size:13px}.goal__toggle{--orb:max(28px, var(--tap))}.goal__bar{background:rgba(var(--muc-900-rgb), .16);border-radius:3px;flex:none;height:5px;position:relative;overflow:hidden}.goal__bar>i{background:rgb(var(--la-ui-rgb));transition:width var(--med) var(--ease);border-radius:3px;position:absolute;inset:0 auto 0 0}.goal__body{scrollbar-width:thin;min-height:0;overflow-y:auto}.goal__steps{gap:6px;margin:10px 0 0;padding:0;font-size:12.5px;list-style:none;display:grid}.goal__step{color:var(--text-muted);align-items:flex-start;gap:7px;display:flex}.goal__step.is-now{color:var(--text);font-weight:600}.goal__step.is-done{color:var(--text-muted);text-decoration:line-through}.goal__check{border:1.5px solid rgb(var(--muc-500-rgb));border-radius:var(--r-round);flex:none;place-items:center;width:18px;height:18px;margin-top:-1px;display:grid}.goal__step.is-done .goal__check{border-color:rgb(var(--la-ui-rgb));background:rgb(var(--la-ui-rgb));color:rgb(var(--paper-50-rgb))}.goal__step.is-now .goal__check{border-color:rgb(var(--son-400-rgb));box-shadow:inset 0 0 0 3px rgb(var(--paper-50-rgb));background:rgb(var(--son-400-rgb))}.goal__pct{color:var(--warn)}.goal__next{color:var(--text-2);align-items:flex-start;gap:6px;margin:10px 0 0;font-size:12.5px;display:flex}.goal__next .lglyph{color:rgb(var(--son-400-rgb));margin-top:2px}.goal__actions{flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;display:flex}.goal__tools{gap:6px;margin-left:auto;display:flex}.goal__tools .orb{--orb:max(30px, var(--tap))}.goal__whybtn{min-height:max(30px, var(--tap))}.goal__why{background:rgba(var(--paper-50-rgb), .75);box-shadow:inset 0 0 0 1px rgb(var(--paper-300-rgb));color:var(--text-2);border-radius:8px;margin:8px 0 0;padding:8px 10px;font-size:12.5px;line-height:1.45}.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}.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}.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}.bb{bottom:4px;left:var(--bb-x,50%);z-index:3;width:var(--bb-w,auto);max-width:calc(100% - 2 * var(--hud-gap));pointer-events:none;flex-direction:column;padding-bottom:18px;display:flex;position:absolute;transform:translate(-50%)}.bb:has(.tooltip){z-index:6}.bb>*{zoom:var(--bb-zoom,1);pointer-events:auto}.bb__tabs{pointer-events:none;align-items:flex-end;gap:3px;padding:0 16px;display:flex;overflow:hidden}.bb__tabs>*{pointer-events:auto}.btab-slot{flex:none;display:flex}.btab{height:max(36px, var(--tap));border:1px solid rgb(var(--then-600-rgb));background:var(--lacquer);color:rgb(var(--paper-200-rgb));cursor:pointer;transition:color var(--fast) var(--ease), filter var(--fast) var(--ease);border-bottom:0;border-radius:9px 9px 0 0;flex:none;align-items:center;gap:6px;padding:0 12px 4px 5px;font-size:12.5px;font-weight:600;display:inline-flex;position:relative;top:4px}.btab:hover:not(.is-on){color:rgb(var(--paper-50-rgb));filter:brightness(1.15)}.btab:focus-visible{outline:2px solid rgb(var(--vang-200-rgb));outline-offset:-2px}.btab.is-on{height:calc(max(36px, var(--tap)) + 4px);border-color:rgb(var(--vang-500-rgb));background:var(--lacquer-red);box-shadow:inset 0 1px 0 rgba(var(--vang-200-rgb), .45);color:rgb(var(--vang-200-rgb))}.btab__medal{border-radius:var(--r-round);background:radial-gradient(circle at 50% 35%, rgb(var(--paper-50-rgb)), rgb(var(--paper-300-rgb)));width:28px;height:28px;box-shadow:0 0 0 1.5px rgb(var(--vang-400-rgb)), 0 0 0 2.5px rgb(var(--then-900-rgb));color:rgb(var(--muc-700-rgb));flex:none;place-items:center;display:grid;overflow:hidden}.build-tab:not(.build-tab--tier) .btab__medal{box-shadow:none;color:rgb(var(--vang-200-rgb));background:0 0}.btab__name{font-family:var(--font-title);white-space:nowrap;font-size:13.5px;font-weight:700}.btab.is-locked{color:rgb(var(--muc-400-rgb))}.btab.is-locked .btab__medal{filter:grayscale()brightness(.8)}.btab__lock{opacity:.85}.btab__dot{border-radius:var(--r-round);width:8px;height:8px;box-shadow:0 0 0 1.5px rgb(var(--then-900-rgb));position:absolute;top:3px;right:3px}.btab__dot--hint{background:rgb(var(--vang-300-rgb))}.btab__dot--need{background:rgb(var(--chusa-bright-rgb))}.bb[data-tabs=folded] .btab:not(.is-on) .btab__name{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.bb[data-tabs=folded] .btab:not(.is-on){padding-right:6px}.bb__body{--framed:1;border:4px solid rgb(var(--then-700-rgb));background:var(--orn-corners), var(--paper);background-blend-mode:var(--orn-corners-blend), normal;background-color:rgb(var(--paper-200-rgb));min-width:0;box-shadow:var(--frame-rings-dark), 0 0 0 1px rgb(var(--then-900-rgb)), var(--shadow-panel);border-radius:10px;gap:6px;padding:8px 12px 20px;display:grid}.bb.is-collapsed .bb__tabs{background:var(--lacquer);box-shadow:inset 0 0 0 1px rgba(var(--vang-400-rgb), .5), var(--shadow-panel);border-radius:12px;padding-top:6px;padding-bottom:6px}.bb.is-collapsed .btab{height:max(32px, var(--tap));border-bottom:1px solid rgb(var(--then-600-rgb));border-radius:9px;top:0}.bb.is-collapsed{padding-bottom:22px}.bb__chains{border-bottom:1px solid rgba(var(--paper-400-rgb), .5);align-items:center;gap:22px;height:52px;padding:0 4px;display:flex;overflow:hidden}.bb__chains--hint{color:var(--text-2);gap:8px;font-size:12.5px}.chain{transition:background var(--fast) var(--ease);border-radius:10px;flex:none;align-items:center;gap:4px;padding:2px 8px;display:flex}.chain[hidden]{display:none}.chain.is-focus{background:rgba(var(--paper-50-rgb), .7);box-shadow:inset 0 0 0 1px rgb(var(--paper-400-rgb))}.cnode{justify-items:center;gap:1px;min-width:46px;display:grid}.cnode__pic{place-items:center;height:30px;display:grid;position:relative}.cnode small{color:var(--text-2);white-space:nowrap;font-size:10.5px;font-weight:600;line-height:1.1}.cnode.is-on small{color:var(--title)}.cnode.is-locked .cnode__pic{filter:grayscale(.8);opacity:.6}.cnode--good small{color:var(--title);font-weight:700}.cnode--good.is-short small{color:var(--bad)}.cnode--feed .cnode__pic{opacity:.85}.cnode__region{border-radius:var(--r-round);background:rgb(var(--song-500-rgb));width:14px;height:14px;color:rgb(var(--paper-50-rgb));place-items:center;display:grid;position:absolute;bottom:0;right:-6px}.carrow{color:rgb(var(--muc-500-rgb));display:grid}.cop{color:rgb(var(--muc-500-rgb));font-weight:700}.cop--or{font-size:10.5px;font-style:italic}.bb__rowwrap{min-width:0;position:relative}.bb__row{scrollbar-width:none;overscroll-behavior-x:contain;align-items:flex-start;gap:4px;padding:4px 2px 2px;display:flex;overflow-x:auto}.bb__row::-webkit-scrollbar{display:none}.bb__empty{color:var(--text-muted);margin:0;padding:24px 12px;font-style:italic}.bgroup{flex:none;gap:6px;display:flex}.bgroup__sep{background:linear-gradient(180deg, transparent, rgb(var(--paper-400-rgb)) 20%, rgb(var(--paper-400-rgb)) 80%, transparent);flex:none;align-self:stretch;width:1px;margin:4px 6px 22px}.btile-slot{flex:none;display:flex}.btile{width:80px;color:var(--text);cursor:pointer;background:0 0;border:0;flex:none;align-content:start;justify-items:center;gap:3px;padding:0;display:grid;position:relative}.btile__pic{border:1px solid rgb(var(--paper-400-rgb));background:radial-gradient(circle at 50% 38%, rgb(var(--paper-50-rgb)), rgb(var(--paper-200-rgb)));width:76px;height:64px;box-shadow:0 1px 2px rgba(var(--muc-900-rgb), .25), inset 0 1px 0 #fff9;color:var(--text-2);transition:transform var(--fast) var(--ease), box-shadow var(--fast) var(--ease), border-color var(--fast) var(--ease);border-radius:9px;place-items:center;display:grid;position:relative}.btile__name{text-align:center;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;width:100%;min-height:28px;font-size:11.5px;font-weight:600;line-height:1.2}.btile__key{border:1px solid rgb(var(--paper-400-rgb));background:rgb(var(--paper-50-rgb));min-width:17px;height:17px;color:var(--text-2);font:600 10px/1 var(--font-ui);border-bottom-width:2px;border-radius:4px;place-items:center;padding:0 4px;display:inline-grid;position:absolute;top:-4px;left:0}.btile:hover:not(:disabled) .btile__pic,.btile:focus-visible .btile__pic{border-color:rgb(var(--vang-600-rgb));box-shadow:0 0 0 2px rgb(var(--vang-400-rgb)), 0 6px 12px rgba(var(--muc-900-rgb), .3);transform:translateY(-2px)}.btile:focus-visible{outline:none}.btile.is-active .btile__pic{border-color:rgb(var(--son-300-rgb));box-shadow:0 0 0 2px rgb(var(--son-300-rgb)), 0 0 0 4px rgba(var(--vang-200-rgb), .6)}.btile.is-suggested .btile__pic{box-shadow:0 0 0 2px rgb(var(--ngoc-500-rgb)), 0 0 0 5px rgba(var(--ngoc-500-rgb), .3)}.btile.is-locked .btile__pic{border-style:dashed}.btile.is-locked .btile__pic>.icon,.btile.is-locked .btile__pic>.lglyph{filter:grayscale(.9);opacity:.5}.btile.is-locked .btile__name{color:var(--text-muted)}.btile.is-short .btile__name{color:var(--bad)}.btile__lock{border-radius:var(--r-pill);background:rgb(var(--then-700-rgb));color:rgb(var(--paper-50-rgb));white-space:nowrap;align-items:center;gap:2px;padding:1px 5px;font-size:10px;display:inline-flex;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.btile__work,.btile__need,.btile__short{border-radius:var(--r-round);background:rgb(var(--paper-50-rgb));width:18px;height:18px;box-shadow:0 0 0 1px rgb(var(--paper-400-rgb));place-items:center;display:grid;position:absolute;bottom:3px}.btile__work{left:3px}.btile__work.is-short{box-shadow:0 0 0 2px rgb(var(--nghe-500-rgb))}.btile__need{color:rgb(var(--song-700-rgb));left:3px}.btile__need--luxury{color:rgb(var(--hoaca-500-rgb))}.btile__short{box-shadow:0 0 0 1.5px rgb(var(--chusa-bad-rgb));right:3px}.btile__flag{border-radius:var(--r-round);width:18px;height:18px;box-shadow:0 0 0 1.5px rgb(var(--paper-50-rgb));place-items:center;display:grid;position:absolute;top:-5px;right:0}.btile__flag--hint{background:rgb(var(--ngoc-500-rgb));color:rgb(var(--paper-50-rgb))}.btile__flag--need{background:rgb(var(--chusa-bad-rgb));color:rgb(var(--paper-50-rgb))}.btile--tool .btile__pic{color:var(--text-2)}.btile--up .btile__pic{color:rgb(var(--muc-500-rgb));grid-auto-flow:column;gap:0}.btile--up:disabled{cursor:default}.btile--up:disabled .btile__pic{opacity:.75}.btile__count{border-radius:var(--r-pill);background:var(--lacquer-red);min-width:18px;height:18px;color:rgb(var(--vang-200-rgb));text-align:center;padding:0 4px;font-size:11px;line-height:18px;position:absolute;bottom:2px;right:3px}.bb__scroll{z-index:2;--orb:max(30px, var(--tap));position:absolute;top:22px}.bb__scroll--l{left:-18px}.bb__scroll--r{right:-18px}:root[data-input=gamepad] .bb__scroll{display:none}.bb__tools{gap:10px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.bb__tool{display:block}.bb__tools .orb{--orb:max(36px, var(--tap))}.build-menu--intro .bb__body{padding-top:10px}.tooltip--card:has(>.bcard){width:290px;box-shadow:none;background:0 0;border:0;padding:0}.bcard{--framed:1;border:3px solid rgb(var(--son-frame-rgb));background:var(--orn-corners), var(--paper);background-blend-mode:var(--orn-corners-blend), normal;box-shadow:var(--frame-rings), 0 0 0 1px rgb(var(--then-900-rgb)), var(--shadow-panel);color:var(--text);border-radius:10px;padding:12px 14px;font-size:12.5px;position:relative}.bcard__head{align-items:center;gap:10px;display:flex}.bcard__pic{width:56px;height:50px;color:var(--text-2);flex:none;place-items:center;display:grid}.bcard__pic.is-locked{filter:grayscale(.9);opacity:.6}.bcard__pic--up{grid-auto-flow:column;gap:2px;width:auto}.bcard__titles{flex:1;min-width:0}.bcard__title{color:var(--title);font:700 18px/1.15 var(--font-title);margin:0}.bcard__what{color:var(--text-2);margin:2px 0 0;font-size:12.5px;line-height:1.35}.bcard__key{align-self:flex-start}.bcard__desc{color:var(--text-2);margin:8px 0 0;line-height:1.4}.bcard__label{border-top:1px solid rgb(var(--paper-400-rgb));color:var(--text-2);justify-content:space-between;align-items:center;gap:8px;margin:8px 0 4px;padding-top:6px;font-size:12px;font-weight:700;display:flex}.bcard__note{color:var(--text-muted);align-items:center;gap:3px;font-weight:600;display:inline-flex}.bcard__costs{gap:3px;display:grid}.bcard__cost{align-items:center;gap:6px;font-size:13px;display:flex}.bcard__cost b{text-align:right;min-width:42px}.bcard__cost.is-short{color:var(--bad)}.bcard__facts{color:var(--text-2);flex-wrap:wrap;gap:4px 12px;margin-top:8px;font-size:12px;display:flex}.bcard__facts>span{align-items:center;gap:4px;display:inline-flex}.bcard__facts .is-warn{color:var(--warn)}.bcard__lines{color:var(--text-2);gap:4px;margin:8px 0 0;padding:0;font-size:12px;list-style:none;display:grid}.bcard__lines li{align-items:flex-start;gap:6px;display:flex}.bcard__lines li>.icon:first-child{margin-top:2px}.bcard__flags{gap:4px;margin-top:8px;display:grid}.bcard__flag{border-radius:7px;align-items:flex-start;gap:6px;margin:0;padding:5px 8px;font-size:12px;font-weight:600;display:flex}.bcard__flag--hint{background:rgba(var(--ngoc-500-rgb), .12);color:rgb(var(--ngoc-700-rgb))}.bcard__flag--need{background:rgba(var(--chusa-bad-rgb), .1);color:var(--bad)}.bcard__flag--work{background:rgba(var(--nghe-500-rgb), .14);color:var(--warn)}.bcard__alert{border-radius:7px;gap:5px;margin:8px 0 0;padding:6px 8px;font-size:12px;font-weight:600;display:grid}.bcard__alert--lock{background:rgba(var(--nghe-500-rgb), .14);color:var(--warn)}.bcard__alert--short{background:rgba(var(--chusa-bad-rgb), .1);color:var(--bad);align-items:center;gap:6px;display:flex}.bcard__unlock{align-items:center;gap:5px;display:flex}.bcard__unlock-num{align-items:center;gap:3px;margin-left:auto;display:inline-flex}.bcard__foot{color:var(--title);align-items:center;gap:6px;margin-top:8px;font-size:12px;font-weight:600;display:flex}@media (prefers-reduced-motion:reduce){.btile__pic,.btab,.chain{transition:none}.btile:hover:not(:disabled) .btile__pic,.btile:focus-visible .btile__pic{transform:none}}.rcard .info-section{border-top:1px solid rgba(var(--paper-400-rgb), .45);gap:8px;margin:10px 0 0;padding-top:10px;display:grid}.rcard__owner,.rcard__tier,.rcard__island{vertical-align:middle;align-items:center;gap:4px;display:inline-flex}.rcard__owner{color:var(--text-2);font-weight:600}.residence__mood .hchip{font-size:var(--fs-md);background:0 0;border:0;align-items:baseline;gap:4px;padding:0;font-weight:600;display:inline-flex}.residence__mood .hchip__level{font-weight:600}.residence__income{font-size:15px}.residence .needs__group:first-of-type .lrule{margin-top:14px}.needs__warn{margin-bottom:4px;font-weight:600}.residence__max{color:var(--text-muted)}.upgrade{border-radius:var(--r-11);background:rgba(var(--paper-50-rgb), .75);box-shadow:inset 0 0 0 1px rgb(var(--paper-300-rgb));margin-top:14px;padding:10px}.upgrade.is-ready{box-shadow:inset 0 0 0 1px rgb(var(--la-ring-rgb)), 0 0 0 2px rgba(var(--la-ring-rgb), .18)}.upgrade__head{font-size:var(--fs-md);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.upgrade__head .icon--tier{background:radial-gradient(circle at 50% 35%, rgb(var(--paper-50-rgb)), rgb(var(--paper-300-rgb)));box-shadow:0 0 0 1.5px rgb(var(--vang-500-rgb)), 0 0 0 2.5px rgb(var(--then-900-rgb));border-radius:50%}.upgrade__head .lglyph{color:var(--text-muted)}.upgrade__head b{color:var(--title);font-family:var(--font-title);margin-left:2px;font-size:15px}.upgrade__rules{font-size:var(--fs-sm);gap:3px;margin:8px 0;padding:0;list-style:none;display:grid}.upgrade__rules li{align-items:center;gap:6px;display:flex}.upgrade__rules .ok{color:var(--good)}.upgrade__rules .no{color:var(--bad)}.upgrade__foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.upgrade__rules+.upgrade__foot{margin-top:0}.upgrade__btns{gap:6px;margin-left:auto;display:inline-flex}.prodtop{align-items:center;gap:12px;margin:4px 0 10px;display:flex}.pring{cursor:default;flex:none;place-items:center;width:70px;height:70px;display:grid;position:relative}.pring .lring__fil{stroke:rgb(var(--nghe-ui-rgb))}.pring--good .lring__fil{stroke:rgb(var(--la-ui-rgb))}.pring--bad .lring__trk{stroke:rgba(var(--chusa-bad-rgb), .45)}.pring__n{font-size:19px;position:relative}.pring__n small{font-size:var(--fs-xs)}.prodtop__t{flex:1;gap:4px;min-width:0;display:grid}.pstatus{border-radius:var(--r-11);max-width:100%;font-size:var(--fs-md);justify-self:start;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.pstatus b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pstatus--ok{background:rgba(var(--la-ui-rgb), .12);box-shadow:inset 3px 0 0 rgb(var(--la-ui-rgb));color:var(--good)}.pstatus--warn{background:rgba(var(--nghe-500-rgb), .14);box-shadow:inset 3px 0 0 rgb(var(--nghe-500-rgb));color:var(--warn)}.pstatus--paused{background:rgba(var(--muc-400-rgb), .16);box-shadow:inset 3px 0 0 rgb(var(--muc-400-rgb));color:var(--text-2)}.prodtop__rate{color:var(--text-2);font-size:var(--fs-xs)}.cycle{align-items:center;gap:6px;display:flex}.cycle .lbar{flex:1}.cycle .num{color:var(--text-muted);font-size:var(--fs-xs);white-space:nowrap}.production.is-paused .pring,.production.is-paused .flow2{opacity:.7}.flow2{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:6px;margin-bottom:8px;display:grid}.flow2:has(>:only-child){grid-template-columns:minmax(0,1fr)}.flow2__col{gap:6px;min-width:0;display:grid}.flow2__col>small{color:var(--text-muted);font-size:var(--fs-xs);letter-spacing:.05em;text-transform:uppercase;font-weight:700}.flow2__arrow{color:rgb(var(--muc-500-rgb));margin-top:18px}.buf{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:4px;padding:4px 30px 4px 4px;display:flex;position:relative}.buf.is-empty{box-shadow:inset 0 0 0 1px rgba(var(--chusa-bad-rgb), .45)}.buf__tip{flex:1;align-items:center;gap:6px;min-width:0;display:flex;position:relative}.buf__icon{flex:none;place-items:center;font-size:34px;display:grid}.buf__icon .icon,.src__img .icon,.nring__icon .icon{font-size:inherit}.buf__t{min-width:0;font-size:var(--fs-xs);line-height:1.25;display:grid}.buf__t b{font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.buf__pips{align-items:center;gap:2px;display:flex}.buf__pips i{background:rgba(var(--muc-900-rgb), .16);border-radius:1.5px;width:8px;height:6px}.buf__pips i.on{background:rgb(var(--la-ui-rgb))}.buf.is-empty .buf__pips i{background:rgba(var(--chusa-bad-rgb), .25)}.buf__pips .num{color:var(--text-muted);font-size:var(--fs-xs);margin-left:4px}.buf__flag{width:18px;height:18px;top:-6px;left:22px;right:auto}.buf__pin{position:absolute;top:50%;right:3px;transform:translateY(-50%)}.buf__pin .lpin{width:24px;height:24px}:root[data-input=touch] .buf{padding-right:4px}:root[data-input=touch] .buf__pin{position:static;transform:none}:root[data-input=touch] .buf__pin .lpin{width:44px;height:44px}.modules{margin:4px 0 2px}.modules__hint{margin-top:6px}.modules__btns{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.modules__btns .btn{flex:auto}.btn__aside{opacity:.85;font-size:var(--fs-xs);align-items:center;gap:2px;margin-left:2px;display:inline-flex}.src{min-height:38px;font-size:var(--fs-md);align-items:center;gap:8px;display:flex}.src__img{flex:none;place-items:center;width:34px;height:34px;font-size:30px;display:grid}.src__t{flex:1;min-width:0}.src>:last-child{font-size:var(--fs-sm);font-weight:600}.src__add,.facts{margin-top:4px}.facts .lrow:last-child{border-bottom:0}.lglyph--inline{vertical-align:-1px;display:inline-block}.move-tip{flex:auto}.rcard__foot .btn .keycap,.rcard__foot .btn .hotkey-keys{margin-left:2px}.rcard__foot .demolish-btn:not(.is-armed){border-color:var(--panel-line);color:var(--text)}.rcard__foot .demolish-btn:not(.is-armed) .lglyph{color:var(--bad)}.rcard__foot .btn kbd{margin-left:2px}.chat{max-height:min(340px,100%)}.chat__log{scrollbar-width:thin;-webkit-user-select:text;user-select:text;flex:auto;align-content:start;gap:5px;min-height:48px;margin:0;padding:2px 14px 8px;font-size:13px;line-height:1.35;display:grid;overflow-y:auto}.chat__line{overflow-wrap:anywhere;margin:0}.chat__line.is-sys .chat__text{color:var(--info);font-style:italic}.chat__name{color:var(--title);margin-right:5px;font-weight:700}.chat__text{color:var(--text)}.chat__empty{color:var(--text-muted);margin:4px 0;font-size:12.5px;font-style:italic}.chat__row{flex:none;gap:6px;padding:6px 10px 10px;display:flex}.chat__input{min-width:0;min-height:max(34px, var(--tap));border:1px solid rgb(var(--paper-400-rgb));background:rgb(var(--paper-50-rgb));color:var(--text);font:inherit;border-radius:7px;flex:1;padding:0 10px;font-size:13px}.chat__input::placeholder{color:var(--text-muted)}.chat__input:focus{border-color:rgb(var(--ngoc-500-rgb));outline:2px solid rgba(var(--ngoc-500-rgb), .35);outline-offset:0}.chat__send{--orb:max(34px, var(--tap))}.chat--docked{flex-direction:column;min-height:0;display:flex}.chat--docked .chat__log{padding:0 2px 8px}.chat--docked .chat__row{padding:10px 0 0}.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}.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}.rcard__sep{color:var(--text-faint);margin:0 5px}.ship-panel .rcard__title .ship-name{align-items:center;gap:6px;max-width:100%;display:inline-flex}.ship-panel .shipst{gap:4px;margin:2px 0 4px;display:grid}.ship-panel .shipst__line{border-radius:var(--r-11);background:rgba(var(--paper-50-rgb), .7);box-shadow:inset 0 0 0 1px rgba(var(--paper-400-rgb), .45);color:var(--text);font-size:var(--fs-sm);align-items:flex-start;gap:7px;margin:0;padding:6px 10px;font-weight:600;line-height:1.35;display:flex}.ship-panel .shipst__line>.lglyph,.ship-panel .shipst__line>.icon{color:var(--info);flex:none;margin-top:1px}.ship-panel .shipst__line.ship-status--sailing,.ship-panel .shipst__line.ship-status--route{background:rgba(var(--song-500-rgb), .1);color:var(--info)}.ship-panel .shipst__line.is-warn{background:rgba(var(--nghe-500-rgb), .12);box-shadow:inset 3px 0 0 rgb(var(--nghe-500-rgb));color:var(--warn)}.ship-panel .shipst__line.is-warn>.lglyph{color:var(--warn)}.voy{border-radius:var(--r-11);background:rgba(var(--song-500-rgb), .14);color:var(--info);font-size:var(--fs-sm);grid-template-rows:auto auto;grid-template-columns:auto minmax(24px,1fr) auto;align-items:center;gap:2px 8px;padding:8px 10px;font-weight:600;display:grid}.voy__from,.voy__to{text-overflow:ellipsis;white-space:nowrap;max-width:9.5em;overflow:hidden}.voy__line{border-top:2px dashed rgb(var(--song-500-rgb));height:2px;position:relative}.voy__line i{color:rgb(var(--song-700-rgb));transition:left var(--med) var(--ease);position:absolute;top:-13px;transform:translate(-50%)}.voy__left{font-size:var(--fs-sm);grid-column:1/-1;justify-content:center;align-items:center;gap:6px;display:inline-flex}.voy--crossing{background:rgba(var(--ngoc-300-rgb), .16);color:rgb(var(--ngoc-700-rgb))}.voy--crossing .voy__line{border-top-color:rgb(var(--ngoc-500-rgb))}.voy--charter{background:rgba(var(--hoaca-500-rgb), .1);color:rgb(var(--hoaca-text-rgb))}.voy--charter .voy__line{border-top-color:rgb(var(--hoaca-500-rgb))}.cargo{grid-template-columns:repeat(var(--cargo-n,4), minmax(0, 1fr));gap:6px;display:grid}.crate{border:1px solid rgb(var(--paper-400-rgb));border-radius:var(--r-11);background:linear-gradient(180deg, rgb(var(--paper-50-rgb)), rgb(var(--paper-200-rgb)));min-width:0;min-height:70px;font-size:var(--fs-sm);cursor:default;align-content:center;justify-items:center;gap:2px;padding:6px 4px;display:grid;position:relative}.crate__icon{place-items:center;font-size:32px;display:grid}.crate__icon .icon{font-size:inherit}.crate__n small{color:var(--text-muted);font-size:var(--fs-xs)}.crate__bar{width:80%;height:3px}.crate.is-empty{color:rgb(var(--muc-400-rgb));background:0 0;border-style:dashed}.crate.is-empty small{font-size:var(--fs-xs)}.cargo--compact{grid-template-columns:repeat(var(--cargo-n,4), minmax(0, 40px));gap:4px}.cargo--compact .crate{border-radius:var(--r-md);height:40px;min-height:0;font-size:var(--fs-xs);padding:2px;line-height:1}.cargo--compact .crate__icon{font-size:18px}.ship-panel .rsum{margin:0;padding:0;list-style:none;display:grid}.rsum__stop{grid-template-columns:30px minmax(0,1fr);gap:8px;padding:0 0 12px;display:grid;position:relative}.rsum__stop+.rsum__stop:before{content:"";border-left:2px dotted rgb(var(--song-500-rgb));height:14px;position:absolute;top:-12px;left:14px}.rsum__dot{background:rgb(var(--paper-50-rgb));width:30px;height:30px;box-shadow:inset 0 0 0 1.5px rgb(var(--song-500-rgb));color:rgb(var(--song-700-rgb));font:700 var(--fs-md) / 1 var(--font-num);border-radius:50%;flex:none;place-items:center;display:grid}.rsum__stop.is-next .rsum__dot{background:rgb(var(--song-500-rgb));box-shadow:0 0 0 3px rgba(var(--song-500-rgb), .3);color:rgb(var(--paper-50-rgb))}.rsum__stop.is-skipped .rsum__t b{opacity:.6;text-decoration:line-through}.rsum__t{min-width:0;font-size:var(--fs-md);flex-wrap:wrap;align-items:baseline;gap:0 6px;padding-top:5px;display:flex}.rsum__t b{overflow-wrap:anywhere;min-width:0}.rsum__now{color:var(--info);font-weight:700}.rsum__skip{font-weight:600}.rsum__acts{flex-wrap:wrap;flex-basis:100%;gap:4px;margin-top:4px;display:flex}.ract-chip{border-radius:var(--r-pill);background:rgb(var(--paper-50-rgb));height:26px;box-shadow:inset 0 0 0 1px rgb(var(--paper-400-rgb));font-size:var(--fs-sm);cursor:default;align-items:center;gap:2px;padding:0 7px 0 4px;display:inline-flex}.ract-chip .icon{font-size:18px}.ract-chip>.lglyph{color:var(--text-2)}.ract-chip--sell>.lglyph,.ract-chip--unload>.lglyph{color:rgb(var(--la-ui-rgb))}.ract-chip--buy>.lglyph{color:var(--info)}.rsum__none{margin:6px 0 10px}.ship-route__actions{flex-wrap:wrap;gap:6px;display:flex}.ship-route__hint{margin-top:8px}.ship-panel .ship-across,.ship-panel .ship-expedition{margin-top:12px}.ship-panel .expedition-why{margin-top:4px}.ship-panel .ship-first{margin-top:12px}.ship-panel .rcard__foot .btn{flex:auto;padding-left:10px;padding-right:10px}.ship-panel .rcard__foot .ship-card__settle{flex-basis:100%}.ship-panel .charter-info{gap:8px;display:grid}.ship-panel .charter-info__carries{align-items:center;gap:6px;font-weight:600;display:inline-flex}.ship-panel .charter-info .lrule,.ship-panel .charter-info .lrule__t{color:rgb(var(--hoaca-text-rgb))}.ship-panel__yours--guild,.charter-tag{color:rgb(var(--hoaca-text-rgb));font-weight:600}.ship-name{align-items:center;gap:6px;min-width:0;display:inline-flex}.ship-name__text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ship-name__edit{width:max(24px, var(--tap,0px));height:max(24px, var(--tap,0px));color:var(--text-muted);cursor:pointer;transition:background var(--fast) var(--ease), color var(--fast) var(--ease);background:0 0;border:1px solid #0000;border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid}.ship-name__edit:hover,.ship-name__edit:focus-visible{border-color:rgb(var(--paper-400-rgb));background:rgb(var(--paper-50-rgb));color:var(--title)}.ship-name__edit:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.input.ship-name__input{width:100%;min-width:0;height:32px;font:700 var(--fs-lg) var(--font-title);padding:0 8px}.ship-panel .ship-transfer,.ship-panel .ship-trade{margin-top:4px;scroll-margin:8px}.ship-panel .xfer{gap:2px;display:grid}.ship-panel .xfer__head,.ship-panel .xfer__row{grid-template-columns:minmax(0,1fr) auto 3.5em;align-items:center;gap:6px;display:grid}.ship-panel .xfer__head{color:var(--text-muted);font-size:var(--fs-xs);padding:0 2px 2px;font-weight:700}.ship-panel .xfer__label{align-items:center;gap:4px;display:inline-flex}.ship-panel .xfer__label--ship{grid-column:3;justify-content:flex-end}.ship-panel .xfer__row{border-bottom:1px solid rgba(var(--paper-400-rgb), .35);min-height:38px;padding:2px}.ship-panel .xfer__good{align-items:center;gap:6px;min-width:0;display:inline-flex}.ship-panel .xfer__good .icon{font-size:24px}.ship-panel .xfer__btns{gap:3px;display:inline-flex}.ship-panel .xfer__ship{text-align:right}.xfer__btn{min-width:max(30px, var(--tap,0px));height:max(28px, var(--tap,0px));border:1px solid rgb(var(--paper-400-rgb));border-radius:var(--r-sm);background:linear-gradient(180deg, rgb(var(--paper-50-rgb)), rgb(var(--paper-200-rgb)));box-shadow:var(--paper-glint);color:var(--text);font:600 var(--fs-sm) var(--font-num);cursor:pointer;transition:border-color var(--fast) var(--ease), transform var(--fast) var(--ease);justify-content:center;align-items:center;gap:3px;padding:0 6px;display:inline-flex}.xfer__btn:hover:not(:disabled){border-color:rgb(var(--son-400-rgb));color:var(--title)}.xfer__btn:active:not(:disabled){transform:translateY(1px)}.xfer__btn:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.xfer__btn:disabled{cursor:not-allowed;opacity:.4}.xfer__btn--wide{font-family:var(--font-ui);padding:0 8px}.xfer__n{color:var(--title);font-size:var(--fs-xs);margin-left:3px}.ship-panel .xfer__everything{margin-top:8px}.ship-panel .trade__subtitle{color:var(--text-2);font-size:var(--fs-sm);align-items:center;gap:6px;margin:10px 0 4px;font-weight:700;display:flex}.ship-panel .trade__gold{color:var(--text);font-family:var(--font-num);font-size:var(--fs-sm);align-items:center;display:inline-flex}.ship-panel .lrule__aside{align-items:center;gap:8px;display:inline-flex}.ship-panel .trade__list{gap:2px;display:grid}.ship-panel .trade__row{border-bottom:1px solid rgba(var(--paper-400-rgb), .35);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;min-height:40px;padding:2px 4px;display:grid}.ship-panel .trade__row.has-request{border-radius:var(--r-sm);background:rgba(var(--hoaca-500-rgb), .1);box-shadow:inset 3px 0 0 rgb(var(--hoaca-500-rgb))}.ship-panel .trade__row.is-out .trade__good{opacity:.55}.ship-panel .trade__good{align-items:center;gap:6px;min-width:0;display:inline-flex}.ship-panel .trade__good .icon{font-size:24px}.ship-panel .trade__aboard{color:var(--text-2);font-size:var(--fs-sm)}.ship-panel .trade__price{font-size:var(--fs-sm);justify-items:end;gap:1px;line-height:1.15;display:grid}.ship-panel .trade__left{color:var(--text-muted);font-size:var(--fs-xs);align-items:center;gap:2px;display:inline-flex}.ship-panel .trade__left.neg{color:var(--bad)}.ship-panel .trade__request{color:rgb(var(--hoaca-text-rgb));font-weight:700}.ship-panel .trade__btns{gap:3px;display:inline-flex}.shipyard-info .yard__status--ok{color:var(--info)}.shipyard-info .yard__status--idle{color:var(--good)}.shipyard-info :is(.yard__status--noRoad,.yard__status--noWorkers,.yard__status--noDock,.yard__status--noPower){color:var(--warn)}.shipyard-info .yard__foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.shipyard-info .yard__why{margin-top:4px}.fleet-panel{top:var(--hud-gap);left:var(--stage-l,var(--hud-gap));z-index:5;width:var(--fleet-w);max-width:calc(100% - 2 * var(--hud-gap));max-height:var(--stage-h,calc(100% - var(--hud-gap) - var(--fleet-reserve,266px)));animation:fleet-in var(--med) var(--ease);flex-direction:column;display:flex;position:absolute;overflow:hidden}@keyframes fleet-in{0%{opacity:0;transform:translate(-10px)}}.fleet-panel__key{flex:none}.fleet-panel__body{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:0;padding:0 14px 14px;overflow:auto}.fleet-panel .lrule:first-child{margin-top:10px}.fleet-panel .fleet-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.fleet-panel .fleet-ship,.fleet-panel .yard{border:1px solid rgb(var(--paper-300-rgb));border-radius:var(--r-11);background:rgba(var(--paper-50-rgb), .82);transition:border-color var(--fast) var(--ease), box-shadow var(--fast) var(--ease);gap:6px;padding:8px 10px;display:grid}.fleet-panel .fleet-yard{list-style:none}.fleet-panel .fleet-ship:hover,.fleet-panel .yard:hover{border-color:rgb(var(--paper-400-rgb))}.fleet-panel .fleet-ship.is-selected{border-color:rgb(var(--son-400-rgb));box-shadow:inset 0 0 0 1px rgb(var(--son-400-rgb))}.fleet-panel .fleet-ship.is-crossing{border-color:rgba(var(--ngoc-300-rgb), .7);background:rgba(var(--ngoc-300-rgb), .1)}.fleet-panel .fleet-charter{border-left:3px solid rgb(var(--hoaca-500-rgb))}.fleet-panel :is(.fleet-ship__head,.yard__head){align-items:center;gap:10px;min-width:0;display:flex}.fleet-panel .fleet-ship__icon{background:radial-gradient(circle at 50% 35%, rgb(var(--paper-50-rgb)), rgb(var(--paper-300-rgb)));width:40px;height:40px;box-shadow:0 0 0 1.5px rgb(var(--vang-500-rgb)), 0 0 0 3px rgb(var(--son-frame-rgb));color:rgb(var(--song-700-rgb));border-radius:50%;flex:none;place-items:center;font-size:24px;display:grid}.fleet-panel .fleet-ship__icon--guild{color:rgb(var(--hoaca-text-rgb))}.fleet-panel .fleet-ship__t{flex:1;gap:2px;min-width:0;display:grid}.fleet-panel .fleet-ship__name-row{align-items:center;gap:6px;min-width:0;display:flex}.fleet-panel :is(.fleet-ship__name,.yard__name){min-width:0;color:var(--title);font:700 var(--fs-lg) / 1.2 var(--font-title);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fleet-panel .yard__name{text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.fleet-panel button.yard__name:hover{text-decoration:underline}.fleet-panel .fleet-ship__region{border-radius:var(--r-pill);background:rgba(var(--ngoc-300-rgb), .2);color:rgb(var(--ngoc-700-rgb));font-size:var(--fs-xs);flex:none;padding:0 6px;font-weight:700}.fleet-panel .fleet-ship__line{color:var(--text-2);font-size:var(--fs-sm);align-items:flex-start;gap:5px;margin:0;line-height:1.3;display:flex}.fleet-panel .fleet-ship__line>.lglyph{color:var(--info);flex:none;margin-top:1px}.fleet-panel .fleet-ship__line.is-warn,.fleet-panel .fleet-ship__line.is-warn>.lglyph{color:var(--warn)}.fleet-panel .fleet-ship__select{flex:none}.fleet-panel :is(.fleet-ship__foot,.yard__foot){flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.fleet-panel .fleet-ship__actions{align-items:center;gap:6px;margin-left:auto;display:inline-flex}.fleet-panel .fleet-ship__clear{--orb:max(28px, var(--tap,0px))}.fleet-panel .yard__status{color:var(--text-2);font-size:var(--fs-sm);font-weight:600}.fleet-panel .yard__status--ok{color:var(--info)}.fleet-panel :is(.yard__status--noRoad,.yard__status--noWorkers,.yard__status--noDock,.yard__status--noPower){color:var(--warn)}.fleet-panel .yard__progress{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.fleet-panel .yard__eta{color:var(--text-2);font-size:var(--fs-xs)}.fleet-panel .fleet-voyage{gap:4px;margin-top:2px;display:grid}.fleet-panel .fleet-voyage__line{color:rgb(var(--ngoc-700-rgb));font-size:var(--fs-sm);flex-wrap:wrap;align-items:center;gap:2px 5px;font-weight:600;display:flex}.fleet-panel .fleet-voyage__eta{color:var(--text);white-space:nowrap;margin-left:auto}.fleet-panel .fleet-charter__route{color:var(--text-2);font-size:var(--fs-sm);flex-wrap:wrap;align-items:center;gap:4px;font-weight:600;display:flex}.fleet-panel .fleet-charter__good{align-items:center;gap:2px;margin-left:4px;display:inline-flex}.fleet-panel .fleet-charter__fee{font-size:var(--fs-xs)}.fleet-panel .fleet-panel__charter{margin-top:8px}.fleet-panel .lempty{margin:8px 0}.route-editor{width:min(660px,100%);max-height:min(88vh,780px);box-shadow:var(--frame-rings), var(--shadow-pop);animation:route-in var(--med) var(--ease);flex-direction:column;display:flex;overflow:hidden;container:route/inline-size}@keyframes route-in{0%{opacity:0;transform:translateY(8px)scale(.99)}}.route-editor .ledger__sub{align-items:center;gap:6px;display:flex}.route-editor__body{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:0;padding:10px 16px 14px;overflow:auto}.route-editor .route-editor__stops{gap:10px;margin:0 0 10px;padding:0;list-style:none;display:grid}.route-editor .route-stop{border:1px solid rgb(var(--paper-400-rgb));border-radius:var(--r-2xl);background:rgba(var(--paper-50-rgb), .85);padding:10px;position:relative}.route-editor .route-stop.is-trader{border-color:rgba(var(--hoaca-500-rgb), .55)}.route-editor .route-stop.is-foreign{border-left:4px solid rgb(var(--song-500-rgb))}.route-editor .route-stop.is-bad{border-color:var(--bad);box-shadow:inset 0 0 0 1px rgba(var(--chusa-bad-rgb), .3)}.route-editor .route-stop__head{align-items:center;gap:8px;margin-bottom:6px;display:flex}.route-editor .route-stop.is-trader .rsum__dot{box-shadow:inset 0 0 0 1.5px rgb(var(--hoaca-500-rgb));color:rgb(var(--hoaca-text-rgb))}.route-editor .input.route-stop__at{min-width:0;height:max(34px, var(--tap,0px));color:var(--text);font:700 var(--fs-md) var(--font-ui);text-overflow:ellipsis;cursor:pointer;background:0 0;border-color:#0000;flex:1;padding:0 8px}.route-editor .input.route-stop__at:hover,.route-editor .input.route-stop__at:focus{border-color:rgb(var(--paper-400-rgb));background:rgb(var(--paper-50-rgb))}.route-editor .route-stop__berths{color:var(--text-muted);font-size:var(--fs-sm);white-space:nowrap;cursor:help;flex:none;align-items:center;gap:4px;display:inline-flex}.route-editor .route-stop__tools{flex:none;gap:4px;display:inline-flex}.route-editor .route-stop__tools .lorb,.route-editor .route-action__remove{--orb:max(28px, var(--tap,0px))}.route-editor .lorb:disabled{cursor:default;opacity:.35}.route-editor .lglyph.is-up{transform:rotate(180deg)}.route-editor .route-stop__meta{font-size:var(--fs-sm);flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0 0 4px;padding:0;display:flex}.route-editor .route-stop__offers{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.route-editor .route-stop__offer{border-radius:var(--r-pill);background:rgb(var(--paper-50-rgb));height:24px;box-shadow:inset 0 0 0 1px rgb(var(--paper-400-rgb));color:var(--text);align-items:center;gap:3px;padding:0 7px 0 4px;display:inline-flex}.route-editor .route-stop__flag{min-height:max(28px, var(--tap,0px));border-radius:var(--r-pill);color:var(--text-2);cursor:pointer;transition:background var(--fast) var(--ease);align-items:center;gap:4px;margin:0;padding:0 8px 0 4px;font-weight:600;display:inline-flex}.route-editor .route-stop__flag:first-of-type{margin-left:auto}.route-editor .route-stop__flag:hover{background:rgba(var(--paper-300-rgb), .5)}.route-editor .route-stop__flag.is-idle{opacity:.55}.route-editor .route-stop__flag input{accent-color:rgb(var(--son-400-rgb));margin:0 2px 0 0}.route-editor .route-stop__err{font-size:var(--fs-sm);margin:2px 0 6px;font-weight:600}.route-editor .route-stop__actions{margin:0;padding:0;list-style:none;display:grid}.route-editor .route-stop__none{border-top:1px dashed rgb(var(--paper-400-rgb));min-height:38px;color:var(--text-muted);font-size:var(--fs-sm);align-items:center;gap:6px;display:flex}.route-editor .route-action{min-height:max(42px, var(--tap,0px));border-top:1px dashed rgb(var(--paper-400-rgb));font-size:var(--fs-sm);flex-wrap:wrap;align-items:center;gap:6px 8px;padding:4px 0;display:flex}.route-editor .route-action .good-picker{flex:140px;min-width:0}.route-editor .route-action .good-picker__btn{width:100%;min-width:0;height:max(32px, var(--tap,0px));font-size:var(--fs-md);background:0 0;border-color:#0000}.route-editor .route-action .good-picker__btn:hover,.route-editor .route-action .good-picker__btn.is-open{border-color:rgb(var(--paper-400-rgb));background:rgb(var(--paper-50-rgb))}.route-editor .route-action.is-warn .good-picker__btn{border-color:rgba(var(--nghe-500-rgb), .75)}.route-editor .input.route-action__n,.route-editor .input.route-action__price-n,.route-editor .route-action__keep .min-stock{width:58px;height:max(30px, var(--tap,0px));border:1px solid rgb(var(--paper-400-rgb));border-radius:var(--r-sm);background:rgb(var(--paper-50-rgb));font:600 var(--fs-md) var(--font-num);text-align:center;padding:0 6px}.route-editor .route-action.is-bad .route-action__price-n{border-color:var(--bad)}.route-editor .route-action__price,.route-editor .route-action__keep{color:var(--text-muted);font-size:var(--fs-xs);cursor:help;flex:none;align-items:center;gap:4px;font-weight:600;display:inline-flex}.route-editor .route-action__price-icon{color:var(--text-2);font:700 var(--fs-md) var(--font-num)}.route-editor .route-action__remove{margin-left:auto}.route-editor .route-action__err{font-size:var(--fs-xs);flex-basis:100%;margin:0;font-weight:600}.route-editor .route-stop__foot{font-size:var(--fs-sm);flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:6px;display:flex}.route-editor .route-stop__cross{border-top:1px dashed rgb(var(--ngoc-500-rgb));border-radius:0 0 var(--r-2xl) var(--r-2xl);background:rgba(var(--ngoc-300-rgb), .16);color:rgb(var(--ngoc-700-rgb));font-size:var(--fs-sm);align-items:center;gap:6px;margin:8px -10px -10px;padding:6px 10px;font-weight:600;display:flex}.route-editor .route-editor__add{gap:6px}.route-editor .route-editor__foot{border-top:1px solid rgb(var(--paper-300-rgb));background:rgba(var(--paper-300-rgb), .28);flex-wrap:wrap;flex:none;align-items:center;gap:8px;padding:10px 14px 12px;display:flex}.route-editor .route-editor__msgs{font-size:var(--fs-sm);flex:100%;font-weight:600}.route-editor .route-editor__msgs:not(:has(p:not(.vh))){display:none}.route-editor .route-editor__msgs p{margin:0}.route-editor .route-editor__buttons{flex-wrap:wrap;flex:1;align-items:center;gap:8px;display:flex}.route-editor__spacer{flex:1}.route-action__mode{border:1px solid rgb(var(--paper-400-rgb));border-radius:var(--r-7);flex:none;display:inline-flex;overflow:hidden}.route-action__mode-btn{min-width:max(34px, var(--tap,0px));min-height:max(30px, var(--tap,0px));background:rgb(var(--paper-50-rgb));color:var(--text);font-size:var(--fs-sm);cursor:pointer;transition:background var(--fast) var(--ease), color var(--fast) var(--ease);border:0;padding:0 9px;font-weight:600}.route-action__mode-btn+.route-action__mode-btn{border-left:1px solid rgb(var(--paper-400-rgb))}.route-action__mode-btn:hover:not(.is-active):not(:disabled){background:rgb(var(--paper-200-rgb))}.route-action__mode-btn.is-active{background:var(--lacquer-red);color:rgb(var(--paper-50-rgb))}.route-action__mode-btn:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}@container route (width<=520px){.route-editor .route-stop__head{flex-wrap:wrap}.route-editor .input.route-stop__at{flex:calc(100% - 46px)}.route-editor .route-stop__berths{margin-left:38px}.route-editor .route-stop__tools{margin-left:auto}.route-editor .route-stop__flag:first-of-type{margin-left:0}}.charter-form .charter-form__body,.expedition-form .expedition-form__body{gap:10px;max-width:none;display:grid}.charter-form .charter-form__legs{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:8px;display:grid}.charter-form .charter-form__arrow{color:rgb(var(--muc-500-rgb));padding-bottom:8px}.charter-form .charter-form__field{gap:4px;min-width:0;display:grid}.charter-form .charter-form__field .input{width:100%;min-width:0;height:max(36px, var(--tap,0px));border:1px solid rgb(var(--paper-400-rgb));background:rgb(var(--paper-50-rgb));font-size:var(--fs-md);padding:0 8px;font-weight:600}.charter-form .charter-form__label{color:var(--text-2);font-size:var(--fs-sm);font-weight:700;display:block}.charter-form .charter-form__row{grid-template-columns:minmax(0,1fr) 150px;align-items:end;gap:10px;display:grid}.charter-form .charter-form__row .good-picker__btn{width:100%;height:max(36px, var(--tap,0px))}.charter-form .input.charter-form__n{font-family:var(--font-num);text-align:right}.charter-form .input.charter-form__n.is-bad{border-color:var(--bad)}.charter-form .charter-form__note{justify-content:flex-start;align-items:flex-start;margin:0;display:flex}.charter-form .charter-form__problem{font-size:var(--fs-sm);margin:0;font-weight:600}.charter-form .charter-form__foot,.expedition-form .expedition-form__foot{flex-wrap:wrap;align-items:center;gap:8px;width:100%;display:flex}.charter-form .charter-form__fee{font-size:var(--fs-sm);align-items:center;gap:5px;font-weight:700;display:inline-flex}.expedition-form .expedition-form__text{margin:0;line-height:1.45}.expedition-form .lrule{margin-bottom:0}.expedition-form .lhint{margin:0}.expedition-form .expedition-form__hold{border-radius:var(--r-11);background:rgba(var(--paper-50-rgb), .8);box-shadow:inset 0 0 0 1px rgb(var(--paper-300-rgb));align-items:center;gap:8px;margin:0;padding:8px 10px;font-weight:600;display:flex}.expedition-form .expedition-form__hold.is-short{box-shadow:inset 3px 0 0 rgb(var(--nghe-500-rgb)), inset 0 0 0 1px rgba(var(--nghe-500-rgb), .5);color:var(--warn)}.expedition-form .expedition-form__gold{margin-left:auto}.expedition-form .expedition-why{font-size:var(--fs-sm);flex:100%;margin:0;font-weight:600}@media (prefers-reduced-motion:reduce){.fleet-panel,.route-editor{animation:none}.voy__line i{transition:none}}@container sheet (width<=719px){.ship-panel .xfer__head,.ship-panel .xfer__row{grid-template-columns:minmax(0,1fr) auto 3em}.fleet-panel .fleet-ship__select{padding:0 10px}}[data-form=phone] .modal>.route-editor{display:flex}[data-form=phone] .route-editor .route-action{gap:6px}:root[data-input=touch] .cargo:not(.cargo--compact) .crate{min-height:76px}:root[data-input=touch] .fleet-panel__key{display:none}.ship-section__hint{color:var(--text-2);font-size:var(--fs-sm);line-height:1.45}.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}@media (max-width:1360px){.island-sel__btn{max-width:150px}}.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}.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}.status--idle{color:var(--text-2)}.status--noDock{color:var(--bad-soft)}.prices{gap:2px;display:grid}.ship-status--skip{color:var(--warn)}.route-stops__stop.is-skipped{opacity:.55}.charter-info__end{margin-top:4px}.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-panel__key{flex:none;align-items:center;display:inline-flex}.stats-hint{color:var(--text-2)}.stats-hint .lglyph--inline{vertical-align:-1px;display:inline-block}.sparkline{display:block;overflow:visible}.sparkline__cap{stroke:rgba(var(--muc-600-rgb), .55);stroke-dasharray:2 3;stroke-width:1px}.sparkline__area{fill:rgba(var(--song-500-rgb), .16)}.sparkline__line{fill:none;stroke:rgb(var(--song-500-rgb));stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}.sparkline__dot{fill:rgb(var(--song-700-rgb));stroke:rgb(var(--paper-50-rgb));stroke-width:1px}.sparkline--empty{border-bottom:1px dashed rgba(var(--paper-400-rgb), .8)}.sgroup+.sgroup .lrule{margin-top:14px}.sgroup .lrule{margin-top:6px}.sgroup .lrule .icon--tier{font-size:18px}.sgoods{grid-template-columns:repeat(auto-fill,minmax(206px,1fr));grid-auto-flow:dense;gap:8px;display:grid}.sgood{border:1px solid rgb(var(--paper-300-rgb));background:rgba(var(--paper-50-rgb), .8);min-width:0;min-height:58px;color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--fast) var(--ease), box-shadow var(--fast) var(--ease), background var(--fast) var(--ease);border-radius:9px;grid-template-rows:auto auto;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:2px 7px;padding:6px 10px;display:grid}.sgood:hover{border-color:rgb(var(--paper-400-rgb));background:rgba(var(--paper-50-rgb), .97);box-shadow:0 2px 6px rgba(var(--shadow-rgb), .14)}.sgood:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sgood.is-low{border-color:var(--bad)}.sgood.is-open{border-color:rgb(var(--son-400-rgb));box-shadow:inset 0 0 0 1px rgb(var(--son-400-rgb)), 0 2px 6px rgba(var(--shadow-rgb), .16)}.sgood.is-locked{opacity:.62}.sgood.is-locked:hover,.sgood.is-locked.is-open{opacity:.9}.sgood__icon{grid-row:1/3;place-items:center;display:grid}.sgood__t{min-width:0;font-size:var(--fs-md);justify-content:space-between;align-items:baseline;gap:4px;display:flex}.sgood__t b{overflow-wrap:anywhere;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-width:0;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.sgood__lock{color:var(--text-muted);vertical-align:-1px;margin-left:4px;display:inline-grid}.sgood__stock{font-size:var(--fs-md);flex:none}.sgood__spark{grid-area:1/3;display:grid}.sgood__f{color:var(--text-2);font-size:var(--fs-sm);grid-column:2/-1;align-items:center;gap:10px;display:flex}.sgood__f>span{align-items:center;gap:3px;display:inline-flex}.sgood__f>b{margin-left:auto}.sgood__f .lglyph{color:var(--text-muted)}.sdetail{border:1px solid rgb(var(--son-400-rgb));background:rgba(var(--paper-50-rgb), .92);box-shadow:0 3px 10px rgba(var(--shadow-rgb), .16);animation:sdetail-in var(--med) var(--ease);border-radius:10px;grid-column:1/-1;padding:8px 12px 10px}@keyframes sdetail-in{0%{opacity:0;transform:translateY(-4px)}}.sdetail__head{font-size:var(--fs-md);flex-wrap:wrap;align-items:center;gap:4px 10px;display:flex}.sdetail__head>b{color:var(--title);font:700 var(--fs-lg) var(--font-title)}.sdetail__buf{font-size:var(--fs-sm)}.sdetail__close{--orb:max(26px, var(--tap,0px));margin-left:auto}.sdetail__cols{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0 22px;display:grid}.sdetail__cols .lrule{font-size:var(--fs-sm);margin:8px 0 4px}.sflows{gap:2px;margin:0;padding:0;list-style:none;display:grid}.sflow{width:100%;min-height:max(38px, var(--tap,0px));border-radius:var(--r-md);color:var(--text);font:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:2px 6px;display:flex}button.sflow:not(:disabled){cursor:pointer}button.sflow:not(:disabled):hover,button.sflow:focus-visible{background:rgba(var(--paper-300-rgb), .45)}button.sflow:disabled{opacity:.6}.sflow__icon{flex:none;place-items:center;width:28px;display:grid}.sflow__t{flex:1;min-width:0;line-height:1.2;display:grid}.sflow__t b{font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sflow__t small{color:var(--text-muted);font-size:var(--fs-xs)}.sflow__rate{font-size:var(--fs-sm);flex:none}.sdetail__none{color:var(--text-muted);font-size:var(--fs-sm);padding:4px 6px}.sdetail__notes{border-top:1px dashed rgb(var(--paper-400-rgb));gap:4px;margin-top:8px;padding-top:8px;display:grid}.sdetail__note{font-size:var(--fs-sm);align-items:center;gap:6px;margin:0;font-weight:600;display:flex}.blist{gap:0;margin-top:6px;display:grid}.bl{border-bottom:1px solid rgb(var(--paper-300-rgb));min-height:48px;font-size:var(--fs-sm);grid-template-columns:minmax(0,1.25fr) minmax(90px,1fr) auto;align-items:center;gap:10px;padding:2px 4px;display:grid}.bl__show{border-radius:var(--r-md);min-width:0;min-height:44px;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0 4px 0 0;display:flex}.bl__show:hover .bl__t b,.bl__show:focus-visible .bl__t b{color:var(--title);text-decoration:underline;-webkit-text-decoration-color:rgba(var(--chu-500-rgb), .4);text-decoration-color:rgba(var(--chu-500-rgb), .4);text-underline-offset:3px}.bl__show:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.bl__img{flex:none;place-items:center;width:40px;height:36px;display:grid}.bl__t{min-width:0;line-height:1.25;display:grid}.bl__t b{font-size:var(--fs-md);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bl__t small{color:var(--text-muted);font-size:var(--fs-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bl__p{align-items:center;gap:6px;display:flex}.bl__p .lbar{flex:1}.bl__p .num{text-align:right;min-width:3.2em}.bl__idle{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px 8px;min-width:34px;display:flex}.idle-tip,.bl__ok{display:inline-flex}.idle{border-radius:var(--r-pill);min-height:26px;color:var(--warn);font:700 var(--fs-sm) var(--font-ui);cursor:pointer;transition:background var(--fast) var(--ease), border-color var(--fast) var(--ease);background:0 0;border:1px solid #0000;align-items:center;gap:2px;padding:0 6px;display:inline-flex}button.idle:hover,button.idle:focus-visible{border-color:rgba(var(--nghe-ui-rgb), .5);background:rgba(var(--nghe-500-rgb), .12)}.idle--noRoad,.idle--noResource,.idle--noWater{color:var(--bad)}.idle--paused{color:var(--text-muted)}.idle--modules{cursor:default}.fin__cols{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:4px 22px;display:grid}.fin__col .lrule{margin-top:8px}.fin__line{width:100%;min-height:32px;color:var(--text);font:inherit;font-size:var(--fs-sm);text-align:left;background:0 0;border:0;grid-template-columns:minmax(0,1fr) 90px minmax(52px,auto);align-items:center;gap:8px;padding:0;display:grid}.fin__line>b{text-align:right}.fin__line .lbar{height:8px}.fin__line--tier{border-radius:var(--r-md);cursor:pointer;grid-template-columns:minmax(0,1fr) 90px minmax(52px,auto) 14px}.fin__line--tier:hover,.fin__line--tier:focus-visible{background:rgba(var(--paper-300-rgb), .35)}.fin__line--tier:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.fin__line--trade{grid-template-columns:minmax(0,1fr) auto}.fin__chev{color:var(--text-muted);transition:transform var(--fast) var(--ease)}.fin__group.is-open .fin__chev{transform:rotate(180deg)}.fin__l{align-items:center;gap:6px;min-width:0;display:inline-flex}.fin__l>.lglyph{color:var(--text-2)}.fin__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fin__subs{border-left:2px solid rgb(var(--paper-300-rgb));animation:sdetail-in var(--med) var(--ease);gap:1px;margin:0 0 6px 10px;padding:2px 0 2px 12px;display:grid}.fin__sub{min-height:24px;color:var(--text-2);font-size:var(--fs-xs);justify-content:space-between;align-items:center;gap:10px;display:flex}.fin__icon{flex:none;place-items:center;width:16px;display:inline-grid}.fin__none{font-size:var(--fs-sm);margin:6px 0}.fin__total{background:rgba(var(--la-ui-rgb), .12);border-radius:9px;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;font-weight:700;display:flex}.fin__total.is-neg{background:rgba(var(--chusa-bad-rgb), .1)}.fin__total>span{flex:1}.fin__total>b{font-size:19px}.fin__total>b small{font-family:var(--font-num);font-size:var(--fs-md)}.fin__trade-rule{margin-top:14px}.fin__note{margin-top:4px}.popst__island+.popst__island{margin-top:10px}.tcards{gap:8px;margin-top:8px;display:grid}.tcard{border:1px solid rgb(var(--paper-300-rgb));border-left:4px solid var(--tone,rgb(var(--vang-500-rgb)));background:rgba(var(--paper-50-rgb), .8);border-radius:9px;grid-template-columns:44px minmax(0,1fr) minmax(150px,.8fr);align-items:center;gap:6px 12px;padding:8px 12px;display:grid}.tcard__portrait{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 var(--tone,rgb(var(--vang-400-rgb))), 0 0 0 3px rgb(var(--then-900-rgb));border-radius:50%;place-items:center;display:grid;overflow:hidden}.tcard__portrait .icon{font-size:30px}.tcard__t{gap:2px;min-width:0;display:grid}.tcard__t b{color:color-mix(in srgb, var(--tone) 35%, rgb(var(--muc-900-rgb)));font:700 var(--fs-lg) var(--font-title)}.tcard__t small{color:var(--text-2);font-size:var(--fs-sm)}.tcard__t small>*{vertical-align:baseline}.popst__mood{vertical-align:-2px;cursor:default;align-items:center;gap:3px;display:inline-flex}.popst__royal{cursor:default}.tcard__w{font-size:var(--fs-sm);gap:2px;display:grid}.tcard__w small{color:var(--text-muted);font-size:var(--fs-xs)}.tcard.is-locked{opacity:.75;grid-template-columns:44px minmax(0,1fr)}.tcard.is-locked .tcard__portrait .icon{filter:grayscale()}.popst__needs{flex-wrap:wrap;grid-column:2/-1;gap:4px;margin:0;padding:0;list-style:none;display:flex}.popst__need-tip{border-radius:var(--r-pill);background:rgba(var(--paper-50-rgb), .9);min-height:24px;box-shadow:inset 0 0 0 1px rgb(var(--paper-400-rgb));font-size:var(--fs-xs);cursor:default;align-items:center;gap:3px;padding:0 7px 0 4px;display:inline-flex}.popst__need.is-met .popst__need-tip{box-shadow:inset 0 0 0 1.5px rgb(var(--la-ui-rgb));padding:0 4px}.popst__need.is-short .popst__need-tip{box-shadow:inset 0 0 0 1.5px rgb(var(--nghe-500-rgb))}.popst__need.is-luxury.is-met .popst__need-tip{box-shadow:inset 0 0 0 1.5px rgb(var(--hoaca-500-rgb))}.popst__need.is-locked .popst__need-tip{color:var(--text-muted);opacity:.8}.popst__need .tone-good{color:var(--good)}.popst__need .tone-warn{color:var(--warn)}.popst__need .tone-bad{color:var(--bad)}@container ledger (width<=620px){.sgoods{grid-template-columns:minmax(0,1fr)}.bl{grid-template-columns:minmax(0,1fr) auto}.bl__p{display:none}.tcard{grid-template-columns:44px minmax(0,1fr)}.tcard__w,.popst__needs{grid-column:1/-1}.fin__line{grid-template-columns:minmax(0,1fr) 64px minmax(52px,auto)}.fin__line--tier{grid-template-columns:minmax(0,1fr) 64px minmax(52px,auto) 14px}.fin__line--trade{grid-template-columns:minmax(0,1fr) auto}}@media (prefers-reduced-motion:reduce){.sdetail,.fin__subs{animation:none}}.tone-good{color:var(--good)}.tone-warn{color:var(--warn)}.tone-bad{color:var(--bad)}.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}.status--noFertility{color:var(--warn-soft)}.fact.warn{color:var(--warn)}.island-panel{--il-farmer:rgb(var(--la-text-rgb));--il-craftsman:rgb(var(--song-700-rgb));--il-burgher:rgb(var(--nghe-text-rgb));--il-savant:rgb(var(--muc-700-rgb));--il-merchant:rgb(var(--dong-700-rgb));--il-settler:rgb(var(--ngoc-700-rgb));--il-estateWorker:rgb(var(--chu-500-rgb))}.island-panel__key{flex:none;display:inline-flex}[data-form=phone] .sheet .island-panel .ledger__tabs{flex:none;order:0}.il-store__chips{margin-bottom:4px}.il-store__chips b{font-size:var(--fs-md)}.il-store__low{font-weight:600}.il-group .lrule .icon--tier{font-size:18px}.il-jars{grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:8px;display:grid}.il-jar{border:1px solid rgb(var(--paper-300-rgb));background:rgba(var(--paper-50-rgb), .85);min-width:0;min-height:62px;transition:border-color var(--fast) var(--ease), box-shadow var(--fast) var(--ease);border-radius:9px;align-items:stretch;gap:4px;padding:6px 6px 6px 8px;display:flex;position:relative}.il-jar:hover{border-color:rgb(var(--paper-400-rgb));box-shadow:0 2px 6px rgba(var(--shadow-rgb), .12)}.il-jar.is-low{border-color:var(--bad);box-shadow:inset 0 0 0 1px rgba(var(--chusa-bad-rgb), .3)}.il-jar.is-locked{background:rgba(var(--paper-200-rgb), .7)}.il-jar__tip{cursor:default;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.il-jar__icon{flex:none;place-items:center;width:40px;height:40px;font-size:36px;display:grid;position:relative}.il-jar__icon .icon{font-size:inherit}.il-jar__lock{width:17px;height:17px;bottom:-4px;right:-4px}.il-jar.is-locked .il-jar__icon .icon{filter:grayscale(.8)opacity(.6)}.il-jar__t{min-width:0;font-size:var(--fs-sm);flex:1;gap:1px;line-height:1.25;display:grid}.il-jar__name{font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.il-jar__n{font-size:var(--fs-md)}.il-jar__n small{color:var(--text-muted);font-size:var(--fs-xs)}.il-jar__t .lbar{margin:2px 0 1px}.il-jar__meta{flex-wrap:wrap;align-items:baseline;gap:0 8px;display:flex}.il-jar__rate,.il-jar__supply{font-size:var(--fs-xs)}.il-jar__supply{align-items:center;gap:1px;display:inline-flex}.il-jar__side{flex-direction:column;flex:none;justify-content:space-between;align-items:flex-end;gap:4px;display:flex}.il-keep{color:var(--text-muted);align-items:center;gap:2px;display:inline-flex}.il-keep.is-set{color:var(--title)}.min-stock{border:1px dashed rgb(var(--paper-400-rgb));border-radius:var(--r-sm);background:rgba(var(--paper-50-rgb), .6);width:42px;height:22px;color:var(--text);font:600 var(--fs-xs) var(--font-num);font-variant-numeric:lining-nums tabular-nums;text-align:center;appearance:textfield;transition:border-color var(--fast) var(--ease), background var(--fast) var(--ease);padding:0 4px}.min-stock::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.min-stock::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.min-stock::placeholder{color:var(--text-faint)}.min-stock:hover:not(:disabled),.min-stock:focus{border-style:solid;border-color:rgb(var(--son-400-rgb));background:rgb(var(--paper-50-rgb));outline:none}.min-stock:focus-visible{box-shadow:0 0 0 2px var(--focus)}.min-stock.is-set{border-style:solid;border-color:rgb(var(--paper-400-rgb));background:rgb(var(--paper-50-rgb))}.min-stock:disabled{cursor:default;opacity:.8}:root[data-input=touch] .min-stock{width:52px;height:44px;font-size:var(--fs-sm)}@container ledger (width<=520px){.il-jars{grid-template-columns:minmax(0,1fr)}.il-jar__side{flex-direction:row;align-items:center}}.il-tier{border-bottom:1px solid rgb(var(--paper-300-rgb));--tone:var(--title);margin-top:8px;padding-bottom:10px}.il-tier--farmer{--tone:var(--il-farmer)}.il-tier--craftsman{--tone:var(--il-craftsman)}.il-tier--burgher{--tone:var(--il-burgher)}.il-tier--savant{--tone:var(--il-savant)}.il-tier--merchant{--tone:var(--il-merchant)}.il-tier--settler{--tone:var(--il-settler)}.il-tier--estateWorker{--tone:var(--il-estateWorker)}.il-tier__head{color:var(--text-2);font-size:var(--fs-sm);flex-wrap:wrap;align-items:center;gap:4px 14px;margin-bottom:10px;display:flex}.il-tier__portrait{background:radial-gradient(circle at 50% 35%, rgb(var(--paper-50-rgb)), rgb(var(--paper-300-rgb)));width:36px;height:36px;box-shadow:0 0 0 2px var(--tone), 0 0 0 3px rgb(var(--then-900-rgb));border-radius:50%;flex:none;place-items:center;margin-right:-6px;display:grid}.il-tier__name{color:var(--tone);font:700 var(--fs-lg) var(--font-title);margin:0}.il-tier__pop,.il-tier__mood,.il-tier__royal{cursor:default;align-items:center;gap:4px;display:inline-flex}.il-tier__pop .num{font-size:var(--fs-md)}.il-tier__mood,.il-tier__royal.warn{font-weight:600}.il-tier__rings{--ring:52px}.il-needs__note{cursor:default}.il-guild{margin-top:8px}.il-guild__head{align-items:center;gap:12px;display:flex}.il-guild__seal{background:var(--lacquer-red);width:52px;height:52px;color:rgb(var(--vang-300-rgb));box-shadow:inset 0 0 0 2px rgb(var(--vang-500-rgb)), 0 2px 4px rgba(var(--shadow-rgb), .3);border-radius:50%;flex:none;place-items:center;display:grid}.il-guild__t{flex:1;min-width:0;display:grid}.il-guild__t b{color:var(--title);font:700 var(--fs-lg) var(--font-title);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.il-guild__t small{color:var(--text-muted);font-size:var(--fs-xs)}.il-guild__go{flex:none}.il-order{background:rgba(var(--hoaca-500-rgb), .12);box-shadow:inset 0 0 0 1px rgba(var(--hoaca-500-rgb), .4);font-size:var(--fs-sm);cursor:default;border-radius:10px;align-items:center;gap:10px;margin-top:10px;padding:8px 12px;display:flex}.il-order__icon{flex:none;place-items:center;font-size:36px;display:grid}.il-order__icon .icon{font-size:inherit}.il-order__t{flex:1;min-width:0;display:grid}.il-order__t b{color:rgb(var(--hoaca-text-rgb))}.il-order__t small{color:var(--text-2);font-size:var(--fs-xs)}.il-order__can{color:var(--good);font-weight:600}.il-prices{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px;display:grid}.il-price{border:1px solid rgb(var(--paper-300-rgb));background:rgba(var(--paper-50-rgb), .8);font-size:var(--fs-sm);cursor:default;border-radius:8px;grid-template-rows:auto auto;grid-template-columns:30px minmax(0,1fr) auto auto;align-items:center;gap:0 8px;padding:5px 8px;display:grid}.il-price__icon{grid-row:1/3;place-items:center;font-size:28px;display:grid}.il-price__icon .icon{font-size:inherit}.il-price__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.il-price__s,.il-price__b{align-items:center;gap:2px;display:inline-flex}.il-price__s{color:var(--good)}.il-price__b{color:var(--info)}.il-price__stock{color:var(--text-muted);font-size:var(--fs-xs);grid-column:2/-1}@container ledger (width<=520px){.il-prices{grid-template-columns:repeat(2,minmax(0,1fr))}.il-price{grid-template-columns:28px minmax(0,1fr) auto;gap:0 6px;padding:5px 6px}.il-price__name{grid-column:2/-1}.il-price__stock{display:none}.il-guild__head{flex-wrap:wrap}}.il-two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start;gap:4px 22px;display:grid}.il-col{min-width:0;display:grid}.il-empty{color:var(--text-muted);font-size:var(--fs-sm);margin:4px 0 8px}.il-offers .lrule__aside{align-items:center;gap:4px;display:inline-flex}.il-offers__nofriends{margin:0 0 8px}.il-offer,.il-add{border-bottom:1px solid rgb(var(--paper-300-rgb));font-size:var(--fs-sm);gap:4px;padding:6px 0 8px;display:grid}.il-add{border:1px dashed rgb(var(--paper-400-rgb));background:rgba(var(--paper-50-rgb), .5);border-radius:9px;margin-top:6px;padding:8px}.il-offer__top,.il-offer__bottom{flex-wrap:wrap;align-items:center;gap:6px 8px;min-width:0;display:flex}.il-offer__good{flex:1;align-items:center;gap:6px;min-width:0;font-weight:600;display:inline-flex}.il-offer__good .icon{flex:none;font-size:26px}.il-offer__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.il-offer__remove{--orb:max(26px, var(--tap,0px))}.il-offer__avail{color:var(--text-2);cursor:default;align-items:center;gap:3px;margin-left:auto;display:inline-flex}.il-add .good-picker{flex:1;min-width:0}.il-add__go{margin-left:auto}.il-field{color:var(--text-muted);font-size:var(--fs-xs);align-items:center;gap:4px;display:inline-flex}.il-num{width:52px;height:max(26px, var(--tap,0px));border:1px solid rgb(var(--paper-400-rgb));background:rgb(var(--paper-50-rgb));color:var(--text);font:600 var(--fs-sm) var(--font-num);font-variant-numeric:lining-nums tabular-nums;text-align:center;appearance:textfield;border-radius:6px;padding:0 4px}.il-num::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.il-num::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.il-num:focus{border-color:rgb(var(--son-400-rgb));box-shadow:0 0 0 2px var(--focus);outline:none}.il-seg{border:1px solid rgb(var(--paper-400-rgb));border-radius:7px;flex:none;display:inline-flex;overflow:hidden}.il-seg__btn{min-width:max(30px, var(--tap,0px));min-height:max(26px, var(--tap,0px));background:rgb(var(--paper-50-rgb));color:var(--text-2);font-size:var(--fs-xs);cursor:pointer;transition:background var(--fast) var(--ease), color var(--fast) var(--ease);border:0;align-items:center;gap:3px;padding:0 8px;font-weight:700;display:inline-flex}.il-seg__btn+.il-seg__btn{border-left:1px solid rgb(var(--paper-400-rgb))}.il-seg__btn:hover:not(:disabled,.is-on){background:rgb(var(--paper-200-rgb))}.il-seg__btn:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.il-seg__btn.is-on{background:var(--lacquer-red);color:rgb(var(--paper-50-rgb))}.il-seg__btn:disabled{cursor:not-allowed;opacity:.45}.il-treaty{min-height:max(40px, var(--tap,0px));border-bottom:1px solid rgb(var(--paper-300-rgb));font-size:var(--fs-sm);flex-wrap:wrap;align-items:center;gap:4px 8px;padding:4px 0;display:flex}.il-treaty__who{flex:1;align-items:center;gap:8px;min-width:0;font-weight:600;display:inline-flex}.il-treaty__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.il-treaty .treaty{background:0 0;border:0;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px 8px;margin:0;padding:0;display:flex}.il-treaty .treaty__status{color:var(--text-2);font-size:var(--fs-xs);align-items:center;gap:4px;display:inline-flex}.il-treaty .treaty__state--active{color:var(--good);font-weight:700}.il-treaty .treaty__state--pendingIn{color:var(--warn);font-weight:700}.il-treaty .treaty__actions{gap:4px;display:inline-flex}.il-treaty .treaty__note{color:var(--text-muted);font-size:var(--fs-xs);text-align:right;flex-basis:100%;margin:0}.pv{font-size:var(--fs-sm);gap:6px;display:grid}.pv__head{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:6px 12px;display:flex}.pv__next,.pv__count{cursor:default;align-items:center;gap:4px;display:inline-flex}.pv__warn{align-items:flex-start;gap:6px;margin:0;display:flex}.pv__hint{margin-left:auto}.pv__orders,.pv__log{margin:0;padding:0;list-style:none;display:grid}.pv__order,.pv__add{min-height:max(40px, var(--tap,0px));border-bottom:1px solid rgb(var(--paper-300-rgb));flex-wrap:wrap;align-items:center;gap:6px 8px;padding:4px 0;display:flex}.pv__add{border:1px dashed rgb(var(--paper-400-rgb));background:rgba(var(--paper-50-rgb), .5);border-radius:9px;padding:8px}.pv__add .good-picker{flex:120px;min-width:0}.pv__good{flex:90px;align-items:center;gap:6px;min-width:0;font-weight:600;display:inline-flex}.pv__good .icon{flex:none;font-size:24px}.pv__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pv__have{font-size:var(--fs-xs);align-items:center;gap:2px;display:inline-flex}.pv__remove{--orb:max(26px, var(--tap,0px))}.pv__add-go{margin-left:auto}.pv__subtitle{color:var(--text-muted);font-size:var(--fs-xs);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:5px;margin:6px 0 0;font-weight:700;display:flex}.pv__none{font-size:var(--fs-xs);margin:2px 0}.pv__visit{border-bottom:1px dashed rgba(var(--paper-400-rgb), .6);flex-wrap:wrap;align-items:center;gap:4px 10px;padding:3px 0;display:flex}.pv__ago{min-width:3.4em;font-size:var(--fs-xs)}.pv__lines{flex-wrap:wrap;flex:1;gap:2px 8px;display:inline-flex}.pv__line{align-items:center;gap:2px;display:inline-flex}.pv__line.is-sold{color:var(--good)}.pv__line.is-bought{color:var(--info)}.lock-confirm__text{color:var(--text-2);margin:0;line-height:1.5}@media (prefers-reduced-motion:reduce){.il-jar,.il-seg__btn,.min-stock{transition:none}}.guild-seal{background:var(--lacquer-red-orb);width:100%;height:100%;color:rgb(var(--vang-200-rgb));place-items:center;display:grid}.guild-rates{margin:0 0 6px}.guild__ships{border-radius:var(--r-11);background:rgba(var(--song-500-rgb), .1);min-height:36px;color:var(--info);font-size:var(--fs-sm);flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px;display:flex}.guild__ships-count{align-items:center;gap:4px;font-weight:700;display:inline-flex}.guild__ships-none{min-width:0;color:var(--text-2);flex:1}.lseg{border:1px solid rgb(var(--paper-400-rgb));border-radius:7px;margin:10px 0 8px;display:flex;overflow:hidden}.lseg__btn{min-width:0;min-height:max(32px, var(--tap,0px));background:rgb(var(--paper-50-rgb));color:var(--text-2);font-size:var(--fs-sm);white-space:nowrap;cursor:pointer;transition:background var(--fast) var(--ease), color var(--fast) var(--ease);border:0;flex:auto;justify-content:center;align-items:center;gap:5px;padding:0 6px;font-weight:600;display:inline-flex}.lseg__btn+.lseg__btn{border-left:1px solid rgb(var(--paper-400-rgb))}.lseg__btn:hover:not(.is-on){background:rgb(var(--paper-100-rgb));color:var(--text)}.lseg__btn:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.rcard .lseg__btn.is-on{background:var(--lacquer-red);box-shadow:inset 0 0 0 1px rgb(var(--vang-500-rgb));color:rgb(var(--vang-200-rgb));border-color:#0000}.guild__badge{border-radius:var(--r-pill);background:rgb(var(--hoaca-500-rgb));min-width:17px;height:17px;color:rgb(var(--paper-50-rgb));font-size:var(--fs-micro);place-items:center;padding:0 4px;display:inline-grid}.guild-market{gap:5px;display:grid}.guild-market__legend{color:var(--text-muted);font-size:var(--fs-xs);align-items:center;gap:12px;display:flex}.guild-market__legend>span{align-items:center;gap:3px;display:inline-flex}.guild-market__legend>:first-child{color:var(--good)}.guild-market__legend>.info-tip,.guild-market__legend>:last-child{margin-left:auto}.guild-market__row{border:1px solid rgb(var(--paper-300-rgb));background:rgba(var(--paper-50-rgb), .8);font-size:var(--fs-sm);border-radius:8px;grid-template-columns:30px minmax(0,1fr) auto auto;align-items:center;gap:0 8px;padding:5px 8px;display:grid}.guild-market__row.has-request{border-color:rgba(var(--hoaca-500-rgb), .6);box-shadow:inset 3px 0 0 rgb(var(--hoaca-500-rgb))}.guild-market__icon{place-items:center;font-size:26px;display:grid}.guild-market__icon .icon{font-size:inherit}.guild-market__t{gap:2px;min-width:0;display:grid}.guild-market__t b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.guild-market__bars{color:var(--text-muted);font-size:var(--fs-xs);grid-template-columns:1fr 1fr;gap:8px;display:grid}.guild-market__bars>span{align-items:center;gap:3px;min-width:0;display:flex}.guild-market__bars .lbar{flex:1;min-width:18px;height:3px}.guild-market__p{justify-content:flex-end;align-items:center;gap:2px;min-width:42px;display:inline-flex}.guild-market__p--sell{color:var(--good)}.guild-market__row.has-request .guild-market__p--sell{color:rgb(var(--hoaca-text-rgb));font-weight:700}.guild-market__p .num{font-size:var(--fs-md)}.guild-requests__head{margin:2px 0 8px}.guild-requests__list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.guild-order{background:rgba(var(--hoaca-500-rgb), .12);box-shadow:inset 0 0 0 1px rgba(var(--hoaca-500-rgb), .4);font-size:var(--fs-sm);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.guild-order__icon{place-items:center;font-size:36px;display:grid}.guild-order__icon .icon{font-size:inherit}.guild-order__t{flex:1;min-width:0;display:grid}.guild-order__t b{color:rgb(var(--hoaca-text-rgb))}.guild-order__t small{color:var(--text-2);font-size:var(--fs-xs)}.guild-order__make{background:rgb(var(--la-ui-rgb));width:24px;height:24px;color:rgb(var(--paper-50-rgb));border-radius:50%;flex:none;place-items:center;display:grid}.guild-passive__islands{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.guild-chip{min-height:max(30px, var(--tap,0px));border:1px solid rgb(var(--paper-400-rgb));border-radius:var(--r-pill);background:rgb(var(--paper-50-rgb));color:var(--text);font-size:var(--fs-sm);cursor:pointer;align-items:center;gap:5px;padding:0 10px;font-weight:600;display:inline-flex}.guild-chip:hover{border-color:rgb(var(--son-400-rgb))}.guild-chip.is-active{border-color:rgb(var(--then-900-rgb));background:var(--lacquer-red);color:rgb(var(--vang-200-rgb))}.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-empty{color:var(--text-muted);font-size:var(--fs-sm);margin:4px 0;font-style:italic}.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)}.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}.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)}.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}.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)}.hud .tool-hint{--framed:1;border:2px solid rgb(var(--son-frame-rgb));background:var(--orn-corners), var(--paper);background-blend-mode:var(--orn-corners-blend), normal;box-shadow:var(--frame-rings), 0 0 0 1px rgb(var(--then-900-rgb)), var(--shadow-panel);color:var(--text-2);text-shadow:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--text:rgb(var(--muc-900-rgb));--text-2:rgb(var(--muc-700-rgb));--text-muted:rgb(var(--muc-600-rgb));--title:rgb(var(--chu-500-rgb));--accent:rgb(var(--chu-500-rgb));--hairline:rgba(var(--paper-400-rgb), .6);border-radius:10px;gap:4px;padding:9px 12px 10px;font-size:12px}.hud .tool-hint__title{color:var(--title);font:700 15px/1.2 var(--font-title)}.hud .tool-hint__line{color:var(--text);font-size:12.5px}.hud .tool-hint.is-select{border-width:1px;border-color:rgb(var(--then-900-rgb));background:var(--lacquer);box-shadow:inset 0 0 0 1px rgba(var(--vang-400-rgb), .5), var(--shadow-panel);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text:rgb(var(--paper-50-rgb));--text-2:rgb(var(--paper-200-rgb));--text-muted:rgb(var(--paper-300-rgb));--hairline:rgba(var(--vang-400-rgb), .3);border-radius:12px;padding:7px 12px}.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}.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}[data-form=phone] .ichip{min-height:34px}.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}.btn__aside{opacity:.85;align-items:center;gap:2px;margin-left:4px;font-size:.92em;display:inline-flex}.trade__subtitle{color:var(--accent-strong);align-items:center;gap:6px;display:flex}.tool-hint .tool-hint__more{pointer-events:auto;margin-left:auto}.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}.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}.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{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}.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}.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{gap:6px;margin:0;padding:0;list-style:none;display:grid}.edict{border:1px solid rgb(var(--paper-300-rgb));background:rgba(var(--paper-50-rgb), .85);min-height:56px;transition:border-color var(--fast) var(--ease), box-shadow var(--fast) var(--ease);border-radius:9px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:4px 10px;padding:6px 10px;display:grid}.edict.is-on{border-color:rgb(var(--son-400-rgb));background:linear-gradient(180deg, #fff6e0f2, rgb(var(--paper-100-rgb)));box-shadow:inset 0 0 0 1px rgba(var(--son-400-rgb), .6), inset 4px 0 0 rgb(var(--son-400-rgb))}.edict.is-blocked:not(.is-on) .edict__icon{opacity:.6}.edict__icon{background:var(--lacquer-red-orb);width:36px;height:36px;box-shadow:inset 0 0 0 1.5px rgb(var(--vang-500-rgb));color:rgb(var(--vang-200-rgb));border-radius:50%;place-items:center;display:inline-grid}.edict__text{gap:1px;min-width:0;display:grid}.edict__name{color:var(--title);font-family:var(--font-title);align-items:center;gap:6px;font-size:15px;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}}.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] .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;--stage-card-w:300px;--tool-hint-max:222px}}@media (max-height:780px){.chat__log{max-height:120px}}@media (max-width:1100px){.hud{--stage-card-w:280px;--drum:176px;--tool-hint-max:186px}}@media (max-height:700px){.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{--orb:50px;touch-action:manipulation}.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]{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] .room__code,[data-input=touch] .room .btn,[data-input=touch] .minimap-toggle{min-width:44px;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__stage>.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__stage>.chat .chat__log{max-height:min(160px,25vh)}[data-input=touch] .build-menu .btab{min-width:calc(44px / var(--bb-zoom,1));min-height:calc(44px / var(--bb-zoom,1));justify-content:center}[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] .panel button,[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),[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), .45);background:rgba(var(--then-900-rgb), .12);min-width:44px;min-height:56px;color:rgb(var(--vang-200-rgb));font:inherit;touch-action:manipulation;border-radius:10px;flex:1 1 0;align-content:center;justify-items:center;gap:2px;padding:2px 0;font-size:11.5px;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}[data-form=phone] .audio__toast{max-width:calc(100vw - 2 * (2 * var(--phone-gap,8px) + 48px))}.hud--phone[data-orient=landscape] .phone-dock{grid-row:1/3;grid-auto-flow:row;align-content:start}.phone-dock__btn{--orb:48px;box-shadow:inset 0 0 0 1.5px rgb(var(--vang-500-rgb)), var(--lacquer-glint), var(--shadow-panel)}.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 .goal__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}.goal--phone{padding:6px 8px 8px}.goal--phone .goal__t{min-height:44px}.goal--phone .goal__toggle,.goal--phone .goal__tools .orb{--orb:44px}.goal--phone .goal__actions .btn{min-height:44px}.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--card{--drum:min(150px, 42vw);justify-items:start;gap:6px;display:grid}.hud--phone[data-orient=landscape] .phone-map .minimap--card{--drum:min(128px, 30vh)}.minimap--card .mm__box{position:relative}.minimap--card .mm__drum{width:var(--drum);height:var(--drum);background:linear-gradient(145deg, rgb(var(--dong-400-rgb)), #6b522a);box-shadow:0 0 0 1.5px rgb(var(--then-900-rgb)), inset 0 0 0 1px rgba(var(--vang-200-rgb), .5), var(--shadow-panel);border-radius:10px;padding:5px;position:relative}.minimap--card .mm__map{width:100%;height:100%;box-shadow:inset 0 0 0 1px rgb(var(--dong-700-rgb));touch-action:none;border-radius:6px;display:block}.minimap--card .mm__north{width:18px;height:18px;font-size:10px;top:7px;left:7px;transform:none}.minimap--card .mm__slot,.minimap--card .mm__layers,.phone-map .isl-card{display:none}.minimap--card .minimap__regions{border:1px solid rgb(var(--then-900-rgb));border-radius:var(--r-pill);background:var(--lacquer);box-shadow:inset 0 0 0 1px rgba(var(--vang-400-rgb), .5);gap:2px;padding:2px;display:flex}.minimap--card .mm__region{min-height:44px;padding:0 10px 0 8px;font-size:11.5px}.minimap--card .mm__region-name{text-overflow:ellipsis;max-width:64px;overflow:hidden}.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}.pbuild__head{align-items:center;gap:10px;padding:2px 0 8px;display:flex}.pbuild__medal{border-radius:var(--r-round);background:radial-gradient(circle at 50% 35%, rgb(var(--paper-50-rgb)), rgb(var(--paper-300-rgb)));width:50px;height:50px;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(--muc-900-rgb), .3);color:var(--title);flex:none;place-items:center;display:grid}.pbuild__t{flex:1;min-width:0;line-height:1.15;display:grid}.pbuild__head .phone-sheet-head__title{color:var(--title);font:700 19px/1.15 var(--font-title);margin:0}.pbuild__sub{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.pbuild__close{--orb:44px}.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__tabs{border-bottom:1px solid rgb(var(--paper-300-rgb));scrollbar-width:none;touch-action:pan-x;flex:none;gap:6px;margin:0 -10px 8px;padding:0 10px 8px;display:flex;overflow-x:auto}.phone-build__tabs::-webkit-scrollbar{display:none}.ptab{border:1px solid rgb(var(--paper-400-rgb));border-radius:var(--r-pill);background:rgb(var(--paper-50-rgb));min-height:44px;color:var(--text);font:inherit;touch-action:manipulation;flex:none;align-items:center;gap:6px;padding:0 12px 0 6px;font-size:13px;font-weight:600;display:inline-flex;position:relative}.ptab__medal{border-radius:var(--r-round);background:radial-gradient(circle at 50% 35%, rgb(var(--paper-50-rgb)), rgb(var(--paper-300-rgb)));width:28px;height:28px;box-shadow:0 0 0 1.5px rgb(var(--vang-400-rgb));color:rgb(var(--muc-700-rgb));place-items:center;display:grid;overflow:hidden}.ptab.is-active{border-color:rgb(var(--then-900-rgb));background:var(--lacquer-red);color:rgb(var(--vang-200-rgb))}.ptab.is-locked{color:var(--text-muted)}.ptab.is-locked .ptab__medal{filter:grayscale()}.ptab__count{color:inherit;opacity:.8;font-size:12px}.ptab__dot{border-radius:var(--r-round);width:8px;height:8px;position:absolute;top:4px;right:6px}.ptab__dot--hint{background:rgb(var(--ngoc-500-rgb))}.ptab__dot--need{background:rgb(var(--chusa-bad-rgb))}.phone-build__hint{color:var(--text-muted);margin:0 0 6px;font-size:12.5px}.psection{margin-bottom:12px}.psection__title{color:var(--title);font:700 14px var(--font-title);letter-spacing:.02em;align-items:center;gap:10px;margin:10px 0 8px;display:flex}.psection__title:after{content:"";background:linear-gradient(90deg, rgb(var(--muc-500-rgb)), transparent);flex:1;height:1px}.psection__grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;display:grid}.psection__tips{color:var(--text-2);gap:6px;margin:4px 0 0;padding:0;font-size:12.5px;list-style:none;display:grid}.psection__tips li{gap:8px;display:flex}.ptile{border:1px solid rgb(var(--paper-400-rgb));background:radial-gradient(circle at 50% 35%, rgb(var(--paper-50-rgb)), rgb(var(--paper-200-rgb)));min-width:44px;min-height:98px;color:var(--text);font:inherit;touch-action:manipulation;border-radius:10px;align-content:start;justify-items:center;gap:2px;padding:6px 2px;display:grid;position:relative}.ptile:active{transform:scale(.96)}.ptile__icon{height:58px;color:var(--text-2);place-items:center;display:grid}.ptile__name{text-align:center;-webkit-line-clamp:2;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:11.5px;font-weight:600;line-height:1.15;display:-webkit-box;overflow:hidden}.ptile.is-picked{border-color:rgb(var(--son-300-rgb));box-shadow:0 0 0 2px rgb(var(--son-300-rgb)), 0 0 0 4px rgba(var(--vang-200-rgb), .6)}.ptile.is-active{border-color:rgb(var(--la-ui-rgb))}.ptile.is-locked{border-style:dashed}.ptile.is-locked .ptile__icon,.ptile.is-locked .ptile__name{opacity:.5}.ptile.is-short .ptile__name{color:var(--bad)}.ptile.is-suggested{box-shadow:0 0 0 2px rgb(var(--ngoc-500-rgb)), 0 0 0 5px rgba(var(--ngoc-500-rgb), .3)}.ptile__lock{border-radius:var(--r-pill);background:rgb(var(--then-700-rgb));color:rgb(var(--paper-50-rgb));align-items:center;gap:2px;padding:0 4px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;top:4px;left:4px}.ptile__short,.ptile__need{border-radius:var(--r-round);background:rgb(var(--paper-50-rgb));width:18px;height:18px;box-shadow:0 0 0 1px rgb(var(--paper-400-rgb));place-items:center;display:grid;position:absolute;top:4px;left:4px}.ptile__short{box-shadow:0 0 0 1.5px rgb(var(--chusa-bad-rgb))}.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:rgb(var(--ngoc-500-rgb));color:rgb(var(--paper-50-rgb))}.ptile__flag--need{background:rgb(var(--chusa-bad-rgb));color:rgb(var(--paper-50-rgb))}.psection__grid .btile-slot{display:grid}.psection__grid .btile--up{border:1px solid rgb(var(--paper-400-rgb));background:radial-gradient(circle at 50% 35%, rgb(var(--paper-50-rgb)), rgb(var(--paper-200-rgb)));border-radius:10px;width:auto;min-height:98px;padding:6px 2px}.psection__grid .btile--up .btile__pic{width:auto;height:58px;box-shadow:none;background:0 0;border:0}.pcard{border:1px solid rgb(var(--son-300-rgb));background:rgb(var(--paper-50-rgb));animation:fade-in var(--fast) var(--ease);border-radius:12px;grid-template-columns:60px minmax(0,1fr) auto;align-items:center;gap:8px 10px;margin:0 0 8px;padding:8px 10px;display:grid}.pcard__pic{width:60px;height:54px;color:var(--text-2);place-items:center;display:grid}.pcard__pic.is-locked{filter:grayscale(.9);opacity:.6}.pcard__t{gap:4px;min-width:0;display:grid}.pcard__name{color:var(--title);font:700 16px/1.15 var(--font-title)}.pcard__costs{flex-wrap:wrap;gap:4px;display:flex}.pcard .cost{border:1px solid rgb(var(--paper-400-rgb));border-radius:var(--r-pill);background:rgb(var(--paper-50-rgb));align-items:center;gap:3px;height:28px;padding:0 8px 0 3px;font-size:12.5px;display:inline-flex}.pcard .cost.is-short{border-color:rgb(var(--chusa-bad-rgb));color:var(--bad)}.cost__per{color:var(--text-muted);font-size:11px}.pcard__line,.pcard__lock,.pcard__short{color:var(--text-2);font-size:11.5px;line-height:1.35}.pcard__lock{color:var(--warn);align-items:center;gap:4px;display:flex}.pcard__short{color:var(--bad)}.pcard__go{justify-items:stretch;gap:4px;display:grid}.pcard__build{min-height:52px;padding:0 16px;font-size:15px}.pcard__more,.pcard__alt{min-height:44px;font-size:12.5px}.pcard__card{overscroll-behavior:contain;touch-action:pan-y;grid-column:1/-1;max-height:40dvh;overflow-y:auto}.pcard__card .bcard{box-shadow:none;background:0 0;border-width:1px}.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),[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(.goal__t):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}.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}}