@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-sans-3-cyrillic-ext-wght-normal-DzyfIafT.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-sans-3-cyrillic-wght-normal-BMDVbyM7.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-sans-3-greek-ext-wght-normal-BWSLJLk6.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-sans-3-greek-wght-normal-C9H9m1vD.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-sans-3-vietnamese-wght-normal-C1uRvKPU.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-sans-3-latin-ext-wght-normal-C8iNium2.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-sans-3-latin-wght-normal-BqRLTx4X.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Josefin Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/josefin-sans-vietnamese-wght-normal-PFa5PiBn.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Josefin Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/josefin-sans-latin-ext-wght-normal-D7uTKLaj.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Josefin Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/josefin-sans-latin-wght-normal-Y7p7x_b-.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg-panel:oklch(19% .012 265/.94);--bg-panel-2:oklch(25% .014 265);--bg-panel-3:oklch(30% .016 265);--line:oklch(45% .015 265/.55);--ink:oklch(97% .005 265);--ink-2:oklch(80% .012 265);--ink-3:oklch(67% .015 265);--accent:#3d8bff;--accent-ink:#0b1a33;--ok:oklch(74% .17 155);--ok-ink:#062012;--danger:#ff4646;--team-local:#3d8bff;--team-enemy:#ff4646;--team-ally:#a77bff;--gold:#ffd166;--brass:#d4af5a;--brass-lit:#f0d386;--brass-deep:#8f7230;--brass-ink:#1a1408;--on:var(--brass);--on-ink:var(--brass-ink);--ready:var(--brass-lit);--ready-tint:#f0d38624;--ready-line:#f0d3868c;--line-brass-faint:#d4af5a24;--line-brass-soft:#d4af5a38;--line-brass:#d4af5a52;--line-brass-strong:#f0d3866b;--bg-ground:oklch(13% .012 265);--bg-well:oklch(15% .014 265);--panel-bevel:inset 0 1px 0 #ffffff0d;--chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f0d386' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");--shadow-hard:0 4px 0 #00000059;--font-display:"Josefin Sans Variable", "Josefin Sans", Futura, "Century Gothic", sans-serif;--font-body:"Source Sans 3 Variable", "Source Sans 3", "Inter Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--fs-display-1:92px;--fs-display-2:54px;--fs-display-3:40px;--fs-title:26px;--fs-heading:20px;--fs-body-lg:16px;--fs-body:14px;--fs-small:13px;--fs-caption:12px;--fs-label:11px;--lh-display:1.05;--tracking-display:.12em;--tracking-caps:.14em;--tracking-label:.16em;--tracking-code:.2em;--tracking-code-wide:.3em;--ping-good:oklch(78% .17 150);--ping-fair:oklch(86% .15 92);--ping-bad:oklch(70% .19 27);--you-ink:#8ec1ff;--foe-ink:#ff9b9b;--ally-ink:#cdb6ff;--r-panel:16px;--r-deco:6px;--r-control:10px;--r-key:6px;--ease:cubic-bezier(.16, 1, .3, 1);--t:.18s;--z-hud:5;--z-menu:10;--z-dev:20;font-family:var(--font-body);scrollbar-color:var(--bg-panel-3) transparent;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-size:16px}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;background:#0e0d12;margin:0;overflow:hidden}#app,canvas{width:100%;height:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}input,textarea{caret-color:var(--accent)}::selection{color:var(--ink);background:oklch(66% .19 258/.45)}.num{font-variant-numeric:tabular-nums}.ui-icon{flex:none;width:18px;height:18px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}}.btn{border-radius:var(--r-control);border:1px solid var(--line-brass);background:var(--bg-panel-2);min-height:44px;box-shadow:var(--panel-bevel);color:var(--ink);font-size:var(--fs-body);letter-spacing:.01em;white-space:nowrap;cursor:pointer;transition:background var(--t) var(--ease), border-color var(--t) var(--ease), color var(--t) var(--ease), transform var(--t) var(--ease);justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:700;line-height:1.2;display:inline-flex}.btn:hover{background:var(--bg-panel-3);border-color:var(--brass)}.btn:active{transform:translateY(1px)}.btn:focus-visible,.input:focus-visible,.tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:disabled{opacity:.45;cursor:default;transform:none}.btn:disabled:hover{background:var(--bg-panel-2);border-color:var(--line-brass)}.btn .ui-icon{width:16px;height:16px}.btn-gold,.btn-primary{background:var(--brass);box-shadow:inset 0 2px 0 var(--brass-lit), inset 0 -2px 0 var(--brass-deep);color:var(--brass-ink);font-family:var(--font-display);letter-spacing:var(--tracking-caps);text-transform:uppercase;border-color:#0000}.btn-gold:hover,.btn-primary:hover{background:color-mix(in oklab, var(--brass) 60%, var(--brass-lit));border-color:#0000}.btn-gold:active,.btn-primary:active{box-shadow:inset 0 2px 0 var(--brass-deep), inset 0 -1px 0 var(--brass-lit)}.btn-gold:disabled:hover,.btn-primary:disabled:hover{background:var(--brass);border-color:#0000}.btn-ok{border-color:var(--ready-line);background:var(--ready-tint);box-shadow:none;color:var(--ready);font-family:var(--font-display);letter-spacing:var(--tracking-caps);text-transform:uppercase}.btn-ok:hover{border-color:var(--ready);background:#3fd6cc38}.btn-ok:disabled:hover{border-color:var(--ready-line);background:var(--ready-tint)}.btn .btn-note{font-family:var(--font-body);letter-spacing:0;text-transform:none;opacity:.8;font-weight:600;position:relative;top:-.12em}.btn-ghost{border-color:var(--line-brass);box-shadow:none;color:var(--ink-2);background:0 0;font-weight:600}.btn-ghost:hover{border-color:var(--brass);color:var(--ink);background:#d4af5a14}.btn-ghost:disabled:hover{border-color:var(--line-brass);background:0 0}.btn-link{min-height:32px;box-shadow:none;color:var(--brass-lit);background:0 0;border-color:#0000;padding:0;font-weight:600}.btn-link:hover{color:var(--ink);text-underline-offset:3px;background:0 0;border-color:#0000;text-decoration:underline}.btn-link:disabled:hover{color:var(--brass-lit);background:0 0;border-color:#0000;text-decoration:none}.btn-danger:hover{border-color:var(--danger)}.btn-danger.is-armed{border-color:var(--danger);color:var(--ink);outline:0}.btn-danger.is-solid,.btn-danger-solid{color:oklch(99% 0 0);background:oklch(56% .2 25);border-color:#0000}.btn-danger.is-solid:hover,.btn-danger-solid:hover{background:oklch(61% .2 25);border-color:#0000}.btn .lbl{align-items:center;gap:8px;display:inline-flex}.btn .lbl-alt,.btn.has-alt:hover .lbl,.btn.has-alt:focus-visible .lbl{display:none}.btn.has-alt:hover .lbl-alt,.btn.has-alt:focus-visible .lbl-alt{display:inline}.btn.is-armed{color:var(--foe-ink);box-shadow:none;background:oklch(66% .22 25/.12);border-color:oklch(66% .22 25/.6)}.btn-sm{min-height:34px;font-size:var(--fs-small);padding:0 12px}.btn-lg{min-height:52px;padding:0 22px;font-size:15px}.btn-block{width:100%}.btn:is(.btn-gold,.btn-primary,.btn-ok){padding-top:.26em}.btn:is(.btn-gold,.btn-primary,.btn-ok) :is(kbd,.kbd,.ui-icon){position:relative;top:-.12em}.btn-icon{min-width:44px;padding:0}.btn-icon.btn-sm{min-width:34px}.btn-icon.btn-lg{min-width:52px}.input{border-radius:var(--r-control);border:1px solid var(--line-brass-soft);background:var(--bg-well);width:100%;min-height:44px;color:var(--ink);font-size:var(--fs-body);transition:border-color var(--t) var(--ease);padding:0 14px;box-shadow:inset 0 1px #0000004d}.input:hover{border-color:var(--line-brass)}.input:focus-visible{border-color:var(--accent)}.input::placeholder{color:var(--ink-3)}.input:disabled{opacity:.45}.input.select{appearance:none;background-image:var(--chevron);cursor:pointer;transition:border-color var(--t) var(--ease), background-color var(--t) var(--ease);background-position:right 12px center;background-repeat:no-repeat;background-size:14px;padding-right:36px}.input.select:hover{background-color:var(--bg-panel-2)}.input.select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.input-code{font-family:var(--font-display);letter-spacing:var(--tracking-code);text-transform:uppercase;font-variant-numeric:tabular-nums;padding-top:.26em;font-size:15px;font-weight:700}.input-code::placeholder{letter-spacing:var(--tracking-code)}.input-group{border-radius:var(--r-control);border:1px solid var(--line-brass-soft);background:var(--bg-well);align-items:stretch;min-height:44px;display:inline-flex;overflow:hidden}.input-group:focus-within{border-color:var(--accent)}.input-group>.input{width:auto;min-width:0;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;flex:auto}.input-group>.input:focus-visible{outline:none}.input-group>.input-code{width:7.5em}.input-group>.btn{border:0;border-left:1px solid var(--line-brass-soft);background:var(--bg-panel-3);min-height:0;box-shadow:none;color:var(--brass-lit);border-radius:0}.input-group>.btn:hover{background:var(--bg-panel-2);color:var(--ink)}.input-group>.btn:focus-visible{outline-offset:-2px}.input-group-sm{min-height:34px}.input-group-sm>.btn{font-size:var(--fs-caption);padding:0 10px}.label{font-size:var(--fs-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--ink-3);font-weight:700}.muted{color:var(--ink-2)}.status{min-height:1.4em;color:var(--ink-2);text-align:center;margin:0;font-size:14px}.status.ok{color:var(--ready);font-weight:700}.loadout.is-quick .status:empty,.rematch-status:empty{display:none}.error{color:var(--foe-ink);margin:0;font-size:14px}kbd,.kbd{border-radius:var(--r-key);border:1px solid var(--line-brass);background:var(--bg-well);min-width:26px;color:var(--brass-lit);font-family:var(--font-body);font-size:var(--fs-caption);letter-spacing:.02em;text-align:center;white-space:nowrap;vertical-align:middle;border-bottom-width:2px;padding:0 7px;font-style:normal;font-weight:700;line-height:21px;display:inline-block}.kbd-sm{min-width:22px;font-size:var(--fs-label);padding:0 5px;line-height:19px}.kbd-lg{min-width:34px;font-size:var(--fs-small);border-bottom-width:3px;padding:0 10px;line-height:26px}.kbd.is-live{border-color:var(--ready);background:var(--ready-tint);color:var(--ready);box-shadow:0 0 0 3px #3fd6cc26}:is(.btn-gold,.btn-primary) :is(kbd,.kbd){color:var(--brass-ink);background:#1a140826;border-color:#1a14084d}.btn :is(kbd,.kbd){font-family:var(--font-body);letter-spacing:.02em;text-transform:none}.keycaps{vertical-align:middle;align-items:center;gap:4px;display:inline-flex}.keys{font-size:var(--fs-small);color:var(--ink-2);flex-wrap:wrap;gap:8px 16px;display:flex}.keys kbd{margin-right:6px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border-radius:var(--r-control);border:1px solid var(--line-brass-soft);background:var(--bg-panel-2);min-height:34px;color:var(--ink);font-size:var(--fs-small);cursor:pointer;transition:border-color var(--t) var(--ease), background var(--t) var(--ease);align-items:center;gap:8px;padding:0 12px;font-weight:700;display:inline-flex}.chip:hover{border-color:var(--brass)}.chip.is-on,.chip[aria-checked=true],.chip[aria-pressed=true]{border-color:var(--accent);background:color-mix(in oklab, var(--accent) 18%, var(--bg-panel-2))}.chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chip:disabled{opacity:.45;cursor:default}.chip .chip-meta{font-variant-numeric:tabular-nums;color:var(--ink-3);font-weight:600}.segmented{border-radius:var(--r-control);border:1px solid var(--line-brass-soft);background:var(--bg-well);gap:2px;padding:3px;display:inline-flex}.segmented.is-block{display:flex}.segmented.is-block .seg{flex:1 1 0;min-width:0}.seg{border-radius:var(--r-key);min-height:30px;color:var(--ink-2);font-size:var(--fs-small);white-space:nowrap;cursor:pointer;transition:background var(--t) var(--ease), color var(--t) var(--ease);background:0 0;border:0;padding:0 14px;font-weight:700}.seg:hover{color:var(--ink)}.seg[aria-pressed=true],.seg[aria-checked=true]{background:var(--on);color:var(--on-ink)}.seg:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.seg:disabled{opacity:.45;cursor:default}.switch{border:1px solid var(--line-brass-soft);background:var(--bg-panel-3);cursor:pointer;width:38px;height:22px;transition:background var(--t) var(--ease), border-color var(--t) var(--ease);border-radius:11px;flex:none;padding:0;position:relative}.switch span{background:var(--ink-3);width:16px;height:16px;transition:transform var(--t) var(--ease), background var(--t) var(--ease);border-radius:50%;position:absolute;top:2px;left:2px}.switch[aria-checked=true]{background:var(--on);border-color:#0000}.switch[aria-checked=true] span{background:var(--bg-ground);transform:translate(16px)}.switch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.switch:disabled{opacity:.45;cursor:default}.switch-row{font-size:var(--fs-body);color:var(--ink);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;font-weight:600;display:flex}.switch-row small{font-size:var(--fs-caption);color:var(--ink-3);margin-top:2px;font-weight:400;display:block}.pill{border-radius:var(--r-key);background:var(--bg-panel-3);width:fit-content;height:24px;color:var(--ink-2);font-size:var(--fs-label);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;transition:background var(--t) var(--ease), color var(--t) var(--ease);border:1px solid #0000;align-items:center;gap:6px;padding:0 10px;font-weight:700;display:inline-flex}.pill .ui-icon{width:12px;height:12px}.pill .dot{background:currentColor;border-radius:50%;flex:none;width:8px;height:8px}.pill.ok{border-color:var(--ready-line);background:var(--ready-tint);color:var(--ready)}.pill.wait{border:1px dashed var(--line-brass);color:var(--ink-3);background:0 0}.pill.brass{border-color:var(--line-brass-strong);color:var(--brass-lit);background:#d4af5a1a}.pill-lg{height:30px;font-size:var(--fs-caption);padding:0 12px}.status-dot{background:var(--ink-3);border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.status-dot.is-ready{background:var(--ready)}.status-dot.is-searching{background:var(--brass);animation:1.4s ease-in-out infinite status-pulse}@keyframes status-pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.status-dot.is-searching{animation:none}}.rank-badge{font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap;align-items:center;gap:6px;font-weight:700;display:inline-flex}.rank-badge .num,.rank-badge.is-placing,.rank-badge.is-unrated{color:var(--ink-2)}.rank-badge .pips,.score-rank .pips{gap:3px;display:inline-flex}.rank-badge .pips i,.score-rank .pips i{border:1px solid var(--line-brass);border-radius:1px;width:6px;height:6px;transform:rotate(45deg)}.rank-badge .pips i.on,.score-rank .pips i.on{border-color:var(--brass);background:var(--rank,var(--ready))}.rank-badge .rank-place{color:var(--ink-2)}.ping{font-variant-numeric:tabular-nums;color:var(--ink-3);font-weight:600}.ping.good{color:var(--ping-good)}.ping.fair{color:var(--ping-fair)}.ping.bad{color:var(--ping-bad)}.meter{--meter-fill:var(--brass);background:var(--bg-panel-3);border-radius:2px;width:100%;height:3px;position:relative;overflow:hidden}.meter-thick{border-radius:3px;height:6px}.meter-you{--meter-fill:var(--accent)}.meter-foe{--meter-fill:var(--danger)}.meter-ally{--meter-fill:var(--team-ally)}.meter-ready{--meter-fill:var(--ready)}.meter-fill{background:var(--meter-fill);transform-origin:0;width:100%;height:100%;transition:transform .12s linear}.meter.has-marks{background:var(--bg-well);border:1px solid var(--line);border-radius:4px;height:8px}.meter.has-marks:after{content:"";pointer-events:none;--mark-dark:#0000008c;--mark-light:#ffffff4d;background:linear-gradient(var(--mark-dark) 0 0) 25% 50% / 1px 60% no-repeat, linear-gradient(var(--mark-light) 0 0) calc(25% + 1px) 50% / 1px 60% no-repeat, linear-gradient(var(--mark-dark) 0 0) 50% 50% / 1px 100% no-repeat, linear-gradient(var(--mark-light) 0 0) calc(50% + 1px) 50% / 1px 100% no-repeat, linear-gradient(var(--mark-dark) 0 0) 75% 50% / 1px 60% no-repeat, linear-gradient(var(--mark-light) 0 0) calc(75% + 1px) 50% / 1px 60% no-repeat;position:absolute;inset:0}.stats{font-size:var(--fs-small);grid-template-columns:minmax(6.6em,max-content) minmax(0,1fr);gap:2px 10px;margin:0;line-height:1.35;display:grid}.stats dt{color:var(--ink-3);font-weight:600}.stats dd{color:var(--ink);font-variant-numeric:tabular-nums;margin:0}.kicker-ready{color:var(--ready)}.steps{flex-wrap:wrap;gap:8px 28px;margin:0;padding:0;list-style:none;display:flex}.step{font-size:var(--fs-small);color:var(--ink-3);align-items:center;gap:10px;display:flex}.step i{border:1px solid var(--ink-3);border-radius:50%;width:8px;height:8px}.step.is-done{color:var(--ink-2)}.step.is-done i{background:var(--ready);border-color:var(--ready)}.step.is-now{color:var(--ink);font-weight:600}.step.is-now i{border-color:var(--brass-lit);box-shadow:0 0 0 3px #f0d38633}.panel.panel-deco{border:1px solid var(--line-brass);border-radius:var(--r-deco);background:var(--bg-panel);box-shadow:var(--panel-bevel);gap:20px;padding:24px 28px}.panel.panel-deco .panel-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.panel-heading{gap:2px;min-width:0;display:grid}.panel.panel-deco .panel-title{font-family:var(--font-display);font-size:var(--fs-title);letter-spacing:var(--tracking-display);font-weight:700;line-height:var(--lh-display);text-transform:uppercase;text-wrap:balance;margin:0}.panel.panel-deco .sub{font-size:var(--fs-body);color:var(--ink-2);margin:6px 0 0;line-height:1.45}.panel-aside{align-items:center;gap:10px;display:flex}.panel-actions{border-top:1px solid var(--line-brass-faint);flex-wrap:wrap;align-items:center;gap:10px;padding-top:16px;display:flex}.kicker{font-size:var(--fs-caption);letter-spacing:.18em;text-transform:uppercase;color:var(--brass);align-items:center;gap:12px;font-weight:700;display:flex}.kicker:before{content:"";background:var(--brass);width:28px;height:1px}.seat-card{--side:var(--line-brass-soft);--side-ink:var(--ink-3);border:1px solid var(--line-brass-soft);border-radius:var(--r-deco);background:var(--bg-panel-2);min-width:0;box-shadow:var(--panel-bevel);color:var(--ink);grid-template-rows:auto minmax(0,1fr) auto;gap:16px;padding:22px 24px;display:grid;position:relative;container:seat-card/inline-size}.seat-you{--side-ink:var(--you-ink)}.seat-foe{--side-ink:var(--foe-ink)}.seat-ally{--side-ink:var(--ally-ink)}.seat-card.is-ready{border-color:var(--ready);box-shadow:inset 0 2px 0 var(--ready), inset 0 -1px 0 #0006}.seat-card-head{justify-content:space-between;align-items:flex-start;gap:12px;min-height:30px;display:flex}.seat-card-role{font-size:var(--fs-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--side-ink);font-weight:700}.seat-card-main{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;display:grid}.seat-card-banner{place-items:center;min-width:64px;display:grid}.seat-card-who{gap:8px;min-width:0;display:grid}@container seat-card (width<=300px){.seat-card-main{grid-template-columns:minmax(0,1fr);justify-items:start;gap:12px}}.seat-card-name{min-width:0;font-family:var(--font-display);font-size:var(--fs-title);font-weight:700;line-height:var(--lh-display);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;align-items:baseline;gap:.3em;display:flex}.seat-card-name-text{text-overflow:ellipsis;min-width:0;overflow:hidden}.seat-card-tag{color:var(--ink-3);flex:none;font-size:22px;font-weight:500}.seat-card-plaque{min-width:0;margin-top:-2px;display:flex}.seat-card-rank{font-size:var(--fs-small);color:var(--brass-lit);align-items:center;gap:8px;font-weight:700;display:flex}.seat-card-hands{flex-wrap:wrap;align-items:center;gap:4px 12px;display:flex}.seat-hand{font-size:var(--fs-small);color:var(--ink-2);align-items:center;gap:6px;font-weight:600;display:inline-flex}.seat-hand i{background:var(--el);border-radius:2px;width:10px;height:10px;display:inline-block;transform:rotate(45deg)}.seat-card-note{font-size:var(--fs-caption);color:var(--ink-3)}.seat-card-foot{border-top:1px solid var(--line-brass-faint);font-size:var(--fs-small);color:var(--ink-2);justify-content:space-between;align-items:center;gap:12px;padding-top:14px;display:flex}.seat-card-foot.is-empty{visibility:hidden}.seat-card-foot a{font-weight:600}.seat-empty{box-shadow:none;background:0 0;border-style:dashed}.seat-card-empty{text-align:center;font-size:var(--fs-body);color:var(--ink-3);align-content:center;place-items:center;gap:10px;display:grid}.vs-mark{font-family:var(--font-display);font-size:var(--fs-display-2);letter-spacing:.1em;text-indent:.1em;color:var(--brass);font-weight:700;line-height:1;display:inline-block}.vs-mark-md{font-size:var(--fs-display-3)}.mode-card{border:1px solid var(--line-brass-soft);border-radius:var(--r-deco);background:var(--bg-panel-2);min-height:132px;box-shadow:var(--panel-bevel);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--t) var(--ease);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;padding:18px 18px 16px 20px;display:grid;position:relative}.mode-card:hover:not(:disabled){border-color:var(--brass)}.mode-card:focus-visible,.quiet-tile:focus-visible,.el-card:focus-visible,.tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mode-card:disabled,.quiet-tile:disabled{cursor:default;opacity:.6}.mode-card-text{gap:0;min-width:0;display:grid}.mode-card-mode{font-family:var(--font-display);font-size:var(--fs-display-3);font-weight:700;line-height:var(--lh-display);letter-spacing:.1em;text-transform:uppercase}.mode-card-sub{font-size:var(--fs-small);color:var(--ink-2);margin-top:6px;font-weight:600}.mode-card-rank{font-size:var(--fs-small);color:var(--brass-lit);flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;font-weight:700;display:flex}.mode-card-side{justify-items:end;gap:10px;display:grid}.mode-card-go{border-radius:var(--r-key);background:var(--brass);height:34px;color:var(--brass-ink);font-family:var(--font-display);font-size:var(--fs-small);letter-spacing:var(--tracking-caps);text-transform:uppercase;white-space:nowrap;box-shadow:inset 0 -2px 0 var(--brass-deep);align-items:center;padding:.26em 14px 0;font-weight:700;display:inline-flex}.mode-card:hover:not(:disabled) .mode-card-go{background:var(--brass-lit)}.quiet-tile{border:1px solid var(--line-brass-faint);border-radius:var(--r-deco);background:var(--bg-panel);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--t) var(--ease);gap:3px;padding:12px 14px;display:grid}.quiet-tile:hover:not(:disabled){border-color:var(--brass)}.quiet-tile b{font-family:var(--font-display);font-size:var(--fs-heading);letter-spacing:.1em;text-transform:uppercase;font-weight:700;line-height:1}.quiet-tile span{font-size:var(--fs-caption);color:var(--ink-2)}.quiet-tile-meta b{font-family:inherit;font-size:inherit;letter-spacing:0;text-transform:none;color:var(--ping-good);font-weight:700}.el-card,.tile{--el:#fff;text-align:left;border:1px solid var(--line);background:var(--bg-panel-2);box-shadow:var(--panel-bevel);color:var(--ink);cursor:pointer;transition:border-color var(--t) var(--ease), background var(--t) var(--ease), box-shadow var(--t) var(--ease), transform var(--t) var(--ease);border-radius:12px;grid-template-rows:auto auto minmax(0,1fr);align-content:start;justify-items:stretch;gap:12px;padding:18px 14px 16px;display:grid;position:relative;overflow:hidden}.el-card:before,.tile:before{content:"";background:radial-gradient(ellipse 70% 60% at 50% 0%, var(--el) 0 26%, transparent 26%);opacity:.14;pointer-events:none;height:110px;position:absolute;inset:0 0 auto}.el-card:hover:not(:disabled),.tile:hover:not(:disabled){background:var(--bg-panel-3);border-color:var(--el)}.el-card:disabled,.tile:disabled{cursor:default;opacity:.6}.el-card .icon,.tile .icon{width:56px;height:56px;color:var(--el);justify-self:center;position:relative}.el-card strong,.tile strong{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;text-align:center;font-size:24px;font-weight:700;line-height:1;position:relative}.el-card small,.tile small{font-size:var(--fs-caption);color:var(--ink-2);gap:10px;line-height:1.35;display:grid}.el-card small>span,.tile small>span{gap:2px;display:grid}.el-card small b,.tile small b{font-size:var(--fs-small);color:var(--ink);font-weight:700}.el-card .hand,.tile .hand{background:var(--el);color:#0b0b10;min-width:26px;font-size:var(--fs-caption);text-align:center;opacity:0;transition:opacity var(--t) var(--ease), transform var(--t) var(--ease);border-radius:7px;padding:3px 7px;font-style:normal;font-weight:800;position:absolute;top:10px;right:10px;transform:scale(.8)}.el-card.picked,.tile.picked{border-color:var(--el);box-shadow:inset 0 2px 0 var(--el)}.el-card.picked .hand,.tile.picked .hand{opacity:1;transform:none}@media (width<=1100px){.el-card,.tile{padding:14px 12px 12px}.el-card .icon,.tile .icon{width:40px;height:40px}.el-card strong,.tile strong{letter-spacing:.08em;font-size:17px}.el-card small,.tile small{gap:4px}.el-card small b,.tile small b{font-size:var(--fs-caption)}.tile-copy{display:none}}.hand-card{border-radius:var(--r-control);background:var(--bg-panel-2);border:1px solid var(--line);font-size:var(--fs-small);transition:border-color var(--t) var(--ease), background var(--t) var(--ease);align-content:start;gap:10px;padding:14px 16px;display:grid}.hand-card:not(.empty){box-shadow:inset 0 2px 0 var(--el)}.hand-card.locked{border-color:var(--ready-line);background:var(--ready-tint)}.hand-card.empty{background:0 0;border-style:dashed}.hand-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.hand-title{font-family:var(--font-display);font-weight:700;font-size:var(--fs-body-lg);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;display:inline-flex}.hand-card:not(.empty) .hand-title{color:var(--el)}.hand-title .icon{width:20px;height:20px;color:var(--el)}.hand-blurb{font-size:var(--fs-caption);color:var(--ink-3);margin:0;line-height:1.4}.fusion-card{--el-a:var(--line);--el-b:var(--line);border-radius:var(--r-control);background:linear-gradient(var(--bg-panel-2), var(--bg-panel-2)) padding-box, linear-gradient(135deg, var(--el-a) 50%, var(--el-b) 50%) border-box;min-height:80px;font-size:var(--fs-small);border:1px solid #0000;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 14px;padding:10px 14px;display:grid}.fusion-card.empty{border:1px dashed var(--line);background:0 0}.fusion-card .fuse-ring{grid-row:1/span 2}.fusion-card.empty .fuse-ring{border-style:dashed;grid-row:1}.fusion-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}.fusion-name{font-family:var(--font-display);font-size:var(--fs-body-lg);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);font-weight:700}.fusion-label{color:var(--ink-3);margin-right:4px;font-weight:600}.fusion-keys{font-size:var(--fs-caption);color:var(--ink-3);font-weight:600}.fusion-head .fusion-keys kbd{min-width:0;margin:0 2px}.fusion-copy{font-size:var(--fs-caption);color:var(--ink-2);margin:0;line-height:1.4}.fusion-card.empty .fusion-copy{color:var(--ink-3)}.notice.notice-deco{border-radius:var(--r-deco);box-shadow:var(--panel-bevel);color:var(--ink);font-size:var(--fs-body);background:oklch(66% .22 25/.12);border:1px solid oklch(66% .22 25/.55);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:4px 10px;padding:12px 14px;display:grid}.notice.notice-deco.is-ok{border-color:var(--ready-line);background:var(--ready-tint)}.notice.notice-deco .ui-icon{color:var(--foe-ink);margin-top:1px}.notice.notice-deco.is-ok .ui-icon{color:var(--ready)}.notice.notice-deco .notice-text{margin:0;line-height:1.4}.notice.notice-deco .notice-action{grid-column:2;justify-self:start;margin-top:4px}.divider.divider-deco{font-size:var(--fs-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--ink-3);align-items:center;gap:12px;font-weight:700;display:flex}.divider.divider-deco:before,.divider.divider-deco:after{content:"";background:var(--line-brass-soft);flex:1;height:1px}.overlay-card.overlay-card-deco{border:1px solid var(--line-brass);border-radius:var(--r-deco);background:var(--bg-panel);width:min(400px,100vw - 32px);box-shadow:var(--panel-bevel);gap:16px;padding:26px 28px}.overlay-card.overlay-card-deco .overlay-title{font-family:var(--font-display);font-size:var(--fs-heading);letter-spacing:var(--tracking-display);font-weight:700;line-height:var(--lh-display);text-transform:uppercase;margin:0}.overlay-card.overlay-card-deco .overlay-sub{font-size:var(--fs-body);color:var(--ink-2);margin:-6px 0 0}.sheet.sheet-deco:is(div,dialog[open]){grid-template-rows:auto minmax(0,1fr) auto;display:grid}.sheet.sheet-deco{border:1px solid var(--line-brass);border-radius:var(--r-deco);background:var(--bg-panel);box-shadow:var(--panel-bevel);color:var(--ink);padding:0;overflow:hidden}.sheet.sheet-deco::backdrop{background:oklch(10% .01 265/.6)}.sheet.sheet-deco.is-static{width:min(560px,100%);max-height:none;margin:0}.sheet.sheet-deco .sheet-head{border-bottom:1px solid var(--line-brass-soft)}.sheet.sheet-deco .sheet-head h2{font-family:var(--font-display);font-size:var(--fs-heading);letter-spacing:var(--tracking-display);text-transform:uppercase;font-weight:700}.sheet.sheet-deco .sheet-head p{font-size:var(--fs-body);color:var(--ink-2)}.sheet.sheet-deco .sheet-tab{font-family:var(--font-display);font-size:var(--fs-small);letter-spacing:var(--tracking-caps);text-transform:uppercase;padding-top:.26em}.sheet.sheet-deco .sheet-tab:after{background:var(--brass)}.sheet.sheet-deco .sheet-foot{border-top:1px solid var(--line-brass-soft)}.sheet.sheet-deco.sheet-with-nav{width:min(860px,100vw - 32px)}.sheet.sheet-deco.sheet-with-nav:is(div,dialog[open]){grid-template-rows:none;grid-template-columns:220px minmax(0,1fr)}.sheet.sheet-deco.sheet-with-nav.is-static{width:min(860px,100%);height:560px}.sheet-nav{border-right:1px solid var(--line-brass-faint);background:var(--bg-well);grid-template-rows:auto minmax(0,1fr) auto;gap:18px;padding:24px 14px 18px;display:grid}.sheet-nav-head{justify-content:space-between;align-items:center;gap:8px;padding:0 0 0 14px;display:flex}.sheet-nav-head h1{font-family:var(--font-display);font-size:var(--fs-title);letter-spacing:var(--tracking-display);font-weight:700;line-height:var(--lh-display);text-transform:uppercase;margin:0}.sheet-nav-head .sheet-close{display:none}.sheet-nav-links{align-content:start;gap:2px;display:grid}.sheet-nav-links a{border-radius:var(--r-key);height:40px;color:var(--ink-2);font-size:var(--fs-body);align-items:center;gap:10px;padding:0 14px;font-weight:600;text-decoration:none;display:flex}.sheet-nav-links a:hover{color:var(--ink)}.sheet-nav-links a[aria-current=page]{color:var(--brass-lit);box-shadow:inset 2px 0 0 var(--brass);background:#d4af5a1f}.sheet-nav-links a:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.sheet-nav-foot{font-size:var(--fs-caption);color:var(--ink-3);padding:0 14px}.sheet-main{grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0;display:grid}.sheet-main>.sheet-body:only-child{grid-row:1/-1}@media (width<=640px){.sheet.sheet-deco.sheet-with-nav:is(div,dialog[open]){grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.sheet-nav{border-right:0;border-bottom:1px solid var(--line-brass-faint);grid-template-rows:none;grid-template-columns:minmax(0,1fr);gap:10px;padding:16px 12px 8px}.sheet-nav-head .sheet-close{display:inline-grid}.sheet-nav-links{display:flex;overflow-x:auto}.sheet-nav-foot{display:none}}:root[data-look=dithered] :is(.seat-card:not(.seat-empty),.mode-card,.quiet-tile,.el-card){background-image:var(--dither);image-rendering:pixelated;background-size:2px 2px}:root[data-look=dithered] .quiet-tile{background-color:var(--bg-panel)}:root[data-look=dithered] .notice.notice-deco,:root[data-look=dithered] .sheet-nav{background-image:var(--dither);background-size:2px 2px}:root[data-look=dithered] .seat-card.is-ready{box-shadow:inset 0 2px 0 var(--ready), inset 0 -1px 0 #0006}:root[data-look=dithered] .mode-card-go{border-radius:var(--r-key);background-image:none}.data-flag{background:var(--accent);clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%);flex:none;display:inline-block;box-shadow:inset 0 0 0 3px #f0d38680}.data-flag-lg{width:56px;height:66px}.data-flag-sm{width:10px;height:12px;box-shadow:none}.data-ping.good{color:var(--ping-good)}.data-ping.fair{color:var(--ping-fair)}.data-ping.bad{color:var(--ping-bad)}.data-you-pill{color:var(--you-ink);background:#3d8bff2e}.rating-line{font-size:var(--fs-small);font-variant-numeric:tabular-nums;color:var(--ink-2);flex-wrap:wrap;align-items:baseline;gap:6px;display:inline-flex}.rating-arrow{color:var(--ink-3)}.rating-to,.rating-delta{font-weight:700}.rating-line .is-up{color:var(--ok)}.rating-line .is-down{color:var(--foe-ink)}.rating-to.is-same,.rating-delta.is-same{color:var(--ink-2)}.rating-note{color:var(--ink-3)}.score-hero{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:24px;display:grid}.score-side{align-items:center;gap:16px;min-width:0;display:flex}.score-side.is-left{justify-self:end}.score-who{gap:4px;min-width:0;display:grid}.score-side.is-left .score-who{text-align:right;justify-items:end}.score-plaque{min-width:0;display:flex}.score-name{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);font-size:var(--fs-title);font-weight:700;line-height:var(--lh-display);letter-spacing:.04em;text-transform:uppercase;overflow:hidden}.score-name.you,.score-nums .you{color:var(--you-ink)}.score-name.foe,.score-nums .foe{color:var(--foe-ink)}.score-rank{font-size:var(--fs-small);color:var(--brass-lit);align-items:center;gap:8px;font-weight:700;display:inline-flex}.score-nums{font-family:var(--font-display);align-items:baseline;gap:16px;font-size:76px;font-weight:700;line-height:.8;display:flex}.score-dash{color:var(--ink-3);font-size:22px;font-weight:500}.round-cards{grid-template-columns:repeat(var(--rounds,4), minmax(0, 1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.round-card{border-radius:var(--r-key);border:1px solid var(--line-brass-faint);background:var(--bg-panel-2);text-align:center;justify-items:center;gap:4px;padding:10px 4px;display:grid}.round-card.is-won{border-color:color-mix(in oklab, var(--ok) 55%, transparent)}.round-card.is-lost{border-color:#ff464673}.round-card-label{font-size:var(--fs-label);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--ink-3);font-weight:700}.round-card-time{font-family:var(--font-display);font-size:18px;font-weight:700}.round-card-how{font-size:var(--fs-caption);color:var(--ink-2)}.results-table{border-collapse:collapse;width:100%}.results-table th,.results-table td{border-top:1px solid var(--line-brass-faint);text-align:right;font-size:var(--fs-body);padding:12px 14px}.results-table thead th{font-size:var(--fs-label);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--ink-3);border-top:0;padding-top:0;font-weight:700}.results-table thead .results-head-who,.results-table tbody th{text-align:left}.results-table tbody th{font-weight:700}.results-table td{font-family:var(--font-display);color:var(--ink);font-size:18px;font-weight:700}.results-table td.best{color:var(--brass-lit)}.results-table td.data-ping,.results-table td.is-none{font-family:var(--font-body);font-size:var(--fs-body-lg);color:var(--ink-2)}.results-table td.data-ping.good{color:var(--ping-good)}.results-table td.data-ping.fair{color:var(--ping-fair)}.results-table td.data-ping.bad{color:var(--ping-bad)}.results-table .is-mine>*{background:#3d8bff14}.results-who{align-items:center;gap:10px;display:inline-flex}.results-names{justify-items:start;gap:4px;display:grid}.results-name.you,.board-name.you,.board-group.you th{color:var(--you-ink)}.results-name.ally,.board-name.ally{color:var(--ally-ink)}.results-name.foe,.board-name.foe,.board-group.foe th{color:var(--foe-ink)}.server-line{text-align:center;justify-items:center;gap:4px;display:grid}.server-name{font-size:var(--fs-body-lg);font-weight:700}.server-mode{color:var(--ink-3);font-weight:500}.server-pings{font-size:var(--fs-caption);color:var(--ink-3)}.server-far{font-size:var(--fs-caption);color:var(--ping-fair);font-weight:600}.stakes-strip{border-radius:var(--r-control);border:1px solid var(--line-brass-strong);min-height:40px;font-size:var(--fs-body);font-variant-numeric:tabular-nums;color:var(--ink);background:#d4af5a14;align-items:center;gap:12px;padding:4px 12px 4px 8px;font-weight:700;display:flex}.stakes-strip.is-casual{border:1px dashed var(--line-brass);color:var(--ink-2);background:0 0;font-weight:600}.round-clock{font-family:var(--font-display);font-size:var(--fs-heading);letter-spacing:.06em;color:var(--ink-2);font-weight:700}.round-times{font-size:var(--fs-small);color:var(--ink-2);margin:0}.board-table{border-collapse:collapse;table-layout:fixed;width:100%}.board-table th,.board-table td{text-align:left;font-weight:inherit;padding:0 8px}.board-table .num{text-align:right;width:52px}.board-table .num.is-wide{width:84px}.board-table thead th{height:26px;font-size:var(--fs-label);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--ink-3);font-weight:700}.board-table abbr[title]{text-decoration:none}.board-row th,.board-row td{border-top:1px solid var(--line-brass-faint);height:36px;font-size:var(--fs-body);font-weight:700}.board-cell{align-items:center;gap:8px;min-width:0;display:flex}.board-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.board-row.is-mine>*{background:#3d8bff1f}.board-row.is-mine>th,.board-row.is-followed>th{box-shadow:inset 3px 0 0 var(--accent)}.board-row.is-down .board-name,.board-row.is-left .board-name{color:var(--ink-3)}.board-row.is-out{opacity:.55}.board-ping.is-none{font-size:var(--fs-caption);color:var(--ink-3)}.board-ping.good{color:var(--ping-good)}.board-ping.fair{color:var(--ping-fair)}.board-ping.bad{color:var(--ping-bad)}.board-group th,.board-group td{height:32px;font-size:var(--fs-caption);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--ink-3);font-weight:700}.copy-table{border-collapse:collapse;width:100%;font-size:var(--fs-body)}.copy-table th,.copy-table td{border-top:1px solid var(--line-brass-faint);text-align:left;vertical-align:top;padding:8px 12px}.copy-table thead th{font-size:var(--fs-label);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--ink-3);border-top:0}.copy-table tbody th{width:14%;color:var(--ink-2);font-weight:700}.copy-table .was{color:var(--ink-3)}.copy-table .now{color:var(--ink)}.copy-table .now b{color:var(--brass-lit)}.copy-group td{border-top:1px solid var(--line-brass);font-size:var(--fs-label);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--brass);padding-top:18px;font-weight:700}.crest{vertical-align:middle;flex:none;line-height:0;display:inline-flex}.crest-art{display:block}.feed-line .crest{vertical-align:-6px;margin:0 5px 0 0}.swatch,.crest-choice{position:relative}.swatch[aria-disabled=true],.crest-choice[aria-disabled=true]{cursor:not-allowed}.swatch[aria-disabled=true]:hover{transform:none}.swatch.is-locked,.crest-choice.is-locked>.crest-art{opacity:.45}.swatch[aria-disabled=true]:not(.is-locked){opacity:.25}.lock-badge{border:1px solid var(--line);background:var(--bg-panel);width:18px;height:18px;color:var(--ink-2);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-5px;right:-5px}.lock-badge .ui-icon{width:11px;height:11px}dialog.crest-sheet{width:min(640px,100vw - 32px)}.crest-editor{grid-template-columns:auto minmax(0,1fr);align-items:start;column-gap:24px}.crest-preview{background:var(--bg-panel-2);border-radius:12px;padding:14px 10px 10px;line-height:0;position:sticky;top:0}.crest-parts{gap:18px;display:grid}.crest-part{gap:10px;display:grid}.crest-part[hidden]{display:none}.crest-sheet .swatches{grid-template-columns:repeat(7,32px)}.crest-choices{flex-wrap:wrap;gap:8px;display:flex}.crest-choice{background:var(--bg-panel-2);cursor:pointer;width:46px;height:68px;transition:border-color var(--t) var(--ease);border:2px solid #0000;border-radius:8px;place-items:center;padding:0;display:grid}.crest-choice:hover{border-color:var(--line)}.crest-choice[aria-checked=true]{border-color:var(--ink)}.crest-choice:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.crest-note{color:var(--ink-3);margin:0;font-size:12px;line-height:1.4}@media (width<=560px){.crest-editor{grid-template-columns:minmax(0,1fr)}.crest-preview{justify-self:center;position:static}.crest-sheet .swatches{grid-template-columns:repeat(5,32px)}}.ui-layer{z-index:var(--z-menu);pointer-events:none;place-items:safe center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.ui-layer:empty{display:none}.ui-layer>*{zoom:var(--ui-fit,1)}.ui-layer:not(:empty):before{content:"";background:radial-gradient(#08080e40,#08080e8c);position:fixed;inset:0}.panel{pointer-events:auto;background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--r-panel);gap:22px;width:min(480px,100%);padding:28px;display:grid;position:relative;box-shadow:inset 0 1px oklch(100% 0 0/.05)}.panel .picker,.panel .winner,.panel .group{gap:22px;display:grid}.panel-wide{width:min(600px,100%)}.panel h1{letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:28px;font-weight:800;line-height:1.1}.panel h1.display{letter-spacing:-.03em;font-size:40px}.panel p{margin:0}.panel-head{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.panel-head .sub,.panel .sub{color:var(--ink-2);margin-top:8px;font-size:14px;line-height:1.45}.divider{color:var(--ink-3);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:12px;font-size:12px;font-weight:700;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.row{align-items:center;gap:10px;display:flex}.row>.input{flex:1}.actions{gap:10px;display:grid}.ui-layer:has(.landing){padding:0}.ui-layer:has(.landing):before{background:linear-gradient(#111a3099 0%,#0a0e1800 20% 80%,#0a0e18e6 100%),linear-gradient(90deg,#111a30eb 0%,#0a0e18cc 50%,#0a0e18db 100%)}:root[data-look=dithered] .ui-layer:has(.landing):before{background-image:var(--dither), linear-gradient(180deg, #111a3099 0%, #0a0e1800 20%, #0a0e1800 80%, #0a0e18e6 100%), linear-gradient(90deg, #111a30eb 0%, #0a0e18cc 50%, #0a0e18db 100%);background-size:2px 2px,auto,auto}.landing{pointer-events:auto;width:100%;height:calc(100dvh / var(--ui-fit,1));grid-template-rows:auto minmax(0,1fr) auto;align-self:stretch;display:grid;position:relative}.landing-body{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(380px,440px);align-items:start;gap:56px;width:min(1440px,100%);min-height:0;margin-inline:auto;padding:24px 40px 32px 64px;display:grid}.landing-top{justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:10px 40px;display:flex}.wordmark{font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase;color:var(--brass-lit);padding-top:.26em;font-size:26px;font-weight:700;line-height:1}.top-actions{align-items:center;gap:10px;min-width:0;display:flex}.top-chip{border:1px solid var(--line-brass-soft);border-radius:var(--r-control);background:var(--bg-panel);min-width:0;height:44px;box-shadow:var(--panel-bevel);color:var(--ink);font-size:var(--fs-small);cursor:pointer;transition:border-color var(--t) var(--ease);align-items:center;gap:8px;padding:0 14px;font-weight:600;display:inline-flex}.landing-top .signin-open{white-space:nowrap;height:44px;min-height:44px;padding:0 18px}.landing-top .signin-open .ui-icon{width:20px;height:20px}.top-chip:hover{border-color:var(--brass)}.top-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.top-chip .ui-icon{width:18px;height:18px}.top-icon{justify-content:center;width:44px;padding:0}.account-chip{gap:12px;padding:0 14px 0 8px}.acct-crest{flex:none;line-height:0}.acct-text{text-align:left;gap:2px;min-width:0;line-height:1.15;display:grid}.acct-name{text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-body);font-weight:700;overflow:hidden}.acct-line{text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-caption);color:var(--ink-3);overflow:hidden}.acct-line.is-rank{font-size:var(--fs-label);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--brass-lit);align-items:center;gap:6px;font-weight:700;display:flex}.friends-count.is-online{color:var(--ok)}.friends-open .request-pill{white-space:nowrap;align-items:center;gap:.25em;margin:0;display:inline-flex}.ticker{border-top:1px solid var(--line-brass-faint);background:var(--bg-panel);min-height:52px;font-size:var(--fs-caption);color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;padding:8px 40px;display:flex}.ticker-left,.ticker-right{align-items:center;gap:18px;min-width:0;display:flex}@media (width>=881px){.ticker{flex-wrap:nowrap}.ticker-left{flex:auto}.ticker-right{flex:none}}.ticker-server{color:var(--ink-2);flex:none;align-items:center;gap:8px;font-weight:700;display:inline-flex}.ticker-server .btn-link{min-height:0;font-size:inherit;padding:0;font-weight:600}.ticker-dot{background:var(--ink-3);border-radius:50%;flex:none;width:8px;height:8px}.ticker-dot.good{background:var(--ping-good)}.ticker-dot.fair{background:var(--ping-fair)}.ticker-dot.bad{background:var(--ping-bad)}.ticker-sep{background:var(--line-brass-soft);flex:none;width:1px;height:18px}.ticker-tip{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-width:0;margin:0;line-height:1.4;display:-webkit-box;overflow:hidden}.ticker-tip b{letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--brass-lit);margin-right:8px;font-weight:700}.ticker-link{color:var(--ink-2);font-size:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:none}.ticker-link:hover{color:var(--brass-lit)}.ticker-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.ticker-build{white-space:nowrap}.srv-label{color:var(--ink-2);font-weight:700}.server-now .auto,.ticker-server-now .auto{color:var(--ink-3)}.ticker-server-now .ping{margin-left:2px}.pitch{align-content:center;align-self:center;gap:22px;max-width:600px;display:grid}.pitch h1{font-family:var(--font-display);font-size:clamp(54px, 6.4vw, var(--fs-display-1));letter-spacing:.1em;text-transform:uppercase;color:var(--ink);text-shadow:3px 3px 0 var(--bg-panel-2);margin:0;padding-top:.08em;font-weight:700;line-height:1}.pitch .lede{max-width:40ch;color:var(--ink);text-wrap:pretty;margin:0;font-size:18px;line-height:1.45}.pitch .lede b{color:var(--brass-lit);font-weight:700}.controls-block{border:1px solid var(--line-brass-faint);border-radius:var(--r-deco,6px);background:var(--bg-panel);box-shadow:var(--panel-bevel);gap:10px;padding:16px 18px;display:grid}.controls-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.controls-head .btn-link{min-height:0;font-size:var(--fs-small);padding:0}.key-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;display:grid}.key-hint{min-width:0;font-size:var(--fs-small);color:var(--ink-2);align-items:center;gap:8px;display:flex}.key-plus{color:var(--ink-3);margin:0 2px}.stage{display:none}@media (width>=1180px){.ui-layer:has(.landing):before{background:linear-gradient(#111a3099 0%,#0a0e1800 20% 80%,#0a0e18e6 100%),linear-gradient(90deg,#111a30eb 0%,#0a0e18c7 30%,#0a0e1814 46% 62%,#0a0e18db 100%)}:root[data-look=dithered] .ui-layer:has(.landing):before{background-image:var(--dither), linear-gradient(180deg, #111a3099 0%, #0a0e1800 20%, #0a0e1800 80%, #0a0e18e6 100%), linear-gradient(90deg, #111a30eb 0%, #0a0e18c7 30%, #0a0e1814 46%, #0a0e1814 62%, #0a0e18db 100%)}.landing-body{grid-template-columns:minmax(300px,420px) minmax(240px,1fr) minmax(400px,450px);gap:40px}.stage{align-self:stretch;min-height:420px;display:block}}.landing .card{align-content:start;gap:18px;min-width:0;min-height:0;max-height:100%;margin:-4px;padding:4px;display:grid;overflow-y:auto}.landing .who.id-plate{border:1px solid var(--line-brass-faint);border-radius:var(--r-deco,6px);background:var(--bg-panel);box-shadow:var(--panel-bevel);grid-template-columns:auto auto minmax(0,1fr);align-items:center;column-gap:26px;padding:22px 26px;display:grid}.field{gap:6px;display:grid}.idp-tile{height:64px;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative}.idp-tile.crest-edit{width:40px}.idp-pen{background:var(--brass);width:22px;height:22px;color:var(--brass-ink);box-shadow:inset 0 1px 0 var(--brass-lit), inset 0 -1px 0 var(--brass-deep);transition:transform var(--t) var(--ease);border-radius:3px;place-items:center;display:grid;position:absolute;bottom:-4px;right:-6px}.idp-pen svg{width:12px;height:12px}.idp-tile:hover .idp-pen{transform:scale(1.1)}.idp-tile:hover .look-card{box-shadow:inset 0 -3px 0 var(--c), 0 0 0 1px var(--brass)}.idp-tile:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-control)}.idp-id{gap:10px;min-width:0;margin-left:16px;display:grid}.idp-name,.idp-input{height:36px}.idp-name{font-family:var(--font-display);letter-spacing:var(--tracking-display);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;align-items:center;margin:0;font-size:20px;font-weight:700;display:flex;overflow:hidden}.idp-name .tag{font-family:var(--font-body);font-size:var(--fs-small);letter-spacing:0;text-transform:none;color:var(--ink-3);margin-left:6px}.idp-input{min-height:0;font-family:var(--font-display);letter-spacing:var(--tracking-display);text-transform:uppercase;padding:0 10px;font-size:17px;font-weight:700}.idp-input[hidden],.idp-name[hidden]{display:none}.idp-status{min-width:0;font-size:var(--fs-caption);color:var(--ink-2);flex-wrap:wrap;align-items:baseline;gap:2px 8px;display:flex}.idp-plaque{min-width:0;max-width:100%;line-height:0;display:block}.idp-plaque[hidden]{display:none}.idp-plaque .plaque-art{width:100%;max-width:240px;height:auto}.id-plate .field-hint:empty{display:none}.crest-card{line-height:0}.swatches{grid-template-columns:repeat(5,32px);gap:10px;display:grid}.swatch{--c:#fff;background:var(--c);cursor:pointer;width:32px;height:32px;transition:transform var(--t) var(--ease), border-color var(--t) var(--ease);border:2px solid #ffffff24;border-radius:50%;padding:0;box-shadow:inset 0 0 0 1px #00000040}.swatch:hover{transform:scale(1.08)}.swatch[aria-checked=true]{border-color:var(--ink);box-shadow:0 0 0 2px var(--bg-panel), inset 0 0 0 1px #00000040}.swatch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.play,.more{gap:14px;display:grid}.play-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;padding:0 4px;display:flex}.play-title{font-family:var(--font-display);letter-spacing:var(--tracking-display);text-transform:uppercase;color:var(--brass-lit);margin:0;padding-top:.2em;font-size:22px;font-weight:700;line-height:1}.last-loadout{font-size:var(--fs-caption);color:var(--ink-3);margin:0}.ll-hand{color:var(--el);font-weight:700}.stakes-pick{gap:6px;display:grid}.stakes-pick[hidden]{display:none}.stakes-seg .seg[aria-pressed=true]{background:var(--brass);color:var(--brass-ink)}.stakes-seg .seg:disabled{opacity:.5;cursor:not-allowed}.stakes-hint .stakes-save{min-height:0;font-size:inherit;vertical-align:baseline;padding:0;display:inline}.stakes-hint .stakes-save[hidden]{display:none}.stakes-hint{font-size:var(--fs-small);color:var(--ink-2);text-wrap:pretty;margin:0;padding:0 4px;line-height:1.4}.modes{gap:14px;display:grid}.landing .mode-card-emblem{margin:-8px -6px 0 0;line-height:0}.landing .mode-card-rank .best{font-size:var(--fs-caption);color:var(--ink-3);font-weight:500}.rank-nudge{font-size:var(--fs-small);color:var(--ink-2);text-wrap:pretty;margin:0;padding:0 4px;line-height:1.4}.rank-nudge .btn-link,.play .error{min-height:0}.rank-nudge .btn-link{font-size:inherit;vertical-align:baseline;padding:0;display:inline}.friends-play{border:1px solid var(--line-brass-faint);border-radius:var(--r-deco,6px);background:var(--bg-panel);box-shadow:var(--panel-bevel);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px;display:grid}.friends-play-text{gap:2px;min-width:0;display:grid}.friends-play-text b{font-size:var(--fs-small);font-weight:700}.friends-play-sub{font-size:var(--fs-caption);color:var(--ink-3);line-height:1.35}.friends-play-actions{align-items:center;gap:6px;display:flex}.join.input-group>.input{width:104px}.more{gap:10px}.more-head{justify-content:space-between;align-items:baseline;gap:12px;padding:6px 4px 0;display:flex}.more-head .label{margin:0}.more-head .btn-link{min-height:0;font-size:var(--fs-small);padding:0}.more-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.landing .chips{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.landing .chip{justify-content:space-between}.landing .notice-action{margin-top:4px}.landing .notice.notice-deco{grid-template-columns:auto minmax(0,1fr) auto}.landing .notice.notice-deco .notice-action{grid-column:2}.notice-close{border-radius:var(--r-control);width:28px;height:28px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;grid-area:1/3;margin:-4px -6px 0 0;font-size:20px;line-height:1}.notice-close:hover{color:var(--ink);background:oklch(100% 0 0/.06)}.notice-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ms.good{color:var(--ping-good)}.ms.fair{color:var(--ping-fair)}.ms.bad{color:var(--ping-bad)}.status-panel{text-align:center;width:min(360px,100%)}.status-panel.arena-full{text-align:left;width:min(460px,100%)}.arena-full .btn{white-space:normal}.arena-full h1{font-family:var(--font-display);letter-spacing:var(--tracking-display);text-transform:uppercase;padding-top:.2em;font-size:30px;font-weight:700;line-height:1.05}@media (width>=881px) and (height<=820px){.landing-body{padding-top:10px;padding-bottom:12px}.landing .card{gap:10px}.landing .who.id-plate{padding:16px 20px}.modes{gap:10px}.landing .mode-card{min-height:80px;padding:10px 16px 10px 18px}.landing .mode-card-mode{font-size:30px}}@media (width<=880px){.ui-layer:has(.landing){align-items:start;overflow-y:auto}.landing{height:auto;min-height:calc(100dvh / var(--ui-fit,1))}.landing-body{grid-template-rows:none}.landing .card{max-height:none;overflow:visible}.ui-layer:has(.landing):before{background:#0a0e18cc}.landing-top{padding:10px 16px}.landing-body{grid-template-columns:minmax(0,1fr);gap:20px;width:min(600px,100%);padding:8px 16px 24px}.pitch{display:contents}.landing .card{order:1}.landing .controls-block{order:2}.pitch h1{font-size:54px}.pitch .lede{font-size:var(--fs-body-lg)}.ticker{padding:12px 16px}.ticker-left{flex-wrap:wrap;gap:6px 18px}}@media (width<=560px){.landing .who.id-plate{column-gap:18px;padding:16px}.idp-id{margin-left:6px}.wordmark{display:none}.landing-top{justify-content:flex-end}.account-chip{max-width:190px}.landing-top .signin-open{padding:0 14px}.friends-open .rq-word{display:none}.top-actions{gap:6px}.friends-open .friends-word{display:none}.friends-open{padding:0 12px}.account-chip{flex:auto;min-width:0}.landing-top .signin-open{flex:none;padding:0 12px}.pitch h1{font-size:44px}.key-grid,.friends-play{grid-template-columns:minmax(0,1fr)}.ticker-sep{display:none}}@media (width<=400px){.more-row{grid-template-columns:minmax(0,1fr)}}.touch-note{border-radius:var(--r-deco,6px);background:var(--bg-panel);border:1px solid var(--line-brass-faint);gap:10px;padding:14px;display:none}.touch-note p{font-size:var(--fs-body);color:var(--ink);margin:0;line-height:1.45}.touch-note .btn{justify-self:start}@media (hover:none) and (pointer:coarse){.touch-note{display:grid}.landing .key-grid,.landing .controls-label,.controls-toggle,.landing .play,.landing .more,.ticker-server,.ticker-sep,.landing .last-loadout{display:none}}:root[data-look=dithered] :is(.top-chip,.controls-block,.landing .who,.friends-play,.ticker,.queue-card){background-image:var(--dither);image-rendering:pixelated;background-size:2px 2px}.play .is-hidden{display:none}.queue-card{border:1px solid var(--ready);border-radius:var(--r-deco,6px);background:var(--bg-panel-2);box-shadow:var(--panel-bevel);gap:12px;padding:18px 20px;display:grid}.queue-card.is-off{border-color:var(--line-brass-soft)}.queue-head{align-items:center;gap:10px;display:flex}.queue-title,.queue-timer{font-family:var(--font-display);font-size:22px;font-weight:700;line-height:var(--lh-display);letter-spacing:var(--tracking-display);text-transform:uppercase;padding-top:.2em}.queue-timer{letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--ink-2);margin-left:auto}.queue-dot{background:var(--ready);width:10px;height:10px;box-shadow:0 0 0 4px var(--ready-tint);border-radius:50%;flex:none}.queue-card.is-searching .queue-dot{animation:1.4s ease-in-out infinite status-pulse}.queue-card.is-off .queue-dot{background:var(--ink-3);box-shadow:none}.queue-line,.queue-offer{font-size:var(--fs-small);color:var(--ink-2);margin:0;line-height:1.4}.queue-offer{color:var(--ink);font-weight:600}.queue-any{font-size:var(--fs-small);color:var(--ink-2);justify-content:space-between;align-items:center;gap:12px;display:flex}.queue-ranked span{line-height:1.3;display:grid}.queue-ranked small{color:var(--ink-3);font-size:12px}.queue-actions{gap:8px;display:grid}.queue-actions .btn{width:100%}@media (prefers-reduced-motion:reduce){.queue-card.is-searching .queue-dot{animation:none}}dialog.sheet.found{border:1px solid var(--line-brass-strong);border-radius:var(--r-deco,6px);background:var(--bg-panel-2);width:min(560px,100vw - 32px);max-height:calc(100dvh - 32px);box-shadow:var(--panel-bevel);text-align:center;margin:auto;padding:28px 32px 26px;overflow:visible}dialog.sheet.found[open]{grid-template-rows:none;gap:22px;display:grid}dialog.sheet.found:before{content:"";background:var(--brass-lit);height:2px;position:absolute;top:-1px;left:32px;right:32px}:root[data-look=dithered] dialog.sheet.found{background-color:var(--bg-panel-2);border-radius:var(--r-deco,4px)}.found .sheet-head{border:0;grid-template-columns:minmax(0,1fr);justify-items:center;gap:6px;padding:0;display:grid}.found .sheet-head h2{font-family:var(--font-display);font-size:22px;font-weight:700;line-height:var(--lh-display);letter-spacing:var(--tracking-display);text-transform:uppercase;padding-top:.2em}.found-sub{font-size:var(--fs-body);color:var(--ink-2);margin:0}.found-bar{background:var(--bg-panel-3);border-radius:3px;height:6px;margin:0;overflow:hidden}.found-bar span{background:var(--brass);width:100%;height:100%;transition:width .25s linear;display:block}.found-seats{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px;margin:0;padding:4px 8px;display:grid}.found-side{gap:12px;display:flex}.found-side:first-child{justify-self:end}.found-side:last-child{justify-self:start}.found-seat{justify-items:center;gap:6px;min-width:96px;display:grid}.found-name{font-family:var(--font-display);font-size:var(--fs-heading);letter-spacing:.1em;text-transform:uppercase;padding-top:.2em;font-weight:700;line-height:1}.found-seat.is-bot .found-name{color:var(--ink-3)}.found-seat.is-you .found-name{color:var(--you-ink)}.found-vs{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--brass);padding-top:.2em;font-size:22px;font-weight:700}.found-actions{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.found-actions .found-accept{width:100%}.found-actions .found-decline{padding-inline:18px}.found-actions:not(:has(.btn:not([hidden]))){display:none}@media (width<=560px){dialog.sheet.found{padding:24px 18px 20px}dialog.sheet.found:before{left:18px;right:18px}.found-seats{gap:10px;padding:0}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.howto{gap:10px;display:grid}.howto h2{color:var(--ink);margin:0;font-size:15px;font-weight:700}.elements{border-collapse:collapse;width:100%;font-size:14px;line-height:1.35}.elements thead th{color:var(--ink-3);text-align:left;padding:0 12px 6px 0;font-size:12px;font-weight:600}.elements tbody th,.elements td{text-align:left;vertical-align:top;border-top:1px solid oklch(100% 0 0/.08);padding:8px 12px 8px 0}.elements tbody th{white-space:nowrap;color:var(--ink);font-weight:700}.elements tbody th .icon{vertical-align:middle;width:18px;height:18px;color:var(--el);margin:-2px 8px 0 0}.elements td{width:42%;color:var(--ink-2)}.howto .elements:not(.fusions) td{width:29%}.passive-name{color:var(--ink)}.howto-page{gap:12px;display:grid}.howto-page[hidden]{display:none}.howto-page:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:6px}.spell-copy{margin:0 0 6px}.fusions tbody th{white-space:normal;width:20%}.fusions td{width:auto}.fusions td:last-child{width:46%}.pair-icons{vertical-align:middle;gap:2px;margin-right:8px;display:inline-flex}.pair-icons .icon{width:16px;height:16px}.pair-names{color:var(--ink-3);margin-top:2px;font-size:12px;font-weight:600;display:block}.howto-tip{max-width:78ch;color:var(--ink-2);text-wrap:pretty;margin:0;font-size:13px;line-height:1.45}@media (width<=560px){.elements thead{display:none}.elements tr{border-top:1px solid oklch(100% 0 0/.08);gap:2px;padding:8px 0;display:grid}.elements tbody th,.elements td{border:0;width:auto;padding:0}.elements td:before{content:attr(data-label) " · ";color:var(--ink-3);font-weight:600}.howto .elements td{padding-top:6px}.howto .elements td:before{content:attr(data-label);margin-bottom:2px;font-size:12px;display:block}.howto .fusions tbody th,.howto .fusions td:last-child,.howto .elements:not(.fusions) td{width:auto}}dialog.sheet{width:min(560px,100vw - 32px);margin:calc(max(24px, 8dvh) / var(--ui-fit,1)) auto auto;max-height:calc((100dvh - max(24px, 8dvh) - 24px) / var(--ui-fit,1));border:1px solid var(--line-brass);border-radius:var(--r-panel);background:var(--bg-panel);color:var(--ink);padding:0;overflow:hidden}dialog.sheet[open]{animation:sheet-in .22s var(--ease) both;grid-template-rows:auto minmax(0,1fr) auto;display:grid}dialog.sheet::backdrop{background:oklch(10% .01 265/.6)}@keyframes sheet-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.sheet-head{border-bottom:1px solid var(--line-brass-soft);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 16px;padding:22px 28px 16px;display:grid}.sheet-head h2{font-family:var(--font-display);font-size:var(--fs-heading);letter-spacing:var(--tracking-display);font-weight:700;line-height:var(--lh-display);text-transform:uppercase;margin:0}.sheet-head p{color:var(--ink-2);grid-column:1/-1;margin:0;font-size:14px;line-height:1.45}.sheet-head:has(.sheet-tabs){padding-bottom:0}.sheet-tabs{grid-column:1/-1;gap:24px;margin:4px 0 -1px;display:flex}.sheet-tab{min-height:40px;color:var(--ink-2);font:inherit;cursor:pointer;transition:color var(--t) var(--ease);background:0 0;border:0;border-radius:4px 4px 0 0;padding:0 2px;font-size:14px;font-weight:700;position:relative}.sheet-tab:after{content:"";background:var(--brass);height:2px;transition:transform var(--t) var(--ease);border-radius:2px 2px 0 0;position:absolute;inset:auto 0 0;transform:scaleX(0)}.sheet-tab:hover,.sheet-tab[aria-selected=true]{color:var(--ink)}.sheet-tab[aria-selected=true]:after{transform:none}.sheet-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sheet-close{border-color:var(--line-brass-faint);width:32px;min-width:32px;height:32px;min-height:32px;color:var(--ink-2);background:0 0;margin-right:-6px;padding:0}.sheet-close:hover{border-color:var(--line-brass);color:var(--ink)}.sheet-body{overscroll-behavior:contain;scrollbar-gutter:stable;align-content:start;gap:22px;padding:18px 28px 24px;display:grid;overflow-y:auto}.sheet-section{display:grid}.sheet-col{align-content:start;gap:22px;display:grid}.sheet-section h3{font-size:var(--fs-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--ink-3);margin:0 0 6px;font-weight:700}.section-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:2px;display:flex}.section-head h3{margin:0}.section-toggle{color:var(--ink-2);align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.section-note{color:var(--ink-3);margin:6px 0 0;font-size:12px;line-height:1.45}.sheet-foot{border-top:1px solid var(--line-brass-soft);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 28px;display:grid}.sheet-foot .reset{margin-left:-12px}.sheet-status{font-size:var(--fs-small);color:var(--ink-2);margin:0;line-height:1.35}.sheet-status.is-saved{color:var(--ready);align-items:center;gap:8px;display:inline-flex}.saved-dot{background:var(--ready);border-radius:50%;flex:none;width:8px;height:8px}.sheet-foot .reset[hidden]{display:none}.control-row{border-bottom:1px solid var(--line-brass-faint);justify-content:space-between;align-items:center;gap:16px;min-height:52px;padding:10px 0;display:flex}.sheet-section .control-row:last-child{border-bottom:0}.control-name{min-width:0;font-size:var(--fs-body);color:var(--ink);flex:1;gap:2px;font-weight:600;display:grid}.control-name small{font-size:var(--fs-caption);color:var(--ink-3);font-weight:500;line-height:1.35}.key-btn{cursor:pointer;flex:none;min-width:112px;min-height:32px}.key-btn.is-changed{animation:key-flash 1.4s var(--ease) both}@keyframes key-flash{0%{border-color:var(--ready);background:var(--ready-tint)}}.key-btn.is-fixed{color:var(--ink-3);cursor:default;background:0 0;border-style:dashed}dialog.controls-sheet{height:min(720px, calc((100dvh - max(24px, 8dvh) - 24px) / var(--ui-fit,1)))}.sheet-main:has(>.sheet-page-head){grid-template-rows:auto minmax(0,1fr) auto}.sheet-page-head{justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 28px 14px;display:flex}.sheet-page-text{gap:2px;display:grid}.sheet-page-title{font-family:var(--font-display);font-size:var(--fs-heading);letter-spacing:var(--tracking-display);font-weight:700;line-height:var(--lh-display);text-transform:uppercase;margin:0}.sheet-page-help{font-size:var(--fs-small);color:var(--ink-2)}.sheet-nav .sheet-close-main,.sheet-nav-head .sheet-close{display:none}.sheet-page-head .sheet-close{flex:none;width:40px;min-width:40px;height:40px;margin:0;display:inline-grid}.controls-sheet .sheet-body{gap:22px;padding-top:4px}.settings-page{align-content:start;gap:22px;display:grid}.settings-page[hidden]{display:none}.bind-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.bind-card{--el:#8ec1ff;border:1px solid var(--el);border-radius:var(--r-key);background:var(--bg-ground);box-shadow:inset 0 2px 0 var(--el), inset 0 -1px 0 #0006;gap:10px;padding:14px 16px;display:grid}.bind-card.is-left{--el:#8ec1ff}.bind-card.is-right{--el:#cdb6ff}.bind-title{font-family:var(--font-display);font-size:var(--fs-heading);letter-spacing:var(--tracking-display);font-weight:700;line-height:var(--lh-display);text-transform:uppercase;color:var(--el)}.bind-row{font-size:var(--fs-small);color:var(--ink-2);justify-content:space-between;align-items:center;gap:10px;display:flex}.bind-card .key-btn{min-width:64px}.settings-name{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.settings-name+.field-hint:empty{display:none}.settings-who{gap:2px;margin-bottom:12px;display:grid}.settings-who-name{font-size:var(--fs-heading);overflow-wrap:anywhere;font-weight:700}.settings-who-kind{font-size:var(--fs-small);color:var(--ink-2)}.hand-grid{grid-template-columns:minmax(0,1fr) 112px 112px;align-items:center;gap:8px 12px;padding:6px 0 2px;display:grid}.hand-col{text-align:center}.practice-sheet .sheet-body{gap:14px}.hand-grid.practice-grid{grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);gap:8px 12px;padding:0}.practice-grid .control-name{min-width:52px}.practice-grid .hand-col{text-align:left;padding-left:13px}.practice-grid .select{min-height:40px;padding-left:12px;font-size:14px}.practice-sheet .skill-row{flex-wrap:wrap}.practice-sheet .skill-row .control-name{flex-basis:180px}.bots-row,.rounds-row{border-bottom:1px solid var(--line-brass-faint);padding-bottom:14px}.stepper{align-items:center;gap:10px;display:inline-flex}.stepper .btn{width:36px;min-width:36px;height:36px;min-height:36px;padding:0}.stepper .ui-icon{width:16px;height:16px}.stepper b{text-align:center;min-width:1.4em;font-family:var(--font-display);font-size:var(--fs-heading);font-variant-numeric:tabular-nums}.slider{flex:none;align-items:center;gap:10px;display:flex}.range{width:168px;accent-color:var(--brass)}.slider output{text-align:right;width:48px;font-size:var(--fs-small);font-variant-numeric:tabular-nums;font-weight:700}@media (width<=480px){.hand-grid{grid-template-columns:minmax(0,1fr) 96px 96px}.key-btn{min-width:88px}.bind-cards{grid-template-columns:minmax(0,1fr)}.range{width:110px}}dialog.howto-sheet{width:min(900px,100vw - 32px)}.howto-sheet .elements thead th{font-size:var(--fs-label);letter-spacing:var(--tracking-label);text-transform:uppercase;border-bottom:1px solid var(--line-brass-faint)}.howto-sheet .elements tbody th,.howto-sheet .elements td{border-top-color:var(--line-brass-faint)}.howto-sheet .elements tbody th .el-name{font-family:var(--font-display);font-size:var(--fs-body);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--el,var(--ink));font-weight:700}.howto-sheet .fusions tbody th .el-name{color:var(--ink)}.howto-sheet .elements tbody th .icon{width:20px;height:20px}.howto-sheet .stats dd{font-variant-numeric:tabular-nums}.founders-body{gap:18px}.founders-group h3{font-size:var(--fs-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--ink-3);margin:0 0 10px;font-weight:700}.founders-list{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px 16px;margin:0;padding:0;list-style:none;display:grid}.founders-list li{min-width:0;font-size:var(--fs-body);align-items:center;gap:10px;font-weight:600;display:flex}.founders-list bdi{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.founders-empty{font-size:var(--fs-body);color:var(--ink-2);margin:0}dialog.sheet.is-static{animation:none;position:static}.sheet.sheet-deco.is-static.howto-sheet{width:min(900px,100%)}.sheet.sheet-deco.sheet-with-nav.is-static.controls-sheet{width:min(860px,100%);height:720px}.practice-sheet .control-row .segmented{flex:none;width:auto}dialog.controls-sheet{zoom:var(--ui-fit,1)}.control-row-stack{flex-direction:column;align-items:stretch;gap:10px}.control-row .segmented{flex:none;width:168px}.control-row-stack .segmented{width:auto}.gfx-custom{border-bottom:1px solid var(--line-brass-faint)}.gfx-custom>summary{min-height:44px;color:var(--ink-2);cursor:pointer;align-items:center;font-size:14px;font-weight:600;display:flex}.gfx-custom>summary:hover{color:var(--ink)}.gfx-custom>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gfx-custom .control-row:last-of-type{border-bottom:0}.gfx-reset{margin:4px 0 12px}.xh-preview{grid-template-columns:repeat(3,120px);gap:8px;padding:4px 0 12px;display:grid}.xh-panel{border-radius:var(--r-control);border:1px solid var(--line);width:120px;height:96px;position:relative;overflow:hidden}.xh-backdrop{width:100%;height:100%;position:absolute;inset:0}.xh-styles .seg{place-items:center;padding:0 10px;display:inline-grid}.crosshair-section .control-row .segmented{width:auto}dialog.look-sheet{width:min(500px,100vw - 32px)}dialog.look-sheet.is-docked{z-index:3;inset:auto;top:calc(max(80px, 8dvh) / var(--ui-fit,1));max-height:calc((100dvh - 80px - 24px) / var(--ui-fit,1));left:calc(max(16px, (100vw - 1440px) / 2 + 24px) / var(--ui-fit,1));width:min(440px,100vw - 32px);margin:0;position:fixed}.look-rows{gap:18px;display:grid}.look-row{gap:10px;display:grid}.look-sheet .swatches{grid-template-columns:repeat(7,32px)}.part-choices{flex-wrap:wrap;gap:8px;display:flex}.part-choice{border-radius:var(--r-key);background:var(--bg-well);cursor:pointer;width:62px;min-height:62px;transition:border-color var(--t) var(--ease);border:2px solid #0000;align-content:center;justify-items:center;gap:2px;padding:2px;display:grid;position:relative}.part-choice:hover{border-color:var(--line-brass)}.part-choice[aria-checked=true]{border-color:var(--brass-lit)}.part-choice:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.part-choice[aria-disabled=true]{cursor:not-allowed}.part-choice.is-locked>.part-thumb{opacity:.45}.part-thumb{pointer-events:none;width:54px;height:54px;display:block}.part-credit{text-overflow:ellipsis;white-space:nowrap;max-width:56px;font-size:var(--fs-caption);color:var(--ink-3);overflow:hidden}.plaque-choices{flex-wrap:wrap;gap:8px;display:flex}.plaque-choice{border-radius:var(--r-key);background:var(--bg-well);cursor:pointer;transition:border-color var(--t) var(--ease);border:2px solid #0000;place-items:center;padding:4px;display:grid;position:relative}.plaque-choice:hover{border-color:var(--line-brass)}.plaque-choice[aria-checked=true]{border-color:var(--brass-lit)}.plaque-choice:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.plaque-choice[aria-disabled=true]{cursor:not-allowed}.plaque-choice>.plaque-art{pointer-events:none;width:150px;height:auto;display:block}.look-row[hidden]{display:none}.look-row.is-off .plaque-choice>.plaque-art{opacity:.5}.callsign-choice{padding:6px 8px}.callsign-choice .plaque-none{width:auto;height:22px;padding:0 14px}.plaque-none{border:1px dashed var(--line);width:150px;height:30px;font-family:var(--font-display);font-size:var(--fs-caption);letter-spacing:var(--tracking-display);text-transform:uppercase;color:var(--ink-3);pointer-events:none;border-radius:3px;place-items:center;font-weight:700;display:grid}.plaque-choice.is-locked>.plaque-art{opacity:.45}.ui-layer:has(.landing):before{transition:opacity .22s var(--ease)}.ui-layer:has(.landing.is-dressing):before{opacity:0}.look-field{align-items:center;gap:16px;display:flex}.look-card{--c:#3d8bff;background:color-mix(in oklab, var(--c) 58%, black);width:56px;height:64px;box-shadow:inset 0 -3px 0 var(--c);transition:background var(--t) var(--ease);border-radius:10px;place-items:center;display:grid;overflow:hidden}.look-card img{width:54px;height:54px;display:block}.look-card.look-mini{width:32px;height:40px;box-shadow:inset 0 -2px 0 var(--c);border-radius:6px}.look-card.look-mini img{width:32px;height:32px}@media (width<=560px){.look-sheet .swatches{grid-template-columns:repeat(5,32px)}}.tag{color:var(--ink-3);font-variant-numeric:tabular-nums;letter-spacing:0;text-transform:none;white-space:nowrap;unicode-bidi:isolate;margin-left:.3em;font-size:.86em;font-weight:600}.nt-name{unicode-bidi:isolate}.label .tag{font-size:inherit}.label .tag:empty{display:none}.field-hint{color:var(--ping-fair);font-size:12px;line-height:1.35}.field-hint:empty{display:none}.account-row{color:var(--ink-2);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;font-size:13px;display:flex}.account-row[hidden]{display:none}dialog.account-sheet{width:min(440px,100vw - 32px)}.account-who{gap:4px;display:grid}.account-name{font-family:var(--font-display);font-size:var(--fs-heading);letter-spacing:var(--tracking-caps);text-transform:uppercase;overflow-wrap:anywhere;font-weight:700}.account-kind{font-size:var(--fs-small);color:var(--ink-2)}.account-actions,.account-danger{gap:10px;display:grid}.account-actions:empty{display:none}.account-note{color:var(--ink-3);margin:0;font-size:12px;line-height:1.4}.account-danger{border-top:1px solid var(--line-brass-faint);padding-top:18px}.btn-danger{color:var(--foe-ink)}.btn-danger.is-armed,.account-danger .btn.is-armed{border-color:var(--danger);color:var(--ink)}.account-note a{color:var(--ink-2)}.callsign{border:1px solid color-mix(in oklab, var(--cs) 45%, transparent);border-radius:var(--r-key,6px);background:color-mix(in oklab, var(--cs) 16%, transparent);color:color-mix(in oklab, var(--cs) 72%, var(--ink,#f4f5f8));letter-spacing:.01em;text-transform:none;vertical-align:baseline;white-space:nowrap;margin-left:.5em;padding:.12em .5em .1em;font-size:.78em;font-style:normal;font-weight:600;line-height:1.2;display:inline-block}.callsign.cs-italic{font-style:italic}.callsign.cs-bold{font-weight:800}.callsign.cs-caps{text-transform:uppercase;letter-spacing:var(--tracking-label,.16em);font-size:.7em}.callsign.cs-glow{border-color:color-mix(in oklab, var(--cs) 80%, transparent);text-shadow:0 0 .5em color-mix(in oklab, var(--cs) 85%, transparent);box-shadow:0 0 .6em color-mix(in oklab, var(--cs) 35%, transparent)}.callsign-pick{flex-wrap:wrap;gap:8px;display:flex}.callsign-pick .btn[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:1px}.callsign-pick .callsign,.callsign-pick .plaque-chip{margin-left:0}.account-callsign{gap:8px;display:grid}.account-section-title{color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:13px;font-weight:700}.account-callsign .account-note{margin:0}.plaque-art{flex:none;display:block}.plaque-chip{box-sizing:border-box;border:1px solid var(--pq-edge);background:var(--pq-back);max-width:100%;height:18px;color:var(--pq-ink);font-family:var(--pq-font);font-size:11px;font-weight:var(--pq-weight);letter-spacing:var(--pq-track);text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;border-radius:3px;align-items:center;margin-left:.5em;padding:0 7px;font-style:normal;line-height:1;display:inline-flex;overflow:hidden}.plaque-chip.pq-display{text-transform:uppercase;padding-top:2px;font-size:10px}.plaque-chip.has-fx{text-shadow:0 1px 0 var(--pq-fx)}.name-plaque{min-width:0;max-width:100%;line-height:0;display:block}.name-plaque .plaque-art{max-width:100%;height:auto}.friends-row{color:var(--ink-2);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;font-size:13px;display:flex}.friends-row[hidden]{display:none}.friends-line{align-items:baseline;gap:8px;display:inline-flex}.request-pill,.tab-count{background:var(--accent);min-width:18px;height:18px;color:var(--accent-ink);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;padding:0 7px;font-size:12px;font-weight:800;line-height:1;display:inline-grid}.tab-count{vertical-align:1px;margin-left:6px;padding:0 5px}.tab-count[hidden]{display:none}dialog.friends-sheet{width:min(520px,100vw - 32px)}.friends-sheet .friends-body{min-height:min(420px,52dvh)}.friends-page{align-content:start;gap:20px;display:grid}.friends-page[hidden]{display:none}.friends-page:focus-visible{outline:none}.friend-add,.friend-link{gap:8px;display:grid}.friend-add-row,.friend-link-row{gap:8px;display:flex}.friend-add-row .input,.friend-link-row .input{flex:1;min-width:0}.friend-add-send{min-width:88px}.friend-add-result{color:var(--ink-2);margin:0;font-size:13px;line-height:1.35}.friend-add-result:empty{display:none}.friend-add-result[data-tone=ok]{color:var(--ok)}.friend-add-result[data-tone=warn]{color:var(--ping-fair)}.friend-link-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.friend-link-new{min-height:24px;font-size:13px}.btn-link.is-armed,.btn-link.is-armed:hover{color:var(--foe-ink);background:0 0;border-color:#0000}.friend-link-row .input[readonly]{color:var(--ink-2);text-overflow:ellipsis;font-size:13px}.friend-link-copy{min-width:104px}.friend-link-copy .ui-icon{width:16px;height:16px}.friend-link-copy.is-done{color:var(--ok);border-color:oklch(72% .17 155/.6)}.friend-link-note,.friends-intro{color:var(--ink-3);margin:0;font-size:12px;line-height:1.4}.friends-lists{gap:20px;display:grid}.friend-group{gap:4px;display:grid}.friend-group-title{color:var(--ink);margin:0;font-size:14px;font-weight:700}.friend-group-count{color:var(--ink-3);font-variant-numeric:tabular-nums;margin-left:8px}.friend-list{margin:0;padding:0;list-style:none}.friend-list[hidden]{display:none}.friend-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:56px;padding:8px 0;display:grid}.friend-row+.friend-row{border-top:1px solid var(--line)}.friend-row.is-busy .friend-who{opacity:.55}.friend-face{align-items:center;gap:6px;min-width:32px;display:flex}.friend-avatar.look-card{width:34px;height:38px;box-shadow:inset 0 -2px 0 var(--c);border-radius:7px}.friend-avatar.look-card img{width:34px;height:34px}@media (width<=560px){.friend-avatar.look-card{display:none}}.friend-badge{border:1px solid var(--line);background:var(--bg-panel-2);width:32px;height:32px;color:var(--ink-2);border-radius:8px;place-items:center;font-size:13px;font-weight:800;display:grid}.friend-row.is-online .friend-badge{color:var(--ink);position:relative}.friend-row.is-online .friend-badge:after{content:"";background:var(--ok);width:10px;height:10px;box-shadow:0 0 0 2px var(--bg-panel);border-radius:50%;position:absolute;bottom:-3px;right:-3px}.friend-badge.has-crest{background:var(--bg-panel-3)}.friend-row.is-online .friend-sub{color:var(--ink-2)}.friend-badge.is-large{border-radius:14px;width:56px;height:56px;font-size:20px}.friend-who{min-width:0;transition:opacity var(--t) var(--ease);gap:2px;display:grid}.friend-name{color:var(--ink);overflow-wrap:anywhere;font-size:15px;font-weight:700}.friend-sub{color:var(--ink-3);font-size:13px}.friend-actions{align-items:center;gap:6px;display:flex}@media (width<=480px){.friend-row[data-kind=incoming] .friend-actions{grid-column:2/-1;justify-content:flex-start}.friend-row[data-kind=incoming] .friend-more{margin-left:auto}}.friend-actions .btn,.friend-confirm .btn{min-height:34px;padding:0 12px;font-size:13px}.friend-actions .btn .ui-icon{width:14px;height:14px}.friend-actions .friend-more{width:34px;color:var(--ink-2);padding:0}.friend-more .ui-icon{width:18px;height:18px}.friend-more[aria-expanded=true]{background:var(--bg-panel-2);color:var(--ink)}.friend-state{color:var(--ink-2);padding:0 4px;font-size:13px;font-weight:600}.friend-fold{min-height:32px;color:var(--ink-2);font:inherit;cursor:pointer;background:0 0;border:0;align-items:baseline;gap:8px;padding:0;font-size:13px;font-weight:600;display:inline-flex}.friend-fold:hover{color:var(--ink)}.friend-fold:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.friend-fold-hint{color:var(--ink-3);text-underline-offset:3px;text-decoration:underline}.friend-confirm{background:oklch(66% .22 25/.08);border:1px solid oklch(66% .22 25/.35);border-radius:10px;grid-column:1/-1;gap:10px;padding:12px;display:grid}.friend-confirm p{color:var(--ink);margin:0;font-size:13px;line-height:1.45}.friend-confirm-actions{justify-content:flex-end;gap:8px;display:flex}.btn-danger-solid{color:oklch(99% 0 0);background:oklch(56% .2 25);border-color:#0000}.btn-danger-solid:hover{background:oklch(61% .2 25)}.friends-empty{color:var(--ink-2);margin:0;padding:4px 0;font-size:14px;line-height:1.45}.friends-empty.is-error{align-items:center;gap:10px;display:flex}.friends-empty.is-error .ui-icon{width:18px;height:18px;color:var(--ping-fair);flex:none}.friends-empty.is-error .btn{min-height:34px;margin-left:auto;font-size:13px}.row-menu{border:1px solid var(--line);background:var(--bg-panel-2);min-width:184px;color:var(--ink);border-radius:12px;margin:0;padding:6px;position:fixed;inset:auto}.row-menu:popover-open{animation:row-menu-in .15s var(--ease) both;gap:2px;display:grid}@keyframes row-menu-in{0%{opacity:0;transform:translateY(-4px)}}.row-menu-note{font-size:var(--fs-caption);color:var(--ink-3);margin:0;padding:6px 12px 4px}.row-menu-item{min-height:36px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 12px;font-size:14px;font-weight:600}.row-menu-item:hover,.row-menu-item:focus-visible{background:var(--bg-panel-3);outline:none}.row-menu-item:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}.row-menu-item.is-danger{color:var(--foe-ink)}dialog.invite-sheet{width:min(420px,100vw - 32px)}.invite-body{gap:18px}.invite-who{text-align:center;justify-items:center;gap:8px;padding-top:4px;display:grid}.invite-name{overflow-wrap:anywhere;font-size:22px;font-weight:800}.invite-line{color:var(--ink-2);margin:0;font-size:14px}.invite-note,.invite-dead{color:var(--ink-3);text-align:center;margin:0;font-size:13px;line-height:1.45}.invite-dead{color:var(--ink-2);padding:8px 0;font-size:14px}.friends-hidden{align-items:center;gap:10px;display:flex}.friends-hidden-text{color:var(--ink);font-size:13px;font-weight:600;line-height:1.25;display:grid}.friends-hidden-text small{color:var(--ink-3);font-size:12px;font-weight:500}@media (width<=480px){.friends-hidden-text small{display:none}}dialog.invite-friends-sheet{zoom:var(--ui-fit,1);width:min(440px,100vw - 32px)}.invite-friends-body{min-height:160px}.invite-list{margin:0;padding:0;list-style:none}.invite-sent{color:var(--ok)}.friend-sub .invite-failed{color:var(--ping-fair)}.invite-hidden{justify-items:start;gap:12px;display:grid}.toasts{z-index:15;zoom:var(--ui-fit,1);pointer-events:none;gap:10px;width:min(360px,100vw - 32px);margin:0 auto;display:grid;position:fixed;top:16px;left:0;right:0}.toast{border:1px solid var(--line);background:var(--bg-panel);pointer-events:auto;animation:toast-in .22s var(--ease) both;border-radius:12px;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px 12px;padding:14px 14px 16px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px oklch(100% 0 0/.05),0 8px 24px oklch(0% 0 0/.35)}.toast-text,.pause-invite-text{gap:2px;min-width:0;margin:0;display:grid}.toast-name{color:var(--ink);overflow-wrap:anywhere;font-size:15px;font-weight:700}.toast-line{color:var(--ink-2);font-size:13px}.toast-actions{grid-column:2;gap:8px;display:flex}.toast-actions .btn{min-height:34px;padding:0 14px}.toast-time{background:var(--accent);transform-origin:0;height:2px;animation:linear forwards toast-time;position:absolute;bottom:0;left:0;right:0}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}}@keyframes toast-time{0%{transform:scaleX(var(--from,1))}to{transform:scaleX(0)}}@media (width<=480px){.toasts{width:calc(100vw - 16px);top:8px}}.overlay-invites{gap:8px;display:grid}.pause-invite{border:1px solid var(--line);background:var(--bg-panel-2);border-radius:10px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.pause-invite-actions{gap:6px;display:flex}.pause-invite .btn{min-height:34px;padding:0 12px}.pause-invite.is-armed{border-color:var(--accent)}@media (width<=480px){.pause-invite{grid-template-columns:32px minmax(0,1fr)}.pause-invite-actions{grid-column:2}}.panel.lobby{gap:18px;width:min(1000px,100%);padding:24px 28px 22px;container:room/inline-size}.room-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;display:grid}.room-title{gap:2px;display:grid}.lobby .room-title h1{font-family:var(--font-display);font-size:24px;font-weight:700;line-height:var(--lh-display);letter-spacing:var(--tracking-caps);text-transform:uppercase;margin:0}.code-chip{justify-content:center;align-items:center;gap:10px;min-width:0;display:flex}.room-code{border-radius:var(--r-control);border:1px solid var(--line-brass-strong);background:var(--bg-well);height:52px;font-family:var(--font-display);letter-spacing:var(--tracking-code-wide);text-indent:var(--tracking-code-wide);font-variant-numeric:tabular-nums;color:var(--brass-lit);white-space:nowrap;align-items:center;padding:.2em 18px 0;font-size:34px;font-weight:700;line-height:1;display:inline-flex}.code-chip .copy{min-height:52px}.mode-row{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.lobby .room-sub{margin:-8px 0 0}.lobby .room-sub:empty{display:none}.room-stage{grid-template-columns:minmax(0,1fr) 200px minmax(0,1fr);grid-template-areas:"you center foe";align-items:stretch;gap:18px;display:grid}.room-stage.is-listing{grid-template-columns:minmax(0,1fr) 200px;grid-template-areas:"list center"}.room-stage .slots{display:contents}.room-stage .slots>:first-child{grid-area:you}.room-stage .slots>:last-child{grid-area:foe}.room-center{text-align:center;grid-area:center;align-content:center;justify-items:center;gap:18px;min-width:0;display:grid}.room-stage .server-list{grid-area:list}.slot .seat-card-foot .btn-link{min-height:24px}.slot .seat-card-foot{flex-wrap:wrap;row-gap:4px}.slot .seat-card-empty small{font-size:var(--fs-caption);margin-top:4px;display:block}.slot-picks{font-size:var(--fs-small)}.duel-server .btn-link{min-height:24px}.duel-server .server-name{overflow-wrap:anywhere}.duel-server .server-mode bdi{color:var(--ink-2)}.server-hint{font-size:var(--fs-caption);color:var(--ink-2);justify-items:center;gap:2px;margin:4px 0 0;line-height:1.4;display:grid}.server-hint b{color:var(--ink)}.duel-server .server-far{text-align:left;align-items:center;gap:6px;margin:4px 0 0;display:flex}.duel-server .server-far .ui-icon{flex:none;width:14px;height:14px}.stakes-strip.room-stakes{text-align:center;flex-direction:column;gap:6px;width:100%;padding:10px 14px}.server-list{align-content:start;gap:4px;display:grid;container-type:inline-size}.server-head,.server-options{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;display:grid}.server-options{grid-template-rows:repeat(4,auto);grid-auto-flow:column;row-gap:4px}.server-head .col,.srv{grid-template-columns:minmax(0,1fr) 56px 56px;align-items:center;column-gap:4px;padding:0 12px;display:grid}.is-alone .server-head .col,.is-alone .srv{grid-template-columns:minmax(0,1fr) 56px}.server-head .col{font-size:var(--fs-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--ink-3);font-weight:700}.server-head .col>span{text-overflow:ellipsis;white-space:nowrap;text-align:right;overflow:hidden}.srv{border-radius:var(--r-control);border:1px solid var(--line-brass-faint);background:var(--bg-panel-2);cursor:pointer;min-height:44px;transition:border-color var(--t) var(--ease), background var(--t) var(--ease)}.srv:hover{border-color:var(--line-brass);background:var(--bg-panel-3)}.srv[aria-selected=true]{border-color:var(--accent);background:#3d8bff24}.srv:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.srv-name{min-width:0;font-size:var(--fs-body);flex-wrap:wrap;align-items:baseline;column-gap:6px;font-weight:600;display:flex}.srv-detail{color:var(--ink-3)}.srv-detail:empty{display:none}.srv-tag{font-size:var(--fs-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--brass-lit);font-weight:700}.srv .ms{text-align:right;font-size:var(--fs-small)}@container (width<=499px){.server-head,.server-options{grid-template-columns:minmax(0,1fr)}.server-options{grid-template-rows:none;grid-auto-flow:row}.server-head .col+.col{display:none}}.team-col{align-content:start;gap:8px;min-width:0;display:grid}.team-head{font-size:var(--fs-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--you-ink);margin:0;font-weight:700}.team-col.foes .team-head{color:var(--foe-ink)}.tslot{border-radius:var(--r-control);border:1px solid var(--line-brass-soft);background:var(--bg-panel-2);min-height:68px;box-shadow:var(--panel-bevel);transition:border-color var(--t) var(--ease);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 14px;display:grid}.tslot.is-ready{border-color:var(--ready);box-shadow:inset 0 2px 0 var(--ready), inset 0 -1px 0 #0006}.tslot.is-you{box-shadow:inset 3px 0 0 var(--accent), var(--panel-bevel)}.tslot.is-you.is-ready{box-shadow:inset 3px 0 0 var(--accent), inset 0 2px 0 var(--ready), inset 0 -1px 0 #0006}.tslot.empty{border-style:dashed;border-color:var(--line-brass);box-shadow:none;color:var(--ink-3);font-size:var(--fs-body);background:0 0;grid-template-columns:1fr}.tslot.empty.is-bot{border-style:solid;border-color:var(--line-brass-soft);color:var(--ink-2)}.tslot .who-name{gap:4px;min-width:0;display:grid}.tslot .name{font-family:var(--font-display);font-size:18px;font-weight:700;line-height:var(--lh-display);letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;overflow:hidden}.tslot .crest{align-self:center}.tslot .crest.is-ranked{margin:-8px -6px -8px -8px}.tslot:has(.crest.is-ranked) .rank-badge .pips{display:none}.tslot .slot-meta{font-size:var(--fs-small);flex-wrap:wrap;align-items:baseline;gap:2px 10px;display:flex}.slot-rating{white-space:nowrap}.color-warn{font-size:var(--fs-caption);color:var(--ping-fair)}@container room (width<=760px){.tslot{grid-template-columns:auto minmax(0,1fr)}.tslot .pill{grid-column:2;justify-self:start}}.seat-actions{flex-wrap:wrap;align-items:center;gap:4px 20px;margin:-8px 0;display:flex}.seat-actions:not(:has(>:not([hidden]))){display:none}.identity{gap:8px;max-width:360px;display:grid}.room-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;display:flex}.lobby .room-status{text-align:left;min-width:0;font-size:var(--fs-small);color:var(--ink-2);flex:320px;align-items:center;gap:10px;display:flex}.room-status b{font-size:var(--fs-body);color:var(--ink)}.lobby .room-status.ok{font-weight:inherit;color:var(--ink-2)}.room-status.ok b{color:var(--ready)}.room-status:has(.status-text:empty) .status-dot{visibility:hidden}.room-options{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px 18px;display:flex}.room-switch{justify-content:flex-start;gap:10px}.room-switch.is-disabled{cursor:default}.watchers-line{font-size:var(--fs-small);color:var(--ink-3);align-items:center;gap:6px;margin:0;display:inline-flex}.watchers-line .ui-icon{flex:none;width:16px;height:16px}.lobby .room-actions{flex-wrap:wrap;gap:12px;display:flex}.room-actions>.btn:not(.leave){flex:200px}.room-actions>.leave{flex:none}@container room (width<=760px){.room-head{grid-template-columns:minmax(0,1fr);justify-items:start;gap:12px}.mode-row,.code-chip{flex-wrap:wrap;justify-content:flex-start}.room-stage,.room-stage.is-listing{grid-template-columns:minmax(0,1fr);grid-template-areas:"you""center""foe"}.room-stage.is-listing{grid-template-areas:"center""list"}.room-options{justify-content:flex-start}.room-actions>.leave{flex:100%}}@media (width<=480px){.panel.lobby{padding:20px 16px}}:root[data-look=dithered] :is(.tslot:not(.empty),.srv,.room-code){background-image:var(--dither);image-rendering:pixelated;background-size:2px 2px}.panel.loadout{width:min(1040px,100%)}.picker-title{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-size:30px;font-weight:700;line-height:1.05}.tiles{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}@media (width<=1100px){.panel.loadout{width:min(600px,100%)}}@media (width<=560px){.tiles{grid-template-columns:repeat(2,1fr)}}.hand-pair{grid-template-columns:minmax(0,1fr);gap:12px;display:grid;position:relative}.panel .picker{gap:16px}.hands{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.swap-hands{border:1px solid var(--line);background:var(--bg-panel);width:32px;height:32px;color:var(--ink-2);cursor:pointer;transition:background var(--t) var(--ease), color var(--t) var(--ease), opacity var(--t) var(--ease);border-radius:50%;place-items:center;margin-top:64px;padding:0;display:grid;position:absolute;top:0;left:50%;translate:-50%}.swap-hands:hover:not(:disabled){background:var(--bg-panel-2);color:var(--ink)}.swap-hands:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.swap-hands:disabled{opacity:0;pointer-events:none}.swap-hands .ui-icon{width:16px;height:16px}.hand-spells{color:var(--ink-2);gap:4px;display:grid}.hand-spells kbd,.fusion-keys kbd{margin-right:8px}.hand-passive{color:var(--ink-2);align-items:center;display:flex}.passive-glyph{flex:none;place-items:center;width:34px;height:18px;margin-right:8px;display:grid}.passive-glyph:before{content:"";background:var(--el);border-radius:1px;width:8px;height:8px;transform:rotate(45deg)}.loadout.is-locked .tiles{opacity:.55}.picker-kicker{margin-bottom:6px;display:block}.picker-kicker[hidden]{display:none}.winner{gap:18px;display:grid}.winner[hidden]{display:none}.result{text-align:center;justify-items:center;gap:6px;padding:4px 0 2px;display:grid}.result .winner-title{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;text-shadow:4px 4px 0 var(--bg-panel-2);margin:0;font-size:clamp(44px,9vw,84px);font-weight:700;line-height:1}.result .winner-title.won{color:var(--brass-lit)}.result .winner-title.lost{color:var(--foe-ink)}.result-line{color:var(--ink);margin:0;font-size:16px}.rating-results{justify-items:center;gap:6px;display:grid}.rating-row,.rating-note-line{color:var(--ink-2);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 12px;margin:0;font-size:14px;display:flex}.rating-row .who{color:var(--ink);font-weight:700}.rating-note-line{color:var(--ink-3)}.winner .rematch-status:empty{display:none}.winner .actions{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:12px;display:grid}.winner .actions .find-another:not([hidden]){grid-column:1/-1}@media (width<=560px){.winner .actions{grid-template-columns:minmax(0,1fr)}}.results-table td.ping,.results-table td.data-ping,.results-table td.data-ping.good,.results-table td.data-ping.fair,.results-table td.data-ping.bad{color:var(--ink-2);font-size:16px}.winner .round-card{background:var(--bg-well)}.hud{z-index:var(--z-hud);pointer-events:none;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;position:fixed;inset:0}.crosshair{width:80px;height:80px;margin:-40px 0 0 -40px;position:absolute;top:50%;left:50%}.crosshair svg{shape-rendering:geometricprecision;position:absolute;inset:0;overflow:visible}.crosshair .xh-line{stroke:currentColor}.crosshair .xh-dot{fill:currentColor}.crosshair .xh-edge{stroke:#000c}.crosshair .xh-edge-dot{fill:#000c}.crosshair .xh-arc path{fill:none}.crosshair .xh-arc-back{stroke:#0000004d}.crosshair .xh-arc-track{stroke:currentColor;stroke-opacity:.22}.crosshair .xh-arc-edge{stroke:#000c}.crosshair .xh-arc-fill{stroke:currentColor;stroke-opacity:.6}.crosshair .xh-arc.is-lit .xh-arc-fill{stroke-opacity:1}.crosshair .xh-arc.is-lit.is-gap .xh-arc-fill{stroke-opacity:.4}.crosshair .xh-arc.is-stalled .xh-arc-fill{stroke:var(--danger);stroke-opacity:.9}.crosshair .xh-dash{transition:opacity 80ms linear}.crosshair .xh-dash.is-resting{opacity:0;transition:opacity .6s var(--ease) .16s}.crosshair .xh-dash.is-off{display:none}.hit-marker{opacity:0;background:linear-gradient(var(--gold) 0 0) center / 100% 2px no-repeat, linear-gradient(var(--gold) 0 0) center / 2px 100% no-repeat;width:26px;height:26px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg);-webkit-mask:radial-gradient(circle,#0000 30%,#000 32%);mask:radial-gradient(circle,#0000 30%,#000 32%)}.hud .top{justify-items:center;gap:10px;width:min(440px,70vw);display:grid;position:absolute;top:18px;left:50%;transform:translate(-50%)}.rounds.is-off{display:none}.rounds{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;width:100%;display:grid}.round-mid{background:var(--bg-panel);border:1px solid var(--line);border-radius:8px;justify-items:center;padding:6px 12px;display:grid}.round-label{letter-spacing:.16em;font-size:13px;font-weight:800}.round-clock{font-variant-numeric:tabular-nums;color:var(--ink-2);transition:color var(--t) var(--ease);font-size:14px;font-weight:700;line-height:1.3}.round-clock.is-stopped{color:var(--ink-3)}.pips{gap:6px;display:flex}.pips.mine{justify-content:end}.pips i{width:16px;height:16px;transition:background var(--t) var(--ease), box-shadow var(--t) var(--ease);background:#00000080;border:2px solid #ffffff73;border-radius:4px}.pips.mine i.on{background:var(--team-local);border-color:var(--you-ink);box-shadow:0 0 8px var(--team-local)}.pips.theirs i.on{background:var(--team-enemy);border-color:var(--foe-ink);box-shadow:0 0 8px var(--team-enemy)}.bar{background:#0000008c;border:1px solid #ffffff2e;border-radius:4px;width:100%;height:8px;position:relative;overflow:hidden}.bar:after{content:"";pointer-events:none;--mark-dark:#0000008c;--mark-light:#ffffff4d;background:linear-gradient(var(--mark-dark) 0 0) 25% 50% / 1px 60% no-repeat, linear-gradient(var(--mark-light) 0 0) calc(25% + 1px) 50% / 1px 60% no-repeat, linear-gradient(var(--mark-dark) 0 0) 50% 50% / 1px 100% no-repeat, linear-gradient(var(--mark-light) 0 0) calc(50% + 1px) 50% / 1px 100% no-repeat, linear-gradient(var(--mark-dark) 0 0) 75% 50% / 1px 60% no-repeat, linear-gradient(var(--mark-light) 0 0) calc(75% + 1px) 50% / 1px 60% no-repeat;position:absolute;inset:0}.bar .fill{transform-origin:0;width:100%;height:100%;transition:transform .12s linear}.perf-card{border:1px solid var(--line);font-variant-numeric:tabular-nums;color:var(--ink-2);background:oklch(19% .012 265/.72);border-radius:8px;justify-items:end;gap:2px;padding:5px 9px;font:600 11px/1.35 ui-monospace,SF Mono,Menlo,monospace;display:grid;position:absolute;top:14px;right:14px}.perf-row{align-items:baseline;gap:5px;display:flex}.perf-row i{letter-spacing:.04em;color:var(--ink-3);font-size:9.5px;font-style:normal}.perf-row i:not(:first-child){margin-left:6px}.perf-row b{text-align:right;min-width:3ch;color:var(--ink)}.perf-row .good{color:var(--ping-good)}.perf-row .fair{color:var(--ping-fair)}.perf-row .bad{color:var(--ping-bad)}.hud.has-perf .feed{top:62px}.feed{justify-items:end;gap:4px;display:grid;position:absolute;top:14px;right:14px}.feed-line{background:var(--bg-panel);border:1px solid var(--line);white-space:nowrap;animation:feed-in .2s var(--ease) both;border-radius:8px;padding:5px 10px;font-size:13px}.feed-line b{text-overflow:ellipsis;vertical-align:bottom;max-width:16ch;display:inline-block;overflow:hidden}@keyframes feed-in{0%{opacity:0;transform:translate(8px)}}.feed-line span{color:var(--ink-2);margin:0 4px}.feed-line .feed-notice{white-space:normal;max-width:36ch;margin:0;display:inline-block}.feed-line .you{color:var(--you-ink)}.feed-line .foe{color:var(--foe-ink)}.cd.beam .cd-fill{background:oklch(86% .15 100/.55)}.cd.charging .cd-fill{background:oklch(82% .16 80/.6)}.cd.full{box-shadow:0 0 0 2px var(--gold), 0 0 18px oklch(85% .17 80/.6)}.hud .crosshair,.hud .bottom{transition:opacity var(--t) var(--ease)}.hurt{opacity:0;background:radial-gradient(#0000 52%,#ff282899 100%);position:absolute;inset:0}.hit-dirs{width:0;height:0;position:absolute;top:50%;left:50%}.hit-dir{opacity:0;width:min(46vmin,420px);height:min(46vmin,420px);position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.hit-dir b{clip-path:polygon(50% 100%,0 0,100% 0);background:radial-gradient(at 50% 0,#ff4646f2,#ff464600 72%);width:34%;height:14%;position:absolute;top:0;left:50%;transform:translate(-50%)}.damage-numbers{position:absolute;inset:0;overflow:hidden}.dmg{text-shadow:0 2px 4px #000000e6;will-change:transform, opacity;font-size:22px;font-weight:900;position:absolute;top:0;left:0}.dmg.mine{color:var(--gold)}.dmg.theirs{color:#ff6b6b}.dmg.heal{color:#5ef28a}.speed-lines{z-index:calc(var(--z-hud) - 1);pointer-events:none;color:#fff;visibility:hidden;opacity:0;will-change:transform, opacity;position:fixed;inset:-12%;-webkit-mask-image:radial-gradient(closest-side,#0000 42%,#000 88%);mask-image:radial-gradient(closest-side,#0000 42%,#000 88%)}.speed-lines svg{width:100%;height:100%;display:block}.mate{border-top:1px solid var(--line);color:var(--ally-ink);grid-column:1/-1;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px 8px;margin-top:4px;padding-top:8px;display:grid}.mate .bar{grid-column:1/-1;height:6px}.mate-name{text-overflow:ellipsis;white-space:nowrap;color:var(--ally-ink);font-size:13px;font-weight:700;overflow:hidden}.mate-state{letter-spacing:.04em;color:var(--ink-3);text-transform:uppercase;font-size:12px;font-weight:700}.mate.is-out{opacity:.6}.mate-bar .fill{background:var(--team-ally)}.mate-bar .fill.dead{background:#555}.chevron{flex:none;width:14px;height:11px}.plates{position:absolute;inset:0;overflow:hidden}.plate{transform-origin:0 0;will-change:transform;transition:opacity .15s var(--ease);justify-items:center;gap:2px;display:grid;position:absolute;top:0;left:0}.plate.is-blocked{opacity:0}.plate-name{text-overflow:ellipsis;white-space:nowrap;background:var(--bg-panel);max-width:16ch;color:var(--ally-ink);border:1px solid oklch(62% .17 295/.6);border-radius:6px;padding:2px 8px;font-size:12px;font-weight:700;display:none;overflow:hidden}.plate.has-name .plate-name{display:block}.plate .chevron{color:var(--ally-ink);filter:drop-shadow(0 1px 1px #000c);display:none}.plate.is-ally .chevron{display:block}.plate-row{filter:drop-shadow(0 1px 2px #000000b3);align-items:center;gap:4px;display:flex}.plate-bar{background:#000000b8;border-color:#ffffff4d;width:72px;height:7px}.plate.is-foe .plate-bar .fill{background:var(--team-enemy)}.plate.is-ally .plate-bar .fill{background:var(--team-ally)}.feed-line .ally{color:var(--ally-ink)}.hud .searching{border:1px solid var(--line);background:var(--bg-panel);min-height:32px;color:var(--ink);pointer-events:auto;border-radius:999px;align-items:center;gap:8px;padding:0 6px 0 12px;font-size:13px;font-weight:700;display:inline-flex;position:absolute;top:14px;left:14px}.hud .searching[hidden]{display:none}.hud .searching .queue-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite prompt-pulse}.hud .searching .btn-link{min-height:0;padding:4px 6px;font-size:12px}@media (prefers-reduced-motion:reduce){.hud .searching .queue-dot{animation:none}}.countdown,.banner,.respawn,.arena-empty{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.countdown{text-shadow:0 1px 2px oklch(0% 0 0/.5),0 4px 24px oklch(0% 0 0/.55);justify-items:center;gap:2px;display:grid}.countdown:before{content:"";z-index:-1;background:radial-gradient(closest-side,oklch(12% .01 265/.55),oklch(12% .01 265/0));border-radius:50%;position:absolute;inset:-40px -70px}.countdown-label{letter-spacing:.04em;color:var(--ink);font-size:16px;font-weight:700}.countdown-digit{font-variant-numeric:tabular-nums;font-size:96px;font-weight:800;line-height:1;display:block}.countdown-digit.tick,.respawn-digit.tick{animation:digit-in .42s var(--ease) both}@keyframes digit-in{0%{opacity:0;transform:scale(1.35)}to{opacity:1;transform:scale(1)}}.banner{background:var(--bg-panel);border:1px solid var(--line);letter-spacing:-.01em;white-space:nowrap;animation:stage-in .26s var(--ease) both;border-radius:12px;padding:10px 28px;font-size:40px;font-weight:800}.banner.won{color:var(--ok)}.banner.victory{color:var(--gold);font-size:56px}.banner.lost{color:var(--foe-ink)}.banner.draw{color:var(--ink-2)}.banner.is-leaving{animation:.2s ease-in both stage-out}@keyframes stage-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.92)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes stage-out{to{opacity:0;transform:translate(-50%,-50%)scale(.98)}}.arena-empty{border-radius:var(--r-panel);background:var(--bg-panel);border:1px solid var(--line);max-width:min(420px,100vw - 32px);color:var(--ink-2);text-align:center;text-wrap:balance;animation:stage-in .26s var(--ease) both;margin:0;padding:12px 22px;font-size:16px;font-weight:700}.respawn{border-radius:var(--r-panel);background:var(--bg-panel);border:1px solid var(--line);text-align:center;min-width:260px;max-width:min(420px,100vw - 32px);animation:stage-in .26s var(--ease) both;justify-items:center;gap:10px;padding:18px 28px 16px;display:grid}.respawn p{margin:0}.respawn-title{text-wrap:balance;font-size:20px;font-weight:800;line-height:1.25}.respawn-title .who{color:var(--foe-ink);white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.respawn .respawn-sub{color:var(--ink-2);margin-top:-6px;font-size:14px}.respawn-timer{place-items:center;width:64px;height:64px;margin-top:2px;display:grid;position:relative}.respawn-timer svg{position:absolute;inset:0;transform:rotate(-90deg)}.respawn-track,.respawn-arc{fill:none;stroke-width:4px}.respawn-track{stroke:var(--bg-panel-3)}.respawn-arc{stroke:var(--ink);stroke-linecap:round}.respawn-digit{font-variant-numeric:tabular-nums;font-size:28px;font-weight:800;line-height:1;display:block}.respawn .respawn-label{letter-spacing:.04em;color:var(--ink-2);margin-top:-4px;font-size:13px;font-weight:700}.respawn-hint{color:var(--ink-3);align-items:center;gap:6px;font-size:13px;display:flex}.respawn-hint kbd{border:1px solid var(--line);background:var(--bg-panel-2);color:var(--ink);border-radius:5px;padding:2px 6px;font-family:inherit;font-size:12px;font-weight:700;line-height:1.2}.veil{opacity:0;transition:opacity .32s var(--ease);background:radial-gradient(at 50% 40%,oklch(12% .01 265/.2) 30%,oklch(10% .01 265/.72) 100%);position:absolute;inset:0}.hud.is-dead .veil{opacity:1}.hud.is-dead .crosshair,.hud.is-held .crosshair{opacity:0}.hud.is-held .veil,.hud.is-held .bottom{opacity:.6}.hud.is-held .overlay.is-prompt .overlay-prompt{display:none}.hud.is-dead .bottom{opacity:.4}.hud .bottom{grid-template-columns:1fr auto 1fr;align-items:end;gap:20px;padding:0 32px;display:grid;position:absolute;bottom:28px;left:0;right:0}.own{background:var(--bg-panel);border:1px solid var(--line);border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:8px 14px;width:min(320px,34vw);padding:14px 16px;display:grid}.own-hp{text-align:right;min-width:48px;font-size:26px;font-weight:800;line-height:1}.own-bar{height:12px}.own-bar .fill{background:var(--team-local)}.own-bar .fill.low{background:var(--danger)}.own-label{letter-spacing:.06em;color:var(--ink-3);grid-column:2;margin-top:-4px;font-size:11px;font-weight:700}.loadout-bar{background:var(--bg-panel);border:1px solid var(--line);border-radius:14px;align-items:end;gap:10px;padding:10px;display:flex}.cd{--cd:0;--el:#fff;isolation:isolate;background:var(--bg-panel-2);width:58px;height:72px;transition:border-color var(--t) var(--ease), box-shadow var(--t) var(--ease);border:2px solid #ffffff1f;border-radius:10px;place-items:center;padding:18px 0 10px;display:grid;position:relative;overflow:hidden}.cd.ready{border-color:var(--el)}.cd.empty .icon{opacity:.3}.cd-fill{transform:scaleY(var(--cd));transform-origin:bottom;z-index:2;background:#0000009e;transition:transform 60ms linear;position:absolute;inset:0}.cd .icon{width:28px;height:28px;color:var(--el)}.cd-icon{place-items:center;display:grid}.cd-icon.is-ability{border:2px solid var(--el);border-radius:50%;width:36px;height:36px}.cd-icon.is-ability .icon{width:22px;height:22px}.cd-key{color:var(--ink);z-index:3;text-shadow:0 1px 2px #000;font-size:12px;font-weight:800;position:absolute;top:3px;left:5px}.ammo{z-index:3;gap:3px;display:flex;position:absolute;bottom:5px}.ammo i{background:#fff3;border-radius:1px;width:7px;height:4px}.ammo i.on{background:var(--el)}.cd-num{z-index:3;color:var(--ink);text-shadow:0 1px 2px #000,0 0 6px #000c;pointer-events:none;place-items:center;padding-top:6px;font-size:19px;font-weight:800;line-height:1;display:grid;position:absolute;inset:0}.cd-num:empty{display:none}.has-num .cd-icon,.has-num>.icon{opacity:.35}.cd-passive{background:var(--el);width:7px;height:7px;box-shadow:0 0 6px var(--el);z-index:3;opacity:0;transition:opacity var(--t) var(--ease);border-radius:1px;position:absolute;top:6px;right:6px;transform:rotate(45deg)}.cd.passive-on .cd-passive{opacity:1}.cd-sep{background:var(--line);width:1px;height:36px;margin:0 2px 18px}.cd.fuse{--el-a:#fff;--el-b:#fff;width:64px}.cd.fuse:before{content:"";z-index:4;background:linear-gradient(135deg, var(--el-a), var(--el-b));opacity:0;transition:opacity var(--t) var(--ease);pointer-events:none;border-radius:8px;padding:2px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.cd.fuse.ready{border-color:#0000}.cd.fuse.ready:before{opacity:1}.fuse-ring{border:2px solid;border-color:var(--el-a) var(--el-b) var(--el-b) var(--el-a);border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:relative}.fuse-ring:has(.fuse-glyphs):after{content:"";background:oklch(97% .005 265/.7);border-radius:1px;width:1.5px;margin-left:-.75px;position:absolute;top:0;bottom:0;left:50%;rotate:45deg}.fuse-glyphs{width:28px;height:28px;position:relative}.fuse-glyph{place-items:center;display:grid;position:absolute;inset:0}.fuse-glyph .icon{width:26px;height:26px;color:inherit}.fuse-glyph.a{color:var(--el-a);clip-path:polygon(0 0,100% 0,0 100%)}.fuse-glyph.b{color:var(--el-b);clip-path:polygon(100% 0,100% 100%,0 100%)}.cd.fuse .cd-key{letter-spacing:-.02em;font-size:10px}.has-num .fuse-ring{opacity:.35}.cd.fuse.pulse{animation:fuse-ready .6s var(--ease)}@keyframes fuse-ready{40%{transform:scale(1.1)}}@media (prefers-reduced-motion:reduce){.cd.fuse.pulse{animation:none}}.dash{--cd:0;isolation:isolate;background:var(--bg-panel-2);width:58px;height:72px;transition:border-color var(--t) var(--ease);border:2px solid #ffffff1f;border-radius:10px;place-items:center;padding:18px 0 10px;display:grid;position:relative;overflow:hidden}.dash.ready{border-color:#fff9}.dash-ring{transform:scaleY(var(--cd));transform-origin:bottom;background:#0000009e;transition:transform 60ms linear;position:absolute;inset:0}.dash .dash-key{color:var(--ink);z-index:3;text-shadow:0 1px 2px #000;font-size:12px;font-weight:800;position:absolute;top:3px;left:5px}.dash .icon{z-index:1;width:22px;height:22px}.dash .dash-pips{--el:var(--ink)}.dash.empty .icon{opacity:.45}.dash.is-stalled{border-color:var(--danger);animation:1.1s step-end infinite dash-glitch}.dash.is-stalled .dash-ring{background:color-mix(in oklab, var(--danger) 30%, #0000009e)}.dash.is-stalled .icon{color:var(--foe-ink);animation:.7s step-end infinite dash-split}.dash.is-stalled:after{content:"";z-index:2;pointer-events:none;background:repeating-linear-gradient(to bottom, color-mix(in oklab, var(--danger) 30%, transparent) 0 1px, transparent 1px 4px);animation:.5s steps(5,end) infinite dash-scan;position:absolute;inset:0}@keyframes dash-glitch{0%,17%,25%,57%,63%,to{clip-path:inset(0);transform:none}19%{clip-path:inset(12% 0 52%);transform:translate(-3px)}22%{clip-path:inset(46% 0 14%);transform:translate(2px)skew(-8deg)}60%{clip-path:inset(0 0 64%);transform:translate(2px,-1px)}}@keyframes dash-split{0%,33%,73%,to{filter:none;transform:none}30%{filter:drop-shadow(2px 0 0 var(--danger)) drop-shadow(-2px 0 0 var(--accent));transform:translate(1px)}70%{filter:drop-shadow(-3px 0 0 var(--danger));transform:translate(-2px)}}@keyframes dash-scan{to{background-position:0 20px}}.dash-note{border:1px solid var(--danger);background:var(--bg-panel-2);color:var(--foe-ink);letter-spacing:.04em;white-space:nowrap;pointer-events:none;visibility:hidden;opacity:0;transition:opacity .16s var(--ease), transform .16s var(--ease), visibility 0s linear .16s;border-radius:6px;margin:0;padding:4px 8px;font-size:12px;font-weight:700;position:absolute;bottom:calc(100% + 8px);left:0;transform:translateY(4px)}.dash-note.is-on{visibility:visible;opacity:1;transition-delay:0s;transform:none}.dash-note.is-landing{border-color:var(--line);color:var(--ink-2)}.hud .bottom .right{justify-self:start;justify-items:start;gap:6px;display:grid;position:relative}.respawn.is-down .respawn-timer,.respawn.is-down .respawn-label{display:none}.spectate{border-radius:var(--r-panel);background:var(--bg-panel);border:1px solid var(--line);text-align:center;max-width:calc(100vw - 32px);animation:spectate-in .26s var(--ease) both;justify-items:center;gap:6px;padding:10px 18px;display:grid;position:absolute;bottom:132px;left:50%;translate:-50%}.spectate p{margin:0}.spectate-who{min-width:0;color:var(--ink-2);align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.spectate-who .chevron{color:var(--ally-ink)}.spectate-name{text-overflow:ellipsis;white-space:nowrap;color:var(--ally-ink);font-size:16px;font-weight:800;overflow:hidden}.hud.is-watching .spectate-who .chevron,.hud.is-watching .spectate-name{color:var(--you-ink)}.spectate-crest:empty{display:none}.spectate-crest{display:inline-flex}.spectate-keys{color:var(--ink-3);flex-wrap:wrap;justify-content:center;gap:4px 14px;font-size:13px;display:flex}.spectate-keys span{align-items:center;gap:6px;display:inline-flex}.spectate-keys kbd{border:1px solid var(--line);background:var(--bg-panel-2);color:var(--ink);border-radius:5px;padding:2px 6px;font-family:inherit;font-size:12px;font-weight:700}.hud.is-watching .loadout-bar,.hud.is-watching .right{visibility:hidden}.hud.is-spectating .veil{opacity:.35}@keyframes spectate-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.respawn.hold-card{border:1px solid var(--line-brass);border-radius:var(--r-panel);box-shadow:var(--panel-bevel)}.hold-card .respawn-title{font-family:var(--font-display);font-size:var(--fs-heading,20px);letter-spacing:var(--tracking-display);text-transform:uppercase;font-weight:700}.hold-card .respawn-digit{font-family:var(--font-display);color:var(--brass-lit);font-weight:700}.hold-card .respawn-arc{stroke:var(--brass);stroke-linecap:butt}.hold-card .respawn-label{letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--brass);font-weight:700}.scoreboard{border-radius:var(--r-panel);background:var(--bg-panel);border:1px solid var(--line);width:min(640px,100vw - 32px);color:var(--ink);opacity:0;visibility:hidden;padding:18px 20px 14px;transition:opacity 80ms ease-in,translate 80ms ease-in,visibility 0s linear 80ms;position:absolute;top:18%;left:50%;translate:-50% 4px}.scoreboard.is-list{width:min(720px,100vw - 32px)}.scoreboard.is-open{opacity:1;visibility:visible;transition:opacity .12s cubic-bezier(.25,1,.5,1),translate .12s cubic-bezier(.25,1,.5,1),visibility;translate:-50%}@media (prefers-reduced-motion:reduce){.scoreboard,.scoreboard.is-open{transition:none}}.sb-score{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:18px;padding-bottom:14px;display:grid}.sb-side{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:700;overflow:hidden}.sb-side.you{text-align:right;color:var(--you-ink)}.sb-side.foe{color:var(--foe-ink)}.sb-nums{font-variant-numeric:tabular-nums;align-items:baseline;gap:12px;font-size:40px;font-weight:800;line-height:1;display:flex}.sb-nums .you{color:var(--you-ink)}.sb-nums .foe{color:var(--foe-ink)}.sb-dash{color:var(--ink-3);font-size:28px}.sb-line{color:var(--ink-3);text-align:center;grid-column:1/-1;margin:8px 0 0;font-size:13px}.sb-title{padding-bottom:12px}.sb-title h2{margin:0;font-size:20px;font-weight:800}.sb-title .sb-line{text-align:left;margin-top:4px}.sb-table{border-collapse:collapse;table-layout:fixed;width:100%}.sb-table th,.sb-table td{font-weight:inherit;text-align:left;padding:0 8px}.sb-table .num{text-align:right;font-variant-numeric:tabular-nums;width:52px}.sb-table thead .num:nth-child(4),.sb-table tbody td:nth-child(4){width:84px}.sb-table thead th{letter-spacing:.04em;height:26px;color:var(--ink-3);font-size:12px;font-weight:700}.sb-table abbr[title]{cursor:default;text-decoration:none}.sb-row th,.sb-row td{border-top:1px solid var(--line);height:36px;font-size:14px;font-weight:700}.sb-cell{align-items:center;gap:8px;min-width:0;display:flex}.sb-cell .crest{flex:none}.sb-id{gap:3px;min-width:0;padding:4px 0;display:grid}.sb-id .name-plaque{line-height:0}.sb-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;overflow:hidden}.sb-name.you{color:var(--you-ink)}.sb-name.ally{color:var(--ally-ink)}.sb-name.foe{color:var(--foe-ink)}.sb-pill{flex:none;padding:2px 7px}.sb-row.is-mine>*{background:color-mix(in oklab, var(--accent) 12%, transparent)}.sb-row.is-mine>th,.sb-row.is-followed>th{box-shadow:inset 3px 0 0 var(--accent)}.sb-row.is-down .sb-name,.sb-row.is-left .sb-name{color:var(--ink-3)}.sb-row.is-out{opacity:.55}.sb-ping.is-bot,.sb-ping.is-none{color:var(--ink-3);font-size:12px}.sb-group-head th,.sb-group-head td{height:32px;padding-top:10px;font-size:13px;font-weight:800}.sb-group-head.you>*{color:var(--you-ink)}.sb-group-head.foe>*{color:var(--foe-ink)}.sb-group-head th bdi{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sb-cast .sb-watch-head{margin:0}.sb-cast,.sb-watch{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.sb-watch-head{color:var(--ink-2);align-items:center;gap:6px;margin:0 0 8px;font-size:13px;font-weight:700;display:flex}.sb-watch-head .ui-icon{width:16px;height:16px}.sb-watchers{flex-wrap:wrap;gap:6px 16px;margin:0;padding:0;list-style:none;display:flex}.sb-watchers li{min-width:0;max-width:100%;color:var(--ink-2);align-items:center;gap:6px;font-size:13px;display:flex}.sb-watchers li>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hud.is-casting .crosshair,.hud.is-casting .top,.hud.is-casting .bottom,.hud.is-casting .spectate{display:none}.caster{font-variant-numeric:tabular-nums;position:absolute;inset:0}.cast-top{border-radius:var(--r-deco);background:var(--bg-panel);border:1px solid var(--line-brass);width:min(720px,100vw - 32px);box-shadow:var(--panel-bevel), var(--shadow-hard);font-family:var(--font-display);grid-template-columns:minmax(0,1fr) auto auto auto minmax(0,1fr);align-items:center;display:grid;position:absolute;top:14px;left:50%;translate:-50%}.cast-team{white-space:nowrap;text-overflow:ellipsis;font-size:var(--fs-heading);letter-spacing:var(--tracking-display);text-transform:uppercase;padding:0 14px;font-weight:700;overflow:hidden}.cast-team.is-a{text-align:right;color:var(--you-ink)}.cast-team.is-b{color:var(--foe-ink)}.cast-score{min-width:56px;font-size:var(--fs-display-3);font-weight:700;line-height:var(--lh-display);text-align:center;padding:4px 10px 2px}.cast-score.is-a{background:var(--team-local);color:var(--accent-ink)}.cast-score.is-b{background:var(--team-enemy);color:#2a0808}.cast-round{justify-items:center;min-width:112px;padding:4px 14px;display:grid}.cast-round-label{font-size:var(--fs-small);letter-spacing:var(--tracking-label);color:var(--brass-lit);font-weight:700}.cast-clock{font-size:var(--fs-heading);color:var(--ink);transition:color var(--t) var(--ease);font-weight:700;line-height:1.2}.cast-clock.is-stopped{color:var(--ink-3)}.cast-side{gap:8px;width:248px;margin:0;padding:0;list-style:none;display:grid;position:absolute;top:96px}.cast-side.is-a{left:14px}.cast-side.is-b{right:14px}.cast-player{border-radius:var(--r-deco);background:var(--bg-panel);border:1px solid var(--line);box-shadow:var(--panel-bevel);transition:opacity var(--t) var(--ease);gap:6px;padding:8px 10px;display:grid}.cast-player.is-a{border-left:3px solid var(--team-local)}.cast-player.is-b{border-right:3px solid var(--team-enemy)}.cast-player.is-followed{border-top-color:var(--brass-lit);border-bottom-color:var(--brass-lit)}.cast-player.is-down{opacity:.55}.cast-player.is-left{opacity:.4}.cast-who{align-items:center;gap:6px;min-width:0;display:flex}.cast-names{flex:1;gap:2px;min-width:0;display:grid}.cast-plaque{min-width:0;display:flex}.cast-plaque .plaque-chip{margin-left:0}.cast-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:var(--fs-body);flex:1;font-weight:700;overflow:hidden}.cast-player.is-a .cast-name{color:var(--you-ink)}.cast-player.is-b .cast-name{color:var(--foe-ink)}.cast-pill{flex:none}.cast-health{grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;display:grid}.cast-hp{font-size:var(--fs-body);text-align:right;font-weight:700}.cast-kit{align-items:center;gap:6px;display:flex}.cast-hand,.cast-fusion{border-radius:var(--r-key);background:var(--bg-well);border:1px solid var(--line);place-items:center;width:30px;height:30px;display:grid;position:relative}.cast-glyph{width:20px;height:20px;color:var(--el);place-items:center;display:grid}.cast-glyph svg{width:100%;height:100%}.cast-hand.is-waiting .cast-glyph{opacity:.35}.cast-wait{font-size:var(--fs-caption);color:var(--ink);place-items:center;font-weight:700;display:grid;position:absolute;inset:0}.cast-wait:empty{display:none}.cast-fusion{margin-left:4px}.cast-fusion-ring{border:2px solid var(--brass-deep);width:16px;height:16px;rotate:45deg}.cast-fusion.is-ready .cast-fusion-ring{border-color:var(--brass-lit);background:var(--brass)}.cast-fusion.is-waiting .cast-fusion-ring{opacity:.4}.cast-list{border-radius:var(--r-deco);background:var(--bg-panel);border:1px solid var(--line-brass);width:232px;box-shadow:var(--panel-bevel);margin:0;padding:6px 0;list-style:none;display:grid;position:absolute;top:14px;left:14px}.cast-row{font-size:var(--fs-small);grid-template-columns:18px auto minmax(0,1fr) 26px 26px;align-items:center;gap:6px;padding:3px 10px;display:grid}.cast-row .crest{display:inline-flex}.cast-row .cast-name{font-size:var(--fs-small)}.cast-row .num{text-align:right}.cast-rank{color:var(--ink-3)}.cast-row-head{font-size:var(--fs-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--brass-lit);font-weight:700}.cast-row-head span:nth-child(n+4){text-align:right}.cast-row.is-out{opacity:.5}.cast-row.is-followed{background:var(--line-brass-faint)}.cast-tag{border-radius:var(--r-key);background:var(--bg-panel);border:1px solid var(--line-brass);font-size:var(--fs-small);align-items:center;gap:8px;margin:0;padding:4px 10px;display:inline-flex;position:absolute;bottom:14px;left:14px}.cast-tag-label{font-family:var(--font-display);letter-spacing:var(--tracking-label);color:var(--brass-lit);font-weight:700}.cast-tag-mode{color:var(--ink-2)}.cast-tag-mode:empty{display:none}.plate.is-a .plate-name,.plate.is-b .plate-name,.plate.is-cast .plate-name{border-color:var(--line)}.plate.is-a .plate-name{color:var(--you-ink)}.plate.is-b .plate-name{color:var(--foe-ink)}.plate.is-cast .plate-name{color:var(--ink)}.plate.is-a .plate-bar .fill{background:var(--team-local)}.plate.is-b .plate-bar .fill{background:var(--team-enemy)}.plate.is-cast .plate-bar .fill{background:var(--brass)}.feed-line .cast-n{color:var(--ink)}.hud.is-casting .feed{align-content:end;top:auto;bottom:14px}.hud.is-cast-hidden>:not(.caster):not(.overlay):not(.scoreboard),.hud.is-cast-hidden .caster>:not(.cast-tag),.hud.is-cast-clean .cast-tag{visibility:hidden}@media (width<=880px){.cast-side{width:200px}.cast-team{font-size:var(--fs-body)}.cast-score{min-width:44px;font-size:var(--fs-title)}}.overlay{pointer-events:auto;background:#08080e73;place-items:center;display:grid;position:absolute;inset:0}.overlay-card{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--r-panel);gap:18px;width:min(400px,100vw - 32px);padding:28px;display:grid;box-shadow:inset 0 1px oklch(100% 0 0/.05)}.overlay-title{letter-spacing:-.01em;margin:0;font-size:22px;font-weight:800}.overlay-sub{color:var(--ink-2);margin:-8px 0 0;font-size:14px}.overlay.is-prompt{background:0 0}.overlay.is-prompt .overlay-card,.overlay-prompt{display:none}.overlay.is-prompt .overlay-prompt{border:1px solid var(--line);background:var(--bg-panel);min-height:40px;color:var(--ink);letter-spacing:.01em;cursor:pointer;animation:stage-in .26s var(--ease) both;border-radius:999px;align-items:center;gap:10px;padding:0 18px 0 14px;font-size:15px;font-weight:700;display:inline-flex;position:absolute;top:calc(30% + 92px);left:50%;transform:translate(-50%);box-shadow:inset 0 1px oklch(100% 0 0/.05)}.overlay-prompt:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.prompt-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite prompt-pulse}@keyframes prompt-pulse{0%,to{opacity:.45;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.prompt-dot{animation:none}}.overlay .keys{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 20px;padding-top:14px;display:grid}.key-row{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.key-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.key-keys{gap:4px;display:flex}.loading-screen{--loading-frame:var(--line-brass-soft);border-top:1px solid var(--loading-frame);border-bottom:1px solid var(--loading-frame);gap:28px;width:min(1040px,100%);padding:28px 0 18px;display:grid}.loading-kicker{text-align:center}.loading-players{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:24px;display:grid}.loading-players[hidden]{display:none}.loading-side{gap:12px;display:grid}.loading-head{gap:14px;display:grid}.loading-titlerow{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;display:flex}.loading-title{font-family:var(--font-display);font-size:var(--fs-title);letter-spacing:var(--tracking-display,.12em);text-transform:uppercase;margin:0;font-weight:700;line-height:1.1}.loading-meta{color:var(--ink-3);font-size:13px}.loading-steps{flex-wrap:wrap;gap:8px 28px;display:flex}.loading-tip{border-radius:var(--r-panel);border:1px solid var(--line-brass-faint);background:var(--bg-panel);box-shadow:var(--panel-bevel);grid-template-columns:200px minmax(0,1fr) auto;align-items:center;gap:24px;padding:20px 24px;display:grid}.loading-tip[hidden]{display:none}.loading-tip-art{border-radius:var(--r-control);background:var(--bg-well);height:110px;position:relative;overflow:hidden}.tip-wall{background:repeating-linear-gradient(0deg, var(--bg-panel-2) 0 23px, var(--line) 23px 24px);border-right:2px solid var(--ready-line);width:46px;position:absolute;inset:0 auto 0 0}.tip-path{background:var(--ready);transform-origin:0;width:110px;height:2px;position:absolute;top:66px;left:70px;transform:rotate(-28deg)}.tip-body{background:var(--accent);border-radius:3px;width:16px;height:36px;position:absolute;top:40px;left:54px}.tip-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--ready);font-size:10px;font-weight:700;position:absolute;bottom:8px;right:10px}.loading-tip-copy{gap:6px;min-width:0;display:grid}.loading-tip-title{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;font-size:24px;font-weight:700;line-height:1.05}.loading-tip-body{color:var(--ink-2);font-size:14px;line-height:1.45}.loading-tip-keys{justify-items:end;gap:8px;display:grid}.loading-combo{color:var(--ink-2);align-items:center;gap:6px;font-size:13px;display:inline-flex}.loading-plus{color:var(--ink-3)}.loading-footer{color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;font-size:12px;display:flex}.loading-code{font-family:var(--font-display);letter-spacing:.22em;color:var(--brass-lit);font-size:16px}@media (width<=880px){.loading-players{grid-template-columns:1fr}.loading-tip{grid-template-columns:minmax(0,1fr)}.loading-tip-art{display:none}.loading-tip-keys{justify-items:start}}:root[data-look=dithered] .loading-tip{background-image:var(--dither);background-size:2px 2px}.dev-panel{z-index:var(--z-dev);border:1px solid var(--line);pointer-events:auto;color:#d6f5d6;background:#0a0a10db;border-radius:10px;width:min(380px,100vw - 24px);max-height:max(160px,100dvh - 164px);padding:10px 12px;font:12px/1.45 ui-monospace,SF Mono,Menlo,monospace;position:fixed;top:12px;left:12px;overflow-y:auto}.dev-text{white-space:pre-wrap;font:inherit;margin:0 0 8px}.dev-controls{border-top:1px solid var(--line);gap:4px;padding-top:8px;display:grid}.dev-controls .slider{grid-template-columns:76px 1fr 36px 18px;align-items:center;gap:6px;display:grid}.dev-controls output{text-align:right}.dev-controls .hint{color:#d6f5d699;margin:2px 0 0}.dev-look{border-top:1px solid #ffffff26;gap:6px;padding-top:6px;display:grid}.dev-look select{min-width:0;color:inherit;background:#00000080;border:1px solid #fff3;border-radius:4px;flex:1;padding:2px 4px;font-size:12px}.dev-dither{gap:6px;display:grid}.dev-try{border-top:1px solid #ffffff26;gap:6px;padding-top:6px;display:grid}.dev-try-title{margin:0;font-weight:700}.dev-try-drop{text-align:center;cursor:pointer;border:1px dashed #ffffff4d;border-radius:6px;padding:10px}.dev-try-drop.is-over{background:#d6f5d614;border-color:#d6f5d6}.dev-try-report{white-space:pre-wrap;font:inherit;margin:0}.dev-try-report.is-fail{color:#ffb3a8}.dev-fx{border-top:1px solid #ffffff26;gap:6px;padding-top:6px;display:grid}.dev-fx-title{margin:0;font-weight:700}.dev-fx-text{white-space:pre-wrap;font:inherit;margin:0}.dev-fx-layers{flex-wrap:wrap;gap:2px 12px;display:flex}.dev-build{color:var(--ink-3);letter-spacing:.02em;margin:0 0 6px;font-size:11px}.build-tag{z-index:var(--z-dev);letter-spacing:.04em;color:var(--ink-3);opacity:.7;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:11px;font-weight:600;position:fixed;bottom:6px;right:8px}:root[data-look=dithered]{--bg-panel:#283352ed;--bg-panel-2:#34426a;--bg-panel-3:#44547f;--line:#a9b7d26b;--ink:#f4f7fc;--ink-2:#c9d3e7;--ink-3:#a9b7d2;--r-panel:6px;--r-deco:4px;--r-control:4px;--r-key:3px;--bg-ground:#111a30;--bg-well:#1c2540;--panel-bevel:inset 0 1px 0 #f4f7fc29, inset 0 -1px 0 #0006;--dither:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='2' shape-rendering='crispEdges'%3E%3Crect width='1' height='1' fill='%23000' fill-opacity='.16'/%3E%3Crect x='1' y='1' width='1' height='1' fill='%23000' fill-opacity='.16'/%3E%3C/svg%3E");--bevel:var(--panel-bevel)}:root[data-look=dithered] :is(.panel,dialog.sheet,.overlay-card,.banner,.respawn,.own,.loadout-bar,.board,.feed-line,.touch-note,.dev-panel){background-color:var(--bg-panel);background-image:var(--dither);image-rendering:pixelated;border-radius:var(--r-panel);box-shadow:var(--bevel);background-size:2px 2px}:root[data-look=dithered] :is(.btn,.input,.input-group,.chip,.segmented,.tile,.slot,.hand-card,.cd,.dash,.key-btn){border-radius:var(--r-control)}:root[data-look=dithered] :is(.btn:not(.btn-primary,.btn-gold,.btn-ok,.btn-ghost,.btn-link),.input,.input-group,.chip,.tile,.hand-card,.cd,.dash){background-image:var(--dither);box-shadow:var(--bevel);background-size:2px 2px}:root[data-look=dithered] .input-group>:is(.input,.btn){box-shadow:none;border-radius:0}:root[data-look=dithered] .input-group>.input{background-image:none}:root[data-look=dithered] .input.select{background-image:var(--chevron), var(--dither);background-position:right 12px center,0 0;background-repeat:no-repeat,repeat;background-size:14px,2px 2px}:root[data-look=dithered] .switch{border-radius:var(--r-control)}:root[data-look=dithered] .switch span{border-radius:2px}:root[data-look=dithered] :is(.swatch,.look-card){border-radius:3px}:root[data-look=dithered] .bar{border-radius:2px}:root[data-look=dithered] .ui-layer:not(:empty):before{background-image:var(--dither), linear-gradient(90deg, #10152ac7 0%, #10152a8c 55%, #10152a59 100%);background-size:2px 2px,auto}@media (width<=880px){:root[data-look=dithered] .ui-layer:has(.landing):before{background-image:var(--dither), linear-gradient(#10152abd, #10152abd)}}