@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./pixelify-sans-cyrillic-400-normal-Ckz2YJkH.woff2)format("woff2"),url(./pixelify-sans-cyrillic-400-normal-DfOZNMlW.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./pixelify-sans-latin-ext-400-normal-DdH6zlBQ.woff2)format("woff2"),url(./pixelify-sans-latin-ext-400-normal-BkfTUL4s.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:Pixelify Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./pixelify-sans-latin-400-normal-DLrIX9QE.woff2)format("woff2"),url(./pixelify-sans-latin-400-normal-JapMNN6Z.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:Pixelify Sans;font-style:normal;font-display:swap;font-weight:700;src:url(./pixelify-sans-cyrillic-700-normal-CYtG5Rfp.woff2)format("woff2"),url(./pixelify-sans-cyrillic-700-normal-BrZTw8tu.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:700;src:url(./pixelify-sans-latin-ext-700-normal-ClyJstAh.woff2)format("woff2"),url(./pixelify-sans-latin-ext-700-normal-BadXkHzZ.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:Pixelify Sans;font-style:normal;font-display:swap;font-weight:700;src:url(./pixelify-sans-latin-700-normal-D3Xxx3QE.woff2)format("woff2"),url(./pixelify-sans-latin-700-normal-BctWAS0u.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:Silkscreen;font-style:normal;font-display:swap;font-weight:400;src:url(./silkscreen-latin-ext-400-normal-2T9bWrxp.woff2)format("woff2"),url(./silkscreen-latin-ext-400-normal-Drdn_BEM.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:Silkscreen;font-style:normal;font-display:swap;font-weight:400;src:url(./silkscreen-latin-400-normal-CtPo2yA5.woff2)format("woff2"),url(./silkscreen-latin-400-normal-D0DfPJut.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:Silkscreen;font-style:normal;font-display:swap;font-weight:700;src:url(./silkscreen-latin-ext-700-normal-D7YUjVT_.woff2)format("woff2"),url(./silkscreen-latin-ext-700-normal-CjQdSuci.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:Silkscreen;font-style:normal;font-display:swap;font-weight:700;src:url(./silkscreen-latin-700-normal-CSE2nhgM.woff2)format("woff2"),url(./silkscreen-latin-700-normal-BjMPLkh0.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}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--gold:#f5c542;--good:#8dff9a;--good-bg:#15301d;--warn:#ffb020;--warn-bg:#3a2808;--danger:#e2541e;--danger-ink:#ff8a5c;--danger-bg:#3c170d;--xp:#b58cff;--event:#6ee7b7;--event-core:#d1fae5;--event-ink:#04221a;--event-surface:#0f2a22;--ally:#3b82f6;--ally-ink:#93c5fd;--ally-strong:#1e3a8a;--enemy:#ef4444;--enemy-ink:#fca5a5;--enemy-strong:#7f1d1d;--hp-track:#2b2733;--on-fill:#14121f;--mat-accent-ink:#14121f;--mat-cursor-edge:#14121f;--ally-light:var(--ally-ink);--enemy-light:var(--enemy-ink);--biome-grassland-a:#4d86c9;--biome-grassland-b:#a9d4f0;--biome-grassland-g:#4f8a3c;--biome-desert-a:#e0a15c;--biome-desert-b:#f6d59a;--biome-desert-g:#c99a55;--biome-snow-a:#8fa8c4;--biome-snow-b:#dfe8f2;--biome-snow-g:#f1f5f9;--biome-volcanic-a:#3a1512;--biome-volcanic-b:#b3401e;--biome-volcanic-g:#2b1d1a;--biome-swamp-a:#3d4b36;--biome-swamp-b:#8aa07a;--biome-swamp-g:#3a4a2a;--biome-night-a:#0b1030;--biome-night-b:#2a3570;--biome-night-g:#1f2a3a;--biome-neon-a:#2a0a45;--biome-neon-b:#d4318f;--biome-neon-g:#1a1030;--biome-lunar-a:#05060d;--biome-lunar-b:#20243a;--biome-lunar-g:#9a9aa6;--biome-alien-a:#1b0b2e;--biome-alien-b:#5f2a78;--biome-alien-g:#6b8f24;--biome-vampire-a:#1a0716;--biome-vampire-b:#7a1426;--biome-vampire-g:#3b2b3d;--biome-grassland-c:#fff3b0;--biome-grassland-f:#2f5e3a;--biome-grassland-s:#8a5a33;--biome-grassland-k:#6fbf4a;--biome-desert-c:#fffbe6;--biome-desert-f:#b87a3d;--biome-desert-s:#9a6a32;--biome-desert-k:#5e8c3a;--biome-snow-c:#fff3c4;--biome-snow-f:#6f8aa6;--biome-snow-s:#9fb3c8;--biome-snow-k:#f4f8ff;--biome-volcanic-c:#ff7a45;--biome-volcanic-f:#1a0d0d;--biome-volcanic-s:#171010;--biome-volcanic-k:#ff5a1f;--biome-swamp-c:#eef2d0;--biome-swamp-f:#26352a;--biome-swamp-s:#2b3320;--biome-swamp-k:#7f9c9a;--biome-night-c:#eef2f7;--biome-night-f:#070b1c;--biome-night-s:#141b17;--biome-night-k:#fcd97a;--biome-vampire-c:#e3243b;--biome-vampire-f:#0a040e;--biome-vampire-s:#150e15;--biome-vampire-k:#ffb24a;--biome-neon-c:#ffd166;--biome-neon-f:#100420;--biome-neon-s:#0e041c;--biome-neon-k:#22d3ee;--biome-lunar-c:#60a5fa;--biome-lunar-f:#3b3f4a;--biome-lunar-s:#6b7280;--biome-lunar-k:#d1d5db;--biome-alien-c:#f0abfc;--biome-alien-f:#2e1a47;--biome-alien-s:#3b1f4a;--biome-alien-k:#a3e635;--font-fallback:ui-sans-serif, system-ui, sans-serif;--font-display:"Pixelify Sans", var(--font-fallback);--font-body:"Pixelify Sans", var(--font-fallback);--font-num:"Silkscreen", var(--font-fallback);--font:var(--font-body);--mono:var(--font-num);--fs-body:16.5px;--lh-body:24px;--fs-small:16.5px;--lh-small:20px;--lh-prose:24px;--fs-h3:22px;--lh-h3:28px;--fs-h2:22px;--lh-h2:28px;--fs-h1:33px;--lh-h1:40px;--fs-display:44px;--lh-display:54px;--fs-label:16px;--lh-label:20px;--fs-num-l:24px;--lh-num-l:30px;--fs-num-xl:32px;--lh-num-xl:40px;--fs-micro:11px;--fs-cap:12px;--fs-sm:13px;--fs-md:15px;--fs-num:15px;--fs-lg:18px;--fs-xl:22px;--fs-2xl:28px;--fs-3xl:40px;--fs-claim:48px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--tap:44px;--tap-primary:56px;--apx:2px;--frw-panel:8px;--frw-band:6px;--frw-dialog:12px;--frw-card:6px;--frw-card-b:8px;--frw-btn:6px;--frw-btn-b:8px;--frw-well:2px;--frw-input:6px;--frw-badge:2px;--frw-tip:4px;--frw-banner-x:12px;--frw-banner-y:4px;--icon-xs:16px;--icon-s:24px;--icon-m:32px;--icon-l:48px;--icon-xl:64px;--tag-h:10px;--r-xs:0;--r-sm:0;--r:0;--r-lg:0;--r-pill:0;--frame:40ms;--dur-blink:1s;--dur-blink-urgent:.5s;--ease-step:steps(3, jump-end);--dur-fast:.12s;--dur-base:.12s;--dur-slow:.16s;--dur-emph:.16s;--dur-cine:.24s;--ease-out:steps(3, jump-end);--ease-in:steps(3, jump-end);--ease:steps(3, jump-end);--dur:.12s;--z-canvas:0;--z-marker:10;--z-top:20;--z-dock:30;--z-spotlight:35;--z-toast:40;--z-claim:45;--z-coach:50;--z-tooltip:60;--z-stamp:65;--z-modal:70;--z-rotate:80;--z-cursor:85;--z-boot:90;--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px)}:root,[data-era]{--surface-1:var(--mat-face);--bg-2:var(--mat-face);--dock:var(--mat-face);--plate:var(--mat-face);--surface-2:var(--mat-face-2);--surface-3:var(--mat-raise);--bg:var(--mat-well);--ink:var(--mat-ink);--ink-2:var(--mat-ink-2);--muted:var(--mat-muted);--faint:var(--mat-muted);--line-control:var(--mat-rim);--line-control-strong:var(--mat-rim-lt);--line:var(--mat-rim-lo);--line-strong:var(--mat-rim);--focus:var(--mat-cursor);--accent:var(--era);--scrim:color-mix(in srgb, var(--mat-well) 80%, transparent);--e1:0 0 #0000;--e2:0 4px 0 var(--mat-edge);--e3:0 6px 0 var(--mat-edge);--focus-ring:0 0 0 4px var(--mat-cursor-edge);--glow-ready:0 0 0 2px var(--gold);--glow-xp:0 0 0 2px var(--xp);--glow-event:0 0 0 2px var(--event);--glow-era:0 0 0 2px var(--era)}:root,[data-era=menu]{--mat-face:#1a1726;--mat-face-2:#221e31;--mat-raise:#2a2540;--mat-well:#110f1a;--mat-rim-hi:#bdb7b9;--mat-rim-lt:#948d98;--mat-rim:#6a6378;--mat-rim-lo:#423c4f;--mat-edge:#1f1c2b;--mat-lip:#302b3c;--mat-motif:#474254;--mat-plate:#e7dcc0;--mat-plate-tex:#d6ccb3;--mat-plate-ink:#14121f;--mat-sheet:#1a1726;--mat-sheet-ink:#f4ecdf;--mat-sheet-muted:#a399ad;--mat-ink:#f4ecdf;--mat-ink-2:#cdc3d4;--mat-muted:#a399ad;--era:#d9b36a;--era-2:#9c8f6a;--mat-cursor:#fff1c8}[data-era=stone]{--mat-face:#221b1a;--mat-face-2:#2b2321;--mat-raise:#352c29;--mat-well:#171210;--mat-rim-hi:#ccc3b5;--mat-rim-lt:#aaa193;--mat-rim:#8a7e70;--mat-rim-lo:#554b4a;--mat-edge:#242029;--mat-lip:#3b3439;--mat-motif:#4e453e;--mat-plate:#c9a57a;--mat-plate-tex:#bc9a72;--mat-plate-ink:#21161a;--mat-sheet:#221b1a;--mat-sheet-ink:#f3ebe0;--mat-sheet-muted:#ab9f93;--mat-ink:#f3ebe0;--mat-ink-2:#d2c6b8;--mat-muted:#ab9f93;--era:#e39258;--era-2:#5f7d3a;--mat-cursor:#fff1c8}[data-era=bronze]{--mat-face:#231913;--mat-face-2:#2d2118;--mat-raise:#382a1f;--mat-well:#18110c;--mat-rim-hi:#eec2a0;--mat-rim-lt:#dc9a66;--mat-rim:#c06a34;--mat-rim-lo:#6e3a1e;--mat-edge:#2f2221;--mat-lip:#4a2a1e;--mat-motif:#653b21;--mat-plate:#e8c98e;--mat-plate-tex:#d9bb84;--mat-plate-ink:#2a1a14;--mat-sheet:#231913;--mat-sheet-ink:#f6ecdc;--mat-sheet-muted:#b19f86;--mat-ink:#f6ecdc;--mat-ink-2:#d8c7ad;--mat-muted:#b19f86;--era:#e8b04e;--era-2:#4fb3aa;--mat-cursor:#fff1c8}[data-era=iron]{--mat-face:#1d1a1c;--mat-face-2:#262225;--mat-raise:#302b2e;--mat-well:#141214;--mat-rim-hi:#c5c6c2;--mat-rim-lt:#a0a5a9;--mat-rim:#7b838f;--mat-rim-lo:#4c4f5c;--mat-edge:#22212e;--mat-lip:#363744;--mat-motif:#44454b;--mat-plate:#e2dccb;--mat-plate-tex:#d3cdbd;--mat-plate-ink:#231b18;--mat-sheet:#1d1a1c;--mat-sheet-ink:#f2eee8;--mat-sheet-muted:#a8a19b;--mat-ink:#f2eee8;--mat-ink-2:#cfc8c2;--mat-muted:#a8a19b;--era:#c3cad3;--era-2:#7e3f38;--mat-cursor:#fff1c8}[data-era=medieval]{--mat-face:#1f1812;--mat-face-2:#281f18;--mat-raise:#322720;--mat-well:#15100b;--mat-rim-hi:#bfac97;--mat-rim-lt:#977b61;--mat-rim:#6e4a2c;--mat-rim-lo:#442e23;--mat-edge:#20181f;--mat-lip:#312321;--mat-motif:#5b3e26;--mat-plate:#d7c9a3;--mat-plate-tex:#c9bb98;--mat-plate-ink:#2a1f14;--mat-sheet:#d7c9a3;--mat-sheet-ink:#2a1f14;--mat-sheet-muted:#5e523f;--mat-ink:#f4ecdc;--mat-ink-2:#d6c9b3;--mat-muted:#ae9f8a;--era:#7cc46a;--era-2:#4a5a78;--mat-cursor:#fff1c8}[data-era=powder]{--mat-face:#18171b;--mat-face-2:#211f24;--mat-raise:#2a282e;--mat-well:#100f12;--mat-rim-hi:#e4cfa2;--mat-rim-lt:#d3b573;--mat-rim:#c29a45;--mat-rim-lo:#755c31;--mat-edge:#2d2423;--mat-lip:#4e3e2a;--mat-motif:#504229;--mat-plate:#ece2c8;--mat-plate-tex:#dcd2ba;--mat-plate-ink:#221c1c;--mat-sheet:#18171b;--mat-sheet-ink:#f3eee4;--mat-sheet-muted:#a9a295;--mat-ink:#f3eee4;--mat-ink-2:#d0c9bc;--mat-muted:#a9a295;--era:#eadbb0;--era-2:#c29a45;--mat-cursor:#fff1c8}[data-era=industrial]{--mat-face:#18181b;--mat-face-2:#212124;--mat-raise:#2a2a2e;--mat-well:#101012;--mat-rim-hi:#c4d4cc;--mat-rim-lt:#8db3a7;--mat-rim:#5b8a80;--mat-rim-lo:#33504a;--mat-edge:#201f2c;--mat-lip:#273739;--mat-motif:#344845;--mat-plate:#c9c2b5;--mat-plate-tex:#bbb5a9;--mat-plate-ink:#1c1a1e;--mat-sheet:#18181b;--mat-sheet-ink:#f0eeea;--mat-sheet-muted:#a6a29b;--mat-ink:#f0eeea;--mat-ink-2:#cdc9c2;--mat-muted:#a6a29b;--era:#62b7a4;--era-2:#b8862e;--mat-cursor:#fff1c8}[data-era=modern]{--mat-face:#181a13;--mat-face-2:#20231a;--mat-raise:#2a2e22;--mat-well:#10120c;--mat-rim-hi:#b7bb9e;--mat-rim-lt:#89936b;--mat-rim:#5b6b3a;--mat-rim-lo:#3a412b;--mat-edge:#1d1d21;--mat-lip:#2b2e26;--mat-motif:#3e4829;--mat-plate:#d6d3c4;--mat-plate-tex:#c7c4b7;--mat-plate-ink:#16191c;--mat-sheet:#181a13;--mat-sheet-ink:#f1f0e8;--mat-sheet-muted:#a7a595;--mat-ink:#f1f0e8;--mat-ink-2:#cfcdbf;--mat-muted:#a7a595;--era:#b2c462;--era-2:#e0b400;--mat-cursor:#fff1c8}[data-era=future]{--mat-face:#0e141b;--mat-face-2:#141c25;--mat-raise:#1b2530;--mat-well:#090d12;--mat-rim-hi:#a9acad;--mat-rim-lt:#747b85;--mat-rim:#3d4a5e;--mat-rim-lo:#282e40;--mat-edge:#181827;--mat-lip:#202333;--mat-motif:#364254;--mat-plate:#ccfbf1;--mat-plate-tex:#bde8df;--mat-plate-ink:#0b0e16;--mat-sheet:#0e141b;--mat-sheet-ink:#eef6f8;--mat-sheet-muted:#93a6b0;--mat-ink:#eef6f8;--mat-ink-2:#c3d3da;--mat-muted:#93a6b0;--era:#e58af0;--era-2:#2dd4bf;--mat-cursor:#e8fff9}[data-era=space]{--mat-face:#10141f;--mat-face-2:#171c29;--mat-raise:#1f2534;--mat-well:#0a0d15;--mat-rim-hi:#f0f0eb;--mat-rim-lt:#e7eaeb;--mat-rim:#dde3eb;--mat-rim-lo:#848691;--mat-edge:#31303d;--mat-lip:#575863;--mat-motif:#3d424c;--mat-plate:#dde3eb;--mat-plate-tex:#ccd2db;--mat-plate-ink:#0d1220;--mat-sheet:#dde3eb;--mat-sheet-ink:#0d1220;--mat-sheet-muted:#565b67;--mat-ink:#f0f4fa;--mat-ink-2:#c8d0dc;--mat-muted:#98a3b3;--era:#5fd8f0;--era-2:#f28c28;--mat-cursor:#fff1c8}[data-era=xeno]{--mat-face:#170f1d;--mat-face-2:#201627;--mat-raise:#2a1e33;--mat-well:#0f0914;--mat-rim-hi:#c5b2c3;--mat-rim-lt:#a084a9;--mat-rim:#7a5690;--mat-rim-lo:#4b345d;--mat-edge:#221a2f;--mat-lip:#352644;--mat-motif:#4e375d;--mat-plate:#e7dcc0;--mat-plate-tex:#d6cbb3;--mat-plate-ink:#12091a;--mat-sheet:#170f1d;--mat-sheet-ink:#f5eef6;--mat-sheet-muted:#ad9bb3;--mat-ink:#f5eef6;--mat-ink-2:#d6c8da;--mat-muted:#ad9bb3;--era:#b8f04a;--era-2:#b58cff;--mat-cursor:#f4ffd8}.emblem{width:var(--icon-m);height:var(--icon-m);color:var(--era);vertical-align:middle;image-rendering:pixelated;flex:none;display:inline-block}.emblem--lg{width:var(--icon-l);height:var(--icon-l)}.era-frame{background-image:var(--corner-tl,none), var(--corner-tr,none), var(--corner-bl,none), var(--corner-br,none);image-rendering:pixelated;background-position:0 0,100% 0,0 100%,100% 100%;background-repeat:no-repeat;background-size:12px 12px}.epoch-strip{grid-template-columns:repeat(10,16px);gap:4px;width:max-content;max-width:100%;display:grid}.epoch-seg{border:2px solid var(--mat-edge);background:var(--mat-well);width:16px;height:16px;image-rendering:pixelated}.epoch-seg.is-open{background:var(--mat-rim-lo)}.epoch-seg.is-done{background:var(--tint)}.epoch-seg.is-current{background:var(--tint);box-shadow:0 0 0 2px var(--mat-cursor-edge), 0 0 0 4px var(--tint)}*,:before,:after{box-sizing:border-box}html,body{background:var(--mat-well);height:100%;color:var(--mat-ink);font:400 var(--fs-small) / var(--lh-prose) var(--font-body);font-synthesis:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;font-style:normal;overflow:hidden}*,:before,:after{font-variant-ligatures:none!important}button,input,select,textarea{font:inherit;color:inherit}button{touch-action:manipulation;-webkit-touch-callout:none}h1,h2,h3,p{margin:0}em,i,cite,address,dfn,var{font-style:normal}kbd,code,samp{font-family:var(--font-num)}[hidden]{display:none!important}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;box-shadow:0 0 0 4px var(--mat-cursor-edge), var(--px-drop,0 0 transparent)}::selection{background:var(--era);color:var(--mat-accent-ink)}.num{font-family:var(--font-num);white-space:nowrap}.num>i{inline-size:var(--cell,1ch);text-align:center;font-style:normal;display:inline-block}.prose-num{font-family:var(--font-num);font-size:var(--fs-label);white-space:nowrap;font-weight:400}html:not(.kbd) .kbd-only,html.kbd .touch-only{display:none!important}.app{-webkit-user-select:none;user-select:none;height:100dvh;position:fixed;inset:0;overflow:hidden}.match{grid-template:"stage"minmax(0,1fr)"dock"/minmax(0,1fr);display:grid;position:absolute;inset:0}.match-stage{touch-action:none;cursor:grab;grid-area:stage;min-height:0;position:relative;overflow:hidden}.match-stage:active{cursor:grabbing}.app[data-mode=menu] .match-stage{cursor:default}.game-canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.screens{z-index:var(--z-modal);pointer-events:none;position:absolute;inset:0}.screens>*{pointer-events:auto}.icon{width:var(--icon-s);height:var(--icon-s);fill:currentColor;stroke:none;vertical-align:middle;image-rendering:pixelated;flex:none}.icon[data-grid="8"]{width:var(--icon-xs);height:var(--icon-xs)}.icon[data-grid="16"]{width:var(--icon-m);height:var(--icon-m)}.icon--coin{color:var(--gold)}.boot{z-index:var(--z-boot);position:fixed;inset:0}.rotate-hint{z-index:var(--z-rotate);padding:calc(24px + var(--safe-t)) 24px calc(24px + var(--safe-b));background:var(--mat-well);place-items:center;display:none;position:fixed;inset:0}.rotate-card{justify-items:center;gap:var(--sp-3);text-align:center;max-width:320px;display:grid}.rotate-icon{width:var(--icon-xl);height:var(--icon-xl);color:var(--era)}.rotate-title{font:700 var(--fs-h1) / var(--lh-h1) var(--font-display)}.rotate-text{color:var(--mat-muted)}.rotate-card .btn{min-height:48px;margin-top:var(--sp-2)}@media (orientation:portrait) and (max-width:600px){html:not(.portrait-ok) .app[data-mode=match] .rotate-hint{display:grid}}.px-panel{border:var(--frw-panel) solid;border-color:var(--mat-rim-hi) var(--mat-rim-lo) var(--mat-rim-lo) var(--mat-rim-hi);border-image:var(--fr-panel,none) 4 / var(--frw-panel) / 0 stretch;padding:calc(var(--frw-band) + var(--sp-2));background:var(--band-layers,none), var(--mat-face);image-rendering:pixelated;color:var(--mat-ink);background-origin:padding-box;background-clip:padding-box}[data-frame=thin] .px-panel{border-width:4px;border-image:var(--fr-panel-thin,none) 2 / 4px / 0 stretch;padding:var(--sp-2);background:var(--mat-face);image-rendering:pixelated;background-clip:padding-box}.px-dialog{border:var(--frw-dialog) solid;border-color:var(--mat-rim-hi) var(--mat-rim-lo) var(--mat-rim-lo) var(--mat-rim-hi);border-image:var(--fr-dialog,none) 6 / var(--frw-dialog) / 0 stretch;background:var(--band-layers,none), var(--mat-face);image-rendering:pixelated;color:var(--mat-ink);background-origin:padding-box;background-clip:padding-box}.px-sheet{border:var(--frw-dialog) solid;border-color:var(--mat-rim-hi) var(--mat-rim-lo) var(--mat-rim-lo) var(--mat-rim-hi);border-image:var(--fr-sheet,var(--fr-dialog,none)) 6 / var(--frw-dialog) / 0 stretch;background:var(--sheet-bands,none), var(--mat-sheet);image-rendering:pixelated;color:var(--mat-sheet-ink);background-origin:padding-box;background-clip:padding-box}.px-well{border:var(--frw-well) solid var(--mat-edge);border-image:var(--fr-track,none) 1 / var(--frw-well) / 0 stretch;background:var(--mat-well);image-rendering:pixelated;background-clip:padding-box}.px-plate{border:6px solid;border-color:var(--mat-plate) var(--mat-plate-tex) var(--mat-plate-tex) var(--mat-plate);border-image:var(--fr-plate,none) 3 / 6px / 0 stretch;padding:0 var(--sp-2);background:var(--mat-plate);image-rendering:pixelated;color:var(--mat-plate-ink);background-clip:padding-box}:is([data-era=medieval],[data-era=space]) .px-sheet .px-plate,.px-sheet:is([data-era=medieval],[data-era=space]) .px-plate{color:var(--mat-sheet-ink);background:0 0;border-color:#0000;border-image:}.px-banner{border-style:solid;border-width:var(--frw-banner-y) var(--frw-banner-x);border-color:var(--mat-plate) var(--mat-plate-tex) var(--mat-plate-tex) var(--mat-plate);border-image:var(--fr-banner,none) 2 6 / var(--frw-banner-y) var(--frw-banner-x) / 0 stretch;padding:var(--sp-1) var(--sp-3);background:var(--mat-plate);image-rendering:pixelated;color:var(--mat-plate-ink);background-clip:padding-box}[data-frame=thin] .px-banner{border-width:4px 8px;border-image:var(--fr-banner-thin,none) 2 4 / 4px 8px / 0 stretch;image-rendering:pixelated;background-clip:padding-box}.px-tip{border:var(--frw-tip) solid var(--mat-rim);border-image:var(--fr-tooltip,none) 2 / var(--frw-tip) / 0 stretch;padding:var(--sp-1) var(--sp-2);background:var(--mat-face);image-rendering:pixelated;color:var(--mat-ink);font:400 var(--fs-small) / var(--lh-prose) var(--font-body);background-clip:padding-box}.px-badge{align-items:center;gap:var(--sp-1);border:var(--frw-badge) solid var(--mat-edge);border-image:var(--fr-badge,none) 1 / var(--frw-badge) / 0 stretch;background:var(--mat-raise);min-height:24px;image-rendering:pixelated;color:var(--mat-ink);font:400 var(--fs-label) / var(--lh-label) var(--font-num);white-space:nowrap;background-clip:padding-box;padding:0 6px;display:inline-flex}.px-badge--good{background:var(--good);color:var(--on-fill)}.px-badge--warn{background:var(--warn);color:var(--on-fill)}.px-badge--danger{background:var(--danger);color:var(--on-fill)}.px-badge--ally{background:var(--ally-strong);color:var(--ally-ink)}.px-badge--enemy{background:var(--enemy-strong);color:var(--enemy-ink)}.px-badge--event{background:var(--event);color:var(--event-ink)}.px-badge--xp{background:var(--xp);color:var(--on-fill)}.px-badge--era{background:var(--era);color:var(--mat-accent-ink)}.px-tag{height:var(--tag-h);fill:currentColor;vertical-align:middle;width:auto;image-rendering:pixelated;flex:none;display:inline-block}.px-pin{background-image:var(--tick-tl,none), var(--tick-tr,none), var(--tick-bl,none), var(--tick-br,none);image-rendering:pixelated;background-position:0 0,100% 0,0 100%,100% 100%;background-repeat:no-repeat;background-size:6px 6px;background-origin:padding-box}.px-bar{border:var(--frw-well) solid var(--mat-edge);border-image:var(--fr-track,none) 1 / var(--frw-well) / 0 stretch;background:var(--mat-well);height:10px;image-rendering:pixelated;background-clip:padding-box;display:block;position:relative}.px-bar__fill{background:var(--bar-fill,var(--era));-webkit-mask:var(--tile-seg) 0 0 / 6px 100% repeat-x;-webkit-mask:var(--tile-seg) 0 0 / 6px 100% repeat-x;mask:var(--tile-seg) 0 0 / 6px 100% repeat-x;clip-path:inset(0 calc(100% - var(--lit,0) * 6px) 0 0);pointer-events:none;position:absolute;inset:0}.px-ring{--ring-px:48px;--ring-src:var(--ring-24);--ring-base:var(--ring-24-base);width:var(--ring-px);height:var(--ring-px);image-rendering:pixelated;flex:none;display:inline-block;position:relative}.px-ring--12{--ring-px:24px;--ring-src:var(--ring-12);--ring-base:var(--ring-12-base)}.px-ring--16{--ring-px:32px;--ring-src:var(--ring-16);--ring-base:var(--ring-16-base)}.px-ring:before,.px-ring:after{content:"";pointer-events:none;position:absolute;inset:0}.px-ring:before{background:var(--ring-dim,var(--mat-lip));-webkit-mask:var(--ring-base) 0 0 / 100% 100% no-repeat;-webkit-mask:var(--ring-base) 0 0 / 100% 100% no-repeat;mask:var(--ring-base) 0 0 / 100% 100% no-repeat}.px-ring:after{background:var(--ring-lit,var(--era));-webkit-mask:var(--ring-src) calc(var(--ring-f,0) * -1 * var(--ring-px)) 0 / calc(13 * var(--ring-px)) var(--ring-px) no-repeat;-webkit-mask:var(--ring-src) calc(var(--ring-f,0) * -1 * var(--ring-px)) 0 / calc(13 * var(--ring-px)) var(--ring-px) no-repeat;mask:var(--ring-src) calc(var(--ring-f,0) * -1 * var(--ring-px)) 0 / calc(13 * var(--ring-px)) var(--ring-px) no-repeat}.px-divider{height:2px;margin:var(--sp-2) 0;background:var(--tile-divider,none) 0 0 / 8px 2px repeat-x;image-rendering:pixelated;border:0;display:block}.px-march{vertical-align:middle;flex:none;width:18px;height:4px;display:inline-block;position:relative;overflow:clip}.px-march:before{content:"";width:54px;-webkit-mask:var(--tile-march) 0 0 / 54px 4px no-repeat;-webkit-mask:var(--tile-march) 0 0 / 54px 4px no-repeat;mask:var(--tile-march) 0 0 / 54px 4px no-repeat;background:currentColor;animation:1s steps(3,end) infinite px-march;position:absolute;inset:0 auto 0 0}.px-lockup{image-rendering:pixelated;flex:none;display:block}.px-lockup--lg{width:246px;height:48px}@media (min-width:1100px) and (min-height:700px){.px-lockup--lg{width:328px;height:64px}}@media (max-width:599px),(max-height:500px){.px-lockup--lg{width:164px;height:32px}}.lk-edge{fill:var(--mat-accent-ink)}.lk-accent{fill:var(--era)}.lk-ink{fill:var(--mat-ink)}.lk-drop{fill:var(--mat-rim-lo)}.lk-shaft{fill:var(--mat-muted)}.px-stencil{fill:currentColor;vertical-align:middle;image-rendering:pixelated;flex:none;display:inline-block}.icon .i1{fill:currentColor;stroke:none}.icon .i2{fill:var(--icon-2,var(--mat-edge));stroke:none}@media (forced-colors:active){.px-panel,.px-dialog,.px-sheet,.px-well,.px-plate,.px-banner,.px-badge,.px-tip,.px-pin{background-image:none;border-color:canvastext;border-image:}.px-bar{forced-color-adjust:none;background:canvas;border:1px solid canvastext;border-image:}.px-bar__fill{forced-color-adjust:none;background:highlight}.px-ring{forced-color-adjust:none}.px-ring:before{background:graytext}.px-ring:after{background:highlight}.px-march,.px-tag{forced-color-adjust:none;color:canvastext}}:root{--lift:0px;--press:1}.px-btn,.btn,.icon-btn{justify-content:center;align-items:center;gap:var(--sp-2);min-height:var(--tap);padding:0 var(--sp-3);border-style:solid;border-width:var(--frw-btn) var(--frw-btn) var(--frw-btn-b);border-color:var(--mat-rim-hi) var(--mat-rim-lo) var(--mat-lip) var(--mat-rim-hi);border-image:var(--fr-btn,none) 3 3 4 3 / var(--frw-btn) var(--frw-btn) var(--frw-btn-b) / 0 stretch;background:var(--mat-raise);image-rendering:pixelated;color:var(--mat-ink);font:400 var(--fs-body) / var(--lh-body) var(--font-body);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background-clip:padding-box;text-decoration:none;display:inline-flex;position:relative}.icon-btn,.px-btn--icon,.btn--back{width:var(--tap);min-width:var(--tap);height:var(--tap);flex:none;padding:0}.px-btn .icon,.btn .icon,.icon-btn .icon{width:var(--icon-s);height:var(--icon-s)}.px-btn .icon[data-grid="8"],.btn .icon[data-grid="8"]{width:var(--icon-xs);height:var(--icon-xs)}@media (hover:hover){.px-btn:hover,.btn:hover,.icon-btn:hover{border-image-source:var(--fr-btn-hi,none);border-color:var(--mat-rim-hi) var(--mat-rim) var(--mat-lip) var(--mat-rim-hi)}.px-btn--ghost:hover,.btn--ghost:hover,.btn--danger-quiet:hover,.btn--labelled:hover{border-image-source:var(--fr-btn,none);background-color:var(--mat-raise);color:var(--mat-ink)}.px-card:is(button,a,[role=button],[tabindex]):hover{border-image-source:var(--fr-card-hi,none);border-color:var(--mat-rim-hi) var(--mat-rim) var(--mat-lip) var(--mat-rim-hi)}}.px-btn:active,.btn:active,.icon-btn:active,.px-btn.is-pressed,.btn.is-pressed{border-image-source:var(--fr-btn-down,none);border-color:var(--mat-rim-lo) var(--mat-rim) var(--mat-edge) var(--mat-rim-lo);background-color:var(--mat-face-2);transform:translateY(2px)}.px-btn--primary,.btn--primary,.btn--start,.btn--play{background-color:var(--mat-plate);color:var(--mat-plate-ink)}.px-btn--primary:active,.btn--primary:active,.btn--start:active,.btn--play:active{background-color:var(--mat-plate-tex)}.px-btn--hero,.btn--play,.btn--large{min-height:var(--tap-primary)}@media (min-width:1100px) and (min-height:700px){.px-btn--hero,.btn--play{min-height:72px}}.px-btn--compact,.btn--small{padding:0 var(--sp-2);font-size:var(--fs-small)}.px-btn--ghost,.btn--ghost,.btn--danger-quiet,.btn--labelled{border-color:#0000;color:var(--mat-ink-2);background-color:#0000;border-image-source:none}.px-btn--danger,.btn--danger{color:var(--danger-ink)}.px-card,.btn--tile,.btn--era,.btn--biome{border-style:solid;border-width:var(--frw-card) var(--frw-card) var(--frw-card-b);border-color:var(--mat-rim-hi) var(--mat-rim-lo) var(--mat-lip) var(--mat-rim-hi);border-image:var(--fr-card,none) 3 3 4 3 / var(--frw-card) var(--frw-card) var(--frw-card-b) / 0 stretch;background-color:var(--mat-raise);image-rendering:pixelated;color:var(--mat-ink);background-clip:padding-box;position:relative}.px-card:is(button,a,[role=button],[tabindex]){cursor:pointer}.px-card:is(button,a,[role=button],[tabindex]):active,.px-card.is-pressed{border-image-source:var(--fr-card-down,none);border-color:var(--mat-rim-lo) var(--mat-rim) var(--mat-edge) var(--mat-rim-lo);background-color:var(--mat-face-2);transform:translateY(2px)}:is(.px-btn,.btn,.icon-btn,.px-tab,.px-card):is([aria-checked=true],[aria-selected=true],[aria-pressed=true],[aria-current]:not([aria-current=false]),.is-selected){border-image-source:var(--fr-btn-down,none);border-color:var(--mat-rim-lo) var(--mat-rim) var(--mat-edge) var(--mat-rim-lo);background-color:var(--mat-face-2);background-image:var(--tick-tl,none), var(--tick-tr,none), var(--tick-bl,none), var(--tick-br,none);color:var(--mat-ink);background-position:0 0,100% 0,0 100%,100% 100%;background-repeat:no-repeat;background-size:6px 6px;background-origin:padding-box;transform:translateY(2px)}.px-card:is([aria-checked=true],[aria-selected=true],[aria-pressed=true],[aria-current]:not([aria-current=false]),.is-selected){border-image-source:var(--fr-card-down,none)}:is(.px-btn,.btn,.icon-btn,.px-card,.px-tab):is(:disabled,[aria-disabled=true]){border-image-source:var(--fr-btn-off,none);border-color:var(--mat-rim-lo);background:var(--tile-dither-off,none) 0 0 / 8px 8px, var(--mat-face-2);color:var(--mat-muted);cursor:not-allowed;background-clip:padding-box;transform:none}.px-card:is(:disabled,[aria-disabled=true]){border-image-source:var(--fr-card-off,none)}:is(.px-btn,.btn,.px-card,.px-input,.text-input).is-busy{cursor:progress}:is(.px-btn,.btn).is-busy .icon{visibility:hidden}:is(.px-btn,.btn).is-busy:before{content:"";left:var(--sp-2);width:18px;height:4px;-webkit-mask:var(--tile-march) 0 0 / 54px 4px no-repeat;-webkit-mask:var(--tile-march) 0 0 / 54px 4px no-repeat;mask:var(--tile-march) 0 0 / 54px 4px no-repeat;background:currentColor;animation:1s steps(3,end) infinite px-march;position:absolute;top:calc(50% - 2px)}:is(.px-btn,.btn,.icon-btn)[data-state=error],.px-card[data-state=error]{border-image-source:var(--fr-btn-err,none);border-color:var(--danger);animation:.16s step-end px-shake}:is(.px-btn,.btn,.icon-btn,.px-card)[data-state=success]{border-image-source:var(--fr-btn-ok,none);border-color:var(--good)}:is(.px-toggle,.px-slider,.px-stepper,.px-key):is(:disabled,[aria-disabled=true]){background-image:var(--tile-dither-off,none);color:var(--mat-muted);cursor:not-allowed;background-size:8px 8px}:is(.px-toggle,.px-slider,.px-stepper,.px-key).is-busy{cursor:progress}:is(.px-toggle,.px-slider,.px-stepper,.px-key)[data-state=error]{animation:.16s step-end px-shake}:is(.px-toggle,.px-slider,.px-stepper,.px-key)[data-state=success]{color:var(--good)}.px-card:is(.is-affordable,.is-ready){border-image-source:var(--fr-card-era,none);border-color:var(--era)}.px-btn.is-ready{border-image-source:var(--fr-btn-era,none);border-color:var(--era)}@media (hover:hover){.px-card:is(.is-affordable,.is-ready):is(button,a,[role=button],[tabindex]):hover{border-image-source:var(--fr-card-era-hi,none);border-color:var(--era)}[data-frame=thin] .px-card:is(.is-affordable,.is-ready):is(button,a,[role=button],[tabindex]):hover{border-image-source:var(--fr-card-era-thin,none)}}.px-card:is(.is-affordable,.is-ready):is(button,a,[role=button],[tabindex]):active,.px-card.is-pressed:is(.is-affordable,.is-ready){border-image-source:var(--fr-card-era-down,none);border-color:var(--era)}[data-frame=thin] .px-card:is(.is-affordable,.is-ready):is(button,a,[role=button],[tabindex]):active,[data-frame=thin] .px-card.is-pressed:is(.is-affordable,.is-ready){border-image-source:var(--fr-card-era-down-thin,none)}[data-frame=thin] :is(.px-btn,.btn,.icon-btn){border-width:4px;border-image:var(--fr-btn-thin,none) 2 / 4px / 0 stretch;image-rendering:pixelated;background-clip:padding-box}[data-frame=thin] .px-card{border-width:4px;border-image:var(--fr-card-thin,none) 2 / 4px / 0 stretch;image-rendering:pixelated;background-clip:padding-box}[data-frame=thin] :is(.px-btn,.btn,.icon-btn):active{border-image-source:var(--fr-btn-down-thin,none)}[data-frame=thin] .px-card:active{border-image-source:var(--fr-card-down-thin,none)}[data-frame=thin] :is(.px-btn,.btn,.icon-btn):is(:disabled,[aria-disabled=true]){border-image-source:var(--fr-btn-off-thin,none)}[data-frame=thin] .px-card:is(:disabled,[aria-disabled=true]){border-image-source:var(--fr-card-off-thin,none)}[data-frame=thin] .px-card:is(.is-affordable,.is-ready){border-image-source:var(--fr-card-era-thin,none)}[data-frame=thin] :is(.px-btn,.px-card)[data-state=error]{border-image-source:var(--fr-btn-err-thin,none)}[data-frame=thin] :is(.px-btn,.px-card)[data-state=success]{border-image-source:var(--fr-btn-ok-thin,none)}.px-key,kbd.key,.hotkey{border-style:solid;border-width:4px 4px 6px;border-color:var(--mat-plate) var(--mat-plate-tex) var(--mat-lip) var(--mat-plate);border-image:var(--fr-key,none) 2 2 3 2 / 4px 4px 6px / 0 stretch;background:var(--mat-plate);min-width:28px;height:30px;image-rendering:pixelated;color:var(--mat-plate-ink);font:400 var(--fs-label) / 16px var(--font-num);text-transform:uppercase;white-space:nowrap;background-clip:padding-box;place-items:center;padding:0 4px;display:inline-grid}:is(.px-key,kbd.key,.hotkey).is-pressed{border-image-source:var(--fr-key-down,none);transform:translateY(2px)}kbd.key--big,.hotkey--big{min-width:32px}.match :is(.px-key,kbd.key,.hotkey){border-width:2px;border-image:var(--fr-key-flat,none) 1 / 2px / 0 stretch;min-width:20px;height:20px;image-rendering:pixelated;font-size:var(--fs-label);background-clip:padding-box;padding:0 2px;line-height:16px}kbd.key--claim,.hotkey--claim{border-width:4px 4px 6px;border-color:var(--event-core) var(--event) var(--event) var(--event-core);border-image:var(--fr-key-event,none) 2 2 3 2 / 4px 4px 6px / 0 stretch;background:var(--event-core);min-width:64px;height:64px;image-rendering:pixelated;color:var(--event-ink);font:700 var(--fs-num-xl) / var(--lh-num-xl) var(--font-num);background-clip:padding-box;padding:0 12px}html:not(.kbd) :is(kbd.key--claim,.hotkey--claim){min-width:44px;height:44px;font-size:var(--fs-num-l)}.px-input,.text-input{width:100%;min-height:var(--tap);padding:0 var(--sp-2);border:var(--frw-input) solid var(--mat-edge);border-image:var(--fr-input,none) 3 / var(--frw-input) / 0 stretch;background:var(--mat-well);image-rendering:pixelated;color:var(--mat-ink);font:400 var(--fs-body) / var(--lh-body) var(--font-body);-webkit-user-select:text;user-select:text;background-clip:padding-box}@media (hover:hover){.px-input:hover,.text-input:hover{background-color:var(--mat-face)}}:is(.px-input,.text-input):is([aria-invalid=true],[data-state=error]){border-color:var(--danger);border-image:}:is(.px-input,.text-input)[data-state=success]{border-color:var(--good);border-image:}:is(.px-input,.text-input):is(:disabled,[aria-disabled=true]){background:var(--tile-dither-off,none) 0 0 / 8px 8px, var(--mat-face-2);color:var(--mat-muted);cursor:not-allowed;background-clip:padding-box}.field-error{min-height:var(--lh-small);color:var(--danger-ink);font:400 var(--fs-small) / var(--lh-small) var(--font-body)}.spinner,.px-march-pips{width:18px;height:4px;-webkit-mask:var(--tile-march) 0 0 / 54px 4px no-repeat;-webkit-mask:var(--tile-march) 0 0 / 54px 4px no-repeat;mask:var(--tile-march) 0 0 / 54px 4px no-repeat;background:currentColor;flex:none;animation:1s steps(3,end) infinite px-march;display:inline-block}.spinner--small{width:18px}.mute-btn .mute-icon--off,.mute-btn.is-muted .mute-icon--on{display:none}.mute-btn.is-muted .mute-icon--off{display:block}.mute-btn.is-muted{color:var(--warn)}.mute-btn--labelled{justify-content:flex-start;min-width:9.5em}[data-tip]:after{content:attr(data-tip);z-index:var(--z-tooltip);padding:2px var(--sp-2);border:var(--frw-tip) solid var(--mat-rim);border-image:var(--fr-tooltip,none) 2 / var(--frw-tip) / 0 stretch;background:var(--mat-face);image-rendering:pixelated;color:var(--mat-ink);font:400 var(--fs-small) / var(--lh-small) var(--font-body);white-space:nowrap;visibility:hidden;pointer-events:none;background-clip:padding-box;position:absolute;top:calc(100% + 8px);right:0}@media (hover:hover){[data-tip]:hover:after{visibility:visible;transition:visibility 0s linear .35s}}[data-tip]:focus-visible:after{visibility:visible}@media (hover:none){[data-tip]:after{display:none}}@keyframes px-blink{0%{opacity:1}to{opacity:.25}}@keyframes px-shake{0%{transform:translate(2px)}25%{transform:translate(-2px)}50%{transform:translate(2px)}75%,to{transform:none}}@keyframes px-pop{0%{transform:scale(2)}33.333%{transform:translateY(-2px)}66.667%,to{transform:none}}@keyframes px-rise{0%{opacity:0;transform:translateY(8px)}25%{opacity:0;transform:translateY(6px)}50%{opacity:1;transform:translateY(4px)}75%{opacity:1;transform:translateY(2px)}to{opacity:1;transform:none}}@keyframes px-march{0%{-webkit-mask-position:0 0;mask-position:0 0}to{-webkit-mask-position:-54px 0;mask-position:-54px 0}}@keyframes px-exit{0%{opacity:1;transform:none}33.333%{opacity:1;transform:translateY(4px)}66.667%,to{opacity:0;transform:translateY(8px)}}.px-rise{animation:.16s step-end both px-rise}.px-exit{animation:.12s step-end both px-exit}.px-pop{animation:.18s step-end px-pop}.px-shake{animation:.16s step-end px-shake}.px-blink{animation:px-blink var(--dur-blink) steps(2, jump-none) 3}.px-blink--urgent{animation:px-blink var(--dur-blink-urgent) steps(2, jump-none) infinite}.px-cursor{z-index:var(--z-cursor);pointer-events:none;visibility:hidden;position:fixed;inset:0;overflow:hidden}.px-cursor.is-on{visibility:visible}.px-cursor>i{width:14px;height:14px;image-rendering:pixelated;will-change:transform;background-repeat:no-repeat;background-size:14px 14px;position:absolute;top:0;left:0}.px-cursor>.px-cursor__tl{background-image:var(--cur-tl,none);background-position:0 0}.px-cursor>.px-cursor__tr{background-image:var(--cur-tr,none);background-position:100% 0}.px-cursor>.px-cursor__bl{background-image:var(--cur-bl,none);background-position:0 100%}.px-cursor>.px-cursor__br{background-image:var(--cur-br,none);background-position:100% 100%}@media (forced-colors:active){.px-cursor{display:none}}.screen{padding:calc(var(--sp-3) + var(--safe-t)) calc(var(--sp-4) + var(--safe-r)) calc(var(--sp-3) + var(--safe-b)) calc(var(--sp-4) + var(--safe-l));background:var(--mat-well);color:var(--mat-ink);flex-direction:column;animation:.16s step-end both px-rise;display:flex;position:absolute;inset:0}:is(.screen,.pause,.confirm,.modal--settings,.rotate-hint){font-variant-ligatures:none}.screen-head{align-items:center;gap:var(--sp-2);width:100%;max-width:1180px;min-height:var(--tap);margin:0 auto var(--sp-3);flex:none;display:flex}.screen-esc{flex:none}.screen-title{min-width:0;font:700 var(--fs-h1) / var(--lh-h1) var(--font-display);flex:1}.screen-title .nameplate{white-space:nowrap;vertical-align:top;max-width:100%;display:inline-block;overflow:hidden}.screen-aside{align-items:center;gap:var(--sp-1);min-height:32px;padding:0 var(--sp-2);border:var(--frw-badge) solid var(--mat-edge);background:var(--mat-face-2);color:var(--mat-ink);font:400 var(--fs-label) / var(--lh-label) var(--font-num);background-clip:padding-box;flex:none;display:inline-flex}@media (max-width:400px){.screen-head{gap:var(--sp-1)}.screen-title{font-size:var(--fs-h3);line-height:var(--lh-h3)}}.screen-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--mat-rim) var(--mat-well);flex:1;width:100%;max-width:1180px;min-height:0;margin:0 auto;overflow-y:auto}:is(.screen--settings,.screen--howto,.screen--credits,.screen--online)>.screen-body{border:var(--frw-panel) solid;border-color:var(--mat-rim-hi) var(--mat-rim-lo) var(--mat-rim-lo) var(--mat-rim-hi);border-image:var(--fr-panel,none) 4 / var(--frw-panel) / 0 stretch;padding:calc(var(--frw-band) + var(--sp-3));background:var(--band-layers,none), var(--mat-face);image-rendering:pixelated;background-origin:padding-box;background-clip:padding-box}:is(.screen--credits,.screen--online)>.screen-body{flex:0 auto}@media (max-width:600px),(max-height:500px){:is(.screen--settings,.screen--howto,.screen--credits,.screen--online)>.screen-body{padding:calc(var(--frw-band) + var(--sp-2))}}.screen:has(>.screen-foot){padding-bottom:0}.screen-foot{isolation:isolate;justify-content:flex-end;gap:var(--sp-3);width:100%;max-width:1180px;padding:var(--sp-2) 0 calc(var(--sp-2) + var(--safe-b));flex:none;margin:0 auto;display:flex;position:relative}.screen-foot:before{content:"";z-index:-1;border-top:2px solid var(--mat-rim-lo);background:var(--surface-1);position:absolute;inset:0 calc(50% - 50vw)}.screen-actions{justify-content:flex-start;gap:var(--sp-2);margin-top:var(--sp-4);flex-wrap:wrap;display:flex}.card-title{align-items:center;gap:var(--sp-2);font:700 var(--fs-h3) / var(--lh-h3) var(--font-display);display:flex}.card-title .icon{color:var(--era)}.card-text{max-width:65ch;color:var(--mat-ink-2);font:400 var(--fs-body) / var(--lh-body) var(--font-body)}.panel-heading{align-items:center;gap:var(--sp-2);color:var(--mat-ink);font:700 var(--fs-h3) / var(--lh-h3) var(--font-display);display:flex}.panel-heading .icon{color:var(--era)}.settings{gap:var(--sp-2);max-width:760px;display:grid}.screen--settings>:is(.screen-head,.screen-body){max-width:840px;margin-inline:max(0px,50% - 590px) auto}.screen--settings>.screen-foot{grid-template-columns:minmax(0,840px);justify-content:start;display:grid}.screen--settings>.screen-foot>*{justify-self:end}.screen--credits>:is(.screen-head,.screen-body){max-width:900px;margin-inline:max(0px,50% - 590px) auto}.settings .px-slider{max-width:none}@media (max-width:600px){.settings .setting-row--slider{align-items:center;column-gap:var(--sp-3);padding-bottom:var(--sp-1);grid-template-columns:minmax(0,1fr) auto;display:grid}.settings .setting-row--slider .setting-text{grid-area:1/1}.settings .setting-row--slider .slider-value{grid-area:1/2}.settings .setting-row--slider .px-slider{grid-area:2/1/3/-1;width:100%}.settings .field--quality .segmented{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.settings .seg-btn{padding-inline:2px}.settings .field--motion .segmented{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.settings .field--motion .seg-btn:first-child{grid-column:1/-1}.settings .setting-icon{display:none}}.settings-group{gap:var(--sp-2);display:grid}.settings .seg-check{display:none}.settings-heading{color:var(--mat-ink);font:700 var(--fs-h3) / var(--lh-h3) var(--font-display)}.settings-divider{margin:var(--sp-2) 0}.settings-actions{gap:var(--sp-2);padding:var(--sp-1) 0;flex-wrap:wrap;display:flex}.setting-row .px-key{flex:none}.inline-ask,.pause-confirm{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.inline-ask__text,.pause-confirm__ask{color:var(--mat-ink);font:700 var(--fs-body) / var(--lh-body) var(--font-display)}.key-doc{border-collapse:collapse;width:100%}.key-doc th,.key-doc td{padding:var(--sp-1) 0;text-align:left;vertical-align:middle}.key-doc th{width:1%;padding-right:var(--sp-4);white-space:nowrap;font-weight:400}.key-doc td{color:var(--mat-ink-2)}.key-doc tr+tr>*{border-top:2px solid var(--mat-lip)}.key-combo{align-items:center;gap:var(--sp-1);flex-wrap:wrap;display:inline-flex}.key-doc .key-combo{flex-wrap:nowrap}.key-doc-holder{justify-self:stretch;max-width:720px}.key-sep{color:var(--mat-muted);font:400 var(--fs-label) / var(--lh-label) var(--font-num)}.key-cap--icon .icon{width:var(--icon-xs);height:var(--icon-xs)}.pause-context{color:var(--mat-ink-2);font:400 var(--fs-body) / var(--lh-body) var(--font-body)}.pause-list>.pause-item{justify-content:flex-start;width:100%;min-height:48px}.pause-item .px-key{margin-left:auto}.pause-vote-line{align-items:center;gap:var(--sp-2);display:flex}.pause-vote-text{text-align:left;display:grid}.pause-reason{font:400 var(--fs-small) / 18px var(--font-body);white-space:nowrap}@media (min-height:501px),(max-width:599px){.pause:has(.pause-item--vote){width:min(480px,100%)}}.pause-item--vote{min-width:0}.pause-vote-line{flex-wrap:wrap;row-gap:2px}@media (max-width:480px){.pause-reason{white-space:normal}}.sound-row .sound-lever{margin-left:auto}.sound-row .px-key{margin-left:var(--sp-1)}.pause-confirm{min-height:48px}.pause .key-doc :is(tbody,tr,th,td){display:block}.pause .key-doc th{width:auto;padding:var(--sp-2) 0 2px}.pause .key-doc td{padding:0 0 var(--sp-2)}.pause .key-doc tr+tr>td{border-top:0}.pause-confirm .pause-confirm__ask{flex:1}@media (max-height:500px){.pause-list>.pause-item,.pause-confirm{min-height:var(--tap)}.pause-list>.pause-confirm{grid-column:1/-1}.pause .modal-note{display:none}}@media (max-height:500px) and (min-width:600px){.pause-list>:is(.px-btn--primary,.pause-item--vote){grid-column:1/-1}.pause-list>.pause-item{min-width:0}}@media (forced-colors:active){:is(.screen--settings,.screen--howto,.screen--credits,.screen--online)>.screen-body{background-image:none;border-color:canvastext;border-image:}}.screen--title{align-items:center;column-gap:var(--sp-7);row-gap:var(--sp-2);padding:calc(var(--sp-4) + var(--safe-t)) calc(var(--sp-7) + var(--safe-r)) calc(var(--sp-4) + var(--safe-b)) calc(var(--sp-7) + var(--safe-l));background:0 0;grid-template:"top top""art actions"minmax(0,1fr)/minmax(0,1fr) minmax(320px,440px);display:grid}.screen--title>:not(.title-scrim){z-index:1;position:relative}.title-scrim{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.title-band{background:var(--mat-well);-webkit-mask:var(--title-scrim-1) var(--mx,0) var(--my,0) / 4px 4px repeat;-webkit-mask:var(--title-scrim-1) var(--mx,0) var(--my,0) / 4px 4px repeat;mask:var(--title-scrim-1) var(--mx,0) var(--my,0) / 4px 4px repeat;image-rendering:pixelated;display:block;position:absolute}.title-band--2{-webkit-mask-image:var(--title-scrim-2);-webkit-mask-image:var(--title-scrim-2);mask-image:var(--title-scrim-2)}.title-top{min-height:var(--tap);grid-area:top;justify-content:flex-end;display:flex}.title-mute.mute-btn--labelled,.title-mute.mute-btn--labelled:active{background-color:var(--mat-well)}.title-art{place-self:center start;justify-items:start;gap:var(--sp-4);width:min(100%,560px);padding:calc(var(--frw-band) + var(--sp-4));grid-area:art;grid-template-columns:minmax(0,1fr);display:grid}.title-art>*{max-width:100%}.title-logo{align-items:center;gap:var(--sp-3);min-width:0;display:flex}.title-emblem{width:var(--icon-l);height:var(--icon-l);image-rendering:pixelated}@media (min-width:1100px) and (min-height:700px){.title-emblem{width:var(--icon-xl);height:var(--icon-xl)}}@media (max-width:599px),(max-height:500px){.title-logo{gap:var(--sp-2)}.title-emblem{width:var(--icon-m);height:var(--icon-m)}}.tagline{max-width:34ch;color:var(--mat-ink-2);font:400 var(--fs-body) / var(--lh-body) var(--font-body);text-wrap:balance}.title-art{container:keyart/inline-size}.epoch-gems{gap:var(--sp-1);grid-template-columns:repeat(10,24px);display:grid}@container keyart (width<276px){.epoch-gems{grid-template-columns:repeat(5,24px)}}.epoch-gem{width:24px;height:24px;color:var(--mat-lip);--icon-2:var(--mat-edge);place-items:center;display:grid}.epoch-gem.is-done,.epoch-gem.is-current{color:var(--tint)}.epoch-gem.is-open{color:var(--mat-rim)}.title-chapter{align-items:center;gap:var(--sp-1) var(--sp-3);color:var(--mat-ink-2);font:400 var(--fs-small) / var(--lh-small) var(--font-body);flex-wrap:wrap;display:flex}.title-stars{align-items:center;gap:var(--sp-1);color:var(--gold);font:400 var(--fs-label) / var(--lh-label) var(--font-num);display:inline-flex}.title-star{color:var(--gold);--icon-2:var(--mat-edge)}.title-actions{gap:var(--sp-2);grid-area:actions;justify-self:end;width:100%;display:grid}.play-btn{justify-content:flex-start;gap:var(--sp-3);width:100%;padding:0 var(--sp-3);text-align:left}.play-emblem{width:var(--icon-l);height:var(--icon-l);color:var(--mat-plate-ink);--icon-2:var(--mat-plate)}.play-text{flex:1;min-width:0;display:grid}.play-line{align-items:center;gap:var(--sp-2);display:flex}.play-label{font:700 var(--fs-h2) / 24px var(--font-display)}.play-meta{font:400 var(--fs-small) / 18px var(--font-body);white-space:nowrap;overflow:hidden}.play-key{flex:none}@media (min-width:900px) and (min-height:500px){.play-label{line-height:36px}.play-meta{line-height:20px}}.title-rows{gap:var(--sp-2);display:grid}.title-row{align-items:center;gap:var(--sp-3);width:100%;min-height:var(--tap-primary);padding:0 var(--sp-3);font:400 var(--fs-body) / var(--lh-body) var(--font-body);text-align:left;white-space:nowrap;display:flex}.title-row__icon{color:var(--era)}.title-row__icon[data-grid="12"]{margin:0 var(--sp-1)}.title-row__label{flex:1;min-width:0}.title-row__meta{align-items:center;gap:var(--sp-1);color:var(--gold);font:400 var(--fs-label) / var(--lh-label) var(--font-num);display:inline-flex}.title-more{gap:var(--sp-1);flex-wrap:wrap;display:flex}.title-quiet{padding:0 var(--sp-1);flex:auto}@media (max-width:1100px){.screen--title{column-gap:var(--sp-5);padding-left:calc(var(--sp-5) + var(--safe-l));padding-right:calc(var(--sp-5) + var(--safe-r));grid-template-columns:minmax(0,1fr) minmax(300px,440px)}.title-art{padding:calc(var(--frw-band) + var(--sp-3))}}@media (max-height:500px){.screen--title{align-items:start;row-gap:var(--sp-1);column-gap:var(--sp-4);padding:calc(var(--sp-2) + var(--safe-t)) calc(var(--sp-4) + var(--safe-r)) calc(var(--sp-2) + var(--safe-b)) calc(var(--sp-4) + var(--safe-l));grid-template:"art top""art actions"minmax(0,1fr)/minmax(0,1fr) minmax(300px,360px)}.play-btn{gap:var(--sp-2);padding:0 var(--sp-2)}.play-emblem{width:var(--icon-m);height:var(--icon-m)}.title-actions{align-self:start}.title-art{align-self:center;gap:var(--sp-2);padding:calc(var(--frw-band) + var(--sp-2))}.title-actions{gap:var(--sp-1);padding:var(--sp-2)}.title-rows{gap:var(--sp-1)}.title-row{min-height:48px}}@media (max-width:600px) and (orientation:portrait){.screen--title{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(var(--sp-5), 1fr) auto;padding-left:calc(var(--sp-4) + var(--safe-l));padding-right:calc(var(--sp-4) + var(--safe-r));grid-template-areas:"top""art"".""actions";align-items:start;overflow-y:auto}.title-art{width:100%;padding:calc(var(--frw-band) + var(--sp-2));gap:var(--sp-3)}.title-actions{justify-self:stretch}.title-actions.px-panel{padding:calc(var(--frw-band) + 2px)}.play-btn{gap:var(--sp-2);padding:0 var(--sp-2)}.play-emblem{width:var(--icon-m);height:var(--icon-m)}}@media (max-width:700px),(max-height:500px){.title-mute .mute-label{display:none}.title-mute.mute-btn--labelled{width:var(--tap);min-width:var(--tap);justify-content:center;padding:0}}.modal-backdrop{z-index:var(--z-modal);padding:calc(12px + var(--safe-t)) calc(12px + var(--safe-r)) calc(12px + var(--safe-b)) calc(12px + var(--safe-l));background:var(--tile-scrim,none) 0 0 / 4px 4px, transparent;image-rendering:pixelated;place-items:center;display:grid;position:absolute;inset:0}.modal-backdrop>.modal{animation:.16s step-end both px-rise}.modal-backdrop.is-covered{visibility:hidden}.modal{width:min(520px,100%);max-height:calc(100dvh - 24px - var(--safe-t) - var(--safe-b));border:var(--frw-dialog) solid;border-color:var(--mat-rim-hi) var(--mat-rim-lo) var(--mat-rim-lo) var(--mat-rim-hi);border-image:var(--fr-dialog,none) 6 / var(--frw-dialog) / 0 stretch;background:var(--band-layers,none), var(--mat-face);box-shadow:var(--e3);image-rendering:pixelated;color:var(--mat-ink);background-origin:padding-box;background-clip:padding-box;grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:relative;overflow:hidden}.modal-head{align-items:center;gap:var(--sp-2);padding:calc(var(--frw-band) + var(--sp-2)) calc(var(--frw-band) + var(--sp-2)) var(--sp-2);display:flex;position:relative}.modal-eyebrow{color:var(--mat-muted);font:400 var(--fs-label) / var(--lh-label) var(--font-num);text-transform:uppercase;flex:none}.modal-title{min-width:0;max-inline-size:100%;padding:0 var(--sp-2);border:6px solid;border-color:var(--mat-plate) var(--mat-plate-tex) var(--mat-plate-tex) var(--mat-plate);border-image:var(--fr-plate,none) 3 / 6px / 0 stretch;background:var(--mat-plate);image-rendering:pixelated;color:var(--mat-plate-ink);font:700 var(--fs-h2) / var(--lh-h2) var(--font-display);text-overflow:ellipsis;white-space:nowrap;background-clip:padding-box;overflow:hidden}.modal-head:has(.modal-eyebrow){flex-wrap:wrap}.modal-close{margin-left:auto}.modal-body{gap:var(--sp-3);min-height:0;padding:var(--sp-1) calc(var(--frw-band) + var(--sp-2)) var(--sp-3);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--mat-rim) var(--mat-well);font:400 var(--fs-body) / var(--lh-body) var(--font-body);align-content:start;display:grid;overflow-y:auto}.modal-sub{color:var(--mat-muted)}.modal-text{color:var(--mat-ink-2)}.modal-note{color:var(--mat-muted);font:400 var(--fs-small) / var(--lh-prose) var(--font-body)}.modal-foot{justify-content:flex-end;gap:var(--sp-2);padding:var(--sp-3) calc(var(--frw-band) + var(--sp-2)) calc(var(--frw-band) + var(--sp-2));background:var(--tile-divider,none) 0 0 / 8px 2px repeat-x;background-position:calc(var(--frw-band) + var(--sp-2)) 0;flex-wrap:wrap;display:flex}.pause{width:min(400px,100%)}.pause-list{gap:var(--sp-2);display:grid}.pause-list>.btn{justify-content:flex-start;width:100%;min-height:48px}.pause-list>.btn--primary{justify-content:center}.sound-row{align-items:center;gap:var(--sp-2);width:100%;min-height:48px;padding:0 var(--sp-3);border-style:solid;border-width:var(--frw-btn) var(--frw-btn) var(--frw-btn-b);border-color:var(--mat-rim-hi) var(--mat-rim-lo) var(--mat-lip) var(--mat-rim-hi);border-image:var(--fr-btn,none) 3 3 4 3 / var(--frw-btn) var(--frw-btn) var(--frw-btn-b) / 0 stretch;background:var(--mat-raise);image-rendering:pixelated;color:var(--mat-ink);font:400 var(--fs-body) / var(--lh-body) var(--font-body);cursor:pointer;background-clip:padding-box;display:flex;position:relative}@media (hover:hover){.sound-row:hover{border-image-source:var(--fr-btn-hi,none)}}.sound-row:active{border-image-source:var(--fr-btn-down,none);background-color:var(--mat-face-2);transform:translateY(2px)}.sound-row .sound-row-text{text-align:left;flex:1}.sound-row .mute-icon--off,.sound-row.is-muted .mute-icon--on{display:none}.sound-row.is-muted .mute-icon--off{display:block}.sound-row.is-muted{color:var(--warn)}.pause-controls .key-grid{margin-top:var(--sp-2)}.pause .modal-foot{display:none}.inline-confirm{gap:var(--sp-2);padding:var(--sp-3);border:var(--frw-well) solid var(--danger);background:var(--mat-face-2);background-clip:padding-box;display:grid}.inline-confirm .modal-sub{color:var(--mat-ink);font:700 var(--fs-h3) / var(--lh-h3) var(--font-display)}.inline-confirm-actions{justify-content:flex-end;gap:var(--sp-2);margin-top:var(--sp-1);flex-wrap:wrap;display:flex}.confirm{width:min(420px,100%)}.disclosure{border:var(--frw-well) solid var(--mat-edge);border-image:var(--fr-track,none) 1 / var(--frw-well) / 0 stretch;background:var(--mat-face-2);image-rendering:pixelated;background-clip:padding-box}.disclosure-summary{align-items:center;gap:var(--sp-2);min-height:48px;padding:0 var(--sp-3);cursor:pointer;list-style:none;display:flex}@media (hover:hover){.disclosure-summary:hover{background:var(--mat-raise)}}.disclosure-summary::-webkit-details-marker{display:none}.disclosure-summary>span{flex:1}.disclosure[open] .disclosure-chevron{transform:scaleY(-1)}.disclosure-body{padding:0 var(--sp-3) var(--sp-3)}@media (max-height:500px){.modal-head{padding:calc(var(--frw-band) + var(--sp-1)) calc(var(--frw-band) + var(--sp-2)) var(--sp-1)}.modal-body{padding:var(--sp-1) calc(var(--frw-band) + var(--sp-2)) var(--sp-2)}.modal-foot{padding:var(--sp-2) calc(var(--frw-band) + var(--sp-2)) calc(var(--frw-band) + var(--sp-1))}.pause-list>.btn,.sound-row,.disclosure-summary{min-height:var(--tap)}}@media (max-height:500px) and (min-width:600px){.pause{width:min(560px,100%)}.pause-list{grid-template-columns:repeat(2,minmax(0,1fr))}.pause-list>.btn--primary,.pause-list>.disclosure[open]{grid-column:1/-1}.pause-list>.btn,.pause-list>.sound-row{min-width:0}}.field{gap:var(--sp-2);align-content:start;min-width:0;display:grid}.field-label{color:var(--mat-muted);font:400 var(--fs-label) / var(--lh-label) var(--font-num);text-transform:uppercase}.field-hint{color:var(--mat-muted);font:400 var(--fs-small) / var(--lh-prose) var(--font-body)}.segmented{gap:var(--sp-2);flex-wrap:wrap;padding-bottom:2px;display:flex}.segmented--grid{grid-template-columns:repeat(var(--cols,4), minmax(0, 1fr));display:grid}.seg-btn,.px-tab{min-width:64px;min-height:var(--tap);padding:2px var(--sp-3);border-style:solid;border-width:var(--frw-btn) var(--frw-btn) var(--frw-btn-b);border-color:var(--mat-rim-hi) var(--mat-rim-lo) var(--mat-lip) var(--mat-rim-hi);border-image:var(--fr-btn,none) 3 3 4 3 / var(--frw-btn) var(--frw-btn) var(--frw-btn-b) / 0 stretch;background-color:var(--mat-raise);image-rendering:pixelated;color:var(--mat-ink-2);font:400 var(--fs-body) / var(--lh-body) var(--font-body);text-align:center;cursor:pointer;background-clip:padding-box;flex:auto;align-content:center;justify-items:center;gap:2px;display:inline-grid;position:relative}@media (hover:hover){.seg-btn:hover,.px-tab:hover{border-image-source:var(--fr-btn-hi,none);border-color:var(--mat-rim-hi) var(--mat-rim) var(--mat-lip) var(--mat-rim-hi);color:var(--mat-ink)}}.seg-btn:active,.px-tab:active{border-image-source:var(--fr-btn-down,none);border-color:var(--mat-rim-lo) var(--mat-rim) var(--mat-edge) var(--mat-rim-lo);background-color:var(--mat-face-2);transform:translateY(2px)}.seg-btn[aria-checked=true],.px-tab[aria-selected=true]{border-image-source:var(--fr-btn-down,none);border-color:var(--mat-rim-lo) var(--mat-rim) var(--mat-edge) var(--mat-rim-lo);background-color:var(--mat-face-2);background-image:var(--tick-tl,none), var(--tick-tr,none), var(--tick-bl,none), var(--tick-br,none);color:var(--mat-ink);background-position:0 0,100% 0,0 100%,100% 100%;background-repeat:no-repeat;background-size:6px 6px;background-origin:padding-box;transform:translateY(2px)}.seg-btn:is(:disabled,[aria-disabled=true]),.px-tab:is(:disabled,[aria-disabled=true]){border-image-source:var(--fr-btn-off,none);border-color:var(--mat-rim-lo);background:var(--tile-dither-off,none) 0 0 / 8px 8px, var(--mat-face-2);color:var(--mat-muted);cursor:not-allowed;background-clip:padding-box;transform:none}.seg-btn[data-state=error],.px-tab[data-state=error]{border-image-source:var(--fr-btn-err,none);animation:.16s step-end px-shake}.seg-btn.is-busy,.px-tab.is-busy{cursor:progress}.seg-btn[data-state=success],.px-tab[data-state=success]{border-image-source:var(--fr-btn-ok,none)}.seg-check{width:var(--icon-xs);height:var(--icon-xs);color:var(--era);visibility:hidden;position:absolute;top:4px;right:6px}.seg-btn[aria-checked=true] .seg-check{visibility:visible}.seg-label{white-space:nowrap;min-width:0;max-width:100%;overflow:hidden}.seg-sub{color:var(--mat-muted);font:400 var(--fs-small) / var(--lh-small) var(--font-body)}.seg-btn[aria-checked=true] .seg-sub{color:var(--mat-ink-2)}@media (hover:hover){:is(.seg-btn--tile,.seg-btn--era,.seg-btn--biome):hover{border-image-source:var(--fr-card-hi,none)}}:is(.seg-btn--tile,.seg-btn--era,.seg-btn--biome):is(:active,[aria-checked=true]){border-image-source:var(--fr-card-down,none)}:is(.seg-btn--tile,.seg-btn--era,.seg-btn--biome):is(:disabled,[aria-disabled=true]){border-image-source:var(--fr-card-off,none)}.seg-btn--tile{padding:var(--sp-2) var(--sp-3);text-align:left;border-image-source:var(--fr-card,none);align-content:start;justify-items:start}.seg-btn--tile .seg-sub{padding-right:var(--sp-2)}.seg-btn--era{gap:var(--sp-1);min-height:84px;padding:var(--sp-2) var(--sp-1);border-image-source:var(--fr-card,none)}.seg-btn--era .seg-label{color:var(--era);font:400 var(--fs-label) / var(--lh-label) var(--font-num)}.seg-btn--era .seg-sub{max-width:100%;color:var(--mat-ink-2);white-space:nowrap;overflow:hidden}.seg-btn--era .emblem{width:var(--icon-m);height:var(--icon-m)}.seg-btn--biome{gap:var(--sp-1);padding:var(--sp-2) var(--sp-1);border-image-source:var(--fr-card,none)}.biome-swatch{border:2px solid var(--mat-edge);background:var(--sky-b,var(--mat-rim-lo));width:100%;height:26px;box-shadow:inset 0 8px 0 var(--sky-a,var(--mat-rim)), inset 0 -8px 0 var(--ground,var(--mat-lip));color:var(--mat-ink);place-items:center;display:grid}.biome-swatch .icon{width:var(--icon-xs);height:var(--icon-xs)}.biome-swatch[data-biome=random]{background:var(--tile-dither-off,none) 0 0 / 8px 8px, var(--mat-raise);box-shadow:none}.biome-swatch[data-biome=grassland]{--sky-a:var(--biome-grassland-a);--sky-b:var(--biome-grassland-b);--ground:var(--biome-grassland-g)}.biome-swatch[data-biome=desert]{--sky-a:var(--biome-desert-a);--sky-b:var(--biome-desert-b);--ground:var(--biome-desert-g)}.biome-swatch[data-biome=snow]{--sky-a:var(--biome-snow-a);--sky-b:var(--biome-snow-b);--ground:var(--biome-snow-g)}.biome-swatch[data-biome=volcanic]{--sky-a:var(--biome-volcanic-a);--sky-b:var(--biome-volcanic-b);--ground:var(--biome-volcanic-g)}.biome-swatch[data-biome=swamp]{--sky-a:var(--biome-swamp-a);--sky-b:var(--biome-swamp-b);--ground:var(--biome-swamp-g)}.biome-swatch[data-biome=night]{--sky-a:var(--biome-night-a);--sky-b:var(--biome-night-b);--ground:var(--biome-night-g)}.biome-swatch[data-biome=neon]{--sky-a:var(--biome-neon-a);--sky-b:var(--biome-neon-b);--ground:var(--biome-neon-g)}.biome-swatch[data-biome=lunar]{--sky-a:var(--biome-lunar-a);--sky-b:var(--biome-lunar-b);--ground:var(--biome-lunar-g)}.biome-swatch[data-biome=alien]{--sky-a:var(--biome-alien-a);--sky-b:var(--biome-alien-b);--ground:var(--biome-alien-g)}.setting-row{align-items:center;gap:var(--sp-3);width:100%;min-height:56px;padding:var(--sp-2) var(--sp-1);border:0;border-bottom:2px solid var(--mat-rim-lo);color:var(--mat-ink);font:400 var(--fs-body) / var(--lh-body) var(--font-body);text-align:left;cursor:pointer;background:0 0;display:flex}.setting-row:last-child{border-bottom:0}.setting-icon{width:var(--icon-s);height:var(--icon-s);color:var(--era)}.setting-text{flex:1;gap:2px;min-width:0;display:grid}.setting-hint{color:var(--mat-muted);font:400 var(--fs-small) / var(--lh-prose) var(--font-body)}.setting-row--input{cursor:default;flex-wrap:wrap}.setting-row--input .setting-text{flex:1 0 auto}.setting-row--input .setting-hint{white-space:nowrap}.name-input{flex:auto;width:auto;min-width:min(34ch,100%);max-width:100%}@media (max-height:500px){.setting-row{min-height:48px;padding:2px var(--sp-1)}.setting-row--slider{min-height:var(--tap);padding:0 var(--sp-1)}}.switch-state{min-width:3em;color:var(--mat-muted);font:400 var(--fs-label) / var(--lh-label) var(--font-num);text-align:right;text-transform:uppercase}.setting-row--switch[aria-checked=true] .switch-state{color:var(--mat-ink)}.switch,.px-toggle{border:var(--frw-well) solid var(--mat-edge);border-image:var(--fr-track,none) 1 / var(--frw-well) / 0 stretch;background:var(--mat-well);width:52px;height:32px;image-rendering:pixelated;background-clip:padding-box;flex:none;position:relative}.switch:before,.px-toggle:before{content:"";background:var(--mat-lip);width:8px;height:8px;position:absolute;top:10px;left:6px}.switch:after,.px-toggle:after{content:"";border:2px solid var(--mat-edge);background:var(--mat-rim-lt);width:20px;height:24px;box-shadow:inset 2px 2px 0 var(--mat-rim-hi), inset -2px -2px 0 var(--mat-rim-lo);position:absolute;top:2px;left:2px}:is(.setting-row--switch[aria-checked=true] .switch,.px-toggle[aria-checked=true]):before{background:var(--era)}:is(.setting-row--switch[aria-checked=true] .switch,.px-toggle[aria-checked=true]):after{transform:translate(24px)}.setting-row--switch:active .switch:after,.px-toggle:active:after{transform:translate(12px)}@media (hover:hover){.setting-row--switch:hover .switch,.px-toggle:hover{border-color:var(--mat-rim);border-image-source:none}}.setting-row--slider{min-height:var(--tap);cursor:default}.setting-row--slider .setting-text{flex:0 0 8em}.slider,.px-slider{contain:inline-size;width:0;min-width:0;max-width:300px;height:var(--tap);cursor:pointer;appearance:none;background:0 0;flex:140px;margin:0}.slider::-webkit-slider-runnable-track{border:2px solid var(--mat-edge);background:var(--tile-notch,none) 0% 100% / 2px 6px no-repeat, var(--tile-notch,none) 10% 100% / 2px 6px no-repeat, var(--tile-notch,none) 20% 100% / 2px 6px no-repeat, var(--tile-notch,none) 30% 100% / 2px 6px no-repeat, var(--tile-notch,none) 40% 100% / 2px 6px no-repeat, var(--tile-notch,none) 50% 100% / 2px 6px no-repeat, var(--tile-notch,none) 60% 100% / 2px 6px no-repeat, var(--tile-notch,none) 70% 100% / 2px 6px no-repeat, var(--tile-notch,none) 80% 100% / 2px 6px no-repeat, var(--tile-notch,none) 90% 100% / 2px 6px no-repeat, var(--tile-notch,none) 100% 100% / 2px 6px no-repeat, var(--mat-well);height:12px}.slider::-moz-range-track{border:2px solid var(--mat-edge);background:var(--mat-well);height:10px}.slider::-webkit-slider-thumb{border:2px solid var(--mat-edge);background:var(--mat-rim-lt);width:16px;height:24px;box-shadow:inset 2px 2px 0 var(--mat-rim-hi), inset -2px -2px 0 var(--mat-rim-lo);-webkit-appearance:none;margin-top:-8px}.slider::-moz-range-thumb{border:2px solid var(--mat-edge);background:var(--mat-rim-lt);border-radius:0;width:12px;height:20px}@media (hover:hover){.slider:hover::-webkit-slider-thumb{background:var(--mat-rim-hi)}}.slider:active::-webkit-slider-thumb{box-shadow:inset 2px 2px 0 var(--mat-rim-lo), inset -2px -2px 0 var(--mat-rim)}.px-slider:active::-webkit-slider-thumb{box-shadow:inset 2px 2px 0 var(--mat-rim-lo), inset -2px -2px 0 var(--mat-rim)}.slider:disabled{cursor:not-allowed}.slider-value{min-width:4em;color:var(--mat-ink-2);font:400 var(--fs-label) / var(--lh-label) var(--font-num);text-align:right}.px-stepper{align-items:center;gap:var(--sp-1);display:inline-flex}.px-stepper__value{min-width:64px;min-height:var(--tap);padding:0 var(--sp-2);border:var(--frw-well) solid var(--mat-edge);border-image:var(--fr-track,none) 1 / var(--frw-well) / 0 stretch;background:var(--mat-well);image-rendering:pixelated;font:400 var(--fs-body) / var(--lh-body) var(--font-body);background-clip:padding-box;place-items:center;display:inline-grid}.px-stepper .px-btn:active{transform:translateY(2px)}.px-stepper[data-state=error]{animation:.16s step-end px-shake}.online-body{gap:var(--sp-3);align-content:start;display:grid}.field--name{max-width:380px}.field--name .field-hint{min-height:var(--lh-small)}.online-menu{gap:var(--sp-5);grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;display:grid}.online-quick,.online-private,.online-join{gap:var(--sp-3);align-content:start;justify-items:start;min-width:0;display:grid}.online-quick>.field,.online-private>.field{width:100%}.online-quick .card-text{min-height:calc(2 * var(--lh-body))}.online-find{min-width:240px;min-height:var(--tap-primary)}:is(.field--mode,.field--role) .seg-btn{justify-content:center;align-items:center;gap:var(--sp-2);display:inline-flex}:is(.field--mode,.field--role) .seg-btn>.icon:not(.seg-check){display:block}.screen--online .seg-check{display:none}.online-side{gap:var(--sp-3);align-content:start;min-width:0;display:grid}.online-side>.px-divider{margin:0}@media (max-width:899px){.online-menu{grid-template-columns:minmax(0,1fr)}.online-menu.is-joining .online-side{order:-1}}.code-row{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.code-well{min-height:var(--tap);padding:0 var(--sp-2);align-items:center;display:inline-flex}.code-well[data-state=error]{border-color:var(--danger);border-image:;animation:.16s step-end px-shake}.code-input{width:156px;height:40px;color:var(--mat-ink);caret-color:var(--mat-cursor);font:400 var(--fs-num-l) / var(--lh-num-l) var(--font-num);letter-spacing:2px;text-transform:uppercase;-webkit-user-select:text;user-select:text;background:0 0;border:0;padding:0}.code-input[aria-invalid=true]{color:var(--danger-ink)}.code-hint{min-height:var(--lh-prose)}.code-hint.is-error{color:var(--danger-ink)}.online-notice{align-items:start;gap:var(--sp-3);width:min(560px,100%);margin-top:var(--sp-3);grid-template-columns:48px minmax(0,1fr);display:grid}.online-notice__cell{border:var(--frw-badge) solid var(--mat-edge);background:var(--mat-well);width:48px;height:48px;color:var(--era);background-clip:padding-box;place-items:center;display:grid}.online-notice.is-error .online-notice__cell{background-color:var(--danger-bg);color:var(--danger-ink)}.online-notice__body{gap:var(--sp-2);min-width:0;display:grid}.notice-title{font:700 var(--fs-h3) / var(--lh-h3) var(--font-display)}.notice-text{max-width:60ch;color:var(--mat-ink-2)}.notice-actions{gap:var(--sp-2);margin-top:var(--sp-1);flex-wrap:wrap;display:flex}.search-time{align-items:center;gap:var(--sp-2);color:var(--mat-ink);font:700 var(--fs-num-l) / var(--lh-num-l) var(--font-num);display:flex}.search-elapsed{min-inline-size:4ch}.online-offline{gap:var(--sp-3);justify-items:start;display:grid}.online-offline>*{width:min(560px,100%)}.online-offline>.px-divider{margin:0}.online-offline .online-notice{margin-top:0}@media (min-width:900px){.online-offline{align-items:start;column-gap:var(--sp-5);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.online-offline>*{width:100%}.online-offline>.px-divider{display:none}}.online-checked{color:var(--mat-muted);font:400 var(--fs-small) / var(--lh-small) var(--font-body)}.online-modes,.online-mode-list{gap:var(--sp-2);display:grid}.online-mode{align-items:center;gap:var(--sp-3);width:100%;min-height:var(--tap-primary);padding:var(--sp-1) var(--sp-3);text-align:left;display:flex}.online-mode__cell{width:var(--icon-m);height:var(--icon-m);color:var(--mat-muted);flex:none;place-items:center;display:grid}.online-mode__text{flex:1;min-width:0;display:grid}.online-mode__label{color:var(--mat-ink-2);white-space:nowrap}.online-mode__sub{color:var(--mat-muted);font:400 var(--fs-small) / 18px var(--font-body);white-space:nowrap}.online-mode__lock{width:var(--icon-xs);height:var(--icon-xs);color:var(--mat-muted);display:block}@media (max-height:500px){.online-body{gap:var(--sp-2)}.field--name{align-items:center;column-gap:var(--sp-3);grid-template-columns:auto minmax(0,240px);max-width:none}.field--name .field-hint{display:none}.online-quick .card-text{min-height:0}.online-notice{margin-top:0}}.lobby{justify-items:start;gap:var(--sp-3);width:100%;max-width:760px;display:grid}.room-row{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.room-label{color:var(--mat-muted);font:400 var(--fs-label) / var(--lh-label) var(--font-num);text-transform:uppercase}.room-well{min-height:var(--tap);padding:0 var(--sp-3);align-items:center;display:inline-flex}.room-code{color:var(--mat-ink);font:700 var(--fs-num-l) / var(--lh-num-l) var(--font-num);letter-spacing:2px}.lobby-hint{margin-top:calc(-1 * var(--sp-1))}.lobby-seats{gap:var(--sp-3);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.lobby-plaque{align-content:start;justify-items:start;gap:var(--sp-2);min-height:120px;padding:var(--sp-2) var(--sp-3);display:grid}.lobby-plaque.is-empty{padding:0}.lobby-plaque__head{align-items:center;gap:var(--sp-1);color:var(--mat-ink);display:inline-flex}.lobby-pennant--ally{color:var(--ally);--icon-2:var(--ally-strong)}.lobby-pennant--enemy{color:var(--enemy);--icon-2:var(--enemy-strong)}.lobby-tag{border:var(--frw-badge) solid var(--mat-edge);background:var(--mat-well);height:14px;color:var(--mat-ink);background-clip:padding-box;align-items:center;padding:0 2px;display:inline-flex}.lobby-name{max-width:100%;color:var(--mat-ink);font:400 22px / 28px var(--font-body);white-space:nowrap;overflow:hidden}.lobby-badge .icon{width:var(--icon-xs);height:var(--icon-xs)}.lobby-badge--idle{color:var(--mat-muted)}.lobby-empty{gap:var(--sp-1);width:100%;padding:var(--sp-3);display:grid}.lobby-empty__line{align-items:center;gap:var(--sp-2);color:var(--mat-ink-2);display:inline-flex}.lobby-empty__hint{color:var(--mat-muted);font:400 var(--fs-small) / var(--lh-prose) var(--font-body)}.lobby-bar{align-items:center;gap:var(--sp-3);flex-wrap:wrap;width:100%;min-height:96px;display:flex}.lobby-ready{min-width:200px;min-height:var(--tap-primary);justify-content:flex-start}.lobby-ready__text{text-align:left;display:grid}.lobby-ready__meta{font:400 var(--fs-small) / 18px var(--font-body);white-space:nowrap}.lobby-status{min-width:0;color:var(--mat-ink-2);flex:240px}.countdown-well{place-items:center;min-width:96px;min-height:96px;display:grid}.countdown-num{color:var(--ink);font:700 64px / 80px var(--font-num)}.lobby-bar__side{justify-items:start;gap:var(--sp-1);display:grid}.countdown-label{color:var(--mat-muted);font:400 var(--fs-label) / var(--lh-label) var(--font-num);text-transform:uppercase}.lobby-role-note{color:var(--mat-ink-2)}.lobby-notice{align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-2);border:var(--frw-badge) solid var(--mat-edge);background:var(--mat-face-2);color:var(--mat-ink);background-clip:padding-box;display:flex}.lobby-notice__cell{background:var(--danger-bg);width:40px;height:40px;color:var(--danger-ink);flex:none;place-items:center;display:grid}@media (max-width:640px){.lobby-seats{grid-template-columns:minmax(0,1fr)}.lobby-plaque{min-height:0}}@media (max-height:500px){.lobby{gap:var(--sp-2)}.lobby-hint{display:none}.lobby-plaque{min-height:0}.lobby-empty__hint{display:none}.lobby-bar{min-height:0}.countdown-well{min-width:64px;min-height:64px}.countdown-num{font-size:var(--fs-num-xl);line-height:var(--lh-num-xl)}.lobby{grid-template-columns:minmax(0,1fr) auto}.lobby>*{grid-column:1/-1}.lobby>.lobby-bar{grid-column:1}.lobby>.screen-actions{grid-column:2;align-self:center;margin-top:0}}.lobby--duo{max-width:1040px}.duo-top{justify-content:space-between;align-items:center;gap:var(--sp-3);flex-wrap:wrap;width:100%;display:flex}.duo-fill{align-items:center;gap:var(--sp-3);display:flex}.duo-fill__text{display:grid}.duo-fill__label{color:var(--mat-ink)}.duo-fill--read{color:var(--mat-muted);font:400 var(--fs-small) / var(--lh-prose) var(--font-body)}.duo-teams{gap:var(--sp-4);grid-template-rows:repeat(3,auto);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.duo-team{grid-row:span 3;grid-template-rows:subgrid;align-content:start;gap:var(--sp-2);min-width:0;display:grid}.duo-team__plate{justify-self:start;align-items:center;gap:var(--sp-1);max-width:100%;font:700 var(--fs-h3) / var(--lh-h3) var(--font-display);white-space:nowrap;display:inline-flex}.duo-team__mine{font:400 var(--fs-small) / var(--lh-small) var(--font-body)}.duo-seat{align-items:center;gap:0 var(--sp-3);min-height:var(--tap-primary);padding:var(--sp-1) var(--sp-3);grid-template-columns:minmax(0,9em) minmax(0,1fr) auto;grid-template-areas:"role name end""chip chip chip";display:grid}.duo-seat__role{align-items:center;gap:var(--sp-2);min-width:0;color:var(--mat-ink-2);white-space:nowrap;grid-area:role;display:inline-flex}.duo-seat__role .icon{color:var(--era)}.duo-seat__name{align-items:center;gap:var(--sp-1);min-width:0;color:var(--mat-ink);font:400 22px / 28px var(--font-body);white-space:nowrap;grid-area:name;display:inline-flex;overflow:hidden}.duo-seat__name.is-empty,.duo-seat__name.is-ai{color:var(--mat-muted);font:400 var(--fs-body) / var(--lh-body) var(--font-body)}.duo-seat>:is(.duo-seat__end,.px-btn,.px-badge):not(.duo-seat__chip){grid-area:end;justify-self:end}.lobby-tag--you{color:var(--era)}.duo-seat__chip{margin-top:var(--sp-1);grid-area:chip;justify-self:start}.px-toggle-row{align-items:center;gap:var(--sp-2);min-height:var(--tap);padding:0 var(--sp-1);color:var(--mat-ink);cursor:pointer;background:0 0;border:0;display:inline-flex}@media (max-width:699px) and (min-height:501px){.duo-teams{grid-template-columns:minmax(0,1fr)}}@media (max-width:460px){.duo-fill{column-gap:var(--sp-2);grid-template-columns:minmax(0,1fr) auto;width:100%;display:grid}.duo-fill__text{display:contents}.duo-fill__label{grid-area:1/1;align-self:center}.duo-fill>.px-toggle-row{grid-area:1/2}.duo-fill .field-hint{grid-area:2/1/3/-1}}@media (max-width:460px),(max-height:500px){.duo-seat{padding:var(--sp-1) var(--sp-3);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"role end""name end""chip chip"}}@media (max-height:500px){.duo-teams{gap:var(--sp-2)}.duo-team{gap:var(--sp-1)}.duo-seat{min-height:48px}.duo-seat__name{font-size:var(--fs-body);line-height:var(--lh-body)}.duo-fill .field-hint{display:none}}.howto{gap:var(--sp-4);align-content:start;display:grid}.howto-tabs{gap:var(--sp-2);flex-wrap:wrap;padding-bottom:2px;display:flex}@media (max-width:1099px){.howto-tabs{flex-wrap:wrap;overflow:visible}}.howto-topic,.howto-next{display:none}@media (max-width:600px),(max-height:500px){.howto-topic{width:100%;padding:0 var(--sp-2);justify-content:flex-start;display:flex}.howto:not(.is-picking)>.howto-tabs{display:none}.howto-next{padding-top:var(--sp-3);display:flex}}.howto-topic__label{text-align:left;flex:1;min-width:0}.howto-topic__count{color:var(--mat-muted);font:400 var(--fs-label) / var(--lh-label) var(--font-num)}.howto-topic .howto-topic__chev{width:var(--icon-xs);height:var(--icon-xs)}.howto.is-picking .howto-topic__chev{transform:scaleY(-1)}.howto-next__btn{min-height:var(--tap-primary)}.howto-next__text{text-align:left;display:grid}.howto-next__meta{color:var(--mat-muted);font:400 var(--fs-small) / 18px var(--font-body)}.howto-tab{min-width:0;padding:2px var(--sp-3);white-space:nowrap;flex:0 auto}.howto-panel{min-width:0}.howto-sections,.howto-controls{gap:var(--sp-2);display:grid}.howto-section{justify-items:start;gap:var(--sp-3);min-width:0;display:grid}.howto-section>*{max-width:100%}.howto-section>:is(.card-text,.howto-inline,.howto-list,.howto-claim){max-inline-size:min(65ch,100%)}.howto-subhead{color:var(--mat-ink);font:700 var(--fs-body) / var(--lh-body) var(--font-display)}.howto-inline{align-items:flex-start;gap:var(--sp-2);display:flex}.inline-icon{color:var(--gold)}.howto-list{gap:var(--sp-2);max-width:72ch;margin:0;padding:0;list-style:none;display:grid}.howto-list li{align-items:baseline;gap:var(--sp-1) var(--sp-2);color:var(--mat-ink-2);flex-wrap:wrap;display:flex}.howto-list strong{align-items:center;gap:var(--sp-2);color:var(--mat-ink);font-weight:700;display:inline-flex}.howto-list--icons li{align-items:start;column-gap:var(--sp-3);grid-template-columns:32px minmax(0,1fr);display:grid}.howto-list--icons li>.icon{color:var(--era);grid-row:span 2;justify-self:center}.howto-list--icons li>:not(.icon){grid-column:2}.howto-list--upgrades li{grid-template-columns:7em minmax(0,1fr);display:grid}.howto-beats{gap:var(--sp-2);margin:0;padding:0;list-style:none;display:grid}.howto-beats li{align-items:center;gap:var(--sp-3);grid-template-columns:minmax(0,10em) auto minmax(0,10em);display:grid}.howto-beats__unit{align-items:center;gap:var(--sp-2);color:var(--mat-ink);display:inline-flex}.howto-beats__unit .icon{color:var(--era)}.howto-beats__verb{align-items:center;gap:var(--sp-1);color:var(--mat-muted);font:400 var(--fs-label) / var(--lh-label) var(--font-num);text-transform:uppercase;display:inline-flex}.howto-ledger{gap:var(--sp-2) var(--sp-3);grid-template-columns:minmax(0,8em) minmax(0,1fr);margin:0;display:grid}.howto-ledger dt{color:var(--mat-muted);font:400 var(--fs-label) / var(--lh-body) var(--font-num);text-transform:uppercase}.howto-ledger dd{color:var(--mat-ink);margin:0}.howto-ages,.howto-megas{gap:var(--sp-1) var(--sp-5);grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));width:100%;margin:0;padding:0;list-style:none;display:grid}.howto-ages li,.howto-megas li{align-items:center;gap:var(--sp-2);min-height:32px;color:var(--mat-ink);grid-template-columns:auto minmax(0,8em) minmax(0,1fr);display:grid}.howto-ages .emblem-mini,.howto-megas .howto-portrait--glyph{color:var(--era)}.howto-ages__age{color:var(--mat-muted);font:400 var(--fs-small) / var(--lh-small) var(--font-body)}.howto-megas li{min-height:52px}.howto-portrait{width:48px;height:48px;image-rendering:pixelated}.howto-ultimate{align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.howto-ultimate .card-text{flex:32ch}.howto-emblems,.credits-emblems{gap:var(--sp-2);flex-wrap:wrap;display:flex}.howto-emblem,.credits-emblem{border:var(--frw-badge) solid var(--mat-edge);background:var(--mat-well);background-clip:padding-box;place-items:center;width:40px;height:40px;display:grid}.howto-key{margin-left:var(--sp-1)}.howto-claim{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border:var(--frw-badge) solid var(--event);background:var(--event-surface);background-clip:padding-box;display:flex}.howto-claim .key--claim{flex:none}.howto-claim-text{gap:2px;min-width:0;display:grid}.howto-claim-title{font-weight:700}.howto-claim-reward{color:var(--gold)}.howto-claim-hint{color:var(--mat-ink-2);font:400 var(--fs-small) / var(--lh-small) var(--font-body)}.howto-mute,.howto-switch{justify-self:start}.field--keyrole .seg-btn{justify-content:center;align-items:center;gap:var(--sp-2);display:inline-flex}.field--keyrole .seg-btn>.icon:not(.seg-check){display:block}.screen--howto .seg-check{display:none}.credits{justify-items:start;gap:var(--sp-3);max-width:820px;display:grid}.credits>.px-divider{width:100%}.credits-lockup{justify-items:start;gap:var(--sp-2);display:grid}.credit-roll{gap:var(--sp-3) var(--sp-4);grid-template-columns:max-content minmax(0,1fr);margin:0;display:grid}.credit-label{align-items:flex-start;gap:var(--sp-2);color:var(--mat-ink);font:700 var(--fs-body) / var(--lh-body) var(--font-display);display:flex}.credit-icon{color:var(--era)}.credit-text{max-width:65ch;color:var(--mat-ink-2);margin:0}@media (max-width:700px){.credit-roll{row-gap:var(--sp-1);grid-template-columns:minmax(0,1fr)}.credit-text{margin-bottom:var(--sp-2)}}.rotate-card.px-panel{text-align:left;justify-items:start;width:min(360px,100%)}.rotate-plate{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);display:flex}.rotate-plate .rotate-icon{width:36px;height:36px;color:var(--mat-plate-ink)}.rotate-plate .rotate-title{color:var(--mat-plate-ink);font:700 var(--fs-h3) / var(--lh-h3) var(--font-display)}#app :focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (forced-colors:active){.btn,.icon-btn,.px-btn,.px-card,.px-tab,.px-key,.px-input,.text-input,.seg-btn,.sound-row,.menu-item,.modal,.switch,.px-toggle,kbd.key,.hotkey{background-image:none;border-color:canvastext;border-image:}:focus-visible,#app :focus-visible{outline-offset:2px;outline:2px solid highlight}.game-canvas,.portrait,.emblem,.epoch-seg,.icon{forced-color-adjust:none}.spinner,.px-march-pips{forced-color-adjust:none;color:canvastext}}.reduce-motion *,.reduce-motion :before,.reduce-motion :after{scroll-behavior:auto!important;transition-duration:1ms!important;transition-delay:0s!important;animation-duration:1ms!important;animation-iteration-count:1!important}.reduce-motion .spinner,.reduce-motion .px-march-pips,.reduce-motion .px-march:before,.reduce-motion .px-btn.is-busy:before,.reduce-motion .btn.is-busy:before{animation-duration:1s!important;animation-iteration-count:infinite!important}.match.has-hud{--top-h:60px;--dock-h:96px;--dock-content-h:80px;--dock-gap:8px;--dock-side:12px;--dock-offset:0px;--zone-top:calc(var(--top-h) + 32px);font-family:var(--font-body)}.match.has-hud .icon[data-grid="8"]{width:16px;height:16px}.match.has-hud .icon[data-grid="12"]{width:24px;height:24px}.match.has-hud .icon[data-grid="16"]{width:32px;height:32px}.match.has-hud[data-overlay=true] .match-stage{grid-row:1/-1}.hud-safe-probe{width:0;height:0;padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l);visibility:hidden;pointer-events:none;position:absolute}.hud-layer,.hud-world{pointer-events:none;position:absolute;inset:0}.hud-world{z-index:var(--z-marker);overflow:hidden}.hud-layer>*,.hud-world>*,.hud-zone>*{pointer-events:auto}.hud-layer.is-frozen:before{content:"";background:var(--mat-well);opacity:.45;pointer-events:none;position:absolute;inset:0}.hud-zone{top:var(--zone-top);gap:var(--sp-2);pointer-events:none;flex-direction:column;display:flex;position:absolute}.hud-zone--a{z-index:var(--z-toast);width:min(var(--claim-w,420px), calc(100% - 24px));align-items:center;left:50%;transform:translate(-50%)}.hud-zone--a>*,.hud-zone--a>*>*{pointer-events:none}.hud-zone--a :is(.claim,.toast-action,.vote-plate){pointer-events:auto}.zone-claim,.zone-banner,.zone-toasts{display:contents}.hud-zone--b{left:calc(var(--safe-l) + var(--sp-3));z-index:var(--z-coach);align-items:flex-start;max-width:min(380px,50% - 24px)}.hud-zone--c{right:calc(var(--safe-r) + var(--sp-3));z-index:var(--z-toast);align-items:flex-end;max-width:min(360px,50% - 24px)}.hud-row{display:none}.popover-head{justify-content:space-between;align-items:center;gap:var(--sp-2);display:flex}.popover-title{align-items:center;gap:var(--sp-2);font:700 var(--fs-small) / 20px var(--font-body);display:inline-flex}.popover-title .icon{width:var(--icon-s);height:var(--icon-s)}.gfx-notice{z-index:var(--z-stamp);align-items:center;gap:var(--sp-3);max-width:calc(100% - 32px);font:400 var(--fs-small) / 24px var(--font-body);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-top{z-index:var(--z-top);align-items:start;gap:var(--sp-2);height:var(--top-h);padding:var(--safe-t) calc(var(--safe-r) + var(--sp-3)) 0 calc(var(--safe-l) + var(--sp-3));pointer-events:none;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;display:grid;position:absolute;top:0;left:0;right:0}.hud-top>*{pointer-events:auto}.plate{--plate-h:calc(var(--top-h) - var(--safe-t));width:100%;min-width:0;max-width:460px;height:var(--plate-h);padding:0 var(--sp-2);background:var(--mat-face);box-shadow:var(--e2);background-clip:padding-box;grid-template-rows:20px 20px;grid-template-columns:32px minmax(0,1fr);align-content:center;gap:4px 8px;display:grid;position:relative}.plate--enemy{grid-template-columns:minmax(0,1fr) 32px;justify-self:end}.plate-emblem{width:32px;height:32px;color:var(--era);grid-area:1/1/3;align-self:center;place-items:center;display:grid}.plate--enemy .plate-emblem{grid-column:2}.plate-emblem .emblem{width:32px;height:32px;image-rendering:pixelated}.plate-head,.hp-row{grid-column:2;align-items:center;gap:6px;min-width:0;height:20px;display:flex}.plate--enemy :is(.plate-head,.hp-row){flex-direction:row-reverse;grid-column:1}.plate-head{grid-row:1}.hp-row{grid-row:2}.plate-name{min-width:0;color:var(--mat-ink);font:400 var(--fs-small) / 20px var(--font-body);white-space:nowrap;flex:none;overflow:hidden}.team-tag{min-height:20px;font:400 var(--fs-label) / 16px var(--font-num);text-transform:uppercase;flex:none;padding:0 2px}.team-tag-text{width:0;height:0;overflow:hidden}.team-tag-art{display:grid}.plate-extras{flex:0 auto;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.plate-extras:empty{display:none}.age-chip{flex:none;gap:4px;min-height:20px;margin-inline-start:auto;padding:0 4px}.plate--enemy .age-chip{margin-inline:0 auto}.age-mini{width:16px;height:16px;color:var(--era);display:grid}.age-mini svg{width:16px;height:16px}.age-num,.age-name{font:400 var(--fs-label) / 16px var(--font-num)}.age-name{font-family:var(--font-body);font-size:var(--fs-small)}.hp-chevron{width:16px;height:16px;color:var(--ally-ink);flex:none}.plate--enemy .hp-chevron{color:var(--enemy-ink)}.hp-bar{flex:auto;min-width:40px;height:16px}.hp-fill{--bar-fill:var(--ally)}.hp-lag{--bar-fill:var(--mat-ink-2)}.hp-bar--enemy .hp-fill{background:var(--tile-dither-off,none) 0 0 / 8px 8px, var(--enemy)}.plate.is-critical .hp-bar{border-color:var(--danger);border-image-source:none}.hp-text{min-width:38px;color:var(--mat-ink);font:400 var(--fs-label) / 20px var(--font-num);text-align:center;white-space:nowrap;flex:none}.tb-center{align-items:center;gap:var(--sp-2);height:calc(var(--top-h) - var(--safe-t));padding:0 var(--sp-2);background:var(--mat-face);box-shadow:var(--e2);background-clip:padding-box;display:flex;position:relative}.clock-row{align-items:center;gap:var(--sp-2);display:flex}.clock{min-inline-size:96px;color:var(--mat-ink);font:700 var(--fs-num-l) / 30px var(--font-num);text-align:center}.phase-chip{font:400 var(--fs-small) / 20px var(--font-body);box-shadow:var(--e2);gap:6px;position:absolute;top:calc(100% + 4px);left:50%;translate:-50%}.phase-chip .icon{width:16px;height:16px}.phase-chip[data-tone=warn],.phase-chip[data-tone=frenzy]{background:var(--warn);color:var(--on-fill)}.phase-chip[data-tone=danger]{background:var(--danger);color:var(--on-fill)}.phase-chip[data-tone=good]{background:var(--good);color:var(--on-fill)}.phase-chip[data-tone=info]{background:var(--mat-plate);color:var(--mat-plate-ink)}.hud-top.is-sudden-death:after{content:"";z-index:-1;box-shadow:inset 0 0 0 4px var(--danger);pointer-events:none;position:fixed;inset:0}.ping-chip{gap:4px;min-height:20px}.ping-chip .icon{width:16px;height:16px}.ping-chip[data-quality=good]{color:var(--good)}.ping-chip[data-quality=fair]{color:var(--warn)}.ping-chip[data-quality=poor]{color:var(--danger-ink)}.map-plate{align-items:center;gap:var(--sp-2);display:flex}.minimap{flex:0 1 var(--minimap-w,240px);width:var(--minimap-w,240px);min-width:96px;height:var(--minimap-h,24px);border:2px solid var(--mat-edge);background:var(--mat-well);cursor:pointer;touch-action:none;position:relative}.minimap-canvas{image-rendering:pixelated;display:block}.tb-actions{height:calc(var(--top-h) - var(--safe-t));align-items:center;gap:4px;display:flex}.zoom-slot{display:contents}.hud-icon-btn{box-shadow:var(--e2)}.hud-icon-btn[aria-expanded=true]{border-image-source:var(--fr-btn-down,none);box-shadow:none;transform:translateY(2px)}.hud-top [data-tip]:after{top:calc(100% + 8px)}.hud-dock{z-index:var(--z-dock);height:var(--dock-h);border-style:solid;border-width:var(--dock-pad-t) 0 0;border-color:var(--mat-rim-hi);border-image:var(--fr-panel,none) 4 0 0 / var(--dock-pad-t) 0 0 / 0 stretch;padding:0 calc(var(--safe-r) + var(--dock-side)) var(--dock-pad-b) calc(var(--safe-l) + var(--dock-side));background:var(--mat-face);image-rendering:pixelated;color:var(--mat-ink);background-clip:padding-box;grid-area:dock;position:relative}.match.has-hud[data-overlay=true] .hud-dock{position:absolute;bottom:0;left:0;right:0}.hud-dock:before{content:"";top:calc(0px - var(--dock-pad-t));height:var(--dock-pad-t);border-top:2px solid var(--era);background:var(--band-top,none) 0 0 / auto 6px repeat-x, var(--mat-face);image-rendering:pixelated;pointer-events:none;position:absolute;left:0;right:0}.dock-inner{justify-content:flex-start;align-items:stretch;gap:var(--dock-gap);height:var(--dock-content-h);max-width:1500px;margin:0 auto;padding-inline-start:var(--dock-offset);display:flex;position:relative}.dock-army,.dock-units,.dock-command,.dock-cmd{gap:var(--dock-gap);flex:none;display:flex}.hud-dock:is([data-mode=turrets],[data-mode=upgrades]) :is(.dock-army,.dock-command){display:none}.dock-claim-slot{top:0;right:max(0px, calc(100% - var(--dock-offset) - var(--content-w,100%)));z-index:2;width:var(--claim-w);pointer-events:none;position:absolute;bottom:0}.match.has-hud[data-hand=left] .dock-claim-slot{right:auto;left:var(--dock-offset)}.card{width:var(--card-w);height:100%;color:var(--mat-ink);font:400 var(--fs-label) / 20px var(--font-num);text-align:center;grid-template-rows:minmax(0,1fr) 20px;place-items:center;padding:0;display:grid}.card-face,.card-portrait{width:var(--portrait);height:var(--portrait);place-items:center;display:grid;position:relative}.card-portrait:after{content:"";border:2px solid var(--mat-rim-lo);pointer-events:none;position:absolute;inset:0}.card-portrait canvas{image-rendering:pixelated;display:block}.portrait-fallback{width:32px;height:32px;color:var(--ally-ink)}.card>:is(.card-key,.card-glyph){z-index:2;position:absolute;top:-8px;left:-4px}.card-glyph{background:var(--mat-face);width:20px;height:20px;color:var(--mat-ink-2);place-items:center;display:none}.card-glyph .icon{width:16px;height:16px}.card-glyph:empty{visibility:hidden}.match.has-hud[data-device=touch] :is(.card-key,.hud-dock .hotkey){display:none}.match.has-hud[data-device=touch] .card-glyph{display:grid}.card-count,.card-state{z-index:2;position:absolute}.card-count{background:var(--ally-strong);color:var(--ally-ink);top:0;right:0}.card-state{background:var(--mat-plate);color:var(--mat-plate-ink);top:-14px;left:50%;translate:-50%}.match.has-hud .px-badge--tag{min-height:14px;padding:0 2px;line-height:10px}.match.has-hud .px-badge--tag.px-badge--inset{min-height:18px;padding:2px}.tag-art{display:grid}.card[data-state=queueFull] .card-state,.card[data-state=armyFull] .card-state{background:var(--warn);color:var(--on-fill)}.card>.card-beats{z-index:2;background:var(--era);width:20px;height:20px;color:var(--mat-accent-ink);place-items:center;display:grid;position:absolute;bottom:24px;left:-6px}.card-beats:empty{display:none}.card-beats .icon{width:16px;height:16px}.card-rail{z-index:1;border-width:0;height:6px;position:absolute;bottom:0;left:0}.card-rail[data-kind=none]{visibility:hidden}.card-rail[data-kind=train]{--bar-fill:var(--ally)}.card-rail[data-kind=save]{--bar-fill:var(--gold)}.card-rail[data-kind=hp]{--bar-fill:var(--good)}.card-cost{height:20px;color:var(--gold);font:400 var(--fs-label) / 20px var(--font-num);white-space:nowrap;align-items:center;gap:2px;display:inline-flex}.card-cost .icon{width:16px;height:16px}.hud-dock .px-card.is-affordable:not(.is-ready,.is-pressed,:active,[aria-disabled=true]){border-image-source:var(--fr-card,none);border-color:var(--mat-rim-hi) var(--mat-rim-lo) var(--mat-lip) var(--mat-rim-hi)}.match.has-hud[data-frame=thin] .hud-dock .px-card.is-affordable:not(.is-ready,.is-pressed,:active,[aria-disabled=true]){border-image-source:var(--fr-card-thin,none)}@media (hover:hover){.match.has-hud[data-frame=full] .hud-dock .px-card.is-affordable:not(.is-ready,.is-pressed,:active,[aria-disabled=true]):hover{border-image-source:var(--fr-card-era-hi,var(--fr-card-era,none));border-color:var(--era)}}.hud-dock .px-card.is-affordable:not(.is-ready):before{content:"";z-index:1;box-shadow:inset 0 0 0 2px var(--era);pointer-events:none;position:absolute;inset:0}.card.is-unaffordable .card-cost{color:var(--warn)}.card:is(.is-unaffordable,.is-blocked,[data-state=queueFull],[data-state=armyFull],[data-state=capQueued]) .card-portrait canvas{filter:brightness(.55)}.card[aria-disabled=true]{color:var(--mat-ink)}.unit-card[data-counter=true] .card-beats{box-shadow:0 0 0 2px var(--mat-edge)}.match.has-hud:not([data-tier=XL],[data-tier=L],[data-tier=M]) .card-beats{display:none}.unit-card,.mode-card{width:var(--card-w)}.dock-eco{width:var(--eco-w);min-width:0;padding:0 var(--sp-2);border:2px solid var(--mat-edge);background:var(--mat-face-2);color:var(--mat-ink);flex:none;grid-auto-rows:min-content;align-content:center;justify-items:start;gap:2px;display:grid;position:relative}.gold{color:var(--gold);font:700 var(--fs-label) / 20px var(--font-num);white-space:nowrap;align-items:center;gap:6px;display:flex;position:relative}.gold .icon{flex:none;width:16px;height:16px}.match.has-hud[data-tier=XL] .gold{font-size:var(--fs-num-l);line-height:30px}.match.has-hud[data-tier=XL] .gold .icon{width:24px;height:24px}.dock-eco[data-gold=off] .gold{display:none}.eco-income{color:var(--good);font:400 var(--fs-label) / 20px var(--font-num);white-space:nowrap}.eco-queue{align-items:center;gap:var(--sp-2);height:20px;display:flex}.eco-pips{gap:2px;display:flex}.eco-pips .pip{border:2px solid var(--mat-edge);background:var(--mat-well);width:8px;height:8px}.eco-pips .pip.is-on{background:var(--ally)}.eco-pips .pip.is-head{background:var(--ally-ink)}.eco-pips.is-full .pip{background:var(--warn)}.eco-army{color:var(--mat-ink-2);font:400 var(--fs-label) / 20px var(--font-num);white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.eco-army .icon{width:16px;height:16px}.eco-army.is-full{color:var(--warn)}.gold-floats{pointer-events:none;position:absolute;bottom:100%;left:22px}.gold-float{font:400 var(--fs-label) / 20px var(--font-num);white-space:nowrap;animation:.16s step-end both px-rise;position:absolute;bottom:0;left:0}.gold-float.is-spend{color:var(--warn)}.gold-float.is-gain{color:var(--good)}.eco-line{justify-content:space-between;align-items:center;gap:var(--sp-2);width:100%;min-width:0;display:flex}.eco-goal{color:var(--mat-ink-2);font:400 var(--fs-label) / 20px var(--font-num);white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.eco-goal .icon{width:16px;height:16px}.eco-goal.is-ready{color:var(--good)}.eco-who,.eco-training{display:none}.dock-eco[data-variant=team] :is(.eco-who,.eco-training){width:16px;height:16px;color:var(--mat-ink-2);place-items:center;display:grid}.dock-eco[data-variant=team] .eco-training{color:var(--ally-ink)}:is(.eco-who,.eco-training) .icon{width:16px;height:16px}.dock-eco[data-variant=team] .eco-army,.match.has-hud[data-frame=thin] .dock-eco[data-variant=team] .eco-training{display:none}.mega-slot{flex:none;display:flex;position:relative}.mega-card{width:var(--mega-w)}.mega-tags{z-index:2;pointer-events:none;justify-content:center;gap:2px;display:flex;position:absolute;top:-8px;left:18px;right:0}.mega-tags .px-badge--tag{position:static;translate:none}.mega-tag{background:var(--mat-plate);color:var(--mat-plate-ink)}.mega-tags.is-tight .mega-tag{display:none}.mega-card[data-state=ready] .card-state{background:var(--era);color:var(--mat-accent-ink)}.mega-card[data-state=saving] .card-state{background:var(--mat-face);color:var(--gold)}.mega-card[data-state=onField] .card-state{background:var(--good-bg);color:var(--good)}.mega-card[data-state=fallen] .card-portrait{opacity:.5}.mega-card[data-state=saving] .card-cost{color:var(--warn)}.mega-undo{z-index:3;box-shadow:var(--e2);position:absolute;bottom:calc(100% + 8px);left:50%;translate:-50%}.dock-command{align-items:stretch}.dock-stance{flex:none;display:flex;position:relative}.stance-seg{width:var(--stance-w);gap:4px;height:100%;display:flex}.stance-opt{flex-direction:column;flex:1 1 0;gap:4px;min-width:0;height:100%;padding:0}.stance-opt .icon{width:var(--icon-s);height:var(--icon-s)}.match.has-hud[data-stance=segmented] .stance-pop,.match.has-hud[data-stance=popover] .stance-seg{display:none}.stance-pop{height:100%;display:flex;position:relative}.stance-btn{width:var(--stance-w);flex-direction:column;gap:2px;height:100%;padding:0}.stance-btn-icon{place-items:center;display:grid}.stance-btn-icon .icon{width:var(--icon-s);height:var(--icon-s)}.stance-caret{width:16px;height:16px;color:var(--mat-muted)}.stance-btn[aria-expanded=true]{border-image-source:var(--fr-btn-down,none);transform:translateY(2px)}.stance-menu{z-index:var(--z-tooltip);min-width:208px;padding:var(--sp-1);background:var(--mat-face);box-shadow:var(--e3);background-clip:padding-box;gap:4px;display:grid;position:absolute;bottom:calc(100% + 8px);left:0}.match.has-hud[data-hand=left] .stance-menu,.dock-stance:last-child .stance-menu{left:auto;right:0}.stance-row{justify-content:flex-start;gap:var(--sp-2);width:100%;min-height:48px;padding:0 var(--sp-2);color:var(--mat-ink)}.stance-row .icon{width:var(--icon-s);height:var(--icon-s)}.stance-row-label{font:400 var(--fs-small) / 20px var(--font-body);text-align:start;flex:auto}.stance-check{visibility:hidden}.stance-row[aria-checked=true] .stance-check{visibility:visible;color:var(--era)}.stance-check.icon{width:16px;height:16px}.dock-cmd{height:100%}.cmd-btn{width:var(--build-w);flex-direction:column;gap:2px;height:100%;padding:0 4px}.cmd-btn .icon{width:var(--icon-s);height:var(--icon-s)}.cmd-label{font:400 var(--fs-small) / 20px var(--font-body);white-space:nowrap}.match.has-hud[data-labels=off] .dock-cmd .cmd-label{display:none}.cmd-btn .card-key{position:absolute;top:0;right:0}.match.has-hud[data-build=split] .dock-cmd [data-build=merged],.match.has-hud[data-build=merged] .dock-cmd :is([data-tut=turrets],[data-tut=upgrades]),.dock-cmd[data-turrets=off] [data-build=merged]{display:none}.match.has-hud[data-build=merged] .dock-cmd[data-turrets=off] [data-tut=upgrades]{display:inline-flex}.evolve-tile,.ult-tile{height:100%;font:400 var(--fs-label) / 20px var(--font-num);align-content:center;justify-items:center;gap:6px;padding:0;display:grid}.evolve-tile{width:var(--evolve-w)}.ult-tile{width:var(--special-w)}:is(.evolve-tile,.ult-tile) .card-key{z-index:2;position:absolute;top:-8px;left:50%;translate:-50%}.evolve-gems{gap:2px;display:flex}.gem{background:var(--mat-well);width:8px;height:8px;position:relative}.gem-fill{height:calc(var(--rows,0) * 2px);background:var(--gem,var(--era));position:absolute;bottom:0;left:0;right:0}.gem[data-state=past] .gem-fill{height:8px}.gem[data-state=next]{box-shadow:inset 0 0 0 2px var(--gem,var(--mat-rim))}.evolve-head{align-items:center;gap:4px;display:flex}.evolve-age{margin:0}.evolve-bar{--bar-fill:var(--xp);width:calc(100% - 16px);max-width:98px}.match.has-hud[data-tier=XL] .evolve-head,.match.has-hud:not([data-tier=XL]) .evolve-gems{display:none}:is(.evolve-ready,.ult-ready,.evolve-final){z-index:2;background:var(--era);width:max-content;min-height:14px;color:var(--mat-accent-ink);padding:0 2px;position:absolute;bottom:2px;left:50%;translate:-50%}.evolve-final{background:var(--mat-plate);color:var(--mat-plate-ink)}.evolve-tile:is(.is-ready,.is-final) .evolve-bar{visibility:hidden}.evolve-tile.is-final .card-key{display:none}.evolve-tile.is-final .evolve-bar{--bar-fill:var(--good)}.ult-core{place-items:center;width:48px;height:48px;display:grid;position:relative}.ult-core>*{grid-area:1/1}.ult-ring{--ring-lit:var(--era)}.ult-glyph{width:32px;height:32px;color:var(--mat-ink);display:grid;position:relative}.ult-glyph svg{width:32px;height:32px}.ult-tile.is-charging .ult-glyph{visibility:hidden}.ult-secs{z-index:1;color:var(--mat-ink);font:400 var(--fs-label) / 20px var(--font-num)}.ult-mini{width:16px;height:16px;display:none}.ult-tile .ult-cost{z-index:2;background:var(--mat-face);height:16px;padding:0 2px;line-height:16px;position:absolute;bottom:0;left:50%;translate:-50%}.match.has-hud[data-tier=XL] .ult-tile .ult-cost{background:0 0;height:20px;padding:0;line-height:20px;position:static;translate:none}.ult-tile.is-ready .ult-cost{visibility:hidden}.ult-tile.is-unaffordable .ult-cost{color:var(--warn)}.ult-tile[data-state=need] .ult-glyph{filter:brightness(.55)}.ult-tile.is-ready .ult-glyph{color:var(--era)}.ready-flash:after{content:"";inset:calc(0px - var(--frw-card,6px)) calc(0px - var(--frw-card,6px)) calc(0px - var(--frw-card-b,8px));z-index:1;border:2px solid var(--mat-cursor);box-shadow:inset 0 0 0 2px var(--era);opacity:0;pointer-events:none;animation:px-blink var(--dur-blink) steps(2, jump-none) 3;position:absolute}.match.has-hud[data-frame=thin] .ready-flash:after{inset:-4px}.gun-control{height:100%;font:400 var(--fs-label) / 20px var(--font-num);place-content:center;padding:0;display:grid}.gun-control--tile{width:var(--gun-w)}.gun-control--block{width:var(--gun-block-w);grid-template:"core fire"20px"core keys"28px"hint keys"16px/72px 68px;column-gap:4px}.gun-core{grid-area:core;justify-self:center;place-items:center;width:48px;height:48px;display:grid;position:relative}.gun-core>*{grid-area:1/1}.gun-ring{--ring-lit:var(--mat-ink-2)}.gun-control.is-ready .gun-ring{--ring-lit:var(--era)}.gun-glyph{width:32px;height:32px;color:var(--mat-ink);display:grid;position:relative}.gun-glyph svg{width:32px;height:32px}.gun-control.is-charging .gun-glyph:after{content:"";background:var(--tile-dither-off,none) 0 0 / 8px 8px;image-rendering:pixelated;position:absolute;inset:0}.gun-control.is-ready .gun-glyph{color:var(--era)}.gun-mini{width:16px;height:16px;display:none}.gun-secs{z-index:1;color:var(--mat-ink);font:400 var(--fs-label) / 20px var(--font-num)}.gun-fire-label{color:var(--mat-ink);font:700 var(--fs-label) / 20px var(--font-num);grid-area:fire;place-self:center start}.gun-keys{grid-area:keys;align-content:start;justify-items:start;gap:0;display:grid}.gun-control--tile .gun-keys{display:none}.gun-hint{color:var(--mat-muted);grid-area:hint;justify-content:center;display:flex}.gun-hint-keys{font:400 var(--fs-label) / 16px var(--font-num);align-items:center;gap:2px;display:inline-flex}.gun-hint-keys .icon{width:16px;height:16px}.gun-hint-touch{font:400 var(--fs-small) / 16px var(--font-body);white-space:nowrap;display:none}.match.has-hud[data-device=touch] .gun-hint-keys{display:none}.match.has-hud[data-device=touch] .gun-hint-touch{display:block}.match.has-hud[data-device=touch] .gun-control--block{grid-template-areas:"core fire""core fire""hint hint"}.match.has-hud:not([data-tier=XL],[data-tier=L]) .gun-hint{display:none}.match.has-hud:not([data-tier=XL],[data-tier=L]) .gun-control--block{grid-template:"core fire"20px"core keys"40px/48px 68px}.match.has-hud[data-frame=thin] .gun-core{width:32px;height:32px}.match.has-hud[data-frame=thin] .gun-ring{--ring-px:32px;--ring-src:var(--ring-16);--ring-base:var(--ring-16-base)}.match.has-hud[data-frame=thin] :is(.gun-glyph,.gun-secs){display:none}.match.has-hud[data-frame=thin] .gun-mini{display:block}.match.has-hud[data-frame=thin] .gun-control--block{grid-template-rows:20px 20px;grid-template-columns:32px 64px;column-gap:6px}.match.has-hud[data-frame=thin] .gun-keys .card-key+.card-key{display:none}.plate-gun{flex:none;place-items:center;width:32px;height:32px;display:grid;position:relative}.plate-gun>*{grid-area:1/1}.plate-gun-ring{--ring-lit:var(--mat-ink-2)}.plate-gun.is-ready .plate-gun-ring{--ring-lit:var(--era)}.plate-gun-glyph{width:16px;height:16px;color:var(--mat-ink-2)}.plate-gun.is-ready .plate-gun-glyph{color:var(--era)}.dock-mode{align-items:stretch;gap:var(--dock-gap);width:var(--mode-w);flex:none;min-width:0;height:100%;display:flex}.dock-mode[data-pinned=true] .mode-head{display:none}.mode-head{width:var(--back-w);flex:none;gap:4px;display:flex}.mode-back{min-width:var(--tap);flex-direction:column;flex:auto;gap:2px;height:100%;padding:0 4px}.mode-back .icon{width:var(--icon-s);height:var(--icon-s)}.mode-back-label{font:400 var(--fs-small) / 20px var(--font-body)}.mode-back .card-key{position:absolute;top:0;right:0}.match.has-hud:not([data-tier=XL],[data-tier=L]) .mode-back-label,.match.has-hud[data-frame=thin] .mode-back .card-key{display:none}.mode-tabs{gap:4px;display:none}.match.has-hud[data-build=merged] .mode-head .mode-tabs{display:flex}.match.has-hud[data-build=merged] .mode-back{width:var(--tap);flex:none}.match.has-hud[data-build=merged] .mode-back-label{display:none}.mode-tab{width:var(--tap);min-width:var(--tap);height:100%;padding:0}.mode-tab .icon{width:var(--icon-s);height:var(--icon-s)}.mode-tab-label{display:none}.mode-pane{align-items:stretch;gap:var(--dock-gap);flex:auto;min-width:0;display:flex}.mode-cards{gap:var(--dock-gap);flex:none;display:flex}.slot-chips{flex:auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;min-width:0;display:grid}.match.has-hud[data-slots=chips] .slot-cycler,.match.has-hud[data-slots=cycler] .slot-chips{display:none}.slot-chip{flex-direction:column;gap:4px;min-width:0;height:100%;padding:0}.slot-num{width:16px;height:16px}.slot-glyph{place-items:center;width:16px;height:16px;display:grid}.slot-glyph .icon{width:16px;height:16px}.slot-chip[data-kind=occupied] .slot-glyph{color:var(--good)}.slot-chip[data-kind=locked] .slot-glyph{color:var(--mat-muted)}.slot-chip[data-kind=empty] .slot-glyph{box-shadow:inset 0 0 0 2px var(--mat-rim)}.slot-cycler{width:var(--cycler-w);min-width:var(--tap);height:100%;font:400 var(--fs-small) / 20px var(--font-body);flex:none;gap:4px;padding:0 4px}.slot-cycler .icon{width:16px;height:16px}.slot-cycler-num,.match.has-hud:is([data-frame=thin],[data-stacked=true]) .slot-cycler-text{display:none}.match.has-hud:is([data-frame=thin],[data-stacked=true]) .slot-cycler-num{display:grid}.hud-dock[data-role=gunner] .mode-tabs{display:none}.turret-card,.upgrade-card{width:var(--turret-w)}.upg-icon{width:24px;height:24px;color:var(--mat-ink);place-items:center;display:grid}.upg-icon .icon{width:24px;height:24px}.upg-mini{width:16px;height:16px;color:var(--mat-ink);place-items:center;display:none}.upg-mini .icon{width:16px;height:16px}.upgrade-card.is-affordable :is(.upg-icon,.upg-mini){color:var(--era)}.upg-pips{justify-content:center;gap:2px;display:flex;position:absolute;bottom:0;left:0;right:0}.upg-pips .pip{background:var(--mat-well);width:8px;height:6px}.upg-pips .pip.is-on{background:var(--era)}.upg-max{background:var(--good);min-height:14px;color:var(--on-fill);padding:0 2px;position:absolute;top:0;right:0}.upgrade-card .card-face{width:100%}.mode-action{width:var(--action-w);min-width:var(--tap);height:100%;font:400 var(--fs-label) / 20px var(--font-num);flex-direction:column;flex:none;gap:2px;padding:0 4px}.mode-action-icon{display:grid}.mode-action-icon .icon{width:var(--icon-s);height:var(--icon-s)}.mode-action-label{display:none}.mode-action-short{white-space:nowrap}.mode-action[data-kind=sell] .mode-action-icon{color:var(--gold)}.mode-action[data-kind=sell].is-armed .mode-action-icon{color:var(--warn)}.mode-action-short:empty{display:none}.mode-action[data-kind=unlock] .mode-action-short{color:var(--gold)}.mode-action[data-kind=unlock][aria-disabled=true] .mode-action-short{color:var(--warn)}.mode-action[data-kind=none]{color:var(--mat-muted)}.mode-actions{width:var(--action-w);min-width:var(--tap);flex-direction:column;flex:none;gap:4px;height:100%;display:flex}.mode-actions .mode-action{flex:1 1 0;width:100%;height:auto;min-height:0}.mode-actions .mode-action--upgrade:not([hidden])+.mode-action{flex-direction:row}.mode-action--upgrade{color:var(--mat-ink);flex-direction:row}.mode-action--upgrade.is-affordable .mode-action-icon{color:var(--era)}.mode-action--upgrade[aria-disabled=true] .mode-action-short{color:var(--warn)}.mode-action--upgrade[data-kind=max],.mode-action--upgrade[data-kind=max] .mode-action-short{color:var(--good)}.slot-level{font:400 var(--fs-micro) / 1 var(--font-num);color:var(--era);pointer-events:none;position:absolute;top:2px;right:4px}.slot-level:empty{display:none}.mode-action-verb{font:400 var(--fs-small) / 20px var(--font-body)}.match.has-hud[data-actions=labels] .mode-action{flex-direction:row;gap:4px}.match.has-hud[data-actions=labels] :is(.mode-action-icon,.mode-action-short){display:none}.match.has-hud[data-actions=labels] .mode-action-label{white-space:nowrap;align-items:baseline;gap:4px;display:inline-flex}.mode-action:is([data-kind=sell],[data-kind=unlock]) .mode-action-num{color:var(--gold)}.mode-action:is([data-kind=unlock],.mode-action--upgrade)[aria-disabled=true] .mode-action-num,.mode-action.is-armed .mode-action-verb{color:var(--warn)}.mode-action--upgrade[data-kind=max] .mode-action-label{color:var(--good)}.match.has-hud[data-frame=thin] .slot-chip .slot-glyph{display:none}.match.has-hud[data-frame=thin] .upgrade-card .card-face{justify-content:center;align-items:center;gap:4px;padding-top:4px;display:flex}.match.has-hud[data-frame=thin] .upg-pips{flex-direction:column-reverse;position:static}.match.has-hud[data-frame=thin] .upg-pips .pip{width:8px;height:4px}.match.has-hud[data-compact=true] .upg-icon{display:none}.match.has-hud[data-compact=true] .upg-mini{display:grid}.match.has-hud[data-frame=thin] .mode-action{gap:0;padding:0}.match.has-hud[data-frame=thin] .mode-action-icon .icon{width:16px;height:16px}.match.has-hud[data-compact=true] :is(.upg-pips,.card-beats){display:none}.match.has-hud[data-compact=true] .card-portrait:after{border-width:0}.upgrade-card>.upg-total{z-index:2;background:var(--era);color:var(--mat-accent-ink);position:absolute;top:-12px;right:-4px}.match.has-hud[data-frame=thin] .upgrade-card>.upg-total{top:-8px}.match.has-hud[data-tier=S] .upgrade-card>.upg-total{top:-14px}.upg-total.is-max{background:var(--good);color:var(--on-fill)}.upgrade-card>.upg-max{grid-area:2/1;align-self:center;position:static}.tip-steps{justify-content:start;align-items:center;gap:0 var(--sp-2);grid-template-columns:auto auto 16px auto;margin:0;display:grid}.tip-steps dt{color:var(--mat-muted)}.tip-steps dd{color:var(--mat-ink);font-family:var(--font-num);font-size:var(--fs-label);white-space:nowrap;margin:0}.tip-steps .tip-step-was{color:var(--mat-ink-2)}.tip-steps .tip-step-next{color:var(--good)}.tip-steps .tip-step-now{grid-column:span 3}.tip-steps .tip-step-arrow{color:var(--mat-muted);display:grid}.tip-steps .tip-step-arrow .icon{width:16px;height:16px}.tip-next{color:var(--mat-ink)}.tip-gain{color:var(--good)}.tip-bonus{color:var(--mat-ink);align-items:center;gap:6px;display:flex}.tip-bonus .icon{width:16px;height:16px;color:var(--era)}.tip-bonus-value{color:var(--good);margin-inline-start:auto}.plate-bonus{flex:none;align-items:center;gap:4px;height:20px;display:flex}.plate--ally .plate-bonus{margin-inline-start:auto}.plate--ally .plate-bonus:not([hidden])+.age-chip{margin-inline-start:0}.plate--enemy .plate-bonus{margin-inline:0 auto}.plate--enemy .plate-bonus:not([hidden])+.age-chip{margin-inline:0}.bonus{align-items:center;gap:2px;display:flex}.bonus .bonus-glyph{width:16px;height:16px;color:var(--era)}.bonus--economy .bonus-glyph{color:var(--gold)}.bonus-pips{flex-direction:column-reverse;gap:2px;display:flex}.bonus-pips .pip{background:var(--mat-well);width:4px;height:2px}.bonus-pips .pip.is-on{background:var(--era)}.bonus.is-max .bonus-pips .pip.is-on{background:var(--good)}.plate-bonus--enemy .bonus .bonus-glyph{color:var(--mat-ink-2)}.plate-bonus--enemy .bonus-pips .pip{width:2px}.plate-bonus--enemy .bonus-pips .pip.is-on{background:var(--enemy-ink)}.match.has-hud:is([data-frame=thin],[data-stacked=true]) .plate-bonus{display:none}.mode-pane--turrets{position:relative}.combo-chips{left:0;bottom:calc(100% + var(--dock-pad-t,8px) + 4px);flex-wrap:wrap-reverse;gap:4px;max-width:100%;display:flex;position:absolute}.combo-chip{min-height:24px;font:400 var(--fs-label) / var(--lh-label) var(--font-body);box-shadow:var(--e2);gap:4px;padding:0 6px 0 4px}.combo-chip-icon{width:16px;height:16px;color:var(--good)}.combo-chip--sum{display:none}.combo-chip-num{font:400 var(--fs-label) / var(--lh-label) var(--font-num)}.match.has-hud[data-frame=thin]:not([data-stacked=true]) .combo-chip--sum{display:inline-flex}.match.has-hud[data-frame=thin]:not([data-stacked=true]) .combo-chip:not(.combo-chip--sum){display:none}.match.has-hud[data-stacked=true] .hud-row>.combo-chips{flex-wrap:wrap;flex:none;align-self:flex-start;margin-bottom:4px;position:static}.tip-combo{color:var(--good);align-items:center;gap:6px;display:flex}.tip-combo .icon{width:16px;height:16px}.claim{width:100%}.claim-btn{align-items:center;gap:var(--sp-2);width:100%;height:var(--claim-h);padding:0 var(--sp-2);border-image-source:var(--fr-panel-event,none);border-color:var(--event-core) var(--event) var(--event) var(--event-core);background:var(--event-surface);color:var(--event-core);text-align:start;cursor:pointer;box-shadow:var(--e3);background-clip:padding-box;grid-template-columns:32px minmax(0,1fr) auto auto;display:grid}.claim-btn:active{box-shadow:none;transform:translateY(2px)}.claim-btn[aria-disabled=true]{cursor:default}.claim-kind{width:32px;height:32px;color:var(--event);place-items:center;display:grid}.claim-text{gap:0;min-width:0;display:grid}.claim-title,.claim-instr,.claim-status,.claim-help{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.claim-title{font:700 var(--fs-small) / 20px var(--font-body)}.claim:is([data-stage=won],[data-stage=lost],[data-stage=expired]) .claim-title{-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box}.claim-reward{color:var(--gold)}.claim-instr{color:var(--event-core);font:400 var(--fs-small) / 20px var(--font-body)}.claim-status,.claim-help{color:var(--event);font:400 var(--fs-small) / 20px var(--font-body)}.claim.is-fumbled .claim-status{color:var(--warn)}.claim-keybox{align-items:center;gap:var(--sp-1);display:flex}.claim-ring{--ring-lit:var(--event);--ring-dim:var(--event-ink)}.claim.is-urgent .claim-ring{--ring-lit:var(--warn)}.match.has-hud .claim-key{border-width:2px;border-color:var(--event-ink);border-image:var(--fr-key-event,none) 2 2 3 2 / 2px / 0 stretch;background:var(--event-core);min-width:48px;height:48px;image-rendering:pixelated;color:var(--event-ink);font:700 var(--fs-num-xl) / 40px var(--font-num);background-clip:padding-box;position:relative}.match.has-hud[data-tier=XL] .claim[data-place=zoneA] .claim-key{min-width:64px;height:64px;font-size:48px;line-height:60px}.claim-lock{color:var(--danger-ink);display:none;position:absolute;bottom:-6px;right:-6px}.claim[data-stage=lockedOut] .claim-lock{display:grid}.match.has-hud .claim[data-stage=lockedOut] .claim-key{background:var(--tile-dither-off,none) 0 0 / 8px 8px, var(--event-core)}.claim[data-stage=pending] .claim-key{transform:translateY(2px)}.match.has-hud .claim:is([data-stage=lost],[data-stage=expired]) .claim-key{background:var(--event-surface);color:var(--event)}.claim-result{gap:4px;min-height:24px}.claim-result[data-team=ally]{background:var(--ally-strong);color:var(--ally-ink)}.claim-result[data-team=enemy]{background:var(--enemy-strong);color:var(--enemy-ink)}.claim[data-place=dock]{pointer-events:auto;height:100%}.claim[data-place=dock] .claim-btn{height:100%;padding:0 var(--sp-2);grid-template-columns:minmax(0,1fr) auto}.claim[data-place=dock] :is(.claim-kind,.claim-help,.claim-status){display:none}.match.has-hud .claim[data-place=dock] .claim-key{min-width:44px;height:44px;font-size:var(--fs-num-l);line-height:36px}.claim[data-place=row] .claim-btn{height:100%;box-shadow:var(--e1)}.claim[data-place=row] .claim-help{display:none}.claim-short{color:var(--event-core);font:700 var(--fs-small) / 20px var(--font-body);white-space:nowrap;display:none}.match.has-hud[data-tier=S] .claim[data-place=dock] :is(.claim-title,.claim-instr){display:none}.match.has-hud[data-tier=S] .claim[data-place=dock] .claim-short{display:block}.event-marker,.event-edge{pointer-events:auto;cursor:pointer;position:absolute;top:0;left:0}.match.has-hud .event-marker{border-width:2px;border-color:var(--event-ink);border-image:var(--fr-key-event,none) 2 2 3 2 / 2px / 0 stretch;background:var(--event-core);width:44px;min-width:44px;height:44px;image-rendering:pixelated;color:var(--event-ink);font:700 var(--fs-num-l) / 36px var(--font-num);box-shadow:0 4px 0 var(--event-ink);background-clip:padding-box;margin:-44px 0 0 -22px;padding:0}.marker-lock{color:var(--danger-ink);display:none;position:absolute;bottom:-8px;right:-8px}.event-marker[data-stage=lockedOut] .marker-lock{display:grid}.match.has-hud .event-marker[data-stage=incoming]{background:var(--event-surface);color:var(--event)}.match.has-hud .event-marker.is-urgent{background:var(--warn)}.event-edge{width:88px;height:44px;font:700 var(--fs-label) / 20px var(--font-num);gap:4px;margin:-44px 0 0;padding:0 6px}.event-edge[data-side=right]{flex-direction:row-reverse;margin-left:-88px}.edge-glyph{font-size:var(--fs-num-l);line-height:30px}.edge-secs{font-weight:400}.event-edge.is-urgent .edge-secs{color:var(--danger-bg)}.chip-stack{pointer-events:none;flex-direction:column;gap:6px;display:flex}.chip-stack--mine{align-items:flex-start}.chip-stack--rival{align-items:flex-end}.hud-chip{min-height:36px;padding:0 var(--sp-2) 0 4px;font:400 var(--fs-small) / 20px var(--font-body);box-shadow:var(--e2);gap:6px}.hud-chip:not(:has(.chip-ring)){padding-left:var(--sp-2)}.chip-ring{--ring-lit:var(--era)}.chip--buff{background:var(--ally-strong);color:var(--ally-ink)}.chip--buff .chip-ring{--ring-lit:var(--ally-ink)}.chip--rival{background:var(--enemy-strong);color:var(--enemy-ink)}.chip--rival .chip-ring{--ring-lit:var(--enemy-ink)}.chip--fumbled{background:var(--event-surface);color:var(--event)}.chip--warning{background:var(--danger-bg);color:var(--danger-ink)}.slot-markers{pointer-events:none;position:absolute;inset:0}.slot-marker{pointer-events:auto;cursor:pointer;background:0 0;border-width:0;grid-template-columns:16px 16px;place-items:center;width:48px;height:48px;margin:-24px 0 0 -24px;padding:8px 6px;display:grid;position:absolute;top:0;left:0}.slot-marker:before{content:"";border:2px solid var(--mat-edge);background:var(--mat-raise);box-shadow:0 4px 0 var(--mat-edge);position:absolute;inset:8px}.slot-marker>*{position:relative}.slot-marker-num{color:var(--mat-ink);display:grid}.slot-marker-glyph{width:16px;height:16px;display:grid}.slot-marker[data-kind=empty] .slot-marker-glyph{box-shadow:inset 0 0 0 2px var(--mat-rim)}.slot-marker[data-kind=locked] .slot-marker-glyph{color:var(--mat-muted)}.slot-marker[data-kind=unlock] .slot-marker-glyph{color:var(--gold)}.slot-marker[data-kind=occupied] .slot-marker-glyph{color:var(--good)}.slot-marker.is-selected:before{background-image:var(--tick-tl,none), var(--tick-tr,none), var(--tick-bl,none), var(--tick-br,none);image-rendering:pixelated;background-position:0 0,100% 0,0 100%,100% 100%;background-repeat:no-repeat;background-size:6px 6px}.turret-range{border-block:2px solid var(--mat-edge);opacity:.8;pointer-events:none;height:8px;position:absolute;top:-4px;left:0}.turret-range:before{content:"";background:var(--era);opacity:.7;position:absolute;inset:0}.turret-range:after{content:"";background:var(--era);width:4px;height:24px;box-shadow:0 0 0 2px var(--mat-edge);position:absolute;top:-10px}.turret-range[data-dir=right]:after{right:-2px}.turret-range[data-dir=left]:after{left:-2px}.turret-range[data-preview=true],.turret-range[data-preview=true]:before{opacity:1}.slot-marker.is-open:before{border-color:var(--era)}.slot-menu{z-index:2;align-content:start;gap:var(--sp-1);width:320px;padding:var(--sp-2);box-shadow:var(--e3);color:var(--mat-ink);pointer-events:auto;animation:.16s step-end both px-rise;display:grid;position:absolute;top:0;left:0;overflow:hidden auto;container:slot-menu/inline-size}@media (prefers-reduced-motion:reduce){.slot-menu{animation:none}}.slot-menu-head{align-items:center;gap:var(--sp-2);min-height:var(--tap);display:flex}.slot-menu-num{width:24px;height:24px;color:var(--era);flex:none;place-items:center;display:grid}.slot-menu-num .icon{width:16px;height:16px}.slot-menu-title{min-width:0;font:700 var(--fs-small) / 20px var(--font-body);white-space:nowrap;text-overflow:ellipsis;flex:auto;overflow:hidden}.slot-menu-pips{flex:none;gap:2px;display:flex}.slot-menu-pips .pip{border:2px solid var(--mat-edge);background:var(--mat-well);width:8px;height:8px}.slot-menu-pips .pip.is-on{background:var(--era)}.slot-menu-close{flex:none}.slot-menu-body{gap:var(--sp-1);display:grid}.slot-menu-sub{color:var(--mat-ink-2);font:400 var(--fs-small) / 20px var(--font-body);margin:0}.slot-menu-max{align-items:center;gap:var(--sp-2);min-height:var(--tap);color:var(--good);font:700 var(--fs-small) / 20px var(--font-body);margin:0;display:flex}.slot-menu-max .icon{width:16px;height:16px}.slot-offer{align-items:center;column-gap:var(--sp-2);width:100%;min-height:56px;padding:2px var(--sp-2);white-space:normal;text-align:start;grid-template-columns:32px minmax(0,1fr) auto;grid-template-areas:"bust name cost""bust stats stats""bust need need";row-gap:0;display:grid}.slot-offer-portrait{background:var(--mat-well);grid-area:bust;place-items:center;width:32px;height:32px;display:grid}.slot-offer-portrait canvas{image-rendering:pixelated}.slot-offer-portrait .icon{width:24px;height:24px}.slot-offer-name{min-width:0;font:700 var(--fs-small) / 20px var(--font-body);grid-area:name;align-items:flex-start;gap:4px;display:flex}.slot-offer-name>span{overflow-wrap:anywhere;min-width:0}.px-btn .slot-offer-name .slot-offer-role{margin-block:2px}.px-btn .slot-offer-role{width:16px;height:16px;color:var(--era);flex:none}.slot-offer-cost,.slot-act-cost{color:var(--gold);font:400 var(--fs-label) / 20px var(--font-num);white-space:nowrap;align-items:center;gap:2px;display:inline-flex}.slot-offer-cost{grid-area:cost}.px-btn :is(.slot-offer-cost,.slot-act-cost) .icon{width:16px;height:16px}.slot-offer-stats{color:var(--mat-ink-2);font:400 var(--fs-small) / 20px var(--font-body);grid-area:stats}.slot-offer-need{color:var(--warn);font:400 var(--fs-small) / 20px var(--font-body);grid-area:need}.slot-offer-need:empty{display:none}.is-unaffordable :is(.slot-offer-cost,.slot-act-cost){color:var(--warn)}.slot-menu .slot-menu-key{z-index:1;position:absolute;top:-6px;right:-4px}.slot-menu .slot-act .slot-menu-key{flex:none;order:1;position:static}.slot-act .slot-offer-need{order:2}.match.has-hud[data-device=touch] .slot-menu .hotkey{display:none}.slot-act{justify-content:flex-start;column-gap:var(--sp-2);width:100%;padding:2px var(--sp-2);white-space:normal;text-align:start;flex-wrap:wrap;row-gap:0}.px-btn .slot-act-icon{width:var(--icon-s);height:var(--icon-s);flex:none}.slot-act-verb{min-width:0;font:700 var(--fs-small) / 20px var(--font-body);flex:1 1 0}.slot-act-num{font:400 var(--fs-label) / 20px var(--font-num);white-space:nowrap}.slot-act .slot-offer-need{flex-basis:100%;padding-inline-start:32px}.slot-act--level.is-affordable .slot-act-icon{color:var(--era)}.slot-act--sell .slot-act-icon,.slot-act--sell .slot-act-num{color:var(--gold)}.slot-act--sell.is-armed .slot-act-verb{color:var(--warn)}.slot-deltas{gap:0 var(--sp-2);padding:0 var(--sp-2) 4px 40px;font:400 var(--fs-small) / 20px var(--font-body);grid-template-columns:auto 1fr;margin:0;display:grid}.slot-deltas dt{color:var(--mat-ink-2)}.slot-deltas dd{align-items:center;gap:4px;margin:0;display:flex}.slot-delta-arrow{width:16px;height:16px;color:var(--mat-muted)}.slot-delta-now{color:var(--good)}.match.has-hud[data-frame=thin] .slot-menu{width:272px;padding:var(--sp-1)}.match.has-hud[data-frame=thin] .slot-offer-stats,.match.has-hud[data-frame=thin] .slot-menu[data-kind=empty] .slot-menu-sub{display:none}.match.has-hud[data-frame=thin] .slot-offer{min-height:var(--tap);grid-template-areas:"bust name cost""bust name need"}.match.has-hud[data-frame=thin] .slot-offer-need{justify-self:end}@container slot-menu (width<=240px){.match.has-hud .slot-menu .slot-offer{grid-template-columns:32px minmax(0,1fr);grid-template-areas:"bust name""bust cost""bust stats""bust need"}.match.has-hud .slot-menu :is(.slot-offer-cost,.slot-offer-need){justify-self:start}}.popover--emotes{top:calc(var(--top-h) + 8px);right:calc(var(--safe-r) + var(--sp-3));z-index:var(--z-tooltip);gap:var(--sp-2);width:max-content;max-width:calc(100% - 24px);padding:var(--sp-2);box-shadow:var(--e3);display:grid;position:absolute}.emote-grid{gap:var(--sp-2);grid-template-columns:repeat(4,80px);display:grid}.match.has-hud .emote-btn{place-items:center;width:80px;min-width:0;height:80px;padding:0;display:grid;position:relative}.emote-thumb{width:64px;height:64px;image-rendering:pixelated;display:block}.emote-btn .emote-key{position:absolute;top:-8px;left:-4px}.match.has-hud[data-device=touch] .emote-key{display:none}.popover--emotes.is-cooling .emote-thumb{opacity:.5}.emote-foot{justify-content:space-between;align-items:center;gap:var(--sp-2);display:flex}.emote-caption{min-width:0;padding-left:var(--sp-1);color:var(--mat-ink);font:700 var(--fs-small) / 24px var(--font-body);text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.emote-mute{gap:var(--sp-2)}.match.has-hud .emote-mute[aria-pressed=true]{background-color:var(--mat-well);color:var(--warn)}.match.has-hud[data-frame=thin] .emote-grid{grid-template-columns:repeat(4,48px)}.match.has-hud[data-frame=thin] .emote-btn{width:48px;height:48px}.match.has-hud[data-frame=thin] .emote-thumb{width:32px;height:32px}.hud-world>.emote-layer{pointer-events:none;position:absolute;inset:0}.emote-say{padding:var(--sp-2) var(--sp-2) var(--sp-1);box-shadow:var(--e2);transform-origin:var(--tail-x,50%) calc(100% + 8px);pointer-events:none;justify-items:center;gap:2px;display:grid;position:absolute;top:0;left:0}.emote-say:before{content:"";background:var(--ally-strong);height:4px;position:absolute;top:0;left:0;right:0}.emote-say[data-team=enemy]:before{background:var(--enemy-strong)}.emote-say-art{width:96px;height:96px;image-rendering:pixelated;display:block}.emote-say-label{font:700 var(--fs-small) / 24px var(--font-body);white-space:nowrap}.emote-say-tail{top:calc(100% + 4px);left:calc(var(--tail-x,50%) - 12px);background:var(--mat-rim);clip-path:polygon(0 0,16px 0,16px 2px,14px 2px,14px 4px,12px 4px,12px 6px,10px 6px,10px 8px,6px 8px,6px 6px,4px 6px,4px 4px,2px 4px,2px 2px,0 2px);width:16px;height:8px;position:absolute}.match.has-hud[data-frame=thin] .emote-say-art{width:64px;height:64px}.tooltip{z-index:var(--z-tooltip);max-width:280px;padding:var(--sp-1) var(--sp-2);box-shadow:var(--e2);pointer-events:none;gap:4px;display:grid;position:absolute;top:0;left:0}.tooltip.is-sheet{max-width:min(340px,100% - 16px);padding:var(--sp-2);overscroll-behavior:contain;pointer-events:auto;overflow-y:auto}.tip-tail{left:calc(var(--tail-x,50%) - 6px);background:var(--mat-rim);clip-path:polygon(0 0,12px 0,12px 2px,10px 2px,10px 4px,8px 4px,8px 6px,4px 6px,4px 4px,2px 4px,2px 2px,0 2px);pointer-events:none;width:12px;height:6px;position:absolute}.tooltip[data-tail=down] .tip-tail{top:calc(100% + 4px)}.tooltip[data-tail=up] .tip-tail{bottom:calc(100% + 4px);transform:scaleY(-1)}.tooltip[data-tail=none] .tip-tail{display:none}.tooltip-close{justify-self:end;display:none}.tooltip.is-sheet .tooltip-close{z-index:1;display:inline-flex;position:sticky;top:0}.tooltip-body,.tip-body{font:400 var(--fs-small) / 24px var(--font-body);gap:4px;display:grid}.tip-title{justify-content:space-between;align-items:baseline;gap:var(--sp-2);color:var(--mat-ink);font-weight:700;display:flex}.tip-role{color:var(--mat-muted);font-weight:400}.tip-text{color:var(--mat-ink-2);margin:0}.tip-muted{color:var(--mat-muted)}.tip-stats{justify-content:start;gap:0 var(--sp-3);grid-template-columns:auto auto;margin:0;display:grid}.tip-stats dt{color:var(--mat-muted)}.tip-stats dd{color:var(--mat-ink);font-family:var(--font-num);font-size:var(--fs-label);margin:0}.tip-counters,.tip-level{gap:2px;display:grid}.tip-level{align-items:center;gap:4px;display:flex}:is(.tip-strong,.tip-weak,.tip-neutral,.tip-aura,.tip-cost,.tip-need,.tip-counter){align-items:center;gap:6px;display:flex}.tip-strong{color:var(--good)}.tip-weak{color:var(--danger-ink)}.tip-cost{color:var(--gold)}.tip-need{color:var(--warn)}.tip-keys{gap:4px;margin:0;display:flex}.tooltip-actions{gap:var(--sp-2);flex-wrap:wrap;display:flex}.press-ring{z-index:3;pointer-events:none;margin:-12px 0 0 -12px;position:absolute;top:50%;left:50%}.hud-layer>.hud-chips{z-index:var(--z-toast);pointer-events:none;position:absolute;inset:0}.reason-chip{top:var(--y);left:var(--x);min-height:28px;padding:0 var(--sp-2);font:400 var(--fs-small) / 20px var(--font-body);box-shadow:var(--e2);gap:6px;position:absolute;translate:-50%}.reason-chip.px-badge--info{background:var(--mat-plate);color:var(--mat-plate-ink)}.reason-text{white-space:nowrap}.toasts{align-items:center;gap:var(--sp-2);flex-direction:column;width:100%;display:flex}.toast{align-items:center;gap:var(--sp-2);max-width:100%;padding:var(--sp-1) var(--sp-2) var(--sp-1) var(--sp-1);box-shadow:var(--e3);color:var(--mat-ink);font:400 var(--fs-small) / 24px var(--font-body);display:flex}.toast-cell{border:2px solid var(--mat-edge);background:var(--mat-raise);width:32px;height:32px;color:var(--mat-ink);flex:none;place-items:center;display:grid}.toast--good .toast-cell{background:var(--good-bg);color:var(--good)}.toast--warn .toast-cell{background:var(--warn-bg);color:var(--warn)}.toast--alert .toast-cell{background:var(--danger-bg);color:var(--danger-ink)}.toast-text{min-width:0}.toast-action{flex:none}.banner{max-width:100%;padding-block:var(--sp-1);text-align:center;pointer-events:none;box-shadow:var(--e3);justify-items:center;gap:2px;display:grid}.banner-title{font:700 var(--fs-h2) / var(--lh-h2) var(--font-display);white-space:nowrap}.banner-stencil{display:block}.banner-sub{font:400 var(--fs-small) / 20px var(--font-body)}.banner--lite .banner-title{font-size:var(--fs-h3);line-height:var(--lh-h3)}.banner:is([data-tone=warn],[data-tone=danger]){border-color:var(--mat-edge);image-rendering:pixelated;background-clip:padding-box;border-image:}.banner[data-tone=warn]{background:var(--warn);color:var(--on-fill)}.banner[data-tone=danger]{background:var(--danger);color:var(--on-fill)}.stamp{z-index:var(--z-stamp);padding-inline:var(--sp-5);pointer-events:none;box-shadow:var(--e3);position:absolute;top:38%;left:50%;translate:-50% -50%}.stamp-text{font:700 var(--fs-display) / var(--lh-display) var(--font-display);text-transform:uppercase;white-space:nowrap;display:block}.stamp[data-kind=defeat]{border-color:var(--mat-edge);background:var(--danger);image-rendering:pixelated;color:var(--on-fill);background-clip:padding-box;border-image:}.coach{--arrow-x:50%;top:var(--coach-y,var(--zone-top));left:var(--coach-x,12px);z-index:var(--z-coach);gap:var(--sp-2);width:min(340px,100% - 24px);padding:var(--sp-2);box-shadow:var(--e3);color:var(--mat-ink);display:grid;position:absolute}.coach-head{align-items:center;gap:var(--sp-2);min-height:32px;padding:0 var(--sp-2);display:flex}.coach-title{min-width:0;font:700 var(--fs-small) / 20px var(--font-body);flex:auto}.coach-paused{border:2px solid var(--mat-plate-ink);min-height:20px;font:400 var(--fs-small) / 16px var(--font-body);flex:none;padding:0 4px}.coach-count{font:400 var(--fs-label) / 20px var(--font-num);flex:none}.coach-text{padding:0 var(--sp-1);font:400 var(--fs-small) / 24px var(--font-body);margin:0}.coach-actions{justify-content:flex-end;gap:var(--sp-2);display:flex}.coach-tail{left:calc(var(--arrow-x) - 6px);background:var(--mat-rim);clip-path:polygon(0 0,12px 0,12px 2px,10px 2px,10px 4px,8px 4px,8px 6px,4px 6px,4px 4px,2px 4px,2px 2px,0 2px);pointer-events:none;width:12px;height:6px;display:none;position:absolute}.coach[data-arrow=down] .coach-tail{display:block;top:calc(100% + 8px)}.coach[data-arrow=up] .coach-tail{display:block;bottom:calc(100% + 8px);scale:1 -1}.tut-target{background-image:var(--tick-tl,none), var(--tick-tr,none), var(--tick-bl,none), var(--tick-br,none);background-position:0 0,100% 0,0 100%,100% 100%;background-repeat:no-repeat;background-size:6px 6px;background-origin:padding-box}.hud-dock.has-spotlight :is(.card,.px-card,.px-btn,.dock-eco):not(.tut-target):not(:has(.tut-target)){opacity:.45}.coach-chevron{z-index:var(--z-coach);width:24px;height:24px;color:var(--era);pointer-events:none;place-items:center;display:grid;position:absolute;top:0;left:0}.coach-chevron.is-up .icon{scale:1 -1}.coach-connector{z-index:var(--z-coach);border-left:2px dashed var(--mat-rim);pointer-events:none;width:0;position:absolute;top:0;left:0}.hud-row>.coach{width:100%;position:relative;top:auto;left:auto}.hud-row>.coach .coach-tail{display:none}.zoom-cluster{flex:none;align-items:center;gap:2px;display:flex}.zoom-btn,.zoom-level{width:var(--tap);min-width:var(--tap);height:var(--tap);flex:none;padding:0;position:relative}.zoom-level{width:auto;padding:0 var(--sp-2);color:var(--mat-ink);font:400 var(--fs-label) / 20px var(--font-num)}.zoom-level-num{text-align:center;min-inline-size:38px}.zoom-key{z-index:1;pointer-events:none;position:absolute;top:100%;left:50%;translate:-50%}.match.has-hud[data-device=touch] .zoom-key{display:none}.match.has-hud[data-tier=M] .zoom-cluster{gap:4px}.match.has-hud[data-tier=M] :is(.zoom-btn,.zoom-level){height:40px;min-height:40px}.match.has-hud[data-tier=M] :is(.zoom-btn,.zoom-level):before{content:"";position:absolute;inset:-4px -2px}.zoom-toggle{width:auto;min-width:36px;height:36px;min-height:36px;color:var(--mat-ink);font:400 var(--fs-label) / 20px var(--font-num);gap:4px;padding:0 6px;position:relative}.zoom-toggle:before{content:"";position:absolute;inset:-4px}.zoom-toggle-icon{display:grid}.zoom-toggle-icon .icon{width:var(--icon-s);height:var(--icon-s)}.zoom-toggle-text{font:400 var(--fs-small) / 20px var(--font-body)}.seat-glyph{width:16px;height:16px;color:var(--mat-ink-2);flex:none;place-items:center;display:grid}.seat-glyph .icon{width:16px;height:16px}.my-role{color:var(--ally-ink)}.partner-slot,.rival-seats{align-items:center;gap:4px;min-width:0;display:flex}.seat-chip{background:var(--mat-face-2);align-items:center;gap:4px;min-width:0;min-height:20px;padding:0 2px;display:inline-flex}.seat-name{min-width:0;color:var(--mat-ink);font:400 var(--fs-small) / 16px var(--font-body);white-space:nowrap;flex:none;overflow:hidden}.seat-ai{background:var(--mat-plate);min-height:14px;color:var(--mat-plate-ink);padding:0 2px}.seat-away{min-height:16px;font:400 var(--fs-label) / 16px var(--font-num);padding:0 4px}.rival-seat .seat-glyph{color:var(--enemy-ink)}.team-gold{min-height:20px;color:var(--gold);font:700 var(--fs-label) / 16px var(--font-num);flex:none;gap:4px;padding:0 4px}.team-gold .icon{width:16px;height:16px}.team-income{color:var(--good);font-weight:400}.vote-plate{gap:var(--sp-2);width:min(360px,100%);padding:var(--sp-2) var(--sp-3) var(--sp-3);box-shadow:var(--e3);display:grid}.vote-title{align-items:center;gap:var(--sp-2);min-height:32px;font:700 var(--fs-small) / 20px var(--font-body);display:flex}.vote-title .icon{width:var(--icon-s);height:var(--icon-s)}.vote-line{color:var(--mat-ink);font:400 var(--fs-small) / 20px var(--font-body);margin:0}.vote-actions{gap:var(--sp-2);display:flex}.vote-actions .px-btn{flex:1 1 0}.vote-rival{max-width:100%;font:400 var(--fs-small) / 20px var(--font-body);white-space:nowrap;gap:6px}.vote-rival .icon{width:16px;height:16px}.banner-keys{font:400 var(--fs-small) / 20px var(--font-body);justify-content:center;align-items:center;gap:6px;margin-top:4px;display:flex}.banner-dot{color:var(--mat-plate-ink)}.match.has-hud[data-frame=thin] :is(.seat-name,.team-income,.seat-ai,.seat-away){display:none}.match.has-hud[data-frame=thin] .seat-chip{min-height:16px;padding:0 2px}.seat-chip.is-away{box-shadow:inset 0 0 0 2px var(--warn)}.seat-chip.is-away .seat-glyph{color:var(--warn)}.match.has-hud[data-frame=thin][data-duo=true]:not([data-stacked=true]) .plate--ally{grid-template-rows:16px 16px;grid-template-columns:auto auto minmax(0,1fr) auto;align-content:center;align-items:center;gap:4px 6px;display:grid}.match.has-hud[data-frame=thin][data-duo=true]:not([data-stacked=true]) .plate--ally .hp-row{display:contents}.match.has-hud[data-frame=thin][data-duo=true]:not([data-stacked=true]) .plate--ally .team-tag{grid-area:1/1}.match.has-hud[data-frame=thin][data-duo=true]:not([data-stacked=true]) .plate--ally .plate-extras{grid-area:1/2;gap:4px}.match.has-hud[data-frame=thin][data-duo=true]:not([data-stacked=true]) .plate--ally .team-gold{grid-area:1/4;min-height:16px;line-height:12px}.match.has-hud[data-frame=thin][data-duo=true]:not([data-stacked=true]) .plate--ally .hp-bar{grid-area:2/1/3/4;min-width:0}.match.has-hud[data-frame=thin][data-duo=true]:not([data-stacked=true]) .plate--ally .hp-text{grid-area:2/4;line-height:16px}.match.has-hud[data-stacked=true][data-duo=true] .plate--ally .plate-extras{flex-flow:column wrap;place-content:center;gap:4px;max-height:48px}.hud-dock .team-gold{align-self:center;min-height:24px}.match.has-hud[data-duo=true]:not([data-tier=XL]) .plate--ally .plate-name,.match.has-hud[data-duo=true] .plate--enemy .plate-name,.match.has-hud[data-duo=true]:not([data-tier=XL]) .team-income,.match.has-hud[data-duo=true][data-tier=M] .plate--ally .hp-text{display:none}.match.has-hud .hero-lead{align-items:center;gap:var(--sp-1);min-width:var(--tap);min-height:40px;padding:0 var(--sp-2);color:var(--mat-ink);font:700 var(--fs-label) / 20px var(--font-body);display:inline-flex}.hud-dock>.hero-lead{right:calc(var(--safe-r) + var(--dock-side));bottom:calc(100% + var(--dock-pad-t) + 4px);z-index:1;position:absolute}.hero-lead .icon{color:var(--gold)}.hero-lead[aria-disabled=true],.hero-lead[aria-disabled=true] .icon{color:var(--mat-muted)}.hero-key .icon{width:16px;height:16px}.hud-layer>.hero-hud{left:calc(var(--safe-l) + var(--dock-side));right:calc(var(--safe-r) + var(--dock-side));bottom:calc(var(--dock-h) + var(--sp-2));z-index:var(--z-dock);justify-content:space-between;align-items:flex-end;gap:var(--sp-2);pointer-events:none;display:flex;position:absolute}.hero-hud>*,.hero-left>*{pointer-events:auto}.hero-left{align-items:flex-start;gap:var(--sp-2);pointer-events:none;flex-direction:column;display:flex}.hero-card{align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-2);color:var(--mat-ink);display:flex}.hero-portrait{background:var(--mat-well);flex:none;place-items:center;width:40px;height:40px;display:grid}.hero-portrait canvas{image-rendering:pixelated;display:block}.hero-info{gap:var(--sp-1);min-width:0;display:grid}.hero-title{align-items:center;gap:var(--sp-1);font:700 var(--fs-label) / 20px var(--font-body);display:flex}.hero-state-icon{color:var(--gold);display:grid}.hero-state-icon .icon{width:16px;height:16px}.hero-name{text-overflow:ellipsis;white-space:nowrap;max-width:176px;overflow:hidden}.hero-state{color:var(--mat-muted);font:400 var(--fs-label) / 20px var(--font-body)}.hero-hp{width:106px;height:10px}.hero-hp-fill{--bar-fill:var(--ally)}.hero-release{align-items:center;gap:var(--sp-1);min-width:var(--tap);min-height:var(--tap);padding:0 var(--sp-2);font:700 var(--fs-label) / 20px var(--font-body);flex:none;display:inline-flex}.hero-hud.is-fallen .hero-card{border-color:var(--danger);border-image-source:none}.hero-hud.is-fallen :is(.hero-state,.hero-state-icon){color:var(--danger)}.hero-hud.is-fallen .hero-portrait{opacity:.5}.hero-walk{gap:var(--sp-2);display:flex}.hero-walk-btn{touch-action:none;-webkit-user-select:none;user-select:none;place-items:center;width:64px;height:64px;padding:0;display:grid}.hero-walk-btn .icon{width:32px;height:32px}.hero-hud .hero-strike{width:88px;height:88px;color:var(--mat-ink);align-content:center;justify-items:center;gap:2px;padding:0;display:grid;position:relative}.hero-strike-core{place-items:center;width:48px;height:48px;display:grid;position:relative}.hero-strike-core>*{grid-area:1/1}.hero-ring{--ring-lit:var(--mat-ink-2)}.hero-strike.is-ready .hero-ring{--ring-lit:var(--gold)}.hero-strike-glyph{width:32px;height:32px}.hero-strike.is-ready .hero-strike-glyph{color:var(--gold)}.hero-strike.is-charging .hero-strike-glyph{visibility:hidden}.hero-secs{z-index:1;font:400 var(--fs-label) / 20px var(--font-num)}.hero-strike-label{font:700 var(--fs-label) / 20px var(--font-num)}.hero-strike>.hero-key{z-index:2;position:absolute;top:-8px;left:-4px}.hero-strike[aria-disabled=true]{color:var(--mat-muted)}.match.has-hud[data-device=touch] .hero-key,.match.has-hud:is([data-tier=S],[data-tier=P]) .hero-hud:not(.is-fallen) .hero-state{display:none}.match.has-hud[data-tier=S] .hud-layer>.hero-hud .hero-left{flex-direction:row;align-items:flex-end}.match.has-hud[data-tier=S] .hud-layer>.hero-hud .hero-walk{order:-1}.hud-row>.hero-lead{flex:none;order:-2;align-self:flex-end;margin-bottom:4px}.hud-row>.hero-hud{align-items:end;gap:var(--sp-2);pointer-events:none;flex:none;order:-2;grid-template-columns:minmax(0,1fr) auto;margin-bottom:4px;display:grid}.hud-row>.hero-hud>.hero-left{display:contents}.hud-row>.hero-hud .hero-card{grid-column:1/-1}.hud-row>.hero-hud .hero-release{margin-inline-start:auto}.hud-row>.hero-hud .hero-walk{grid-column:1}.hud-row>.hero-hud .hero-strike{grid-column:2}@media (hover:hover){.hero-walk-btn:hover .icon{color:var(--gold)}}.match.has-hud[data-tier=XL]{--minimap-w:364px;--minimap-h:28px}.match.has-hud[data-tier=L]{--minimap-w:clamp(164px, calc(100vw - 1040px), 304px);--minimap-h:28px}.match.has-hud[data-tier=M]{--minimap-w:clamp(100px, calc(100vw - 900px), 204px);--minimap-h:24px}.match.has-hud[data-tier=S]{--minimap-w:clamp(96px, calc(100vw - 744px), 144px);--minimap-h:24px}.match.has-hud[data-tier=XL] .hud-top{left:max(0px,50% - 900px);right:max(0px,50% - 900px)}.match.has-hud:is([data-tier=S],[data-tier=M]) .minimap:before{content:"";position:absolute;inset:-10px -4px}.match.has-hud[data-tier=XL] .plate{max-width:520px}.match.has-hud[data-tier=M] .plate{grid-template-rows:20px 20px;gap:0 8px}.match.has-hud:not([data-tier=XL]) .age-name{display:none}.match.has-hud[data-tier=M] .cmd-btn{padding:0 2px}.match.has-hud[data-compact=true] .eco-income{display:none}.match.has-hud[data-device=touch] .card-glyph{width:32px;height:32px}.match.has-hud[data-device=touch][data-frame=thin] .card-glyph{display:none}.match.has-hud[data-tier=S] .claim[data-place=zoneA] .claim-btn{padding:0 var(--sp-2);grid-template-columns:minmax(0,1fr) auto auto}.match.has-hud[data-tier=S] .claim[data-place=zoneA] :is(.claim-kind,.claim-help,.claim-status){display:none}.match.has-hud[data-tier=S] .claim[data-place=zoneA] .claim-key{min-width:44px;height:44px;font-size:var(--fs-num-l);line-height:36px}.match.has-hud[data-tier=S] .hud-zone{top:calc(var(--top-h) + 32px);gap:6px}.match.has-hud[data-tier=M]:not([data-stacked=true]) .plate{grid-template-columns:minmax(0,1fr)}.match.has-hud[data-tier=M] .plate-emblem{display:none}.match.has-hud[data-tier=M]:not([data-stacked=true]) :is(.plate-head,.hp-row){grid-column:1}.match.has-hud[data-tier=L] .eco-army .icon,.match.has-hud:not([data-tier=XL],[data-tier=L]) .eco-army{display:none}.match.has-hud[data-frame=thin] .plate{align-items:center;gap:6px;max-width:320px;padding:0 6px;display:flex}.match.has-hud[data-frame=thin] .plate--enemy{flex-direction:row-reverse}.match.has-hud[data-frame=thin] .plate-head{display:contents}.match.has-hud[data-frame=thin] :is(.plate-emblem,.plate-name,.plate .age-chip){display:none}.match.has-hud[data-frame=thin] .hp-row{flex:auto;order:1;min-width:96px}.match.has-hud[data-frame=thin] .gun-control--tile{display:none}.match.has-hud[data-frame=thin] .plate--ally .team-tag{order:0}.match.has-hud[data-frame=thin] .plate--ally .plate-extras{flex:none;order:2;overflow:visible}.match.has-hud[data-frame=thin] .plate--enemy .team-tag{order:0}.match.has-hud[data-frame=thin] .team-tag{min-height:16px;padding:0 2px}.match.has-hud[data-frame=thin] .team-tag-text{width:0;height:0;overflow:hidden}.match.has-hud[data-frame=thin] .team-tag-art{display:grid}.match.has-hud[data-frame=thin] .hp-chevron{display:none}.match.has-hud[data-frame=thin] .hp-bar{height:12px}.match.has-hud[data-frame=thin] .tb-center{padding:0 6px}.match.has-hud[data-frame=thin] .clock{min-inline-size:60px;font-size:var(--fs-label);line-height:20px}.match.has-hud[data-frame=thin] .ping-chip{display:none}.match.has-hud[data-frame=thin] .hud-dock{padding:0 calc(var(--safe-r) + var(--dock-side)) var(--dock-pad-b) calc(var(--safe-l) + var(--dock-side));border-width:4px 0 0;border-color:var(--era);box-shadow:0 -2px 0 var(--mat-edge);background-clip:padding-box;border-image:}.match.has-hud[data-frame=thin] .hud-dock:before{display:none}.match.has-hud[data-frame=thin] .dock-eco{gap:0;padding:0 2px}.match.has-hud[data-frame=thin] .gold{gap:4px}.match.has-hud[data-frame=thin] :is(.gold,.eco-income,.eco-goal){line-height:16px}.match.has-hud[data-frame=thin] .eco-queue{height:16px}.match.has-hud[data-frame=thin] .eco-army{display:none}.match.has-hud[data-frame=thin] .eco-pips .pip{width:6px;height:6px}.match.has-hud[data-frame=thin] .ult-core{width:32px;height:32px}.match.has-hud[data-frame=thin] .ult-ring{--ring-px:32px;--ring-src:var(--ring-16);--ring-base:var(--ring-16-base)}.match.has-hud[data-frame=thin] :is(.ult-glyph,.ult-secs){display:none}.match.has-hud[data-frame=thin] .ult-mini{display:block}.match.has-hud[data-frame=thin] :is(.evolve-tile,.ult-tile) .card-key{display:none}.match.has-hud[data-frame=thin] .evolve-tile{gap:4px}.match.has-hud[data-frame=thin] .card>.card-key,.match.has-hud[data-frame=thin] .cmd-btn .card-key{display:none}.match.has-hud[data-frame=thin] .claim-btn{border-width:4px;border-color:var(--event);image-rendering:pixelated;background-clip:padding-box;border-image:}@media (max-width:759px){.match.has-hud[data-tier=S] .map-plate{border:2px solid var(--mat-edge);background:var(--mat-face);box-shadow:var(--e2);padding:2px;position:absolute;top:calc(100% + 4px);left:50%;translate:-50%}.match.has-hud[data-tier=S] .minimap{--minimap-w:160px}.match.has-hud[data-tier=S] .phase-chip{top:calc(100% + 44px)}.match.has-hud[data-tier=S] .zoom-toggle-text{display:none}}.match.has-hud[data-stacked=true]{grid-template-rows:calc(var(--top-h) + 36px) var(--stage-h) minmax(var(--claim-row-h), 1fr) auto;background:var(--mat-face);grid-template-areas:"head""stage""row""dock"}.match.has-hud[data-stacked=true] .hud-top{height:var(--top-h);padding:calc(var(--safe-t) + 4px) var(--sp-2) 4px;border-bottom:4px solid var(--mat-rim);background:var(--mat-face);box-shadow:0 2px 0 var(--mat-edge);grid-template-rows:24px 24px;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:0 6px}.match.has-hud[data-stacked=true] :is(.plate,.plate-head){display:contents}.match.has-hud[data-stacked=true] :is(.plate-emblem,.plate-name,.plate .age-chip,.hp-chevron){display:none}.match.has-hud[data-stacked=true] .team-tag{justify-self:start}.match.has-hud[data-stacked=true] .plate--ally .team-tag{grid-area:1/1}.match.has-hud[data-stacked=true] .plate--ally .hp-row{grid-area:1/2}.match.has-hud[data-stacked=true] .plate--ally .plate-extras{grid-area:1/3/3/4;overflow:visible}.match.has-hud[data-stacked=true] .plate--enemy .team-tag{grid-area:2/1}.match.has-hud[data-stacked=true] .plate--enemy .hp-row{flex-direction:row;grid-area:2/2}.match.has-hud[data-stacked=true] .plate--enemy .plate-extras{display:none}.match.has-hud[data-stacked=true] .hp-row{min-width:0}.match.has-hud[data-stacked=true] .tb-center{height:48px;box-shadow:none;background:0 0;border-width:0;border-image:;grid-area:1/4/3/5;padding:0;position:static}.match.has-hud[data-stacked=true] .tb-actions{grid-area:1/5/3/6;height:48px}.match.has-hud[data-stacked=true][data-duo=true]:not([data-tier=P]) .plate--ally .hp-text{display:none}.match.has-hud[data-stacked=true] .minimap{top:calc(var(--top-h) + 4px);left:var(--sp-2);right:var(--sp-2);width:auto;height:28px;position:absolute}.match.has-hud[data-tier=P] .map-plate{top:var(--top-h);left:var(--sp-2);right:var(--sp-2);gap:8px;height:36px;position:absolute}.match.has-hud[data-tier=P] .map-plate>.minimap{flex:auto;width:auto;min-width:0;position:relative;top:auto;left:auto;right:auto}.match.has-hud[data-tier=P] .map-plate>.zoom-slot{flex:none;display:flex}.match.has-hud[data-stacked=true] .phase-chip{top:calc(var(--top-h) + 40px);left:var(--sp-2);translate:none}.match.has-hud[data-stacked=true] .hud-row{z-index:var(--z-claim);min-height:0;padding:4px var(--sp-2) 0;border-top:4px solid var(--mat-rim-lo);background:var(--mat-face);flex-direction:column;grid-area:row;justify-content:flex-end;gap:6px;display:flex;position:relative}.match.has-hud[data-stacked=true] .hud-row>.claim{height:var(--claim-row-h);flex:none}.match.has-hud[data-stacked=true] .hud-row>.coach{order:-1}.match.has-hud[data-stacked=true] .hud-layer>.hud-chips{z-index:var(--z-coach)}.match.has-hud[data-stacked=true] .hud-zone{top:calc(var(--top-h) + 44px)}.match.has-hud[data-stacked=true] .dock-inner{flex-wrap:wrap;place-content:flex-start center;row-gap:6px;height:auto;padding-inline-start:0}.match.has-hud[data-stacked=true] :is(.dock-army,.dock-mode){height:var(--row1-h);flex-basis:100%;order:-1;justify-content:center}.match.has-hud[data-stacked=true] :is(.dock-eco,.evolve-tile,.ult-tile,.gun-control,.dock-command,.dock-mode-aux){height:var(--row2-h)}.match.has-hud[data-stacked=true][data-role=gunner] .gun-control--block{order:1}.dock-mode-aux{gap:var(--dock-gap);flex:none;display:none}.hud-dock:not([data-mode=army]) .dock-mode-aux{display:flex}.hud-dock[data-mode=upgrades] .dock-mode-aux .slot-cycler{display:none}.dock-mode-aux .mode-tabs{gap:4px;display:flex}.match.has-hud[data-stacked=true] .dock-inner{container:dock/inline-size}@container dock (width<=362px){.dock-mode-aux .mode-tab[aria-selected=true]{display:none}}.dock-mode-aux .slot-cycler{width:var(--cycler-w);height:100%}.match.has-hud[data-tier=P] .tb-actions .px-btn{width:36px;min-width:36px;height:36px;min-height:36px}.match.has-hud[data-tier=P] .tb-actions .px-btn:before{content:"";position:absolute;inset:-4px}.match.has-hud[data-tier=P] .clock{min-inline-size:48px}.match.has-hud[data-tier=P] .tb-actions{gap:8px}.match.has-hud[data-tier=P] .hp-row{gap:4px}.match.has-hud[data-tier=P] .hp-bar{min-width:16px}.settings{columns:2;column-gap:var(--sp-4)}.settings-group{break-inside:avoid;margin-bottom:var(--sp-3)}.settings-actions{gap:var(--sp-2);padding-top:var(--sp-2);flex-wrap:wrap;display:flex}.modal--settings{width:min(940px,100%)}@media (max-width:759px){.settings{columns:1}}.screen--skirmish{background:var(--tile-scrim,none) 0 0 / 4px 4px, transparent}.skirmish-layout{gap:var(--sp-4);grid-template-columns:minmax(0,1fr) 320px;align-items:start;display:grid}.skirmish-options{gap:var(--sp-3);min-width:0;display:grid}.skirmish-options .px-divider{margin:0}.setup-row{gap:var(--sp-2)}.skirmish-options .segmented--grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field--roles .segmented--grid{grid-template-columns:repeat(3,minmax(0,1fr))}.seg-btn--role{justify-content:center;align-items:center;gap:var(--sp-2);padding-inline:var(--sp-1);grid-auto-flow:column}.seg-btn--role .seg-check{position:static}.skirmish-options .seg-btn--tile .seg-label{padding-right:calc(var(--icon-xs) + var(--sp-1))}.play-as-line{min-height:24px;color:var(--mat-ink-2);font:400 var(--fs-small) / var(--lh-small) var(--font-body)}.skirmish-options .seg-btn--tile{padding:var(--sp-2)}.skirmish-options .seg-label,.skirmish-options .seg-sub{white-space:nowrap}.setup-stepper{max-width:480px;display:flex}.setup-stepper .px-stepper__value{justify-content:flex-start;align-items:center;gap:var(--sp-2);min-width:0;color:var(--mat-ink);white-space:nowrap;flex:1;display:flex}.setup-stepper .emblem{width:var(--icon-m);height:var(--icon-m);flex:none}.setup-roman{font:400 var(--fs-label) / var(--lh-label) var(--font-num)}.setup-value-text{min-width:0;overflow:hidden}.age-gems{gap:var(--sp-1);flex-wrap:wrap;display:flex}.age-gem .gem{width:16px;height:16px}.age-gem[aria-checked=true]{color:var(--mat-ink)}.biome-picks{gap:var(--sp-1);flex-wrap:wrap;display:flex}.biome-pick[aria-checked=true]{color:var(--mat-ink)}.gold-rate{align-items:center;gap:var(--sp-2);display:inline-flex}.gold-mark{color:var(--mat-ink-2);font:400 var(--fs-label) / var(--lh-label) var(--font-num)}.gold-lever{min-height:var(--tap);padding:0 var(--sp-1);color:var(--mat-ink);cursor:pointer;background-color:#0000;border:0;align-items:center;display:inline-flex}.gold-lever .switch-state{display:none}.match-card{gap:var(--sp-3);padding-left:var(--sp-4);border-left:2px solid var(--mat-rim-lo);display:grid;position:sticky;top:0}.match-card-head{justify-content:space-between;align-items:center;gap:var(--sp-2);display:flex}.match-plate{font:700 var(--fs-h3) / var(--lh-h3) var(--font-display);white-space:nowrap}.match-emblem .emblem{width:var(--icon-l);height:var(--icon-l);display:block}.match-summary{color:var(--mat-ink-2);font:400 var(--fs-small) / var(--lh-prose) var(--font-body)}.setup-start{width:100%}@media (min-width:1200px){.skirmish-options .field--tiles .segmented--grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.screen--skirmish .screen-body{scroll-padding-bottom:40px}.scroll-cue{z-index:2;height:32px;margin:-32px calc(var(--frw-panel) + var(--frw-band)) 0;background:var(--tile-dither-off,none) 0 0 / 8px 8px repeat-x, var(--mat-face) content-box;pointer-events:none;visibility:hidden;justify-content:center;align-items:flex-end;padding-top:8px;display:flex;position:sticky;bottom:0}.scroll-cue.is-shown{visibility:visible}.scroll-cue__tab{align-items:center;gap:var(--sp-1);min-height:24px;padding:0 var(--sp-2);border:2px solid var(--mat-rim-lo);background:var(--mat-raise);color:var(--mat-ink-2);font:400 var(--fs-small) / var(--lh-small) var(--font-body);white-space:nowrap;cursor:pointer;pointer-events:auto;border-bottom:0;display:inline-flex}.scroll-cue__tab .icon{width:var(--icon-xs);height:var(--icon-xs)}@media (hover:hover){.scroll-cue__tab:hover{color:var(--mat-ink)}}@media (max-width:899px){.skirmish-layout{gap:var(--sp-3);grid-template-columns:minmax(0,1fr)}.screen--skirmish{padding-bottom:0}.screen--skirmish .screen-body{padding-bottom:0;scroll-padding-bottom:0}.scroll-cue{display:none}.match-card{z-index:1;align-items:center;gap:var(--sp-2);padding:var(--sp-2) 0 calc(var(--sp-2) + var(--safe-b));border-top:2px solid var(--mat-rim-lo);background:var(--mat-face);border-left:0;grid-template-columns:auto minmax(0,1fr) auto;top:auto;bottom:0}.match-card-head{display:contents}.match-plate{display:none}.match-emblem .emblem{width:var(--icon-m);height:var(--icon-m)}.setup-start{width:auto}}@media (max-width:719px){.age-gems{max-width:252px}}@media (max-width:599px){.skirmish-options .seg-btn--tile{padding:var(--sp-2) var(--sp-1)}}@media (max-width:499px){.age-gems,.biome-picks{display:none}.field--roles .segmented--grid{grid-template-columns:minmax(0,1fr)}.match-card{grid-template-columns:auto minmax(0,1fr)}.setup-start{grid-column:1/-1;width:100%}}@media (max-height:500px){.skirmish-options{gap:var(--sp-2)}.play-as-line{min-height:20px}}.biome-chip{flex:none;width:32px;height:24px;display:block}.biome-chip .bc-a{fill:var(--chip-a)}.biome-chip .bc-b{fill:var(--chip-b)}.biome-chip .bc-c{fill:var(--chip-c)}.biome-chip .bc-f{fill:var(--chip-f)}.biome-chip .bc-g{fill:var(--chip-g)}.biome-chip .bc-s{fill:var(--chip-s)}.biome-chip .bc-k{fill:var(--chip-k)}.biome-chip--grassland{--chip-a:var(--biome-grassland-a);--chip-b:var(--biome-grassland-b);--chip-c:var(--biome-grassland-c);--chip-f:var(--biome-grassland-f);--chip-g:var(--biome-grassland-g);--chip-s:var(--biome-grassland-s);--chip-k:var(--biome-grassland-k)}.biome-chip--desert{--chip-a:var(--biome-desert-a);--chip-b:var(--biome-desert-b);--chip-c:var(--biome-desert-c);--chip-f:var(--biome-desert-f);--chip-g:var(--biome-desert-g);--chip-s:var(--biome-desert-s);--chip-k:var(--biome-desert-k)}.biome-chip--snow{--chip-a:var(--biome-snow-a);--chip-b:var(--biome-snow-b);--chip-c:var(--biome-snow-c);--chip-f:var(--biome-snow-f);--chip-g:var(--biome-snow-g);--chip-s:var(--biome-snow-s);--chip-k:var(--biome-snow-k)}.biome-chip--volcanic{--chip-a:var(--biome-volcanic-a);--chip-b:var(--biome-volcanic-b);--chip-c:var(--biome-volcanic-c);--chip-f:var(--biome-volcanic-f);--chip-g:var(--biome-volcanic-g);--chip-s:var(--biome-volcanic-s);--chip-k:var(--biome-volcanic-k)}.biome-chip--swamp{--chip-a:var(--biome-swamp-a);--chip-b:var(--biome-swamp-b);--chip-c:var(--biome-swamp-c);--chip-f:var(--biome-swamp-f);--chip-g:var(--biome-swamp-g);--chip-s:var(--biome-swamp-s);--chip-k:var(--biome-swamp-k)}.biome-chip--night{--chip-a:var(--biome-night-a);--chip-b:var(--biome-night-b);--chip-c:var(--biome-night-c);--chip-f:var(--biome-night-f);--chip-g:var(--biome-night-g);--chip-s:var(--biome-night-s);--chip-k:var(--biome-night-k)}.biome-chip--vampire{--chip-a:var(--biome-vampire-a);--chip-b:var(--biome-vampire-b);--chip-c:var(--biome-vampire-c);--chip-f:var(--biome-vampire-f);--chip-g:var(--biome-vampire-g);--chip-s:var(--biome-vampire-s);--chip-k:var(--biome-vampire-k)}.biome-chip--neon{--chip-a:var(--biome-neon-a);--chip-b:var(--biome-neon-b);--chip-c:var(--biome-neon-c);--chip-f:var(--biome-neon-f);--chip-g:var(--biome-neon-g);--chip-s:var(--biome-neon-s);--chip-k:var(--biome-neon-k)}.biome-chip--lunar{--chip-a:var(--biome-lunar-a);--chip-b:var(--biome-lunar-b);--chip-c:var(--biome-lunar-c);--chip-f:var(--biome-lunar-f);--chip-g:var(--biome-lunar-g);--chip-s:var(--biome-lunar-s);--chip-k:var(--biome-lunar-k)}.biome-chip--alien{--chip-a:var(--biome-alien-a);--chip-b:var(--biome-alien-b);--chip-c:var(--biome-alien-c);--chip-f:var(--biome-alien-f);--chip-g:var(--biome-alien-g);--chip-s:var(--biome-alien-s);--chip-k:var(--biome-alien-k)}:is(.biome-pick,.setup-stepper) .biome-tile--random{height:24px}.screen--campaign .screen-body{flex-direction:column;min-height:0;display:flex;overflow:hidden}.campaign{gap:var(--sp-2);flex-direction:column;flex:1;min-height:0;display:flex}.campaign-aside{align-items:center;gap:var(--sp-3);flex:none;margin-left:auto;display:inline-flex}.campaign-total{align-items:center;gap:var(--sp-1);color:var(--mat-ink);font:400 var(--fs-label) / var(--lh-label) var(--font-num);white-space:nowrap;display:inline-flex}.epoch-pager{gap:var(--sp-1);flex:none;display:flex}.epoch-gem .gem{width:16px;height:16px}.epoch-gem.is-open .gem :is(.m-accent,.m-accent2){fill:var(--mat-rim)}.epoch-gem.is-open .gem .m-rimHi{fill:var(--mat-rim-lt)}.epoch-gem.is-locked .gem :is(.m-accent,.m-accent2,.m-rimHi){fill:var(--mat-lip)}.epoch-pager--compact{align-items:center;gap:var(--sp-1);min-width:0;display:none}.pager-name{min-width:0;color:var(--mat-ink);font:400 var(--fs-body) / var(--lh-body) var(--font-body);white-space:nowrap;align-items:baseline;display:inline-flex;overflow:hidden}.pager-roman{font:400 var(--fs-label) / var(--lh-label) var(--font-num)}@media (max-width:719px),(max-height:500px){.epoch-pager{display:none}.epoch-pager--compact{display:inline-flex}}.campaign-stage{flex:1;min-height:0;display:flex;position:relative;container-type:inline-size}@media (min-width:600px){.screen--campaign .screen-body{overflow:visible clip}.campaign-stage{margin-inline:calc(50% - 50vw)}.campaign-stage:before,.campaign-stage:after{content:"";z-index:1;pointer-events:none;width:12px;position:absolute;top:0;bottom:0}.campaign-stage:before{border-left:4px solid var(--mat-well);background:var(--tile-scrim,none) 0 0 / 4px 4px;left:0}.campaign-stage:after{border-right:4px solid var(--mat-well);background:var(--tile-scrim,none) 0 0 / 4px 4px;right:0}}.chapter-track{--sheet-w:min(640px, calc(100cqw - 96px));--track-pad:calc((100cqw - var(--sheet-w)) / 2);align-items:center;gap:var(--sp-2);min-width:0;padding:0 var(--track-pad);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--track-pad);scrollbar-width:none;cursor:grab;flex:1;margin:0;list-style:none;display:flex;overflow:auto hidden}.chapter-track::-webkit-scrollbar{display:none}.chapter-track.is-dragging{cursor:grabbing;scroll-snap-type:none}.chapter-sheet{flex:0 0 var(--sheet-w);gap:var(--sp-2);min-width:0;min-height:0;max-height:100%;padding:calc(var(--frw-band) + var(--sp-2));scroll-snap-align:center;flex-direction:column;display:flex}.sheet-head{align-items:center;gap:var(--sp-2);flex:none;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"prev titles next";display:grid}.sheet-titles{grid-area:titles;justify-items:start;gap:2px;min-width:0;display:grid}.sheet-plate{max-width:100%;font:700 var(--fs-h3) / var(--lh-h3) var(--font-display);white-space:nowrap;align-items:center;display:inline-flex}.sheet-roman{font:400 var(--fs-label) / var(--lh-h3) var(--font-num)}.sheet-stencil--sm{display:none}.sheet-sub{align-items:center;gap:2px var(--sp-3);flex-wrap:wrap;min-width:0;display:flex}.sheet-warlord{color:var(--mat-sheet-muted);font:400 var(--fs-small) / var(--lh-small) var(--font-body);white-space:nowrap}.sheet-stars{align-items:center;gap:var(--sp-1);color:var(--mat-sheet-ink);font:400 var(--fs-label) / var(--lh-label) var(--font-num);white-space:nowrap;display:inline-flex}.signpost{gap:var(--sp-1);flex:none;min-width:64px}.signpost--prev{grid-area:prev}.signpost--next{grid-area:next}.signpost.is-empty{visibility:hidden;width:64px}.signpost-num{font:400 var(--fs-label) / var(--lh-label) var(--font-num)}.chapter-sheet:not([data-era=medieval],[data-era=space]) .px-plate{border-color:var(--mat-plate) var(--mat-plate-tex) var(--mat-plate-tex) var(--mat-plate);border-image:var(--fr-plate,none) 3 / 6px / 0 stretch;background:var(--mat-plate);image-rendering:pixelated;color:var(--mat-plate-ink);background-clip:padding-box}.sheet-levels{gap:var(--sp-1);flex:none;margin:0;padding:0;list-style:none;display:grid}.sheet-level{align-items:center;gap:var(--sp-2);min-width:0;min-height:24px;color:var(--mat-sheet-ink);font:400 var(--fs-small) / var(--lh-small) var(--font-body);cursor:pointer;display:flex}.sheet-level.is-locked{color:var(--mat-sheet-muted);cursor:not-allowed}.sheet-level-num{min-width:24px;color:var(--mat-sheet-muted);font:400 var(--fs-label) / var(--lh-label) var(--font-num);flex:none}.sheet-level-name{white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.sheet-level.is-boss .sheet-level-name{font-weight:700}.sheet-level-new{flex:none;min-height:14px;padding:0 2px}.sheet-level-stars{flex:none;gap:2px;display:inline-flex}.sheet-level-lock{width:var(--icon-xs);height:var(--icon-xs);flex:none;margin-right:36px}.sheet-foot{flex:none;min-height:20px;display:flex}.chapter-why{align-items:center;gap:var(--sp-1);min-width:0;color:var(--mat-sheet-ink);font:400 var(--fs-small) / var(--lh-small) var(--font-body);flex:1;display:flex}.chapter-why>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chapter-why.is-empty{visibility:hidden}.campaign-keys{gap:var(--sp-1) var(--sp-4);color:var(--mat-muted);font:400 var(--fs-small) / var(--lh-small) var(--font-body);flex-wrap:wrap;flex:none;display:flex}.keys-pair{align-items:center;gap:var(--sp-1);display:inline-flex}.keys-pair .icon{width:var(--icon-xs);height:var(--icon-xs)}@media (max-width:599px),(max-height:500px){.sheet-stencil--lg{display:none}.sheet-stencil--sm{display:inline-block}}@media (max-width:599px){.chapter-track{--sheet-w:100cqw;gap:0}.sheet-head{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"titles titles titles""prev.next"}.sheet-level{gap:var(--sp-1)}}@media (max-height:500px){.campaign{gap:0}.campaign-keys,.sheet-levels{display:none}.chapter-sheet{gap:var(--sp-1);padding:var(--sp-2)}}.cmap-stop{left:var(--x,0);top:var(--y,0);width:var(--s,56px);height:var(--s,56px);position:absolute}.cmap-node{color:var(--mat-ink);cursor:pointer;background-color:#0000;border:0;padding:0;display:block;position:absolute;inset:0}.cmap-sprite{pointer-events:none;position:absolute;top:4px;left:4px}.cmap-num,.cmap-lock{width:48px;height:14px;color:var(--mat-ink);font:400 var(--fs-label) / 14px var(--font-num);text-align:center;pointer-events:none;position:absolute;top:32px;left:4px}.cmap-lock{width:16px;height:16px;color:var(--mat-muted);top:30px;left:20px}.cmap-stop.is-boss .cmap-num{width:64px;top:34px;left:4px}.cmap-stop.is-boss .cmap-lock{top:32px;left:28px}@media (hover:hover){.cmap-node:not([aria-disabled=true]):hover .cmap-sprite .m-rim{fill:var(--mat-rim-lt)}.cmap-node:not([aria-disabled=true]):hover .cmap-sprite .m-rimLo{fill:var(--mat-rim)}.cmap-node:not([aria-disabled=true]):hover .cmap-sprite .m-rimLt{fill:var(--mat-rim-hi)}}.cmap-node:not([aria-disabled=true]):active{transform:translateY(2px)}.cmap-node[aria-disabled=true]{cursor:not-allowed}.cmap-node.is-busy{cursor:progress}.cmap-node[data-state=error]{animation:.16s step-end px-shake}.cmap-node[data-state=success] .cmap-num{color:var(--good)}.cmap-node.px-pin{background-color:#0000}.cmap-new{pointer-events:none;min-height:14px;padding:0 2px;position:absolute;top:-16px;left:0}.cmap-stars{left:calc((var(--s,56px) - 56px) / 2);background:var(--mat-well);pointer-events:none;gap:2px;padding:2px;display:flex;position:absolute;top:100%}.cmap-star{width:16px;height:16px;color:var(--mat-muted);--icon-2:var(--mat-well)}.cmap-star.is-on{color:var(--gold)}.chapter-sheet :is(.sheet-level-stars,.sheet-stars) .cmap-star{color:var(--mat-sheet-muted)}.chapter-sheet :is(.sheet-level-stars,.sheet-stars) .cmap-star.is-on{color:var(--gold)}.chapter-sheet:is([data-era=medieval],[data-era=space]) :is(.sheet-level-stars,.sheet-stars) .cmap-star{--icon-2:var(--mat-plate-tex)}.chapter-sheet:is([data-era=medieval],[data-era=space]) :is(.sheet-level-stars,.sheet-stars) .cmap-star.is-on{color:var(--mat-sheet-ink)}.px-art{image-rendering:pixelated;flex:none;display:block}.px-art .m-rimHi{fill:var(--mat-rim-hi)}.px-art .m-rimLt{fill:var(--mat-rim-lt)}.px-art .m-rim{fill:var(--mat-rim)}.px-art .m-rimLo{fill:var(--mat-rim-lo)}.px-art .m-edge{fill:var(--mat-edge)}.px-art .m-lip{fill:var(--mat-lip)}.px-art .m-motif{fill:var(--mat-motif)}.px-art .m-well{fill:var(--mat-well)}.px-art .m-face2{fill:var(--mat-face-2)}.px-art .m-accent{fill:var(--era)}.px-art .m-accent2{fill:var(--era-2)}.px-art .m-ink2{fill:var(--mat-ink-2)}.px-art .m-sheetMuted{fill:var(--mat-sheet-muted)}.cmap-box{flex:none;justify-content:center;min-height:0;display:flex;position:relative;overflow:hidden}.cmap{width:var(--map-w,0);height:var(--map-h,0);flex:none;position:relative}.cmap-art-slot{pointer-events:none;position:absolute;inset:0}.cmap-nodes{margin:0;padding:0;list-style:none;position:absolute;inset:0}.biome-tile{width:32px;height:16px}.biome-tile--random{color:var(--mat-ink-2);place-items:center;display:inline-grid}.biome-tile--random .icon{width:var(--icon-xs);height:var(--icon-xs)}@media (forced-colors:active){.px-art{forced-color-adjust:none}}.modal.px-sheet{border-image:var(--fr-sheet,var(--fr-dialog,none)) 6 / var(--frw-dialog) / 0 stretch;background:var(--sheet-bands,none), var(--mat-sheet);image-rendering:pixelated;color:var(--mat-sheet-ink);background-origin:padding-box;background-clip:padding-box}.px-sheet :is(.modal-text,.modal-sub,.modal-note,.field-label){color:var(--mat-sheet-muted)}.px-sheet .disclosure{background-color:#0000}:is(:is([data-era=medieval],[data-era=space])>.px-sheet,.px-sheet:is([data-era=medieval],[data-era=space])){--icon-2:var(--mat-sheet)}:is(:is([data-era=medieval],[data-era=space])>.px-sheet,.px-sheet:is([data-era=medieval],[data-era=space])) .px-btn:not(.px-btn--ghost){--icon-2:var(--mat-edge)}:is(:is([data-era=medieval],[data-era=space])>.px-sheet,.px-sheet:is([data-era=medieval],[data-era=space])) .px-btn:not(.px-btn--primary,.px-btn--ghost,.px-btn--icon){--icon-2:var(--mat-plate-tex)}:is(:is([data-era=medieval],[data-era=space])>.px-sheet,.px-sheet:is([data-era=medieval],[data-era=space])) .modal-title{color:var(--mat-sheet-ink);background-color:#0000;border-color:#0000;border-image:}:is(:is([data-era=medieval],[data-era=space])>.px-sheet,.px-sheet:is([data-era=medieval],[data-era=space])) .px-btn--ghost{color:var(--mat-sheet-ink)}@media (hover:hover){:is(:is([data-era=medieval],[data-era=space])>.px-sheet,.px-sheet:is([data-era=medieval],[data-era=space])) .px-btn--ghost:hover{color:var(--mat-ink)}}:is(:is([data-era=medieval],[data-era=space])>.px-sheet,.px-sheet:is([data-era=medieval],[data-era=space])) .px-btn:not(.px-btn--primary,.px-btn--ghost,.px-btn--icon){background-color:var(--mat-plate-tex);color:var(--mat-sheet-ink)}:is(:is([data-era=medieval],[data-era=space])>.px-sheet,.px-sheet:is([data-era=medieval],[data-era=space])) .px-btn--primary{background-color:var(--mat-raise);color:var(--mat-ink)}:is(:is([data-era=medieval],[data-era=space])>.px-sheet,.px-sheet:is([data-era=medieval],[data-era=space])) .px-btn:not(.px-btn--ghost):is(:active,.is-pressed){background-color:var(--mat-face-2);color:var(--mat-ink)}.brief{width:min(600px,100%)}.brief .modal-title{align-items:baseline;gap:var(--sp-2);display:inline-flex}.brief-num{font:400 var(--fs-label) / var(--lh-label) var(--font-num)}.brief-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.brief-story{align-items:center;gap:2px var(--sp-3);padding:var(--sp-2) var(--sp-3);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"emblem rival""emblem text";display:grid}.brief-emblem{grid-area:emblem;place-items:center;display:grid}.brief-emblem .emblem{width:var(--icon-m);height:var(--icon-m);color:var(--mat-plate-ink)}.brief-rival{font:700 var(--fs-small) / var(--lh-small) var(--font-display);grid-area:rival}.brief-text{max-inline-size:60ch;font:400 var(--fs-body) / var(--lh-body) var(--font-body);grid-area:text}.brief-new{gap:var(--sp-2);margin:0;padding:0;list-style:none;display:grid}.brief-new-item{align-items:center;gap:var(--sp-1) var(--sp-2);flex-wrap:wrap;display:flex}.brief-new-item .px-badge{font:400 var(--fs-small) / var(--lh-small) var(--font-body)}.brief-new-item .px-badge .icon{width:var(--icon-m);height:var(--icon-m);color:var(--mat-accent-ink)}.brief-pitch{color:var(--mat-sheet-ink);font:400 var(--fs-small) / var(--lh-prose) var(--font-body)}.brief-ledger{grid-template-columns:max-content minmax(0,1fr);margin:0;display:grid}.brief-key,.brief-value{padding:var(--sp-2) 0;background:var(--tile-divider,none) 0 100% / 8px 2px repeat-x;margin:0}.brief-key{padding-right:var(--sp-3);color:var(--mat-sheet-muted);font:400 var(--fs-label) / var(--lh-body) var(--font-num);text-transform:uppercase}.brief-value{color:var(--mat-sheet-ink);font:400 var(--fs-body) / var(--lh-body) var(--font-body)}.brief-criteria{gap:2px;margin:0;padding:0;list-style:none;display:grid}.brief-crit{align-items:center;gap:var(--sp-2);grid-template-columns:52px minmax(0,1fr);display:grid}.brief-crit-stars,.brief-best{gap:2px;display:inline-flex}.brief .star{width:var(--icon-xs);height:var(--icon-xs);color:var(--mat-sheet-muted);--icon-2:var(--mat-well)}.brief .star.is-on{color:var(--gold)}:is([data-era=medieval],[data-era=space])>.brief .star{--icon-2:var(--mat-plate-tex)}:is([data-era=medieval],[data-era=space])>.brief .star.is-on{color:var(--mat-sheet-ink)}.brief .disclosure{background:0 0;border:0;border-image:}.brief .disclosure-summary{padding:0 var(--sp-1)}.brief .disclosure-body{padding:var(--sp-1) var(--sp-1) var(--sp-2)}@media (hover:hover){:is([data-era=medieval],[data-era=space]) .brief .disclosure-summary:hover{background:var(--mat-plate-tex)}}.brief-grid{gap:var(--sp-1) var(--sp-3);font:400 var(--fs-small) / var(--lh-prose) var(--font-body);grid-template-columns:max-content minmax(0,1fr);margin:0;display:grid}.brief-grid dt{color:var(--mat-sheet-muted)}.brief-grid dd{color:var(--mat-sheet-ink);margin:0}.brief-enter{margin-left:var(--sp-1)}@media (max-width:599px),(max-height:500px){.modal-backdrop:has(>.brief){padding-bottom:var(--safe-b);align-items:end}.brief{width:100%}.brief-story{padding:var(--sp-1) var(--sp-2);grid-template-areas:"rival rival""text text"}.brief-emblem{display:none}.brief .modal-foot{justify-content:flex-start}.brief .modal-foot>.px-btn{flex:none;width:96px}.brief .modal-foot>.px-btn--primary{width:calc(100% - 104px);width:round(down,100% - 104px,2px)}}@media (max-width:480px){.brief-ledger,.brief-grid{grid-template-columns:minmax(0,1fr)}.brief-key{background:0 0;padding-bottom:0}}@media (max-height:500px){.brief{width:min(720px,100%)}.brief-key,.brief-value{padding:var(--sp-1) 0}}.results{width:min(640px,100%)}.results-head{justify-items:center;gap:var(--sp-1);padding:calc(var(--frw-band) + var(--sp-2)) calc(var(--frw-band) + var(--sp-2)) var(--sp-2);text-align:center;display:grid}.results-title{align-items:center;gap:var(--sp-2);min-width:0;max-inline-size:100%;font:700 var(--fs-display) / var(--lh-display) var(--font-display);text-transform:uppercase;white-space:nowrap;display:inline-flex}.results-context{max-inline-size:100%;color:var(--mat-sheet-muted);font:400 var(--fs-small) / var(--lh-small) var(--font-body);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.results-context-medal{color:var(--mat-sheet-ink);font-weight:700}.results-sprite{width:var(--icon-l);height:var(--icon-l);flex:none;place-items:center;display:grid;overflow:clip}.results-sprite-icon{width:var(--icon-l);height:var(--icon-l);--icon-2:var(--mat-edge)}@media (min-width:900px) and (min-height:501px){.results-sprite,.results-sprite-icon{width:var(--icon-xl);height:var(--icon-xl)}}.results-sprite-icon.is-won{color:var(--mat-plate-ink);--icon-2:var(--gold)}.results-sprite-icon.is-lost{color:var(--mat-plate-ink);--icon-2:var(--mat-plate-tex)}.results-reason{color:var(--mat-sheet-ink);font:400 var(--fs-body) / var(--lh-body) var(--font-body)}.results-body{gap:var(--sp-3)}.results-stars{justify-content:center;gap:var(--sp-2);display:flex}.results-star{width:var(--icon-l);height:var(--icon-l);--icon-2:var(--mat-edge);place-items:center;display:grid;overflow:clip}.results-star.is-on{color:var(--on-fill);--icon-2:var(--gold)}.results-star:not(.is-on){color:var(--mat-sheet-muted);--icon-2:var(--mat-well)}:is([data-era=medieval],[data-era=space])>.px-sheet .results-star:not(.is-on){--icon-2:var(--mat-plate-tex)}.results-star-icon{width:var(--icon-l);height:var(--icon-l)}.results-criteria{margin:0;padding:0;list-style:none;display:grid}.results-crit{align-items:center;gap:var(--sp-2);padding:var(--sp-1) 0;background:var(--tile-divider,none) 0 100% / 8px 2px repeat-x;color:var(--mat-sheet-ink);font:400 var(--fs-small) / var(--lh-small) var(--font-body);grid-template-columns:16px minmax(0,1fr) auto;display:grid}.crit-mark{width:var(--icon-xs);height:var(--icon-xs)}.results-crit.is-met .crit-mark{color:var(--good)}.results-crit.is-missed .crit-mark{color:var(--danger-ink)}:is([data-era=medieval],[data-era=space])>.px-sheet .results-crit .crit-mark{color:var(--mat-sheet-ink)}.crit-detail{color:var(--mat-sheet-muted);white-space:nowrap}.results-final{align-items:center;gap:var(--sp-2);color:var(--mat-sheet-ink);font:700 var(--fs-h3) / var(--lh-h3) var(--font-display);display:flex}.results-final .icon{color:var(--gold);--icon-2:var(--mat-edge)}.results-final-stars{align-items:center;gap:var(--sp-1);font:400 var(--fs-label) / var(--lh-label) var(--font-num);display:inline-flex}.results-coach{gap:var(--sp-2);display:grid}.results-nearmiss{color:var(--mat-sheet-ink);font:700 var(--fs-h3) / var(--lh-h3) var(--font-display)}.results-tip{align-items:start;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);font:400 var(--fs-small) / var(--lh-prose) var(--font-body);grid-template-columns:24px minmax(0,1fr);display:grid}.results-tip .icon{width:var(--icon-s);height:var(--icon-s);--icon-2:var(--mat-plate)}.tip-label{font:700 var(--fs-small) / var(--lh-prose) var(--font-display)}.results-meta{gap:var(--sp-1) var(--sp-3);flex-wrap:wrap;display:flex}.results-next,.results-note{align-items:center;gap:var(--sp-1);color:var(--mat-sheet-ink);font:400 var(--fs-small) / var(--lh-small) var(--font-body);display:flex}.results-next .icon,.results-note .icon{width:var(--icon-xs);height:var(--icon-xs)}.results-ledger-wrap{min-width:0}.results-ledger{border-collapse:collapse;width:100%;color:var(--mat-sheet-ink)}.results-ledger th,.results-ledger td{padding:var(--sp-1) var(--sp-2);background:var(--tile-divider,none) 0 100% / 8px 2px repeat-x;vertical-align:middle}.results-ledger thead th{text-align:center}.ledger-col{width:34%}.ledger-side{color:var(--mat-sheet-muted);font:400 var(--fs-label) / var(--lh-label) var(--font-num);text-transform:uppercase;display:block}.ledger-team{justify-items:center;gap:2px;display:grid}.ledger-seat{align-items:center;gap:var(--sp-1);display:inline-flex}.ledger-name{font:400 var(--fs-small) / var(--lh-small) var(--font-body);white-space:nowrap}.ledger-label{color:var(--mat-sheet-muted);font:400 var(--fs-small) / var(--lh-small) var(--font-body);text-align:left;white-space:nowrap}.ledger-value{font:400 var(--fs-label) / var(--lh-label) var(--font-num);text-align:center;white-space:nowrap}.ledger-value .px-badge .icon{width:var(--icon-xs);height:var(--icon-xs)}.ledger-time td{font:400 var(--fs-label) / var(--lh-label) var(--font-num);text-align:center}.results-status[hidden]{display:none}.results-actions>.px-btn:first-child{margin-right:auto}.is-revealing .results-title{animation:.16s step-end both px-rise}.is-revealing .results-sprite-icon{animation:.18s step-end .1s both px-pop}.is-revealing .results-star{animation:px-pop .18s steps(1, jump-end) var(--delay,0s) both}.is-revealing :is(.results-crit,.results-ledger-wrap){animation:px-rise .16s steps(1, jump-end) var(--delay,0s) both}@media (max-width:599px){.modal-backdrop--results{padding-left:var(--safe-l);padding-right:var(--safe-r)}.results{width:100%}.ledger-label{white-space:normal}.results-sprite,.results-sprite-icon,.results-star,.results-star-icon{width:var(--icon-m);height:var(--icon-m)}.results-ledger th,.results-ledger td{padding:var(--sp-1)}.results-actions{justify-content:stretch}.results-actions>.px-btn{flex:auto}.results-actions>.px-btn:first-child{margin-right:0}}@media (max-height:500px){.results{width:min(760px,100%)}.results-head{padding:calc(var(--frw-band) + var(--sp-1)) calc(var(--frw-band) + var(--sp-2)) var(--sp-1);gap:0}.results-sprite,.results-sprite-icon,.results-star,.results-star-icon{width:var(--icon-m);height:var(--icon-m)}}