/*! MDC skin for the website. GENERATED by website/tools/build_mdc_skin.py: do not edit.
 *  Source: mdc-materials.css 2.1.0 (Fruma Techburger, QA-passed round 2), sha256 6b6e1397de43ce38b0e35b0234b2f4d21c69737626497a7ee79b7858d0534548.
 *  Changes from the library: (1) its embedded SVG images are files under /static/img/mdc/ (the page policy allows images from this
 *  server only); (2) each library class named in ALIASES also matches the site's own class names, at the library's own specificity.
 *  Nothing else of the library is altered. House faces follow (font-display: swap; the site's earlier families stay in every stack).
 */
@property --_sw { syntax: "<percentage>"; inherits: false; initial-value: 130%; }
:root {
  --mdc-silver-50: #F6F8F9;
  --mdc-silver-100: #E9EDF0;
  --mdc-silver-200: #D5DBDF;
  --mdc-silver-300: #BCC4CA;
  --mdc-silver-400: #9AA4AC;
  --mdc-silver-500: #78838C;
  --mdc-silver-600: #59636B;
  --mdc-silver-700: #3F484F;
  --mdc-ink-500: #343D43;
  --mdc-ink-600: #272F34;
  --mdc-ink-700: #1B2125;
  --mdc-ink-800: #121619;
  --mdc-ink-850: #0C0F11;
  --mdc-ink-900: #07090A;
  --mdc-ink-950: #030405;
  --mdc-cyan-100: #D6FBFF;
  --mdc-cyan-200: #B3F7FF;
  --mdc-cyan-300: #66F0FF;
  --mdc-cyan-400: #33E9FF;
  --mdc-cyan-500: #00E5FF;
  --mdc-cyan-600: #00B8CC;
  --mdc-cyan-700: #008A99;
  --mdc-cyan-800: #006470;
  --mdc-cyan-900: #003F47;
  --mdc-radius-none: 0;
  --mdc-radius-xs: 4px;
  --mdc-radius-sm: 8px;
  --mdc-radius-md: 10px;
  --mdc-radius-lg: 16px;
  --mdc-radius-xl: 24px;
  --mdc-radius-pill: 999px;
  --mdc-dur-instant: 60ms;
  --mdc-dur-quick: 120ms;
  --mdc-dur-standard: 200ms;
  --mdc-dur-gentle: 320ms;
  --mdc-dur-slow: 480ms;
  --mdc-dur-sweep: 560ms;
  --mdc-ease-press: cubic-bezier(.3,0,.2,1);
  --mdc-ease-settle: cubic-bezier(.2,.8,.2,1);
  --mdc-ease-glint: cubic-bezier(.45,.05,.25,1);
  --mdc-ease-release: cubic-bezier(.2,.9,.3,1.25);
  --mdc-face-silver: linear-gradient(180deg,#FBFCFD 0%,#E6EBEE 46%,#C9D0D5 50%,#DDE3E7 78%,#EEF2F4 100%);
  --mdc-face-silverHover: linear-gradient(180deg,#FFFFFF 0%,#EEF2F4 46%,#D3DADE 50%,#E6EBEE 78%,#F6F8F9 100%);
  --mdc-face-silverPressed: linear-gradient(180deg,#B5BDC3 0%,#CDD4D9 40%,#DAE0E4 100%);
  --mdc-face-cyan: linear-gradient(180deg,#9BF6FF 0%,#1FEAFF 40%,#00E5FF 46%,#00C4DB 50%,#00D8F0 76%,#5CEEFF 100%);
  --mdc-face-cyanHover: linear-gradient(180deg,#B8F9FF 0%,#4DEEFF 40%,#14ECFF 46%,#00CFE6 50%,#00E0F8 76%,#7AF1FF 100%);
  --mdc-face-cyanPressed: linear-gradient(180deg,#00A9BD 0%,#00C3D9 35%,#00DAF2 100%);
  --mdc-face-enamel: linear-gradient(180deg,#2E383E 0%,#182024 44%,#0A0D0F 50%,#12181B 82%,#1B2328 100%);
  --mdc-face-enamelHover: linear-gradient(180deg,#3A464D 0%,#212B30 44%,#0F1417 50%,#182025 82%,#222C32 100%);
  --mdc-face-enamelPressed: linear-gradient(180deg,#050708 0%,#0B0F11 40%,#161D21 100%);
  --mdc-face-etched: linear-gradient(180deg,rgba(7,9,10,.10) 0%,rgba(7,9,10,.03) 55%,rgba(255,255,255,.40) 100%);
  --mdc-face-etchedHover: linear-gradient(180deg,rgba(255,255,255,.65) 0%,rgba(255,255,255,.25) 55%,rgba(255,255,255,.55) 100%);
  --mdc-face-etchedPressed: linear-gradient(180deg,rgba(7,9,10,.22) 0%,rgba(7,9,10,.08) 60%,rgba(255,255,255,.22) 100%);
  --mdc-face-pewter: linear-gradient(180deg,#D6DBDF 0%,#CBD1D6 100%);
  --mdc-face-well: linear-gradient(180deg,#C4CBD0 0%,#D6DCE0 18%,#E4E9EC 100%);
  --mdc-face-wellDark: linear-gradient(180deg,#050708 0%,#0B0F11 20%,#13181B 100%);
  --mdc-gloss-specularHotspot: radial-gradient(120% 90% at 14% 0%,rgba(255,255,255,.85) 0%,rgba(255,255,255,.18) 38%,rgba(255,255,255,0) 62%);
  --mdc-gloss-horizonSheen: linear-gradient(180deg,rgba(255,255,255,.55) 0%,rgba(255,255,255,.12) 47%,rgba(255,255,255,0) 49.5%,rgba(7,9,10,.07) 50.5%,rgba(255,255,255,.14) 100%);
  --mdc-gloss-sweep: linear-gradient(115deg,rgba(255,255,255,0) 40%,rgba(255,255,255,.60) 50%,rgba(255,255,255,0) 60%);
  --mdc-gloss-enamelBloom: radial-gradient(90% 70% at 18% 0%,rgba(255,255,255,.26) 0%,rgba(255,255,255,.05) 45%,rgba(255,255,255,0) 70%);
  --mdc-gloss-cyanCaustic: radial-gradient(60% 55% at 78% 105%,rgba(255,255,255,.55) 0%,rgba(255,255,255,0) 70%);
  --mdc-spun: repeating-conic-gradient(from 20deg at 50% 50%,rgba(255,255,255,0) 0deg,rgba(255,255,255,.20) 2deg,rgba(7,9,10,.12) 4deg,rgba(255,255,255,0) 6deg);
  --mdc-spun-hi: conic-gradient(from 225deg at 50% 50%,rgba(255,255,255,0) 0deg,rgba(255,255,255,.65) 22deg,rgba(255,255,255,0) 70deg,rgba(255,255,255,0) 180deg,rgba(255,255,255,.40) 202deg,rgba(255,255,255,0) 250deg);
  --mdc-ring-chamfer-silver: linear-gradient(180deg,rgba(255,255,255,.38),rgba(255,255,255,0) 42%),linear-gradient(to bottom right,#FFFFFF 0 50%,#7C8790 50% 100%);
  --mdc-ring-chamfer-cyan: linear-gradient(180deg,rgba(255,255,255,.38),rgba(255,255,255,0) 42%),linear-gradient(to bottom right,#DDFCFF 0 50%,#007A8A 50% 100%);
  --mdc-ring-chamfer-enamel: linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0) 42%),linear-gradient(to bottom right,#87949C 0 50%,#000000 50% 100%);
  --mdc-ring-chamfer-pewter: linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,0) 42%),linear-gradient(to bottom right,#E4E9EC 0 50%,#A6B0B7 50% 100%);
  --mdc-ring-fillet-silver: linear-gradient(160deg,#FFFFFF 0%,#D5DBDF 38%,#8A949C 78%,#6A747C 100%);
  --mdc-ring-fillet-cyan: linear-gradient(160deg,#EAFDFF 0%,#66F0FF 38%,#00A3B5 78%,#007A8A 100%);
  --mdc-ring-fillet-enamel: linear-gradient(160deg,#9AA6AD 0%,#46535A 38%,#0C0F11 78%,#000000 100%);
  --mdc-ring-fillet-pewter: linear-gradient(160deg,#EEF1F3 0%,#CBD2D7 50%,#9AA4AC 100%);
  --mdc-ring-groove-silver: linear-gradient(to bottom right,#8A949C 0 50%,#FFFFFF 50% 100%);
  --mdc-ring-groove-enamel: linear-gradient(to bottom right,#000000 0 50%,#5B6870 50% 100%);
  --mdc-ogee-insets: inset 1px 1px 0 rgba(255,255,255,.9), inset -1px -1px 0 rgba(7,9,10,.35), inset 3px 3px 0 -1px rgba(7,9,10,.18), inset 4px 4px 0 -1px rgba(255,255,255,.6);
  --mdc-stepped-insets: inset 2px 2px 3px rgba(7,9,10,.35), inset -1px -1px 0 rgba(255,255,255,.55);
  --mdc-label-engraved: 0.5px 1px 0 rgba(255,255,255,.75), -0.5px -0.5px 0 rgba(7,9,10,.35);
  --mdc-label-embossed: 0 -1px 0 rgba(0,0,0,.85), 0 1px 0 rgba(255,255,255,.12);
  --mdc-label-cyan: 0 1px 0 rgba(255,255,255,.55), 0 -0.5px 0 rgba(0,60,70,.35);
  --mdc-cyan: var(--mdc-cyan-500);
  --mdc-tex-glass: var(--mdc-tex-veins);
  --mdc-tex-glass-size: var(--mdc-tex-veins-size);
  --mdc-ok1: #74e6a2;
  --mdc-ok2: #45cb7f;
  --mdc-ok3: #3bc176;
  --mdc-ok-ink: #031208;
  --mdc-warn1: #ffe08a;
  --mdc-warn2: #ffc233;
  --mdc-warn3: #e39a0b;
  --mdc-warn-ink: #1d1300;
  --mdc-bad1: #8f211b;
  --mdc-bad2: #761710;
  --mdc-bad3: #5a0e0a;
  --mdc-bad-ink: #ffffff;
  --mdc-font: "Inter", "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --mdc-font-display: var(--mdc-brand-font, var(--mdc-font));
  --mdc-ring: 0 0 0 2px var(--mdc-focus-gap), 0 0 0 4px var(--mdc-focus-inner), 0 0 0 6px var(--mdc-focus-outer), 0 0 14px 5px var(--mdc-focus-glow);
  --mdc-r-sm: .5rem;
  --mdc-r: .625rem;
  --mdc-r-lg: 1rem;
  --mdc-t: var(--mdc-dur-quick);
  --mdc-tex-brushed: url("/static/img/mdc/tex-brushed.svg");
  --mdc-tex-brushed-size: 256px;
  --mdc-tex-brushed-v: url("/static/img/mdc/tex-brushed-v.svg");
  --mdc-tex-brushed-v-size: 256px;
  --mdc-tex-satin: url("/static/img/mdc/tex-satin.svg");
  --mdc-tex-satin-size: 256px;
  --mdc-tex-grain: url("/static/img/mdc/tex-grain.svg");
  --mdc-tex-grain-size: 200px;
  --mdc-tex-micro: url("/static/img/mdc/tex-micro.svg");
  --mdc-tex-micro-size: 160px;
  --mdc-tex-enamel: url("/static/img/mdc/tex-enamel.svg");
  --mdc-tex-enamel-size: 256px;
  --mdc-tex-hammered: url("/static/img/mdc/tex-hammered.svg");
  --mdc-tex-hammered-size: 256px;
  --mdc-tex-veins: url("/static/img/mdc/tex-veins.svg");
  --mdc-tex-veins-size: 240px;
  --mdc-tex-frost: url("/static/img/mdc/tex-frost.svg");
  --mdc-tex-frost-size: 200px;
}
:root, [data-theme="light"] {
  --mdc-c-canvas: #E9EDF0;
  --mdc-c-surface: #F6F8F9;
  --mdc-c-surfaceSunk: #D5DBDF;
  --mdc-c-text: #07090A;
  --mdc-c-textMuted: #3F484F;
  --mdc-c-textSubtle: #59636B;
  --mdc-c-link: #006470;
  --mdc-c-accentText: #006470;
  --mdc-c-accentGlass: #00E5FF;
  --mdc-c-onAccent: #07090A;
  --mdc-c-onEnamel: #F6F8F9;
  --mdc-c-onSilver: #07090A;
  --mdc-c-onPewter: #59636B;
  --mdc-c-focusGap: #E9EDF0;
  --mdc-c-focusInner: #07090A;
  --mdc-c-focusOuter: #00E5FF;
  --mdc-c-focusGlow: rgba(0,229,255,.55);
  --mdc-elev-e0: 0 0 0 0 transparent;
  --mdc-elev-e1: 1px 1.2px 1.3px rgba(7,9,10,0.42), 2.5px 4.4px 6px -0.5px rgba(20,30,40,0.26), 5px 9.5px 14px -1.5px rgba(20,30,40,0.18);
  --mdc-elev-e2: 1.5px 2px 2px rgba(7,9,10,0.42), 4px 6.8px 9px -1px rgba(20,30,40,0.26), 8px 15px 20px -3px rgba(20,30,40,0.18);
  --mdc-elev-e3: 2px 2.8px 2.7px rgba(7,9,10,0.42), 5.5px 9.2px 12px -1.5px rgba(20,30,40,0.26), 11px 20.5px 26px -4.5px rgba(20,30,40,0.18);
  --mdc-elev-e4: 2.5px 3.6px 3.4px rgba(7,9,10,0.42), 7px 11.6px 15px -2px rgba(20,30,40,0.26), 14px 26px 32px -6px rgba(20,30,40,0.18);
  --mdc-elev-e5: 3px 4.4px 4.1px rgba(7,9,10,0.42), 8.5px 14px 18px -2.5px rgba(20,30,40,0.26), 17px 31.5px 38px -7.5px rgba(20,30,40,0.18);
  --mdc-canvas-gradient: linear-gradient(160deg,#F2F5F7 0%,#E6EAED 55%,#D9DFE3 100%);
  --mdc-tex-grain-op: 0.55;
  --mdc-tex-brushed-op: 0.75;
  --mdc-tex-enamel-op: 0.55;
  --mdc-tex-glass-op: 0.22;
  --mdc-tex-frost-op: 0.25;
  --mdc-face-well-theme: linear-gradient(180deg,#C4CBD0 0%,#D6DCE0 18%,#E4E9EC 100%);
  --mdc-ring-groove: linear-gradient(to bottom right,#8A949C 0 50%,#FFFFFF 50% 100%);
  --mdc-face-pewter-theme: linear-gradient(180deg,#D6DBDF 0%,#CBD1D6 100%);
  --mdc-ring-pewter-theme: linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,0) 42%),linear-gradient(to bottom right,#E4E9EC 0 50%,#A6B0B7 50% 100%);
  --mdc-surf-e0: #DDE3E7;
  --mdc-surf-e1: #EDF1F3;
  --mdc-surf-e2: #F6F8F9;
  --mdc-surf-e3: #FAFBFC;
  --mdc-surf-e4: #FFFFFF;
  --mdc-surf-e5: #FFFFFF;
  --mdc-bg: var(--mdc-c-canvas);
  --mdc-bg-2: var(--mdc-c-surfaceSunk);
  --mdc-ink: var(--mdc-c-text);
  --mdc-ink-2: var(--mdc-c-textMuted);
  --mdc-accent-ink: var(--mdc-c-accentText);
  --mdc-focus-gap: var(--mdc-c-focusGap);
  --mdc-focus-inner: var(--mdc-c-focusInner);
  --mdc-focus-outer: var(--mdc-c-focusOuter);
  --mdc-focus-glow: var(--mdc-c-focusGlow);
  --mdc-pewter-ink: var(--mdc-c-onPewter);
  --mdc-accent-on-well: #00404c;
  --mdc-ink-body: var(--mdc-c-textMuted);
  --mdc-surf-1: #f6f8f9;
  --mdc-surf-2: #e9edf0;
  --mdc-surf-3: #d5dbdf;
  --mdc-well-1: #c9d0d6;
  --mdc-well-2: #eef1f4;
  --mdc-field-ink: #07090a;
  --mdc-shadow: rgb(18 28 38 / .30);
  --mdc-shadow-deep: rgb(18 28 38 / .5);
  --mdc-hilite: rgb(255 255 255 / .95);
  --mdc-key-tl: rgb(30 42 54 / .16);
  --mdc-key-br: rgb(30 42 54 / .52);
  --mdc-edge-a: rgb(30 42 54 / .86);
  --mdc-edge-b: rgb(30 42 54 / .76);
  --mdc-pew-lit: #e4e9ec;
  --mdc-pew-shade: #a6b0b7;
  --mdc-groove-a: #8a949c;
  --mdc-groove-b: #ffffff;
  --mdc-dis-tex: var(--mdc-tex-frost);
  --mdc-dis-sz: var(--mdc-tex-frost-size);
  --mdc-dis-tb: normal;
  --mdc-etch-face: var(--mdc-face-etched);
  --mdc-press-lip: inset 3px 4px 7px rgb(7 9 10 / .50), inset -1px -1px 2px rgb(255 255 255 / .55), 1px 1px 0 rgb(255 255 255 / .85);
  --mdc-lip: inset 0 1px 0 rgb(255 255 255 / .55);
  --mdc-surf-sa: .22;
  --mdc-glow: .16;
  --mdc-glass-a: rgb(255 255 255 / .74);
  --mdc-glass-b: rgb(240 244 248 / .66);
  --mdc-glass-c: rgb(196 208 220 / .66);
  --mdc-glass-streak: .55;
  --mdc-gk-surf: .7;
  --mdc-glass-edge: rgb(20 32 44 / .5);
  --mdc-ghost-1: rgb(255 255 255 / .75);
  --mdc-ghost-2: rgb(255 255 255 / .30);
  --mdc-ghost-3: rgb(150 165 180 / .28);
  --mdc-error-ink: #a61b10;
  --mdc-error-edge: #c9301f;
  --mdc-arrow: url("/static/img/mdc/arrow-on-light.svg");
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --mdc-c-canvas: #0C0F11;
    --mdc-c-surface: #121619;
    --mdc-c-surfaceSunk: #07090A;
    --mdc-c-text: #F6F8F9;
    --mdc-c-textMuted: #BCC4CA;
    --mdc-c-textSubtle: #9AA4AC;
    --mdc-c-link: #66F0FF;
    --mdc-c-accentText: #00E5FF;
    --mdc-c-accentGlass: #00E5FF;
    --mdc-c-onAccent: #07090A;
    --mdc-c-onEnamel: #F6F8F9;
    --mdc-c-onSilver: #07090A;
    --mdc-c-onPewter: #9AA4AC;
    --mdc-c-focusGap: #0C0F11;
    --mdc-c-focusInner: #F6F8F9;
    --mdc-c-focusOuter: #00E5FF;
    --mdc-c-focusGlow: rgba(0,229,255,.6);
    --mdc-elev-e0: 0 0 0 0 transparent;
    --mdc-elev-e1: 1px 1.2px 1.3px rgba(7,9,10,0.8), 2.5px 4.4px 6px -0.5px rgba(0,0,0,0.55), 5px 9.5px 14px -1.5px rgba(0,0,0,0.45);
    --mdc-elev-e2: 1.5px 2px 2px rgba(7,9,10,0.8), 4px 6.8px 9px -1px rgba(0,0,0,0.55), 8px 15px 20px -3px rgba(0,0,0,0.45);
    --mdc-elev-e3: 2px 2.8px 2.7px rgba(7,9,10,0.8), 5.5px 9.2px 12px -1.5px rgba(0,0,0,0.55), 11px 20.5px 26px -4.5px rgba(0,0,0,0.45);
    --mdc-elev-e4: 2.5px 3.6px 3.4px rgba(7,9,10,0.8), 7px 11.6px 15px -2px rgba(0,0,0,0.55), 14px 26px 32px -6px rgba(0,0,0,0.45);
    --mdc-elev-e5: 3px 4.4px 4.1px rgba(7,9,10,0.8), 8.5px 14px 18px -2.5px rgba(0,0,0,0.55), 17px 31.5px 38px -7.5px rgba(0,0,0,0.45);
    --mdc-canvas-gradient: linear-gradient(160deg,#151A1E 0%,#0E1215 55%,#080B0D 100%);
    --mdc-tex-grain-op: 0.45;
    --mdc-tex-brushed-op: 0.6;
    --mdc-tex-enamel-op: 0.7;
    --mdc-tex-glass-op: 0.3;
    --mdc-tex-frost-op: 0.3;
    --mdc-face-well-theme: linear-gradient(180deg,#050708 0%,#0B0F11 20%,#13181B 100%);
    --mdc-ring-groove: linear-gradient(to bottom right,#000000 0 50%,#5B6870 50% 100%);
    --mdc-face-pewter-theme: linear-gradient(180deg,#2B353B 0%,#232B30 100%);
    --mdc-ring-pewter-theme: linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,0) 42%),linear-gradient(to bottom right,#4E5B63 0 50%,#050708 50% 100%);
    --mdc-surf-e0: #080B0D;
    --mdc-surf-e1: #0F1316;
    --mdc-surf-e2: #151A1E;
    --mdc-surf-e3: #1B2125;
    --mdc-surf-e4: #222A2F;
    --mdc-surf-e5: #2A343A;
    --mdc-bg: var(--mdc-c-canvas);
    --mdc-bg-2: var(--mdc-c-surface);
    --mdc-ink: var(--mdc-c-text);
    --mdc-ink-2: var(--mdc-c-textMuted);
    --mdc-accent-ink: var(--mdc-c-accentText);
    --mdc-focus-gap: var(--mdc-c-focusGap);
    --mdc-focus-inner: var(--mdc-c-focusInner);
    --mdc-focus-outer: var(--mdc-c-focusOuter);
    --mdc-focus-glow: var(--mdc-c-focusGlow);
    --mdc-pewter-ink: var(--mdc-c-onPewter);
    --mdc-accent-on-well: #66f0ff;
    --mdc-ink-body: #d5dbdf;
    --mdc-surf-1: #2a343a;
    --mdc-surf-2: #1b2227;
    --mdc-surf-3: #121619;
    --mdc-well-1: #0f1418;
    --mdc-well-2: #1a2126;
    --mdc-field-ink: #f6f8f9;
    --mdc-shadow: rgb(0 0 0 / .62);
    --mdc-shadow-deep: rgb(0 0 0 / .85);
    --mdc-hilite: rgb(255 255 255 / .16);
    --mdc-key-tl: rgb(255 255 255 / .12);
    --mdc-key-br: rgb(0 0 0 / .9);
    --mdc-edge-a: rgb(128 144 158 / .96);
    --mdc-edge-b: rgb(200 214 226 / .95);
    --mdc-pew-lit: #4e5b63;
    --mdc-pew-shade: #050708;
    --mdc-groove-a: #000000;
    --mdc-groove-b: #5b6870;
    --mdc-dis-tex: var(--mdc-tex-micro);
    --mdc-dis-sz: var(--mdc-tex-micro-size);
    --mdc-dis-tb: overlay;
    --mdc-etch-face: linear-gradient(180deg, rgb(0 0 0 / .45) 0%, rgb(0 0 0 / .16) 55%, rgb(255 255 255 / .06) 100%);
    --mdc-press-lip: inset 3px 4px 7px rgb(0 0 0 / .65), inset -1px -1px 2px rgb(255 255 255 / .22), 1px 1px 0 rgb(255 255 255 / .16);
    --mdc-lip: inset 0 1px 0 rgb(255 255 255 / .30);
    --mdc-surf-sa: .04;
    --mdc-glow: .34;
    --mdc-glass-a: rgb(24 34 46 / .94);
    --mdc-glass-b: rgb(16 24 32 / .94);
    --mdc-glass-c: rgb(5 8 11 / .95);
    --mdc-glass-streak: .2;
    --mdc-gk-surf: .2;
    --mdc-glass-edge: rgb(0 0 0 / .8);
    --mdc-ghost-1: rgb(255 255 255 / .10);
    --mdc-ghost-2: rgb(255 255 255 / .03);
    --mdc-ghost-3: rgb(0 0 0 / .28);
    --mdc-error-ink: #ff9a8e;
    --mdc-error-edge: #ff6b5c;
    --mdc-arrow: url("/static/img/mdc/arrow-on-dark.svg");
    color-scheme: dark;
  }
}
[data-theme="dark"] {
  --mdc-c-canvas: #0C0F11;
  --mdc-c-surface: #121619;
  --mdc-c-surfaceSunk: #07090A;
  --mdc-c-text: #F6F8F9;
  --mdc-c-textMuted: #BCC4CA;
  --mdc-c-textSubtle: #9AA4AC;
  --mdc-c-link: #66F0FF;
  --mdc-c-accentText: #00E5FF;
  --mdc-c-accentGlass: #00E5FF;
  --mdc-c-onAccent: #07090A;
  --mdc-c-onEnamel: #F6F8F9;
  --mdc-c-onSilver: #07090A;
  --mdc-c-onPewter: #9AA4AC;
  --mdc-c-focusGap: #0C0F11;
  --mdc-c-focusInner: #F6F8F9;
  --mdc-c-focusOuter: #00E5FF;
  --mdc-c-focusGlow: rgba(0,229,255,.6);
  --mdc-elev-e0: 0 0 0 0 transparent;
  --mdc-elev-e1: 1px 1.2px 1.3px rgba(7,9,10,0.8), 2.5px 4.4px 6px -0.5px rgba(0,0,0,0.55), 5px 9.5px 14px -1.5px rgba(0,0,0,0.45);
  --mdc-elev-e2: 1.5px 2px 2px rgba(7,9,10,0.8), 4px 6.8px 9px -1px rgba(0,0,0,0.55), 8px 15px 20px -3px rgba(0,0,0,0.45);
  --mdc-elev-e3: 2px 2.8px 2.7px rgba(7,9,10,0.8), 5.5px 9.2px 12px -1.5px rgba(0,0,0,0.55), 11px 20.5px 26px -4.5px rgba(0,0,0,0.45);
  --mdc-elev-e4: 2.5px 3.6px 3.4px rgba(7,9,10,0.8), 7px 11.6px 15px -2px rgba(0,0,0,0.55), 14px 26px 32px -6px rgba(0,0,0,0.45);
  --mdc-elev-e5: 3px 4.4px 4.1px rgba(7,9,10,0.8), 8.5px 14px 18px -2.5px rgba(0,0,0,0.55), 17px 31.5px 38px -7.5px rgba(0,0,0,0.45);
  --mdc-canvas-gradient: linear-gradient(160deg,#151A1E 0%,#0E1215 55%,#080B0D 100%);
  --mdc-tex-grain-op: 0.45;
  --mdc-tex-brushed-op: 0.6;
  --mdc-tex-enamel-op: 0.7;
  --mdc-tex-glass-op: 0.3;
  --mdc-tex-frost-op: 0.3;
  --mdc-face-well-theme: linear-gradient(180deg,#050708 0%,#0B0F11 20%,#13181B 100%);
  --mdc-ring-groove: linear-gradient(to bottom right,#000000 0 50%,#5B6870 50% 100%);
  --mdc-face-pewter-theme: linear-gradient(180deg,#2B353B 0%,#232B30 100%);
  --mdc-ring-pewter-theme: linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,0) 42%),linear-gradient(to bottom right,#4E5B63 0 50%,#050708 50% 100%);
  --mdc-surf-e0: #080B0D;
  --mdc-surf-e1: #0F1316;
  --mdc-surf-e2: #151A1E;
  --mdc-surf-e3: #1B2125;
  --mdc-surf-e4: #222A2F;
  --mdc-surf-e5: #2A343A;
  --mdc-bg: var(--mdc-c-canvas);
  --mdc-bg-2: var(--mdc-c-surface);
  --mdc-ink: var(--mdc-c-text);
  --mdc-ink-2: var(--mdc-c-textMuted);
  --mdc-accent-ink: var(--mdc-c-accentText);
  --mdc-focus-gap: var(--mdc-c-focusGap);
  --mdc-focus-inner: var(--mdc-c-focusInner);
  --mdc-focus-outer: var(--mdc-c-focusOuter);
  --mdc-focus-glow: var(--mdc-c-focusGlow);
  --mdc-pewter-ink: var(--mdc-c-onPewter);
  --mdc-accent-on-well: #66f0ff;
  --mdc-ink-body: #d5dbdf;
  --mdc-surf-1: #2a343a;
  --mdc-surf-2: #1b2227;
  --mdc-surf-3: #121619;
  --mdc-well-1: #0f1418;
  --mdc-well-2: #1a2126;
  --mdc-field-ink: #f6f8f9;
  --mdc-shadow: rgb(0 0 0 / .62);
  --mdc-shadow-deep: rgb(0 0 0 / .85);
  --mdc-hilite: rgb(255 255 255 / .16);
  --mdc-key-tl: rgb(255 255 255 / .12);
  --mdc-key-br: rgb(0 0 0 / .9);
  --mdc-edge-a: rgb(128 144 158 / .96);
  --mdc-edge-b: rgb(200 214 226 / .95);
  --mdc-pew-lit: #4e5b63;
  --mdc-pew-shade: #050708;
  --mdc-groove-a: #000000;
  --mdc-groove-b: #5b6870;
  --mdc-dis-tex: var(--mdc-tex-micro);
  --mdc-dis-sz: var(--mdc-tex-micro-size);
  --mdc-dis-tb: overlay;
  --mdc-etch-face: linear-gradient(180deg, rgb(0 0 0 / .45) 0%, rgb(0 0 0 / .16) 55%, rgb(255 255 255 / .06) 100%);
  --mdc-press-lip: inset 3px 4px 7px rgb(0 0 0 / .65), inset -1px -1px 2px rgb(255 255 255 / .22), 1px 1px 0 rgb(255 255 255 / .16);
  --mdc-lip: inset 0 1px 0 rgb(255 255 255 / .30);
  --mdc-surf-sa: .04;
  --mdc-glow: .34;
  --mdc-glass-a: rgb(24 34 46 / .94);
  --mdc-glass-b: rgb(16 24 32 / .94);
  --mdc-glass-c: rgb(5 8 11 / .95);
  --mdc-glass-streak: .2;
  --mdc-gk-surf: .2;
  --mdc-glass-edge: rgb(0 0 0 / .8);
  --mdc-ghost-1: rgb(255 255 255 / .10);
  --mdc-ghost-2: rgb(255 255 255 / .03);
  --mdc-ghost-3: rgb(0 0 0 / .28);
  --mdc-error-ink: #ff9a8e;
  --mdc-error-edge: #ff6b5c;
  --mdc-arrow: url("/static/img/mdc/arrow-on-dark.svg");
  color-scheme: dark;
}
[data-theme] { color: var(--mdc-ink); }
:is(.mdc-btn, :where(.btn:not(.btn--link), .nav-toggle, .search-btn, .search-close, .contact-submit, .wow-music-fab, .wow-music-panel button)),
:is(.mdc-chip, :where(.search-chip, .hands-review .tag)),
.mdc-seg__item,
:is(.mdc-badge, :where(.roster-badge, .agent__badge)),
.mdc-label,
:is(.mdc-plate, :where(.card__icon)),
.mdc-lens,
.mdc-tag__body,
.mdc-tag--jewel,
.mdc-toggle__thumb,
.mdc-knob,
:is(.mdc-card, :where(.card, .surface-interactive, .roster-card, .state, .search-result, .bgg-card, .hands-review .item, .hands-review .short-version, .gate-box, .signup-box, .nav-dropdown-menu, .contact-box, .contact-errors, .ms-quote, .ms-chapter-banner, .hold-footer, .roster-notice, .hands-review .item .ask, .bgg-banner)),
.mdc-panel__body,
:is(.mdc-frame, :where(dialog.search-dialog)) {
  box-sizing: border-box;
  border: var(--_bz, 3px) solid transparent;
  color: var(--_ink); text-shadow: var(--_tsh);
  background-color: transparent; 
  background-image: var(--_sweep), var(--_spa), var(--_spb), var(--_sheen), var(--_tex), var(--_face), var(--_rhi), var(--_ring);
  background-size: 320% 100%, 100% 100%, 100% 100%, 100% 100%, var(--_tsz), 100% 100%, 100% 100%, 100% 100%;
  background-position: var(--_sw) 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat, no-repeat, no-repeat, no-repeat;
  background-origin: var(--_org), var(--_org), var(--_org), var(--_org), var(--_org), var(--_org), border-box, border-box;
  background-clip: var(--_org), var(--_org), var(--_org), var(--_org), var(--_org), var(--_org), border-box, border-box;
  background-blend-mode: normal, normal, normal, normal, var(--_tb), normal, normal, normal;
  box-shadow: var(--_rf), var(--_elev), var(--_lip), var(--_dome), var(--_glowsh), var(--_rimsh);
}
:where(:is(.mdc-btn, :where(.btn:not(.btn--link), .nav-toggle, .search-btn, .search-close, .contact-submit, .wow-music-fab, .wow-music-panel button)),
:is(.mdc-chip, :where(.search-chip, .hands-review .tag)),
.mdc-seg__item,
:is(.mdc-badge, :where(.roster-badge, .agent__badge)),
.mdc-label,
:is(.mdc-plate, :where(.card__icon)),
.mdc-lens,
.mdc-tag__body,
.mdc-tag--jewel,
.mdc-toggle__thumb,
.mdc-knob,
:is(.mdc-card, :where(.card, .surface-interactive, .roster-card, .state, .search-result, .bgg-card, .hands-review .item, .hands-review .short-version, .gate-box, .signup-box, .nav-dropdown-menu, .contact-box, .contact-errors, .ms-quote, .ms-chapter-banner, .hold-footer, .roster-notice, .hands-review .item .ask, .bgg-banner)),
.mdc-panel__body,
:is(.mdc-frame, :where(dialog.search-dialog))) {
  --_off: linear-gradient(transparent, transparent);
  --_k0: #fbfcfd; --_k40: #eaeef1; --_k46: #e6ebee; --_k50: #c9d0d5; --_k78: #dde3e7; --_k100: #eef2f4;
  --_polface: var(--mdc-face-silver); --_hot: var(--mdc-gloss-specularHotspot); --_caus: var(--_off);
  --_sheen-pol: linear-gradient(180deg, rgb(255 255 255 / calc(.55 * var(--_gk))) 0%, rgb(255 255 255 / calc(.12 * var(--_gk))) 47%, rgb(255 255 255 / 0) 49.5%, rgb(7 9 10 / .07) 50.5%, rgb(255 255 255 / calc(.14 * var(--_gk))) 100%); --_gl: .55; --_swa: .6; --_spa-a: 1;
  --_ink: var(--mdc-c-onSilver); --_tsh: var(--mdc-label-engraved);
  --_lit: #ffffff; --_shade: #7c8790; --_tint: 176 190 204; --_ga0: .10; --_ga1: .30;
  --_glowsh: 0 0 0 0 transparent; --_gk: 1;
  --_tl: var(--_lit); --_br: var(--_shade);
  --_rf: 0 0 0 0 transparent; --_elev: var(--mdc-elev-e2); --_lip: var(--mdc-lip); --_dome: 0 0 0 0 transparent; --_rimsh: 0 0 0 0 transparent; --_dz: 7px;
  --_sw: 130%; --_org: padding-box; --_bz: 3px;
  --_sweep: linear-gradient(115deg, rgb(255 255 255 / 0) 40%, rgb(255 255 255 / var(--_swa)) 50%, rgb(255 255 255 / 0) 60%);
  --_rhi: linear-gradient(180deg, rgb(255 255 255 / .38), rgb(255 255 255 / 0) 42%);
  --_ringm: linear-gradient(to bottom right, var(--_tl) 0 50%, var(--_br) 50% 100%);
  --_ringf: linear-gradient(160deg, var(--_tl) 0%, color-mix(in srgb, var(--_tl) 45%, var(--_br)) 42%, var(--_br) 100%);
  --_ring: var(--_ringm);
  --_f-pol: var(--_polface);
  --_f-soft: linear-gradient(180deg, var(--_k0) 0%, var(--_k46) 55%, var(--_k78) 100%);
  --_f-satin: linear-gradient(180deg, var(--_k0) 0%, var(--_k46) 52%, var(--_k50) 100%);
  --_f-grain: linear-gradient(180deg, var(--_k46) 0%, var(--_k78) 100%);
  --_f-brush: linear-gradient(90deg, var(--_k50) 0%, var(--_k0) 12%, var(--_k46) 26%, var(--_k50) 41%, var(--_k0) 57%, var(--_k78) 70%, var(--_k0) 88%, var(--_k50) 100%);
  --_f-dome: radial-gradient(135% 160% at 30% 16%, var(--_k0) 0%, var(--_k40) 26%, var(--_k46) 50%, var(--_k50) 100%);
}
:is(.mdc-btn--primary, :where(.btn--primary, .contact-submit)), :is(.mdc-btn--cyan, :where(.btn--primary, .contact-submit)), :is(.mdc-skin-cyan, :where(.btn--primary, .contact-submit, .roster-badge--approved, .agent__badge--approved)), .mdc-lens {
  --_k0: #9bf6ff; --_k40: #1feaff; --_k46: #00e5ff; --_k50: #00c4db; --_k78: #00d8f0; --_k100: #5cefff;
  --_polface: var(--mdc-face-cyan); --_caus: var(--mdc-gloss-cyanCaustic); --_gl: .5;
  --_ink: var(--mdc-c-onAccent); --_tsh: var(--mdc-label-cyan);
  --_lit: #ddfcff; --_shade: #007a8a; --_tint: 0 229 255; --_ga0: .22; --_ga1: .5;
  --_glowsh: 0 5px 16px -4px rgb(0 229 255 / .55);
}
.mdc-btn--enamel, .mdc-skin-dark {
  --_k0: #2e383e; --_k40: #1b242a; --_k46: #182024; --_k50: #0a0d0f; --_k78: #12181b; --_k100: #1b2328;
  --_polface: var(--mdc-face-enamel); --_hot: var(--mdc-gloss-enamelBloom);
  --_sheen-pol: linear-gradient(180deg, rgb(255 255 255 / .10), rgb(255 255 255 / 0) 48%, rgb(0 0 0 / .25) 100%);
  --_gl: .34; --_swa: .35; --_spa-a: .15; --_gk: .15; --_gd: .35; --_f-dome: radial-gradient(135% 165% at 30% 14%, #55656e 0%, #34424a 24%, #1b252a 50%, #0b0f12 100%);
  --_ink: var(--mdc-c-onEnamel); --_tsh: var(--mdc-label-embossed);
  --_lit: #87949c; --_shade: #000000; --_tint: 18 26 34; --_ga0: .72; --_ga1: .9;
}
.mdc-skin-ok {
  --_k0: var(--mdc-ok1); --_k40: color-mix(in srgb, var(--mdc-ok1) 55%, var(--mdc-ok2)); --_k46: var(--mdc-ok2); --_k50: var(--mdc-ok3); --_k78: color-mix(in srgb, var(--mdc-ok2) 70%, var(--mdc-ok1)); --_k100: color-mix(in srgb, var(--mdc-ok1) 60%, var(--mdc-ok2));
  --_polface: linear-gradient(180deg, var(--_k0) 0%, var(--_k40) 40%, var(--_k46) 46%, var(--_k50) 50%, var(--_k78) 78%, var(--_k100) 100%);
  --_ink: var(--mdc-ok-ink); --_tsh: var(--mdc-label-cyan); --_lit: #c9f5d9; --_shade: #0a5a2c; --_tint: 45 187 104; --_ga0: .3; --_ga1: .55; --_glowsh: 0 4px 12px -4px rgb(45 187 104 / .5);
}
:is(.mdc-skin-warn, :where(.wow-hero-cta .btn--primary, .roster-badge:not(.roster-badge--approved):not(.roster-badge--hold):not(.roster-badge--none), .agent__badge--unvetted)) {
  --_k0: var(--mdc-warn1); --_k40: color-mix(in srgb, var(--mdc-warn1) 55%, var(--mdc-warn2)); --_k46: var(--mdc-warn2); --_k50: var(--mdc-warn3); --_k78: color-mix(in srgb, var(--mdc-warn2) 70%, var(--mdc-warn1)); --_k100: color-mix(in srgb, var(--mdc-warn1) 60%, var(--mdc-warn2));
  --_polface: linear-gradient(180deg, var(--_k0) 0%, var(--_k40) 40%, var(--_k46) 46%, var(--_k50) 50%, var(--_k78) 78%, var(--_k100) 100%);
  --_ink: var(--mdc-warn-ink); --_tsh: var(--mdc-label-cyan); --_lit: #fff0bf; --_shade: #7a4f00; --_tint: 255 194 51; --_ga0: .3; --_ga1: .55; --_glowsh: 0 4px 12px -4px rgb(255 194 51 / .5);
}
:is(.mdc-skin-bad, :where(.roster-badge--hold)) {
  --_k0: var(--mdc-bad1); --_k40: color-mix(in srgb, var(--mdc-bad1) 70%, var(--mdc-bad2)); --_k46: var(--mdc-bad2); --_k50: var(--mdc-bad3); --_k78: var(--mdc-bad2); --_k100: color-mix(in srgb, var(--mdc-bad1) 60%, var(--mdc-bad2)); --_spa-a: .2; --_gk: .2;
  --_polface: linear-gradient(180deg, var(--_k0) 0%, var(--_k40) 40%, var(--_k46) 46%, var(--_k50) 50%, var(--_k78) 78%, var(--_k100) 100%);
  --_ink: var(--mdc-bad-ink); --_tsh: 0 -1px 0 rgb(60 0 0 / .6); --_lit: #f2a79f; --_shade: #3d0a05; --_tint: 176 38 23; --_ga0: .55; --_ga1: .8; --_gl: .3; --_glowsh: 0 4px 12px -4px rgb(176 38 23 / .5);
}
:is(.mdc-btn--ghost, :where(.btn--ghost)), :is(.mdc-skin-ghost, :where(.btn--ghost)) {
  --_ink: var(--mdc-ink); --_tsh: none; --_org: border-box; --_lit: transparent; --_shade: transparent; --_rhi: var(--_off);
  --_face: linear-gradient(180deg, var(--mdc-ghost-1), var(--mdc-ghost-2) 52%, var(--mdc-ghost-3));
  --_sheen: linear-gradient(180deg, rgb(255 255 255 / .22), rgb(255 255 255 / 0) 46%); --_spa: var(--_off); --_spb: var(--_off);
  --_tex: var(--mdc-tex-frost); --_tsz: var(--mdc-tex-frost-size); --_tb: normal;
  --_elev: 0 1px 2px var(--mdc-shadow); --_lip: 0 0 0 0 transparent;
  --_rimsh: inset 1.5px 1.5px 0 var(--mdc-hilite), inset -1.5px -1.5px 0 var(--mdc-glass-edge);
  -webkit-backdrop-filter: blur(8px) saturate(1.4); backdrop-filter: blur(8px) saturate(1.4);
}
.mdc-btn--etched, :is(.mdc-skin-etched, :where(.wow-hero-cta .btn--secondary)) {
  --_tl: var(--mdc-groove-a); --_br: var(--mdc-groove-b); --_ink: var(--mdc-ink); --_tsh: var(--mdc-label-engraved);
  --_face: linear-gradient(var(--mdc-bg), var(--mdc-bg)); --_sheen: var(--mdc-etch-face); --_spa: var(--_off); --_spb: var(--_off); --_rhi: var(--_off);
  --_elev: 0 1px 0 var(--mdc-hilite); --_lip: 0 0 0 0 transparent; --_tex: var(--mdc-tex-micro); --_tsz: var(--mdc-tex-micro-size); --_tb: overlay; --_swa: .4;
}
:where(.mdc-btn--etched, :is(.mdc-skin-etched, :where(.wow-hero-cta .btn--secondary))) { --_sheen-pol: var(--mdc-etch-face); }
.mdc-finish-polished, :where(:is(.mdc-btn, :where(.btn:not(.btn--link), .nav-toggle, .search-btn, .search-close, .contact-submit, .wow-music-fab, .wow-music-panel button)),
:is(.mdc-chip, :where(.search-chip, .hands-review .tag)),
.mdc-seg__item,
:is(.mdc-badge, :where(.roster-badge, .agent__badge)),
.mdc-label,
:is(.mdc-plate, :where(.card__icon)),
.mdc-lens,
.mdc-tag__body,
.mdc-tag--jewel,
.mdc-toggle__thumb,
.mdc-knob,
:is(.mdc-card, :where(.card, .surface-interactive, .roster-card, .state, .search-result, .bgg-card, .hands-review .item, .hands-review .short-version, .gate-box, .signup-box, .nav-dropdown-menu, .contact-box, .contact-errors, .ms-quote, .ms-chapter-banner, .hold-footer, .roster-notice, .hands-review .item .ask, .bgg-banner)),
.mdc-panel__body,
:is(.mdc-frame, :where(dialog.search-dialog))) {
  --_face: var(--_f-pol); --_sheen: var(--_sheen-pol); --_spa: radial-gradient(120% 90% at 14% 0%, rgb(255 255 255 / calc(.85 * var(--_spa-a))) 0%, rgb(255 255 255 / calc(.18 * var(--_spa-a))) 38%, rgb(255 255 255 / 0) 62%);
  --_spb: var(--_caus); --_tex: var(--mdc-tex-micro); --_tsz: var(--mdc-tex-micro-size); --_tb: overlay;
}
.mdc-finish-satin {
  --_face: var(--_f-satin); --_sheen: linear-gradient(180deg, rgb(255 255 255 / calc(.34 * var(--_gk))) 0%, rgb(255 255 255 / calc(.08 * var(--_gk))) 55%, rgb(0 0 0 / .07) 100%);
  --_spa: radial-gradient(130% 120% at 16% -14%, rgb(255 255 255 / calc(.32 * var(--_gk))), rgb(255 255 255 / 0) 62%); --_spb: var(--_off);
  --_tex: var(--mdc-tex-satin); --_tsz: var(--mdc-tex-satin-size); --_tb: overlay;
}
.mdc-finish-brushed {
  --_face: var(--_f-brush); --_sheen: linear-gradient(180deg, rgb(255 255 255 / calc(.20 * var(--_gk))), rgb(255 255 255 / 0) 42%, rgb(0 0 0 / .10) 100%);
  --_spa: var(--_off); --_spb: var(--_off);
  --_tex: var(--mdc-tex-brushed); --_tsz: var(--mdc-tex-brushed-size); --_tb: overlay;
}
.mdc-finish-brushed.mdc-brush-v, .mdc-brush-v.mdc-seg__item { --_tex: var(--mdc-tex-brushed-v); --_tsz: var(--mdc-tex-brushed-v-size); }
.mdc-finish-grain {
  --_face: var(--_f-grain); --_sheen: linear-gradient(180deg, rgb(255 255 255 / 0) 55%, rgb(0 0 0 / .09) 100%);
  --_spa: radial-gradient(110% 90% at 6% 0%, rgb(255 255 255 / calc(.22 * var(--_gk))), rgb(255 255 255 / 0) 64%); --_spb: var(--_off);
  --_tex: var(--mdc-tex-grain); --_tsz: var(--mdc-tex-grain-size); --_tb: overlay;
}
.mdc-finish-enamel {
  --_face: var(--_f-soft);
  --_sheen: radial-gradient(135% 100% at 50% -44%, rgb(255 255 255 / var(--_gl)) 0, rgb(255 255 255 / calc(var(--_gl) * .78)) 58%, rgb(255 255 255 / 0) 59.5%);
  --_spa: radial-gradient(52% 44% at 20% 8%, rgb(255 255 255 / calc(.5 * var(--_spa-a))), rgb(255 255 255 / 0) 72%);
  --_spb: linear-gradient(180deg, rgb(0 0 0 / 0) 42%, rgb(0 0 0 / .20) 100%);
  --_tex: var(--mdc-tex-enamel); --_tsz: var(--mdc-tex-enamel-size); --_tb: overlay;
}
.mdc-finish-hammered {
  --_face: var(--_f-soft); --_sheen: var(--_off);
  --_spa: radial-gradient(120% 100% at 8% 0%, rgb(255 255 255 / calc(.18 * var(--_gk))), rgb(255 255 255 / 0) 66%); --_spb: var(--_off);
  --_tex: var(--mdc-tex-hammered); --_tsz: var(--mdc-tex-hammered-size); --_tb: overlay;
}
.mdc-finish-cabochon {
  --_face: var(--_f-dome);
  --_sheen: linear-gradient(180deg, rgb(255 255 255 / calc(.26 * var(--_gk))), rgb(255 255 255 / 0) 46%, rgb(0 0 0 / .14) 100%);
  --_spa: radial-gradient(30% 21% at 24% 14%, rgb(255 255 255 / calc(.95 * var(--_spa-a))) 0, rgb(255 255 255 / calc(.42 * var(--_spa-a))) 48%, rgb(255 255 255 / 0) 78%);
  --_spb: radial-gradient(72% 58% at 88% 120%, rgb(255 255 255 / calc(.5 * var(--_gk))), rgb(255 255 255 / 0) 64%);
  --_tex: var(--mdc-tex-micro); --_tsz: var(--mdc-tex-micro-size); --_tb: overlay;
  --_dome: inset 0 calc(var(--_dz) * 1) calc(var(--_dz) * 1.3) calc(var(--_dz) * -.5) rgb(255 255 255 / calc(.72 * var(--_gd, var(--_gk)))),
           inset 0 calc(var(--_dz) * -1.2) calc(var(--_dz) * 1.5) calc(var(--_dz) * -.5) rgb(0 0 0 / .34),
           inset calc(var(--_dz) * 1) 0 calc(var(--_dz) * 1.3) calc(var(--_dz) * -.6) rgb(255 255 255 / calc(.36 * var(--_gd, var(--_gk)))),
           inset calc(var(--_dz) * -1) 0 calc(var(--_dz) * 1.3) calc(var(--_dz) * -.6) rgb(0 0 0 / .22);
}
:is(.mdc-skin-cyan, :where(.btn--primary, .contact-submit, .roster-badge--approved, .agent__badge--approved)).mdc-finish-cabochon, :is(.mdc-btn--primary, :where(.btn--primary, .contact-submit)).mdc-finish-cabochon, .mdc-lens { --_tex: var(--mdc-tex-veins); --_tsz: var(--mdc-tex-veins-size); --_tb: normal; }
.mdc-finish-glass, .mdc-frame--glass {
  --_org: border-box; --_lit: transparent; --_shade: transparent; --_rhi: var(--_off);
  --_face: linear-gradient(160deg, var(--mdc-glass-a) 0%, color-mix(in srgb, var(--mdc-glass-b) 55%, rgb(var(--_tint) / var(--_ga0))) 46%, color-mix(in srgb, var(--mdc-glass-c) 50%, rgb(var(--_tint) / var(--_ga1))) 100%);
  --_sheen: radial-gradient(70% 46% at 50% 128%, rgb(255 255 255 / calc(.6 * var(--_gk))), rgb(255 255 255 / 0) 70%);
  --_spa: linear-gradient(115deg, rgb(255 255 255 / 0) 16%, rgb(255 255 255 / calc(var(--mdc-glass-streak) * var(--_spa-a))) 25%, rgb(255 255 255 / calc(var(--mdc-glass-streak) * .22 * var(--_spa-a))) 33%, rgb(255 255 255 / 0) 37%);
  --_spb: radial-gradient(90% 70% at 0% 0%, rgb(255 255 255 / calc(.4 * var(--_gk))), rgb(255 255 255 / 0) 60%);
  --_tex: var(--mdc-tex-frost); --_tsz: var(--mdc-tex-frost-size); --_tb: normal;
  --_rimsh: inset 1.5px 1.5px 0 rgb(255 255 255 / .95), inset -1.5px -1.5px 0 var(--mdc-glass-edge), inset 0 0 0 3px rgb(255 255 255 / .12), inset 0 0 18px rgb(255 255 255 / .28);
  --_lip: 0 0 0 0 transparent; --_ink: var(--mdc-ink); --_tsh: none;
  -webkit-backdrop-filter: blur(10px) saturate(1.5); backdrop-filter: blur(10px) saturate(1.5);
}
.mdc-skin-dark.mdc-finish-glass, .mdc-btn--enamel.mdc-finish-glass { --_ink: var(--mdc-c-onEnamel); --_face: linear-gradient(160deg, rgb(58 74 90 / .88) 0%, rgb(22 30 38 / .92) 46%, rgb(8 12 16 / .96) 100%); }
:where(:is(.mdc-chip, :where(.search-chip, .hands-review .tag))) { --_bz: 2px; --_dz: 4px; --_face: var(--_f-soft); --_sheen: linear-gradient(180deg, rgb(255 255 255 / .34), rgb(255 255 255 / .08) 55%, rgb(0 0 0 / .07)); --_spa: var(--_off); --_spb: var(--_off); --_tex: var(--mdc-tex-satin); --_tsz: var(--mdc-tex-satin-size); --_ring: var(--_ringf); --_elev: var(--mdc-elev-e1); }
:where(.mdc-label, :is(.mdc-plate, :where(.card__icon))) { --_bz: 2px; --_face: var(--_f-brush); --_sheen: linear-gradient(180deg, rgb(255 255 255 / .2), rgb(255 255 255 / 0) 42%, rgb(0 0 0 / .08)); --_spa: var(--_off); --_spb: var(--_off); --_tex: var(--mdc-tex-brushed); --_tsz: var(--mdc-tex-brushed-size); --_elev: var(--mdc-elev-e1); --_dz: 4px; }
:where(.mdc-tag__body, .mdc-tag--jewel) { --_bz: 2px; --_face: var(--_f-soft); --_sheen: var(--_off); --_spa: radial-gradient(110% 90% at 6% 0%, rgb(255 255 255 / calc(.22 * var(--_gk))), rgb(255 255 255 / 0) 64%); --_spb: var(--_off); --_tex: var(--mdc-tex-grain); --_tsz: var(--mdc-tex-grain-size); --_elev: 0 0 0 0 transparent; --_dz: 4px; }
:where(:is(.mdc-badge, :where(.roster-badge, .agent__badge)), .mdc-lens) { --_bz: 2px; --_dz: 3.5px; --_ring: var(--_ringf); --_elev: var(--mdc-elev-e1); }
:where(:is(.mdc-badge, :where(.roster-badge, .agent__badge)), .mdc-lens) { --_face: var(--_f-dome); }
:is(.mdc-badge, :where(.roster-badge, .agent__badge)).mdc-skin-dark, .mdc-badge--enamel { --_gd: .1; --_spa: var(--_off); --_sheen: var(--_off); }
:where(.mdc-seg__item) { --_bz: 2px; --_dz: 5px; --_face: var(--_f-brush); --_tex: var(--mdc-tex-brushed); --_tsz: var(--mdc-tex-brushed-size); --_elev: 1px 1.5px 1.5px -.5px var(--mdc-shadow); --_sheen: linear-gradient(180deg, rgb(255 255 255 / .2), rgb(255 255 255 / 0) 42%, rgb(0 0 0 / .08)); --_spa: var(--_off); --_spb: var(--_off); }
:where(.mdc-toggle__thumb) { --_bz: 2px; --_ring: var(--_ringf); --_face: var(--_f-dome); --_elev: 1px 1.5px 1.5px -.5px var(--mdc-shadow); --_dz: 4px; }
:where(.mdc-knob) { --_bz: 4px; --_ring: var(--_ringf); --_elev: var(--mdc-elev-e3); }
:where(:is(.mdc-btn--pill, :where(.btn--pill)), .mdc-btn--round) { --_ring: var(--_ringf); }
:where(:is(.mdc-card, :where(.card, .surface-interactive, .roster-card, .state, .search-result, .bgg-card, .hands-review .item, .hands-review .short-version, .gate-box, .signup-box, .nav-dropdown-menu, .contact-box, .contact-errors, .ms-quote, .ms-chapter-banner, .hold-footer, .roster-notice, .hands-review .item .ask, .bgg-banner)), .mdc-panel__body, :is(.mdc-frame, :where(dialog.search-dialog))) {
  --_bz: 0px; --_gk: var(--mdc-gk-surf); --_gl: .3; --_spa-a: calc(var(--mdc-gk-surf) * .9); --_swa: 0; --_sw: 130%; --_ringm: linear-gradient(to bottom right, var(--_tl) 0 50%, var(--_br) 50% 100%);
  --_k0: var(--mdc-surf-1); --_k40: color-mix(in srgb, var(--mdc-surf-1) 70%, var(--mdc-surf-2)); --_k46: var(--mdc-surf-2); --_k50: var(--mdc-surf-3); --_k78: color-mix(in srgb, var(--mdc-surf-2) 60%, var(--mdc-surf-3)); --_k100: var(--mdc-surf-2);
  --_polface: linear-gradient(180deg, var(--_k0) 0%, var(--_k46) 46%, var(--_k50) 50%, var(--_k78) 100%);
  --_f-soft: linear-gradient(145deg, var(--mdc-surf-1), var(--mdc-surf-2) 55%, var(--mdc-surf-3));
  --_f-satin: var(--_f-soft); --_f-grain: var(--_f-soft);
  --_f-brush: linear-gradient(90deg, var(--_k46) 0%, var(--_k0) 22%, var(--_k46) 48%, var(--_k0) 74%, var(--_k46) 100%);
  --_ink: var(--mdc-ink); --_tsh: none; --_lit: transparent; --_shade: transparent; --_rhi: var(--_off);
  --_tex: var(--mdc-tex-grain); --_tsz: var(--mdc-tex-grain-size); --_face: var(--_f-soft); --_sheen: linear-gradient(180deg, rgb(255 255 255 / var(--mdc-surf-sa)), rgb(255 255 255 / 0) 40%, rgb(0 0 0 / .05));
  --_spa: radial-gradient(120% 70% at 10% 0%, rgb(255 255 255 / calc(.3 * var(--_gk))), rgb(255 255 255 / 0) 62%); --_spb: var(--_off);
  --_lip: inset 1.5px 1.5px 0 var(--mdc-hilite), inset -1px -1px 0 rgb(0 0 0 / .14);
  --_elev: var(--mdc-elev-e2);
}
:is(.mdc-btn, :where(.btn:not(.btn--link), .nav-toggle, .search-btn, .search-close, .contact-submit, .wow-music-fab, .wow-music-panel button)) {
  position: relative; isolation: isolate; display: inline-flex; align-items: center; justify-content: center; gap: .55em;
  min-block-size: 2.75rem; min-inline-size: max-content; padding: .55rem 1.35rem; margin: 0;
  font: 600 .9375rem/1.1 var(--mdc-font); letter-spacing: .02em; text-decoration: none; white-space: nowrap;
  border-radius: var(--mdc-radius-md); cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent;
  transform: translateY(var(--_lift, 0px));
  transition: transform var(--mdc-dur-standard) var(--mdc-ease-release), box-shadow var(--mdc-dur-quick) var(--mdc-ease-settle), filter var(--mdc-dur-quick) var(--mdc-ease-settle), --_sw 0s;
}
:is(.mdc-btn--sm, :where(.btn--sm)) { --_bz: 2px; min-block-size: 2.25rem; padding: .35rem .95rem; font-size: .875rem; --_dz: 5px; }
:is(.mdc-btn--lg, :where(.btn--lg)) { min-block-size: 3.25rem; padding: .8rem 1.9rem; font-size: 1.0625rem; --_dz: 9px; }
:is(.mdc-btn--pill, :where(.btn--pill)) { border-radius: 999px; }
:is(.mdc-btn--icon, :where(.nav-toggle, .search-btn, .search-close, .wow-music-fab)) { inline-size: 2.75rem; min-inline-size: 2.75rem; padding: 0; }
:is(.mdc-btn--icon, :where(.nav-toggle, .search-btn, .search-close, .wow-music-fab)):is(.mdc-btn--sm, :where(.btn--sm)) { inline-size: 2.25rem; min-inline-size: 2.25rem; }
:is(.mdc-btn--icon, :where(.nav-toggle, .search-btn, .search-close, .wow-music-fab)):is(.mdc-btn--lg, :where(.btn--lg)) { inline-size: 3.25rem; min-inline-size: 3.25rem; }
.mdc-btn--round { border-radius: 50%; }
:is(.mdc-btn--block, :where(.btn--block)) { display: flex; inline-size: 100%; }
.mdc-btn--wrap { white-space: normal; min-inline-size: min-content; text-align: center; }
:is(.mdc-btn, :where(.btn:not(.btn--link), .nav-toggle, .search-btn, .search-close, .contact-submit, .wow-music-fab, .wow-music-panel button)) > * { position: relative; z-index: 1; }
.mdc-btn__label { position: relative; z-index: 3; min-inline-size: max-content; }
.mdc-btn--wrap .mdc-btn__label { white-space: normal; min-inline-size: min-content; text-align: center; }
:is(.mdc-btn, :where(.btn:not(.btn--link), .nav-toggle, .search-btn, .search-close, .contact-submit, .wow-music-fab, .wow-music-panel button)) svg { inline-size: 1.2em; block-size: 1.2em; flex: none; fill: none; stroke: currentColor; stroke-width: 2.1; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(.5px .9px 0 rgb(255 255 255 / .6)); }
.mdc-skin-dark:is(.mdc-btn, :where(.btn:not(.btn--link), .nav-toggle, .search-btn, .search-close, .contact-submit, .wow-music-fab, .wow-music-panel button)) svg, .mdc-btn--enamel svg { filter: drop-shadow(0 -1px 0 rgb(0 0 0 / .7)); }
:is(.mdc-btn--ghost, :where(.btn--ghost)) svg, .mdc-finish-glass.mdc-skin-dark svg { filter: none; }
:is(:is(.mdc-btn, :where(.btn:not(.btn--link), .nav-toggle, .search-btn, .search-close, .contact-submit, .wow-music-fab, .wow-music-panel button)),
:is(.mdc-chip, :where(.search-chip, .hands-review .tag)),
.mdc-seg__item,
:is(.mdc-badge, :where(.roster-badge, .agent__badge)),
.mdc-label,
:is(.mdc-plate, :where(.card__icon)),
.mdc-lens,
.mdc-tag__body,
.mdc-tag--jewel,
.mdc-toggle__thumb,
.mdc-knob,
:is(.mdc-card, :where(.card, .surface-interactive, .roster-card, .state, .search-result, .bgg-card, .hands-review .item, .hands-review .short-version, .gate-box, .signup-box, .nav-dropdown-menu, .contact-box, .contact-errors, .ms-quote, .ms-chapter-banner, .hold-footer, .roster-notice, .hands-review .item .ask, .bgg-banner)),
.mdc-panel__body,
:is(.mdc-frame, :where(dialog.search-dialog))):focus { outline: none; }
:is(:is(.mdc-btn, :where(.btn:not(.btn--link), .nav-toggle, .search-btn, .search-close, .contact-submit, .wow-music-fab, .wow-music-panel button)),
:is(.mdc-chip, :where(.search-chip, .hands-review .tag)),
.mdc-seg__item,
:is(.mdc-badge, :where(.roster-badge, .agent__badge)),
.mdc-label,
:is(.mdc-plate, :where(.card__icon)),
.mdc-lens,
.mdc-tag__body,
.mdc-tag--jewel,
.mdc-toggle__thumb,
.mdc-knob,
:is(.mdc-card, :where(.card, .surface-interactive, .roster-card, .state, .search-result, .bgg-card, .hands-review .item, .hands-review .short-version, .gate-box, .signup-box, .nav-dropdown-menu, .contact-box, .contact-errors, .ms-quote, .ms-chapter-banner, .hold-footer, .roster-notice, .hands-review .item .ask, .bgg-banner)),
.mdc-panel__body,
:is(.mdc-frame, :where(dialog.search-dialog))):focus-visible, :is(:is(.mdc-btn, :where(.btn:not(.btn--link), .nav-toggle, .search-btn, .search-close, .contact-submit, .wow-music-fab, .wow-music-panel button)),
:is(.mdc-chip, :where(.search-chip, .hands-review .tag)),
.mdc-seg__item,
:is(.mdc-badge, :where(.roster-badge, .agent__badge)),
.mdc-label,
:is(.mdc-plate, :where(.card__icon)),
.mdc-lens,
.mdc-tag__body,
.mdc-tag--jewel,
.mdc-toggle__thumb,
.mdc-knob,
:is(.mdc-card, :where(.card, .surface-interactive, .roster-card, .state, .search-result, .bgg-card, .hands-review .item, .hands-review .short-version, .gate-box, .signup-box, .nav-dropdown-menu, .contact-box, .contact-errors, .ms-quote, .ms-chapter-banner, .hold-footer, .roster-notice, .hands-review .item .ask, .bgg-banner)),
.mdc-panel__body,
:is(.mdc-frame, :where(dialog.search-dialog))).is-focus { outline: 3px solid transparent; outline-offset: 3px; --_rf: var(--mdc-ring); --_sw: -30%; transition-property: transform, box-shadow, filter, --_sw; transition-duration: var(--mdc-dur-quick), var(--mdc-dur-quick), var(--mdc-dur-quick), var(--mdc-dur-sweep); transition-timing-function: var(--mdc-ease-settle), var(--mdc-ease-settle), var(--mdc-ease-settle), var(--mdc-ease-glint); }
@media (hover: hover) {
:is(.mdc-btn, :where(.btn:not(.btn--link), .nav-toggle, .search-btn, .search-close, .contact-submit, .wow-music-fab, .wow-music-panel button)):hover:not(:active):not(:disabled):not([aria-disabled="true"]):not(.is-disabled):not([aria-pressed="true"]),
:is(button, a):is(.mdc-chip, :where(.search-chip, .hands-review .tag)):hover:not(:active):not(:disabled):not([aria-disabled="true"]):not(.is-disabled):not([aria-pressed="true"]) {
  --_lift: -1px; --_elev: var(--mdc-elev-e3); filter: brightness(1.05) saturate(1.04); --_sw: -30%;
  transition-property: transform, box-shadow, filter, --_sw; transition-duration: var(--mdc-dur-standard), var(--mdc-dur-quick), var(--mdc-dur-quick), var(--mdc-dur-sweep); transition-timing-function: var(--mdc-ease-release), var(--mdc-ease-settle), var(--mdc-ease-settle), var(--mdc-ease-glint);
}
}
:is(.mdc-btn, :where(.btn:not(.btn--link), .nav-toggle, .search-btn, .search-close, .contact-submit, .wow-music-fab, .wow-music-panel button)).is-hover:not(:active):not(:disabled):not([aria-disabled="true"]):not(.is-disabled):not([aria-pressed="true"]),
:is(button, a):is(.mdc-chip, :where(.search-chip, .hands-review .tag)).is-hover:not(:active):not(:disabled):not([aria-disabled="true"]):not(.is-disabled):not([aria-pressed="true"]) {
  --_lift: -1px; --_elev: var(--mdc-elev-e3); filter: brightness(1.05) saturate(1.04); --_sw: -30%;
  transition-property: transform, box-shadow, filter, --_sw; transition-duration: var(--mdc-dur-standard), var(--mdc-dur-quick), var(--mdc-dur-quick), var(--mdc-dur-sweep); transition-timing-function: var(--mdc-ease-release), var(--mdc-ease-settle), var(--mdc-ease-settle), var(--mdc-ease-glint);
}
:is(.mdc-btn, :where(.btn:not(.btn--link), .nav-toggle, .search-btn, .search-close, .contact-submit, .wow-music-fab, .wow-music-panel button)):active:not(:disabled):not([aria-disabled="true"]):not(.is-disabled), :is(.mdc-btn, :where(.btn:not(.btn--link), .nav-toggle, .search-btn, .search-close, .contact-submit, .wow-music-fab, .wow-music-panel button)).is-active,
:is(button, a):is(.mdc-chip, :where(.search-chip, .hands-review .tag)):active:not(:disabled), :is(.mdc-chip, :where(.search-chip, .hands-review .tag)).is-active,
:is(.mdc-btn, :where(.btn:not(.btn--link), .nav-toggle, .search-btn, .search-close, .contact-submit, .wow-music-fab, .wow-music-panel button))[aria-pressed="true"], :is(.mdc-chip, :where(.search-chip, .hands-review .tag))[aria-pressed="true"]:not(.is-hover) {
  --_tl: var(--_shade); --_br: var(--_lit); --_rhi: var(--_off); --_sw: 130%; --_lift: 1px;
  --_face: linear-gradient(180deg, color-mix(in srgb, var(--_k50) 92%, #000) 0%, var(--_k50) 42%, var(--_k78) 100%);
  --_sheen: linear-gradient(180deg, rgb(0 0 0 / .12), rgb(0 0 0 / 0) 60%); --_spa: var(--_off); --_spb: var(--_off);
  --_elev: 0 0 0 0 transparent; --_lip: var(--mdc-press-lip); --_dome: 0 0 0 0 transparent; --_glowsh: 0 0 0 0 transparent; --_rimsh: 0 0 0 0 transparent; filter: none;
  transition-duration: var(--mdc-dur-instant); transition-timing-function: var(--mdc-ease-press); text-shadow: var(--_tsh);
}
:is(.mdc-btn, :where(.btn:not(.btn--link), .nav-toggle, .search-btn, .search-close, .contact-submit, .wow-music-fab, .wow-music-panel button))[aria-pressed="true"], :is(.mdc-chip, :where(.search-chip, .hands-review .tag))[aria-pressed="true"] { --_rf: 0 0 0 0 transparent; }
:is(.mdc-btn, :where(.btn:not(.btn--link), .nav-toggle, .search-btn, .search-close, .contact-submit, .wow-music-fab, .wow-music-panel button))[aria-pressed="true"]:not(.is-focus):not(:focus-visible) { --_rimsh: inset 2px 2px 0 rgb(0 150 168 / .95), inset -2px -2px 0 rgb(155 246 255 / .95), inset 0 0 9px rgb(0 229 255 / .75); }
:is(.mdc-btn, :where(.btn:not(.btn--link), .nav-toggle, .search-btn, .search-close, .contact-submit, .wow-music-fab, .wow-music-panel button))[aria-pressed="true"]:focus-visible, :is(.mdc-btn, :where(.btn:not(.btn--link), .nav-toggle, .search-btn, .search-close, .contact-submit, .wow-music-fab, .wow-music-panel button))[aria-pressed="true"].is-focus, :is(.mdc-chip, :where(.search-chip, .hands-review .tag))[aria-pressed="true"]:focus-visible { --_rf: var(--mdc-ring); }
.mdc-skin-dark:active, .mdc-skin-dark.is-active, .mdc-btn--enamel:active, .mdc-skin-dark[aria-pressed="true"] { --_face: linear-gradient(180deg, #050708 0%, #0b0f11 40%, #161d21 100%); --_sheen: linear-gradient(180deg, rgb(0 0 0 / .35), rgb(0 0 0 / 0) 60%); }
:is(.mdc-btn--primary, :where(.btn--primary, .contact-submit)):active:not(:disabled), :is(.mdc-btn--primary, :where(.btn--primary, .contact-submit)).is-active, :is(.mdc-btn--cyan, :where(.btn--primary, .contact-submit)):active, :is(.mdc-skin-cyan, :where(.btn--primary, .contact-submit, .roster-badge--approved, .agent__badge--approved)):active, :is(.mdc-skin-cyan, :where(.btn--primary, .contact-submit, .roster-badge--approved, .agent__badge--approved)).is-active { --_face: linear-gradient(180deg, #00a9bd 0%, #00c3d9 35%, #00daf2 100%); }
.mdc-btn--etched:active, .mdc-btn--etched.is-active { --_face: linear-gradient(var(--mdc-bg), var(--mdc-bg)); --_sheen: var(--mdc-etch-face); --_tl: var(--mdc-groove-a); --_br: var(--mdc-groove-b); --_lip: inset 2px 3px 6px rgb(7 9 10 / .40); }
:is(.mdc-btn--ghost, :where(.btn--ghost)):active, :is(.mdc-btn--ghost, :where(.btn--ghost)).is-active { --_face: linear-gradient(180deg, var(--mdc-ghost-3), var(--mdc-ghost-2)); --_rimsh: inset -1.5px -1.5px 0 var(--mdc-hilite), inset 1.5px 1.5px 0 var(--mdc-glass-edge); }
:is(.mdc-btn, :where(.btn:not(.btn--link), .nav-toggle, .search-btn, .search-close, .contact-submit, .wow-music-fab, .wow-music-panel button)):is(:disabled, [aria-disabled="true"], .is-disabled), :is(.mdc-chip, :where(.search-chip, .hands-review .tag)):is(:disabled, [aria-disabled="true"], .is-disabled) {
  --_lift: 0px; --_sw: 130%; --_rf: 0 0 0 0 transparent; cursor: not-allowed; filter: none; backdrop-filter: none; -webkit-backdrop-filter: none; --_org: padding-box;
  --_face: var(--mdc-face-pewter-theme); --_ink: var(--mdc-pewter-ink); --_tsh: 1px 1px 0 rgb(255 255 255 / .35);
  --_tl: var(--mdc-pew-lit); --_br: var(--mdc-pew-shade); --_rhi: var(--_off); --_sheen: var(--_off); --_spa: var(--_off); --_spb: var(--_off);
  --_tex: var(--mdc-dis-tex); --_tsz: var(--mdc-dis-sz); --_tb: var(--mdc-dis-tb); --_dome: 0 0 0 0 transparent; --_glowsh: 0 0 0 0 transparent; --_rimsh: 0 0 0 0 transparent;
  --_elev: 0 1px 0 rgb(255 255 255 / .3), 0 1px 2px rgb(7 9 10 / .25); --_lip: 0 0 0 0 transparent;
}
.mdc-toggle { display: inline-flex; align-items: center; gap: .75rem; position: relative; cursor: pointer; font: 500 .9375rem/1.2 var(--mdc-font); color: var(--mdc-ink); min-block-size: 2.75rem; }
.mdc-toggle__input { position: absolute; inline-size: 1px; block-size: 1px; margin: 0; opacity: 0; pointer-events: none; }
.mdc-toggle__track {
  --_rf: 0 0 0 0 transparent; position: relative; flex: none; inline-size: 3.6rem; block-size: 2rem; border-radius: 999px; box-sizing: border-box;
  background-image: var(--mdc-tex-grain), linear-gradient(180deg, var(--mdc-well-1), var(--mdc-well-2));
  background-size: var(--mdc-tex-grain-size), 100% 100%; background-blend-mode: overlay, normal;
  box-shadow: var(--_rf), inset 1px 1px 0 var(--mdc-edge-a), inset -1px -1px 0 var(--mdc-edge-b), inset 2px 3px 6px var(--mdc-shadow-deep), 1.5px 1.5px 0 var(--mdc-hilite);
  transition: box-shadow var(--mdc-t);
}
.mdc-toggle__thumb { position: absolute; inset-block-start: .13rem; inset-inline-start: .13rem; inline-size: 1.74rem; block-size: 1.74rem; border-radius: 50%; display: grid; place-items: center; transition: transform .18s cubic-bezier(.3, .8, .3, 1), box-shadow var(--mdc-t), filter var(--mdc-t); }
.mdc-toggle__thumb::after { content: ""; inline-size: .42rem; block-size: .42rem; border-radius: 50%; box-shadow: inset 1px 1px 2px rgb(0 0 0 / .45), 1px 1px 0 rgb(255 255 255 / .8); background: rgb(80 92 104 / .55); }
.mdc-toggle__input:checked + .mdc-toggle__track {
  background-image: var(--mdc-tex-enamel), linear-gradient(180deg, #00c4db, #00e5ff 70%, #9bf6ff);
  background-size: var(--mdc-tex-enamel-size), 100% 100%;
  box-shadow: var(--_rf), inset 1px 1px 0 rgb(0 38 48 / .92), inset -1px -1px 0 rgb(0 42 52 / .9), inset 2px 3px 6px rgb(0 60 75 / .6), 1.5px 1.5px 0 var(--mdc-hilite), 0 0 14px rgb(0 229 255 / calc(var(--mdc-glow) * 1.4));
}
.mdc-toggle__input:checked + .mdc-toggle__track .mdc-toggle__thumb { transform: translateX(1.64rem); }
.mdc-toggle__input:checked + .mdc-toggle__track .mdc-toggle__thumb::after { background: #00e5ff; box-shadow: 0 0 5px #00e5ff, inset 0 0 0 1px rgb(0 66 80 / .7); }
[dir="rtl"] .mdc-toggle__input:checked + .mdc-toggle__track .mdc-toggle__thumb { transform: translateX(-1.64rem); }
@media (hover: hover) {
.mdc-toggle:hover .mdc-toggle__thumb { --_elev: var(--mdc-elev-e2); filter: brightness(1.06); }
}
.mdc-toggle.is-hover .mdc-toggle__thumb { --_elev: var(--mdc-elev-e2); filter: brightness(1.06); }
.mdc-toggle:active .mdc-toggle__thumb, .mdc-toggle.is-active .mdc-toggle__thumb {
  --_tl: var(--_shade); --_br: var(--_lit); --_elev: 0 0 0 0 transparent; --_lip: var(--mdc-press-lip); --_spa: var(--_off); --_spb: var(--_off); --_dome: 0 0 0 0 transparent; filter: brightness(.94);
}
.mdc-toggle__input:focus-visible + .mdc-toggle__track, .mdc-toggle.is-focus .mdc-toggle__track { outline: 3px solid transparent; outline-offset: 3px; --_rf: var(--mdc-ring); }
.mdc-toggle:has(.mdc-toggle__input:disabled), .mdc-toggle.is-disabled { cursor: not-allowed; color: var(--mdc-pewter-ink); }
.mdc-toggle:has(.mdc-toggle__input:disabled) .mdc-toggle__track, .mdc-toggle.is-disabled .mdc-toggle__track { background-image: var(--mdc-dis-tex), var(--mdc-face-pewter-theme); background-size: var(--mdc-dis-sz), 100% 100%; background-blend-mode: var(--mdc-dis-tb), normal; box-shadow: inset 1px 1px 0 var(--mdc-pew-shade), inset -1px -1px 0 var(--mdc-pew-lit), inset 1px 2px 3px rgb(0 0 0 / .18); }
.mdc-toggle:has(.mdc-toggle__input:disabled) .mdc-toggle__thumb::after, .mdc-toggle.is-disabled .mdc-toggle__thumb::after { background: var(--mdc-pew-shade); box-shadow: inset 1px 1px 1px rgb(0 0 0 / .3), 1px 1px 0 var(--mdc-pew-lit); }
.mdc-toggle:has(.mdc-toggle__input:disabled) .mdc-toggle__thumb, .mdc-toggle.is-disabled .mdc-toggle__thumb {
  --_face: var(--mdc-face-pewter-theme); --_tl: var(--mdc-pew-lit); --_br: var(--mdc-pew-shade); --_sheen: var(--_off); --_spa: var(--_off); --_spb: var(--_off); --_dome: 0 0 0 0 transparent; --_tex: var(--mdc-dis-tex); --_tb: var(--mdc-dis-tb); --_elev: 0 1px 1px rgb(0 0 0 / .2);
}
.mdc-seg {
  display: inline-flex; gap: .2rem; padding: .3rem; border-radius: calc(var(--mdc-r) + .2rem); box-sizing: border-box; position: relative; max-inline-size: 100%;
  background-image: var(--mdc-tex-grain), linear-gradient(180deg, var(--mdc-well-1), var(--mdc-well-2));
  background-size: var(--mdc-tex-grain-size), 100% 100%; background-blend-mode: overlay, normal;
  box-shadow: inset 1px 1px 0 var(--mdc-edge-a), inset -1px -1px 0 var(--mdc-edge-b), inset 2px 3px 6px var(--mdc-shadow-deep), 1.5px 1.5px 0 var(--mdc-hilite);
}
.mdc-seg__input { position: absolute; inline-size: 1px; block-size: 1px; margin: 0; opacity: 0; pointer-events: none; }
.mdc-seg .mdc-seg__item {
  display: inline-flex; align-items: center; justify-content: center; min-block-size: 2.3rem; padding: 0 clamp(.7rem, 3.4vw, 1.05rem); border-radius: calc(var(--mdc-r) - .1rem);
  font: 600 .875rem/1 var(--mdc-font); cursor: pointer; user-select: none; white-space: nowrap;
  color: var(--mdc-ink-2); text-shadow: none; background-image: none; box-shadow: none; border-color: transparent;
  transition: transform var(--mdc-t), box-shadow var(--mdc-t), color var(--mdc-t), filter var(--mdc-t);
}
@media (hover: hover) {
.mdc-seg .mdc-seg__item:hover { color: var(--mdc-ink); transform: translateY(-1px); background-image: linear-gradient(180deg, var(--mdc-ghost-1), var(--mdc-ghost-3)); box-shadow: inset 1px 1px 0 var(--mdc-hilite), 1px 2px 3px var(--mdc-shadow); }
}
.mdc-seg .mdc-seg__item.is-hover { color: var(--mdc-ink); transform: translateY(-1px); background-image: linear-gradient(180deg, var(--mdc-ghost-1), var(--mdc-ghost-3)); box-shadow: inset 1px 1px 0 var(--mdc-hilite), 1px 2px 3px var(--mdc-shadow); }
.mdc-seg .mdc-seg__input:checked + .mdc-seg__item {
  color: var(--_ink); text-shadow: var(--_tsh); transform: none;
  background-image: var(--_sweep), var(--_spa), var(--_spb), var(--_sheen), var(--_tex), var(--_face), var(--_rhi), var(--_ring);
  box-shadow: var(--_rf), var(--_elev), var(--_lip), var(--_dome), var(--_glowsh), var(--_rimsh);
}
.mdc-seg--cyan .mdc-seg__input:checked + .mdc-seg__item { --_k0: #9bf6ff; --_k40: #1feaff; --_k46: #00e5ff; --_k50: #00c4db; --_k78: #00d8f0; --_k100: #5cefff; --_polface: var(--mdc-face-cyan); --_ink: var(--mdc-c-onAccent); --_tsh: var(--mdc-label-cyan); --_lit: #ddfcff; --_shade: #007a8a; --_glowsh: 0 0 0 0 transparent; --_tex: var(--mdc-tex-enamel); --_tsz: var(--mdc-tex-enamel-size); --_face: var(--_f-soft); }
.mdc-seg .mdc-seg__item:active, .mdc-seg .mdc-seg__item.is-active { transform: translateY(1px); filter: brightness(.94); }
.mdc-seg .mdc-seg__input:checked + .mdc-seg__item:active, .mdc-seg .mdc-seg__input:checked + .mdc-seg__item.is-active { --_tl: var(--_shade); --_br: var(--_lit); --_lip: var(--mdc-press-lip); --_elev: 0 0 0 0 transparent; --_dome: 0 0 0 0 transparent; }
.mdc-seg .mdc-seg__input:focus-visible + .mdc-seg__item, .mdc-seg .mdc-seg__item.is-focus { outline: 3px solid transparent; outline-offset: 2px; --_rf: var(--mdc-ring); position: relative; z-index: 1; box-shadow: var(--_rf), var(--_elev), var(--_lip), var(--_dome), var(--_glowsh), var(--_rimsh); }
.mdc-seg .mdc-seg__input:disabled + .mdc-seg__item, .mdc-seg .mdc-seg__item.is-disabled { color: var(--mdc-pewter-ink); text-shadow: 1px 1px 0 rgb(255 255 255 / .25); cursor: not-allowed; transform: none; pointer-events: none; background-image: var(--mdc-dis-tex), var(--mdc-face-pewter-theme); background-size: var(--mdc-dis-sz), 100% 100%; background-blend-mode: var(--mdc-dis-tb), normal; box-shadow: inset 1px 1px 0 var(--mdc-pew-lit), inset -1px -1px 0 var(--mdc-pew-shade); }
:is(.mdc-chip, :where(.search-chip, .hands-review .tag)) {
  display: inline-flex; align-items: center; gap: .45rem; min-block-size: 2rem; padding: .2rem .85rem; margin: 0; border-radius: 999px;
  font: 600 .8125rem/1 var(--mdc-font); cursor: default; user-select: none; white-space: nowrap; transform: translateY(var(--_lift, 0px));
  transition: transform var(--mdc-dur-standard) var(--mdc-ease-release), box-shadow var(--mdc-t), filter var(--mdc-t), --_sw 0s;
}
button:is(.mdc-chip, :where(.search-chip, .hands-review .tag)), a:is(.mdc-chip, :where(.search-chip, .hands-review .tag)) { cursor: pointer; min-block-size: 2.25rem; text-decoration: none; }
:is(.mdc-chip, :where(.search-chip, .hands-review .tag)) svg { inline-size: 1em; block-size: 1em; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.mdc-chip__x {
  all: unset; box-sizing: border-box; display: inline-grid; place-items: center; inline-size: 1.5rem; block-size: 1.5rem; margin-inline: .1rem -.5rem; border-radius: 50%; cursor: pointer;
  background-image: radial-gradient(circle at 35% 30%, rgb(255 255 255 / .35), rgb(0 0 0 / .10)); box-shadow: inset 1px 1px 2px rgb(0 0 0 / .35), 1px 1px 0 rgb(255 255 255 / .55); transition: filter var(--mdc-t), transform var(--mdc-t);
}
@media (hover: hover) {
.mdc-chip__x:hover { filter: brightness(.9); }
}
.mdc-chip__x.is-hover { filter: brightness(.9); }
.mdc-chip__x:active { transform: translateY(1px); box-shadow: inset 2px 2px 3px rgb(0 0 0 / .5), 1px 1px 0 rgb(255 255 255 / .55); }
.mdc-chip__x:focus-visible { outline: 3px solid transparent; outline-offset: 2px; box-shadow: var(--mdc-ring); }
:is(.mdc-chip, :where(.search-chip, .hands-review .tag))[aria-pressed="true"], :is(.mdc-chip, :where(.search-chip, .hands-review .tag)).is-selected {
  --_k0: #9bf6ff; --_k40: #1feaff; --_k46: #00e5ff; --_k50: #00c4db; --_k78: #00d8f0; --_k100: #5cefff; --_polface: var(--mdc-face-cyan); --_ink: var(--mdc-c-onAccent); --_tsh: var(--mdc-label-cyan); --_lit: #ddfcff; --_shade: #007a8a; --_glowsh: 0 3px 10px -3px rgb(0 229 255 / .6);
  --_face: var(--_f-soft);
}
:is(.mdc-chip, :where(.search-chip, .hands-review .tag))[disabled], :is(.mdc-chip, :where(.search-chip, .hands-review .tag)).is-disabled { pointer-events: none; }
:is(.mdc-badge, :where(.roster-badge, .agent__badge)) {
  display: inline-flex; align-items: center; justify-content: center; min-inline-size: 1.65rem; block-size: 1.65rem; padding-inline: .45rem; border-radius: 999px;
  font: 700 .75rem/1 var(--mdc-font); letter-spacing: .02em; font-variant-numeric: tabular-nums; white-space: nowrap;
}
.mdc-badge--lg { block-size: 2rem; min-inline-size: 2rem; padding-inline: .75rem; font-size: .8125rem; --_dz: 4.5px; }
.mdc-badge--dot { min-inline-size: 0; inline-size: 1rem; block-size: 1rem; padding: 0; --_bz: 1.5px; --_dz: 2.5px; }
.mdc-label, :is(.mdc-plate, :where(.card__icon)) {
  position: relative; display: inline-flex; align-items: center; gap: .5rem; min-block-size: 1.9rem; padding: .25rem .9rem; border-radius: .35rem;
  font: 700 .6875rem/1 var(--mdc-font); letter-spacing: .14em; text-transform: uppercase; white-space: nowrap;
}
.mdc-label--screws { padding-inline: 1.7rem; }
.mdc-label--screws::before, .mdc-label--screws::after {
  content: ""; position: absolute; inset-block-start: 50%; inline-size: .42rem; block-size: .42rem; margin-block-start: -.21rem; border-radius: 50%;
  background: radial-gradient(circle at 32% 28%, #fff 0, #c3cad1 45%, #7d8791 100%); box-shadow: inset 0 0 0 .5px rgb(0 0 0 / .45), 1px 1px 1px rgb(0 0 0 / .3);
}
.mdc-label--screws::before { inset-inline-start: .5rem; } .mdc-label--screws::after { inset-inline-end: .5rem; }
.mdc-label--engraved {
  --_tl: var(--mdc-groove-a); --_br: var(--mdc-groove-b); --_ink: var(--mdc-ink-2); --_tsh: 1px 1px 0 var(--mdc-hilite);
  --_face: linear-gradient(var(--mdc-bg), var(--mdc-bg)); --_sheen: var(--mdc-etch-face); --_spa: var(--_off); --_spb: var(--_off); --_elev: 0 0 0 0 transparent; --_lip: 0 0 0 0 transparent;
}
.mdc-lens {
  display: inline-flex; align-items: center; gap: .4rem; padding: .3rem .95rem; border-radius: 999px; font: 700 .75rem/1 var(--mdc-font); letter-spacing: .06em; white-space: nowrap;
}
.mdc-tag { display: inline-block; filter: drop-shadow(1px 1px 1px var(--mdc-shadow)) drop-shadow(2px 5px 5px var(--mdc-shadow)); transition: transform var(--mdc-t); }
@media (hover: hover) {
.mdc-tag:hover { transform: translateY(-1.5px); }
}
.mdc-tag.is-hover { transform: translateY(-1.5px); }
.mdc-tag__body {
  --_ring: linear-gradient(180deg, var(--_lit), var(--_shade));
  position: relative; display: inline-flex; align-items: center; gap: .5rem; min-block-size: 1.95rem; padding: .3rem .9rem .3rem 1.85rem;
  font: 700 .75rem/1 var(--mdc-font); letter-spacing: .04em; white-space: nowrap;
  clip-path: polygon(.8rem 0, 100% 0, 100% 100%, .8rem 100%, 0 50%);
}
[dir="rtl"] .mdc-tag__body { padding: .3rem 1.85rem .3rem .9rem; clip-path: polygon(0 0, calc(100% - .8rem) 0, 100% 50%, calc(100% - .8rem) 100%, 0 100%); }
.mdc-tag__body::before { content: ""; position: absolute; inset-inline-start: .75rem; inset-block-start: 50%; inline-size: .5rem; block-size: .5rem; margin-block-start: -.25rem; border-radius: 50%; background: var(--mdc-bg); box-shadow: inset 1px 1.5px 2px rgb(0 0 0 / .6), 0 0 0 1px rgb(255 255 255 / .35); }
.mdc-tag--jewel { display: inline-flex; align-items: center; gap: .55rem; padding: .3rem .9rem .3rem .65rem; border-radius: 999px; font: 700 .75rem/1 var(--mdc-font); letter-spacing: .06em; white-space: nowrap; filter: none; --_ring: var(--_ringf); }
.mdc-tag--jewel:not(:is(.mdc-skin-cyan, :where(.btn--primary, .contact-submit, .roster-badge--approved, .agent__badge--approved))) { --_k0: #2e383e; --_k40: #1b242a; --_k46: #182024; --_k50: #0a0d0f; --_k78: #12181b; --_k100: #1b2328; --_polface: var(--mdc-face-enamel); --_ink: var(--mdc-c-onEnamel); --_tsh: var(--mdc-label-embossed); --_lit: #87949c; --_shade: #000; --_gk: .55; }
.mdc-tag--jewel > i { inline-size: .65rem; block-size: .65rem; border-radius: 50%; flex: none; background: radial-gradient(circle at 32% 28%, #fff 0, #9bf6ff 22%, #00e5ff 55%, #007a8a 100%); box-shadow: 0 0 8px 1px rgb(0 229 255 / .8), inset -1px -1px 2px rgb(0 60 70 / .6); }
.mdc-knob { display: inline-block; inline-size: 6rem; block-size: 6rem; border-radius: 50%; position: relative; --_face: radial-gradient(circle at 34% 28%, var(--_k0) 0%, var(--_k46) 55%, var(--_k50) 100%); --_spa: var(--mdc-spun-hi); --_spb: var(--mdc-spun); --_sheen: var(--_off); --_tex: var(--mdc-tex-micro); --_tsz: var(--mdc-tex-micro-size); --_ring: var(--_ringf);
  --_dome: inset 0 3px 5px -1px rgb(255 255 255 / .6), inset 0 -4px 7px -1px rgb(0 0 0 / .28); }
.mdc-knob--sm { inline-size: 3rem; block-size: 3rem; --_bz: 3px; }
.mdc-knob.mdc-skin-dark { --_face: radial-gradient(circle at 34% 28%, #46535b 0%, #182024 58%, #0a0d0f 100%); }
.mdc-knob::after { content: ""; position: absolute; inset-block-start: 10%; inset-inline-start: calc(50% - 2px); inline-size: 4px; block-size: 24%; border-radius: 2px; background: linear-gradient(180deg, #00a9bd, #00e5ff); box-shadow: 0 0 6px rgb(0 229 255 / .8), inset 0 1px 0 rgb(255 255 255 / .6); }
:is(.mdc-card, :where(.card, .surface-interactive, .roster-card, .state, .search-result, .bgg-card, .hands-review .item, .hands-review .short-version, .gate-box, .signup-box, .nav-dropdown-menu, .contact-box, .contact-errors, .ms-quote, .ms-chapter-banner, .hold-footer, .roster-notice, .hands-review .item .ask, .bgg-banner)) {
  position: relative; padding: 1.35rem 1.45rem; border-radius: var(--mdc-r-lg);
  --_rf: 0 0 0 0 transparent;
  box-shadow: var(--_rf), var(--_lip), -1px -1px 0 0 var(--mdc-key-tl), 1px 1px 0 0 var(--mdc-key-br), var(--_dome), var(--_elev);
  transition: transform var(--mdc-t), box-shadow var(--mdc-t);
}
:is(.mdc-card--raised, :where(.nav-dropdown-menu, .signup-box)) { --_elev: var(--mdc-elev-e4); }
:is(.mdc-card--inset, :where(.card--soon, .ms-quote, .ms-chapter-banner, .hold-footer, .roster-notice, .hands-review .item .ask, .bgg-banner, .contact-errors)) {
  --_face: linear-gradient(145deg, var(--mdc-well-1), color-mix(in srgb, var(--mdc-well-1) 60%, var(--mdc-well-2)) 60%, var(--mdc-well-2)); --_sheen: var(--_off); --_spa: var(--_off);
  --_lip: inset 1px 1px 0 var(--mdc-edge-a), inset -1px -1px 0 var(--mdc-edge-b), inset 3px 4px 10px var(--mdc-shadow-deep); --_elev: 1.5px 1.5px 0 var(--mdc-hilite);
}
:is(.mdc-card--inset, :where(.card--soon, .ms-quote, .ms-chapter-banner, .hold-footer, .roster-notice, .hands-review .item .ask, .bgg-banner, .contact-errors)) { box-shadow: var(--_lip), var(--_elev); }
:is(.mdc-card--interactive, :where(a.card:not(.card--soon), .surface-interactive, .search-result)) { cursor: pointer; }
@media (hover: hover) {
:is(.mdc-card--interactive, :where(a.card:not(.card--soon), .surface-interactive, .search-result)):hover { transform: translateY(-3px); --_elev: var(--mdc-elev-e4); }
}
:is(.mdc-card--interactive, :where(a.card:not(.card--soon), .surface-interactive, .search-result)).is-hover { transform: translateY(-3px); --_elev: var(--mdc-elev-e4); }
:is(.mdc-card--interactive, :where(a.card:not(.card--soon), .surface-interactive, .search-result)):active, :is(.mdc-card--interactive, :where(a.card:not(.card--soon), .surface-interactive, .search-result)).is-active { transform: translateY(1px); --_elev: 1px 1px 0 var(--mdc-hilite); --_lip: inset 1px 1px 0 var(--mdc-edge-a), inset -1px -1px 0 var(--mdc-edge-b), inset 3px 4px 10px var(--mdc-shadow-deep); }
:is(.mdc-card--interactive, :where(a.card:not(.card--soon), .surface-interactive, .search-result)):active, :is(.mdc-card--interactive, :where(a.card:not(.card--soon), .surface-interactive, .search-result)).is-active { box-shadow: var(--_rf), var(--_lip), var(--_elev); }
:is(.mdc-card--interactive, :where(a.card:not(.card--soon), .surface-interactive, .search-result)):focus-visible, :is(.mdc-card--interactive, :where(a.card:not(.card--soon), .surface-interactive, .search-result)).is-focus { outline: 3px solid transparent; outline-offset: 4px; --_rf: var(--mdc-ring); }
.mdc-card__eyebrow { margin: 0 0 .35rem; font: 700 .6875rem/1 var(--mdc-font); letter-spacing: .14em; text-transform: uppercase; color: var(--mdc-accent-on-well); }
.mdc-card__title { margin: 0 0 .4rem; font: 700 1.2rem/1.2 var(--mdc-font-display); letter-spacing: -.005em; text-shadow: 0 1px 0 var(--mdc-hilite); }
.mdc-card__body { margin: 0; font: 400 .9375rem/1.55 var(--mdc-font); color: var(--mdc-ink-body); }
.mdc-card__rule { block-size: 4px; margin: 1rem 0; border: 0; border-radius: 2px; background: linear-gradient(180deg, var(--mdc-shadow), transparent 60%, var(--mdc-hilite) 61%, transparent); opacity: .85; }
.mdc-panel { position: relative; padding-block-start: .95rem; }
.mdc-panel__plate { position: absolute; z-index: 1; inset-block-start: 0; inset-inline-start: 1.25rem; }
.mdc-panel__body {
  padding: 1.75rem 1.4rem 1.35rem; border-radius: var(--mdc-r-lg);
  --_face: linear-gradient(145deg, var(--mdc-well-1), color-mix(in srgb, var(--mdc-well-1) 60%, var(--mdc-well-2)) 60%, var(--mdc-well-2)); --_sheen: var(--_off); --_spa: var(--_off);
  --_lip: inset 1px 1px 0 var(--mdc-edge-a), inset -1px -1px 0 var(--mdc-edge-b), inset 4px 5px 12px var(--mdc-shadow-deep); --_elev: 2px 2px 0 var(--mdc-hilite);
  box-shadow: var(--_lip), var(--_elev);
}
:is(.mdc-frame, :where(dialog.search-dialog)) { position: relative; isolation: isolate; padding: 1.35rem 1.5rem; border-radius: .6rem; font: 400 .9375rem/1.55 var(--mdc-font); color: var(--mdc-ink); }
:is(.mdc-frame, :where(dialog.search-dialog)) > :first-child { margin-block-start: 0; } :is(.mdc-frame, :where(dialog.search-dialog)) > :last-child { margin-block-end: 0; }
.mdc-frame__title { margin: 0 0 .35rem; font: 700 1rem/1.2 var(--mdc-font-display); }
:is(.mdc-frame, :where(dialog.search-dialog)) > * { position: relative; z-index: 1; }
.mdc-frame--ogee, :is(.mdc-frame, :where(dialog.search-dialog)):not([class*="mdc-frame--"]) {
  --_bz: 8px; border-radius: 1.1rem; padding: 1.35rem 1.5rem;
  --_lit: #ffffff; --_shade: #7c8790; --_tl: var(--_lit); --_br: var(--_shade); --_rhi: linear-gradient(180deg, rgb(255 255 255 / .38), rgb(255 255 255 / 0) 42%);
  --_face: var(--mdc-face-well-theme); --_sheen: var(--_off); --_spa: var(--_off);
  --_tex: var(--mdc-tex-brushed); --_tsz: var(--mdc-tex-brushed-size);
  --_lip: inset 2px 3px 6px var(--mdc-shadow), inset -1px -1px 0 var(--mdc-hilite); --_elev: var(--mdc-elev-e3);
  box-shadow: var(--_lip), var(--_elev);
}
.mdc-frame--ogee::before, :is(.mdc-frame, :where(dialog.search-dialog)):not([class*="mdc-frame--"])::before { content: ""; position: absolute; inset: -8px; z-index: 0; border-radius: 1.1rem; pointer-events: none; box-shadow: var(--mdc-ogee-insets); }
:is(.mdc-frame--enamel, :where(dialog.search-dialog)) {
  --_bz: 8px; border-radius: 1.1rem; --_lit: #87949c; --_shade: #000000; --_face: var(--mdc-face-enamel); --_ink: var(--mdc-c-onEnamel); color: var(--mdc-c-onEnamel);
  --_tex: var(--mdc-tex-enamel); --_tsz: var(--mdc-tex-enamel-size); --_spa: var(--mdc-gloss-enamelBloom); --_sheen: var(--_off);
  --_lip: inset 2px 3px 8px rgb(0 0 0 / .8), inset -1px -1px 0 rgb(255 255 255 / .12); --_elev: var(--mdc-elev-e3);
  box-shadow: var(--_lip), var(--_elev);
}
:is(.mdc-frame--enamel, :where(dialog.search-dialog))::before { content: ""; position: absolute; inset: -8px; z-index: 0; border-radius: 1.1rem; pointer-events: none; box-shadow: var(--mdc-ogee-insets); }
.mdc-frame--bevel {
  --_bz: 7px; --_lit: #f2f5f7; --_shade: #4f5964; --_rhi: linear-gradient(180deg, rgb(255 255 255 / .35), rgb(255 255 255 / 0) 40%);
  --_lip: inset 3px 4px 7px var(--mdc-shadow), inset -1px -1px 0 var(--mdc-hilite); --_elev: var(--mdc-elev-e3);
  box-shadow: var(--_lip), -1px -1px 0 0 var(--mdc-key-tl), 1px 1px 0 0 var(--mdc-key-br), var(--_elev);
}
.mdc-frame--chamfer {
  --c: 1.15rem; --w: .42rem; background: none; border: 0; border-radius: 0; padding: calc(var(--w) + 1.15rem) calc(var(--w) + 1.35rem); box-shadow: none;
  filter: drop-shadow(1px 2px 1px var(--mdc-shadow)) drop-shadow(5px 12px 12px var(--mdc-shadow));
}
.mdc-frame--chamfer::before, .mdc-frame--chamfer::after { content: ""; position: absolute; z-index: -1; }
.mdc-frame--chamfer::before {
  inset: 0; clip-path: polygon(var(--c) 0, calc(100% - var(--c)) 0, 100% var(--c), 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, var(--c) 100%, 0 calc(100% - var(--c)), 0 var(--c));
  background: linear-gradient(to bottom right, #ffffff 0%, #f0f3f6 20%, #c3cad1 46%, #566069 54%, #78838d 76%, #363d45 100%);
}
.mdc-frame--chamfer::after {
  inset: var(--w); --ci: calc(var(--c) - var(--w) * .4142);
  clip-path: polygon(var(--ci) 0, calc(100% - var(--ci)) 0, 100% var(--ci), 100% calc(100% - var(--ci)), calc(100% - var(--ci)) 100%, var(--ci) 100%, 0 calc(100% - var(--ci)), 0 var(--ci));
  background-image: var(--mdc-tex-grain), linear-gradient(145deg, var(--mdc-surf-1), var(--mdc-surf-2) 55%, var(--mdc-surf-3));
  background-size: var(--mdc-tex-grain-size), 100% 100%; background-blend-mode: overlay, normal;
  box-shadow: inset 4px 5px 8px var(--mdc-shadow), inset -2px -2px 0 var(--mdc-hilite);
}
.mdc-frame--engraved { padding: 1.9rem 2rem; border-radius: .7rem; --_elev: var(--mdc-elev-e2); box-shadow: var(--_lip), -1px -1px 0 0 var(--mdc-key-tl), 1px 1px 0 0 var(--mdc-key-br), var(--_elev); }
.mdc-frame--engraved::before {
  content: ""; position: absolute; inset: .7rem; z-index: 0; border-radius: .35rem; padding: 3px; pointer-events: none;
  background: linear-gradient(to bottom right, rgb(0 0 0 / .62) 0%, rgb(0 0 0 / .38) 46%, rgb(255 255 255 / .9) 54%, rgb(255 255 255 / .55) 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
}
[data-theme="dark"] .mdc-frame--engraved::before { background: linear-gradient(to bottom right, rgb(0 0 0 / .95) 0%, rgb(0 0 0 / .6) 46%, rgb(255 255 255 / .28) 54%, rgb(255 255 255 / .12) 100%); }
@media (prefers-color-scheme: dark) { :root:not([data-theme]) .mdc-frame--engraved::before { background: linear-gradient(to bottom right, rgb(0 0 0 / .95) 0%, rgb(0 0 0 / .6) 46%, rgb(255 255 255 / .28) 54%, rgb(255 255 255 / .12) 100%); } }
.mdc-frame--inlaid {
  padding: 2rem 2.1rem; border-radius: .7rem; --_face: linear-gradient(145deg, #fbfcfd, #cdd3d9 52%, #a8b0ba); --_tex: var(--mdc-tex-brushed); --_tsz: var(--mdc-tex-brushed-size); color: #07090a; --_ink: #07090a;
  --_lip: inset 1.5px 1.5px 0 rgb(255 255 255 / .95), inset -1.5px -1.5px 0 rgb(20 30 40 / .4); --_elev: var(--mdc-elev-e3);
  box-shadow: var(--_lip), -1px -1px 0 0 rgb(24 34 44 / .2), 1px 1px 0 0 rgb(24 34 44 / .6), var(--_elev);
}
.mdc-frame--inlaid::before, .mdc-frame--inlaid::after { content: ""; position: absolute; z-index: 0; pointer-events: none; padding: 7px; border-radius: .42rem; inset: .62rem;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); }
.mdc-frame--inlaid::before { background: linear-gradient(to bottom right, rgb(0 0 0 / .55) 0%, rgb(0 0 0 / .3) 46%, rgb(255 255 255 / .95) 54%, rgb(255 255 255 / .6) 100%); }
.mdc-frame--inlaid::after { inset: calc(.62rem + 2px); padding: 3px; border-radius: .3rem; background: linear-gradient(to bottom right, #9bf6ff, #00e5ff 45%, #00c4db 100%); }
.mdc-frame--double {
  padding: 1.9rem 2rem; border-radius: .5rem; --_bz: 5px; --_lit: #ffffff; --_shade: #3c434b; --_rhi: linear-gradient(180deg, rgb(255 255 255 / .3), rgb(255 255 255 / 0) 40%);
  --_lip: inset 3px 4px 6px var(--mdc-shadow), inset -1px -1px 0 var(--mdc-hilite); --_elev: var(--mdc-elev-e3);
  box-shadow: var(--_lip), -1px -1px 0 0 var(--mdc-key-tl), 1px 1px 0 0 var(--mdc-key-br), var(--_elev);
}
.mdc-frame--double::before { content: ""; position: absolute; inset: .55rem; z-index: 0; pointer-events: none; border-radius: .2rem; padding: 2px;
  background: linear-gradient(to bottom right, #ffffff 0%, #c9d0d7 45%, #59626c 55%, #3c434b 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); }
.mdc-frame--glass { border-radius: 1rem; padding: 1.5rem 1.6rem; --_elev: var(--mdc-elev-e3); box-shadow: var(--_rimsh), var(--_elev); }
.mdc-field { display: grid; align-content: start; gap: .6rem; font-family: var(--mdc-font); min-inline-size: 0; }
.mdc-field__label { font: 600 .8125rem/1.2 var(--mdc-font); color: var(--mdc-ink); letter-spacing: .01em; }
.mdc-field__hint { font: 400 .8125rem/1.35 var(--mdc-font); color: var(--mdc-ink-2); }
.mdc-field__error { display: none; font: 600 .8125rem/1.35 var(--mdc-font); color: var(--mdc-error-ink); }
.mdc-field:has([aria-invalid="true"]) .mdc-field__error, .mdc-field.is-invalid .mdc-field__error { display: block; }
:is(.mdc-input, :where(.signup-box input[type="text"], .signup-box input[type="email"], .gate-form input[type="password"], .contact-field input[type="text"], .contact-field input[type="email"], .search-field input[type="search"])), :is(.mdc-select, :where(.contact-field select)), :is(.mdc-textarea, :where(.contact-field textarea)), .mdc-well {
  --_rf: 0 0 0 0 transparent; box-sizing: border-box; inline-size: 100%; min-block-size: 2.75rem; margin: 0; padding: .6rem .9rem; border: 0; border-radius: var(--mdc-r);
  font: 500 .9375rem/1.3 var(--mdc-font); color: var(--mdc-field-ink); caret-color: var(--mdc-accent-on-well);
  background-image: var(--mdc-tex-grain), linear-gradient(180deg, var(--mdc-well-1), var(--mdc-well-2));
  background-size: var(--mdc-tex-grain-size), 100% 100%; background-blend-mode: overlay, normal;
  box-shadow: var(--_rf), inset 1px 1px 0 var(--mdc-edge-a), inset -1px -1px 0 var(--mdc-edge-b), inset 2px 3px 6px var(--mdc-shadow-deep), 1.5px 1.5px 0 var(--mdc-hilite);
  transition: box-shadow var(--mdc-t), filter var(--mdc-t);
}
:is(.mdc-textarea, :where(.contact-field textarea)) { min-block-size: 6.5rem; resize: vertical; line-height: 1.5; }
:is(.mdc-select, :where(.contact-field select)) { appearance: none; -webkit-appearance: none; padding-inline-end: 2.6rem; cursor: pointer;
  background-image: var(--mdc-arrow), var(--mdc-tex-grain), linear-gradient(180deg, var(--mdc-well-1), var(--mdc-well-2));
  background-repeat: no-repeat, repeat, no-repeat; background-position: right .85rem center, 0 0, 0 0;
  background-size: 1rem, var(--mdc-tex-grain-size), 100% 100%; background-blend-mode: normal, overlay, normal; }
[dir="rtl"] :is(.mdc-select, :where(.contact-field select)) { background-position: left .85rem center, 0 0, 0 0; }
:is(.mdc-input, :where(.signup-box input[type="text"], .signup-box input[type="email"], .gate-form input[type="password"], .contact-field input[type="text"], .contact-field input[type="email"], .search-field input[type="search"]))::placeholder, :is(.mdc-textarea, :where(.contact-field textarea))::placeholder { color: var(--mdc-ink-2); opacity: 1; }
@media (hover: hover) {
:is(.mdc-input, :where(.signup-box input[type="text"], .signup-box input[type="email"], .gate-form input[type="password"], .contact-field input[type="text"], .contact-field input[type="email"], .search-field input[type="search"])):hover, :is(.mdc-select, :where(.contact-field select)):hover, :is(.mdc-textarea, :where(.contact-field textarea)):hover, .mdc-well:hover { filter: brightness(1.04); }
}
:is(.mdc-input, :where(.signup-box input[type="text"], .signup-box input[type="email"], .gate-form input[type="password"], .contact-field input[type="text"], .contact-field input[type="email"], .search-field input[type="search"])).is-hover, :is(.mdc-select, :where(.contact-field select)).is-hover, :is(.mdc-textarea, :where(.contact-field textarea)).is-hover, .mdc-well.is-hover { filter: brightness(1.04); }
:is(.mdc-input, :where(.signup-box input[type="text"], .signup-box input[type="email"], .gate-form input[type="password"], .contact-field input[type="text"], .contact-field input[type="email"], .search-field input[type="search"])):focus-visible, :is(.mdc-select, :where(.contact-field select)):focus-visible, :is(.mdc-textarea, :where(.contact-field textarea)):focus-visible, .mdc-well:focus-visible, :is(.mdc-input, :where(.signup-box input[type="text"], .signup-box input[type="email"], .gate-form input[type="password"], .contact-field input[type="text"], .contact-field input[type="email"], .search-field input[type="search"])).is-focus, :is(.mdc-select, :where(.contact-field select)).is-focus, :is(.mdc-textarea, :where(.contact-field textarea)).is-focus { outline: 3px solid transparent; outline-offset: 3px; --_rf: var(--mdc-ring); }
:is(.mdc-input, :where(.signup-box input[type="text"], .signup-box input[type="email"], .gate-form input[type="password"], .contact-field input[type="text"], .contact-field input[type="email"], .search-field input[type="search"]))[aria-invalid="true"], :is(.mdc-textarea, :where(.contact-field textarea))[aria-invalid="true"], :is(.mdc-select, :where(.contact-field select))[aria-invalid="true"], :is(.mdc-input, :where(.signup-box input[type="text"], .signup-box input[type="email"], .gate-form input[type="password"], .contact-field input[type="text"], .contact-field input[type="email"], .search-field input[type="search"])).is-invalid {
  box-shadow: var(--_rf), inset 2px 2px 0 var(--mdc-error-edge), inset -2px -2px 0 var(--mdc-error-edge), inset 2px 3px 6px var(--mdc-shadow-deep), 1.5px 1.5px 0 var(--mdc-hilite);
}
:is(.mdc-input, :where(.signup-box input[type="text"], .signup-box input[type="email"], .gate-form input[type="password"], .contact-field input[type="text"], .contact-field input[type="email"], .search-field input[type="search"]))[readonly], :is(.mdc-textarea, :where(.contact-field textarea))[readonly] {
  cursor: default; color: var(--mdc-ink);
  background-image: var(--mdc-tex-brushed), linear-gradient(180deg, var(--mdc-surf-1) 0%, var(--mdc-surf-2) 55%, var(--mdc-surf-3) 100%);
  background-size: var(--mdc-tex-brushed-size), 100% 100%; background-blend-mode: overlay, normal;
  box-shadow: var(--_rf), inset 1.5px 1.5px 0 var(--mdc-hilite), inset -1px -1px 0 var(--mdc-edge-b), inset 0 -3px 5px -2px var(--mdc-shadow), -1px -1px 0 0 var(--mdc-key-tl), 1px 1px 0 0 var(--mdc-key-br);
}
:is(.mdc-input, :where(.signup-box input[type="text"], .signup-box input[type="email"], .gate-form input[type="password"], .contact-field input[type="text"], .contact-field input[type="email"], .search-field input[type="search"])):disabled, :is(.mdc-select, :where(.contact-field select)):disabled, :is(.mdc-textarea, :where(.contact-field textarea)):disabled, :is(.mdc-input, :where(.signup-box input[type="text"], .signup-box input[type="email"], .gate-form input[type="password"], .contact-field input[type="text"], .contact-field input[type="email"], .search-field input[type="search"])).is-disabled {
  cursor: not-allowed; color: var(--mdc-pewter-ink); -webkit-text-fill-color: var(--mdc-pewter-ink); filter: none;
  background-image: var(--mdc-dis-tex), var(--mdc-face-pewter-theme); background-size: var(--mdc-dis-sz), 100% 100%; background-blend-mode: var(--mdc-dis-tb), normal;
  box-shadow: inset 1px 1px 0 var(--mdc-pew-shade), inset -1px -1px 0 var(--mdc-pew-lit), inset 1px 2px 3px rgb(0 0 0 / .16);
}
.mdc-check, .mdc-radio {
  --_rf: 0 0 0 0 transparent; appearance: none; -webkit-appearance: none; flex: none; inline-size: 1.6rem; block-size: 1.6rem; margin: 0; border-radius: .42rem; cursor: pointer; display: inline-grid; place-content: center; vertical-align: middle;
  background-image: var(--mdc-tex-grain), linear-gradient(180deg, var(--mdc-well-1), var(--mdc-well-2)); background-size: var(--mdc-tex-grain-size), 100% 100%; background-blend-mode: overlay, normal;
  box-shadow: var(--_rf), inset 1px 1px 0 var(--mdc-edge-a), inset -1px -1px 0 var(--mdc-edge-b), inset 2px 3px 5px var(--mdc-shadow-deep), 1px 1px 0 var(--mdc-hilite);
  transition: box-shadow var(--mdc-t), transform var(--mdc-t), filter var(--mdc-t);
}
.mdc-radio { border-radius: 50%; }
.mdc-check:checked, .mdc-radio:checked {
  background-image: var(--mdc-tex-enamel), linear-gradient(145deg, #9bf6ff, #00e5ff 50%, #00c4db); background-size: var(--mdc-tex-enamel-size), 100% 100%; background-blend-mode: overlay, normal;
  box-shadow: var(--_rf), inset 1.5px 1.5px 0 rgb(255 255 255 / .95), inset -1.5px -1.5px 0 rgb(0 70 86 / .65), inset 3px 4px 6px rgb(255 255 255 / .25), -1px -1px 0 0 rgb(0 66 80 / .35), 1px 1px 0 0 rgb(0 66 80 / .85), 1px 2px 3px var(--mdc-shadow), 0 0 10px rgb(0 229 255 / calc(var(--mdc-glow) * 1.2));
}
.mdc-check:checked::after { content: ""; inline-size: .95rem; block-size: .95rem; background: no-repeat center / contain url("/static/img/mdc/check.svg"); }
.mdc-radio:checked::after { content: ""; inline-size: .6rem; block-size: .6rem; border-radius: 50%; background: #021016; box-shadow: 1px 1px 0 rgb(255 255 255 / .6); }
@media (hover: hover) {
.mdc-check:hover, .mdc-radio:hover { filter: brightness(1.06); transform: translateY(-1px); }
}
.mdc-check.is-hover, .mdc-radio.is-hover { filter: brightness(1.06); transform: translateY(-1px); }
.mdc-check:active, .mdc-radio:active, .mdc-check.is-active, .mdc-radio.is-active { transform: translateY(1px); filter: brightness(.94); }
.mdc-check:focus-visible, .mdc-radio:focus-visible, .mdc-check.is-focus, .mdc-radio.is-focus { outline: 3px solid transparent; outline-offset: 3px; --_rf: var(--mdc-ring); }
.mdc-check:disabled, .mdc-radio:disabled, .mdc-check.is-disabled { cursor: not-allowed; transform: none; filter: none; background-image: var(--mdc-dis-tex), var(--mdc-face-pewter-theme); background-size: var(--mdc-dis-sz), 100% 100%; background-blend-mode: var(--mdc-dis-tb), normal;
  box-shadow: inset 1px 1px 0 var(--mdc-pew-shade), inset -1px -1px 0 var(--mdc-pew-lit), inset 1px 2px 3px rgb(0 0 0 / .16); }
.mdc-check:disabled:checked::after { filter: grayscale(1) opacity(.55); }
.mdc-choice { display: inline-flex; align-items: center; gap: .65rem; min-block-size: 2.75rem; font: 500 .9375rem/1.2 var(--mdc-font); color: var(--mdc-ink); cursor: pointer; }
.mdc-canvas { position: relative; isolation: isolate; color: var(--mdc-ink); background: var(--mdc-canvas-gradient); }
.mdc-canvas::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: var(--mdc-tex-brushed); background-size: var(--mdc-tex-brushed-size); mix-blend-mode: soft-light; opacity: calc(var(--mdc-tex-brushed-op) * .08); }
@media (prefers-reduced-motion: reduce) {
  :is(:is(.mdc-btn, :where(.btn:not(.btn--link), .nav-toggle, .search-btn, .search-close, .contact-submit, .wow-music-fab, .wow-music-panel button)),
:is(.mdc-chip, :where(.search-chip, .hands-review .tag)),
.mdc-seg__item,
:is(.mdc-badge, :where(.roster-badge, .agent__badge)),
.mdc-label,
:is(.mdc-plate, :where(.card__icon)),
.mdc-lens,
.mdc-tag__body,
.mdc-tag--jewel,
.mdc-toggle__thumb,
.mdc-knob,
:is(.mdc-card, :where(.card, .surface-interactive, .roster-card, .state, .search-result, .bgg-card, .hands-review .item, .hands-review .short-version, .gate-box, .signup-box, .nav-dropdown-menu, .contact-box, .contact-errors, .ms-quote, .ms-chapter-banner, .hold-footer, .roster-notice, .hands-review .item .ask, .bgg-banner)),
.mdc-panel__body,
:is(.mdc-frame, :where(dialog.search-dialog))), .mdc-tag, .mdc-toggle__track, .mdc-toggle__thumb, :is(.mdc-input, :where(.signup-box input[type="text"], .signup-box input[type="email"], .gate-form input[type="password"], .contact-field input[type="text"], .contact-field input[type="email"], .search-field input[type="search"])), :is(.mdc-select, :where(.contact-field select)), :is(.mdc-textarea, :where(.contact-field textarea)), .mdc-well, .mdc-check, .mdc-radio, .mdc-chip__x { transition: none !important; }
  :is(.mdc-btn, :where(.btn:not(.btn--link), .nav-toggle, .search-btn, .search-close, .contact-submit, .wow-music-fab, .wow-music-panel button)), :is(.mdc-chip, :where(.search-chip, .hands-review .tag)) { --_sw: 130% !important; --_lift: 0px !important; }
}
@media (prefers-reduced-motion: reduce) and (hover: hover) {
  :is(.mdc-card--interactive, :where(a.card:not(.card--soon), .surface-interactive, .search-result)):hover, .mdc-tag:hover { transform: none; }
}
@media (prefers-contrast: more) {
  :is(:is(.mdc-btn, :where(.btn:not(.btn--link), .nav-toggle, .search-btn, .search-close, .contact-submit, .wow-music-fab, .wow-music-panel button)),
:is(.mdc-chip, :where(.search-chip, .hands-review .tag)),
.mdc-seg__item,
:is(.mdc-badge, :where(.roster-badge, .agent__badge)),
.mdc-label,
:is(.mdc-plate, :where(.card__icon)),
.mdc-lens,
.mdc-tag__body,
.mdc-tag--jewel,
.mdc-toggle__thumb,
.mdc-knob,
:is(.mdc-card, :where(.card, .surface-interactive, .roster-card, .state, .search-result, .bgg-card, .hands-review .item, .hands-review .short-version, .gate-box, .signup-box, .nav-dropdown-menu, .contact-box, .contact-errors, .ms-quote, .ms-chapter-banner, .hold-footer, .roster-notice, .hands-review .item .ask, .bgg-banner)),
.mdc-panel__body,
:is(.mdc-frame, :where(dialog.search-dialog))) { --_tex: var(--_off); --_spa: var(--_off); --_spb: var(--_off); --_sheen: var(--_off); --_tsh: none; --_shade: #000; --_bz: max(var(--_bz), 3px); }
  .mdc-skin-dark, .mdc-btn--enamel { --_lit: #f6f8f9; }
  :is(:is(.mdc-btn, :where(.btn:not(.btn--link), .nav-toggle, .search-btn, .search-close, .contact-submit, .wow-music-fab, .wow-music-panel button)),
:is(.mdc-chip, :where(.search-chip, .hands-review .tag)),
.mdc-seg__item,
:is(.mdc-badge, :where(.roster-badge, .agent__badge)),
.mdc-label,
:is(.mdc-plate, :where(.card__icon)),
.mdc-lens,
.mdc-tag__body,
.mdc-tag--jewel,
.mdc-toggle__thumb,
.mdc-knob,
:is(.mdc-card, :where(.card, .surface-interactive, .roster-card, .state, .search-result, .bgg-card, .hands-review .item, .hands-review .short-version, .gate-box, .signup-box, .nav-dropdown-menu, .contact-box, .contact-errors, .ms-quote, .ms-chapter-banner, .hold-footer, .roster-notice, .hands-review .item .ask, .bgg-banner)),
.mdc-panel__body,
:is(.mdc-frame, :where(dialog.search-dialog))):is(:disabled, [aria-disabled="true"], .is-disabled) { --_ink: var(--mdc-ink); --_shade: var(--mdc-ink-2); }
  :is(:is(.mdc-btn, :where(.btn:not(.btn--link), .nav-toggle, .search-btn, .search-close, .contact-submit, .wow-music-fab, .wow-music-panel button)),
:is(.mdc-chip, :where(.search-chip, .hands-review .tag)),
.mdc-seg__item,
:is(.mdc-badge, :where(.roster-badge, .agent__badge)),
.mdc-label,
:is(.mdc-plate, :where(.card__icon)),
.mdc-lens,
.mdc-tag__body,
.mdc-tag--jewel,
.mdc-toggle__thumb,
.mdc-knob,
:is(.mdc-card, :where(.card, .surface-interactive, .roster-card, .state, .search-result, .bgg-card, .hands-review .item, .hands-review .short-version, .gate-box, .signup-box, .nav-dropdown-menu, .contact-box, .contact-errors, .ms-quote, .ms-chapter-banner, .hold-footer, .roster-notice, .hands-review .item .ask, .bgg-banner)),
.mdc-panel__body,
:is(.mdc-frame, :where(dialog.search-dialog))):focus-visible, :is(:is(.mdc-btn, :where(.btn:not(.btn--link), .nav-toggle, .search-btn, .search-close, .contact-submit, .wow-music-fab, .wow-music-panel button)),
:is(.mdc-chip, :where(.search-chip, .hands-review .tag)),
.mdc-seg__item,
:is(.mdc-badge, :where(.roster-badge, .agent__badge)),
.mdc-label,
:is(.mdc-plate, :where(.card__icon)),
.mdc-lens,
.mdc-tag__body,
.mdc-tag--jewel,
.mdc-toggle__thumb,
.mdc-knob,
:is(.mdc-card, :where(.card, .surface-interactive, .roster-card, .state, .search-result, .bgg-card, .hands-review .item, .hands-review .short-version, .gate-box, .signup-box, .nav-dropdown-menu, .contact-box, .contact-errors, .ms-quote, .ms-chapter-banner, .hold-footer, .roster-notice, .hands-review .item .ask, .bgg-banner)),
.mdc-panel__body,
:is(.mdc-frame, :where(dialog.search-dialog))).is-focus { --_rf: 0 0 0 2px var(--mdc-focus-gap), 0 0 0 5px var(--mdc-focus-inner), 0 0 0 8px var(--mdc-focus-outer); }
  :is(.mdc-input, :where(.signup-box input[type="text"], .signup-box input[type="email"], .gate-form input[type="password"], .contact-field input[type="text"], .contact-field input[type="email"], .search-field input[type="search"])), :is(.mdc-select, :where(.contact-field select)), :is(.mdc-textarea, :where(.contact-field textarea)), .mdc-well, .mdc-seg, .mdc-toggle__track, .mdc-check, .mdc-radio { background-image: none; background-color: var(--mdc-well-2); --mdc-edge-a: var(--mdc-ink); --mdc-edge-b: var(--mdc-ink-2); }
  :is(.mdc-card, :where(.card, .surface-interactive, .roster-card, .state, .search-result, .bgg-card, .hands-review .item, .hands-review .short-version, .gate-box, .signup-box, .nav-dropdown-menu, .contact-box, .contact-errors, .ms-quote, .ms-chapter-banner, .hold-footer, .roster-notice, .hands-review .item .ask, .bgg-banner)), :is(.mdc-frame, :where(dialog.search-dialog)) { background-image: none; background-color: var(--mdc-surf-1); }
  .mdc-card__title { text-shadow: none; }
}
@media (forced-colors: active) {
  :is(:is(.mdc-btn, :where(.btn:not(.btn--link), .nav-toggle, .search-btn, .search-close, .contact-submit, .wow-music-fab, .wow-music-panel button)),
:is(.mdc-chip, :where(.search-chip, .hands-review .tag)),
.mdc-seg__item,
:is(.mdc-badge, :where(.roster-badge, .agent__badge)),
.mdc-label,
:is(.mdc-plate, :where(.card__icon)),
.mdc-lens,
.mdc-tag__body,
.mdc-tag--jewel,
.mdc-toggle__thumb,
.mdc-knob,
:is(.mdc-card, :where(.card, .surface-interactive, .roster-card, .state, .search-result, .bgg-card, .hands-review .item, .hands-review .short-version, .gate-box, .signup-box, .nav-dropdown-menu, .contact-box, .contact-errors, .ms-quote, .ms-chapter-banner, .hold-footer, .roster-notice, .hands-review .item .ask, .bgg-banner)),
.mdc-panel__body,
:is(.mdc-frame, :where(dialog.search-dialog))), .mdc-seg, :is(.mdc-input, :where(.signup-box input[type="text"], .signup-box input[type="email"], .gate-form input[type="password"], .contact-field input[type="text"], .contact-field input[type="email"], .search-field input[type="search"])), :is(.mdc-select, :where(.contact-field select)), :is(.mdc-textarea, :where(.contact-field textarea)), .mdc-well, .mdc-toggle__track, .mdc-check, .mdc-radio { background-image: none; box-shadow: none; text-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; forced-color-adjust: auto; }
  .mdc-frame--chamfer::before, .mdc-frame--chamfer::after, .mdc-frame--engraved::before, .mdc-frame--inlaid::before, .mdc-frame--inlaid::after, .mdc-frame--double::before, .mdc-frame--ogee::before, :is(.mdc-frame--enamel, :where(dialog.search-dialog))::before, :is(.mdc-frame, :where(dialog.search-dialog)):not([class*="mdc-frame--"])::before { display: none; }
  .mdc-frame--chamfer { filter: none; }
  :is(:is(.mdc-btn, :where(.btn:not(.btn--link), .nav-toggle, .search-btn, .search-close, .contact-submit, .wow-music-fab, .wow-music-panel button)),
:is(.mdc-chip, :where(.search-chip, .hands-review .tag)),
.mdc-seg__item,
:is(.mdc-badge, :where(.roster-badge, .agent__badge)),
.mdc-label,
:is(.mdc-plate, :where(.card__icon)),
.mdc-lens,
.mdc-tag__body,
.mdc-tag--jewel,
.mdc-toggle__thumb,
.mdc-knob,
:is(.mdc-card, :where(.card, .surface-interactive, .roster-card, .state, .search-result, .bgg-card, .hands-review .item, .hands-review .short-version, .gate-box, .signup-box, .nav-dropdown-menu, .contact-box, .contact-errors, .ms-quote, .ms-chapter-banner, .hold-footer, .roster-notice, .hands-review .item .ask, .bgg-banner)),
.mdc-panel__body,
:is(.mdc-frame, :where(dialog.search-dialog))), .mdc-seg, :is(.mdc-input, :where(.signup-box input[type="text"], .signup-box input[type="email"], .gate-form input[type="password"], .contact-field input[type="text"], .contact-field input[type="email"], .search-field input[type="search"])), :is(.mdc-select, :where(.contact-field select)), :is(.mdc-textarea, :where(.contact-field textarea)), .mdc-well, .mdc-toggle__track, .mdc-check, .mdc-radio { border: 2px solid ButtonText; }
  :is(.mdc-btn, :where(.btn:not(.btn--link), .nav-toggle, .search-btn, .search-close, .contact-submit, .wow-music-fab, .wow-music-panel button)):is(:disabled, [aria-disabled="true"], .is-disabled) { color: GrayText; border-color: GrayText; }
  :is(.mdc-btn, :where(.btn:not(.btn--link), .nav-toggle, .search-btn, .search-close, .contact-submit, .wow-music-fab, .wow-music-panel button)):is(:active, .is-active, [aria-pressed="true"]) { border-width: 4px; border-style: double; }
  :is(:is(.mdc-btn, :where(.btn:not(.btn--link), .nav-toggle, .search-btn, .search-close, .contact-submit, .wow-music-fab, .wow-music-panel button)),
:is(.mdc-chip, :where(.search-chip, .hands-review .tag)),
.mdc-seg__item,
:is(.mdc-badge, :where(.roster-badge, .agent__badge)),
.mdc-label,
:is(.mdc-plate, :where(.card__icon)),
.mdc-lens,
.mdc-tag__body,
.mdc-tag--jewel,
.mdc-toggle__thumb,
.mdc-knob,
:is(.mdc-card, :where(.card, .surface-interactive, .roster-card, .state, .search-result, .bgg-card, .hands-review .item, .hands-review .short-version, .gate-box, .signup-box, .nav-dropdown-menu, .contact-box, .contact-errors, .ms-quote, .ms-chapter-banner, .hold-footer, .roster-notice, .hands-review .item .ask, .bgg-banner)),
.mdc-panel__body,
:is(.mdc-frame, :where(dialog.search-dialog))):focus-visible, :is(.mdc-input, :where(.signup-box input[type="text"], .signup-box input[type="email"], .gate-form input[type="password"], .contact-field input[type="text"], .contact-field input[type="email"], .search-field input[type="search"])):focus-visible, :is(.mdc-select, :where(.contact-field select)):focus-visible, :is(.mdc-textarea, :where(.contact-field textarea)):focus-visible, .mdc-seg__input:focus-visible + .mdc-seg__item, .mdc-toggle__input:focus-visible + .mdc-toggle__track { outline: 3px solid Highlight; }
}
@media (prefers-reduced-transparency: reduce) {
  :is(.mdc-btn--ghost, :where(.btn--ghost)), :is(.mdc-skin-ghost, :where(.btn--ghost)), .mdc-finish-glass { -webkit-backdrop-filter: none; backdrop-filter: none; }
  .mdc-finish-glass, :is(.mdc-btn--ghost, :where(.btn--ghost)) { --_face: var(--mdc-face-pewter-theme); }
}
/* flat finish (data-mdc-depth): the mandatory flat variant of every plate this app wears through its own class names */
html[data-mdc-depth="flat"] :is(
  .btn:not(.btn--link),
  .nav-toggle,
  .search-btn,
  .search-close,
  .contact-submit,
  .wow-music-fab,
  .wow-music-panel button,
  .card,
  .surface-interactive,
  .roster-card,
  .state,
  .search-result,
  .bgg-card,
  .hands-review .item,
  .hands-review .short-version,
  .gate-box,
  .signup-box,
  .nav-dropdown-menu,
  .contact-box,
  .contact-errors,
  .ms-quote,
  .ms-chapter-banner,
  .hold-footer,
  .roster-notice,
  .hands-review .item .ask,
  .bgg-banner,
  .search-chip,
  .hands-review .tag,
  .roster-badge,
  .agent__badge,
  dialog.search-dialog,
  .signup-box input[type="text"],
  .signup-box input[type="email"],
  .gate-form input[type="password"],
  .contact-field input[type="text"],
  .contact-field input[type="email"],
  .search-field input[type="search"],
  .contact-field textarea,
  .contact-field select
) {
  box-shadow: none !important; text-shadow: none !important; backdrop-filter: none !important;
  background-image: none !important; background-color: var(--mdc-surf-2, Canvas) !important;
  color: var(--mdc-ink, CanvasText) !important; border: 2px solid var(--mdc-ink, CanvasText) !important;
}
@media (prefers-contrast: more) {
  html[data-mdc-depth="auto"] :is(
  .btn:not(.btn--link),
  .nav-toggle,
  .search-btn,
  .search-close,
  .contact-submit,
  .wow-music-fab,
  .wow-music-panel button,
  .card,
  .surface-interactive,
  .roster-card,
  .state,
  .search-result,
  .bgg-card,
  .hands-review .item,
  .hands-review .short-version,
  .gate-box,
  .signup-box,
  .nav-dropdown-menu,
  .contact-box,
  .contact-errors,
  .ms-quote,
  .ms-chapter-banner,
  .hold-footer,
  .roster-notice,
  .hands-review .item .ask,
  .bgg-banner,
  .search-chip,
  .hands-review .tag,
  .roster-badge,
  .agent__badge,
  dialog.search-dialog,
  .signup-box input[type="text"],
  .signup-box input[type="email"],
  .gate-form input[type="password"],
  .contact-field input[type="text"],
  .contact-field input[type="email"],
  .search-field input[type="search"],
  .contact-field textarea,
  .contact-field select
  ) {
  box-shadow: none !important; text-shadow: none !important; backdrop-filter: none !important;
  background-image: none !important; background-color: var(--mdc-surf-2, Canvas) !important;
  color: var(--mdc-ink, CanvasText) !important; border: 2px solid var(--mdc-ink, CanvasText) !important;
  }
}
/* house faces: released by the design-system lane (QA verdicts in dist/qa-release-ledger.json), served from this site */
@font-face{font-family:"Maccabee Sans";font-style:normal;font-weight:300;font-display:swap;src:url("/static/fonts/mdc/MaccabeeSans-Light.woff2") format("woff2");}
@font-face{font-family:"Maccabee Sans";font-style:normal;font-weight:400;font-display:swap;src:url("/static/fonts/mdc/MaccabeeSans-Regular.woff2") format("woff2");}
@font-face{font-family:"Maccabee Sans";font-style:normal;font-weight:500;font-display:swap;src:url("/static/fonts/mdc/MaccabeeSans-Medium.woff2") format("woff2");}
@font-face{font-family:"Maccabee Sans";font-style:normal;font-weight:600;font-display:swap;src:url("/static/fonts/mdc/MaccabeeSans-SemiBold.woff2") format("woff2");}
@font-face{font-family:"Maccabee Display";font-style:normal;font-weight:400;font-display:swap;src:url("/static/fonts/mdc/MaccabeeDisplay-Regular.woff2") format("woff2");}
@font-face{font-family:"Maccabee Serif";font-style:normal;font-weight:400;font-display:swap;src:url("/static/fonts/mdc/MaccabeeSerif-Regular.woff2") format("woff2");}
@font-face{font-family:"Maccabee Serif";font-style:normal;font-weight:500;font-display:swap;src:url("/static/fonts/mdc/MaccabeeSerif-Medium.woff2") format("woff2");}
@font-face{font-family:"Maccabee Serif";font-style:normal;font-weight:700;font-display:swap;src:url("/static/fonts/mdc/MaccabeeSerif-Bold.woff2") format("woff2");}
@font-face{font-family:"Maccabee Mono";font-style:normal;font-weight:400;font-display:swap;src:url("/static/fonts/mdc/MaccabeeMono-Regular.woff2") format("woff2");}
@font-face{font-family:"Maccabee Mono";font-style:normal;font-weight:500;font-display:swap;src:url("/static/fonts/mdc/MaccabeeMono-Medium.woff2") format("woff2");}
@font-face{font-family:"Maccabee Mono";font-style:normal;font-weight:700;font-display:swap;src:url("/static/fonts/mdc/MaccabeeMono-Bold.woff2") format("woff2");}
@font-face{font-family:"MDC Hebrew UI";font-style:normal;font-weight:400;font-display:swap;src:url("/static/fonts/mdc/YesodIvriMimshak-Regular.woff2") format("woff2"); unicode-range:U+0590-05FF, U+200C-200F, U+20AA, U+25CC, U+FB1D-FB4F;}
@font-face{font-family:"MDC Hebrew UI";font-style:normal;font-weight:600 700;font-display:swap;src:url("/static/fonts/mdc/YesodIvriKotar-Regular.woff2") format("woff2"); unicode-range:U+0590-05FF, U+200C-200F, U+20AA, U+25CC, U+FB1D-FB4F;}
:root{--mdc-font-ui:"Maccabee Sans", "MDC Hebrew UI", "Inter", "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--mdc-font-headline:"Maccabee Display", "Even Rosha", Georgia, "Iowan Old Style", "Times New Roman", serif;--mdc-font-mono:"Maccabee Mono", "Kav Tzafon Mono", ui-monospace, "Cascadia Mono", Consolas, "SF Mono", Menlo, monospace;--mdc-font-hebrew:"MDC Hebrew UI", "Inter", "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--mdc-font-text:"Maccabee Serif", "Sefer Maccabi", Georgia, "Iowan Old Style", "Times New Roman", serif;}
:root{--mdc-font:var(--mdc-font-ui);--mdc-brand-font:var(--mdc-font-headline)}