@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--tracking-tight:-.025em;--leading-tight:1.25;--leading-snug:1.375;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-ui);--default-mono-font-family:var(--font-code)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:before,:after{box-sizing:border-box;border-color:var(--line)}html{-webkit-text-size-adjust:100%;text-rendering:optimizelegibility;background:var(--canvas)}body{margin:var(--space-0);background:var(--canvas);min-width:320px;min-height:100dvh;color:var(--text);font-family:var(--font-ui);font-size:var(--type-body);font-weight:420;line-height:var(--leading-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{margin:var(--space-0);font-family:var(--font-ui);letter-spacing:var(--tracking-tight);font-weight:700;line-height:var(--leading-tight);color:var(--text);text-wrap:balance}h1,h2{font-family:var(--font-pixel);letter-spacing:var(--tracking-pixel);font-weight:500}h1{font-size:var(--type-display)}h2{font-size:var(--type-section)}h3{font-size:var(--type-title)}h4{font-size:var(--type-lead)}p{margin:var(--space-0);text-wrap:pretty}ul,ol{margin:var(--space-0);padding:var(--space-0)}button,input,select,textarea{font:inherit;color:inherit}button,a,summary,[role=button]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}:where(button,a,summary,select,[role=button]):not(:disabled){cursor:pointer}a{color:inherit;text-decoration:none}code,kbd,samp,pre{font-family:var(--font-code)}::selection{background:var(--palette-sun);color:var(--palette-ink)}:focus-visible{outline:var(--stroke-3) solid var(--focus);outline-offset:var(--space-2);border-radius:var(--radius-xs)}img,svg,canvas{display:block}details>summary{list-style:none}details>summary::-webkit-details-marker{display:none}[hidden]{display:none!important}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) var(--palette-clear)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}@layer components;@layer utilities{.\!visible{visibility:visible!important}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-cyrillic-ext-wght-normal.DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-cyrillic-wght-normal.BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-vietnamese-wght-normal.6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-latin-ext-wght-normal.DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-latin-wght-normal.BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-cyrillic-ext-wght-normal.X_5orZeX.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-cyrillic-wght-normal.DiZS0aHC.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-symbols2-wght-normal.CO5SzqOn.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-vietnamese-wght-normal.DadHysG0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-latin-ext-wght-normal.Bwz-egvJ.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-latin-wght-normal.XN7g48iV.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Pixel Variable;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/geist-pixel-latin-ext-elsh-normal.CrZmcpxr.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Pixel Variable;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/geist-pixel-latin-elsh-normal.BMhxQSt5.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--palette-white:#fff;--palette-g50:#f6f6f6;--palette-g100:#eee;--palette-g150:#e5e5e5;--palette-g200:#dadada;--palette-g300:#c4c4c4;--palette-g400:#a3a3a3;--palette-g500:#8c8c8c;--palette-g550:#737373;--palette-g600:#5e5e5e;--palette-g700:#3d3d3d;--palette-g750:#2e2e2e;--palette-g800:#242424;--palette-g850:#1b1b1b;--palette-g900:#141414;--palette-g950:#0b0b0b;--palette-ink:#0b0b0b;--palette-black:#000;--palette-tomato:#ff9b85;--palette-tomato-deep:#de5f4a;--palette-tomato-ink:#a84535;--palette-tangerine:#ffc48a;--palette-tangerine-deep:#e1934a;--palette-sun:#ffe08f;--palette-sun-deep:#d9ad48;--palette-sun-ink:#8a6b1f;--palette-grass:#8fdcad;--palette-grass-deep:#49a373;--palette-grass-ink:#2e7a52;--palette-sky:#93c6ff;--palette-sky-deep:#5a93dd;--palette-sky-ink:#3a6cb0;--palette-aqua:#8fe3e9;--palette-aqua-deep:#4badb4;--palette-pink:#ffb1d1;--palette-pink-deep:#e275a7;--palette-c4-frame:#82a9ef;--palette-c4-frame-deep:#5a82d4;--palette-c4-frame-light:#b3c9f7;--palette-c4-red:#ff9089;--palette-c4-red-deep:#d95f57;--palette-c4-yellow:#ffe38a;--palette-c4-yellow-deep:#d9b34a;--palette-maple:#f3ddae;--palette-maple-deep:#dcb87e;--palette-walnut:#9c6b4a;--palette-walnut-deep:#6f462c;--palette-ebony:#2a2521;--palette-ebony-light:#57504a;--palette-ivory:#f8f0e0;--palette-ivory-deep:#d3c4a6;--palette-crown:#ffd166;--palette-reversi-felt:#7cc79b;--palette-reversi-felt-deep:#4da172;--palette-reversi-line:#35805a;--palette-disc-black:#16140f;--palette-disc-black-light:#3d3a33;--palette-disc-white:#f8f5ec;--palette-disc-white-deep:#c9c3b2;--palette-baize:#77c497;--palette-baize-deep:#49966a;--palette-baize-line:#a8ddbf;--palette-rail:#a9744f;--palette-rail-deep:#7c4f30;--palette-rail-light:#c99772;--palette-card:#fffdf8;--palette-card-red:#e86a64;--palette-card-black:#161412;--palette-card-back:#dd6a6e;--palette-card-back-deep:#b04a4e;--palette-chip-red:#f2837d;--palette-chip-blue:#82a9e8;--palette-chip-green:#6fc793;--palette-chip-black:#1b1a18;--palette-chip-white:#f6f1e4;--palette-sea:#5e9fd4;--palette-sea-deep:#3a72a8;--palette-sea-light:#93c2e8;--palette-sea-foam:#c9e6ff;--palette-steel:#a7b2bd;--palette-steel-deep:#6e7a86;--palette-steel-light:#d3dae1;--palette-peg-red:#f2766a;--palette-peg-white:#f5f8fb;--palette-mine:#ffe08f;--palette-cn-card:#f4e8cf;--palette-cn-card-deep:#dcc9a0;--palette-cn-red:#e87f75;--palette-cn-red-deep:#c0554c;--palette-cn-blue:#7ba5e3;--palette-cn-blue-deep:#4f7cc0;--palette-cn-bystander:#e8d5a4;--palette-cn-bystander-deep:#c2a96f;--palette-cn-assassin:#1a1816;--palette-rank-hot:#7fd3a2;--palette-rank-warm:#ffda85;--palette-rank-cool:#ffae7f;--palette-rank-cold:#f48a7a;--palette-pk-grass:#a5e294;--palette-pk-grass-deep:#79b85e;--palette-pk-sky:#d3edff;--palette-pk-sky-deep:#a8d4f2;--palette-pk-ground:#f0e2b0;--palette-hp-high:#6fdc8d;--palette-hp-mid:#ffd966;--palette-hp-low:#ff9a8a;--palette-type-normal:#a8a878;--palette-type-fire:#f08030;--palette-type-water:#6890f0;--palette-type-electric:#f8d030;--palette-type-grass:#78c850;--palette-type-ice:#98d8d8;--palette-type-fighting:#c03028;--palette-type-poison:#a040a0;--palette-type-ground:#e0c068;--palette-type-flying:#a890f0;--palette-type-psychic:#f85888;--palette-type-bug:#a8b820;--palette-type-rock:#b8a038;--palette-type-ghost:#705898;--palette-type-dragon:#7038f8;--palette-ink-06:#0b0b0b0f;--palette-ink-10:#0b0b0b1a;--palette-ink-16:#0b0b0b29;--palette-ink-55:#0b0b0b8c;--palette-white-08:#ffffff14;--palette-white-14:#ffffff24;--palette-black-30:#0000004d;--palette-black-75:#000000bf;--palette-clear:#0000;--font-ui:"Geist Variable", ui-sans-serif, system-ui, sans-serif;--font-code:"Geist Mono Variable", ui-monospace, monospace;--font-pixel:"Geist Pixel Variable", "Geist Mono Variable", ui-monospace, monospace;--type-micro:.75rem;--type-caption:.78125rem;--type-small:.8125rem;--type-body:.875rem;--type-lead:.96875rem;--type-title:1.0625rem;--type-section:clamp(1.3125rem, 1rem + .85vw, 1.75rem);--type-display:clamp(1.75rem, 1.2rem + 1.8vw, 2.8rem);--type-hero:clamp(2.125rem, 1.1rem + 3.8vw, 4.5rem);--type-score:1.5625rem;--type-mega:clamp(2.5rem, 1.4rem + 4.2vw, 4.875rem);--leading-none:1;--leading-tight:1.05;--leading-snug:1.25;--leading-body:1.55;--tracking-pixel:.01em;--tracking-label:.08em;--tracking-tight:-.02em;--space-0:0;--space-1:1px;--space-2:2px;--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--space-40:40px;--space-48:48px;--space-56:56px;--space-64:64px;--space-80:80px;--space-96:96px;--space-128:128px;--space-gutter:clamp(16px, 3vw, 40px);--control-xs:32px;--control-sm:40px;--control:48px;--control-lg:56px;--control-xl:68px;--bar-height:72px;--content-max:1280px;--content-narrow:760px;--sidebar:340px;--radius-0:0;--radius-xs:8px;--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-pill:999px;--stroke-1:1px;--stroke-2:2px;--stroke-3:3px;--stroke-4:4px;--depth-1:2px;--depth-2:4px;--depth-3:6px;--depth-4:10px;--px:3px;--dither-tile:calc(var(--px) * 4);--dither-tile-8:calc(var(--px) * 8);--ramp-length:calc(var(--px) * 24);--dur-1:80ms;--dur-2:.14s;--dur-3:.22s;--dur-4:.34s;--dur-5:.56s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-snap:cubic-bezier(.34, 1.56, .64, 1);--steps-dither:steps(8, end);--z-raised:2;--z-sticky:20;--z-menu:40;--z-dialog:60;--z-toast:80;--bayer-1:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4' shape-rendering='crispEdges'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3C/svg%3E");--bayer-2:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4' shape-rendering='crispEdges'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3C/svg%3E");--bayer-3:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4' shape-rendering='crispEdges'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='2' y='0' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3C/svg%3E");--bayer-4:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4' shape-rendering='crispEdges'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='2' y='0' width='1' height='1'/%3E%3Crect x='0' y='2' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3C/svg%3E");--bayer-5:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4' shape-rendering='crispEdges'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='2' y='0' width='1' height='1'/%3E%3Crect x='1' y='1' width='1' height='1'/%3E%3Crect x='0' y='2' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3C/svg%3E");--bayer-6:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4' shape-rendering='crispEdges'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='2' y='0' width='1' height='1'/%3E%3Crect x='1' y='1' width='1' height='1'/%3E%3Crect x='0' y='2' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3Crect x='3' y='3' width='1' height='1'/%3E%3C/svg%3E");--bayer-7:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4' shape-rendering='crispEdges'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='2' y='0' width='1' height='1'/%3E%3Crect x='1' y='1' width='1' height='1'/%3E%3Crect x='3' y='1' width='1' height='1'/%3E%3Crect x='0' y='2' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3Crect x='3' y='3' width='1' height='1'/%3E%3C/svg%3E");--bayer-8:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4' shape-rendering='crispEdges'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='2' y='0' width='1' height='1'/%3E%3Crect x='1' y='1' width='1' height='1'/%3E%3Crect x='3' y='1' width='1' height='1'/%3E%3Crect x='0' y='2' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3Crect x='1' y='3' width='1' height='1'/%3E%3Crect x='3' y='3' width='1' height='1'/%3E%3C/svg%3E");--bayer-9:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4' shape-rendering='crispEdges'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='1' y='0' width='1' height='1'/%3E%3Crect x='2' y='0' width='1' height='1'/%3E%3Crect x='1' y='1' width='1' height='1'/%3E%3Crect x='3' y='1' width='1' height='1'/%3E%3Crect x='0' y='2' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3Crect x='1' y='3' width='1' height='1'/%3E%3Crect x='3' y='3' width='1' height='1'/%3E%3C/svg%3E");--bayer-10:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4' shape-rendering='crispEdges'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='1' y='0' width='1' height='1'/%3E%3Crect x='2' y='0' width='1' height='1'/%3E%3Crect x='1' y='1' width='1' height='1'/%3E%3Crect x='3' y='1' width='1' height='1'/%3E%3Crect x='0' y='2' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3Crect x='3' y='2' width='1' height='1'/%3E%3Crect x='1' y='3' width='1' height='1'/%3E%3Crect x='3' y='3' width='1' height='1'/%3E%3C/svg%3E");--bayer-11:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4' shape-rendering='crispEdges'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='1' y='0' width='1' height='1'/%3E%3Crect x='2' y='0' width='1' height='1'/%3E%3Crect x='3' y='0' width='1' height='1'/%3E%3Crect x='1' y='1' width='1' height='1'/%3E%3Crect x='3' y='1' width='1' height='1'/%3E%3Crect x='0' y='2' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3Crect x='3' y='2' width='1' height='1'/%3E%3Crect x='1' y='3' width='1' height='1'/%3E%3Crect x='3' y='3' width='1' height='1'/%3E%3C/svg%3E");--bayer-12:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4' shape-rendering='crispEdges'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='1' y='0' width='1' height='1'/%3E%3Crect x='2' y='0' width='1' height='1'/%3E%3Crect x='3' y='0' width='1' height='1'/%3E%3Crect x='1' y='1' width='1' height='1'/%3E%3Crect x='3' y='1' width='1' height='1'/%3E%3Crect x='0' y='2' width='1' height='1'/%3E%3Crect x='1' y='2' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3Crect x='3' y='2' width='1' height='1'/%3E%3Crect x='1' y='3' width='1' height='1'/%3E%3Crect x='3' y='3' width='1' height='1'/%3E%3C/svg%3E");--bayer-13:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4' shape-rendering='crispEdges'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='1' y='0' width='1' height='1'/%3E%3Crect x='2' y='0' width='1' height='1'/%3E%3Crect x='3' y='0' width='1' height='1'/%3E%3Crect x='0' y='1' width='1' height='1'/%3E%3Crect x='1' y='1' width='1' height='1'/%3E%3Crect x='3' y='1' width='1' height='1'/%3E%3Crect x='0' y='2' width='1' height='1'/%3E%3Crect x='1' y='2' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3Crect x='3' y='2' width='1' height='1'/%3E%3Crect x='1' y='3' width='1' height='1'/%3E%3Crect x='3' y='3' width='1' height='1'/%3E%3C/svg%3E");--bayer-14:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4' shape-rendering='crispEdges'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='1' y='0' width='1' height='1'/%3E%3Crect x='2' y='0' width='1' height='1'/%3E%3Crect x='3' y='0' width='1' height='1'/%3E%3Crect x='0' y='1' width='1' height='1'/%3E%3Crect x='1' y='1' width='1' height='1'/%3E%3Crect x='3' y='1' width='1' height='1'/%3E%3Crect x='0' y='2' width='1' height='1'/%3E%3Crect x='1' y='2' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3Crect x='3' y='2' width='1' height='1'/%3E%3Crect x='1' y='3' width='1' height='1'/%3E%3Crect x='2' y='3' width='1' height='1'/%3E%3Crect x='3' y='3' width='1' height='1'/%3E%3C/svg%3E");--bayer-15:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4' shape-rendering='crispEdges'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='1' y='0' width='1' height='1'/%3E%3Crect x='2' y='0' width='1' height='1'/%3E%3Crect x='3' y='0' width='1' height='1'/%3E%3Crect x='0' y='1' width='1' height='1'/%3E%3Crect x='1' y='1' width='1' height='1'/%3E%3Crect x='2' y='1' width='1' height='1'/%3E%3Crect x='3' y='1' width='1' height='1'/%3E%3Crect x='0' y='2' width='1' height='1'/%3E%3Crect x='1' y='2' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3Crect x='3' y='2' width='1' height='1'/%3E%3Crect x='1' y='3' width='1' height='1'/%3E%3Crect x='2' y='3' width='1' height='1'/%3E%3Crect x='3' y='3' width='1' height='1'/%3E%3C/svg%3E");--bayer8-1:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='4' y='0' width='1' height='1'/%3E%3Crect x='0' y='4' width='1' height='1'/%3E%3Crect x='4' y='4' width='1' height='1'/%3E%3C/svg%3E");--bayer8-2:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='4' y='0' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3Crect x='6' y='2' width='1' height='1'/%3E%3Crect x='0' y='4' width='1' height='1'/%3E%3Crect x='4' y='4' width='1' height='1'/%3E%3Crect x='2' y='6' width='1' height='1'/%3E%3Crect x='6' y='6' width='1' height='1'/%3E%3C/svg%3E");--bayer8-3:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='2' y='0' width='1' height='1'/%3E%3Crect x='4' y='0' width='1' height='1'/%3E%3Crect x='6' y='0' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3Crect x='6' y='2' width='1' height='1'/%3E%3Crect x='0' y='4' width='1' height='1'/%3E%3Crect x='2' y='4' width='1' height='1'/%3E%3Crect x='4' y='4' width='1' height='1'/%3E%3Crect x='6' y='4' width='1' height='1'/%3E%3Crect x='2' y='6' width='1' height='1'/%3E%3Crect x='6' y='6' width='1' height='1'/%3E%3C/svg%3E");--bayer8-4:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='2' y='0' width='1' height='1'/%3E%3Crect x='4' y='0' width='1' height='1'/%3E%3Crect x='6' y='0' width='1' height='1'/%3E%3Crect x='0' y='2' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3Crect x='4' y='2' width='1' height='1'/%3E%3Crect x='6' y='2' width='1' height='1'/%3E%3Crect x='0' y='4' width='1' height='1'/%3E%3Crect x='2' y='4' width='1' height='1'/%3E%3Crect x='4' y='4' width='1' height='1'/%3E%3Crect x='6' y='4' width='1' height='1'/%3E%3Crect x='0' y='6' width='1' height='1'/%3E%3Crect x='2' y='6' width='1' height='1'/%3E%3Crect x='4' y='6' width='1' height='1'/%3E%3Crect x='6' y='6' width='1' height='1'/%3E%3C/svg%3E");--bayer8-5:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='2' y='0' width='1' height='1'/%3E%3Crect x='4' y='0' width='1' height='1'/%3E%3Crect x='6' y='0' width='1' height='1'/%3E%3Crect x='1' y='1' width='1' height='1'/%3E%3Crect x='5' y='1' width='1' height='1'/%3E%3Crect x='0' y='2' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3Crect x='4' y='2' width='1' height='1'/%3E%3Crect x='6' y='2' width='1' height='1'/%3E%3Crect x='0' y='4' width='1' height='1'/%3E%3Crect x='2' y='4' width='1' height='1'/%3E%3Crect x='4' y='4' width='1' height='1'/%3E%3Crect x='6' y='4' width='1' height='1'/%3E%3Crect x='1' y='5' width='1' height='1'/%3E%3Crect x='5' y='5' width='1' height='1'/%3E%3Crect x='0' y='6' width='1' height='1'/%3E%3Crect x='2' y='6' width='1' height='1'/%3E%3Crect x='4' y='6' width='1' height='1'/%3E%3Crect x='6' y='6' width='1' height='1'/%3E%3C/svg%3E");--bayer8-6:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='2' y='0' width='1' height='1'/%3E%3Crect x='4' y='0' width='1' height='1'/%3E%3Crect x='6' y='0' width='1' height='1'/%3E%3Crect x='1' y='1' width='1' height='1'/%3E%3Crect x='5' y='1' width='1' height='1'/%3E%3Crect x='0' y='2' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3Crect x='4' y='2' width='1' height='1'/%3E%3Crect x='6' y='2' width='1' height='1'/%3E%3Crect x='3' y='3' width='1' height='1'/%3E%3Crect x='7' y='3' width='1' height='1'/%3E%3Crect x='0' y='4' width='1' height='1'/%3E%3Crect x='2' y='4' width='1' height='1'/%3E%3Crect x='4' y='4' width='1' height='1'/%3E%3Crect x='6' y='4' width='1' height='1'/%3E%3Crect x='1' y='5' width='1' height='1'/%3E%3Crect x='5' y='5' width='1' height='1'/%3E%3Crect x='0' y='6' width='1' height='1'/%3E%3Crect x='2' y='6' width='1' height='1'/%3E%3Crect x='4' y='6' width='1' height='1'/%3E%3Crect x='6' y='6' width='1' height='1'/%3E%3Crect x='3' y='7' width='1' height='1'/%3E%3Crect x='7' y='7' width='1' height='1'/%3E%3C/svg%3E");--bayer8-7:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='2' y='0' width='1' height='1'/%3E%3Crect x='4' y='0' width='1' height='1'/%3E%3Crect x='6' y='0' width='1' height='1'/%3E%3Crect x='1' y='1' width='1' height='1'/%3E%3Crect x='3' y='1' width='1' height='1'/%3E%3Crect x='5' y='1' width='1' height='1'/%3E%3Crect x='7' y='1' width='1' height='1'/%3E%3Crect x='0' y='2' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3Crect x='4' y='2' width='1' height='1'/%3E%3Crect x='6' y='2' width='1' height='1'/%3E%3Crect x='3' y='3' width='1' height='1'/%3E%3Crect x='7' y='3' width='1' height='1'/%3E%3Crect x='0' y='4' width='1' height='1'/%3E%3Crect x='2' y='4' width='1' height='1'/%3E%3Crect x='4' y='4' width='1' height='1'/%3E%3Crect x='6' y='4' width='1' height='1'/%3E%3Crect x='1' y='5' width='1' height='1'/%3E%3Crect x='3' y='5' width='1' height='1'/%3E%3Crect x='5' y='5' width='1' height='1'/%3E%3Crect x='7' y='5' width='1' height='1'/%3E%3Crect x='0' y='6' width='1' height='1'/%3E%3Crect x='2' y='6' width='1' height='1'/%3E%3Crect x='4' y='6' width='1' height='1'/%3E%3Crect x='6' y='6' width='1' height='1'/%3E%3Crect x='3' y='7' width='1' height='1'/%3E%3Crect x='7' y='7' width='1' height='1'/%3E%3C/svg%3E");--bayer8-8:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='2' y='0' width='1' height='1'/%3E%3Crect x='4' y='0' width='1' height='1'/%3E%3Crect x='6' y='0' width='1' height='1'/%3E%3Crect x='1' y='1' width='1' height='1'/%3E%3Crect x='3' y='1' width='1' height='1'/%3E%3Crect x='5' y='1' width='1' height='1'/%3E%3Crect x='7' y='1' width='1' height='1'/%3E%3Crect x='0' y='2' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3Crect x='4' y='2' width='1' height='1'/%3E%3Crect x='6' y='2' width='1' height='1'/%3E%3Crect x='1' y='3' width='1' height='1'/%3E%3Crect x='3' y='3' width='1' height='1'/%3E%3Crect x='5' y='3' width='1' height='1'/%3E%3Crect x='7' y='3' width='1' height='1'/%3E%3Crect x='0' y='4' width='1' height='1'/%3E%3Crect x='2' y='4' width='1' height='1'/%3E%3Crect x='4' y='4' width='1' height='1'/%3E%3Crect x='6' y='4' width='1' height='1'/%3E%3Crect x='1' y='5' width='1' height='1'/%3E%3Crect x='3' y='5' width='1' height='1'/%3E%3Crect x='5' y='5' width='1' height='1'/%3E%3Crect x='7' y='5' width='1' height='1'/%3E%3Crect x='0' y='6' width='1' height='1'/%3E%3Crect x='2' y='6' width='1' height='1'/%3E%3Crect x='4' y='6' width='1' height='1'/%3E%3Crect x='6' y='6' width='1' height='1'/%3E%3Crect x='1' y='7' width='1' height='1'/%3E%3Crect x='3' y='7' width='1' height='1'/%3E%3Crect x='5' y='7' width='1' height='1'/%3E%3Crect x='7' y='7' width='1' height='1'/%3E%3C/svg%3E");--bayer8-9:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='1' y='0' width='1' height='1'/%3E%3Crect x='2' y='0' width='1' height='1'/%3E%3Crect x='4' y='0' width='1' height='1'/%3E%3Crect x='5' y='0' width='1' height='1'/%3E%3Crect x='6' y='0' width='1' height='1'/%3E%3Crect x='1' y='1' width='1' height='1'/%3E%3Crect x='3' y='1' width='1' height='1'/%3E%3Crect x='5' y='1' width='1' height='1'/%3E%3Crect x='7' y='1' width='1' height='1'/%3E%3Crect x='0' y='2' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3Crect x='4' y='2' width='1' height='1'/%3E%3Crect x='6' y='2' width='1' height='1'/%3E%3Crect x='1' y='3' width='1' height='1'/%3E%3Crect x='3' y='3' width='1' height='1'/%3E%3Crect x='5' y='3' width='1' height='1'/%3E%3Crect x='7' y='3' width='1' height='1'/%3E%3Crect x='0' y='4' width='1' height='1'/%3E%3Crect x='1' y='4' width='1' height='1'/%3E%3Crect x='2' y='4' width='1' height='1'/%3E%3Crect x='4' y='4' width='1' height='1'/%3E%3Crect x='5' y='4' width='1' height='1'/%3E%3Crect x='6' y='4' width='1' height='1'/%3E%3Crect x='1' y='5' width='1' height='1'/%3E%3Crect x='3' y='5' width='1' height='1'/%3E%3Crect x='5' y='5' width='1' height='1'/%3E%3Crect x='7' y='5' width='1' height='1'/%3E%3Crect x='0' y='6' width='1' height='1'/%3E%3Crect x='2' y='6' width='1' height='1'/%3E%3Crect x='4' y='6' width='1' height='1'/%3E%3Crect x='6' y='6' width='1' height='1'/%3E%3Crect x='1' y='7' width='1' height='1'/%3E%3Crect x='3' y='7' width='1' height='1'/%3E%3Crect x='5' y='7' width='1' height='1'/%3E%3Crect x='7' y='7' width='1' height='1'/%3E%3C/svg%3E");--bayer8-10:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='1' y='0' width='1' height='1'/%3E%3Crect x='2' y='0' width='1' height='1'/%3E%3Crect x='4' y='0' width='1' height='1'/%3E%3Crect x='5' y='0' width='1' height='1'/%3E%3Crect x='6' y='0' width='1' height='1'/%3E%3Crect x='1' y='1' width='1' height='1'/%3E%3Crect x='3' y='1' width='1' height='1'/%3E%3Crect x='5' y='1' width='1' height='1'/%3E%3Crect x='7' y='1' width='1' height='1'/%3E%3Crect x='0' y='2' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3Crect x='3' y='2' width='1' height='1'/%3E%3Crect x='4' y='2' width='1' height='1'/%3E%3Crect x='6' y='2' width='1' height='1'/%3E%3Crect x='7' y='2' width='1' height='1'/%3E%3Crect x='1' y='3' width='1' height='1'/%3E%3Crect x='3' y='3' width='1' height='1'/%3E%3Crect x='5' y='3' width='1' height='1'/%3E%3Crect x='7' y='3' width='1' height='1'/%3E%3Crect x='0' y='4' width='1' height='1'/%3E%3Crect x='1' y='4' width='1' height='1'/%3E%3Crect x='2' y='4' width='1' height='1'/%3E%3Crect x='4' y='4' width='1' height='1'/%3E%3Crect x='5' y='4' width='1' height='1'/%3E%3Crect x='6' y='4' width='1' height='1'/%3E%3Crect x='1' y='5' width='1' height='1'/%3E%3Crect x='3' y='5' width='1' height='1'/%3E%3Crect x='5' y='5' width='1' height='1'/%3E%3Crect x='7' y='5' width='1' height='1'/%3E%3Crect x='0' y='6' width='1' height='1'/%3E%3Crect x='2' y='6' width='1' height='1'/%3E%3Crect x='3' y='6' width='1' height='1'/%3E%3Crect x='4' y='6' width='1' height='1'/%3E%3Crect x='6' y='6' width='1' height='1'/%3E%3Crect x='7' y='6' width='1' height='1'/%3E%3Crect x='1' y='7' width='1' height='1'/%3E%3Crect x='3' y='7' width='1' height='1'/%3E%3Crect x='5' y='7' width='1' height='1'/%3E%3Crect x='7' y='7' width='1' height='1'/%3E%3C/svg%3E");--bayer8-11:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='1' y='0' width='1' height='1'/%3E%3Crect x='2' y='0' width='1' height='1'/%3E%3Crect x='3' y='0' width='1' height='1'/%3E%3Crect x='4' y='0' width='1' height='1'/%3E%3Crect x='5' y='0' width='1' height='1'/%3E%3Crect x='6' y='0' width='1' height='1'/%3E%3Crect x='7' y='0' width='1' height='1'/%3E%3Crect x='1' y='1' width='1' height='1'/%3E%3Crect x='3' y='1' width='1' height='1'/%3E%3Crect x='5' y='1' width='1' height='1'/%3E%3Crect x='7' y='1' width='1' height='1'/%3E%3Crect x='0' y='2' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3Crect x='3' y='2' width='1' height='1'/%3E%3Crect x='4' y='2' width='1' height='1'/%3E%3Crect x='6' y='2' width='1' height='1'/%3E%3Crect x='7' y='2' width='1' height='1'/%3E%3Crect x='1' y='3' width='1' height='1'/%3E%3Crect x='3' y='3' width='1' height='1'/%3E%3Crect x='5' y='3' width='1' height='1'/%3E%3Crect x='7' y='3' width='1' height='1'/%3E%3Crect x='0' y='4' width='1' height='1'/%3E%3Crect x='1' y='4' width='1' height='1'/%3E%3Crect x='2' y='4' width='1' height='1'/%3E%3Crect x='3' y='4' width='1' height='1'/%3E%3Crect x='4' y='4' width='1' height='1'/%3E%3Crect x='5' y='4' width='1' height='1'/%3E%3Crect x='6' y='4' width='1' height='1'/%3E%3Crect x='7' y='4' width='1' height='1'/%3E%3Crect x='1' y='5' width='1' height='1'/%3E%3Crect x='3' y='5' width='1' height='1'/%3E%3Crect x='5' y='5' width='1' height='1'/%3E%3Crect x='7' y='5' width='1' height='1'/%3E%3Crect x='0' y='6' width='1' height='1'/%3E%3Crect x='2' y='6' width='1' height='1'/%3E%3Crect x='3' y='6' width='1' height='1'/%3E%3Crect x='4' y='6' width='1' height='1'/%3E%3Crect x='6' y='6' width='1' height='1'/%3E%3Crect x='7' y='6' width='1' height='1'/%3E%3Crect x='1' y='7' width='1' height='1'/%3E%3Crect x='3' y='7' width='1' height='1'/%3E%3Crect x='5' y='7' width='1' height='1'/%3E%3Crect x='7' y='7' width='1' height='1'/%3E%3C/svg%3E");--bayer8-12:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='1' y='0' width='1' height='1'/%3E%3Crect x='2' y='0' width='1' height='1'/%3E%3Crect x='3' y='0' width='1' height='1'/%3E%3Crect x='4' y='0' width='1' height='1'/%3E%3Crect x='5' y='0' width='1' height='1'/%3E%3Crect x='6' y='0' width='1' height='1'/%3E%3Crect x='7' y='0' width='1' height='1'/%3E%3Crect x='1' y='1' width='1' height='1'/%3E%3Crect x='3' y='1' width='1' height='1'/%3E%3Crect x='5' y='1' width='1' height='1'/%3E%3Crect x='7' y='1' width='1' height='1'/%3E%3Crect x='0' y='2' width='1' height='1'/%3E%3Crect x='1' y='2' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3Crect x='3' y='2' width='1' height='1'/%3E%3Crect x='4' y='2' width='1' height='1'/%3E%3Crect x='5' y='2' width='1' height='1'/%3E%3Crect x='6' y='2' width='1' height='1'/%3E%3Crect x='7' y='2' width='1' height='1'/%3E%3Crect x='1' y='3' width='1' height='1'/%3E%3Crect x='3' y='3' width='1' height='1'/%3E%3Crect x='5' y='3' width='1' height='1'/%3E%3Crect x='7' y='3' width='1' height='1'/%3E%3Crect x='0' y='4' width='1' height='1'/%3E%3Crect x='1' y='4' width='1' height='1'/%3E%3Crect x='2' y='4' width='1' height='1'/%3E%3Crect x='3' y='4' width='1' height='1'/%3E%3Crect x='4' y='4' width='1' height='1'/%3E%3Crect x='5' y='4' width='1' height='1'/%3E%3Crect x='6' y='4' width='1' height='1'/%3E%3Crect x='7' y='4' width='1' height='1'/%3E%3Crect x='1' y='5' width='1' height='1'/%3E%3Crect x='3' y='5' width='1' height='1'/%3E%3Crect x='5' y='5' width='1' height='1'/%3E%3Crect x='7' y='5' width='1' height='1'/%3E%3Crect x='0' y='6' width='1' height='1'/%3E%3Crect x='1' y='6' width='1' height='1'/%3E%3Crect x='2' y='6' width='1' height='1'/%3E%3Crect x='3' y='6' width='1' height='1'/%3E%3Crect x='4' y='6' width='1' height='1'/%3E%3Crect x='5' y='6' width='1' height='1'/%3E%3Crect x='6' y='6' width='1' height='1'/%3E%3Crect x='7' y='6' width='1' height='1'/%3E%3Crect x='1' y='7' width='1' height='1'/%3E%3Crect x='3' y='7' width='1' height='1'/%3E%3Crect x='5' y='7' width='1' height='1'/%3E%3Crect x='7' y='7' width='1' height='1'/%3E%3C/svg%3E");--bayer8-13:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='1' y='0' width='1' height='1'/%3E%3Crect x='2' y='0' width='1' height='1'/%3E%3Crect x='3' y='0' width='1' height='1'/%3E%3Crect x='4' y='0' width='1' height='1'/%3E%3Crect x='5' y='0' width='1' height='1'/%3E%3Crect x='6' y='0' width='1' height='1'/%3E%3Crect x='7' y='0' width='1' height='1'/%3E%3Crect x='0' y='1' width='1' height='1'/%3E%3Crect x='1' y='1' width='1' height='1'/%3E%3Crect x='3' y='1' width='1' height='1'/%3E%3Crect x='4' y='1' width='1' height='1'/%3E%3Crect x='5' y='1' width='1' height='1'/%3E%3Crect x='7' y='1' width='1' height='1'/%3E%3Crect x='0' y='2' width='1' height='1'/%3E%3Crect x='1' y='2' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3Crect x='3' y='2' width='1' height='1'/%3E%3Crect x='4' y='2' width='1' height='1'/%3E%3Crect x='5' y='2' width='1' height='1'/%3E%3Crect x='6' y='2' width='1' height='1'/%3E%3Crect x='7' y='2' width='1' height='1'/%3E%3Crect x='1' y='3' width='1' height='1'/%3E%3Crect x='3' y='3' width='1' height='1'/%3E%3Crect x='5' y='3' width='1' height='1'/%3E%3Crect x='7' y='3' width='1' height='1'/%3E%3Crect x='0' y='4' width='1' height='1'/%3E%3Crect x='1' y='4' width='1' height='1'/%3E%3Crect x='2' y='4' width='1' height='1'/%3E%3Crect x='3' y='4' width='1' height='1'/%3E%3Crect x='4' y='4' width='1' height='1'/%3E%3Crect x='5' y='4' width='1' height='1'/%3E%3Crect x='6' y='4' width='1' height='1'/%3E%3Crect x='7' y='4' width='1' height='1'/%3E%3Crect x='0' y='5' width='1' height='1'/%3E%3Crect x='1' y='5' width='1' height='1'/%3E%3Crect x='3' y='5' width='1' height='1'/%3E%3Crect x='4' y='5' width='1' height='1'/%3E%3Crect x='5' y='5' width='1' height='1'/%3E%3Crect x='7' y='5' width='1' height='1'/%3E%3Crect x='0' y='6' width='1' height='1'/%3E%3Crect x='1' y='6' width='1' height='1'/%3E%3Crect x='2' y='6' width='1' height='1'/%3E%3Crect x='3' y='6' width='1' height='1'/%3E%3Crect x='4' y='6' width='1' height='1'/%3E%3Crect x='5' y='6' width='1' height='1'/%3E%3Crect x='6' y='6' width='1' height='1'/%3E%3Crect x='7' y='6' width='1' height='1'/%3E%3Crect x='1' y='7' width='1' height='1'/%3E%3Crect x='3' y='7' width='1' height='1'/%3E%3Crect x='5' y='7' width='1' height='1'/%3E%3Crect x='7' y='7' width='1' height='1'/%3E%3C/svg%3E");--bayer8-14:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='1' y='0' width='1' height='1'/%3E%3Crect x='2' y='0' width='1' height='1'/%3E%3Crect x='3' y='0' width='1' height='1'/%3E%3Crect x='4' y='0' width='1' height='1'/%3E%3Crect x='5' y='0' width='1' height='1'/%3E%3Crect x='6' y='0' width='1' height='1'/%3E%3Crect x='7' y='0' width='1' height='1'/%3E%3Crect x='0' y='1' width='1' height='1'/%3E%3Crect x='1' y='1' width='1' height='1'/%3E%3Crect x='3' y='1' width='1' height='1'/%3E%3Crect x='4' y='1' width='1' height='1'/%3E%3Crect x='5' y='1' width='1' height='1'/%3E%3Crect x='7' y='1' width='1' height='1'/%3E%3Crect x='0' y='2' width='1' height='1'/%3E%3Crect x='1' y='2' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3Crect x='3' y='2' width='1' height='1'/%3E%3Crect x='4' y='2' width='1' height='1'/%3E%3Crect x='5' y='2' width='1' height='1'/%3E%3Crect x='6' y='2' width='1' height='1'/%3E%3Crect x='7' y='2' width='1' height='1'/%3E%3Crect x='1' y='3' width='1' height='1'/%3E%3Crect x='2' y='3' width='1' height='1'/%3E%3Crect x='3' y='3' width='1' height='1'/%3E%3Crect x='5' y='3' width='1' height='1'/%3E%3Crect x='6' y='3' width='1' height='1'/%3E%3Crect x='7' y='3' width='1' height='1'/%3E%3Crect x='0' y='4' width='1' height='1'/%3E%3Crect x='1' y='4' width='1' height='1'/%3E%3Crect x='2' y='4' width='1' height='1'/%3E%3Crect x='3' y='4' width='1' height='1'/%3E%3Crect x='4' y='4' width='1' height='1'/%3E%3Crect x='5' y='4' width='1' height='1'/%3E%3Crect x='6' y='4' width='1' height='1'/%3E%3Crect x='7' y='4' width='1' height='1'/%3E%3Crect x='0' y='5' width='1' height='1'/%3E%3Crect x='1' y='5' width='1' height='1'/%3E%3Crect x='3' y='5' width='1' height='1'/%3E%3Crect x='4' y='5' width='1' height='1'/%3E%3Crect x='5' y='5' width='1' height='1'/%3E%3Crect x='7' y='5' width='1' height='1'/%3E%3Crect x='0' y='6' width='1' height='1'/%3E%3Crect x='1' y='6' width='1' height='1'/%3E%3Crect x='2' y='6' width='1' height='1'/%3E%3Crect x='3' y='6' width='1' height='1'/%3E%3Crect x='4' y='6' width='1' height='1'/%3E%3Crect x='5' y='6' width='1' height='1'/%3E%3Crect x='6' y='6' width='1' height='1'/%3E%3Crect x='7' y='6' width='1' height='1'/%3E%3Crect x='1' y='7' width='1' height='1'/%3E%3Crect x='2' y='7' width='1' height='1'/%3E%3Crect x='3' y='7' width='1' height='1'/%3E%3Crect x='5' y='7' width='1' height='1'/%3E%3Crect x='6' y='7' width='1' height='1'/%3E%3Crect x='7' y='7' width='1' height='1'/%3E%3C/svg%3E");--bayer8-15:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='1' y='0' width='1' height='1'/%3E%3Crect x='2' y='0' width='1' height='1'/%3E%3Crect x='3' y='0' width='1' height='1'/%3E%3Crect x='4' y='0' width='1' height='1'/%3E%3Crect x='5' y='0' width='1' height='1'/%3E%3Crect x='6' y='0' width='1' height='1'/%3E%3Crect x='7' y='0' width='1' height='1'/%3E%3Crect x='0' y='1' width='1' height='1'/%3E%3Crect x='1' y='1' width='1' height='1'/%3E%3Crect x='2' y='1' width='1' height='1'/%3E%3Crect x='3' y='1' width='1' height='1'/%3E%3Crect x='4' y='1' width='1' height='1'/%3E%3Crect x='5' y='1' width='1' height='1'/%3E%3Crect x='6' y='1' width='1' height='1'/%3E%3Crect x='7' y='1' width='1' height='1'/%3E%3Crect x='0' y='2' width='1' height='1'/%3E%3Crect x='1' y='2' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3Crect x='3' y='2' width='1' height='1'/%3E%3Crect x='4' y='2' width='1' height='1'/%3E%3Crect x='5' y='2' width='1' height='1'/%3E%3Crect x='6' y='2' width='1' height='1'/%3E%3Crect x='7' y='2' width='1' height='1'/%3E%3Crect x='1' y='3' width='1' height='1'/%3E%3Crect x='2' y='3' width='1' height='1'/%3E%3Crect x='3' y='3' width='1' height='1'/%3E%3Crect x='5' y='3' width='1' height='1'/%3E%3Crect x='6' y='3' width='1' height='1'/%3E%3Crect x='7' y='3' width='1' height='1'/%3E%3Crect x='0' y='4' width='1' height='1'/%3E%3Crect x='1' y='4' width='1' height='1'/%3E%3Crect x='2' y='4' width='1' height='1'/%3E%3Crect x='3' y='4' width='1' height='1'/%3E%3Crect x='4' y='4' width='1' height='1'/%3E%3Crect x='5' y='4' width='1' height='1'/%3E%3Crect x='6' y='4' width='1' height='1'/%3E%3Crect x='7' y='4' width='1' height='1'/%3E%3Crect x='0' y='5' width='1' height='1'/%3E%3Crect x='1' y='5' width='1' height='1'/%3E%3Crect x='2' y='5' width='1' height='1'/%3E%3Crect x='3' y='5' width='1' height='1'/%3E%3Crect x='4' y='5' width='1' height='1'/%3E%3Crect x='5' y='5' width='1' height='1'/%3E%3Crect x='6' y='5' width='1' height='1'/%3E%3Crect x='7' y='5' width='1' height='1'/%3E%3Crect x='0' y='6' width='1' height='1'/%3E%3Crect x='1' y='6' width='1' height='1'/%3E%3Crect x='2' y='6' width='1' height='1'/%3E%3Crect x='3' y='6' width='1' height='1'/%3E%3Crect x='4' y='6' width='1' height='1'/%3E%3Crect x='5' y='6' width='1' height='1'/%3E%3Crect x='6' y='6' width='1' height='1'/%3E%3Crect x='7' y='6' width='1' height='1'/%3E%3Crect x='1' y='7' width='1' height='1'/%3E%3Crect x='2' y='7' width='1' height='1'/%3E%3Crect x='3' y='7' width='1' height='1'/%3E%3Crect x='5' y='7' width='1' height='1'/%3E%3Crect x='6' y='7' width='1' height='1'/%3E%3Crect x='7' y='7' width='1' height='1'/%3E%3C/svg%3E");--ramp-down:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 24' shape-rendering='crispEdges'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='1' y='0' width='1' height='1'/%3E%3Crect x='2' y='0' width='1' height='1'/%3E%3Crect x='3' y='0' width='1' height='1'/%3E%3Crect x='0' y='1' width='1' height='1'/%3E%3Crect x='1' y='1' width='1' height='1'/%3E%3Crect x='2' y='1' width='1' height='1'/%3E%3Crect x='3' y='1' width='1' height='1'/%3E%3Crect x='0' y='2' width='1' height='1'/%3E%3Crect x='1' y='2' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3Crect x='3' y='2' width='1' height='1'/%3E%3Crect x='1' y='3' width='1' height='1'/%3E%3Crect x='2' y='3' width='1' height='1'/%3E%3Crect x='3' y='3' width='1' height='1'/%3E%3Crect x='0' y='4' width='1' height='1'/%3E%3Crect x='1' y='4' width='1' height='1'/%3E%3Crect x='2' y='4' width='1' height='1'/%3E%3Crect x='3' y='4' width='1' height='1'/%3E%3Crect x='0' y='5' width='1' height='1'/%3E%3Crect x='1' y='5' width='1' height='1'/%3E%3Crect x='3' y='5' width='1' height='1'/%3E%3Crect x='0' y='6' width='1' height='1'/%3E%3Crect x='1' y='6' width='1' height='1'/%3E%3Crect x='2' y='6' width='1' height='1'/%3E%3Crect x='3' y='6' width='1' height='1'/%3E%3Crect x='1' y='7' width='1' height='1'/%3E%3Crect x='3' y='7' width='1' height='1'/%3E%3Crect x='0' y='8' width='1' height='1'/%3E%3Crect x='1' y='8' width='1' height='1'/%3E%3Crect x='2' y='8' width='1' height='1'/%3E%3Crect x='3' y='8' width='1' height='1'/%3E%3Crect x='1' y='9' width='1' height='1'/%3E%3Crect x='3' y='9' width='1' height='1'/%3E%3Crect x='0' y='10' width='1' height='1'/%3E%3Crect x='2' y='10' width='1' height='1'/%3E%3Crect x='1' y='11' width='1' height='1'/%3E%3Crect x='3' y='11' width='1' height='1'/%3E%3Crect x='0' y='12' width='1' height='1'/%3E%3Crect x='2' y='12' width='1' height='1'/%3E%3Crect x='1' y='13' width='1' height='1'/%3E%3Crect x='3' y='13' width='1' height='1'/%3E%3Crect x='0' y='14' width='1' height='1'/%3E%3Crect x='2' y='14' width='1' height='1'/%3E%3Crect x='3' y='15' width='1' height='1'/%3E%3Crect x='0' y='16' width='1' height='1'/%3E%3Crect x='2' y='16' width='1' height='1'/%3E%3Crect x='1' y='17' width='1' height='1'/%3E%3Crect x='0' y='18' width='1' height='1'/%3E%3Crect x='2' y='18' width='1' height='1'/%3E%3Crect x='0' y='20' width='1' height='1'/%3E%3Crect x='2' y='20' width='1' height='1'/%3E%3C/svg%3E");--ramp-up:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 24' shape-rendering='crispEdges'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3Crect x='0' y='4' width='1' height='1'/%3E%3Crect x='2' y='4' width='1' height='1'/%3E%3Crect x='0' y='6' width='1' height='1'/%3E%3Crect x='2' y='6' width='1' height='1'/%3E%3Crect x='0' y='8' width='1' height='1'/%3E%3Crect x='2' y='8' width='1' height='1'/%3E%3Crect x='1' y='9' width='1' height='1'/%3E%3Crect x='3' y='9' width='1' height='1'/%3E%3Crect x='0' y='10' width='1' height='1'/%3E%3Crect x='2' y='10' width='1' height='1'/%3E%3Crect x='1' y='11' width='1' height='1'/%3E%3Crect x='3' y='11' width='1' height='1'/%3E%3Crect x='0' y='12' width='1' height='1'/%3E%3Crect x='1' y='12' width='1' height='1'/%3E%3Crect x='2' y='12' width='1' height='1'/%3E%3Crect x='1' y='13' width='1' height='1'/%3E%3Crect x='3' y='13' width='1' height='1'/%3E%3Crect x='0' y='14' width='1' height='1'/%3E%3Crect x='2' y='14' width='1' height='1'/%3E%3Crect x='3' y='14' width='1' height='1'/%3E%3Crect x='1' y='15' width='1' height='1'/%3E%3Crect x='3' y='15' width='1' height='1'/%3E%3Crect x='0' y='16' width='1' height='1'/%3E%3Crect x='1' y='16' width='1' height='1'/%3E%3Crect x='2' y='16' width='1' height='1'/%3E%3Crect x='3' y='16' width='1' height='1'/%3E%3Crect x='1' y='17' width='1' height='1'/%3E%3Crect x='3' y='17' width='1' height='1'/%3E%3Crect x='0' y='18' width='1' height='1'/%3E%3Crect x='1' y='18' width='1' height='1'/%3E%3Crect x='2' y='18' width='1' height='1'/%3E%3Crect x='3' y='18' width='1' height='1'/%3E%3Crect x='1' y='19' width='1' height='1'/%3E%3Crect x='3' y='19' width='1' height='1'/%3E%3Crect x='0' y='20' width='1' height='1'/%3E%3Crect x='1' y='20' width='1' height='1'/%3E%3Crect x='2' y='20' width='1' height='1'/%3E%3Crect x='3' y='20' width='1' height='1'/%3E%3Crect x='0' y='21' width='1' height='1'/%3E%3Crect x='1' y='21' width='1' height='1'/%3E%3Crect x='2' y='21' width='1' height='1'/%3E%3Crect x='3' y='21' width='1' height='1'/%3E%3Crect x='0' y='22' width='1' height='1'/%3E%3Crect x='1' y='22' width='1' height='1'/%3E%3Crect x='2' y='22' width='1' height='1'/%3E%3Crect x='3' y='22' width='1' height='1'/%3E%3Crect x='0' y='23' width='1' height='1'/%3E%3Crect x='1' y='23' width='1' height='1'/%3E%3Crect x='2' y='23' width='1' height='1'/%3E%3Crect x='3' y='23' width='1' height='1'/%3E%3C/svg%3E");--ramp-right:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 4' shape-rendering='crispEdges'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='0' y='1' width='1' height='1'/%3E%3Crect x='0' y='2' width='1' height='1'/%3E%3Crect x='0' y='3' width='1' height='1'/%3E%3Crect x='1' y='0' width='1' height='1'/%3E%3Crect x='1' y='1' width='1' height='1'/%3E%3Crect x='1' y='2' width='1' height='1'/%3E%3Crect x='1' y='3' width='1' height='1'/%3E%3Crect x='2' y='0' width='1' height='1'/%3E%3Crect x='2' y='1' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3Crect x='2' y='3' width='1' height='1'/%3E%3Crect x='3' y='0' width='1' height='1'/%3E%3Crect x='3' y='1' width='1' height='1'/%3E%3Crect x='3' y='2' width='1' height='1'/%3E%3Crect x='3' y='3' width='1' height='1'/%3E%3Crect x='4' y='0' width='1' height='1'/%3E%3Crect x='4' y='1' width='1' height='1'/%3E%3Crect x='4' y='2' width='1' height='1'/%3E%3Crect x='5' y='0' width='1' height='1'/%3E%3Crect x='5' y='1' width='1' height='1'/%3E%3Crect x='5' y='2' width='1' height='1'/%3E%3Crect x='5' y='3' width='1' height='1'/%3E%3Crect x='6' y='0' width='1' height='1'/%3E%3Crect x='6' y='2' width='1' height='1'/%3E%3Crect x='7' y='0' width='1' height='1'/%3E%3Crect x='7' y='1' width='1' height='1'/%3E%3Crect x='7' y='2' width='1' height='1'/%3E%3Crect x='7' y='3' width='1' height='1'/%3E%3Crect x='8' y='0' width='1' height='1'/%3E%3Crect x='8' y='2' width='1' height='1'/%3E%3Crect x='9' y='0' width='1' height='1'/%3E%3Crect x='9' y='1' width='1' height='1'/%3E%3Crect x='9' y='3' width='1' height='1'/%3E%3Crect x='10' y='0' width='1' height='1'/%3E%3Crect x='10' y='2' width='1' height='1'/%3E%3Crect x='11' y='1' width='1' height='1'/%3E%3Crect x='11' y='3' width='1' height='1'/%3E%3Crect x='12' y='0' width='1' height='1'/%3E%3Crect x='12' y='2' width='1' height='1'/%3E%3Crect x='13' y='1' width='1' height='1'/%3E%3Crect x='14' y='0' width='1' height='1'/%3E%3Crect x='14' y='2' width='1' height='1'/%3E%3Crect x='15' y='3' width='1' height='1'/%3E%3Crect x='16' y='0' width='1' height='1'/%3E%3Crect x='16' y='2' width='1' height='1'/%3E%3Crect x='17' y='1' width='1' height='1'/%3E%3Crect x='18' y='0' width='1' height='1'/%3E%3Crect x='18' y='2' width='1' height='1'/%3E%3Crect x='20' y='0' width='1' height='1'/%3E%3C/svg%3E");--ramp-left:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 4' shape-rendering='crispEdges'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3Crect x='4' y='0' width='1' height='1'/%3E%3Crect x='6' y='0' width='1' height='1'/%3E%3Crect x='6' y='2' width='1' height='1'/%3E%3Crect x='8' y='0' width='1' height='1'/%3E%3Crect x='8' y='2' width='1' height='1'/%3E%3Crect x='9' y='1' width='1' height='1'/%3E%3Crect x='10' y='0' width='1' height='1'/%3E%3Crect x='10' y='2' width='1' height='1'/%3E%3Crect x='11' y='1' width='1' height='1'/%3E%3Crect x='11' y='3' width='1' height='1'/%3E%3Crect x='12' y='0' width='1' height='1'/%3E%3Crect x='12' y='2' width='1' height='1'/%3E%3Crect x='13' y='0' width='1' height='1'/%3E%3Crect x='13' y='1' width='1' height='1'/%3E%3Crect x='13' y='3' width='1' height='1'/%3E%3Crect x='14' y='0' width='1' height='1'/%3E%3Crect x='14' y='2' width='1' height='1'/%3E%3Crect x='15' y='0' width='1' height='1'/%3E%3Crect x='15' y='1' width='1' height='1'/%3E%3Crect x='15' y='2' width='1' height='1'/%3E%3Crect x='15' y='3' width='1' height='1'/%3E%3Crect x='16' y='0' width='1' height='1'/%3E%3Crect x='16' y='2' width='1' height='1'/%3E%3Crect x='17' y='0' width='1' height='1'/%3E%3Crect x='17' y='1' width='1' height='1'/%3E%3Crect x='17' y='2' width='1' height='1'/%3E%3Crect x='17' y='3' width='1' height='1'/%3E%3Crect x='18' y='0' width='1' height='1'/%3E%3Crect x='18' y='2' width='1' height='1'/%3E%3Crect x='19' y='0' width='1' height='1'/%3E%3Crect x='19' y='1' width='1' height='1'/%3E%3Crect x='19' y='2' width='1' height='1'/%3E%3Crect x='19' y='3' width='1' height='1'/%3E%3Crect x='20' y='0' width='1' height='1'/%3E%3Crect x='20' y='1' width='1' height='1'/%3E%3Crect x='20' y='2' width='1' height='1'/%3E%3Crect x='21' y='0' width='1' height='1'/%3E%3Crect x='21' y='1' width='1' height='1'/%3E%3Crect x='21' y='2' width='1' height='1'/%3E%3Crect x='21' y='3' width='1' height='1'/%3E%3Crect x='22' y='0' width='1' height='1'/%3E%3Crect x='22' y='1' width='1' height='1'/%3E%3Crect x='22' y='2' width='1' height='1'/%3E%3Crect x='22' y='3' width='1' height='1'/%3E%3Crect x='23' y='0' width='1' height='1'/%3E%3Crect x='23' y='1' width='1' height='1'/%3E%3Crect x='23' y='2' width='1' height='1'/%3E%3Crect x='23' y='3' width='1' height='1'/%3E%3C/svg%3E")}:root,[data-surface=light]{--canvas:var(--palette-white);--surface:var(--palette-g50);--surface-2:var(--palette-g100);--surface-3:var(--palette-g150);--raised:var(--palette-white);--line:var(--palette-g150);--line-strong:var(--palette-g300);--outline:var(--palette-g200);--text:var(--palette-g950);--text-muted:var(--palette-g600);--text-faint:var(--palette-g550);--invert:var(--palette-g950);--invert-2:var(--palette-g800);--invert-text:var(--palette-white);--invert-muted:var(--palette-g400);--hover:var(--palette-ink-06);--press:var(--palette-ink-10);--overlay:var(--palette-ink-55);--accent:var(--palette-g950);--accent-strong:var(--palette-g800);--accent-text:var(--palette-white);--accent-ink:var(--palette-g950);--link:var(--palette-g950);--signal:var(--palette-g950);--signal-ink:var(--palette-g950);--signal-soft:var(--palette-g100);--live:var(--palette-grass-deep);--live-ink:var(--palette-grass-ink);--on-live:var(--palette-ink);--danger:var(--palette-tomato-deep);--danger-ink:var(--palette-tomato-ink);--warn:var(--palette-tangerine-deep);--warn-ink:var(--palette-sun-ink);--focus:var(--palette-g950);--pop-1:var(--palette-tomato);--pop-2:var(--palette-sun);--pop-3:var(--palette-grass);--pop-4:var(--palette-sky);--pop-5:var(--palette-tangerine);--pop-6:var(--palette-pink);--pop-7:var(--palette-aqua);--dither-ink:var(--palette-g950);--field-back:var(--palette-g950);--field-front:var(--palette-tangerine);--field-accent:var(--palette-sky);--shadow:0 1px 0 var(--palette-ink-06), 0 24px 48px -24px var(--palette-black-30);--shadow-lg:0 1px 0 var(--palette-ink-06), 0 40px 80px -32px var(--palette-black-30);--team-red:var(--palette-cn-red);--team-red-ink:var(--palette-tomato-ink);--team-blue:var(--palette-cn-blue);--team-blue-ink:var(--palette-sky-ink);--you:var(--palette-g950);--you-ink:var(--palette-g950);--agent:var(--palette-g950);--agent-ink:var(--palette-g700);--avatar-shadow:var(--palette-ink-16);--stage:var(--palette-white);--board-frame:var(--palette-g50);--board-well:var(--palette-g100);--turn:var(--palette-g950);--turn-ink:var(--palette-g950);--turn-text:var(--palette-white);--turn-soft:var(--palette-ink-06);color-scheme:light}:root[data-theme=dark],[data-surface=dark]{--canvas:var(--palette-g950);--surface:var(--palette-g900);--surface-2:var(--palette-g850);--surface-3:var(--palette-g800);--raised:var(--palette-g850);--line:var(--palette-g800);--line-strong:var(--palette-g700);--outline:var(--palette-g750);--text:var(--palette-g50);--text-muted:var(--palette-g400);--text-faint:var(--palette-g500);--invert:var(--palette-g50);--invert-2:var(--palette-g200);--invert-text:var(--palette-g950);--invert-muted:var(--palette-g600);--hover:var(--palette-white-08);--press:var(--palette-white-14);--overlay:var(--palette-black-75);--accent:var(--palette-g50);--accent-strong:var(--palette-g200);--accent-text:var(--palette-g950);--accent-ink:var(--palette-g50);--link:var(--palette-g50);--signal:var(--palette-g50);--signal-ink:var(--palette-g50);--signal-soft:var(--palette-g850);--live:var(--palette-grass);--live-ink:var(--palette-grass);--on-live:var(--palette-ink);--danger:var(--palette-tomato-deep);--danger-ink:var(--palette-tomato);--warn:var(--palette-tangerine-deep);--warn-ink:var(--palette-sun);--focus:var(--palette-g50);--dither-ink:var(--palette-g50);--field-back:var(--palette-g950);--field-front:var(--palette-tangerine);--field-accent:var(--palette-sky);--shadow:0 0 0 1px var(--palette-g800), 0 24px 48px -24px var(--palette-black);--shadow-lg:0 0 0 1px var(--palette-g800), 0 40px 80px -32px var(--palette-black);--team-red:var(--palette-cn-red);--team-red-ink:var(--palette-tomato);--team-blue:var(--palette-cn-blue);--team-blue-ink:var(--palette-sky);--you:var(--palette-g50);--you-ink:var(--palette-g50);--agent:var(--palette-g50);--agent-ink:var(--palette-g300);--avatar-shadow:var(--palette-black-30);--stage:var(--palette-g950);--board-frame:var(--palette-g900);--board-well:var(--palette-g850);--turn:var(--palette-g50);--turn-ink:var(--palette-g50);--turn-text:var(--palette-g950);--turn-soft:var(--palette-white-08);color-scheme:dark}[data-surface]{color:var(--text)}:root,[data-surface]{--tint-mix:45%;--tint-sky:var(--palette-sky)}@supports (color:color-mix(in lab, red, red)){:root,[data-surface]{--tint-sky:color-mix(in oklab, var(--palette-sky) var(--tint-mix), var(--surface))}}:root,[data-surface]{--tint-sun:var(--palette-sun)}@supports (color:color-mix(in lab, red, red)){:root,[data-surface]{--tint-sun:color-mix(in oklab, var(--palette-sun) var(--tint-mix), var(--surface))}}:root,[data-surface]{--tint-grass:var(--palette-grass)}@supports (color:color-mix(in lab, red, red)){:root,[data-surface]{--tint-grass:color-mix(in oklab, var(--palette-grass) var(--tint-mix), var(--surface))}}:root,[data-surface]{--tint-pink:var(--palette-pink)}@supports (color:color-mix(in lab, red, red)){:root,[data-surface]{--tint-pink:color-mix(in oklab, var(--palette-pink) var(--tint-mix), var(--surface))}}:root,[data-surface]{--tint-tomato:var(--palette-tomato)}@supports (color:color-mix(in lab, red, red)){:root,[data-surface]{--tint-tomato:color-mix(in oklab, var(--palette-tomato) var(--tint-mix), var(--surface))}}:root,[data-surface]{--tint-aqua:var(--palette-aqua)}@supports (color:color-mix(in lab, red, red)){:root,[data-surface]{--tint-aqua:color-mix(in oklab, var(--palette-aqua) var(--tint-mix), var(--surface))}}:root,[data-surface]{--on-pastel:var(--palette-ink)}:root[data-theme=dark],[data-surface=dark]{--tint-mix:26%}[data-surface=light]{--tint-mix:45%}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pixel{font-family:var(--font-pixel);letter-spacing:var(--tracking-pixel)}.mono{font-family:var(--font-code);font-variant-numeric:tabular-nums}.num{font-variant-numeric:tabular-nums}.label{font-family:var(--font-ui);font-size:var(--type-caption);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-faint);font-weight:600}.dither{isolation:isolate;position:relative}.dither:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:var(--dither-color,currentColor);-webkit-mask:var(--dither-mask,var(--bayer-4)) 0 0 / var(--dither-tile) var(--dither-tile) repeat;-webkit-mask:var(--dither-mask,var(--bayer-4)) 0 0 / var(--dither-tile) var(--dither-tile) repeat;-webkit-mask:var(--dither-mask,var(--bayer-4)) 0 0 / var(--dither-tile) var(--dither-tile) repeat;mask:var(--dither-mask,var(--bayer-4)) 0 0 / var(--dither-tile) var(--dither-tile) repeat;opacity:var(--dither-opacity,1);position:absolute;inset:0}.tone-1{--dither-mask:var(--bayer-1)}.tone-2{--dither-mask:var(--bayer-2)}.tone-4{--dither-mask:var(--bayer-4)}.tone-6{--dither-mask:var(--bayer-6)}.tone-8{--dither-mask:var(--bayer-8)}.tone-10{--dither-mask:var(--bayer-10)}.tone-12{--dither-mask:var(--bayer-12)}.tone-14{--dither-mask:var(--bayer-14)}.dither-plate{isolation:isolate;background:var(--surface);position:relative}.dither-plate:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:var(--dither-ink);opacity:.05;-webkit-mask:var(--bayer8-2) 0 0 / var(--dither-tile-8) var(--dither-tile-8) repeat;-webkit-mask:var(--bayer8-2) 0 0 / var(--dither-tile-8) var(--dither-tile-8) repeat;-webkit-mask:var(--bayer8-2) 0 0 / var(--dither-tile-8) var(--dither-tile-8) repeat;mask:var(--bayer8-2) 0 0 / var(--dither-tile-8) var(--dither-tile-8) repeat;position:absolute;inset:0}.dither-edge-bottom{-webkit-mask:linear-gradient(var(--palette-ink), var(--palette-ink)) top / 100% calc(100% - var(--space-48)) no-repeat, var(--ramp-down) bottom / var(--dither-tile) var(--space-48) repeat-x;-webkit-mask:linear-gradient(var(--palette-ink), var(--palette-ink)) top / 100% calc(100% - var(--space-48)) no-repeat, var(--ramp-down) bottom / var(--dither-tile) var(--space-48) repeat-x;-webkit-mask:linear-gradient(var(--palette-ink), var(--palette-ink)) top / 100% calc(100% - var(--space-48)) no-repeat, var(--ramp-down) bottom / var(--dither-tile) var(--space-48) repeat-x;mask:linear-gradient(var(--palette-ink), var(--palette-ink)) top / 100% calc(100% - var(--space-48)) no-repeat, var(--ramp-down) bottom / var(--dither-tile) var(--space-48) repeat-x}.dither-edge-top{-webkit-mask:linear-gradient(var(--palette-ink), var(--palette-ink)) bottom / 100% calc(100% - var(--space-48)) no-repeat, var(--ramp-up) top / var(--dither-tile) var(--space-48) repeat-x;-webkit-mask:linear-gradient(var(--palette-ink), var(--palette-ink)) bottom / 100% calc(100% - var(--space-48)) no-repeat, var(--ramp-up) top / var(--dither-tile) var(--space-48) repeat-x;-webkit-mask:linear-gradient(var(--palette-ink), var(--palette-ink)) bottom / 100% calc(100% - var(--space-48)) no-repeat, var(--ramp-up) top / var(--dither-tile) var(--space-48) repeat-x;mask:linear-gradient(var(--palette-ink), var(--palette-ink)) bottom / 100% calc(100% - var(--space-48)) no-repeat, var(--ramp-up) top / var(--dither-tile) var(--space-48) repeat-x}.dither-rule{height:var(--px);margin:var(--space-0);background:var(--line-strong);-webkit-mask:var(--bayer-8) 0 0 / var(--dither-tile) var(--dither-tile) repeat;-webkit-mask:var(--bayer-8) 0 0 / var(--dither-tile) var(--dither-tile) repeat;-webkit-mask:var(--bayer-8) 0 0 / var(--dither-tile) var(--dither-tile) repeat;mask:var(--bayer-8) 0 0 / var(--dither-tile) var(--dither-tile) repeat;border:0}@keyframes dither-in{0%{-webkit-mask-image:var(--bayer-1);-webkit-mask-image:var(--bayer-1);-webkit-mask-image:var(--bayer-1);mask-image:var(--bayer-1)}12%{-webkit-mask-image:var(--bayer-2);-webkit-mask-image:var(--bayer-2);-webkit-mask-image:var(--bayer-2);mask-image:var(--bayer-2)}25%{-webkit-mask-image:var(--bayer-4);-webkit-mask-image:var(--bayer-4);-webkit-mask-image:var(--bayer-4);mask-image:var(--bayer-4)}38%{-webkit-mask-image:var(--bayer-6);-webkit-mask-image:var(--bayer-6);-webkit-mask-image:var(--bayer-6);mask-image:var(--bayer-6)}50%{-webkit-mask-image:var(--bayer-8);-webkit-mask-image:var(--bayer-8);-webkit-mask-image:var(--bayer-8);mask-image:var(--bayer-8)}62%{-webkit-mask-image:var(--bayer-10);-webkit-mask-image:var(--bayer-10);-webkit-mask-image:var(--bayer-10);mask-image:var(--bayer-10)}75%{-webkit-mask-image:var(--bayer-12);-webkit-mask-image:var(--bayer-12);-webkit-mask-image:var(--bayer-12);mask-image:var(--bayer-12)}88%{-webkit-mask-image:var(--bayer-14);-webkit-mask-image:var(--bayer-14);-webkit-mask-image:var(--bayer-14);mask-image:var(--bayer-14)}to{-webkit-mask-image:none;mask-image:none}}@keyframes dither-out{0%{-webkit-mask-image:var(--bayer-14);-webkit-mask-image:var(--bayer-14);-webkit-mask-image:var(--bayer-14);mask-image:var(--bayer-14)}14%{-webkit-mask-image:var(--bayer-12);-webkit-mask-image:var(--bayer-12);-webkit-mask-image:var(--bayer-12);mask-image:var(--bayer-12)}28%{-webkit-mask-image:var(--bayer-10);-webkit-mask-image:var(--bayer-10);-webkit-mask-image:var(--bayer-10);mask-image:var(--bayer-10)}42%{-webkit-mask-image:var(--bayer-8);-webkit-mask-image:var(--bayer-8);-webkit-mask-image:var(--bayer-8);mask-image:var(--bayer-8)}57%{-webkit-mask-image:var(--bayer-6);-webkit-mask-image:var(--bayer-6);-webkit-mask-image:var(--bayer-6);mask-image:var(--bayer-6)}71%{-webkit-mask-image:var(--bayer-4);-webkit-mask-image:var(--bayer-4);-webkit-mask-image:var(--bayer-4);mask-image:var(--bayer-4)}85%{-webkit-mask-image:var(--bayer-2);-webkit-mask-image:var(--bayer-2);-webkit-mask-image:var(--bayer-2);mask-image:var(--bayer-2)}to{-webkit-mask-image:var(--bayer-1);-webkit-mask-image:var(--bayer-1);-webkit-mask-image:var(--bayer-1);mask-image:var(--bayer-1);opacity:0}}.dither-in,[data-dither-in]{-webkit-mask-size:var(--dither-tile) var(--dither-tile);-webkit-mask-size:var(--dither-tile) var(--dither-tile);-webkit-mask-size:var(--dither-tile) var(--dither-tile);mask-size:var(--dither-tile) var(--dither-tile);animation:dither-in var(--dur-4) steps(1, end) both;animation-delay:calc(var(--i,0) * 45ms)}.dither-out{-webkit-mask-size:var(--dither-tile) var(--dither-tile);-webkit-mask-size:var(--dither-tile) var(--dither-tile);-webkit-mask-size:var(--dither-tile) var(--dither-tile);mask-size:var(--dither-tile) var(--dither-tile);animation:dither-out var(--dur-3) steps(1, end) both}@media (prefers-reduced-motion:reduce){.dither-in,[data-dither-in],.dither-out{animation:none;-webkit-mask:none;mask:none}}.dither-depth{isolation:isolate;position:relative}.dither-depth:after{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:var(--depth-color,var(--depth-ink));translate:var(--depth-x,var(--depth-3)) var(--depth-y,var(--depth-3));-webkit-mask:var(--depth-mask,var(--bayer-8)) 0 0 / var(--dither-tile) var(--dither-tile) repeat;-webkit-mask:var(--depth-mask,var(--bayer-8)) 0 0 / var(--dither-tile) var(--dither-tile) repeat;-webkit-mask:var(--depth-mask,var(--bayer-8)) 0 0 / var(--dither-tile) var(--dither-tile) repeat;mask:var(--depth-mask,var(--bayer-8)) 0 0 / var(--dither-tile) var(--dither-tile) repeat;position:absolute;inset:0}.dither-blend{isolation:isolate;background:var(--blend-a);position:relative}.dither-blend:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:var(--blend-b);-webkit-mask:var(--ramp-up) bottom / var(--dither-tile) var(--ramp-length) repeat-x;-webkit-mask:var(--ramp-up) bottom / var(--dither-tile) var(--ramp-length) repeat-x;-webkit-mask:var(--ramp-up) bottom / var(--dither-tile) var(--ramp-length) repeat-x;mask:var(--ramp-up) bottom / var(--dither-tile) var(--ramp-length) repeat-x;position:absolute;inset:0}:where(.dither-touch-host){isolation:isolate;position:relative}:where(.segmented button,.library-filters button,.ui-tabs-trigger,.typesafe-help-button,.series-icon-button){--touch-knockout:1}.dither-touch{z-index:-1;border-radius:inherit;pointer-events:none;width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.dither-field{z-index:0;pointer-events:none;background:var(--field-back);position:absolute;inset:0;overflow:hidden}.dither-field:before{content:"";background:var(--field-front);opacity:.35;-webkit-mask:var(--bayer8-3) 0 0 / var(--dither-tile-8) var(--dither-tile-8) repeat;-webkit-mask:var(--bayer8-3) 0 0 / var(--dither-tile-8) var(--dither-tile-8) repeat;-webkit-mask:var(--bayer8-3) 0 0 / var(--dither-tile-8) var(--dither-tile-8) repeat;mask:var(--bayer8-3) 0 0 / var(--dither-tile-8) var(--dither-tile-8) repeat;position:absolute;inset:0}.dither-field-canvas{width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.dither-field-canvas canvas{image-rendering:pixelated}@keyframes pixel-rise{0%{translate:0 calc(var(--px) * 3)}to{translate:0}}@keyframes pixel-drop{0%{translate:0 calc(var(--px) * -3)}to{translate:0}}@keyframes pixel-pop{0%{scale:.86}60%{scale:1.04}to{scale:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes shake{0%,to{translate:0}20%{translate:calc(var(--px) * -2) 0}40%{translate:calc(var(--px) * 2) 0}60%{translate:calc(var(--px) * -1) 0}80%{translate:var(--px) 0}}@keyframes rise-in{0%{opacity:0;translate:0 calc(var(--px) * 3)}to{opacity:1;translate:0}}@keyframes pop-in{0%{opacity:0;scale:.8}60%{opacity:1;scale:1.04}to{scale:1}}@keyframes drop-in{0%{translate:0 calc(var(--drop-from,-6) * 100%)}to{translate:0}}@keyframes slide-up{0%{opacity:0;translate:0 100%}to{opacity:1;translate:0}}@keyframes flip-in{0%{scale:0 1}to{scale:1}}@keyframes spin{to{rotate:360deg}}@keyframes blink{50%{opacity:0}}@keyframes elsh-settle{0%{font-variation-settings:"ELSH" 100}to{font-variation-settings:"ELSH" 0}}@keyframes scan-sweep{0%{background-position:-60% 0}to{background-position:160% 0}}.enter{animation:rise-in var(--dur-4) var(--ease-out) both;animation-delay:calc(var(--i,0) * 45ms)}.enter-pop{animation:pixel-pop var(--dur-3) var(--ease-snap) both;animation-delay:calc(var(--i,0) * 40ms)}.reveal,.reveal-fade{animation:fade-in var(--dur-4) var(--ease-out) both;animation-delay:calc(var(--i,0) * 45ms)}.reveal-pop{animation:pixel-pop var(--dur-3) var(--ease-snap) both;animation-delay:calc(var(--i,0) * 40ms)}.settle{animation:elsh-settle var(--dur-5) var(--ease-out) both}.is-shaking{animation:.32s steps(5,end) shake}.scan{position:relative;overflow:hidden}.scan:after{content:"";pointer-events:none;background:linear-gradient(90deg, var(--palette-clear) 0 40%, var(--signal) 40% 60%, var(--palette-clear) 60%) 0 0 / 50% 100% no-repeat;-webkit-mask:var(--bayer-6) 0 0 / var(--dither-tile) var(--dither-tile) repeat;-webkit-mask:var(--bayer-6) 0 0 / var(--dither-tile) var(--dither-tile) repeat;-webkit-mask:var(--bayer-6) 0 0 / var(--dither-tile) var(--dither-tile) repeat;mask:var(--bayer-6) 0 0 / var(--dither-tile) var(--dither-tile) repeat;animation:scan-sweep var(--dur-5) var(--ease-in-out) both;position:absolute;inset:0}::view-transition-old(root){animation:fade-in var(--dur-2) linear reverse both}::view-transition-new(root){animation:fade-in var(--dur-3) linear both}@media (prefers-reduced-motion:reduce){.enter,.enter-pop,.reveal,.reveal-fade,.reveal-pop,.settle,.scan:after{animation:none;-webkit-mask:none;mask:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}.ui-button{--touch-knockout:1;--btn-bg:var(--surface-2);--btn-fg:var(--text);--btn-line:var(--palette-clear);isolation:isolate;justify-content:center;align-items:center;gap:var(--space-8);min-height:var(--control);padding:var(--space-0) var(--space-24);border:var(--stroke-2) solid var(--btn-line);border-radius:var(--radius-pill);background:var(--btn-bg);color:var(--btn-fg);font-family:var(--font-ui);font-size:var(--type-body);letter-spacing:-.01em;font-weight:600;line-height:var(--leading-none);white-space:nowrap;-webkit-user-select:none;user-select:none;transition:scale var(--dur-2) var(--ease-out), opacity var(--dur-2);display:inline-flex;position:relative}.ui-button:active:not(:disabled,[data-disabled]){transition-duration:60ms;scale:.97}.ui-button:disabled,.ui-button[data-disabled]{opacity:.38;cursor:not-allowed}.ui-button[aria-busy=true]{cursor:progress}.ui-button>.ui-icon{flex:none}.ui-button-primary,.ui-button-success,.ui-button-game,.ui-button[aria-pressed=true]:not(.ui-button-icon){--btn-bg:var(--invert);--btn-fg:var(--invert-text)}.ui-button-secondary{--btn-bg:var(--surface-2)}.ui-button-outline{--btn-bg:var(--palette-clear);--btn-line:var(--line-strong)}.ui-button-ghost{--btn-bg:var(--palette-clear);--btn-fg:var(--text-muted)}.ui-button-destructive{--btn-bg:var(--palette-clear);--btn-fg:var(--danger-ink);--btn-line:var(--danger)}@supports (color:color-mix(in lab, red, red)){.ui-button-destructive{--btn-line:color-mix(in oklab, var(--danger) 45%, var(--line-strong))}}.ui-button-destructive{--touch-ink:var(--danger);--touch-ripple-ink:var(--danger);--touch-alpha:.38}.ui-button-sm{min-height:var(--control-sm);padding:var(--space-0) var(--space-16);font-size:var(--type-small)}.ui-button-lg{min-height:var(--control-lg);padding:var(--space-0) var(--space-32);font-size:var(--type-lead)}.ui-button-icon{width:var(--control);min-height:var(--control);padding:var(--space-0)}.ui-button-icon.ui-button-sm{width:var(--control-sm);min-height:var(--control-sm)}.ui-button-icon.ui-button-lg{width:var(--control-lg);min-height:var(--control-lg)}.ui-card,.panel{--doodle-fill:var(--surface);color:var(--text);border-radius:var(--radius-lg);position:relative}.ui-card-header{justify-content:space-between;align-items:center;gap:var(--space-12);padding:var(--space-24) var(--space-24) var(--space-0);display:flex}.ui-card-content{padding:var(--space-24)}.ui-card-title{font-size:var(--type-title)}.panel{gap:var(--space-16);padding:var(--space-24);display:grid}.panel-title{font-size:var(--type-title)}.panel-row{justify-content:space-between;align-items:center;gap:var(--space-12);flex-wrap:wrap;display:flex}.ui-badge{align-items:center;gap:var(--space-6);min-height:var(--control-xs);padding:var(--space-0) var(--space-12);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text);font-family:var(--font-ui);font-size:var(--type-caption);font-weight:600;line-height:var(--leading-none);white-space:nowrap;display:inline-flex}:is(.badge-live,.badge-warning,.badge-danger):before{content:"";border-radius:var(--radius-pill);background:var(--badge-dot);flex:none;width:8px;height:8px}.badge-live{--badge-dot:var(--live);background:var(--tint-grass)}.badge-warning{--badge-dot:var(--warn);background:var(--tint-sun)}.badge-danger{--badge-dot:var(--danger);background:var(--tint-tomato)}.badge-game{background:var(--invert);color:var(--invert-text)}.ui-input{width:100%;min-width:0;min-height:var(--control-lg);padding:var(--space-0) var(--space-20);border:var(--stroke-2) solid var(--palette-clear);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text);font-size:var(--type-lead);font-weight:500;line-height:var(--leading-snug);transition:border-color var(--dur-1) linear, background-color var(--dur-2) linear}.ui-input::placeholder{color:var(--text-faint);font-weight:420}.ui-input:hover:not(:disabled){background:var(--surface-3)}.ui-input:focus{border-color:var(--focus);background:var(--canvas);outline:none}.ui-input:focus-visible{outline:var(--stroke-2) solid var(--focus);outline-offset:var(--stroke-2)}.ui-input[aria-invalid=true]{border-color:var(--danger);animation:.32s steps(5,end) shake}.ui-input:disabled{opacity:.5;cursor:not-allowed}.ui-label{gap:var(--space-8);font-size:var(--type-body);color:var(--text);font-weight:600;display:grid}.ui-hint{font-size:var(--type-small);color:var(--text-muted)}.ui-switch{width:56px;height:32px;padding:var(--space-0);border-radius:var(--radius-pill);background:var(--surface-3);transition:background-color var(--dur-2) linear;border:0;flex:none;position:relative}.ui-switch[data-checked]{background:var(--palette-grass)}.ui-switch-thumb{top:var(--space-4);left:var(--space-4);border-radius:var(--radius-pill);background:var(--palette-white);width:24px;height:24px;box-shadow:0 1px 2px var(--palette-ink-16);transition:translate var(--dur-3) steps(4, end);position:absolute}.ui-switch[data-checked] .ui-switch-thumb{translate:24px}.ui-tabs-list{gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-pill);--doodle-fill:var(--surface-2);display:inline-flex;position:relative}.ui-tabs-trigger{z-index:1;min-height:var(--control-sm);padding:var(--space-0) var(--space-20);border-radius:var(--radius-pill);background:var(--palette-clear);color:var(--text-muted);font-size:var(--type-body);transition:color var(--dur-2) linear;border:0;font-weight:600;position:relative}.ui-tabs-trigger:hover{color:var(--text)}.ui-tabs-trigger[data-selected],.ui-tabs-trigger[aria-selected=true]{color:var(--on-pastel)}.ui-tabs-indicator{z-index:0;top:var(--space-4);bottom:var(--space-4);left:var(--active-tab-left);width:var(--active-tab-width);border-radius:var(--radius-pill);background:var(--palette-sun);box-shadow:0 1px 2px var(--palette-ink-10);transition:left var(--dur-3) var(--ease-out), width var(--dur-3) var(--ease-out);position:absolute}.ui-tabs-content{outline:none}.ui-dialog-backdrop{z-index:var(--z-dialog);background:var(--overlay);backdrop-filter:blur(6px);transition:opacity var(--dur-2) linear;position:fixed;inset:0}.ui-dialog-backdrop[data-starting-style],.ui-dialog-backdrop[data-ending-style]{opacity:0}.ui-dialog-content{z-index:calc(var(--z-dialog) + 1);width:min(500px, calc(100vw - var(--space-32)));max-height:calc(100dvh - var(--space-48));padding:var(--space-32);border-radius:var(--radius-xl);background:var(--raised);color:var(--text);box-shadow:var(--shadow-lg);transition:opacity var(--dur-2) steps(4, end), translate var(--dur-3) var(--ease-out);position:fixed;top:50%;left:50%;overflow:auto;translate:-50% -50%}.ui-dialog-content[data-starting-style],.ui-dialog-content[data-ending-style]{opacity:0;translate:-50% calc(-50% + var(--space-24))}.ui-dialog-title{font-family:var(--font-ui);font-size:var(--type-title);letter-spacing:var(--tracking-tight);font-weight:700;line-height:var(--leading-tight)}.ui-dialog-description{margin-top:var(--space-12);color:var(--text-muted);font-size:var(--type-body);line-height:var(--leading-body)}.ui-dialog-actions{justify-content:flex-end;gap:var(--space-12);margin-top:var(--space-32);flex-wrap:wrap;display:flex}.ui-loader{align-items:center;gap:var(--space-16);color:var(--text-muted);flex-direction:column;display:inline-flex}.ui-loader-compact{gap:var(--space-12);flex-direction:row}.ui-loader-mark{--loader-size:36px;gap:calc(var(--loader-size) / 10);width:var(--loader-size);height:var(--loader-size);grid-template-columns:repeat(3,1fr);display:grid}.ui-loader-compact .ui-loader-mark{--loader-size:22px}.ui-loader-mark i{border-radius:calc(var(--loader-size) / 18);background:var(--loader-color,var(--cell-ink,var(--text)));opacity:.14;animation:.9s step-end infinite loader-cell;animation-delay:calc(var(--o) * .1s)}.ui-loader-mark i:nth-child(3n+1){--cell-ink:var(--palette-sky)}.ui-loader-mark i:nth-child(3n+2){--cell-ink:var(--palette-pink)}.ui-loader-mark i:nth-child(3n){--cell-ink:var(--palette-sun)}.ui-loader-mark i:first-child{--o:0}.ui-loader-mark i:nth-child(2){--o:5}.ui-loader-mark i:nth-child(3){--o:2}.ui-loader-mark i:nth-child(4){--o:7}.ui-loader-mark i:nth-child(5){--o:4}.ui-loader-mark i:nth-child(6){--o:8}.ui-loader-mark i:nth-child(7){--o:3}.ui-loader-mark i:nth-child(8){--o:6}.ui-loader-mark i:nth-child(9){--o:1}@keyframes loader-cell{0%{opacity:1}33%{opacity:.5}66%{opacity:.14}}@media (prefers-reduced-motion:reduce){.ui-loader-mark i{opacity:.7;animation:none}.ui-loader-mark i:nth-child(odd){opacity:1}}.ui-loader-label{font-size:var(--type-body);color:var(--text-muted);font-weight:500}.ui-loading-panel{justify-items:center;gap:var(--space-24);width:min(440px,100%);margin:var(--space-80) auto;padding:var(--space-48) var(--space-32);border-radius:var(--radius-xl);background:var(--surface);text-align:center;display:grid}.ui-loading-actions{justify-content:center;gap:var(--space-12);flex-wrap:wrap;display:flex}.player-avatar{--avatar-size:36px;width:var(--avatar-size);height:var(--avatar-size);color:var(--avatar-ink,var(--text));flex:none;display:inline-block;position:relative}.player-avatar .avatar-art{width:100%;height:100%;display:block}.player-avatar svg{width:100%;height:100%;transform:rotate(var(--avatar-turn,0deg));overflow:visible}.player-avatar .doodle-face>path:first-child{fill:var(--avatar-color)}.player-avatar[data-kind=agent]:after{content:"";right:calc(var(--avatar-size) * -.06);bottom:calc(var(--avatar-size) * -.06);width:max(8px, calc(var(--avatar-size) * .3));height:max(8px, calc(var(--avatar-size) * .3));border:var(--stroke-2) solid var(--canvas);border-radius:var(--radius-pill);background:var(--agent);position:absolute}.game-mark{--mark-size:56px;width:var(--mark-size);height:var(--mark-size);border-radius:calc(var(--mark-size) * .28);background:var(--mark-bg,var(--invert));color:var(--mark-fg,var(--invert-text));flex:none;place-items:center;display:grid;overflow:hidden}.game-mark svg{shape-rendering:crispedges;width:62%;height:62%}.eyebrow{font-family:var(--font-ui);font-size:var(--type-caption);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-faint);font-weight:600}.tabular{font-variant-numeric:tabular-nums}.error-text,[role=alert].notice{color:var(--danger-ink);font-size:var(--type-body);font-weight:500}.notice{align-items:center;gap:var(--space-12);padding:var(--space-16) var(--space-20);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text);font-size:var(--type-body);display:flex}.notice[data-tone=danger],[role=alert].notice{background:var(--tint-tomato)}@supports (color:color-mix(in lab, red, red)){.notice[data-tone=danger],[role=alert].notice{background:color-mix(in oklab, var(--tint-tomato) 50%, var(--surface))}}.notice[data-tone=danger],[role=alert].notice{color:var(--danger-ink)}.notice[data-tone=success]{background:var(--tint-grass)}.notice[data-tone=success]:before{content:"";border-radius:var(--radius-pill);background:var(--live);flex:none;width:8px;height:8px}.live-dot{border-radius:var(--radius-pill);background:var(--live);flex:none;width:8px;height:8px;display:inline-block}.segmented{gap:var(--space-8);margin:var(--space-0);padding:var(--space-0);border:0;flex-wrap:wrap;display:flex}.segmented>legend{width:100%;padding:var(--space-0);margin-bottom:var(--space-12);font-size:var(--type-body);font-weight:600}.segmented button{min-height:var(--control);padding:var(--space-0) var(--space-16);border-radius:var(--radius-pill);--doodle-fill:var(--surface-2);color:var(--text);font-size:var(--type-body);font-variant-numeric:tabular-nums;transition:color var(--dur-2) linear, scale var(--dur-2) var(--ease-out);border:0;flex:1;font-weight:600}.segmented button:active{scale:.97}.segmented button[aria-pressed=true]{--doodle-fill:var(--invert);color:var(--invert-text)}.disclosure>summary{justify-content:space-between;align-items:center;gap:var(--space-12);min-height:var(--control);padding:var(--space-8) var(--space-0);font-size:var(--type-lead);font-weight:600;display:flex}.disclosure>summary:after{content:"+";width:var(--control-xs);height:var(--control-xs);border-radius:var(--radius-pill);background:var(--surface-2);font-size:var(--type-lead);color:var(--text);place-items:center;display:grid}.disclosure[open]>summary:after{content:"−";background:var(--palette-pink);color:var(--on-pastel)}.empty-state{justify-items:center;gap:var(--space-12);padding:var(--space-64) var(--space-24);border-radius:var(--radius-xl);background:var(--surface);text-align:center;display:grid}.empty-state h2{font-size:var(--type-title)}.empty-state p{max-width:44ch;font-size:var(--type-lead);color:var(--text-muted)}[data-game]{--game:var(--accent);--game-ink:var(--palette-ink);--game-2:var(--palette-tomato)}[data-game=connect4]{--game:var(--palette-c4-frame);--game-ink:var(--palette-white);--game-2:var(--palette-c4-yellow)}[data-game=checkers]{--game:var(--palette-walnut);--game-ink:var(--palette-ivory);--game-2:var(--palette-maple)}[data-game=reversi]{--game:var(--palette-reversi-felt);--game-ink:var(--palette-white);--game-2:var(--palette-disc-black)}[data-game=pokemon]{--game:var(--palette-hp-low);--game-ink:var(--palette-white);--game-2:var(--palette-sun)}[data-game=codenames]{--game:var(--palette-cn-red);--game-ink:var(--palette-white);--game-2:var(--palette-cn-blue)}[data-game=poker]{--game:var(--palette-baize);--game-ink:var(--palette-white);--game-2:var(--palette-card-red)}[data-game=battleship]{--game:var(--palette-sea);--game-ink:var(--palette-white);--game-2:var(--palette-peg-red)}[data-game=contexto]{--game:var(--palette-rank-hot);--game-ink:var(--palette-ink);--game-2:var(--palette-rank-warm)}.game-mark[data-game]{--mark-bg:var(--game);--mark-fg:var(--game-ink)}.site-content{width:100%;max-width:var(--content-max);margin:var(--space-0) auto;padding:var(--space-24) var(--space-gutter) var(--space-96)}main[tabindex="-1"]:focus{outline:none}.site-viewport{flex-direction:column;min-height:100dvh;display:flex}.site-viewport>.site-content{flex:1}.page-head{gap:var(--space-16);padding:var(--space-40) var(--space-0) var(--space-32);display:grid}.page-head h1{font-size:var(--type-display)}.page-head p{max-width:56ch;font-size:var(--type-lead);color:var(--text-muted)}.page-head-row{justify-content:space-between;align-items:flex-end;gap:var(--space-16);flex-wrap:wrap;display:flex}.page-actions{align-items:center;gap:var(--space-12);flex-wrap:wrap;display:flex}.section{gap:var(--space-24);padding:var(--space-48) var(--space-0);display:grid}.section-title{font-size:var(--type-section)}.site-footer{align-items:center;gap:var(--space-8) var(--space-20);margin-top:var(--space-48);padding:var(--space-24) var(--space-0) var(--space-0);border-top:var(--stroke-1) solid var(--line);color:var(--text-faint);font-size:var(--type-body);flex-wrap:wrap;display:flex}.site-footer a{color:var(--text-muted);transition:color var(--dur-1) linear;font-weight:500}.site-footer a:hover{color:var(--text)}.site-skip{top:var(--space-12);left:var(--space-gutter);z-index:calc(var(--z-sticky) + 1);min-height:var(--control-sm);padding:var(--space-0) var(--space-16);border-radius:var(--radius-pill);background:var(--palette-sun);color:var(--on-pastel);translate:0 calc(-100% - var(--space-24));align-items:center;font-weight:600;display:inline-flex;position:absolute}.site-skip:focus{outline:var(--stroke-3) solid var(--palette-ink);outline-offset:var(--space-2);translate:0}.site-bar-slot{top:var(--space-0);z-index:var(--z-sticky);height:var(--bar-height);position:sticky}body[data-app-shell]:has(.match-desk) astro-island:has(.site-bar-slot),body[data-app-shell]:has(.match-desk) .site-bar-slot{display:none}.site-bar{height:100%;padding:var(--space-0) var(--space-gutter);border-bottom:var(--stroke-1) solid var(--palette-clear);background:var(--canvas);position:relative}@supports (color:color-mix(in lab, red, red)){.site-bar{background:color-mix(in oklab, var(--canvas) 86%, var(--palette-clear))}}.site-bar{-webkit-backdrop-filter:blur(16px)saturate(1.3);transition:border-color var(--dur-3) linear, background-color var(--dur-3) linear;view-transition-name:site-bar}.site-dock{view-transition-name:site-dock}::view-transition-group(site-bar),::view-transition-group(site-dock),::view-transition-new(site-bar),::view-transition-new(site-dock){animation:none}::view-transition-old(site-bar),::view-transition-old(site-dock){display:none}.site-bar[data-scrolled]{border-bottom-color:var(--line);background:var(--canvas)}@supports (color:color-mix(in lab, red, red)){.site-bar[data-scrolled]{background:color-mix(in oklab, var(--canvas) 94%, var(--palette-clear))}}.site-bar-inner{align-items:center;column-gap:var(--space-24);grid-template-columns:1fr auto 1fr;height:100%;display:grid}.site-home{border-radius:var(--radius-sm);grid-column:1;justify-self:start;display:flex}.site-logo{align-items:center;gap:var(--space-8);color:var(--text);display:inline-flex}.site-logo-tile{transition:scale var(--dur-3) var(--ease-snap);place-items:center;display:grid}.logo-mark{transition:rotate var(--dur-4) var(--ease-snap), scale var(--dur-4) var(--ease-snap);flex:none;display:block}.site-home:hover .site-logo-tile{scale:1.04}.site-home:hover .logo-mark{rotate:-8deg;scale:1.06}.site-home:active .site-logo-tile{scale:.94}.site-wordmark{font-family:var(--font-pixel);letter-spacing:var(--tracking-pixel);line-height:var(--leading-none);align-items:baseline;display:inline-flex}.site-wordmark strong,.site-wordmark-tld{font-size:var(--type-title);font-variation-settings:"ELSH" 0;transition:font-variation-settings var(--dur-5) var(--ease-out), color var(--dur-3) linear;font-weight:500}.site-wordmark-tld{color:var(--text-faint)}.site-home:hover .site-wordmark strong,.site-home:hover .site-wordmark-tld{font-variation-settings:"ELSH" 100}.site-home:hover .site-wordmark-tld{color:var(--text-muted)}.site-nav{align-items:center;gap:var(--space-4);grid-column:2;display:flex}.site-nav a,.site-dock a{isolation:isolate;border-radius:var(--radius-pill);color:var(--text-muted);font-family:var(--font-pixel);letter-spacing:var(--tracking-pixel);white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:color var(--dur-2) linear;justify-content:center;align-items:center;display:inline-flex;position:relative}.site-nav a{min-height:var(--control-sm);padding:var(--space-0) var(--space-16);font-size:var(--type-body)}.site-nav a:hover,.site-dock a:hover,.site-dock a[data-highlighted]{color:var(--text)}.site-nav a[data-highlighted]{color:var(--on-pastel)}.site-nav a:after,.site-dock a:after,.site-profile:after{content:"";inset:var(--space-4) var(--space-0);z-index:0;border-radius:var(--radius-pill);background:var(--surface-2);opacity:0;pointer-events:none;filter:var(--doodle-filter);animation:var(--doodle-boil);transition:opacity var(--dur-2) linear, scale var(--dur-3) var(--ease-out);position:absolute;scale:.92}:is(.site-nav a:not([data-highlighted]),.site-dock a:not([data-highlighted]),.site-profile:not([aria-current])):focus-visible:after{opacity:1;scale:1}@media (hover:hover){:is(.site-nav a:not([data-highlighted]),.site-dock a:not([data-highlighted]),.site-profile:not([aria-current])):hover:after{opacity:1;scale:1}.site-bar .ui-button-ghost:hover{--btn-fg:var(--text);--doodle-fill:var(--surface-2)}}:is(.site-nav a,.site-dock a,.site-profile):active:after{scale:.96}.site-profile>*,.site-nav-label,.site-nav-icon{z-index:1;position:relative}.site-nav-icon{opacity:.6;transition:opacity var(--dur-2) linear}a:hover>.site-nav-icon,a[data-highlighted]>.site-nav-icon{opacity:1}.site-nav-indicator,:is(.site-nav,.site-dock):not([data-pill]) a[data-highlighted]:before{content:"";z-index:0;border-radius:var(--radius-pill);background:var(--palette-sun);box-shadow:inset 0 0 0 var(--stroke-2) var(--doodle-ink);filter:var(--doodle-filter);animation:var(--doodle-boil);pointer-events:none;position:absolute}:is(.site-nav,.site-dock):not([data-pill]) a[data-highlighted]:before{inset:var(--space-4) var(--space-0)}.site-nav{position:relative}.site-nav-indicator{top:var(--space-0);left:var(--space-0);width:var(--pill-w);height:calc(var(--pill-h) - var(--space-4) * 2);translate:var(--pill-x) calc(var(--pill-y) + var(--space-4));display:none}[data-pill]>.site-nav-indicator{display:block}.site-controls{justify-self:end;align-items:center;gap:var(--space-4);grid-column:3;display:flex}.site-tools{align-items:center;gap:var(--space-2);display:flex}.site-account{align-items:center;gap:var(--space-2);margin-left:var(--space-8);display:flex}.site-account-pending{padding-inline:var(--space-12);display:inline-flex}.site-profile{isolation:isolate;align-items:center;gap:var(--space-8);min-height:var(--control-sm);padding:var(--space-0) var(--space-8);border-radius:var(--radius-sm);color:var(--text-muted);font-family:var(--font-pixel);font-size:var(--type-body);letter-spacing:var(--tracking-pixel);transition:color var(--dur-2) linear;display:inline-flex;position:relative}.site-profile:hover,.site-profile[aria-current=page]{color:var(--text)}.site-signin{gap:var(--space-8);margin-left:var(--space-8)}.site-signout-error{top:100%;right:var(--space-gutter);padding:var(--space-12) var(--space-16);border-radius:var(--radius-md);background:var(--raised);color:var(--danger-ink);font-size:var(--type-body);box-shadow:var(--shadow);font-weight:500;position:absolute}.site-dock{display:none}@media (width<=1100px){.site-bar-inner{column-gap:var(--space-12)}.site-nav{gap:var(--space-0)}.site-nav a{padding:var(--space-0) var(--space-12)}.site-profile-label{display:none}}@media (width<=900px){.site-wordmark-tld{display:none}}@media (width<=760px){.site-bar{padding-inline:var(--space-16)}.site-bar-slot:has(>.site-dock) .site-nav{display:none}.site-dock{inset:auto var(--space-0) var(--space-0);z-index:var(--z-sticky);padding:var(--space-4) var(--space-8) calc(var(--space-4) + env(safe-area-inset-bottom));border-top:var(--stroke-1) solid var(--line);background:var(--canvas);display:flex;position:fixed}@supports (color:color-mix(in lab, red, red)){.site-dock{background:color-mix(in oklab, var(--canvas) 92%, var(--palette-clear))}}.site-dock{-webkit-backdrop-filter:blur(16px)saturate(1.3)}.site-dock a{gap:var(--space-6);min-height:var(--control-lg);padding:var(--space-12) var(--space-4) var(--space-8);border-radius:var(--radius-md);font-size:var(--type-micro);flex-direction:column;flex:1 1 0}.site-dock{--dock-pill-w:calc(var(--control) + var(--space-8));--dock-pill-h:calc(var(--control-xs) - var(--space-2))}.site-dock a:after,.site-dock:not([data-pill]) a[data-highlighted]:before{inset:var(--space-6) var(--space-0) auto;width:var(--dock-pill-w);height:var(--dock-pill-h);margin-inline:auto}.site-dock .site-nav-indicator{width:var(--dock-pill-w);height:var(--dock-pill-h);translate:calc(var(--pill-x) + (var(--pill-w) - var(--dock-pill-w)) / 2) calc(var(--pill-y) + var(--space-6))}.site-dock a[data-highlighted]>.site-nav-icon{color:var(--on-pastel)}.site-dock .site-nav-icon{opacity:.7}.site-content{padding-bottom:calc(var(--space-96) + var(--space-32))}body:has(.room-stage,.match-result) .site-dock{display:none}body:has(.room-stage,.match-result) .site-bar-slot{height:auto}body:has(.room-stage,.match-result) .site-bar .site-bar-inner{grid-template-rows:var(--bar-height) auto;height:auto}body:has(.room-stage,.match-result) .site-bar-slot .site-nav{padding-bottom:var(--space-4);grid-area:2/1/auto/-1;justify-content:space-between;display:flex}body:has(.room-stage,.match-result) .site-bar-slot .site-nav a{padding-inline:var(--space-4);font-size:var(--type-small);flex:1 1 0}}@media (width<=340px){.site-wordmark{display:none}}@media (prefers-reduced-motion:reduce){.site-bar,.site-logo-tile,.logo-mark,.site-wordmark strong,.site-wordmark-tld{transition:none}.site-home:hover :is(.site-logo-tile,.logo-mark){rotate:0deg;scale:1}:is(.site-nav a,.site-dock a,.site-profile):after{transition:opacity var(--dur-2) linear;scale:1}}.doodle-defs{pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}:root{--doodle-filter:url(#doodle-still);--doodle-art:url(#doodle-still);--doodle-boil:none;--doodle-ink:var(--text)}@media (prefers-reduced-motion:no-preference){:root{--doodle-boil:doodle-boil .6s steps(1, end) infinite}}@keyframes doodle-boil{0%{filter:url(#doodle-still)}25%{filter:url(#doodle-2)}50%{filter:url(#doodle-3)}75%,to{filter:url(#doodle-4)}}.ui-button{--doodle-fill:var(--btn-bg);--doodle-line:var(--doodle-ink);--doodle-inset:calc(var(--stroke-2) * -1);border-color:var(--palette-clear);background:0 0}.ui-button-ghost{--doodle-line:var(--palette-clear)}.ui-button-destructive{--doodle-line:var(--danger-ink)}:is(.segmented button,.library-filters button,.lobby-member,.desk-player,.result-player),:is(.ui-tabs-list,.room-pace-options){--doodle-line:var(--doodle-ink)}.landing-arcade-picker button{--doodle-line:var(--palette-g600)}:is(.ui-card,.panel){--doodle-line:var(--line-strong)}.game-tile{--doodle-line:var(--palette-clear)}:is(.desk-player,.game-tile){--doodle-inset:var(--stroke-3)}:where(.ui-button,.segmented button,.library-filters button,.ui-tabs-list,.landing-arcade-picker button,.room-pace-options,.lobby-member,.desk-player,.result-player,.ui-card,.panel,.game-tile){isolation:isolate;position:relative}:is(.ui-button,.segmented button,.library-filters button,.ui-tabs-list,.landing-arcade-picker button,.room-pace-options,.lobby-member,.desk-player,.result-player,.ui-card,.panel,.game-tile):before{content:"";inset:var(--doodle-inset,0);z-index:-1;border-radius:inherit;pointer-events:none;background:var(--doodle-fill,var(--palette-clear));box-shadow:inset 0 0 0 var(--stroke-2) var(--doodle-line,var(--palette-clear));filter:var(--doodle-filter);animation:var(--doodle-boil);position:absolute}:is(.c4-cabinet,.checkers-frame,.reversi-frame,.sea-grid,.poker-felt),.words-board{filter:var(--doodle-art)}:is(.ui-tabs-indicator,.room-choice-fill){filter:var(--doodle-filter);animation:var(--doodle-boil)}:is(.game-scene,.game-mark){filter:var(--doodle-art)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}.signout-dialog{width:min(440px, calc(100vw - var(--space-32)));padding:var(--space-24);border-radius:var(--radius-lg);box-shadow:none;isolation:isolate;background:0 0}.signout-dialog:before{content:"";inset:var(--stroke-3);z-index:-1;border-radius:inherit;background:var(--raised);box-shadow:inset 0 0 0 var(--stroke-2) var(--doodle-ink), 0 40px 80px -32px var(--palette-black-30);filter:var(--doodle-filter);animation:var(--doodle-boil);position:absolute}.signout-dialog-head{align-items:start;column-gap:var(--space-16);grid-template-columns:auto 1fr;display:grid}.signout-dialog-mark{isolation:isolate;width:var(--control-lg);height:var(--control-lg);color:var(--on-pastel);animation:pop-in var(--dur-4) var(--ease-snap) both;place-items:center;display:grid;position:relative}.signout-dialog-mark:before{content:"";inset:var(--space-0);z-index:-1;border-radius:var(--radius-md);background:var(--palette-tomato);box-shadow:inset 0 0 0 var(--stroke-2) var(--doodle-ink);filter:var(--doodle-filter);animation:var(--doodle-boil);position:absolute;rotate:-6deg}.signout-dialog .ui-dialog-title{padding-top:var(--space-2);font-size:var(--type-section)}.signout-dialog .ui-dialog-description{margin-top:var(--space-6);text-wrap:pretty}.signout-dialog .ui-dialog-actions{margin-top:var(--space-24)}.signout-dialog-confirm{--btn-bg:var(--palette-tomato);--btn-fg:var(--on-pastel);--doodle-line:var(--doodle-ink);--touch-ink:var(--palette-ink)}@media (width<=480px){.signout-dialog-head{row-gap:var(--space-16);grid-template-columns:1fr}.signout-dialog .ui-dialog-actions>*{flex:1 1 0}}.game-tile{--tile-pad:var(--space-32);--tile-art:60%;isolation:isolate;border-radius:var(--radius-xl);--doodle-fill:var(--palette-g900);min-width:0;min-height:340px;color:var(--text);transition:translate var(--dur-3) var(--ease-out);flex-direction:column;display:flex;position:relative;overflow:hidden;container-type:inline-size}:root[data-theme=dark] .game-tile{--doodle-fill:var(--palette-g850)}.game-tile:after{content:"";z-index:-1;pointer-events:none;background:var(--game);-webkit-mask:var(--bayer-4) 0 0 / var(--dither-tile) var(--dither-tile) repeat, radial-gradient(70% 80% at 82% 100%, var(--palette-ink), var(--palette-clear) 72%);-webkit-mask-composite:source-in;mask:var(--bayer-4) 0 0 / var(--dither-tile) var(--dither-tile) repeat, radial-gradient(70% 80% at 82% 100%, var(--palette-ink), var(--palette-clear) 72%);opacity:.4;transition:opacity var(--dur-3) var(--ease-out);position:absolute;inset:0;mask-composite:intersect}.game-tile:hover{translate:0 calc(var(--space-6) * -1)}.game-tile:hover:after{opacity:.75}.game-tile:active{transition-duration:var(--dur-1);translate:0}.game-tile:focus-visible{outline:var(--stroke-4) solid var(--focus);outline-offset:var(--space-4);border-radius:var(--radius-xl)}:root:not([data-theme=dark]) .game-tile:focus-visible{outline-color:var(--palette-g950)}.game-tile-copy{z-index:1;align-items:flex-start;gap:var(--space-16);padding:var(--tile-pad);flex-direction:column;display:flex;position:relative}.game-tile-head{align-items:center;gap:var(--space-20);min-width:0;display:flex}.library-caption{gap:var(--space-4);min-width:0;display:grid}.library-caption h2{font-size:var(--type-section);line-height:var(--leading-tight);color:var(--text)}.library-caption span{color:var(--text-muted);font-size:var(--type-body);white-space:nowrap;font-weight:500}.game-tile-pitch{max-width:min(28ch,44cqw);color:var(--text-muted);font-size:var(--type-lead);font-weight:500;line-height:var(--leading-snug)}.game-tile-play.ui-button{margin-top:var(--space-8);pointer-events:none}.game-tile:hover .game-tile-play.ui-button{--btn-bg:var(--invert-2)}.game-glyph{aspect-ratio:3/2;width:100%;color:var(--text);place-items:center;display:grid;position:relative}.game-glyph :is(.game-scene,.sketch-scene){width:100%;height:100%}.game-tile>.game-glyph{z-index:0;width:var(--tile-art);transition:translate var(--dur-4) var(--ease-out);margin-inline:auto;position:absolute;bottom:0;left:0;right:0}.game-tile>.game-glyph:has(>[data-crop]){aspect-ratio:auto;display:block}.game-tile>.game-glyph>[data-crop]{height:auto}.game-tile:hover>.game-glyph{translate:0 calc(var(--space-8) * -1)}.game-scene,.sketch-scene{display:block;overflow:visible}.game-scene .scene-move{transition:translate var(--dur-4) steps(4, end)}@media (hover:hover) and (prefers-reduced-motion:no-preference){.game-tile:hover .scene-move{animation:scene-hop var(--dur-5) steps(4, end) both}}@keyframes scene-hop{0%{translate:0}50%{translate:0 -3px}to{translate:0}}@media (prefers-reduced-motion:reduce){.game-tile,.game-tile>.game-glyph{transition:none}.game-tile:hover,.game-tile:hover>.game-glyph{translate:0}}.library-grid{gap:var(--space-16);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@media (width<=1180px){.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.library-grid{grid-template-columns:minmax(0,1fr)}}.library-grid .game-tile{--tile-pad:var(--space-24);min-height:296px}.library-grid .game-tile:after{content:none}.library-grid .game-tile-copy{gap:var(--space-12)}.library-grid .library-caption h2{font-size:var(--type-title)}.library-grid .game-mark{--mark-bg:var(--palette-clear);--mark-fg:var(--text)}.library-grid .library-caption span{white-space:normal}.library-grid .game-tile-pitch{font-size:var(--type-body)}.library-grid .game-tile>.game-glyph{width:76%}@container (width>=520px){.game-tile>.game-glyph{margin-inline:auto var(--tile-pad)}.library-grid .game-tile>.game-glyph{width:52%}}@container (width<=519px){.game-tile-pitch{max-width:28ch}.game-tile:not(.library-grid *)>.game-glyph{width:80%}}.library-head{isolation:isolate;align-items:end;gap:var(--space-32) var(--space-48);margin:var(--space-8) var(--space-0) var(--space-32);padding:var(--space-48);border-radius:var(--radius-xl);background:var(--surface);grid-template-columns:minmax(0,1fr) minmax(320px,440px);display:grid;position:relative;overflow:hidden}.library-intro{justify-items:start;gap:var(--space-20);display:grid}.library-intro h1{font-size:var(--type-hero);line-height:var(--leading-none)}.library-intro p{max-width:40ch;color:var(--text-muted);font-size:var(--type-lead);font-weight:500}.library-join{gap:var(--space-16);display:grid}.library-join-label{font-size:var(--type-title);letter-spacing:var(--tracking-tight);font-weight:700;line-height:var(--leading-tight);text-align:center}.library-code-field{min-width:0;position:relative}.library-code-field .library-join-input{min-height:var(--control-xl);padding-inline:var(--space-24) var(--space-64);border-radius:var(--radius-lg);background:var(--surface-3);font-family:var(--font-pixel);font-size:var(--type-title);letter-spacing:.3em;text-transform:uppercase}.library-code-field .library-join-input:focus{background:var(--canvas)}.library-code-field .library-join-input::placeholder{letter-spacing:.2em}.library-code-field .library-code-paste.ui-button{top:0;bottom:0;right:var(--space-10);margin-block:auto;position:absolute}.library-join-submit.ui-button{width:100%}.library-join-error{color:var(--danger-ink);font-size:var(--type-body);font-weight:500}.library-toolbar{justify-content:space-between;align-items:center;gap:var(--space-12);margin-bottom:var(--space-24);flex-wrap:wrap;display:flex}.library-series.ui-button{--btn-bg:var(--palette-crown);--btn-fg:var(--palette-ink);--touch-ink:var(--palette-white);--touch-alpha:.7}.library-filters{gap:var(--space-8);flex-wrap:wrap;display:flex}.library-filters button{align-items:center;gap:var(--space-10);min-height:var(--control);padding:var(--space-0) var(--space-12) var(--space-0) var(--space-20);border-radius:var(--radius-pill);--doodle-fill:var(--surface-2);color:var(--text);font-size:var(--type-body);transition:scale var(--dur-2) var(--ease-out);border:0;font-weight:600;display:inline-flex}.library-filters button:active{scale:.97}.library-filters button span{min-width:var(--control-xs);height:var(--control-xs);padding:var(--space-0) var(--space-8);border-radius:var(--radius-pill);background:var(--canvas);color:var(--text-muted);font-family:var(--font-pixel);font-size:var(--type-body);place-items:center;display:grid}.library-filters button[aria-pressed=true]{--doodle-fill:var(--invert);color:var(--invert-text)}.library-filters button[aria-pressed=true] span{background:var(--invert-2);color:var(--invert-text)}@media (width<=960px){.library-head{padding:var(--space-32);grid-template-columns:minmax(0,1fr);align-items:start}}@media (width<=600px){.game-tile{--tile-pad:var(--space-24);border-radius:var(--radius-lg);min-height:440px}.game-tile-head{gap:var(--space-16)}.library-caption h2{font-size:var(--type-title)}.library-head{padding:var(--space-20);border-radius:var(--radius-lg)}.library-grid .game-tile{min-height:300px}}.public-link{align-items:center;gap:var(--space-6);color:var(--text);text-decoration:underline;text-decoration-color:var(--line-strong);text-decoration-thickness:var(--stroke-2);text-underline-offset:4px;transition:text-decoration-color var(--dur-1) linear;font-weight:600;display:inline-flex}.public-link:hover{text-decoration-color:var(--text)}.public-head-copy{gap:var(--space-8);display:grid}.connect-layout{gap:var(--space-16);grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start;display:grid}.connect-layout>*{min-width:0}.connect-aside{top:calc(var(--bar-height) + var(--space-16));border-radius:var(--radius-lg);background:var(--surface);position:sticky}.connect-steps{gap:var(--space-20);margin-top:var(--space-20);list-style:none;display:grid}.connect-steps li{gap:var(--space-12);display:flex}.connect-steps li>span{width:var(--control-sm);height:var(--control-sm);border-radius:var(--radius-pill);background:var(--invert);color:var(--invert-text);font-family:var(--font-pixel);font-size:var(--type-small);flex:none;place-items:center;display:grid}.connect-steps h3{font-family:var(--font-ui);font-size:var(--type-body);letter-spacing:0;font-weight:700}.connect-steps p{margin-top:var(--space-4);font-size:var(--type-small);line-height:var(--leading-body);color:var(--text-muted)}.connect-webhooks{isolation:isolate;justify-content:space-between;align-items:center;gap:var(--space-24);margin-top:var(--space-16);padding:var(--space-32);border-radius:var(--radius-lg);background:var(--surface);display:flex;position:relative;overflow:hidden}.connect-webhooks[data-surface=dark]{margin-top:var(--space-32);background:var(--canvas);color:var(--text)}.connect-webhooks[data-surface=dark]:before,.connect-webhooks[data-surface=dark]:after{content:"";z-index:-1;pointer-events:none;position:absolute;top:0;bottom:0;right:0}.connect-webhooks[data-surface=dark]:before{background:linear-gradient(to left, var(--palette-sky), var(--palette-clear));width:44%}.connect-webhooks[data-surface=dark]:after{background:linear-gradient(to left, var(--palette-aqua), var(--palette-clear));width:24%}.connect-webhooks>div{min-width:0;max-width:60ch}.connect-webhooks h2{font-size:var(--type-section)}.connect-webhooks p{margin-top:var(--space-8);color:var(--text-muted);line-height:var(--leading-body)}.connect-webhooks>.ui-button{flex:none}.public-watch-grid{grid-template-columns:minmax(0, 1fr) var(--sidebar);gap:var(--space-16);align-items:start;display:grid}.public-player{isolation:isolate;aspect-ratio:16/9;border-radius:var(--radius-lg);background:var(--surface);min-height:280px;color:var(--text);place-items:center;display:grid;position:relative;overflow:hidden;container-type:inline-size}.public-player:before{content:"";z-index:-1;background:linear-gradient(to top, var(--palette-tangerine), var(--palette-pink) 55%, var(--palette-clear));pointer-events:none;height:20%;position:absolute;bottom:0;left:0;right:0}.public-player iframe{z-index:1;border:0;width:100%;height:100%;position:absolute;inset:0}.player-intro{align-items:center;gap:var(--space-12);max-width:400px;padding:var(--space-24) var(--space-24) var(--space-48);text-align:center;flex-direction:column;display:flex;position:relative}.player-intro[data-loaded=true]{display:none}.player-intro-mark{width:var(--control-xl);height:var(--control-xl);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text);place-items:center;display:grid}.player-intro h2{font-family:var(--font-pixel);font-size:var(--type-section);letter-spacing:var(--tracking-pixel)}.player-intro p{color:var(--text-muted)}.player-intro small,.public-watch-aside small{font-size:var(--type-caption);color:var(--text-muted)}.mobile-stream{display:none}.public-watch-aside{gap:var(--space-16);display:grid}.public-watch-aside .panel{gap:var(--space-12);padding:var(--space-24);border-radius:var(--radius-lg);--doodle-fill:var(--surface)}.public-watch-aside p{color:var(--text-muted);font-size:var(--type-small);line-height:var(--leading-body)}.panel-actions{align-items:center;gap:var(--space-8) var(--space-16);flex-wrap:wrap;display:flex}.watch-next{gap:var(--space-16);margin-top:var(--space-48);display:grid}.watch-next h2{font-size:var(--type-section)}.watch-next>div{gap:var(--space-8);flex-wrap:wrap;display:flex}.watch-next a{align-items:center;gap:var(--space-8);min-height:var(--control-lg);padding:var(--space-0) var(--space-16) var(--space-0) var(--space-6);border-radius:var(--radius-pill);background:var(--surface-2);transition:background-color var(--dur-1) linear, color var(--dur-1) linear;font-weight:600;display:inline-flex}.watch-next a>svg:last-child{color:var(--text-faint)}.watch-next a:hover{background:var(--invert);color:var(--invert-text)}.watch-next a:hover>svg:last-child{color:inherit}.legal-page{max-width:var(--content-narrow);margin:var(--space-24) auto var(--space-64)}.legal-back{font-size:var(--type-small)}.legal-page h1{margin-top:var(--space-32);font-family:var(--font-pixel);font-size:var(--type-display);line-height:var(--leading-tight);letter-spacing:var(--tracking-pixel)}.legal-date{margin-top:var(--space-16);padding:var(--space-4) var(--space-12);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text-muted);font-size:var(--type-small);display:inline-flex}.legal-body{margin-top:var(--space-40);font-size:var(--type-lead)}.legal-body h2{margin:var(--space-40) var(--space-0) var(--space-12);font-size:var(--type-section)}.legal-body h3{margin:var(--space-24) var(--space-0) var(--space-8);font-family:var(--font-ui);font-size:var(--type-title);letter-spacing:0;font-weight:700}.legal-body p,.legal-body li{color:var(--text-muted);line-height:var(--leading-body)}.legal-body p+p{margin-top:var(--space-12)}.legal-body strong{color:var(--text)}.legal-body ul,.legal-body ol{gap:var(--space-8);margin:var(--space-12) var(--space-0);padding-left:var(--space-24);display:grid}.legal-body ul{list-style:outside}.legal-body li::marker{color:var(--text-faint)}.legal-body a{color:var(--text);text-decoration:underline;text-decoration-color:var(--line-strong);text-decoration-thickness:var(--stroke-2);text-underline-offset:4px;font-weight:600}.legal-body a:hover{text-decoration-color:var(--text)}.game-info{gap:var(--space-24) var(--space-48);padding-top:var(--space-24);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;display:grid}.game-info-copy{justify-items:start;gap:var(--space-16);display:grid}.game-info h1{font-family:var(--font-pixel);font-size:var(--type-hero);line-height:var(--leading-none);letter-spacing:var(--tracking-pixel)}.game-info-copy>p{max-width:36ch;font-size:var(--type-lead);line-height:var(--leading-snug);color:var(--text-muted)}.game-info-copy .page-actions{margin-top:var(--space-8)}.game-info-stage{isolation:isolate;min-height:360px;padding:var(--space-32);border-radius:var(--radius-xl);background:var(--canvas);place-items:center;display:grid;position:relative;overflow:hidden}.game-info-stage:before{content:"";z-index:-1;background:linear-gradient(to top, var(--game), var(--palette-clear));pointer-events:none;height:58%;position:absolute;bottom:0;left:0;right:0}.game-info-rules{max-width:var(--content-narrow);margin-top:var(--space-24);gap:var(--space-16);border-radius:var(--radius-lg);background:var(--surface);grid-column:1/-1}.game-info-rules ol{gap:var(--space-12);counter-reset:rule;list-style:none;display:grid}.game-info-rules li{padding-left:var(--space-48);color:var(--text-muted);line-height:var(--leading-body);counter-increment:rule;position:relative}.game-info-rules li:before{content:counter(rule, decimal-leading-zero);top:var(--space-0);left:var(--space-0);min-width:var(--control-xs);height:var(--control-xs);border-radius:var(--radius-pill);background:var(--surface-3);color:var(--text);font-family:var(--font-pixel);font-size:var(--type-caption);place-items:center;display:grid;position:absolute}.game-info-rules>p{color:var(--text-muted)}@media (width<=960px){.connect-layout,.public-watch-grid,.game-info{grid-template-columns:minmax(0,1fr)}.connect-aside{position:relative;top:auto}.public-watch-aside{grid-template-columns:repeat(2,minmax(0,1fr))}.game-info-stage{min-height:300px}}@media (width<=640px){.connect-webhooks{align-items:flex-start;gap:var(--space-20);padding:var(--space-24);flex-direction:column}.connect-webhooks[data-surface=dark]{padding-top:calc(var(--space-24) + var(--space-96))}.connect-webhooks[data-surface=dark]:before,.connect-webhooks[data-surface=dark]:after{width:100%;bottom:auto;left:0}.connect-webhooks[data-surface=dark]:before{background:linear-gradient(to bottom, var(--palette-sky), var(--palette-clear))}.connect-webhooks[data-surface=dark]:after{background:linear-gradient(to bottom, var(--palette-aqua), var(--palette-clear))}.connect-webhooks[data-surface=dark]:before{height:96px}.connect-webhooks[data-surface=dark]:after{height:64px}.public-watch-aside{grid-template-columns:minmax(0,1fr)}.public-player{aspect-ratio:auto;min-height:320px}.player-intro{padding-bottom:var(--space-96)}.legal-body{font-size:var(--type-body)}.game-info-stage{min-height:260px;padding:var(--space-20)}}@media (width<=480px){.public-player iframe,.public-player .load-stream{display:none}.public-player .mobile-stream{display:inline-flex}.public-player .player-intro[data-loaded=true]{display:flex}}.mcp-connect-flow{gap:var(--space-12);min-width:0;display:grid}.mcp-prompt-card,.mcp-manual-card{gap:var(--space-12);min-width:0;padding:var(--space-20);border-radius:var(--radius-xl);background:var(--surface);display:grid}.mcp-card-head{justify-content:space-between;align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.mcp-card-title{font-size:var(--type-lead);letter-spacing:var(--tracking-tight);font-weight:700}.mcp-card-hint{font-size:var(--type-small);color:var(--text-muted);font-weight:500}.mcp-prompt-content{align-items:start;gap:var(--space-12);grid-template-columns:minmax(0,1fr) auto;display:grid}.connection-prompt{overflow-wrap:anywhere;min-width:0;padding:var(--space-12) var(--space-16);border-radius:var(--radius-lg);background:var(--surface-2);color:var(--text);font-family:var(--font-code);font-size:var(--type-small);line-height:var(--leading-body)}.mcp-prompt-copy[data-copied],.mcp-code-copy[data-copied]{--btn-bg:var(--live);--btn-fg:var(--palette-ink)}.mcp-host-tabs{justify-self:start;gap:var(--space-2);max-width:100%;padding:var(--space-4);border-radius:var(--radius-pill);background:var(--surface-2);flex-wrap:wrap;display:inline-flex}.mcp-host-tab{align-items:center;gap:var(--space-6);min-height:var(--control-sm);padding:var(--space-0) var(--space-12);border-radius:var(--radius-pill);background:var(--palette-clear);color:var(--text-muted);font-size:var(--type-small);transition:background-color var(--dur-1) linear, color var(--dur-1) linear;border:0;font-weight:600;display:inline-flex}.mcp-host-tab:hover:not(:disabled){color:var(--text);background:var(--surface-3)}.mcp-host-tab[aria-selected=true]{background:var(--accent);color:var(--accent-text)}.mcp-host-tab:focus-visible{outline:var(--stroke-2) solid var(--focus);outline-offset:var(--space-2)}.mcp-host-tab:disabled{opacity:.5}.mcp-host-panel{gap:var(--space-10);min-width:0;display:grid}.mcp-host-meta{align-items:baseline;gap:var(--space-8);flex-wrap:wrap;display:flex}.mcp-host-name{font-weight:700}.mcp-host-label{font-size:var(--type-caption);color:var(--text-muted);font-weight:500}.mcp-code{border-radius:var(--radius-lg);background:var(--palette-g950);color:var(--palette-g100);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.mcp-code-scroll{gap:var(--space-10);min-width:0;padding:var(--space-12) var(--space-16);display:flex;overflow-x:auto}.mcp-code-scroll:focus-visible{outline-offset:calc(var(--stroke-2) * -1)}.mcp-code-prompt{color:var(--palette-g500);font-family:var(--font-code);font-size:var(--type-small)}.mcp-code pre{overflow-wrap:anywhere;min-width:0;margin:var(--space-0);font-family:var(--font-code);font-size:var(--type-small);line-height:var(--leading-body);white-space:pre-wrap}.mcp-code-copy{margin:var(--space-6)}.mcp-code .mcp-code-copy:not([data-copied]){--btn-bg:var(--palette-g800);--btn-fg:var(--palette-white);--btn-glint:var(--palette-white)}.mcp-host-note{overflow-wrap:anywhere;color:var(--text-muted);font-size:var(--type-small);line-height:var(--leading-body)}.mcp-host-note code{padding:var(--space-0) var(--space-6);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);font-size:var(--type-small)}.mcp-connect-flow[data-compact] .mcp-prompt-card,.mcp-connect-flow[data-compact] .mcp-manual-card{padding:var(--space-12);border-radius:var(--radius-lg)}@media (width<=640px){.mcp-manual-head{flex-direction:column;align-items:stretch}.mcp-host-tabs{border-radius:var(--radius-lg);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.mcp-host-tab{min-height:var(--control);padding-inline:var(--space-6);justify-content:center}.mcp-prompt-content{grid-template-columns:minmax(0,1fr)}.mcp-prompt-copy{justify-self:start}.mcp-prompt-card,.mcp-manual-card{padding:var(--space-16);border-radius:var(--radius-lg)}}.landing-wire{padding:var(--space-80) var(--space-0) var(--space-0)}.landing-wire .landing-section-head{text-align:center;justify-content:center}.landing-wire .landing-section-head p{margin-inline:auto}.wd-panel{--wd-ink:var(--palette-ink);--wd-paper:var(--palette-card);--wd-page:color-mix(in oklab, var(--palette-sky) 16%, var(--palette-white));--wd-dot:color-mix(in oklab, var(--palette-sky-ink) 22%, var(--palette-clear));padding:var(--space-32) var(--space-32) var(--space-40);border-radius:var(--radius-xl);color:var(--wd-ink);background:radial-gradient(var(--wd-dot) var(--stroke-1), var(--palette-clear) var(--stroke-2)) 0 0 / var(--space-24) var(--space-24), var(--wd-page);box-shadow:inset 0 0 0 var(--stroke-3) var(--wd-ink);position:relative}.wd-stage{width:100%;height:auto;display:block;overflow:visible}.wd-stage text{font-family:var(--font-ui)}.wd-ink{fill:var(--wd-ink)}.wd-stroke{fill:none;stroke:var(--wd-ink);stroke-width:3px;stroke-linecap:round}.wd-faint{fill:none;stroke:var(--wd-ink);stroke-width:1.5px;stroke-dasharray:5 6;opacity:.35}.wd-sun{fill:var(--palette-sun);stroke:var(--wd-ink);stroke-width:2.5px}.wd-title{fill:var(--wd-ink);letter-spacing:-.02em;font-weight:800}.wd-sub{fill:var(--palette-g600);font-weight:600}.wd-mono{fill:var(--wd-ink);font-family:var(--font-code);font-weight:700}.wd-swash{fill:none;stroke:var(--palette-sun-deep);stroke-width:7px;stroke-linecap:round}.wd-card{fill:var(--wd-paper);stroke:var(--wd-ink);stroke-width:3.5px;stroke-linejoin:round;transition:fill var(--dur-4) var(--ease-out)}.wd-actor[data-lane=you]{--lane:var(--palette-pink)}.wd-actor[data-lane=agent]{--lane:var(--palette-sky)}.wd-actor[data-focus] .wd-card{fill:var(--lane)}.wd-room[data-focus] .wd-card{fill:color-mix(in oklab, var(--palette-sun) 40%, var(--wd-paper))}.wd-avatar{fill:var(--lane);stroke:var(--wd-ink);stroke-width:3px;transition:fill var(--dur-4) var(--ease-out)}.wd-actor[data-focus] .wd-avatar{fill:var(--wd-paper)}.wd-actor[data-focus] .wd-sub{fill:var(--palette-g750)}.wd-status{fill:var(--wd-ink);font-weight:700}.wd-ring-track{fill:var(--wd-paper);stroke:var(--wd-ink);stroke-width:2.5px}.wd-ring-fill{fill:none;stroke:var(--palette-g300);stroke-width:6px;stroke-linecap:butt}.wd-ring[data-tone=wait] .wd-ring-fill{stroke:var(--palette-sky-deep)}.wd-ring[data-tone=go] .wd-ring-fill{stroke:var(--palette-grass-deep)}.wd-ring[data-tone=think] .wd-ring-fill{stroke:var(--palette-sun-deep)}.wd-ring[data-tone=done] .wd-ring-fill{stroke:var(--palette-g600)}.wd-board{fill:var(--palette-c4-frame-light);stroke:var(--wd-ink);stroke-width:3.5px;stroke-linejoin:round}.wd-hole{fill:var(--wd-paper);stroke:var(--wd-ink);stroke-width:2.5px}.wd-disc{stroke:var(--wd-ink);stroke-width:3px}.wd-disc[data-lane=you]{fill:var(--palette-pink-deep)}.wd-disc[data-lane=agent]{fill:var(--palette-sky-deep)}.wd-strike{fill:none;stroke:var(--wd-ink);stroke-width:9px;stroke-linecap:round}.wd-chip-body{fill:var(--wd-paper);stroke:var(--wd-ink);stroke-width:2.5px}.wd-chip[data-lane=you] .wd-chip-body{fill:color-mix(in oklab, var(--palette-pink) 55%, var(--wd-paper))}.wd-chip[data-lane=agent] .wd-chip-body{fill:color-mix(in oklab, var(--palette-sky) 55%, var(--wd-paper))}.wd-chip-empty{fill:none;stroke:var(--palette-g400);stroke-width:2.5px;stroke-dasharray:7 6}.wd-chip-text{fill:var(--wd-ink);font-weight:700}.wd-stamp-body{fill:var(--palette-grass);stroke:var(--wd-ink);stroke-width:3.5px}.wd-stamp[data-win] .wd-stamp-body{fill:var(--palette-sun)}.wd-track{--flow:var(--palette-g400)}.wd-track[data-flow=you]{--flow:var(--palette-pink)}.wd-track[data-flow=agent]{--flow:var(--palette-sky)}.wd-track[data-flow=state]{--flow:var(--palette-sun)}.wd-track-line{fill:none;stroke:var(--wd-ink);stroke-width:2.5px;stroke-dasharray:7 7;stroke-linecap:round;opacity:.4;transition:opacity var(--dur-3) linear}.wd-track[data-live] .wd-track-line{stroke-dasharray:none;opacity:1}.wd-track-glow{fill:none;stroke:var(--flow);stroke-width:12px;stroke-linecap:round}.wd-arrow{fill:none;stroke:var(--wd-ink);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;opacity:.4}.wd-track[data-live] .wd-arrow{opacity:1}.wd-transport{fill:var(--palette-g600);font-family:var(--font-code);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.wd-packet{--flow:var(--palette-sun)}.wd-packet[data-flow=you]{--flow:var(--palette-pink)}.wd-packet[data-flow=agent]{--flow:var(--palette-sky)}.wd-packet-body{fill:var(--flow);stroke:var(--wd-ink);stroke-width:3px}.wd-burst path{stroke:var(--wd-ink);stroke-width:3.5px;stroke-linecap:round}.wd-bubble{fill:var(--wd-paper);stroke:var(--wd-ink);stroke-width:3px}.wd-story{align-items:end;gap:var(--space-24) var(--space-40);margin-top:var(--space-24);grid-template-columns:minmax(0,1fr) auto;display:grid}.wd-captions{align-self:stretch;display:grid}.wd-caption{align-content:start;justify-items:start;gap:var(--space-8);animation:wd-caption-in var(--dur-5) var(--ease-out) both;grid-area:1/1;display:grid}.wd-caption[data-ghost]{visibility:hidden;pointer-events:none;animation:none}@keyframes wd-caption-in{0%{opacity:0;transform:translateY(var(--space-8))}}.wd-count{padding:var(--space-4) var(--space-10);border-radius:var(--radius-pill);background:var(--wd-ink);color:var(--wd-paper);font-family:var(--font-code);font-size:var(--type-micro);letter-spacing:var(--tracking-label);text-transform:uppercase;font-weight:700}.wd-caption h3{font-size:var(--type-section);letter-spacing:var(--tracking-tight);font-weight:800;line-height:var(--leading-tight)}.wd-caption p{max-width:62ch;color:var(--palette-g700);font-size:var(--type-lead);line-height:var(--leading-body)}.wd-caption code{max-width:100%;padding:var(--space-4) var(--space-10);overflow-wrap:anywhere;border-radius:var(--radius-xs);background:var(--palette-sun);box-shadow:inset 0 0 0 var(--stroke-2) var(--wd-ink);font-family:var(--font-code);font-size:var(--type-small);font-weight:600}.wd-controls{justify-items:end;gap:var(--space-12);display:grid}.wd-buttons{gap:var(--space-8);display:flex}.wd-buttons button{width:var(--control-sm);height:var(--control-sm);border-radius:var(--radius-pill);background:var(--wd-paper);color:var(--wd-ink);box-shadow:inset 0 0 0 var(--stroke-3) var(--wd-ink);cursor:pointer;border:0;place-items:center;display:grid}.wd-buttons button[data-primary]{width:var(--control);height:var(--control);margin-top:calc(var(--space-4) * -1);background:var(--palette-sun)}.wd-buttons button:focus-visible,.wd-steps button:focus-visible{outline:var(--stroke-3) solid var(--palette-sky-deep);outline-offset:var(--space-2)}.wd-steps{gap:var(--space-4);list-style:none;display:flex}.wd-steps button{width:var(--space-32);height:var(--space-24);padding:var(--space-0);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.wd-steps span{width:100%;height:var(--space-12);border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--wd-ink) calc(var(--p,0) * 100%), var(--wd-paper) 0);box-shadow:inset 0 0 0 var(--stroke-2) var(--wd-ink);transition:height var(--dur-2) var(--ease-out)}.wd-steps button:hover span,.wd-steps button[aria-current] span{height:var(--space-16)}.wd-legend{justify-content:flex-end;gap:var(--space-4) var(--space-12);color:var(--palette-g700);font-size:var(--type-micro);flex-wrap:wrap;font-weight:600;list-style:none;display:flex}.wd-legend li{align-items:center;gap:var(--space-6);display:flex}.wd-legend li:before{content:"";width:var(--space-16);height:var(--space-10);border-radius:var(--radius-pill);background:var(--flow);box-shadow:inset 0 0 0 var(--stroke-2) var(--wd-ink)}.wd-legend [data-flow=you]{--flow:var(--palette-pink)}.wd-legend [data-flow=agent]{--flow:var(--palette-sky)}.wd-legend [data-flow=state]{--flow:var(--palette-sun)}@media (width<=1000px){.wd-story{grid-template-columns:1fr}.wd-controls{justify-items:start}.wd-legend{justify-content:flex-start}}@media (width<=760px){.landing-wire{padding-top:var(--space-56)}.wd-panel{padding:var(--space-16) var(--space-16) var(--space-24);border-radius:var(--radius-lg)}.wd-caption[data-ghost]{display:none}.wd-steps button{width:var(--space-24)}}@media (prefers-reduced-motion:reduce){.wd-caption{animation:none}.wd-card,.wd-avatar,.wd-track-line,.wd-steps span{transition:none}}.landing-unlocks li[data-tint=sky]{--tint:var(--tint-sky);--ink:var(--palette-sky)}.landing-unlocks li[data-tint=sun]{--tint:var(--tint-sun);--ink:var(--palette-sun)}.landing-unlocks li[data-tint=pink]{--tint:var(--tint-pink);--ink:var(--palette-pink)}.landing-unlocks li[data-tint=grass]{--tint:var(--tint-grass);--ink:var(--palette-grass)}.landing-unlocks li[data-tint=aqua]{--tint:var(--tint-aqua);--ink:var(--palette-aqua)}.landing-unlocks li[data-tint=tomato]{--tint:var(--tint-tomato);--ink:var(--palette-tomato)}.landing-hero{--hero-field-connect4:var(--palette-c4-frame);--hero-field-poker:var(--palette-baize);--hero-field-checkers:var(--palette-maple-deep);--hero-field-battleship:var(--palette-sea);--hero-field-codenames:var(--palette-cn-red);--hero-field-reversi:var(--palette-reversi-felt);--hero-field-pokemon:var(--palette-sun-deep);--hero-field-contexto:var(--palette-rank-hot);isolation:isolate;align-items:center;gap:var(--space-48);min-height:clamp(520px,74vh,700px);margin-top:var(--space-8);padding:var(--space-56);border-radius:var(--radius-xl);background:var(--palette-g950);color:var(--text);grid-template-columns:minmax(0,1fr) minmax(360px,540px);display:grid;position:relative;overflow:hidden}.landing-hero-field{z-index:-2;opacity:.5}.landing-hero:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg, var(--palette-g950) 25%, color-mix(in oklab, var(--palette-g950) 55%, var(--palette-clear)) 60%, color-mix(in oklab, var(--palette-g950) 20%, var(--palette-clear)));position:absolute;inset:0}.landing-hero-copy{justify-items:start;gap:var(--space-24);max-width:720px;display:grid}.landing-hero h1{font-size:var(--type-hero);line-height:var(--leading-none);text-align:left;color:var(--palette-white)}.landing-rotator{--hero-ink:var(--palette-white);vertical-align:bottom;display:inline-grid}.landing-rotator>span{white-space:nowrap;opacity:0;color:var(--hero-ink);grid-area:1/1}.landing-rotator>[data-game=connect4]{--hero-ink:var(--palette-c4-yellow)}.landing-rotator>[data-game=poker]{--hero-ink:var(--palette-baize-line)}.landing-rotator>[data-game=checkers]{--hero-ink:var(--palette-maple)}.landing-rotator>[data-game=battleship]{--hero-ink:var(--palette-sea-foam)}.landing-rotator>[data-game=codenames]{--hero-ink:var(--palette-tomato)}.landing-rotator>[data-game=reversi]{--hero-ink:var(--palette-grass)}.landing-rotator>[data-game=pokemon]{--hero-ink:var(--palette-sun)}.landing-rotator>[data-game=contexto]{--hero-ink:var(--palette-rank-hot)}.landing-rotator>span[data-active=true]{opacity:1}.landing-rotator[data-running]>span[data-active=true]{animation:rise-in var(--dur-4) var(--ease-out) both, elsh-settle var(--dur-5) var(--ease-out) both}.landing-rotator[data-running]>span[data-leaving]{opacity:1;animation:fade-in var(--dur-3) linear reverse both}.landing-subline{max-width:40ch;color:var(--palette-g200);font-size:var(--type-title);letter-spacing:var(--tracking-tight);font-weight:500;line-height:var(--leading-snug)}.landing-actions{gap:var(--space-12);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.landing-actions .ui-button-secondary{--btn-bg:var(--palette-g800)}.landing-hero-stats{gap:var(--space-24);margin:var(--space-8) var(--space-0) var(--space-0);display:flex}.landing-hero-stats div{gap:var(--space-4);flex-direction:column-reverse;display:flex}.landing-hero-stats dt{color:var(--palette-g400);font-size:var(--type-small);font-weight:600}.landing-hero-stats dd{margin:var(--space-0);font-family:var(--font-pixel);font-size:var(--type-section);line-height:var(--leading-none)}.landing-hero-stats div:first-child dd{color:var(--palette-sky)}.landing-hero-stats div:nth-child(2) dd{color:var(--palette-sun)}.landing-hero-stats div:nth-child(3) dd{color:var(--palette-pink)}.landing-arcade{gap:var(--space-12);margin:var(--space-0);padding:var(--space-12);border-radius:var(--radius-xl);background:color-mix(in oklab, var(--palette-g850) 92%, var(--palette-clear));box-shadow:0 0 0 var(--stroke-1) var(--palette-g800), var(--shadow);backdrop-filter:blur(10px);display:grid}.landing-arcade-bar{align-items:center;gap:var(--space-10);padding:var(--space-4) var(--space-4) var(--space-0);color:var(--palette-white);font-size:var(--type-body);display:flex}.landing-arcade-live{align-items:center;gap:var(--space-6);padding:var(--space-2) var(--space-10);border-radius:var(--radius-pill);background:var(--palette-g800);color:var(--palette-g200);font-size:var(--type-micro);letter-spacing:var(--tracking-label);text-transform:uppercase;margin-left:auto;font-weight:700;display:inline-flex}.landing-arcade-live>span{width:var(--space-6);height:var(--space-6);border-radius:var(--radius-pill);background:var(--palette-tomato);animation:1.2s step-end infinite blink}.landing-arcade-screen{border-radius:var(--radius-lg);background:var(--palette-g900);aspect-ratio:3/2;position:relative;overflow:hidden}.landing-arcade-canvas{cursor:crosshair;touch-action:manipulation;width:100%;height:100%;animation:arcade-on var(--dur-4) steps(6, end) both;display:block}@keyframes arcade-on{0%{filter:brightness(2.2)contrast(.4);clip-path:inset(48% 0)}50%{clip-path:inset(0)}}.landing-arcade-hint{margin:var(--space-0);color:var(--palette-g200);font-size:var(--type-caption);text-align:center;font-weight:600}.landing-arcade-picker{gap:var(--space-6);grid-template-columns:repeat(8,minmax(0,1fr));display:grid}.landing-arcade-picker button{height:var(--control);border-radius:var(--radius-md);--doodle-fill:var(--palette-g800);cursor:pointer;border:0;place-items:center;display:grid}.landing-arcade-picker button[aria-pressed=true]{--doodle-fill:var(--palette-g200);box-shadow:inset 0 calc(var(--stroke-3) * -1) 0 var(--palette-sun)}.landing-arcade-picker button:focus-visible{outline:var(--stroke-3) solid var(--focus);outline-offset:var(--space-2)}.landing-unlocks ul{gap:var(--space-16);grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;display:grid}.landing-unlocks a{isolation:isolate;align-content:start;gap:var(--space-10);height:100%;padding:var(--space-24) var(--space-24) var(--space-32);border-radius:var(--radius-xl);background:var(--tint);color:var(--text);transition:translate var(--dur-3) var(--ease-out);display:grid;position:relative;overflow:hidden}.landing-unlocks a:hover{translate:0 calc(var(--space-4) * -1)}.landing-unlocks a:focus-visible{outline:var(--stroke-3) solid var(--focus);outline-offset:var(--space-4)}.landing-unlock-icon{width:var(--space-48);height:var(--space-48);margin-bottom:var(--space-8);border-radius:var(--radius-md);background:var(--raised);color:var(--text);place-items:center;display:grid}.landing-unlocks h3{font-size:var(--type-title);letter-spacing:var(--tracking-tight)}.landing-unlocks a p{color:color-mix(in oklab, var(--text) 82%, var(--tint));font-size:var(--type-body);line-height:var(--leading-snug)}.landing-unlock-go{top:var(--space-24);right:var(--space-24);width:var(--control-sm);height:var(--control-sm);border-radius:var(--radius-pill);background:var(--raised);transition:translate var(--dur-3) var(--ease-out);place-items:center;display:grid;position:absolute}.landing-unlocks a:hover .landing-unlock-go{translate:var(--space-4) 0}@property --split{syntax:"<percentage>";inherits:true;initial-value:50%}.landing-versus{--split:50%;isolation:isolate;min-height:280px;margin-top:var(--space-80);border-radius:var(--radius-xl);background:var(--tint-pink);transition:--split var(--dur-4) var(--ease-out);grid-template-columns:1fr 1fr;align-items:center;display:grid;position:relative;overflow:hidden}.landing-versus:before{content:"";z-index:-1;pointer-events:none;background:var(--tint-sky);-webkit-mask:linear-gradient(var(--palette-ink), var(--palette-ink)) 0 0 / calc(var(--split) - var(--ramp-length) / 2) 100% no-repeat, var(--ramp-right) calc(var(--split) - var(--ramp-length) / 2) 0 / var(--ramp-length) var(--dither-tile) repeat-y;mask:linear-gradient(var(--palette-ink), var(--palette-ink)) 0 0 / calc(var(--split) - var(--ramp-length) / 2) 100% no-repeat, var(--ramp-right) calc(var(--split) - var(--ramp-length) / 2) 0 / var(--ramp-length) var(--dither-tile) repeat-y;position:absolute;inset:0}.landing-versus-side{gap:var(--space-16);padding:var(--space-48);color:var(--text);display:grid}.landing-versus-side[data-side=agent]{text-align:right;justify-items:end}.landing-versus-title{font-family:var(--font-pixel);font-size:var(--type-display);line-height:var(--leading-none)}.landing-versus-side ul{gap:var(--space-10);font-size:var(--type-lead);font-weight:600;list-style:none;display:grid}.landing-versus-side li{align-items:center;gap:var(--space-10);display:flex}.landing-versus-side[data-side=agent] li{flex-direction:row-reverse}.landing-versus-badge{top:50%;left:var(--split);width:var(--space-64);height:var(--space-64);border-radius:var(--radius-pill);background:var(--invert);color:var(--invert-text);font-family:var(--font-pixel);font-size:var(--type-title);box-shadow:0 0 0 var(--space-6) var(--surface);place-items:center;animation:2.4s steps(4,end) 2 vs-wobble;display:grid;position:absolute;translate:-50% -50%}@keyframes vs-wobble{0%,to{rotate:-6deg}50%{rotate:6deg}}.landing-challenges,.landing-unlocks,.landing-steps,.landing-faq{padding:var(--space-80) var(--space-0) var(--space-0)}.landing-section-head{justify-content:space-between;align-items:flex-end;gap:var(--space-16) var(--space-32);margin-bottom:var(--space-32);flex-wrap:wrap;display:flex}.landing-section-head h2{font-size:var(--type-display)}.landing-section-head p{max-width:56ch;margin-top:var(--space-8);color:var(--text-muted);font-size:var(--type-lead);font-weight:500}.landing-section-head>p{margin-top:var(--space-0)}.landing-challenge-grid{gap:var(--space-20);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.landing-challenge.game-tile{grid-column:span 2;min-height:340px}.landing-challenge.game-tile:nth-child(-n+2){grid-column:span 3;min-height:380px}.landing-challenge .game-tile-pitch{color:var(--palette-g200);font-size:var(--type-title);letter-spacing:var(--tracking-tight);font-weight:600}.landing-steps ol{gap:var(--space-20);grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;display:grid}.landing-steps li{align-content:start;gap:var(--space-10);padding:var(--space-32);border-radius:var(--radius-xl);background:var(--surface);display:grid}.landing-step-dot{width:var(--space-48);height:var(--space-48);margin-bottom:var(--space-12);border-radius:var(--radius-md);background:var(--step);color:var(--on-pastel);font-family:var(--font-pixel);font-size:var(--type-title);line-height:var(--leading-none);place-items:center;display:grid}.landing-steps h3{font-size:var(--type-title)}.landing-steps p{max-width:34ch;color:var(--text-muted);font-size:var(--type-lead);line-height:var(--leading-snug)}.landing-connect{margin-top:var(--space-80);padding:var(--space-48);border-radius:var(--radius-xl);background:var(--surface);color:var(--text)}.landing-connect .landing-section-head h2{max-width:18ch}.landing-connect :is(.mcp-prompt-card,.mcp-manual-card){background:var(--raised)}.landing-connect .connection-prompt{background:var(--surface)}.landing-faq>div{gap:var(--space-12) var(--space-24);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.landing-faq .disclosure{padding:var(--space-8) var(--space-24);border-radius:var(--radius-lg);background:var(--surface)}.landing-faq .disclosure p{padding-bottom:var(--space-16);color:var(--text-muted);font-size:var(--type-body)}.landing-footer{margin-top:var(--space-80);justify-content:space-between}.landing-footer>div{gap:var(--space-20);flex-wrap:wrap;display:flex}@media (width<=1100px){.landing-hero{padding:var(--space-40);grid-template-columns:1fr;align-items:start}.landing-hero:before{background:linear-gradient(180deg, var(--palette-g950) 30%, color-mix(in oklab, var(--palette-g950) 50%, var(--palette-clear)))}.landing-unlocks ul,.landing-challenge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-challenge.game-tile,.landing-challenge.game-tile:nth-child(-n+2){grid-column:span 1}}@media (width<=760px){.landing-hero{min-height:auto;padding:var(--space-32) var(--space-16) var(--space-16);gap:var(--space-32);border-radius:var(--radius-lg)}.landing-subline{font-size:var(--type-lead)}.landing-actions{width:100%;display:grid}.landing-arcade{padding:var(--space-8)}.landing-arcade-picker{grid-template-columns:repeat(4,minmax(0,1fr))}.landing-arcade-hint{font-size:var(--type-micro)}.landing-versus{min-height:0;margin-top:var(--space-56);grid-template-columns:1fr}.landing-versus:before{-webkit-mask:linear-gradient(var(--palette-ink), var(--palette-ink)) 0 0 / 100% 42% no-repeat, var(--ramp-down) 0 42% / var(--dither-tile) var(--ramp-length) repeat-x;mask:linear-gradient(var(--palette-ink), var(--palette-ink)) 0 0 / 100% 42% no-repeat, var(--ramp-down) 0 42% / var(--dither-tile) var(--ramp-length) repeat-x}.landing-versus-side{padding:var(--space-24)}.landing-versus-side[data-side=agent]{padding-top:var(--space-48)}.landing-versus-badge{width:var(--space-48);height:var(--space-48);font-size:var(--type-body);top:46%;left:50%}.landing-challenges,.landing-unlocks,.landing-steps,.landing-faq{padding-top:var(--space-56)}.landing-section-head h2{font-size:var(--type-section)}.landing-challenge-grid{gap:var(--space-16);grid-template-columns:1fr}.landing-challenge .game-tile-pitch{font-size:var(--type-lead)}.landing-unlocks ul,.landing-steps ol{gap:var(--space-12);grid-template-columns:1fr}.landing-steps li{padding:var(--space-24);border-radius:var(--radius-lg)}.landing-connect{margin-top:var(--space-56);padding:var(--space-24);border-radius:var(--radius-lg)}.landing-faq>div{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.landing-arcade-live>span,.landing-arcade-canvas,.landing-versus-badge{animation:none}.landing-versus{transition:none}}.discs-stage{--disc-red:var(--palette-c4-red);--disc-red-deep:var(--palette-c4-red-deep);--disc-yellow:var(--palette-c4-yellow);--disc-yellow-deep:var(--palette-c4-yellow-deep);--disc-black:var(--palette-disc-black);--disc-white:var(--palette-disc-white);width:100%;min-width:0;height:100%;min-height:0;padding:var(--space-4);justify-content:center;align-items:center;display:flex;container-type:size}.discs-fit{position:relative;container-type:inline-size}.discs-cell{aspect-ratio:1;min-width:0;padding:var(--space-0);color:inherit;background:0 0;border:0;display:block;position:relative}.is-connect4{--frame:var(--palette-c4-frame);--frame-deep:var(--palette-c4-frame-deep);--frame-light:var(--palette-c4-frame-light);--frame-shine:color-mix(in oklab, var(--palette-c4-frame-light) 55%, var(--palette-white))}.is-connect4 .discs-fit{width:min(100cqw,100.604cqh,1040px)}.is-connect4[data-readonly=true] .discs-fit{width:min(100cqw,115.207cqh,1040px)}.is-connect4 .discs-fit{--pad:3.6cqw;--cell:calc((100cqw - 2 * var(--pad)) / 7)}.c4-cabinet{isolation:isolate;padding:var(--pad);box-shadow:0 calc(var(--cell) * .07) 0 var(--frame-deep), 0 calc(var(--cell) * .3) calc(var(--cell) * .5) calc(var(--cell) * -.2) var(--palette-black-30);border-radius:4.2cqw;position:relative}.is-connect4 .discs-board{z-index:1;grid-template-columns:repeat(var(--cols), minmax(0, 1fr));grid-template-rows:repeat(var(--rows), minmax(0, 1fr));aspect-ratio:var(--cols) / var(--rows);display:grid;position:relative}.is-connect4 .discs-frame{z-index:2;pointer-events:none;padding:var(--pad);border-radius:inherit;background:linear-gradient(168deg, var(--frame-light) 0, var(--frame) 34%, var(--frame) 72%, color-mix(in oklab, var(--frame) 72%, var(--frame-deep)) 100%);box-shadow:inset 0 calc(var(--cell) * .035) 0 var(--frame-shine), inset 0 calc(var(--cell) * -.05) 0 var(--frame-deep);-webkit-mask:linear-gradient(var(--palette-ink) 0 0) border-box, radial-gradient(circle closest-side, var(--palette-ink) 0 80%, var(--palette-clear) 80.5%) content-box 0 0 / calc(100% / var(--cols)) calc(100% / var(--rows));-webkit-mask-composite:xor;mask:linear-gradient(var(--palette-ink) 0 0) border-box exclude, radial-gradient(circle closest-side, var(--palette-ink) 0 80%, var(--palette-clear) 80.5%) content-box 0 0 / calc(100% / var(--cols)) calc(100% / var(--rows));position:absolute;inset:0;overflow:hidden}.is-connect4 .discs-frame>span{pointer-events:none;position:absolute;inset:0}.c4-hi{background:linear-gradient(176deg, color-mix(in oklab, var(--palette-white) 26%, var(--palette-clear)) 0, color-mix(in oklab, var(--palette-white) 8%, var(--palette-clear)) 34%, var(--palette-clear) 46%), linear-gradient(115deg, var(--palette-clear) 0 18%, color-mix(in oklab, var(--palette-white) 12%, var(--palette-clear)) 18% 24%, var(--palette-clear) 24%)}.is-connect4 .discs-frame>.c4-rim{inset:var(--pad);background:radial-gradient(circle closest-side at 50% 45%, var(--palette-clear) 0 79%, var(--frame-deep) 81%, color-mix(in oklab, var(--frame-deep) 40%, var(--palette-clear)) 88%, var(--palette-clear) 96%) 0 0 / calc(100% / var(--cols)) calc(100% / var(--rows)), radial-gradient(circle closest-side at 50% 56%, var(--palette-clear) 0 79%, var(--frame-shine) 81%, color-mix(in oklab, var(--frame-shine) 30%, var(--palette-clear)) 88%, var(--palette-clear) 94%) 0 0 / calc(100% / var(--cols)) calc(100% / var(--rows))}.c4-foot{z-index:-1;background:linear-gradient(var(--frame) 0, var(--frame-deep) 70%);clip-path:polygon(22% 0,78% 0,100% 100%,0 100%);pointer-events:none;border-radius:1.6cqw 1.6cqw 1.2cqw 1.2cqw;width:10cqw;height:9cqw;position:absolute;bottom:-2.6cqw}.c4-foot.is-left{left:-2.4cqw}.c4-foot.is-right{right:-2.4cqw}.is-connect4 .playing-disc{z-index:1;will-change:transform;border-radius:50%;position:absolute;inset:10.5%}.is-connect4 .playing-disc.piece-1{--disc:var(--disc-red);--disc-deep:var(--disc-red-deep)}.is-connect4 .playing-disc.piece-2{--disc:var(--disc-yellow);--disc-deep:var(--disc-yellow-deep)}.discs-ghost{--disc:var(--ghost);--disc-deep:var(--ghost-deep)}.is-connect4 .playing-disc:not(.piece-0),.discs-ghost{--disc-hi:color-mix(in oklab, var(--disc) 55%, var(--palette-white));--disc-rim:inset 0 0 0 calc(var(--cell) * .025) color-mix(in oklab, var(--disc-deep) 80%, var(--palette-clear)), inset 0 calc(var(--cell) * -.04) calc(var(--cell) * .06) color-mix(in oklab, var(--disc-deep) 70%, var(--palette-clear));background:radial-gradient(circle at 32% 26%, var(--disc-hi) 0 9%, var(--palette-clear) 10%), var(--disc);box-shadow:var(--disc-rim)}.is-connect4 .playing-disc:not(.piece-0):before,.discs-ghost:before{content:"";background:radial-gradient(circle closest-side, var(--palette-clear) 0 40%, var(--disc-deep) 41% 47%, var(--palette-clear) 48% 74%, var(--disc-deep) 75% 81%, var(--palette-clear) 82%), radial-gradient(circle closest-side at 50% 55%, var(--palette-clear) 0 42%, var(--disc-hi) 43% 48%, var(--palette-clear) 49% 76%, var(--disc-hi) 77% 82%, var(--palette-clear) 83%);opacity:.75;border-radius:50%;position:absolute;inset:12%}.is-connect4 .playing-disc:not(.piece-0):after,.discs-ghost:after{content:"";border-radius:inherit;background:var(--disc-deep);opacity:.21;-webkit-mask:radial-gradient(circle at 44% 34%, var(--palette-clear) 0 58%, var(--palette-ink) 59%);mask:radial-gradient(circle at 44% 34%, var(--palette-clear) 0 58%, var(--palette-ink) 59%);position:absolute;inset:0}.is-connect4 .discs-cell[data-last-move=true] .playing-disc:not(.piece-0){box-shadow:var(--disc-rim), inset 0 0 0 calc(var(--cell) * .05) color-mix(in oklab, var(--palette-white) 85%, var(--palette-clear))}.is-connect4 .discs-board[data-has-win=true] .discs-cell:not([data-winning=true]) .playing-disc{opacity:.4;transition:opacity var(--dur-4) steps(4, end)}.is-connect4 .discs-cell[data-winning=true] .playing-disc{box-shadow:var(--disc-rim), inset 0 0 0 calc(var(--cell) * .05) var(--palette-white), inset 0 0 0 calc(var(--cell) * .085) var(--palette-ink)}.discs-actions{z-index:3;margin-inline:var(--pad);height:calc(var(--cell) * .95);grid-template-columns:repeat(7,minmax(0,1fr));display:grid;position:relative}.discs-column{padding:var(--space-0);border-radius:var(--radius-md);color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;display:block;position:relative}.discs-column:after{content:"";height:calc(var(--cell) * 6 + var(--pad));z-index:3;pointer-events:none;border-radius:0 0 var(--radius-pill) var(--radius-pill);background:linear-gradient(color-mix(in oklab, var(--palette-white) 30%, var(--palette-clear)), color-mix(in oklab, var(--palette-white) 6%, var(--palette-clear)));opacity:0;transition:opacity var(--dur-1) linear;position:absolute;top:100%;left:6%;right:6%}.discs-column:disabled{cursor:default}.discs-ghost{width:calc(var(--cell) * .79);aspect-ratio:1;translate:-50% calc(var(--px) * -4);opacity:0;transition:opacity var(--dur-1) linear, translate var(--dur-2) steps(3, end);border-radius:50%;position:absolute;bottom:4%;left:50%}.discs-column:enabled:is(:hover,:focus-visible) .discs-ghost{opacity:1;translate:-50%}.discs-column:enabled:is(:hover,:focus-visible):after{opacity:1}.discs-column:enabled:active .discs-ghost{translate:-50% calc(var(--px) * 2)}.discs-column:focus-visible{outline:none}.discs-column:focus-visible .discs-ghost{outline:var(--stroke-3) solid var(--focus);outline-offset:var(--stroke-3)}@media (hover:hover){.discs-column:enabled:hover .discs-ghost{animation:.9s steps(3,end) infinite alternate c4-hover-bob}}@keyframes c4-hover-bob{to{translate:-50% calc(var(--px) * -2)}}.is-reversi{--felt:var(--palette-reversi-felt);--felt-deep:var(--palette-reversi-felt-deep);--felt-line:var(--palette-reversi-line);--felt-glow:color-mix(in oklab, var(--palette-reversi-felt) 55%, var(--palette-white));--score-h:calc(var(--control-xl) + var(--space-12));--chrome-h:0px}.is-reversi[data-scored=true]{--chrome-h:var(--score-h)}.is-reversi .discs-fit{gap:var(--space-12);width:min(100cqw, 100cqh - var(--chrome-h), 880px);grid-template-columns:minmax(0,1fr);display:grid}.reversi-score{align-items:center;gap:var(--space-16);min-width:0;height:var(--control-xl);padding:var(--space-0) var(--space-20);border-radius:var(--radius-pill);background:var(--surface-2);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.reversi-score-side{align-items:center;gap:var(--space-12);display:inline-flex}.reversi-score-side strong{min-width:2ch;font-family:var(--font-pixel);font-size:var(--type-section);font-weight:500;line-height:var(--leading-none);font-variant-numeric:tabular-nums}.reversi-score-side.is-white strong{text-align:right}.reversi-score-disc{width:var(--control-sm);height:var(--control-sm);background-color:var(--disc-black);border-radius:50%;display:block;position:relative}.reversi-score-disc.piece-2{background-color:var(--disc-white);box-shadow:inset 0 0 0 var(--stroke-2) var(--palette-disc-white-deep)}.reversi-score-bar{height:var(--space-20);border-radius:var(--radius-pill);background:var(--disc-white);box-shadow:inset 0 0 0 var(--stroke-2) var(--palette-disc-white-deep);display:block;position:relative;overflow:hidden}.reversi-score-bar>span{width:var(--black-share);background:var(--disc-black);transition:width var(--dur-4) steps(6, end);position:absolute;inset:0 auto 0 0}:root[data-theme=dark] .reversi-score-bar>span{box-shadow:inset 0 0 0 var(--stroke-2) var(--palette-g700)}:root[data-theme=dark] .reversi-score-disc.piece-1{box-shadow:inset 0 0 0 var(--stroke-2) var(--palette-g600)}:root[data-theme=dark] .reversi-frame{box-shadow:inset 0 0 0 var(--stroke-2) var(--palette-g700)}.reversi-frame{--rim:5.2cqw;grid-template-columns:var(--rim) minmax(0, 1fr) var(--rim);grid-template-rows:var(--rim) minmax(0, 1fr) var(--rim);aspect-ratio:1;background:linear-gradient(160deg, var(--palette-g750) 0, var(--palette-g900) 45%);box-shadow:inset 0 0 0 var(--stroke-2) var(--palette-g700), inset 0 var(--stroke-3) 0 var(--palette-g600), 0 var(--depth-2) var(--depth-3) calc(var(--depth-3) * -1) var(--palette-black-30);border-radius:3.2cqw;display:grid}.reversi-files,.reversi-ranks{font-family:var(--font-pixel);font-size:clamp(var(--type-micro), 2.3cqw, var(--type-title));font-weight:500;line-height:var(--leading-none);color:var(--palette-g400);user-select:none;display:flex}.reversi-files{grid-area:1/2;align-items:center}.reversi-ranks{flex-direction:column;grid-area:2/1}.reversi-files>span,.reversi-ranks>span{flex:1;place-items:center;display:grid}.is-reversi .discs-board{--line-w:max(var(--stroke-2), .32cqw);--cell:calc((100cqw - 2 * var(--rim)) / 8);isolation:isolate;grid-area:2/2;grid-template-columns:repeat(var(--cols), minmax(0, 1fr));grid-template-rows:repeat(var(--rows), minmax(0, 1fr));aspect-ratio:1;background:linear-gradient(90deg, var(--felt-line) 0 var(--line-w), var(--palette-clear) var(--line-w)) calc(var(--line-w) / -2) 0 / calc(100% / var(--cols)) 100% repeat-x, linear-gradient(var(--felt-line) 0 var(--line-w), var(--palette-clear) var(--line-w)) 0 calc(var(--line-w) / -2) / 100% calc(100% / var(--rows)) repeat-y, linear-gradient(160deg, color-mix(in oklab, var(--felt) 84%, var(--palette-white)) 0, var(--felt) 55%), var(--felt);box-shadow:inset 0 0 0 var(--line-w) var(--felt-line);border-radius:.8cqw;display:grid;position:relative;overflow:hidden}.is-reversi .discs-board:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(130% 130% at 30% 18%, var(--palette-clear) 55%, color-mix(in oklab, var(--felt-deep) 80%, var(--palette-clear)) 100%);position:absolute;inset:0}.reversi-stars{--dot:calc(var(--cell) * .2);z-index:0;pointer-events:none;background:radial-gradient(circle, var(--felt-line) 0 48%, var(--palette-clear) 52%) calc(25% + var(--dot) / -2 + var(--dot) * .25) calc(25% + var(--dot) / -2 + var(--dot) * .25) / var(--dot) var(--dot) no-repeat, radial-gradient(circle, var(--felt-line) 0 48%, var(--palette-clear) 52%) calc(75% + var(--dot) * .25) calc(25% + var(--dot) / -2 + var(--dot) * .25) / var(--dot) var(--dot) no-repeat, radial-gradient(circle, var(--felt-line) 0 48%, var(--palette-clear) 52%) calc(25% + var(--dot) / -2 + var(--dot) * .25) calc(75% + var(--dot) * .25) / var(--dot) var(--dot) no-repeat, radial-gradient(circle, var(--felt-line) 0 48%, var(--palette-clear) 52%) calc(75% + var(--dot) * .25) calc(75% + var(--dot) * .25) / var(--dot) var(--dot) no-repeat;position:absolute;inset:0}.is-reversi .discs-cell{z-index:1;aspect-ratio:auto;cursor:default}.is-reversi .discs-cell:disabled{opacity:1}.is-reversi .discs-cell:before{content:"";z-index:-1;pointer-events:none;background:var(--felt-glow);opacity:0;transition:opacity var(--dur-1) linear;position:absolute;inset:0}.is-reversi .discs-cell[data-last-move=true]:before{background:var(--felt-glow);opacity:.5}.is-reversi .discs-cell[data-last-move=true]:after{content:"";z-index:3;border:calc(var(--cell) * .04) solid var(--palette-sun);pointer-events:none;border-radius:50%;position:absolute;inset:41%}.is-reversi .discs-cell:focus-visible{outline:var(--stroke-3) solid var(--palette-white);outline-offset:calc(var(--stroke-3) * -1);z-index:4}.is-reversi .playing-disc{z-index:2;background-color:var(--palette-clear);will-change:transform;border-radius:50%;position:absolute;inset:9%}.is-reversi .playing-disc.piece-1{background-color:var(--disc-black)}.is-reversi .playing-disc.piece-2{background-color:var(--disc-white)}.is-reversi .playing-disc:not(.piece-0){background-image:radial-gradient(circle at 32% 28%, var(--palette-white-14) 0 22%, var(--palette-clear) 22.5%);box-shadow:0 calc(var(--cell) * .05) 0 var(--felt-line), inset 0 calc(var(--cell) * -.04) calc(var(--cell) * .05) var(--palette-black-30)}.is-reversi .playing-disc:not(.piece-0):before,.is-reversi .playing-disc:not(.piece-0):after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0}.is-reversi .playing-disc:not(.piece-0):before{background:var(--palette-black);opacity:.14;-webkit-mask:radial-gradient(circle at 40% 32%, var(--palette-clear) 0 62%, var(--palette-ink) 63%);mask:radial-gradient(circle at 40% 32%, var(--palette-clear) 0 62%, var(--palette-ink) 63%)}.is-reversi .playing-disc:not(.piece-0):after{background:var(--palette-white);opacity:.09;-webkit-mask:radial-gradient(circle at 64% 72%, var(--palette-clear) 0 64%, var(--palette-ink) 65%);mask:radial-gradient(circle at 64% 72%, var(--palette-clear) 0 64%, var(--palette-ink) 65%)}.is-reversi .playing-disc.piece-2:after{opacity:.05}.legal-plus{place-items:center;display:grid;position:absolute;inset:-12.5%}.legal-plus:before,.legal-plus:after{content:"";transition:inset var(--dur-2) steps(3, end), opacity var(--dur-2) steps(3, end);border-radius:50%;position:absolute}.legal-plus:before{background:var(--ghost);opacity:.92;inset:31%}.legal-plus:after{border:calc(var(--cell) * .04) solid var(--ghost);opacity:.6;inset:24%}.legal-count{font-family:var(--font-pixel);font-size:clamp(var(--type-micro), 2.4cqw, var(--type-lead));font-weight:700;line-height:var(--leading-none);color:var(--ghost-ink);font-variant-numeric:tabular-nums;transition:scale var(--dur-2) steps(3, end);position:relative}.is-reversi .discs-cell[data-legal=true]{cursor:pointer}.is-reversi .discs-cell[data-legal=true]:is(:hover,:focus-visible):before{opacity:.6}.is-reversi .discs-cell[data-legal=true]:is(:hover,:focus-visible) .legal-plus:before{opacity:.75;inset:21%}.is-reversi .discs-cell[data-legal=true]:is(:hover,:focus-visible) .legal-plus:after{opacity:.9;inset:13%}.is-reversi .discs-cell[data-legal=true]:is(:hover,:focus-visible) .legal-count{scale:1.5}.is-reversi .discs-cell[data-legal=true]:active .legal-plus:before{opacity:1}.is-reversi .discs-fit{position:relative}.discs-caption{z-index:5;white-space:nowrap;box-shadow:var(--shadow);min-height:var(--control);max-width:100%;margin:var(--space-0);padding:var(--space-0) var(--space-24);border-radius:var(--radius-pill);background:var(--invert);color:var(--invert-text);font-size:var(--type-lead);letter-spacing:var(--tracking-tight);font-weight:650;line-height:var(--leading-snug);text-align:center;justify-content:center;justify-self:center;align-items:center;display:flex;position:absolute;bottom:9.2cqw;left:50%;translate:-50%}.discs-caption[data-empty=true]{visibility:hidden}:is(.result-board,.spec-board) :is(.reversi-score,.discs-caption,.discs-actions,.c4-foot){display:none}:is(.result-board,.spec-board) .is-reversi .discs-fit{display:block}@media (width>=1000px) and (height>=501px){.match-desk[data-game=connect4]:not([data-phase=waiting]) .desk-layout{gap:var(--space-16) var(--space-32);grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(200px,280px) minmax(0,1fr) minmax(200px,280px);display:grid}.match-desk[data-game=connect4]:not([data-phase=waiting]) .desk-players{grid-area:1/1/auto/-1;grid-template-columns:subgrid;pointer-events:none;align-items:center;display:grid;overflow:visible}.match-desk[data-game=connect4]:not([data-phase=waiting]) .desk-play{grid-area:1/2}.match-desk[data-game=connect4]:not([data-phase=waiting]) .desk-replay-controls{grid-area:2/1/auto/-1}.match-desk[data-game=connect4] .desk-players>.desk-player{pointer-events:auto;justify-content:center;align-items:center;gap:var(--space-16);min-height:min(420px,62%);padding:var(--space-32) var(--space-20) var(--space-40);border-radius:var(--radius-xl);text-align:center;flex-direction:column;display:flex}.match-desk[data-game=connect4] .desk-players>.desk-player:first-child{grid-column:1}.match-desk[data-game=connect4] .desk-players>.desk-player:nth-child(2){grid-column:3}.match-desk[data-game=connect4] .desk-player .desk-avatar .player-avatar,.match-desk[data-game=connect4] .desk-player .desk-avatar .jev-logo{--avatar-size:64px;width:64px!important;height:64px!important}.match-desk[data-game=connect4] .desk-player .player-name-label{flex-direction:column;align-items:center}.match-desk[data-game=connect4] .desk-player .player-name-label>strong{font-size:var(--type-title)}.match-desk[data-game=connect4] .desk-player-name{max-width:100%}.match-desk[data-game=connect4] .desk-player-meta{align-items:center;gap:var(--space-16);flex-direction:column-reverse;order:-1}.match-desk[data-game=connect4] .desk-player .desk-piece-key{width:var(--control-xl);height:var(--control-xl);box-shadow:inset 0 0 0 var(--stroke-3) var(--key-deep), inset 0 calc(var(--space-6) * -1) 0 var(--key-deep)}.match-desk[data-game=connect4] .desk-player-timer{left:var(--space-24);right:var(--space-24);bottom:var(--space-16)}.match-desk[data-game=reversi]:not([data-phase=waiting]) .desk-layout{grid-template-columns:minmax(0, calc(100dvh - var(--desk-bar-height) - var(--space-128) + var(--control-xl))) minmax(260px, 340px);justify-content:center;gap:var(--space-16) var(--space-32);grid-template-rows:minmax(0,1fr) auto;display:grid}.match-desk[data-game=reversi]:not([data-phase=waiting]) .desk-players{justify-content:center;gap:var(--space-12);flex-direction:column;grid-area:1/2;overflow:visible}.match-desk[data-game=reversi]:not([data-phase=waiting]) .desk-play{grid-area:1/1}.match-desk[data-game=reversi]:not([data-phase=waiting]) .desk-replay-controls{grid-area:2/1/auto/-1}.match-desk[data-game=reversi] .desk-players>.desk-player{min-height:96px;padding:var(--space-16) var(--space-20) var(--space-20) var(--space-16);flex:none}}.match-desk[data-stream=true] .discs-caption{font-size:var(--type-title)}.match-desk[data-stream=true] .is-connect4[data-readonly=true] .discs-fit{--pad:1.5cqw;width:min(100cqw,115.607cqh,1240px)}.match-desk[data-stream=true] .c4-foot{display:none}@media (height>=700px) and (width>=651px){.match-desk[data-stream=true] .reversi-score-side strong{font-size:var(--type-display)}}@media (width<=650px),(height<=500px){.is-reversi{--score-h:calc(var(--control) + var(--space-12))}.discs-caption{white-space:normal;width:max-content;max-width:88cqw}.reversi-score{height:var(--control);padding:var(--space-0) var(--space-12);gap:var(--space-10)}.reversi-score-side strong{font-size:var(--type-title)}.reversi-score-disc{width:var(--control-xs);height:var(--control-xs)}.reversi-score-bar{height:var(--space-12)}.discs-caption{min-height:var(--control-sm);font-size:var(--type-body);padding:var(--space-0) var(--space-16)}}@media (prefers-reduced-motion:reduce){.discs-column:enabled:hover .discs-ghost{animation:none}.discs-ghost,.legal-plus:before,.legal-count,.reversi-score-bar>span{transition:none}}.is-connect4 .discs-fit{--ink-w:max(var(--stroke-2), calc(var(--cell) * .045))}.c4-cabinet{box-shadow:none}.c4-foot,.c4-hi{display:none}.is-connect4 .discs-board{border-radius:calc(var(--cell) * .2);background:var(--sketch-paper)}.is-connect4 .discs-frame{background:var(--palette-c4-frame-light);box-shadow:none}.c4-cabinet:after{content:"";z-index:3;border-radius:inherit;box-shadow:inset 0 0 0 var(--ink-w) var(--sketch-ink);filter:var(--doodle-filter);animation:var(--doodle-boil);pointer-events:none;position:absolute;inset:0}.is-connect4 .discs-frame>.c4-rim{background:radial-gradient(circle closest-side, var(--palette-clear) 0 79.5%, var(--sketch-ink) 80% calc(80% + var(--ink-w)), var(--palette-clear) calc(80.5% + var(--ink-w))) 0 0 / calc(100% / var(--cols)) calc(100% / var(--rows))}.is-connect4 .playing-disc:not(.piece-0),.discs-ghost{background:var(--disc);box-shadow:inset 0 0 0 var(--ink-w) var(--sketch-ink)}.is-connect4 .playing-disc:not(.piece-0):before,.is-connect4 .playing-disc:not(.piece-0):after,.discs-ghost:before,.discs-ghost:after{display:none}.discs-ghost{opacity:0}.discs-column:enabled:is(:hover,:focus-visible) .discs-ghost{opacity:.85}.discs-column:after{background:color-mix(in oklab, var(--palette-sun) 30%, var(--palette-clear))}.is-connect4 .discs-cell[data-last-move=true] .playing-disc:not(.piece-0){background:radial-gradient(circle, var(--sketch-ink) 0 12%, var(--palette-clear) 13%), var(--disc);box-shadow:inset 0 0 0 var(--ink-w) var(--sketch-ink)}.is-connect4 .discs-cell[data-winning=true] .playing-disc:not(.piece-0){background:var(--palette-sun);box-shadow:inset 0 0 0 var(--ink-w) var(--sketch-ink), inset 0 0 0 calc(var(--ink-w) * 2.2) var(--disc), inset 0 0 0 calc(var(--ink-w) * 3) var(--sketch-ink)}.is-reversi .discs-fit{--ink-w:max(var(--stroke-2), .5cqw)}.reversi-frame{isolation:isolate;background:var(--sketch-paper);box-shadow:none;position:relative}.reversi-frame:after{content:"";z-index:3;border-radius:inherit;box-shadow:inset 0 0 0 var(--ink-w) var(--sketch-ink);filter:var(--doodle-filter);animation:var(--doodle-boil);pointer-events:none;position:absolute;inset:0}.reversi-files,.reversi-ranks{color:var(--sketch-ink)}.is-reversi .discs-board{--felt-line:color-mix(in oklab, var(--sketch-ink) 45%, var(--palette-clear));background:linear-gradient(90deg, var(--felt-line) 0 var(--line-w), var(--palette-clear) var(--line-w)) calc(var(--line-w) / -2) 0 / calc(100% / var(--cols)) 100% repeat-x, linear-gradient(var(--felt-line) 0 var(--line-w), var(--palette-clear) var(--line-w)) 0 calc(var(--line-w) / -2) / 100% calc(100% / var(--rows)) repeat-y, color-mix(in oklab, var(--palette-reversi-felt) 75%, var(--palette-white));box-shadow:inset 0 0 0 var(--ink-w) var(--sketch-ink)}.is-reversi .discs-board:before{display:none}.is-reversi .discs-cell:before{background:var(--palette-sun)}.is-reversi .playing-disc:not(.piece-0){box-shadow:inset 0 0 0 var(--ink-w) var(--sketch-ink);background-image:none}.is-reversi .playing-disc:not(.piece-0):before,.is-reversi .playing-disc:not(.piece-0):after{display:none}.is-reversi .discs-cell[data-last-move=true]:after{border-color:var(--sketch-ink);background:var(--palette-sun)}.reversi-score-disc,.reversi-score-disc.piece-2,.reversi-score-bar{box-shadow:inset 0 0 0 var(--stroke-2) var(--sketch-ink)}.checkers-stage{--sq-light:var(--palette-maple);--sq-light-grain:var(--palette-maple-deep);--sq-dark:var(--palette-walnut);--sq-dark-grain:var(--palette-walnut-deep);--frame-wood:var(--palette-walnut-deep);--frame-grain:var(--palette-walnut);--frame-shade:color-mix(in oklab, var(--palette-walnut-deep) 60%, var(--palette-black));--frame-shine:color-mix(in oklab, var(--palette-walnut) 70%, var(--palette-maple));--mark:var(--palette-grass);--mark-capture:var(--palette-tangerine);--caption-h:0px;--tray-w:0px;width:100%;min-width:0;height:100%;min-height:0;padding:var(--space-4);justify-content:center;align-items:center;display:flex;container-type:size}.checkers-stage[data-readonly=false]{--caption-h:calc(var(--control) + var(--space-16))}@container (aspect-ratio>=23/20) and (height>=420px){.checkers-stage[data-scored=true] .checkers-fit{--tray-w:calc(200px + var(--space-24))}}.checkers-fit{--side:min(100cqh - var(--caption-h), 100cqw - var(--tray-w), 920px);--u:calc(var(--side) / 100);--cell:calc(var(--u) * 11);justify-items:center;gap:var(--space-16);display:grid;position:relative}.checkers-table{align-items:center;gap:var(--space-24);display:flex}.checkers-frame{isolation:isolate;grid-template-columns:calc(var(--u) * 6) minmax(0, 1fr) calc(var(--u) * 6);grid-template-rows:calc(var(--u) * 6) minmax(0, 1fr) calc(var(--u) * 6);width:var(--side);aspect-ratio:1;border-radius:calc(var(--u) * 3);background:var(--frame-wood);box-shadow:inset 0 calc(var(--u) * .5) 0 color-mix(in oklab, var(--frame-shine) 55%, var(--palette-clear)), inset 0 calc(var(--u) * -.6) 0 color-mix(in oklab, var(--frame-shade) 80%, var(--palette-clear)), 0 calc(var(--u) * 1.2) 0 var(--frame-shade), 0 calc(var(--u) * 3) calc(var(--u) * 5) calc(var(--u) * -2) var(--palette-black-30);display:grid;position:relative}.checkers-frame:before,.checkers-frame:after{content:"";z-index:-1;border-radius:inherit;pointer-events:none;position:absolute;inset:0}.checkers-frame:before{background:repeating-linear-gradient(88deg, color-mix(in oklab, var(--frame-grain) 55%, var(--palette-clear)) 0 calc(var(--u) * .4), var(--palette-clear) calc(var(--u) * .4) calc(var(--u) * 2.1), color-mix(in oklab, var(--frame-shade) 40%, var(--palette-clear)) calc(var(--u) * 2.1) calc(var(--u) * 2.35), var(--palette-clear) calc(var(--u) * 2.35) calc(var(--u) * 3.8))}.checkers-frame:after{background:linear-gradient(158deg, color-mix(in oklab, var(--frame-shine) 30%, var(--palette-clear)) 0, var(--palette-clear) 45%)}.checkers-ranks,.checkers-files{font-family:var(--font-pixel);font-size:clamp(var(--type-micro), calc(var(--u) * 2.6), var(--type-title));font-weight:500;line-height:var(--leading-none);color:var(--palette-g150);user-select:none;display:flex}.checkers-ranks{flex-direction:column;grid-area:2/1}.checkers-files{grid-area:3/2}.checkers-ranks>span,.checkers-files>span{flex:1;place-items:center;display:grid}.checkers-board{aspect-ratio:1;border-radius:calc(var(--u) * .6);box-shadow:0 0 0 calc(var(--u) * .5) var(--frame-shade);grid-area:2/2;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));display:grid;position:relative;overflow:hidden}.checkers-cell{--sq:var(--sq-light);--grain:var(--sq-light-grain);--grain-angle:92deg;isolation:isolate;aspect-ratio:1;min-width:0;padding:var(--space-0);background:var(--sq);color:inherit;border:0;border-radius:0;place-items:center;display:grid;position:relative}.checkers-cell[data-dark=true]{--sq:var(--sq-dark);--grain:var(--sq-dark-grain)}.checkers-cell:is([data-row="1"],[data-row="3"],[data-row="5"],[data-row="7"]){--grain-angle:2deg}.checkers-cell:before{content:"";z-index:-1;pointer-events:none;background:repeating-linear-gradient(var(--grain-angle), color-mix(in oklab, var(--grain) 45%, var(--palette-clear)) 0 calc(var(--u) * .3), var(--palette-clear) calc(var(--u) * .3) calc(var(--u) * 1.1), color-mix(in oklab, var(--grain) 30%, var(--palette-clear)) calc(var(--u) * 1.1) calc(var(--u) * 1.5), var(--palette-clear) calc(var(--u) * 1.5) calc(var(--u) * 2.6)), linear-gradient(calc(var(--grain-angle) + 90deg), color-mix(in oklab, var(--palette-white) 10%, var(--palette-clear)) 0, var(--palette-clear) 60%);position:absolute;inset:0}.checkers-cell:after{content:"";z-index:3;pointer-events:none;background:radial-gradient(circle closest-side, var(--palette-clear) 0 52%, var(--palette-sun) 52% 70%, var(--palette-tomato) 70% 100%);opacity:0;border-radius:50%;position:absolute;inset:10%}.checkers-cell:disabled{opacity:1;cursor:default}.checkers-cell:is([data-last-move=true],[data-last-from=true]){background:color-mix(in oklab, var(--sq) 66%, var(--palette-sun))}.checkers-cell[data-last-from=true]{box-shadow:inset 0 0 0 calc(var(--u) * .6) color-mix(in oklab, var(--palette-sun) 70%, var(--palette-clear))}.checkers-cell:focus-visible{outline:var(--stroke-3) solid var(--palette-white);outline-offset:calc(var(--stroke-3) * -1);z-index:4}.checker-piece{--face:var(--palette-ebony);--face-hi:var(--palette-ebony-light);--edge:var(--palette-black);--edge-2:color-mix(in oklab, var(--palette-black) 70%, var(--palette-walnut-deep));--shade:var(--palette-black);z-index:1;width:76%;height:76%;translate:0 calc(var(--u) * -.6);background:radial-gradient(circle at 34% 30%, var(--face-hi) 0 18%, var(--palette-clear) 18.5%), var(--face);box-shadow:0 calc(var(--u) * .6) 0 var(--edge), 0 calc(var(--u) * 1.1) 0 var(--edge-2), 0 calc(var(--u) * 1.4) 0 var(--palette-black-30);transition:translate var(--dur-2) var(--ease-snap), scale var(--dur-2) var(--ease-snap);border-radius:50%;place-items:center;display:grid;position:relative}.checker-white{--face:var(--palette-ivory);--face-hi:var(--palette-white);--edge:var(--palette-ivory-deep);--edge-2:color-mix(in oklab, var(--palette-ivory-deep) 60%, var(--palette-walnut-deep));--shade:var(--palette-ivory-deep)}.checker-piece:before{content:"";border-radius:inherit;background:repeating-conic-gradient(var(--edge) 0 7deg, var(--palette-clear) 7deg 15deg);opacity:.85;-webkit-mask:radial-gradient(circle closest-side, var(--palette-clear) 0 84%, var(--palette-ink) 85%);mask:radial-gradient(circle closest-side, var(--palette-clear) 0 84%, var(--palette-ink) 85%);position:absolute;inset:0}.checker-black:before{background:repeating-conic-gradient(var(--face-hi) 0 7deg, var(--palette-clear) 7deg 15deg)}.checker-piece:after{content:"";border-radius:inherit;pointer-events:none;background:var(--shade);opacity:.21;-webkit-mask:radial-gradient(circle at 38% 32%, var(--palette-clear) 0 58%, var(--palette-ink) 59%);mask:radial-gradient(circle at 38% 32%, var(--palette-clear) 0 58%, var(--palette-ink) 59%);position:absolute;inset:0}.checker-ring{width:58%;height:58%;box-shadow:inset 0 calc(var(--u) * .35) 0 var(--edge), 0 calc(var(--u) * .3) 0 var(--face-hi);border-radius:50%;position:relative}.checker-white .checker-ring{box-shadow:inset 0 calc(var(--u) * .35) 0 var(--edge), 0 calc(var(--u) * .3) 0 var(--palette-white)}.checker-crown{z-index:1;width:56%;height:56%;fill:var(--palette-crown);shape-rendering:crispedges;filter:drop-shadow(0 calc(var(--u) * .35) 0 var(--palette-sun-deep));position:relative}.checkers-cell[data-source=true]{cursor:pointer}.checkers-cell[data-source=true]:hover .checker-piece{translate:0 calc(var(--u) * -1.2)}.checkers-board[data-must-capture=true] .checkers-cell[data-source=true] .checker-piece{outline:calc(var(--u) * .6) solid var(--mark-capture);outline-offset:calc(var(--u) * .5);animation:.9s steps(2,end) infinite checkers-must}.checkers-cell[data-selected=true] .checker-piece,.checkers-cell[data-selected=true]:hover .checker-piece{translate:0 calc(var(--u) * -1.8);box-shadow:0 calc(var(--u) * .6) 0 var(--edge), 0 calc(var(--u) * 1.1) 0 var(--edge-2), 0 calc(var(--u) * 2.6) 0 var(--palette-black-30);scale:1.06}.checkers-cell[data-selected=true]:before{background:var(--palette-white);opacity:.3}.checkers-cell[data-forced=true] .checker-piece{outline:calc(var(--u) * .6) solid var(--palette-sun);outline-offset:calc(var(--u) * .5)}.checkers-cell[data-source=true]:active .checker-piece{translate:0}@keyframes checkers-must{50%{outline-offset:calc(var(--u) * 1)}}.checkers-cell[data-destination=true]{cursor:pointer}.checker-destination{z-index:1;background:radial-gradient(circle closest-side, var(--mark) 0 16%, var(--palette-clear) 18% 58%, color-mix(in oklab, var(--mark) 85%, var(--palette-clear)) 62%, var(--mark) 68% 76%, var(--palette-clear) 78%);width:70%;height:70%;animation:pop-in var(--dur-2) steps(3, end) both;transition:scale var(--dur-2) steps(3, end);border-radius:50%;position:relative}.checkers-cell[data-capture=true] .checker-destination{background:radial-gradient(circle closest-side, var(--mark-capture) 0 24%, var(--palette-clear) 26% 55%, color-mix(in oklab, var(--mark) 85%, var(--palette-clear)) 60%, var(--mark-capture) 66% 76%, var(--palette-clear) 78%)}.checkers-cell[data-destination=true]:before{background:radial-gradient(circle closest-side, var(--palette-clear) 0 55%, color-mix(in oklab, var(--mark) 40%, var(--palette-clear)) 100%)}.checkers-cell[data-destination=true]:is(:hover,:focus-visible) .checker-destination{scale:1.12}.checkers-tray{justify-content:center;gap:var(--space-16);flex-direction:column;align-self:stretch;width:200px;display:none}@container (aspect-ratio>=23/20) and (height>=420px){.checkers-stage[data-scored=true] .checkers-tray{display:flex}}.checkers-captured{align-items:end;gap:var(--space-8) var(--space-12);padding:var(--space-20);border-radius:var(--radius-xl);background:var(--surface-2);grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;display:grid}.checkers-captured-label{font-size:var(--type-caption);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted);grid-column:1/-1;font-weight:650}.checkers-captured strong{font-family:var(--font-pixel);font-size:var(--type-display);font-weight:500;line-height:var(--leading-none);font-variant-numeric:tabular-nums;grid-area:2/2}.checkers-captured-stack{min-height:var(--control-xl);padding-top:var(--space-12);flex-direction:column-reverse;grid-area:2/1;justify-content:flex-start;display:flex}.checkers-captured-man{--face:var(--palette-ebony-light);--edge:var(--palette-ebony);width:var(--control-lg);height:var(--space-12);margin-top:calc(var(--space-4) * -1);border-radius:var(--radius-pill);background:var(--face);box-shadow:0 var(--space-4) 0 var(--edge);display:block}.checkers-captured-man:nth-child(2n){translate:var(--space-2) 0}.checkers-captured-man.checker-white{--face:var(--palette-ivory);--edge:var(--palette-ivory-deep)}.checkers-captured-man[data-taken=false]{--face:var(--surface-3);--edge:var(--line-strong);opacity:.6}.checkers-caption{min-height:var(--control);max-width:100%;margin:var(--space-0);padding:var(--space-0) var(--space-24);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text);font-size:var(--type-lead);letter-spacing:var(--tracking-tight);font-weight:650;line-height:var(--leading-snug);text-align:center;justify-content:center;align-items:center;display:flex}.checkers-board[data-must-capture=true]~.checkers-caption,.checkers-fit:has([data-must-capture=true],[data-forced=true]) .checkers-caption{background:var(--invert);color:var(--invert-text)}.checkers-caption[data-empty=true]{visibility:hidden}.checkers-stage[data-readonly=true] .checkers-caption{display:none}:is(.result-board,.spec-board) .checkers-tray{display:none!important}.result-board .checkers-fit{--side:min(96cqw, 100cqh - var(--space-12));--caption-h:0px}.spec-board .checkers-fit{--side:min(320px, 80vw);--caption-h:0px}:is(.result-board,.spec-board) .checkers-caption{display:none}@media (width>=1000px) and (height>=501px){.match-desk[data-game=checkers]:not([data-phase=waiting]) .desk-layout{grid-template-columns:minmax(260px, 340px) minmax(0, calc(100dvh - var(--desk-bar-height) + 120px));justify-content:center;gap:var(--space-16) var(--space-32);grid-template-rows:minmax(0,1fr) auto;display:grid}.match-desk[data-game=checkers]:not([data-phase=waiting]) .desk-players{justify-content:center;gap:var(--space-12);flex-direction:column;grid-area:1/1;overflow:visible}.match-desk[data-game=checkers]:not([data-phase=waiting]) .desk-play{grid-area:1/2}.match-desk[data-game=checkers]:not([data-phase=waiting]) .desk-replay-controls{grid-area:2/1/auto/-1}.match-desk[data-game=checkers] .desk-players>.desk-player{min-height:96px;padding:var(--space-16) var(--space-20) var(--space-20) var(--space-16);flex:none}}.match-desk[data-stream=true] .checkers-caption{font-size:var(--type-title)}@media (width<=650px){.checkers-stage[data-readonly=false]{--caption-h:calc(var(--control-sm) + var(--space-12))}.checkers-fit{gap:var(--space-10)}.checkers-caption{min-height:var(--control-sm);padding:var(--space-0) var(--space-16);font-size:var(--type-body)}}@media (prefers-reduced-motion:reduce){.checker-destination,.checkers-board[data-must-capture=true] .checkers-cell[data-source=true] .checker-piece{animation:none}.checker-piece,.checker-destination{transition:none}}.checkers-fit{--ink-w:max(var(--stroke-2), calc(var(--u) * .5));--line-w:max(var(--stroke-1), calc(var(--u) * .2));--grid-line:color-mix(in oklab, var(--sketch-ink) 45%, var(--palette-clear))}.checkers-stage{--sq-light:color-mix(in oklab, var(--palette-maple) 80%, var(--palette-white));--sq-dark:color-mix(in oklab, var(--palette-walnut) 80%, var(--palette-white))}.checkers-stage .checkers-frame{background:color-mix(in oklab, var(--palette-walnut-deep) 80%, var(--palette-white));box-shadow:none}.checkers-stage .checkers-frame:before{display:none}.checkers-stage .checkers-frame:after{z-index:3;box-shadow:inset 0 0 0 var(--ink-w) var(--sketch-ink);filter:var(--doodle-filter);animation:var(--doodle-boil);background:0 0}.checkers-stage :is(.checkers-ranks,.checkers-files){color:var(--sketch-ink)}.checkers-stage .checkers-board{background:var(--sketch-paper);box-shadow:0 0 0 var(--ink-w) var(--sketch-ink)}.checkers-stage .checkers-cell{background:var(--sq);box-shadow:inset 0 0 0 calc(var(--line-w) / 2) var(--grid-line)}.checkers-stage .checkers-cell:before{background:0 0}.checkers-stage .checkers-cell:is([data-last-move=true],[data-last-from=true]){background:color-mix(in oklab, var(--sq) 45%, var(--palette-sun));box-shadow:inset 0 0 0 calc(var(--line-w) / 2) var(--grid-line)}.checkers-stage .checkers-cell[data-last-from=true]{background:color-mix(in oklab, var(--sq) 70%, var(--palette-sun))}.checkers-stage .checkers-cell:focus-visible{outline:var(--stroke-3) solid var(--sketch-ink);box-shadow:inset 0 0 0 calc(var(--stroke-3) * 2) var(--palette-sun)}.checkers-stage .checkers-cell:after{background:radial-gradient(circle closest-side, var(--palette-clear) 0 50%, var(--sketch-ink) 50% 56%, var(--palette-sun) 56% 70%, var(--sketch-ink) 70% 76%, var(--palette-clear) 76%)}.checkers-stage .checker-piece{--face:color-mix(in oklab, var(--palette-ebony) 85%, var(--palette-white));--groove:var(--palette-g700);background:var(--face);box-shadow:inset 0 0 0 var(--ink-w) var(--sketch-ink);translate:0}.checkers-stage .checker-white{--face:var(--palette-ivory);--groove:var(--palette-g400)}.checkers-stage .checker-piece:before,.checkers-stage .checker-piece:after{display:none}.checkers-stage .checker-ring{box-shadow:inset 0 0 0 calc(var(--ink-w) * .6) var(--groove)}.checkers-stage .checker-crown{filter:none;stroke:var(--sketch-ink);stroke-width:.7px;stroke-linejoin:round;paint-order:stroke fill;overflow:visible}.checkers-stage .checkers-cell[data-source=true]:hover .checker-piece{translate:0 calc(var(--u) * -.8)}.checkers-stage .checkers-cell[data-selected=true] .checker-piece,.checkers-stage .checkers-cell[data-selected=true]:hover .checker-piece{translate:0 calc(var(--u) * -1.2);box-shadow:inset 0 0 0 var(--ink-w) var(--sketch-ink)}.checkers-stage .checkers-cell[data-selected=true]:before{background:var(--palette-sun);opacity:1;box-shadow:inset 0 0 0 var(--ink-w) var(--sketch-ink)}.checkers-stage .checkers-board[data-must-capture=true] .checkers-cell[data-source=true] .checker-piece,.checkers-stage .checkers-cell[data-forced=true] .checker-piece{outline:var(--ink-w) solid var(--sketch-ink);outline-offset:calc(var(--u) * .7);box-shadow:inset 0 0 0 var(--ink-w) var(--sketch-ink), 0 0 0 calc(var(--u) * .7) var(--palette-sun)}.checkers-stage .checker-destination{background:var(--palette-sun);width:40%;height:40%;box-shadow:inset 0 0 0 var(--ink-w) var(--sketch-ink)}.checkers-stage .checkers-cell[data-capture=true] .checker-destination{background:color-mix(in oklab, var(--palette-tomato) 70%, var(--palette-white))}.checkers-stage .checkers-cell[data-destination=true]:before{background:color-mix(in oklab, var(--palette-sun) 40%, var(--palette-clear))}.checkers-stage .checkers-captured{background:var(--sketch-paper);color:var(--sketch-ink);box-shadow:inset 0 0 0 var(--stroke-2) var(--sketch-ink)}.checkers-stage .checkers-captured-label{color:color-mix(in oklab, var(--sketch-ink) 65%, var(--sketch-paper))}.checkers-stage .checkers-captured-man{--face:color-mix(in oklab, var(--palette-ebony) 85%, var(--palette-white));box-shadow:inset 0 0 0 var(--stroke-2) var(--sketch-ink)}.checkers-stage .checkers-captured-man.checker-white{--face:var(--palette-ivory)}.checkers-stage .checkers-captured-man[data-taken=false]{--face:var(--sketch-paper);opacity:1;box-shadow:inset 0 0 0 var(--stroke-1) color-mix(in oklab, var(--sketch-ink) 35%, var(--palette-clear))}.playing-card{width:var(--card-w,56px);aspect-ratio:5/7;transform-style:preserve-3d;vertical-align:middle;border-radius:11%/8%;flex:none;display:inline-block;position:relative}.playing-card-face,.playing-card-back{border-radius:inherit;backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.playing-card-face{background:var(--palette-card);color:var(--palette-card-black);box-shadow:inset 0 0 0 var(--stroke-1) var(--palette-ink-10), 0 var(--stroke-1) var(--stroke-2) var(--palette-black-30), 0 var(--depth-2) var(--depth-3) calc(var(--depth-1) * -1) var(--palette-black-30)}.playing-card[data-red=true] .playing-card-face{color:var(--palette-card-red)}.playing-card-face:after{content:"";pointer-events:none;background:var(--palette-ink);opacity:.07;-webkit-mask:linear-gradient(var(--palette-clear), var(--palette-ink)) bottom / 100% var(--ramp-length) no-repeat;mask:linear-gradient(var(--palette-clear), var(--palette-ink)) bottom / 100% var(--ramp-length) no-repeat;position:absolute;inset:0}.playing-card-back{transform:rotateY(180deg)}.playing-card.card-hidden .playing-card-back{transform:none}.playing-card-back{--lattice:calc(var(--card-w,56px) * .14);--lattice-line:color-mix(in oklab, var(--palette-card) 42%, var(--palette-clear));background:var(--palette-card);box-shadow:inset 0 0 0 var(--stroke-1) var(--palette-ink-10), 0 var(--stroke-1) var(--stroke-2) var(--palette-black-30), 0 var(--depth-2) var(--depth-3) calc(var(--depth-1) * -1) var(--palette-black-30)}.playing-card-back:before{content:"";inset:calc(var(--card-w,56px) * .07);border-radius:calc(var(--card-w,56px) * .06);background:linear-gradient(var(--palette-card-back) 0 0) 50% 50% / calc(var(--card-w,56px) * .2 - var(--stroke-1) * 2) calc(var(--card-w,56px) * .2 - var(--stroke-1) * 2) no-repeat, linear-gradient(var(--lattice-line) 0 0) 50% 50% / calc(var(--card-w,56px) * .2) calc(var(--card-w,56px) * .2) no-repeat, linear-gradient(var(--palette-card-back-deep) 0 0) 50% 50% / calc(var(--card-w,56px) * .3) calc(var(--card-w,56px) * .3) no-repeat, linear-gradient(var(--lattice-line) 0 0) 50% 50% / calc(var(--card-w,56px) * .3 + var(--stroke-1) * 2) calc(var(--card-w,56px) * .3 + var(--stroke-1) * 2) no-repeat, repeating-linear-gradient(45deg, var(--lattice-line) 0 var(--stroke-1), var(--palette-clear) var(--stroke-1) var(--lattice)), repeating-linear-gradient(-45deg, var(--lattice-line) 0 var(--stroke-1), var(--palette-clear) var(--stroke-1) var(--lattice)), radial-gradient(ellipse at 50% 40%, var(--palette-card-back) 0 45%, var(--palette-card-back-deep) 100%);box-shadow:inset 0 0 0 var(--stroke-1) var(--palette-card-back-deep), inset 0 0 0 calc(var(--card-w,56px) * .03) var(--palette-card-back), inset 0 0 0 calc(var(--card-w,56px) * .03 + var(--stroke-1)) var(--lattice-line);opacity:.62;position:absolute}.standard-card-face{width:100%;height:100%;display:block}.standard-card-face .card-paper{fill:none}.standard-card-face .card-corner text{fill:currentColor;font-family:var(--font-ui);letter-spacing:var(--tracking-tight);font-weight:800}.standard-card-face .court-panel{fill:var(--palette-sun);fill-opacity:.2;stroke:currentColor;stroke-opacity:.55;stroke-width:1.2px}.standard-card-face .court-frame{fill:none;stroke:currentColor;stroke-opacity:.22;stroke-width:.8px}.standard-card-face .court-band{stroke:currentColor;stroke-opacity:.3;stroke-width:1px}.standard-card-face .court-ink{fill:currentColor}.card-fan{align-items:center;gap:var(--space-4);display:flex}.card-slot{width:var(--card-w,56px);aspect-ratio:5/7;border:var(--stroke-2) dashed var(--line-strong);border-radius:11%/8%;flex:none}.poker-chip-stacks{--chip-w:34px;--chip-h:9px;align-items:flex-end;gap:var(--space-2);display:inline-flex}.poker-chip-stack{filter:drop-shadow(0 var(--stroke-2) var(--stroke-2) var(--palette-black-30));flex-direction:column-reverse;display:flex}.poker-chip-stack+.poker-chip-stack{margin-left:calc(var(--chip-w) * -.18)}.poker-chip-stack:nth-child(2n){translate:0 calc(var(--chip-h) * .4)}:is(.poker-chip,.poker-chip-top){--chip:var(--palette-chip-red);--chip-edge:var(--palette-chip-white)}:is(.poker-chip,.poker-chip-top)[data-chip=blue]{--chip:var(--palette-chip-blue)}:is(.poker-chip,.poker-chip-top)[data-chip=green]{--chip:var(--palette-chip-green)}:is(.poker-chip,.poker-chip-top)[data-chip=black]{--chip:var(--palette-chip-black);--chip-edge:var(--palette-sun)}:is(.poker-chip,.poker-chip-top)[data-chip=white]{--chip:var(--palette-chip-white);--chip-edge:var(--palette-chip-blue)}.poker-chip{width:var(--chip-w);height:var(--chip-h);margin-top:calc(var(--chip-h) * -.22);border-radius:var(--radius-xs);background:var(--chip);box-shadow:inset 0 var(--stroke-1) 0 color-mix(in oklab, var(--chip) 60%, var(--palette-white)), 0 0 0 var(--stroke-1) color-mix(in oklab, var(--chip) 45%, var(--palette-black));display:block;position:relative;overflow:hidden}.poker-chip:before{content:"";inset:var(--stroke-1) 0 var(--stroke-2);background:repeating-linear-gradient(90deg, var(--palette-clear) 0 18%, var(--chip-edge) 18% 32%);opacity:.75;position:absolute}.poker-chip:after{content:"";background:color-mix(in oklab, var(--chip) 50%, var(--palette-black));opacity:.17;-webkit-mask:linear-gradient(var(--palette-ink), var(--palette-ink)) bottom / 100% 50% no-repeat;mask:linear-gradient(var(--palette-ink), var(--palette-ink)) bottom / 100% 50% no-repeat;position:absolute;inset:0}.poker-chip-top{width:var(--chip-size,22px);aspect-ratio:1;background:radial-gradient(circle, var(--chip) 0 40%, var(--chip-edge) 41% 44%, var(--chip) 45% 62%, var(--palette-clear) 63%), repeating-conic-gradient(var(--chip-edge) 0 20deg, var(--chip) 20deg 60deg);box-shadow:0 0 0 var(--stroke-1) color-mix(in oklab, var(--chip) 45%, var(--palette-black)), 0 var(--stroke-1) var(--stroke-2) var(--palette-black-30);border-radius:50%;flex:none;display:block;position:relative}.poker-chip-top:after{content:"";border-radius:inherit;background:var(--palette-black);opacity:.07;-webkit-mask:linear-gradient(var(--palette-ink), var(--palette-ink)) bottom / 100% 45% no-repeat;mask:linear-gradient(var(--palette-ink), var(--palette-ink)) bottom / 100% 45% no-repeat;position:absolute;inset:0}.poker-workspace{--on-felt:var(--palette-white);--felt-ink:color-mix(in oklab, var(--palette-baize-deep) 55%, var(--palette-black));--felt-pill:color-mix(in oklab, var(--felt-ink) 82%, var(--palette-clear));--table-w:min(100%, max(640px, (100cqh - 200px) * 2.3));justify-items:center;gap:var(--space-10);width:100%;height:100%;min-height:0;color:var(--text);grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);display:grid;position:relative;overflow:hidden;container:poker-workspace/inline-size}.poker-workspace>*{width:100%;max-width:var(--table-w)}.poker-workspace>.card-controls{max-width:max(var(--table-w), min(100%, 1080px))}.poker-workspace:not(:has(>.card-controls)){--table-w:min(100%, max(640px, (100cqh - 60px) * 2.2))}.cards-heading{align-items:center;gap:var(--space-10);min-height:var(--control-xs);display:flex}.cards-heading .ui-badge{text-transform:capitalize}.cards-heading .ui-button{margin-left:auto}.poker-heading-meta{font-family:var(--font-pixel);font-size:var(--type-body);color:var(--text-muted);font-variant-numeric:tabular-nums}.poker-table{isolation:isolate;height:100%;min-height:260px;position:relative;container:poker-table/size}.poker-table>*{--rail:clamp(14px, 2.6cqmin, 28px);--felt-w:min(100cqw - 24px, 200cqh);--felt-top:8cqh;--felt-h:72cqh;--felt-a:calc(var(--felt-w) / 2);--felt-b:calc(var(--felt-h) / 2);--felt-cy:calc(var(--felt-top) + var(--felt-b));--plate-h:60px;--board-card:clamp(40px, min(7cqw, 15cqh), 104px);--board-gap:clamp(var(--space-6), .9cqw, var(--space-12));--seat-card:clamp(30px, min(3.8cqw, 9cqh), 52px);--hero-card:clamp(46px, min(6.6cqw, 15cqh), 96px);--seat-w:clamp(168px, 16cqw, 224px);--hero-w:clamp(190px, 19cqw, 260px);--hero-plate:var(--hero-w);--hero-span:calc(var(--hero-card) * 4.6 + var(--space-24))}.poker-felt{left:50%;top:var(--felt-top);z-index:-1;width:var(--felt-w);height:var(--felt-h);border-radius:var(--radius-pill);background:var(--palette-rail);box-shadow:inset 0 0 0 var(--stroke-2) var(--palette-rail-deep), 0 var(--depth-3) 0 color-mix(in oklab, var(--palette-rail-deep) 70%, var(--palette-black)), 0 var(--depth-4) 28px calc(var(--depth-1) * -1) var(--palette-black-30);position:absolute;translate:-50%}.poker-rail-grain{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.poker-rail-grain:before{content:"";background:linear-gradient(color-mix(in oklab, var(--palette-rail-light) 85%, var(--palette-clear)), var(--palette-clear) 45%);position:absolute;inset:0}.poker-rail-grain:after{content:"";background:linear-gradient(var(--palette-clear) 52%, color-mix(in oklab, var(--palette-rail-deep) 60%, var(--palette-clear)));position:absolute;inset:0}.poker-baize{inset:var(--rail);border-radius:inherit;background:var(--palette-baize);box-shadow:0 0 0 var(--stroke-2) var(--palette-rail-deep), inset 0 0 0 var(--stroke-1) var(--palette-black-30), inset 0 var(--depth-2) 18px var(--palette-black-30);position:absolute;overflow:hidden}.poker-baize:before,.poker-baize:after{content:"";pointer-events:none;position:absolute;inset:0}.poker-baize:before{background:radial-gradient(ellipse 58% 62% at 50% 46%, var(--palette-clear) 58%, color-mix(in oklab, var(--palette-baize-deep) 70%, var(--palette-clear)) 100%)}.poker-baize:after{background:radial-gradient(ellipse 38% 44% at 50% 44%, color-mix(in oklab, var(--palette-baize-line) 55%, var(--palette-clear)) 0%, var(--palette-clear) 72%)}.poker-felt-line{z-index:1;border:var(--stroke-2) solid var(--palette-baize-line);border-radius:var(--radius-pill);opacity:.85;position:absolute;inset:11% 7%}.cards-center{left:50%;top:var(--felt-cy);z-index:1;place-items:center;gap:var(--space-10) var(--space-16);width:max-content;max-width:min(calc(var(--felt-w) * .72), 760px);grid-template-columns:auto auto;display:grid;position:absolute;transform:translate(-50%,-42%)}.cards-center>.poker-table-story,.cards-center>.poker-hand-result{grid-column:1/-1}.poker-pot{align-content:end;justify-items:center;gap:var(--space-8);min-width:120px;color:var(--on-felt);display:grid}.poker-pot .poker-chip-stacks{--chip-w:40px;--chip-h:11px;min-height:calc(var(--chip-h) * 4)}.poker-pot-readout{justify-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-16) var(--space-10);border-radius:var(--radius-lg);background:var(--felt-pill);display:grid}.poker-pot-readout>span{font-size:var(--type-caption);letter-spacing:var(--tracking-label);text-transform:uppercase;color:color-mix(in oklab, var(--on-felt) 72%, var(--palette-baize));font-weight:700}.poker-pot-readout strong{min-width:3ch;font-family:var(--font-pixel);font-size:var(--type-score);font-weight:600;line-height:var(--leading-none);font-variant-numeric:tabular-nums}.poker-board{align-items:center;display:flex}.poker-board .card-fan{gap:var(--board-gap)}.poker-board .playing-card,.poker-board .card-slot{--card-w:var(--board-card)}.poker-board .playing-card{animation:poker-deal .52s var(--ease-out) both;animation-delay:calc(var(--deal,0) * .11s)}@keyframes poker-deal{0%{opacity:0;transform:rotateY(180deg)scale(.92)}30%{opacity:1}to{transform:none}}.poker-table-story{justify-content:center;align-items:center;gap:var(--space-8);min-height:var(--control-xs);max-width:100%;font-size:var(--type-small);color:var(--on-felt);display:flex;position:relative}.poker-table-story>strong,.poker-table-story>span,.poker-table-story summary{padding:var(--space-6) var(--space-12);border-radius:var(--radius-pill);background:var(--felt-pill);color:var(--on-felt)}.poker-table-story>strong{white-space:nowrap;text-overflow:ellipsis;animation:rise-in var(--dur-3) var(--ease-out) both;font-weight:600;overflow:hidden}.poker-table-story>strong span{font-weight:800}.poker-table-story summary{cursor:pointer;font-size:var(--type-caption);transition:background-color var(--dur-2) linear;font-weight:700;list-style:none}.poker-table-story summary::-webkit-details-marker{display:none}.poker-table-story summary:hover{background:var(--felt-ink)}.poker-table-story summary:focus-visible{outline:var(--stroke-2) solid var(--on-felt);outline-offset:var(--space-2)}.poker-table-story details{position:relative}.poker-table-story ol{left:50%;top:calc(100% + var(--space-8));z-index:5;gap:var(--space-6);--log-w:min(320px, 80vw);width:var(--log-w);margin:var(--space-0) var(--space-0) var(--space-0) calc(var(--log-w) / -2);padding:var(--space-12) var(--space-16);border-radius:var(--radius-lg);background:var(--raised);box-shadow:var(--shadow);font-size:var(--type-small);color:var(--text);animation:rise-in var(--dur-2) var(--ease-out) both;list-style:none;display:grid;position:absolute}.poker-table-story ol small{font-size:var(--type-micro);color:var(--text-faint);font-weight:700;display:block}.poker-hand-result{justify-items:center;gap:var(--space-8);min-width:min(320px,78cqw);padding:var(--space-12) var(--space-20) var(--space-16);border-radius:var(--radius-lg);background:var(--raised);box-shadow:var(--shadow);color:var(--text);text-align:center;animation:pop-in var(--dur-3) var(--ease-out) both;display:grid;position:relative;overflow:hidden}.poker-hand-result>strong{font-size:var(--type-lead);letter-spacing:var(--tracking-tight);font-weight:700;line-height:var(--leading-tight)}.poker-result-hands{justify-content:center;gap:var(--space-8) var(--space-16);flex-wrap:wrap;display:flex}.poker-result-hand{align-items:center;gap:var(--space-8);font-size:var(--type-small);color:var(--text-muted);font-weight:600;display:flex}.poker-result-hand .card-fan{gap:var(--space-2)}.poker-result-hand .playing-card{--card-w:30px}.poker-result-note{font-size:var(--type-small);color:var(--text-muted)}.poker-result-meta{justify-content:center;gap:var(--space-4) var(--space-12);font-size:var(--type-caption);color:var(--text-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;font-weight:600;display:flex}.poker-result-progress{background:var(--surface-3);height:4px;position:absolute;inset:auto 0 0}.poker-result-progress>span{background:var(--invert);transform-origin:0;height:100%;transform:scaleX(var(--progress,0));transition:transform .1s linear;display:block}.card-seats{z-index:2;pointer-events:none;outline:none;position:absolute;inset:0}.card-seats:focus-visible{outline:var(--stroke-2) solid var(--focus);outline-offset:calc(var(--stroke-2) * -1);border-radius:var(--radius-lg)}.poker-orbit-seat{--w:var(--seat-w);--card-w:var(--seat-card);left:clamp(calc(var(--w) / 2), var(--x,50cqw), calc(100cqw - var(--w) / 2));align-items:center;gap:var(--space-6);width:var(--w);margin-left:calc(var(--w) / -2);pointer-events:auto;animation:rise-in var(--dur-4) var(--ease-out) both;flex-direction:column;display:flex;position:absolute}.poker-orbit-seat[data-self=true]{--w:var(--hero-w);--card-w:var(--hero-card)}.poker-orbit-seat[data-slot=hero]{--x:50cqw;bottom:0}.poker-orbit-seat[data-slot=top]{--x:50cqw;top:max(0px, calc(var(--felt-top) - var(--plate-h) * .55))}.poker-orbit-seat:is([data-slot=upper-left],[data-slot=upper-right]){top:max(0px, calc(var(--felt-cy) - var(--felt-b) * .97 - var(--plate-h) / 2))}.poker-orbit-seat[data-slot=upper-left]{--x:calc(50cqw - var(--felt-a) * .67)}.poker-orbit-seat[data-slot=upper-right]{--x:calc(50cqw + var(--felt-a) * .67)}.poker-orbit-seat:is([data-slot=lower-left],[data-slot=lower-right]){bottom:max(0px, calc(100cqh - var(--felt-cy) - var(--felt-b) * .7 - var(--plate-h) / 2))}.poker-orbit-seat[data-slot=lower-left]{--x:calc(50cqw - var(--felt-a) * .8)}.poker-orbit-seat[data-slot=lower-right]{--x:calc(50cqw + var(--felt-a) * .8)}.poker-orbit-seat:is([data-slot=left],[data-slot=right]){top:calc(var(--felt-cy) - var(--plate-h) * 1.5)}.poker-orbit-seat[data-slot=left]{--x:calc(50cqw - var(--felt-a) * .88)}.poker-orbit-seat[data-slot=right]{--x:calc(50cqw + var(--felt-a) * .88)}.poker-orbit-seat:is([data-slot=top],[data-slot=upper-left],[data-slot=upper-right],[data-slot=left],[data-slot=right]) .poker-seat-nameplate,.poker-orbit-seat[data-slot=hero] .poker-hand-info{order:-1}.poker-orbit-seat[data-slot=top]{place-items:center;column-gap:var(--space-8);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"plate plate plate"".cards info";display:grid}.poker-orbit-seat[data-slot=top] .poker-seat-nameplate{grid-area:plate}.poker-orbit-seat[data-slot=top] .poker-hole-cards{grid-area:cards}.poker-orbit-seat[data-slot=top] .poker-hand-info{grid-area:info;justify-self:start}.poker-orbit-seat[data-slot=top] .poker-round-status{align-items:flex-start;gap:var(--space-4);flex-direction:column}.poker-orbit-seat:is([data-slot=upper-left],[data-slot=upper-right],[data-slot=left],[data-slot=right],[data-slot=lower-left],[data-slot=lower-right]){place-items:center;column-gap:var(--space-8);row-gap:var(--space-0);display:grid}.poker-orbit-seat:is([data-slot=upper-left],[data-slot=left]){grid-template-areas:"plate plate""cards info"}.poker-orbit-seat:is([data-slot=upper-right],[data-slot=right]){grid-template-areas:"plate plate""info cards"}.poker-orbit-seat[data-slot=lower-left]{grid-template-areas:"cards info""plate plate"}.poker-orbit-seat[data-slot=lower-right]{grid-template-areas:"info cards""plate plate"}.poker-orbit-seat:is([data-slot=upper-left],[data-slot=upper-right],[data-slot=left],[data-slot=right],[data-slot=lower-left],[data-slot=lower-right]) .poker-seat-nameplate{grid-area:plate}.poker-orbit-seat:is([data-slot=upper-left],[data-slot=upper-right],[data-slot=left],[data-slot=right],[data-slot=lower-left],[data-slot=lower-right]) .poker-hole-cards{grid-area:cards}.poker-orbit-seat:is([data-slot=upper-left],[data-slot=upper-right],[data-slot=left],[data-slot=right],[data-slot=lower-left],[data-slot=lower-right]) .poker-hand-info{grid-area:info}.poker-orbit-seat:is([data-slot=upper-left],[data-slot=upper-right],[data-slot=left],[data-slot=right],[data-slot=lower-left],[data-slot=lower-right]) .poker-round-status{align-items:flex-start;gap:var(--space-4);flex-direction:column}.poker-orbit-seat:is([data-slot=upper-right],[data-slot=right],[data-slot=lower-right]) .poker-round-status{align-items:flex-end}.poker-position-badges{z-index:2;position:absolute}.poker-orbit-seat:is([data-slot=upper-left],[data-slot=left],[data-slot=top]) .poker-position-badges{left:calc(100% - var(--space-16));top:calc(var(--plate-h) / 2);translate:0 -50%}.poker-orbit-seat:is([data-slot=upper-right],[data-slot=right]) .poker-position-badges{right:calc(100% - var(--space-16));top:calc(var(--plate-h) / 2);translate:0 -50%}.poker-orbit-seat[data-slot=lower-left] .poker-position-badges{left:calc(100% - var(--space-16));bottom:calc(var(--plate-h) / 2);translate:0 50%}.poker-orbit-seat[data-slot=lower-right] .poker-position-badges{right:calc(100% - var(--space-16));bottom:calc(var(--plate-h) / 2);translate:0 50%}.poker-orbit-seat[data-slot=hero] .poker-position-badges{position:static;translate:none}.poker-orbit-seat[data-slot=hero]{--w:var(--hero-span);column-gap:var(--space-12);row-gap:var(--space-0);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"info cards.""plate plate plate";place-items:end center;display:grid}.poker-orbit-seat[data-slot=hero] .poker-seat-nameplate{width:var(--hero-plate);grid-area:plate;max-width:100%}.poker-orbit-seat[data-slot=hero] .poker-hole-cards{margin-bottom:calc(var(--card-w) * -.12);grid-area:cards}.poker-orbit-seat[data-slot=hero] .poker-hand-info{grid-area:info;place-self:center end}.poker-orbit-seat[data-slot=hero] .poker-round-status{align-items:flex-end;gap:var(--space-4);flex-direction:column}.poker-hole-cards{isolation:isolate;justify-content:center;display:flex;position:relative}.poker-hole-cards .card-fan{gap:var(--space-0)}.poker-hole-cards .playing-card{transition:translate var(--dur-3) var(--ease-out), opacity var(--dur-3) linear, filter var(--dur-3) linear;animation:poker-hole-flip .46s var(--ease-out) both;animation-delay:calc(var(--i,0) * 80ms)}.poker-hole-cards .playing-card+.playing-card{margin-left:calc(var(--card-w) * -.4)}.poker-hole-cards .playing-card:first-child{rotate:-5deg}.poker-hole-cards .playing-card:nth-child(2){rotate:5deg}.poker-orbit-seat[data-self=true] .poker-hole-cards .card-fan{gap:var(--space-6)}.poker-orbit-seat[data-self=true] .poker-hole-cards .playing-card+.playing-card{margin-left:var(--space-0)}.poker-orbit-seat[data-self=true] .poker-hole-cards .playing-card:first-child{rotate:-3deg}.poker-orbit-seat[data-self=true] .poker-hole-cards .playing-card:nth-child(2){rotate:3deg}.poker-hole-cards .playing-card.card-hidden{animation-name:poker-hole-slide}@keyframes poker-hole-flip{0%{opacity:0;transform:rotateY(180deg)}40%{opacity:1}to{transform:none}}@keyframes poker-hole-slide{0%{opacity:0;translate:0 calc(var(--px) * 4)}to{opacity:1}}.poker-orbit-seat[data-folded=true] .poker-hole-cards .playing-card{opacity:.35;filter:grayscale()}.poker-orbit-seat:not([data-self=true]) .poker-seat-nameplate{z-index:1}.poker-orbit-seat:is([data-slot=top],[data-slot=upper-left],[data-slot=upper-right],[data-slot=left],[data-slot=right]) .poker-hole-cards{margin-top:calc(var(--card-w) * -.42)}.poker-orbit-seat:is([data-slot=lower-left],[data-slot=lower-right]) .poker-hole-cards{margin-bottom:calc(var(--card-w) * -.42)}.poker-hole-cards:before{content:"";z-index:-1;pointer-events:none;background:var(--palette-sun);opacity:0;-webkit-mask:radial-gradient(closest-side, var(--palette-ink) 94%, var(--palette-clear) 95%);mask:radial-gradient(closest-side, var(--palette-ink) 94%, var(--palette-clear) 95%);position:absolute;inset:-20% -16%}.poker-orbit-seat[data-winner=true] .poker-hole-cards:before{opacity:.32;animation:1.2s steps(2,end) infinite poker-glow}.poker-orbit-seat[data-winner=true] .poker-hole-cards .playing-card{translate:0 calc(var(--px) * -3)}@keyframes poker-glow{50%{opacity:.53}}.poker-payout{z-index:3;margin-left:var(--space-0);padding:var(--space-4) var(--space-10);border-radius:var(--radius-pill);background:var(--invert);color:var(--invert-text);font-family:var(--font-pixel);font-size:var(--type-lead);font-variant-numeric:tabular-nums;white-space:nowrap;animation:poker-payout .6s var(--ease-out) .2s both;font-weight:600;position:absolute;top:50%;left:50%;translate:-50% -50%}@keyframes poker-payout{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.poker-seat-nameplate{align-items:center;gap:var(--space-10);width:100%;min-width:0;min-height:var(--plate-h);padding:var(--space-8) var(--space-16) var(--space-8) var(--space-8);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text);transition:background-color var(--dur-3) linear, color var(--dur-3) linear, opacity var(--dur-3) linear;grid-template-columns:auto minmax(0,1fr) auto;display:grid;position:relative;overflow:hidden}.poker-player-identity{display:contents}.poker-seat-avatar{grid-column:1;place-items:center;display:grid}.poker-player-identity .player-name-label{min-width:0;line-height:var(--leading-snug);grid-column:2;display:grid}.poker-player-identity .player-name-label strong{white-space:nowrap;text-overflow:ellipsis;font-size:var(--type-body);letter-spacing:var(--tracking-tight);color:inherit;font-weight:700;overflow:hidden}.poker-player-identity .player-name-label small{white-space:nowrap;text-overflow:ellipsis;font-size:var(--type-micro);color:var(--text-muted);font-weight:600;overflow:hidden}.poker-seat-stack{font-family:var(--font-pixel);font-size:var(--type-title);font-weight:600;line-height:var(--leading-none);font-variant-numeric:tabular-nums;grid-column:3}.poker-turn-bar{left:var(--space-20);right:var(--space-20);bottom:var(--space-4);border-radius:var(--radius-pill);background:color-mix(in oklab, var(--invert-text) 22%, var(--palette-clear));height:4px;position:absolute;overflow:hidden}.poker-turn-bar>span{background:var(--invert-text);transform-origin:0;height:100%;transform:scaleX(var(--progress,1));transition:transform .2s steps(2,end);display:block}.poker-turn-bar[data-urgent=true]>span{background:var(--danger)}.poker-orbit-seat[data-active=true] .poker-seat-nameplate{background:var(--invert);color:var(--invert-text)}.poker-orbit-seat[data-active=true] .player-name-label small{color:var(--invert-muted)}.poker-orbit-seat[data-folded=true] .poker-seat-nameplate{color:var(--text-muted)}.poker-orbit-seat[data-folded=true] .poker-seat-avatar{opacity:.45;filter:grayscale()}.poker-hand-info{z-index:2;min-height:var(--control-xs);justify-content:center;display:flex}.poker-round-status{align-items:center;gap:var(--space-6);white-space:nowrap;display:flex}.poker-position-badges{gap:var(--space-4);display:flex}.poker-token{--puck:var(--palette-chip-black);--puck-ink:var(--palette-white);width:var(--puck-size,30px);height:var(--puck-size,30px);background:var(--puck);color:var(--puck-ink);box-shadow:inset 0 0 0 var(--stroke-2) color-mix(in oklab, var(--puck) 70%, var(--palette-black)), 0 var(--depth-1) 0 var(--palette-black-30);font-family:var(--font-ui);font-size:var(--type-micro);font-weight:800;line-height:var(--leading-none);border-radius:50%;place-items:center;display:grid;position:relative;overflow:hidden}.poker-token:before{content:"";inset:var(--stroke-3);border-radius:inherit;background:linear-gradient(160deg, var(--palette-white-14), var(--palette-clear) 60%);box-shadow:0 0 0 var(--stroke-1) color-mix(in oklab, var(--puck-ink) 35%, var(--palette-clear));position:absolute}.poker-token[data-token=dealer]{--puck:var(--palette-white);--puck-ink:var(--palette-ink);font-size:var(--type-body)}.poker-token[data-token=sb]{--puck:var(--palette-chip-blue)}.poker-token[data-token=bb]{--puck:var(--palette-chip-black);--puck-ink:var(--palette-sun)}.poker-seat-status{align-items:center;gap:var(--space-6);height:var(--control-xs);padding:var(--space-0) var(--space-12);border-radius:var(--radius-pill);background:var(--surface-2);font-size:var(--type-caption);color:var(--text);font-weight:700;display:inline-flex}.poker-seat-status:before{content:"";background:var(--dot,var(--text-faint));border-radius:50%;flex:none;width:8px;height:8px;display:none}.poker-seat-status:is([data-tone=live],[data-tone=win],[data-tone=all-in]):before{display:block}.poker-seat-status[data-tone=live]{--dot:var(--live)}.poker-seat-status[data-tone=live]:before{animation:1.1s step-end infinite blink}.poker-seat-status[data-tone=win]{--dot:var(--palette-sun);background:var(--invert);color:var(--invert-text)}.poker-seat-status[data-tone=all-in]{--dot:var(--danger);text-transform:uppercase;letter-spacing:var(--tracking-label);font-weight:800}.poker-seat-status[data-tone=muted]{color:var(--text-muted)}.poker-seat-bet{align-items:center;gap:var(--space-6);height:var(--control-xs);padding:var(--space-0) var(--space-12) var(--space-0) var(--space-8);border-radius:var(--radius-pill);background:var(--felt-pill);color:var(--on-felt);font-family:var(--font-pixel);font-size:var(--type-lead);font-variant-numeric:tabular-nums;font-weight:600;display:inline-flex}.poker-seat-bet[data-empty=true]{display:none}.card-controls{align-items:center;gap:var(--space-12) var(--space-24);padding:var(--space-16) var(--space-20);border-radius:var(--radius-xl);background:var(--surface);animation:slide-up var(--dur-3) var(--ease-out) both;grid-template:"hand wager""actions wager"/auto minmax(0,1fr);display:grid}.card-controls:not(:has(.poker-wager)){grid-template:"hand actions"/minmax(0,1fr) auto}.poker-own-hand{align-items:baseline;gap:var(--space-4) var(--space-16);flex-wrap:wrap;grid-area:hand;min-width:0;display:flex}.poker-own-hand>div{align-items:baseline;gap:var(--space-10);display:flex}.poker-own-hand strong{font-size:var(--type-caption);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted);font-weight:700}.poker-own-hand span{font-family:var(--font-pixel);font-size:var(--type-title);font-weight:600;line-height:var(--leading-none);font-variant-numeric:tabular-nums}.poker-own-hand p{margin:var(--space-0);font-size:var(--type-body);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;font-weight:600;overflow:hidden}.poker-own-hand p[data-turn=true]{color:var(--text)}.poker-waiting-note{margin:var(--space-0);font-size:var(--type-body);color:var(--text-muted);grid-column:1/-1;justify-self:center;font-weight:600}.card-controls:has(.poker-own-hand) .poker-waiting-note{grid-column:2/-1;justify-self:end}.card-actions{gap:var(--space-10);grid-area:actions;display:flex}.card-actions .ui-button{font-variant-numeric:tabular-nums;min-width:132px}.card-actions .ui-button[data-action=fold]{min-width:112px}.poker-wager{gap:var(--space-12);grid-area:wager;min-width:0;display:grid}.wager-presets{gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-pill);background:var(--surface-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.wager-presets .ui-button{--btn-bg:var(--palette-clear);gap:var(--space-6);min-width:0;padding:var(--space-0) var(--space-10);font-weight:700;overflow:hidden}.wager-presets .ui-button small{font-family:var(--font-pixel);font-size:var(--type-small);color:var(--text-muted);font-variant-numeric:tabular-nums}.wager-presets .ui-button[aria-pressed=true]{--btn-bg:var(--invert)}.wager-presets .ui-button[aria-pressed=true] small{color:var(--invert-muted)}.poker-wager-row{align-items:center;gap:var(--space-12);display:flex}.poker-wager-slider{align-items:center;gap:var(--space-8);flex:1;min-width:200px;display:flex}.poker-wager-slider .ui-button{font-family:var(--font-pixel);font-size:var(--type-title);flex:none}.poker-wager-amount{min-width:7ch;padding-right:var(--space-4);line-height:var(--leading-none);text-align:right;flex:none;display:grid}.poker-wager-amount small{font-size:var(--type-micro);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted);font-weight:700}.poker-wager-amount strong{font-family:var(--font-pixel);font-size:var(--type-title);font-variant-numeric:tabular-nums;font-weight:600}.poker-wager-submit{font-variant-numeric:tabular-nums;flex:none;min-width:180px}.poker-wager-slider input[type=range]{min-width:0;height:var(--control);margin:var(--space-0);appearance:none;cursor:pointer;background:0 0;flex:1}.poker-wager-slider input[type=range]:disabled{opacity:.4;cursor:not-allowed}.poker-wager-slider input[type=range]::-webkit-slider-runnable-track{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--invert) 0 calc(var(--fill,0) * 100%), var(--surface-3) calc(var(--fill,0) * 100%) 100%);height:10px}.poker-wager-slider input[type=range]::-moz-range-track{border-radius:var(--radius-pill);background:var(--surface-3);height:10px}.poker-wager-slider input[type=range]::-moz-range-progress{border-radius:var(--radius-pill);background:var(--invert);height:10px}.poker-wager-slider input[type=range]::-webkit-slider-thumb{border:var(--stroke-4) solid var(--invert);border-radius:var(--radius-pill);background:var(--raised);appearance:none;width:28px;height:28px;margin-top:-9px}.poker-wager-slider input[type=range]::-moz-range-thumb{border:var(--stroke-4) solid var(--invert);border-radius:var(--radius-pill);background:var(--raised);width:20px;height:20px}.poker-wager-slider input[type=range]:focus-visible{outline:var(--stroke-2) solid var(--focus);outline-offset:var(--space-2);border-radius:var(--radius-pill)}.match-desk[data-stream=true] .poker-table>*{--plate-h:68px;--board-card:clamp(44px, min(7.6cqw, 16cqh), 120px);--seat-card:clamp(32px, min(4.2cqw, 10cqh), 60px);--hero-card:clamp(32px, min(4.2cqw, 10cqh), 60px);--seat-w:clamp(200px, 20cqw, 290px);--hero-w:clamp(200px, 20cqw, 290px);--hero-plate:var(--hero-w)}.match-desk[data-stream=true] .poker-orbit-seat[data-self=true]{--w:var(--seat-w)}.match-desk[data-stream=true] .poker-player-identity .player-name-label strong{font-size:var(--type-lead)}.match-desk[data-stream=true] .poker-player-identity .player-name-label small{font-size:var(--type-small)}.match-desk[data-stream=true] .poker-seat-stack{font-size:var(--type-title)}.match-desk[data-stream=true] .poker-seat-status{font-size:var(--type-small)}.match-desk[data-stream=true] .poker-pot-readout strong{font-size:var(--type-display)}.match-desk[data-stream=true] .poker-table-story{font-size:var(--type-body)}.match-desk[data-stream=true] .poker-heading-meta{font-size:var(--type-lead)}@container poker-table (height<=560px){.poker-table>*{--plate-h:52px}.cards-center{gap:var(--space-6)}.poker-pot-readout strong{font-size:var(--type-title)}.poker-pot .poker-chip-stacks{--chip-w:22px;--chip-h:6px}.poker-hand-result{gap:var(--space-4);padding:var(--space-8) var(--space-16) var(--space-12)}.poker-hand-result>strong{font-size:var(--type-body)}.poker-result-hand .playing-card{--card-w:24px}.poker-seat-avatar>*{width:32px!important;height:32px!important}.poker-seat-stack{font-size:var(--type-lead)}.poker-player-identity .player-name-label strong{font-size:var(--type-small)}.poker-seat-status,.poker-seat-bet{height:28px}.poker-token{--puck-size:26px}}@container poker-table (height<=360px) and (orientation:landscape){.poker-table>*{--felt-w:min(92cqw, 250cqh);--felt-top:12cqh;--felt-h:72cqh;--rail:10px;--board-card:clamp(26px, 16cqh, 54px);--seat-card:22px;--hero-card:clamp(26px, 14cqh, 38px);--plate-h:38px}.match-desk[data-stream=true] .poker-table>*{--board-card:clamp(26px, 16cqh, 54px);--seat-card:22px;--hero-card:clamp(26px, 14cqh, 38px);--plate-h:38px}.poker-felt-line{display:none}.cards-center{align-items:center;column-gap:var(--space-10);row-gap:var(--space-4);grid-template-columns:auto auto;transform:translate(-50%,-50%)}.cards-center>.poker-table-story,.cards-center>.poker-hand-result{grid-column:1/-1}.poker-pot{align-items:center;gap:var(--space-2);flex-direction:column}.poker-pot .poker-chip-stacks{display:none}.poker-pot-readout{align-items:center;gap:var(--space-0);padding:var(--space-4) var(--space-10);border-radius:var(--radius-md);flex-direction:column}.poker-pot-readout strong{font-size:var(--type-lead)}.poker-table-story{min-height:0;font-size:var(--type-caption)}.poker-table-story>strong,.poker-table-story>span{padding:var(--space-2) var(--space-10)}.poker-table-story details,.poker-result-hands,.poker-result-progress{display:none}.poker-orbit-seat{--w:auto;gap:var(--space-4);max-width:30cqw;left:var(--x,50cqw);margin-left:var(--space-0);flex-direction:row;animation:none;display:flex;translate:-50%}.poker-orbit-seat[data-self=true]{--w:auto;max-width:36cqw}.poker-hole-cards{flex:none}.poker-orbit-seat .poker-seat-nameplate,.poker-orbit-seat .poker-hand-info{order:0}.poker-seat-nameplate{gap:var(--space-6);width:auto;min-height:0;padding:var(--space-4) var(--space-10) var(--space-4) var(--space-4);flex:none;grid-template-columns:auto auto auto}.poker-seat-avatar>*{width:24px!important;height:24px!important}.poker-player-identity .player-name-label strong{max-width:9ch;font-size:var(--type-caption)}.poker-player-identity .player-name-label small{display:none}.poker-seat-stack{font-size:var(--type-small)}.poker-turn-bar{left:var(--space-10);right:var(--space-10);bottom:var(--space-2);height:3px}.poker-hand-info{left:50%;bottom:calc(100% - var(--space-4));z-index:2;min-height:0;position:absolute;transform:translate(-50%)}.poker-orbit-seat:is([data-slot=top],[data-slot=upper-left],[data-slot=upper-right],[data-slot=left],[data-slot=right]) .poker-hand-info{top:calc(100% - var(--space-4));bottom:auto}.poker-seat-bet,.poker-position-badges,.poker-seat-status:is([data-tone=neutral],[data-tone=muted]){display:none}.poker-hand-result{gap:var(--space-2);min-width:0;padding:var(--space-4) var(--space-12) var(--space-6)}.poker-hand-result>strong{font-size:var(--type-small)}.poker-result-meta,.poker-result-note{display:none}.poker-seat-status{height:20px;padding:var(--space-0) var(--space-8);font-size:var(--type-micro)}.poker-orbit-seat:is([data-slot=upper-left],[data-slot=left]){--x:16cqw;top:1cqh}.poker-orbit-seat:is([data-slot=upper-right],[data-slot=right]){--x:84cqw;top:1cqh}.poker-orbit-seat[data-slot=lower-left]{--x:13cqw;bottom:1cqh}.poker-orbit-seat[data-slot=lower-right]{--x:87cqw;bottom:1cqh}.poker-payout{font-size:var(--type-small)}}@container poker-table (orientation:portrait){.poker-table>*{--felt-w:88cqw;--felt-top:9cqh;--felt-h:78cqh;--rail:clamp(12px, 3.6cqw, 20px);--board-card:clamp(34px, min(15cqw, 11cqh), 76px);--board-gap:var(--space-4);--seat-card:clamp(26px, min(9cqw, 7cqh), 44px);--hero-card:clamp(44px, min(15cqw, 12cqh), 76px);--seat-w:clamp(110px, 31cqw, 170px);--hero-w:clamp(150px, 44cqw, 220px)}.poker-felt-line{inset:7% 12%}.poker-baize:before{background:radial-gradient(ellipse 66% 52% at 50% 48%, var(--palette-clear) 58%, color-mix(in oklab, var(--palette-baize-deep) 70%, var(--palette-clear)) 100%)}.cards-center{max-width:94cqw;transform:translate(-50%,-50%)}.poker-result-hands{gap:var(--space-12);flex-wrap:nowrap}.poker-result-hand{gap:var(--space-4);font-size:var(--type-micro);flex-direction:column}.poker-hand-result{padding:var(--space-8) var(--space-12) var(--space-12)}.poker-hand-result>strong{font-size:var(--type-body)}.poker-orbit-seat:is([data-slot=upper-left],[data-slot=left]){--x:17cqw;top:4cqh}.poker-orbit-seat:is([data-slot=upper-right],[data-slot=right]){--x:83cqw;top:4cqh}.poker-orbit-seat[data-slot=lower-left]{--x:17cqw;bottom:4cqh}.poker-orbit-seat[data-slot=lower-right]{--x:83cqw;bottom:4cqh}.poker-table-story details{display:none}}@container poker-table (orientation:portrait) and (width<=440px){.poker-table>*{--felt-w:94cqw;--felt-top:7cqh;--felt-h:80cqh;--rail:12px;--plate-h:44px;--board-card:min(15.6cqw, 11cqh);--board-gap:var(--space-4);--seat-card:26px;--hero-card:min(17cqw, 12.5cqh);--seat-w:31cqw;--hero-w:44cqw;--hero-plate:44cqw;--hero-span:calc(var(--hero-card) * 2 + 96px)}.poker-felt{box-shadow:inset 0 0 0 var(--stroke-2) var(--palette-rail-deep), 0 var(--depth-2) 0 color-mix(in oklab, var(--palette-rail-deep) 70%, var(--palette-black)), 0 var(--depth-3) 16px calc(var(--depth-1) * -1) var(--palette-black-30)}.poker-felt-line{inset:6% 9%}.cards-center{gap:var(--space-6) var(--space-8);transform:translate(-50%,-64%)}.cards-center>.poker-pot{grid-column:1}.cards-center>.poker-table-story{grid-area:1/2;justify-self:start;max-width:52cqw}.cards-center>.poker-board{grid-area:2/1/auto/-1}.cards-center:has(.poker-hand-result)>.poker-pot{display:none}.cards-center>.poker-table-story:has(.poker-hand-result){grid-column:1/-1;justify-self:center;max-width:none}.poker-pot{min-width:0}.poker-pot .poker-chip-stacks{display:none}.poker-pot-readout{align-items:baseline;gap:var(--space-6);padding:var(--space-4) var(--space-12);border-radius:var(--radius-pill);grid-auto-flow:column}.poker-pot-readout>span{font-size:var(--type-micro)}.poker-pot-readout strong{font-size:var(--type-lead)}.poker-table-story{min-height:0;font-size:var(--type-caption)}.poker-table-story>strong,.poker-table-story>span{padding:var(--space-4) var(--space-10)}.poker-orbit-seat:is([data-slot=top],[data-slot=upper-left],[data-slot=upper-right],[data-slot=left],[data-slot=right]){top:0}.poker-orbit-seat:is([data-slot=upper-left],[data-slot=left]){--x:16cqw}.poker-orbit-seat:is([data-slot=upper-right],[data-slot=right]){--x:84cqw}.poker-orbit-seat:is([data-slot=lower-left],[data-slot=lower-right]){bottom:calc(var(--hero-card) * 1.25 + var(--plate-h) + var(--space-8))}.poker-orbit-seat[data-slot=lower-left]{--x:16cqw}.poker-orbit-seat[data-slot=lower-right]{--x:84cqw}.poker-orbit-seat[data-slot=hero]{column-gap:var(--space-8);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"info cards""plate plate"}.poker-orbit-seat[data-slot=hero] .poker-hand-info{justify-self:end}.poker-hole-cards .playing-card+.playing-card{margin-left:calc(var(--card-w) * -.5)}.poker-orbit-seat:is([data-slot=top],[data-slot=upper-left],[data-slot=upper-right],[data-slot=left],[data-slot=right]) .poker-hole-cards{margin-top:calc(var(--card-w) * -.3)}.poker-orbit-seat:is([data-slot=lower-left],[data-slot=lower-right]) .poker-hole-cards{margin-bottom:calc(var(--card-w) * -.3)}.poker-round-status{gap:var(--space-2)}.poker-seat-status,.poker-seat-bet{height:22px;padding:var(--space-0) var(--space-8);font-size:var(--type-micro)}.poker-seat-status{gap:var(--space-4)}.poker-seat-status:before{width:6px;height:6px}.poker-seat-status[data-tone=all-in]{letter-spacing:0}.poker-seat-bet{gap:var(--space-4);padding-left:var(--space-4);font-size:var(--type-small)}.poker-seat-bet .poker-chip-top{--chip-size:14px}.poker-token{--puck-size:20px;font-size:var(--type-micro)}.poker-token[data-token=dealer]{font-size:var(--type-micro)}.poker-position-badges{gap:var(--space-2)}.poker-payout{display:none}.poker-seat-nameplate{gap:var(--space-0) var(--space-6);padding:var(--space-4) var(--space-10) var(--space-4) var(--space-4);border-radius:var(--radius-md);grid-template-columns:auto minmax(0,1fr) auto}.poker-seat-avatar{grid-row:1/3}.poker-seat-avatar>*{width:28px!important;height:28px!important}.poker-player-identity .player-name-label{grid-area:1/2/3;align-self:center}.poker-player-identity .player-name-label strong{font-size:var(--type-caption)}.poker-player-identity .player-name-label small{font-size:var(--type-micro)}.poker-seat-stack{font-size:var(--type-small);grid-area:1/3/3;align-self:center}.poker-orbit-seat[data-self=true] .poker-seat-nameplate{border-radius:var(--radius-pill);grid-template-columns:auto minmax(0,1fr) auto}.poker-orbit-seat[data-self=true] .poker-player-identity .player-name-label{grid-row:1/3;align-self:center}.poker-orbit-seat[data-self=true] .poker-player-identity .player-name-label strong{font-size:var(--type-body)}.poker-orbit-seat[data-self=true] .poker-seat-stack{font-size:var(--type-lead);grid-area:1/3/3}.poker-turn-bar{left:var(--space-12);right:var(--space-12);bottom:var(--space-2);height:3px}}@container poker-workspace (width<=900px){.card-controls{gap:var(--space-10);padding:var(--space-12) var(--space-12);border-radius:var(--radius-lg);grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"hand""wager""actions"}.card-controls:not(:has(.poker-wager)){grid-template-columns:minmax(0,1fr);grid-template-areas:"hand""actions"}.card-actions{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.card-actions .ui-button,.poker-wager-slider{min-width:0}.poker-waiting-note,.card-controls:has(.poker-own-hand) .poker-waiting-note{grid-column:1/-1;justify-self:start}.poker-own-hand{justify-content:space-between}}@container poker-workspace (width<=480px){.card-controls{gap:var(--space-8);padding:var(--space-10)}.card-controls:has(.poker-wager) .poker-own-hand{display:none}.card-actions .ui-button,.poker-wager-submit{min-height:var(--control);padding:var(--space-0) var(--space-12);font-size:var(--type-body)}.poker-wager-row{gap:var(--space-8)}.poker-wager-slider{gap:var(--space-4)}.poker-wager-submit{min-width:0}.poker-wager-amount{display:none}.poker-wager-slider .ui-button{width:var(--control-sm);min-height:var(--control-sm)}.wager-presets .ui-button{gap:var(--space-0);min-height:var(--control);padding:var(--space-0) var(--space-4);font-size:var(--type-caption);line-height:var(--leading-none);flex-direction:column}.wager-presets .ui-button small{font-size:var(--type-micro)}.poker-own-hand span{font-size:var(--type-lead)}.poker-own-hand p{font-size:var(--type-small)}}@media (height<=500px) and (orientation:landscape){.poker-workspace{gap:var(--space-4) var(--space-8);grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(230px,300px)}.poker-workspace>*{max-width:none}.poker-workspace[data-controls=false]{grid-template-columns:minmax(0,1fr)}.cards-heading{grid-column:1/-1;min-height:24px}.poker-table{min-height:0}.card-controls,.card-controls:not(:has(.poker-wager)){align-content:center;align-self:stretch;gap:var(--space-6);padding:var(--space-8);border-radius:var(--radius-lg);grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"hand""wager""actions";overflow:auto}.card-actions{gap:var(--space-6);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.card-actions .ui-button,.poker-wager-submit{min-width:0;min-height:var(--control-sm);padding:var(--space-0) var(--space-10);font-size:var(--type-small)}.poker-wager{gap:var(--space-6)}.poker-wager-row{gap:var(--space-6);flex-wrap:wrap}.poker-wager-slider{flex-basis:100%;min-width:0}.poker-wager-slider .ui-button{width:var(--control-xs);min-height:var(--control-xs)}.poker-wager-amount{display:none}.poker-wager-submit{flex:1}.wager-presets .ui-button{min-height:var(--control-xs);padding:var(--space-0) var(--space-4);font-size:var(--type-micro)}.wager-presets .ui-button small{display:none}.poker-waiting-note,.card-controls:has(.poker-own-hand) .poker-waiting-note{font-size:var(--type-small);grid-column:1;justify-self:start}.poker-own-hand span{font-size:var(--type-lead)}.poker-own-hand p{font-size:var(--type-small)}}@media (prefers-reduced-motion:reduce){.poker-board .playing-card,.poker-hole-cards .playing-card,.poker-payout,.poker-hand-result,.poker-orbit-seat,.card-controls,.poker-table-story>strong,.poker-seat-status:before,.poker-hole-cards:before{animation:none!important}}.playing-card{--card-ink:max(var(--stroke-2), calc(var(--card-w,56px) * .04))}.playing-card-face{background:var(--sketch-paper);box-shadow:inset 0 0 0 var(--card-ink) var(--sketch-ink)}.playing-card-face:after{display:none}.playing-card-back{background:color-mix(in oklab, var(--palette-card-back) 82%, var(--palette-white));box-shadow:inset 0 0 0 var(--card-ink) var(--sketch-ink)}.playing-card-back:before{inset:calc(var(--card-ink) + var(--card-w,56px) * .07);border:max(var(--stroke-1), calc(var(--card-w,56px) * .03)) solid var(--sketch-paper);border-radius:calc(var(--card-w,56px) * .05);box-shadow:none;opacity:1;background:0 0}.card-slot{border:var(--stroke-2) dashed color-mix(in oklab, var(--sketch-ink) 45%, var(--palette-clear));background:var(--sketch-paper)}.poker-board .card-slot{border-color:color-mix(in oklab, var(--sketch-ink) 45%, var(--palette-clear));background:color-mix(in oklab, var(--sketch-paper) 70%, var(--palette-clear))}.poker-orbit-seat[data-winner=true] .poker-hole-cards .playing-card-face{box-shadow:inset 0 0 0 var(--card-ink) var(--sketch-ink), 0 0 0 var(--stroke-3) var(--palette-sun), 0 0 0 calc(var(--stroke-3) + var(--card-ink)) var(--sketch-ink)}.poker-orbit-seat[data-winner=true] .poker-hole-cards:before{opacity:.6}:is(.poker-chip,.poker-chip-top)[data-chip=black]{--chip:color-mix(in oklab, var(--palette-chip-black) 70%, var(--palette-white))}.poker-chip-stack{filter:none}.poker-chip{--chip-ink:max(var(--stroke-1), calc(var(--chip-h) * .16));background:var(--chip);box-shadow:inset 0 0 0 var(--chip-ink) var(--sketch-ink)}.poker-chip:before{inset:var(--chip-ink);opacity:1}.poker-chip:after{display:none}.poker-chip-top{box-shadow:inset 0 0 0 max(var(--stroke-1), calc(var(--chip-size,22px) * .09)) var(--sketch-ink)}.poker-chip-top:after{display:none}.poker-table>*{--ink-w:clamp(var(--stroke-2), .3cqw, var(--stroke-4))}.poker-table .poker-felt{background:color-mix(in oklab, var(--palette-rail) 72%, var(--palette-white));box-shadow:none}.poker-table .poker-felt:after{content:"";z-index:3;border-radius:inherit;box-shadow:inset 0 0 0 var(--ink-w) var(--sketch-ink);filter:var(--doodle-filter);animation:var(--doodle-boil);pointer-events:none;position:absolute;inset:0}.poker-rail-grain:before,.poker-rail-grain:after,.poker-baize:before,.poker-baize:after{display:none}.poker-table .poker-baize{background:color-mix(in oklab, var(--palette-baize) 75%, var(--palette-white));box-shadow:0 0 0 var(--ink-w) var(--sketch-ink)}.poker-table .poker-felt-line{border:var(--stroke-2) solid color-mix(in oklab, var(--sketch-ink) 45%, var(--palette-clear));opacity:1}.poker-workspace{--sketch-muted:color-mix(in oklab, var(--sketch-ink) 68%, var(--sketch-paper));--on-felt:var(--sketch-ink);--felt-pill:var(--sketch-paper);--felt-ink:color-mix(in oklab, var(--palette-sun) 60%, var(--sketch-paper))}.poker-pot-readout,.poker-table-story>strong,.poker-table-story>span,.poker-table-story summary,.poker-seat-bet{box-shadow:inset 0 0 0 var(--stroke-2) var(--sketch-ink)}.poker-pot-readout>span{color:var(--sketch-muted)}.poker-table-story ol,.poker-hand-result{background:var(--sketch-paper);color:var(--sketch-ink);box-shadow:inset 0 0 0 var(--stroke-2) var(--sketch-ink)}.poker-table-story ol small,.poker-hand-result :is(.poker-result-hand,.poker-result-note,.poker-result-meta){color:var(--sketch-muted)}.poker-result-progress{inset:auto var(--stroke-2) var(--stroke-2);background:color-mix(in oklab, var(--sketch-ink) 15%, var(--palette-clear))}.poker-result-progress>span{background:var(--sketch-ink)}.poker-payout{background:var(--palette-sun);color:var(--sketch-ink);box-shadow:inset 0 0 0 var(--stroke-2) var(--sketch-ink)}.poker-table .poker-seat-nameplate{background:var(--sketch-paper);color:var(--sketch-ink);box-shadow:inset 0 0 0 var(--ink-w) var(--sketch-ink)}.poker-table .poker-player-identity .player-name-label small{color:var(--sketch-muted)}.poker-table .poker-orbit-seat[data-active=true] .poker-seat-nameplate{background:var(--palette-sun);color:var(--sketch-ink)}.poker-table .poker-orbit-seat[data-active=true] .player-name-label small,.poker-table .poker-orbit-seat[data-folded=true] .poker-seat-nameplate{color:var(--sketch-muted)}.poker-table .poker-turn-bar{background:color-mix(in oklab, var(--sketch-ink) 20%, var(--palette-clear))}.poker-table .poker-turn-bar>span{background:var(--sketch-ink)}.poker-table .poker-turn-bar[data-urgent=true]>span{background:var(--danger)}.poker-table .poker-seat-status{background:var(--sketch-paper);color:var(--sketch-ink);box-shadow:inset 0 0 0 var(--stroke-2) var(--sketch-ink)}.poker-table .poker-seat-status:before{box-shadow:0 0 0 var(--stroke-1) var(--sketch-ink)}.poker-table .poker-seat-status[data-tone=win]{background:var(--palette-sun);color:var(--sketch-ink)}.poker-table .poker-seat-status[data-tone=muted]{color:var(--sketch-muted)}.poker-table .poker-token{box-shadow:inset 0 0 0 var(--stroke-2) var(--sketch-ink)}.poker-table .poker-token:before{display:none}.poker-table .poker-token[data-token=dealer]{--puck:var(--sketch-paper);--puck-ink:var(--sketch-ink)}.poker-table .poker-token[data-token=sb]{--puck:var(--palette-chip-blue);--puck-ink:var(--sketch-ink)}.poker-table .poker-token[data-token=bb]{--puck:var(--palette-chip-black);--puck-ink:var(--palette-sun)}.card-controls{box-shadow:inset 0 0 0 var(--stroke-2) var(--line-strong)}.player-name-label{align-items:flex-start;gap:var(--space-2);text-align:left;flex-direction:column;min-width:0;max-width:100%;display:inline-flex}.player-name-label>strong{letter-spacing:0;max-width:100%;font-weight:700;line-height:var(--leading-snug);overflow-wrap:anywhere}.player-name-label>small{max-width:100%;font-size:var(--type-caption);line-height:var(--leading-snug);color:var(--text-muted);overflow-wrap:anywhere;display:block}.player-name-label[data-kind=agent]>strong{font-family:var(--font-code);letter-spacing:0;font-weight:550}.player-name-label>.player-name-detail{font-family:var(--font-code);color:var(--text-muted);letter-spacing:0}.player-name-label>.jev-name-note{white-space:normal;color:var(--warn)}.jev-logo{box-sizing:border-box;object-fit:contain;vertical-align:middle;padding:var(--space-4);border-radius:var(--radius-md);background:var(--palette-white);flex:none;display:inline-block}.poke-workspace,.poke-status,.spec-pokemon,.poke-move-tooltip,.poke-detail-dialog{--pk-ink:var(--palette-ink);--pk-paper:var(--palette-white);--pk-sky:var(--palette-pk-sky);--pk-sky-deep:var(--palette-pk-sky-deep);--pk-grass:var(--palette-pk-grass);--pk-grass-deep:var(--palette-pk-grass-deep);--pk-ground:var(--palette-pk-ground);--pk-ground-deep:color-mix(in oklab, var(--palette-pk-ground) 62%, var(--palette-pk-grass-deep));--pk-cloud:var(--palette-white);--pk-hp-empty:color-mix(in oklab, var(--palette-ink) 14%, var(--palette-white));--pk-ball:var(--palette-tomato)}:root[data-theme=dark] :is(.poke-workspace,.spec-pokemon){--pk-sky:color-mix(in oklab, var(--palette-sky-deep) 62%, var(--palette-g900));--pk-sky-deep:color-mix(in oklab, var(--palette-sky-deep) 38%, var(--palette-g950));--pk-grass:color-mix(in oklab, var(--palette-pk-grass) 80%, var(--palette-g950));--pk-grass-deep:color-mix(in oklab, var(--palette-pk-grass-deep) 70%, var(--palette-g950));--pk-ground:color-mix(in oklab, var(--palette-pk-ground) 80%, var(--palette-g950));--pk-ground-deep:color-mix(in oklab, var(--palette-pk-ground) 42%, var(--palette-g950));--pk-cloud:color-mix(in oklab, var(--palette-white) 55%, var(--palette-pk-sky-deep))}:is(.poke-type-badge,.poke-move){--mon-type:var(--palette-type-normal);--mon-type-ink:var(--palette-ink)}:is(.poke-type-badge,.poke-move)[data-type=fire]{--mon-type:var(--palette-type-fire)}:is(.poke-type-badge,.poke-move)[data-type=water]{--mon-type:var(--palette-type-water)}:is(.poke-type-badge,.poke-move)[data-type=electric]{--mon-type:var(--palette-type-electric)}:is(.poke-type-badge,.poke-move)[data-type=grass]{--mon-type:var(--palette-type-grass)}:is(.poke-type-badge,.poke-move)[data-type=ice]{--mon-type:var(--palette-type-ice)}:is(.poke-type-badge,.poke-move)[data-type=fighting]{--mon-type:var(--palette-type-fighting);--mon-type-ink:var(--palette-white)}:is(.poke-type-badge,.poke-move)[data-type=poison]{--mon-type:var(--palette-type-poison);--mon-type-ink:var(--palette-white)}:is(.poke-type-badge,.poke-move)[data-type=ground]{--mon-type:var(--palette-type-ground)}:is(.poke-type-badge,.poke-move)[data-type=flying]{--mon-type:var(--palette-type-flying)}:is(.poke-type-badge,.poke-move)[data-type=psychic]{--mon-type:var(--palette-type-psychic)}:is(.poke-type-badge,.poke-move)[data-type=bug]{--mon-type:var(--palette-type-bug)}:is(.poke-type-badge,.poke-move)[data-type=rock]{--mon-type:var(--palette-type-rock)}:is(.poke-type-badge,.poke-move)[data-type=ghost]{--mon-type:var(--palette-type-ghost);--mon-type-ink:var(--palette-white)}:is(.poke-type-badge,.poke-move)[data-type=dragon]{--mon-type:var(--palette-type-dragon);--mon-type-ink:var(--palette-white)}.poke-type-badge{height:22px;padding:var(--space-0) var(--space-8);border-radius:var(--radius-xs);background:var(--mon-type);color:var(--mon-type-ink);font:700 var(--type-micro)/var(--leading-none) var(--font-ui);letter-spacing:var(--tracking-label);text-transform:uppercase;white-space:nowrap;align-items:center;display:inline-flex}.pokemon-stage.poke-workspace{--poke-controls-h:calc(var(--space-80) * 2 + var(--space-12));gap:var(--space-16);grid-template-columns:minmax(0,1fr) clamp(300px,26vw,380px);grid-template-rows:minmax(0, 1fr) var(--poke-controls-h);width:100%;height:100%;min-height:0;color:var(--text);grid-template-areas:"field log""controls log";display:grid}.poke-workspace>.poke-field{grid-area:field}.poke-workspace>.poke-controls,.poke-workspace>.poke-spectator-announcement{grid-area:controls}.poke-workspace>.poke-observer-sidebar{grid-area:log}.pokemon-stage.poke-workspace[data-spectating=true]{grid-template:"left field right"minmax(0,1fr)"left controls right"/clamp(220px,18vw,280px) minmax(0,1fr) clamp(220px,18vw,280px)}.poke-team-rail-left{grid-area:left}.poke-team-rail-right{grid-area:right}.poke-field{isolation:isolate;border-radius:var(--radius-xl);background:var(--pk-grass);min-height:0;position:relative;overflow:hidden;container-type:size}.poke-sky{z-index:-2;pointer-events:none;background:var(--pk-sky);height:48%;position:absolute;inset:0 0 auto}.poke-sky:before{content:"";height:var(--ramp-length);background:var(--pk-sky-deep);-webkit-mask:linear-gradient(var(--palette-ink), var(--palette-clear)) top / 100% var(--ramp-length) no-repeat;mask:linear-gradient(var(--palette-ink), var(--palette-clear)) top / 100% var(--ramp-length) no-repeat;position:absolute;inset:0 0 auto}.poke-sky:after{content:"";background:radial-gradient(ellipse 7% 9% at 14% 36%, var(--pk-cloud) 96%, var(--palette-clear) 100%), radial-gradient(ellipse 9% 7% at 20% 42%, var(--pk-cloud) 96%, var(--palette-clear) 100%), radial-gradient(ellipse 6% 7% at 26% 40%, var(--pk-cloud) 96%, var(--palette-clear) 100%), radial-gradient(ellipse 6% 8% at 46% 58%, var(--pk-cloud) 96%, var(--palette-clear) 100%), radial-gradient(ellipse 8% 6% at 51% 63%, var(--pk-cloud) 96%, var(--palette-clear) 100%);opacity:.68;position:absolute;inset:0}.poke-horizon{inset:calc(48% - var(--ramp-length)) 0 0;z-index:-1;pointer-events:none;background:var(--pk-grass);-webkit-mask:linear-gradient(var(--palette-ink), var(--palette-ink)) bottom / 100% calc(100% - var(--ramp-length)) no-repeat, linear-gradient(var(--palette-clear), var(--palette-ink)) top / 100% var(--ramp-length) no-repeat;mask:linear-gradient(var(--palette-ink), var(--palette-ink)) bottom / 100% calc(100% - var(--ramp-length)) no-repeat, linear-gradient(var(--palette-clear), var(--palette-ink)) top / 100% var(--ramp-length) no-repeat;position:absolute}.poke-horizon:before{content:"";inset:var(--ramp-length) 0 0;opacity:.34;background:repeating-linear-gradient(var(--palette-clear) 0 16%, var(--pk-grass-deep) 16% 24%, var(--palette-clear) 24% 44%);position:absolute}.poke-horizon:after{content:"";height:var(--ramp-length);background:var(--pk-grass-deep);-webkit-mask:linear-gradient(var(--palette-clear), var(--palette-ink)) bottom / 100% var(--ramp-length) no-repeat;mask:linear-gradient(var(--palette-clear), var(--palette-ink)) bottom / 100% var(--ramp-length) no-repeat;position:absolute;inset:auto 0 0}.poke-turn{z-index:3;top:var(--space-16);height:var(--control-xs);padding:var(--space-0) var(--space-16);border-radius:var(--radius-pill);background:var(--invert);color:var(--invert-text);font:700 var(--type-small)/var(--leading-none) var(--font-pixel);letter-spacing:var(--tracking-pixel);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;display:inline-flex;position:absolute;left:50%;translate:-50%}.poke-combatant{pointer-events:none;position:absolute;inset:0}.poke-hud{z-index:3;gap:var(--space-10);pointer-events:auto;flex-direction:column;width:min(400px,44cqw);display:flex;position:absolute}.poke-combatant[data-own=false] .poke-hud{top:var(--space-20);left:var(--space-20)}.poke-combatant[data-own=true] .poke-hud{bottom:var(--space-20);right:var(--space-20);flex-direction:column-reverse;align-items:stretch}.poke-trainer{align-items:center;gap:var(--space-12);min-width:0;max-width:100%;display:flex}.poke-combatant[data-own=true] .poke-trainer{flex-direction:row-reverse}.poke-trainer .game-player-identity{align-items:center;gap:var(--space-8);min-width:0;min-height:var(--control-sm);padding:var(--space-4) var(--space-16) var(--space-4) var(--space-4);border-radius:var(--radius-pill);background:var(--raised);color:var(--text);display:flex}.poke-combatant[data-own=true] .poke-trainer .game-player-identity{padding:var(--space-4) var(--space-4) var(--space-4) var(--space-16);flex-direction:row-reverse}.poke-trainer .player-name-label{min-width:0;line-height:var(--leading-tight);flex-direction:column;display:flex}.poke-trainer .player-name-label>strong{font:700 var(--type-small)/var(--leading-tight) var(--font-ui);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.poke-trainer .player-name-label>small{font:500 var(--type-micro)/var(--leading-snug) var(--font-ui);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.poke-combatant[data-own=true] .poke-trainer .player-name-label{text-align:right;align-items:flex-end}.poke-roster{gap:var(--space-4);flex:none;display:flex}.poke-roster-slot{width:24px;height:24px;padding:var(--space-0);color:inherit;--ball-top:var(--pk-ball);--ball-bottom:var(--pk-paper);background:linear-gradient(var(--ball-top) 0 42%, var(--pk-ink) 42% 58%, var(--ball-bottom) 58%);box-shadow:inset 0 0 0 var(--stroke-2) var(--pk-ink);transition:translate var(--dur-2) steps(2, end);border:0;border-radius:50%;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.poke-roster-slot:before{content:"";background:radial-gradient(circle at 32% 28%, var(--palette-clear) 58%, var(--palette-ink-55) 60%);opacity:.5;border-radius:50%;position:absolute;inset:0}.poke-roster-slot:after{content:"";background:var(--pk-paper);width:8px;height:8px;box-shadow:0 0 0 var(--stroke-2) var(--pk-ink);border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.poke-roster-slot>:is(.poke-sprite,.poke-unknown){opacity:0;width:100%;height:100%;position:absolute;inset:0}.poke-roster-slot[data-active=true]{translate:0 calc(var(--px) * -1);outline:var(--stroke-2) solid var(--text);outline-offset:var(--space-2)}.poke-roster-slot[data-fainted=true]{--ball-top:var(--palette-g400);--ball-bottom:var(--palette-g200);opacity:.7}.poke-inspect-roster{cursor:pointer}.poke-inspect-roster:hover{translate:0 calc(var(--px) * -1)}.poke-inspect-roster:focus-visible{outline:var(--stroke-3) solid var(--focus);outline-offset:var(--space-2)}.poke-roster-inspect{display:block}.poke-status{gap:var(--space-8);width:100%;min-width:0;padding:var(--space-12) var(--space-16) var(--space-12);border:var(--stroke-4) solid var(--pk-ink);border-radius:var(--radius-sm);background:var(--pk-paper);color:var(--pk-ink);transition:opacity var(--dur-3) steps(3, end);display:grid;position:relative}.poke-status:after{content:"";bottom:calc(var(--stroke-4) * -1);right:calc(var(--space-20) * -1);width:var(--space-20);height:var(--space-20);background:var(--pk-ink);clip-path:polygon(0 calc(100% - var(--space-20)), 100% 100%, 0 100%);position:absolute}.poke-status[data-own=true]:after{right:auto;left:calc(var(--space-20) * -1);clip-path:polygon(100% calc(100% - var(--space-20)), 100% 100%, 0 100%)}.poke-status[data-hidden=true]{color:var(--palette-g600);font:700 var(--type-body)/var(--leading-snug) var(--font-pixel)}.poke-status[data-fainted=true]{opacity:.72}.poke-mon-name{align-items:center;gap:var(--space-10);min-width:0;display:flex}.poke-mon-name strong{min-width:0;font:700 var(--type-title)/var(--leading-tight) var(--font-pixel);letter-spacing:var(--tracking-pixel);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.poke-level{font:700 var(--type-body)/var(--leading-none) var(--font-pixel);font-variant-numeric:tabular-nums;flex:none;margin-left:auto}.poke-status-sticker{height:22px;padding:var(--space-0) var(--space-6);border-radius:var(--radius-xs);background:var(--status,var(--palette-g500));color:var(--status-ink,var(--palette-white));font:700 var(--type-micro)/var(--leading-none) var(--font-pixel);letter-spacing:var(--tracking-label);animation:pixel-pop var(--dur-3) var(--ease-snap) both;flex:none;align-items:center;display:inline-flex}.poke-status-sticker[data-status=psn],.poke-status-sticker[data-status=tox]{--status:var(--palette-type-poison)}.poke-status-sticker[data-status=brn]{--status:var(--palette-type-fire);--status-ink:var(--palette-ink)}.poke-status-sticker[data-status=par]{--status:var(--palette-type-electric);--status-ink:var(--palette-ink)}.poke-status-sticker[data-status=frz]{--status:var(--palette-type-ice);--status-ink:var(--palette-ink)}.poke-status-sticker[data-status=slp]{--status:var(--palette-g500)}.poke-status-sticker[data-status=fnt]{--status:var(--palette-g700)}.poke-hp-row{align-items:center;gap:var(--space-8);display:flex}.poke-hp-tag{height:18px;padding:var(--space-0) var(--space-6);border-radius:var(--radius-xs);background:var(--pk-ink);color:var(--palette-sun);font:700 var(--type-micro)/var(--leading-none) var(--font-pixel);letter-spacing:var(--tracking-pixel);flex:none;align-items:center;display:inline-flex}.poke-hp-row>.poke-health{flex:1}.poke-hp-line{justify-content:space-between;align-items:baseline;gap:var(--space-8);min-width:0;font:700 var(--type-small)/var(--leading-none) var(--font-pixel);font-variant-numeric:tabular-nums;display:flex}.poke-hp-line>span{color:var(--palette-g600)}.poke-hp-line>strong{font-weight:700}.poke-status[data-own=true] .poke-hp-line>span{color:var(--pk-ink);font-size:var(--type-title)}.poke-status[data-own=true] .poke-hp-line>strong{color:var(--palette-g600)}.poke-mon-chips{align-items:center;gap:var(--space-6);flex-wrap:wrap;min-width:0;display:flex}.poke-mon-chips:not(:has(span)){display:none}.poke-mon-types,.poke-status-tags{gap:var(--space-4);flex-wrap:wrap;display:flex}.poke-status-tags:empty{display:none}.poke-status-tags>span{height:22px;padding:var(--space-0) var(--space-8);border-radius:var(--radius-xs);background:var(--palette-g100);color:var(--palette-g950);font:700 var(--type-micro)/var(--leading-none) var(--font-ui);white-space:nowrap;animation:pixel-pop var(--dur-3) var(--ease-snap) both;align-items:center;display:inline-flex}.poke-status-tags>span[data-negative=true]{color:var(--palette-tomato-ink)}.poke-stats{justify-content:space-between;gap:var(--space-6);margin:var(--space-0);display:flex}.poke-stats>div{gap:var(--space-2);display:grid}.poke-stats dt{font-size:var(--type-micro);color:var(--palette-g600)}.poke-stats dd{margin:var(--space-0);font:700 var(--type-caption) var(--font-pixel)}.poke-health{border:var(--stroke-2) solid var(--pk-ink,var(--palette-ink));border-radius:var(--radius-pill);background:var(--pk-hp-empty,var(--palette-g200));height:12px;position:relative;overflow:hidden}.poke-health>span{background:var(--palette-hp-high);height:100%;transition:width var(--dur-5) steps(12, end), background-color var(--dur-3) steps(2, end);display:block;position:relative}.poke-health>span:before{content:"";background:var(--palette-white);opacity:.13;position:absolute;inset:0 0 55%}.poke-health>span:after{content:"";background:var(--palette-ink);opacity:.05;position:absolute;inset:55% 0 0}.poke-health>span[data-range=medium]{background-color:var(--palette-hp-mid)}.poke-health>span[data-range=low]{background-color:var(--palette-hp-low)}.poke-platform{z-index:1;aspect-ratio:1;position:absolute}.poke-combatant[data-own=false] .poke-platform{width:min(40cqh,26cqw);top:12cqh;right:9cqw}.poke-combatant[data-own=true] .poke-platform{width:min(54cqh,34cqw);bottom:6cqh;left:6cqw}.poke-platform-glow{z-index:-1;clip-path:polygon(20% 0,80% 0,80% 8%,90% 8%,90% 20%,97% 20%,97% 35%,100% 35%,100% 65%,97% 65%,97% 80%,90% 80%,90% 92%,80% 92%,80% 100%,20% 100%,20% 92%,10% 92%,10% 80%,3% 80%,3% 65%,0 65%,0 35%,3% 35%,3% 20%,10% 20%,10% 8%,20% 8%);background:var(--pk-ground);height:26%;position:absolute;bottom:-8%;left:-18%;right:-18%}.poke-platform-glow:before{content:"";background:radial-gradient(ellipse 50% 50% at 50% 38%, var(--palette-clear) 62%, var(--pk-ground-deep) 64%);opacity:.62;position:absolute;inset:0}.poke-platform-glow:after{content:"";background:var(--pk-ink);opacity:.12;border-radius:50%;position:absolute;inset:22% 26% 30%}.poke-platform[data-fainted=true] .poke-platform-glow:after{opacity:0}.poke-battler-motion{transform-origin:50% 100%;width:100%;height:100%;display:block}.poke-battler-motion>.poke-sprite,.poke-battler-motion>.poke-unknown{width:100%;height:100%;display:block}.poke-sprite{object-fit:contain;object-position:50% 100%;width:100%;height:100%;image-rendering:pixelated}.poke-platform[data-fainted=true] .poke-sprite{opacity:0}.poke-unknown{width:100%;height:100%;display:block}.poke-unknown-shell{fill:var(--pk-paper,var(--palette-white));stroke:var(--pk-ink,var(--palette-ink));stroke-width:2px}.poke-unknown-top{fill:color-mix(in oklab, var(--palette-tomato) 55%, var(--palette-g300));stroke:var(--pk-ink,var(--palette-ink));stroke-width:2px}.poke-unknown-band{stroke:var(--pk-ink,var(--palette-ink));stroke-width:2.5px}.poke-unknown-core{fill:var(--pk-paper,var(--palette-white));stroke:var(--pk-ink,var(--palette-ink));stroke-width:2px}.poke-battler-motion>.poke-unknown{width:46%;height:46%;margin:auto auto 6%}.poke-platform[data-animation=hit] .poke-platform-glow{animation:poke-ground-flash var(--dur-5) steps(1, end)}.poke-platform:is([data-animation=move],[data-animation=heal],[data-animation=status]) .poke-platform-glow{animation:poke-ground-pulse var(--dur-4) steps(3, end)}.poke-platform[data-animation=enter] .poke-sprite{animation:poke-enter var(--dur-4) steps(5, end) both, poke-blink-in var(--dur-4) steps(1, end) both}.poke-platform[data-animation=exit] .poke-sprite{animation:.18s steps(4,end) both poke-exit}.poke-platform[data-animation=faint] .poke-sprite{animation:.38s steps(6,end) both poke-faint}@keyframes poke-ground-pulse{50%{scale:1.08 1.16}}@keyframes poke-ground-flash{0%,40%{filter:brightness(1.8)}20%,60%,to{filter:none}}@keyframes poke-enter{0%{scale:.1}to{scale:1}}@keyframes poke-blink-in{0%,40%{opacity:0}20%,60%,to{opacity:1}}@keyframes poke-exit{to{opacity:0;scale:.06}}@keyframes poke-faint{0%{clip-path:inset(0);translate:0}to{clip-path:inset(0 0 60%);filter:grayscale();translate:0 60%}}.poke-effects{z-index:5;pointer-events:none;position:absolute;inset:0}.poke-effects:before{content:"";opacity:0;background:var(--flash,var(--palette-white));position:absolute;inset:0}.poke-effects[data-kind=hit]:before{animation:poke-flash var(--dur-5) steps(1, end)}.poke-effects[data-kind=status]:before{--flash:var(--palette-sun);animation:poke-flash var(--dur-5) steps(1, end)}.poke-effects[data-kind=heal]:before{--flash:var(--palette-grass);animation:poke-flash var(--dur-5) steps(1, end)}.poke-effects[data-kind=faint]:before{--flash:var(--palette-ink);animation:poke-flash var(--dur-4) steps(1, end)}@keyframes poke-flash{0%,50%{opacity:.6}25%,75%,to{opacity:0}}.poke-cue-label{align-items:center;gap:var(--space-12);max-width:min(72%,560px);padding:var(--space-12) var(--space-20);border:var(--stroke-4) solid var(--pk-ink);border-radius:var(--radius-sm);background:var(--pk-paper);color:var(--pk-ink);font:700 var(--type-lead)/var(--leading-snug) var(--font-ui);text-align:center;animation:pixel-pop var(--dur-3) var(--ease-snap) both;display:inline-flex;position:absolute;top:46%;left:50%;translate:-50% -50%}.poke-cue-label:before{content:"";background:var(--cue,var(--pk-ink));flex:none;width:12px;height:12px}.poke-effects[data-kind=hit]{--cue:var(--palette-hp-low)}.poke-effects[data-kind=heal]{--cue:var(--palette-hp-high)}.poke-effects[data-kind=status]{--cue:var(--palette-sun)}.showdown-animation-layer{z-index:4;transform-origin:0 0;pointer-events:none;position:absolute;inset:0 auto auto 0}.showdown-animation-layer>img{image-rendering:pixelated;position:absolute}.showdown-fx,.showdown-background-effects{pointer-events:none;position:absolute;inset:0}.showdown-background-effects>.background{background-position:50%;background-size:cover;position:absolute;inset:0}.showdown-fx{z-index:2}.showdown-fx img{image-rendering:auto}.poke-impact-accent{border:var(--stroke-4) solid var(--palette-hp-low);pointer-events:none;z-index:3;border-radius:50%;width:90px;height:90px;position:absolute}.poke-impact-accent--heal{border-color:var(--palette-hp-high);width:100px;height:100px}.poke-controls{gap:var(--space-16);border-radius:var(--radius-xl);outline:none;min-width:0;min-height:0;display:grid;container:poke-controls/inline-size}.poke-controls[data-has-moves=true]{gap:var(--space-10);grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.poke-controls:focus-visible{outline:var(--stroke-3) solid var(--focus);outline-offset:var(--space-4)}.poke-control-group{align-content:start;gap:var(--space-8);min-width:0;min-height:0;display:grid}.poke-controls-label{margin:var(--space-0);font:700 var(--type-lead)/var(--leading-tight) var(--font-ui);letter-spacing:var(--tracking-tight);color:var(--text)}.poke-control-moves{grid-template-rows:minmax(0,1fr)}.poke-moves{gap:var(--space-12);grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);height:100%;display:grid}@container poke-controls (width<=640px){.poke-moves{grid-template-columns:repeat(2,minmax(0,1fr))}}.poke-move-anchor{min-width:0;min-height:0;display:flex}.poke-controls .poke-move.ui-button{--touch-ink:color-mix(in oklab, var(--mon-type) 70%, var(--surface));--touch-ripple-ink:var(--mon-type);--touch-alpha:.4;place-content:center stretch;justify-items:center;gap:var(--space-8);min-width:0;min-height:var(--space-56);height:auto;padding:var(--space-8) var(--space-16);border-radius:var(--radius-lg);text-align:center;white-space:normal;animation:pixel-pop var(--dur-3) var(--ease-snap) both;animation-delay:calc(var(--i,0) * 50ms);flex:1;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);display:grid}.poke-controls .poke-move.ui-button:active:not(:disabled){--touch-alpha:.55;scale:.98}.poke-controls .poke-move.ui-button:disabled{opacity:.42}.poke-move-title{min-width:0;max-width:100%;display:block}.poke-move-title>strong{font:700 var(--type-lead)/var(--leading-tight) var(--font-ui);letter-spacing:var(--tracking-tight);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.poke-move-meta{justify-content:center;align-items:center;gap:var(--space-4) var(--space-8);flex-wrap:wrap;min-width:0;display:flex}.poke-move .poke-type-badge{gap:var(--space-6);padding:var(--space-0) var(--space-8) var(--space-0) var(--space-6);background:var(--raised);color:var(--text-muted)}.poke-move .poke-type-badge:before{content:"";border-radius:var(--radius-pill);background:var(--mon-type);flex:none;width:10px;height:10px}.poke-move-pp{font:700 var(--type-small)/var(--leading-none) var(--font-pixel);color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.poke-move[data-empty=true] .poke-move-pp{color:var(--danger-ink)}.poke-switches{gap:var(--space-12);height:var(--poke-controls-h);grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);display:grid}.poke-switch-card{min-width:0;min-height:0;display:flex}.poke-controls .poke-switch.ui-button{grid-template-columns:var(--space-40) minmax(0, 1fr);place-content:center stretch;align-items:center;gap:var(--space-4) var(--space-8);min-width:0;height:auto;min-height:0;padding:var(--space-8) var(--space-12) var(--space-8) var(--space-8);border-radius:var(--radius-lg);text-align:left;white-space:nowrap;line-height:var(--leading-snug);flex:1;grid-template-rows:auto auto auto;grid-template-areas:"sprite name""sprite hp""sprite small";display:grid}.poke-controls .poke-switch.ui-button:disabled{opacity:.5}.poke-controls .poke-switch.ui-button[data-state=fainted]>.poke-sprite{filter:grayscale();opacity:.45}.poke-controls .poke-switch.ui-button[data-state=active]{--btn-bg:var(--invert);--btn-fg:var(--invert-text);opacity:1}.poke-controls .poke-switch.ui-button[data-state=active]>small{color:var(--invert-muted)}.poke-switch>strong{text-overflow:ellipsis;min-width:0;font:700 var(--type-body)/var(--leading-tight) var(--font-ui);grid-area:name;overflow:hidden}.poke-switch>:is(.poke-sprite,.poke-unknown){width:var(--space-40);height:var(--space-40);grid-area:sprite;align-self:center}.poke-switch>.poke-health{grid-area:hp;height:10px}.poke-switch>small{text-overflow:ellipsis;min-width:0;font:700 var(--type-micro)/var(--leading-snug) var(--font-pixel);color:var(--text-muted);font-variant-numeric:tabular-nums;grid-area:small;overflow:hidden}.poke-controls[data-has-moves=true] .poke-switches{gap:var(--space-8);grid-template-columns:repeat(6,minmax(0,1fr));height:auto}.poke-controls[data-has-moves=true] .poke-switch.ui-button{min-height:var(--control-lg);grid-template-columns:var(--space-32) minmax(0, 1fr);gap:var(--space-2) var(--space-6);padding:var(--space-4) var(--space-10) var(--space-4) var(--space-4);grid-template-areas:"sprite name""sprite hp"}.poke-controls[data-has-moves=true] .poke-switch>:is(.poke-sprite,.poke-unknown){width:var(--space-32);height:var(--space-32)}.poke-controls[data-has-moves=true] .poke-switch>strong{font-size:var(--type-small)}.poke-controls[data-has-moves=true] .poke-switch>small{display:none}@container poke-controls (width<=640px){.poke-controls[data-has-moves=true] .poke-switches{grid-template-columns:repeat(3,minmax(0,1fr))}}.poke-controls[data-force-switch=true] .poke-control-switches{height:var(--poke-controls-h);grid-template-rows:auto minmax(0,1fr)}.poke-controls[data-force-switch=true] .poke-switches{grid-template-columns:repeat(6,minmax(0,1fr));height:auto;min-height:0}.poke-controls[data-force-switch=true] .poke-switch.ui-button{align-content:stretch;align-items:center;gap:var(--space-4) var(--space-6);padding:var(--space-8) var(--space-12);grid-template:"name name""sprite sprite"minmax(80px,1fr)"hp small"/minmax(0,1fr) auto}.poke-controls[data-force-switch=true] .poke-control-switches{gap:var(--space-6)}.poke-controls[data-force-switch=true] .poke-controls-label{font-size:var(--type-body)}.poke-controls[data-force-switch=true] .poke-switch>:is(.poke-sprite,.poke-unknown){width:100%;height:100%;min-height:80px}.poke-controls[data-force-switch=true] .poke-switch.ui-button:not(:disabled){animation:pixel-pop var(--dur-3) var(--ease-snap) both}.poke-waiting{justify-content:center;align-items:center;gap:var(--space-12);height:100%;margin:var(--space-0);padding:var(--space-16) var(--space-24);border-radius:var(--radius-xl);background:var(--surface-2);color:var(--text-muted);font:600 var(--type-lead)/var(--leading-snug) var(--font-ui);text-align:center;animation:fade-in var(--dur-3) steps(2, end) both;display:flex}.poke-waiting-dot{border-radius:var(--radius-pill);background:var(--text);flex:none;width:12px;height:12px;animation:1.2s step-end infinite blink}.poke-observer-sidebar{flex-direction:column;min-height:0;display:flex}.poke-log{--box-bg:var(--pk-paper);--box-ink:var(--pk-ink);gap:var(--space-8);min-height:0;padding:var(--space-16) var(--space-8) var(--space-12) var(--space-20);border:var(--stroke-4) solid var(--box-ink);border-radius:var(--radius-md);background:var(--box-bg);color:var(--box-ink);box-shadow:inset 0 0 0 var(--stroke-3) var(--box-bg), inset 0 0 0 calc(var(--stroke-3) + var(--stroke-2)) var(--box-ink);flex-direction:column;flex:1;display:flex}:root[data-theme=dark] .poke-log{--box-bg:var(--palette-g900);--box-ink:var(--palette-g100)}.poke-log h2{margin:var(--space-0);font:700 var(--type-caption)/var(--leading-none) var(--font-pixel);letter-spacing:var(--tracking-label);text-transform:uppercase;color:color-mix(in oklab, var(--box-ink) 60%, var(--box-bg))}.poke-log-scroll{min-height:0;padding:var(--space-4) var(--space-12) var(--space-8) var(--space-0);font:600 var(--type-lead)/var(--leading-snug) var(--font-ui);scrollbar-width:thin;scrollbar-color:var(--box-ink) var(--palette-clear);flex-direction:column;flex:1;display:flex;overflow:auto}.poke-log-scroll>:first-child{margin-top:auto}.poke-log-scroll:focus-visible{outline:var(--stroke-3) solid var(--focus);outline-offset:var(--space-2);border-radius:var(--radius-xs)}.poke-log-scroll h3{align-items:center;gap:var(--space-10);margin:var(--space-16) var(--space-0) var(--space-8);font:700 var(--type-small)/var(--leading-none) var(--font-pixel);letter-spacing:var(--tracking-label);text-transform:uppercase;color:color-mix(in oklab, var(--box-ink) 60%, var(--box-bg));font-variant-numeric:tabular-nums;display:flex}.poke-log-scroll h3:first-child{margin-top:var(--space-0)}.poke-log-scroll h3:after{content:"";height:var(--px);background:repeating-linear-gradient(90deg, currentColor 0 calc(var(--px) * 2), var(--palette-clear) calc(var(--px) * 2) calc(var(--px) * 4));flex:1}.poke-log-scroll p{margin:var(--space-0) var(--space-0) var(--space-6);color:color-mix(in oklab, var(--box-ink) 78%, var(--box-bg))}.poke-log-scroll p:last-child{color:var(--box-ink);animation:poke-type-in var(--dur-5) steps(14, end) both}.poke-log-scroll p:last-child:after{content:"▼";margin-left:var(--space-8);color:var(--palette-hp-low);font-size:var(--type-caption);animation:1s step-end infinite blink;display:inline-block}@keyframes poke-type-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.poke-log-scroll p:is([data-kind=crit],[data-kind=supereffective]){color:var(--box-ink);font-weight:800}.poke-log-scroll p[data-kind=faint]{color:var(--danger-ink)}.poke-log-scroll p[data-kind=win],.poke-log-name{color:var(--box-ink);font-weight:800}.poke-log-empty{color:color-mix(in oklab, var(--box-ink) 60%, var(--box-bg))}.poke-team-rail{scrollbar-width:thin;min-height:0;overflow:auto}.poke-spectator-teams{gap:var(--space-12);display:grid}.poke-team-panel{gap:var(--space-12);padding:var(--space-16);border-radius:var(--radius-xl);background:var(--surface);display:grid}.poke-team-panel>header{gap:var(--space-4);display:grid}.poke-team-panel>header .player-name-label{flex-direction:column;min-width:0;display:flex}.poke-team-panel>header .player-name-label>strong{font:700 var(--type-title)/var(--leading-tight) var(--font-ui);letter-spacing:var(--tracking-tight);overflow-wrap:anywhere}.poke-team-panel>header .player-name-label>small{font:500 var(--type-small)/var(--leading-snug) var(--font-ui);color:var(--text-muted);overflow-wrap:anywhere}.poke-team-count{font:700 var(--type-small)/var(--leading-none) var(--font-pixel);color:var(--text-muted);font-variant-numeric:tabular-nums}.poke-last-move{gap:var(--space-4);padding:var(--space-12) var(--space-16);border-radius:var(--radius-lg);background:var(--surface-2);display:grid}.poke-last-move small{font:700 var(--type-micro)/var(--leading-none) var(--font-ui);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted)}.poke-last-move strong{font:700 var(--type-lead)/var(--leading-tight) var(--font-ui);overflow-wrap:anywhere}.poke-last-move>span{font-size:var(--type-small);color:var(--text-muted)}.poke-last-move>strong+span{display:none}.poke-spectator-roster{gap:var(--space-6);display:grid}.poke-team-member{grid-template-columns:var(--space-48) minmax(0, 1fr);gap:var(--space-2) var(--space-10);min-width:0;padding:var(--space-6) var(--space-12) var(--space-6) var(--space-6);border-radius:var(--radius-lg);transition:background-color var(--dur-2) steps(2, end), opacity var(--dur-3) steps(3, end);grid-template-rows:auto auto auto;align-items:center;display:grid}.poke-team-member>:is(.poke-sprite,.poke-unknown){width:var(--space-48);height:var(--space-48);grid-area:1/1/4}.poke-team-member>.poke-unknown{padding:var(--space-8)}.poke-team-member>strong{font:700 var(--type-body)/var(--leading-snug) var(--font-ui);text-overflow:ellipsis;white-space:nowrap;grid-column:2;overflow:hidden}.poke-team-member>small{font:600 var(--type-micro)/var(--leading-snug) var(--font-ui);color:var(--text-muted);grid-column:2}.poke-team-member>.poke-health{grid-column:2;height:10px}.poke-team-member[data-state=active]{background:var(--invert);color:var(--invert-text)}.poke-team-member[data-state=active]>small{color:var(--invert-muted)}.poke-team-member[data-state=fainted]{opacity:.5}.poke-team-member[data-state=fainted]>.poke-sprite{filter:grayscale()}.poke-spectator-announcement{min-height:var(--space-96);padding:var(--space-16) var(--space-24);border:var(--stroke-4) solid var(--pk-ink);border-radius:var(--radius-md);background:var(--pk-paper);color:var(--pk-ink);text-align:center;box-shadow:inset 0 0 0 var(--stroke-3) var(--pk-paper), inset 0 0 0 calc(var(--stroke-3) + var(--stroke-2)) var(--pk-ink);place-items:center;display:grid}:root[data-theme=dark] .poke-spectator-announcement{--pk-paper:var(--palette-g900);--pk-ink:var(--palette-g100)}.poke-spectator-announcement>strong{font:700 var(--type-title)/var(--leading-tight) var(--font-ui);animation:poke-type-in var(--dur-5) steps(14, end) both}.poke-workspace[data-spectating=true] .poke-cue-label,.poke-workspace[data-spectating=true] .poke-roster{display:none}.match-desk[data-stream=true] .poke-spectator-announcement>strong,.match-desk[data-stream=true] .poke-mon-name strong{font-size:var(--type-section)}.match-desk[data-stream=true] .poke-turn{height:var(--control);font-size:var(--type-lead)}.match-desk[data-stream=true] .poke-health{height:16px}.match-desk[data-stream=true] .poke-team-member>strong{font-size:var(--type-lead)}.match-desk[data-stream=true] .poke-trainer .player-name-label>strong{font-size:var(--type-body)}.poke-move-tooltip{z-index:1000;gap:var(--space-6);max-height:min(360px,70vh);padding:var(--space-16) var(--space-20);border-radius:var(--radius-lg);background:var(--raised);color:var(--text);box-shadow:var(--shadow-lg);font-size:var(--type-small);line-height:var(--leading-body);animation:fade-in var(--dur-2) steps(2, end) both;display:grid;position:fixed;overflow:auto}.poke-move-tooltip>strong{font:700 var(--type-lead)/var(--leading-tight) var(--font-ui);letter-spacing:var(--tracking-tight)}.poke-move-tooltip>span{font:600 var(--type-small)/var(--leading-snug) var(--font-ui);color:var(--text-muted)}.poke-move-tooltip p{margin:var(--space-4) var(--space-0);color:var(--text-muted)}.poke-inspect-tooltip{max-height:min(460px,75vh)}.poke-inspect-tooltip h3{margin:var(--space-10) var(--space-0) var(--space-2);font:700 var(--type-small)/var(--leading-snug) var(--font-ui);color:var(--text)}.poke-inspect-tooltip .poke-detail-summary{gap:var(--space-10);grid-template-columns:72px 1fr}.poke-inspect-tooltip .poke-detail-summary>.poke-sprite{height:72px}.poke-move-facts,.poke-detail-stats{gap:var(--space-8);margin:var(--space-8) var(--space-0) var(--space-4);grid-template-columns:repeat(auto-fit,minmax(72px,1fr));display:grid}.poke-move-facts>div,.poke-detail-stats>div{gap:var(--space-4);padding:var(--space-10) var(--space-12);border-radius:var(--radius-md);background:var(--surface-2);display:grid}.poke-move-facts dt,.poke-detail-stats dt{font:600 var(--type-micro)/var(--leading-snug) var(--font-ui);color:var(--text-muted)}.poke-move-facts dd,.poke-detail-stats dd{margin:var(--space-0);font:700 var(--type-body)/var(--leading-snug) var(--font-pixel)}.poke-move-unavailable{color:var(--danger-ink);font-weight:700}.poke-detail-summary{gap:var(--space-12);margin:var(--space-8) var(--space-0);grid-template-columns:96px 1fr;align-items:center;display:grid}.poke-detail-summary>.poke-sprite{height:96px}.poke-detail-summary>div{gap:var(--space-6);display:grid}.poke-detail-summary p{margin:var(--space-0);font:700 var(--type-small)/var(--leading-snug) var(--font-pixel)}.poke-detail-summary small,.poke-detail-note{color:var(--text-muted)}.poke-detail-summary .poke-health{--pk-ink:var(--text)}.poke-detail-moves{gap:var(--space-4);display:grid}.poke-detail-moves>div{justify-content:space-between;gap:var(--space-8);padding:var(--space-8) var(--space-12);border-radius:var(--radius-md);background:var(--surface-2);display:flex}.poke-detail-moves span{color:var(--text-muted);font:700 var(--type-caption)/var(--leading-snug) var(--font-pixel)}.poke-detail-dialog{width:min(480px,100vw - 24px);max-height:85dvh;overflow:auto}.poke-detail-dialog h3{margin:var(--space-16) var(--space-0) var(--space-8);font:700 var(--type-body)/var(--leading-snug) var(--font-ui);color:var(--text)}.poke-detail-dialog p{font-size:var(--type-small);line-height:var(--leading-body)}.poke-detail-dialog>.ui-button{margin-top:var(--space-16)}@media (width<=1360px) and (width>=701px){.poke-move-pp{font-size:var(--type-caption)}.poke-switch>strong{font-size:var(--type-small)}.poke-controls .poke-switch.ui-button{padding-right:var(--space-10);gap:var(--space-4) var(--space-6)}}@media (width>=701px) and (width<=1100px) and (height>=561px){.pokemon-stage.poke-workspace{--poke-controls-h:calc(var(--space-80) * 3 + var(--space-32))}}@media (height<=780px) and (width>=701px){.pokemon-stage.poke-workspace{--poke-controls-h:calc(var(--space-80) * 2);gap:var(--space-12)}.poke-moves,.poke-switches{gap:var(--space-10)}.poke-mon-name strong{font-size:var(--type-lead)}.poke-status{gap:var(--space-6);padding:var(--space-10) var(--space-12)}.poke-status[data-own=true] .poke-hp-line>span{font-size:var(--type-lead)}.poke-combatant[data-own=false] .poke-hud{top:var(--space-16);left:var(--space-16)}.poke-combatant[data-own=true] .poke-hud{bottom:var(--space-16);right:var(--space-16)}}@media (height<=500px) and (width>=701px){.pokemon-stage.poke-workspace{gap:var(--space-8);grid-template:"field controls log"minmax(0,1fr)/minmax(0,1fr) minmax(0,1.1fr) 168px}.pokemon-stage.poke-workspace[data-spectating=true]{grid-template:"left field right"minmax(0,1fr)"left controls right"/160px minmax(0,1fr) 160px}.poke-controls,.poke-controls[data-has-moves=true]{gap:var(--space-8);grid-template-rows:none;grid-template-columns:minmax(0,1fr);align-content:start;overflow:auto}.poke-moves,.poke-switches,.poke-controls[data-has-moves=true] .poke-switches{gap:var(--space-6);height:auto}.poke-controls .poke-move.ui-button{min-height:var(--control-lg);padding:var(--space-6) var(--space-10);gap:var(--space-4)}.poke-move-title>strong{font-size:var(--type-body)}.poke-move-meta{gap:var(--space-2) var(--space-6);flex-wrap:wrap}.poke-move .poke-type-badge{height:18px;letter-spacing:var(--tracking-pixel)}.poke-move-pp{font-size:var(--type-micro)}.poke-controls .poke-switch.ui-button{min-height:var(--control);grid-template-columns:var(--space-32) minmax(0, 1fr);padding:var(--space-4) var(--space-8) var(--space-4) var(--space-4);grid-template-areas:"sprite name""sprite hp"}.poke-switch>:is(.poke-sprite,.poke-unknown){width:var(--space-32);height:var(--space-32)}.poke-switch>strong{font-size:var(--type-small)}.poke-switch>small{display:none}.poke-controls[data-force-switch=true] .poke-control-switches{height:auto}.poke-controls[data-force-switch=true] .poke-switches{grid-template-columns:repeat(3,minmax(0,1fr))}.poke-controls[data-force-switch=true] .poke-switch.ui-button{grid-template-rows:auto var(--space-56) auto;grid-template-areas:"name name""sprite sprite""hp hp"}.poke-controls[data-force-switch=true] .poke-switch>:is(.poke-sprite,.poke-unknown){min-height:0}.poke-waiting{font-size:var(--type-body)}.poke-hud{gap:var(--space-4);width:min(240px,54cqw)}.poke-combatant[data-own=false] .poke-hud{top:var(--space-8);left:var(--space-8)}.poke-combatant[data-own=true] .poke-hud{bottom:var(--space-8);right:var(--space-8)}.poke-status{padding:var(--space-6) var(--space-10);gap:var(--space-4);border-width:var(--stroke-3)}.poke-mon-name strong{font-size:var(--type-small)}.poke-level{font-size:var(--type-micro)}.poke-status[data-own=true] .poke-hp-line>span{font-size:var(--type-body)}.poke-mon-chips,.poke-roster,.poke-stats,.poke-trainer{display:none}.poke-turn{top:var(--space-8);left:auto;right:var(--space-8);height:var(--space-24);padding:var(--space-0) var(--space-10);font-size:var(--type-micro);translate:none}.poke-log{padding:var(--space-10) var(--space-4) var(--space-8) var(--space-12)}.poke-log-scroll{font-size:var(--type-small)}.poke-team-panel{padding:var(--space-10);gap:var(--space-8)}.poke-team-panel>header .player-name-label>strong{font-size:var(--type-body)}.poke-team-member{grid-template-columns:var(--space-32) minmax(0, 1fr);padding:var(--space-4)}.poke-team-member>:is(.poke-sprite,.poke-unknown){width:var(--space-32);height:var(--space-32)}.poke-spectator-announcement{min-height:0;padding:var(--space-8)}.poke-spectator-announcement>strong{font-size:var(--type-body)}}@media (width<=700px){.pokemon-stage.poke-workspace{gap:var(--space-10);grid-template:"field"minmax(272px,1fr)"controls""log"104px/minmax(0,1fr);overflow:auto}.pokemon-stage.poke-workspace[data-spectating=true]{grid-template:"field field"minmax(240px,1fr)"controls controls""left right"minmax(0,.9fr)/minmax(0,1fr) minmax(0,1fr)}.pokemon-stage.poke-workspace[data-spectating=true] .poke-team-rail{min-height:0;overflow:auto}.pokemon-stage.poke-workspace[data-spectating=true] .poke-team-member>small{display:none}.poke-field{border-radius:var(--radius-lg)}.poke-controls,.poke-controls[data-has-moves=true]{gap:var(--space-8);grid-template-rows:none;grid-template-columns:minmax(0,1fr)}.poke-controls-label{font-size:var(--type-body)}.poke-moves{gap:var(--space-8);height:auto}.poke-controls .poke-move.ui-button{min-height:var(--space-56);padding:var(--space-8) var(--space-10);gap:var(--space-6);border-radius:var(--radius-md)}.poke-move-title>strong{font-size:var(--type-body)}.poke-move .poke-type-badge{height:20px;letter-spacing:var(--tracking-pixel);padding:var(--space-0) var(--space-6) var(--space-0) var(--space-4)}.poke-move-meta{gap:var(--space-4)}.poke-move-pp{font-size:var(--type-micro)}.poke-switches,.poke-controls[data-has-moves=true] .poke-switches{gap:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));height:auto}.poke-controls .poke-switch.ui-button{min-height:var(--control);grid-template-columns:var(--space-32) minmax(0, 1fr);gap:var(--space-2) var(--space-6);padding:var(--space-4) var(--space-8) var(--space-4) var(--space-4);border-radius:var(--radius-md);grid-template-areas:"sprite name""sprite hp"}.poke-switch>:is(.poke-sprite,.poke-unknown){width:var(--space-32);height:var(--space-32)}.poke-switch>strong{font-size:var(--type-caption)}.poke-switch>.poke-health{border-width:var(--stroke-1);height:8px}.poke-switch>small{display:none}.poke-controls[data-force-switch=true] .poke-control-switches{height:auto}.poke-controls[data-force-switch=true] .poke-switches{grid-template-columns:repeat(3,minmax(0,1fr))}.poke-controls[data-force-switch=true] .poke-switch.ui-button{grid-template-rows:auto var(--space-64) auto;padding:var(--space-8);grid-template-areas:"name name""sprite sprite""hp hp"}.poke-controls[data-force-switch=true] .poke-switch>:is(.poke-sprite,.poke-unknown){min-height:0}.poke-controls[data-force-switch=true] .poke-switch>strong{font-size:var(--type-small)}.poke-waiting{min-height:var(--space-80);padding:var(--space-12);font-size:var(--type-body)}.poke-hud{gap:var(--space-6);width:min(232px,60cqw)}.poke-combatant[data-own=false] .poke-hud{top:var(--space-10);left:var(--space-10)}.poke-combatant[data-own=true] .poke-hud{bottom:var(--space-10);right:var(--space-10)}.poke-combatant[data-own=false] .poke-platform{width:min(34cqh,34cqw);top:20cqh;right:6cqw}.poke-combatant[data-own=true] .poke-platform{width:min(44cqh,42cqw);bottom:12cqh;left:2cqw}.poke-turn{top:auto;bottom:var(--space-10);left:var(--space-10);height:var(--space-24);padding:var(--space-0) var(--space-10);font-size:var(--type-micro);translate:none}.poke-status{padding:var(--space-6) var(--space-10) var(--space-8);gap:var(--space-4);border-width:var(--stroke-3)}.poke-status:after{width:var(--space-12);height:var(--space-12);right:calc(var(--space-12) * -1);bottom:calc(var(--stroke-3) * -1);clip-path:polygon(0 0,100% 100%,0 100%)}.poke-status[data-own=true]:after{left:calc(var(--space-12) * -1);clip-path:polygon(100% 0,100% 100%,0 100%)}.poke-mon-name strong{font-size:var(--type-body)}.poke-level{font-size:var(--type-caption)}.poke-status[data-own=true] .poke-hp-line>span{font-size:var(--type-body)}.poke-hp-line{font-size:var(--type-micro)}.poke-health{height:10px}.poke-mon-chips{display:none}.poke-trainer{gap:var(--space-4) var(--space-6);flex-wrap:wrap}.poke-trainer .game-player-identity{min-height:0;padding:var(--space-2) var(--space-10)}.poke-combatant[data-own=true] .poke-trainer .game-player-identity{padding:var(--space-2) var(--space-10)}.poke-trainer .game-player-identity>:first-child{display:none}.poke-trainer .player-name-label>strong{font-size:var(--type-caption)}.poke-stats{display:none}.poke-roster{gap:var(--space-2);margin:var(--space-0)}.poke-roster-slot{width:18px;height:18px}.poke-roster-slot:after{width:6px;height:6px}.poke-cue-label{max-width:86%;padding:var(--space-8) var(--space-12);font-size:var(--type-body);border-width:var(--stroke-3)}.poke-log{padding:var(--space-10) var(--space-4) var(--space-6) var(--space-12);border-width:var(--stroke-3)}.poke-log h2{display:none}.poke-log-scroll{font-size:var(--type-body)}.poke-team-rail{overflow:visible}.poke-team-panel{padding:var(--space-10);gap:var(--space-8);border-radius:var(--radius-lg)}.poke-team-panel>header .player-name-label>strong{font-size:var(--type-body)}.poke-last-move{padding:var(--space-8) var(--space-10)}.poke-last-move strong{font-size:var(--type-body)}.poke-team-member{grid-template-columns:var(--space-32) minmax(0, 1fr);padding:var(--space-4);gap:var(--space-2) var(--space-6)}.poke-team-member>:is(.poke-sprite,.poke-unknown){width:var(--space-32);height:var(--space-32)}.poke-team-member>strong{font-size:var(--type-small)}.poke-spectator-announcement{min-height:0;padding:var(--space-10) var(--space-12);border-width:var(--stroke-3)}.poke-spectator-announcement>strong{font-size:var(--type-body)}.poke-workspace[data-spectating=true] .poke-combatant[data-own=false] .poke-platform{width:min(36cqh,36cqw);top:20cqh;right:6cqw}.poke-workspace[data-spectating=true] .poke-combatant[data-own=true] .poke-platform{width:min(40cqh,42cqw);bottom:16cqh;left:4cqw}}@media (prefers-reduced-motion:reduce){.showdown-animation-layer{display:none}.poke-platform[data-animation] :is(.poke-sprite,.poke-platform-glow),.poke-effects:before,.poke-cue-label,.poke-status-sticker,.poke-status-tags>span,.poke-controls .poke-move.ui-button,.poke-controls[data-force-switch=true] .poke-switch.ui-button,.poke-waiting,.poke-waiting-dot,.poke-log-scroll p:last-child,.poke-log-scroll p:last-child:after,.poke-spectator-announcement>strong,.poke-move-tooltip{clip-path:none;animation:none;-webkit-mask:none;mask:none}.poke-health>span{transition:none}}.match-desk[data-replay=true] .pokemon-stage.poke-workspace{overflow:hidden}.contexto-stage{--contexto-tail-mask:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%204%22%20preserveAspectRatio%3D%22none%22%20shape-rendering%3D%22crispEdges%22%3E%3Cpath%20d%3D%22M0%200h11v1h-11ZM12%200h3v1h-3ZM16%200h1v1h-1ZM18%200h1v1h-1ZM20%200h1v1h-1ZM22%200h1v1h-1ZM24%200h1v1h-1ZM26%200h1v1h-1ZM28%200h1v1h-1ZM0%201h6v1h-6ZM7%201h1v1h-1ZM9%201h1v1h-1ZM11%201h1v1h-1ZM13%201h1v1h-1ZM15%201h1v1h-1ZM17%201h1v1h-1ZM21%201h1v1h-1ZM0%202h9v1h-9ZM10%202h3v1h-3ZM14%202h1v1h-1ZM16%202h1v1h-1ZM18%202h1v1h-1ZM20%202h1v1h-1ZM22%202h1v1h-1ZM24%202h1v1h-1ZM26%202h1v1h-1ZM0%203h4v1h-4ZM5%203h1v1h-1ZM7%203h1v1h-1ZM9%203h1v1h-1ZM11%203h1v1h-1ZM13%203h1v1h-1ZM15%203h1v1h-1ZM19%203h1v1h-1Z%22%2F%3E%3C%2Fsvg%3E);--cx-row:56px;gap:var(--space-24);width:100%;max-width:1400px;height:100%;min-height:0;margin:var(--space-0) auto;scrollbar-width:none;grid-template-columns:minmax(0,1fr) minmax(300px,400px);display:grid;overflow:hidden}.contexto-stage::-webkit-scrollbar{width:0;display:none}:is(.contexto-rank-row,.contexto-last-guess){--bar:var(--rank-fill,var(--surface-3))}:root[data-theme=dark] :is(.contexto-rank-row,.contexto-last-guess){--bar:color-mix(in oklab, var(--rank-fill,var(--surface-3)) 52%, var(--palette-g950))}.contexto-own{gap:var(--space-16);flex-direction:column;min-width:0;min-height:0;display:flex}.contexto-own-head{align-items:stretch;gap:var(--space-16);grid-template-columns:minmax(0,1fr);display:grid}.contexto-meter{align-content:center;gap:var(--space-8);min-width:0;padding:var(--space-12) var(--space-20);border-radius:var(--radius-lg);background:var(--surface);display:grid}.contexto-meter strong{align-items:baseline;gap:var(--space-8);min-width:0;font-weight:600;display:flex}.contexto-meter strong b{font-family:var(--font-pixel);font-size:var(--type-display);font-weight:600;line-height:var(--leading-none);font-variant-numeric:tabular-nums}.contexto-meter strong span{font-size:var(--type-body);color:var(--text-muted);white-space:nowrap}.contexto-meter[data-low] strong b{color:var(--danger-ink)}.contexto-meter-track{gap:var(--space-2);grid-template-columns:repeat(25,minmax(0,1fr));max-width:520px;display:grid}.contexto-meter-track i{border-radius:var(--space-2);background:var(--surface-3);height:8px}.contexto-meter-track i[data-left]{background:var(--text)}.contexto-rank-help{font-size:var(--type-small);color:var(--text-muted);font-weight:600}.contexto-form{gap:var(--space-12);display:flex}.contexto-form .ui-input{min-height:var(--control-xl);padding:var(--space-0) var(--space-24);border-radius:var(--radius-pill);font-size:var(--type-title);letter-spacing:var(--tracking-tight);flex:1;font-weight:650}.contexto-form .ui-button{min-height:var(--control-xl);padding:var(--space-0) var(--space-40);font-size:var(--type-title);font-weight:700}.contexto-last{gap:var(--space-8);display:grid}.contexto-last-label{font-size:var(--type-caption);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted);font-weight:700}.contexto-last-guess{isolation:isolate;align-items:center;gap:var(--space-12);height:var(--cx-row);padding:var(--space-0) var(--space-20);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text);outline:var(--stroke-3) dotted var(--text);outline-offset:calc(var(--stroke-3) * -1);grid-template-columns:minmax(0,1fr) auto auto;display:grid;position:relative;overflow:hidden}.contexto-last-guess:before{content:"";z-index:-1;width:var(--rank-width,0%);border-radius:inherit;background:var(--bar);transition:width var(--dur-4) var(--ease-out);position:absolute;inset:0 auto 0 0}.contexto-last-guess>strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--type-title);letter-spacing:var(--tracking-tight);font-weight:700;overflow:hidden}.contexto-last-guess>small{font-size:var(--type-caption);white-space:nowrap;font-weight:600}.contexto-last-guess>b{font-family:var(--font-pixel);font-size:var(--type-title);font-weight:600;line-height:var(--leading-none);font-variant-numeric:tabular-nums;white-space:nowrap;grid-column:3}.contexto-last-guess>small b{font-family:var(--font-ui);font-size:var(--type-caption)}.contexto-last-guess[data-status=not_in_pool]>b{font-family:var(--font-ui);font-size:var(--type-body);color:var(--danger-ink);font-weight:700}.contexto-own-list{align-content:start;gap:var(--space-8);min-height:0;margin:var(--space-0);padding:var(--space-0);overscroll-behavior:contain;scrollbar-width:none;scrollbar-gutter:auto;flex:auto;list-style:none;display:grid;overflow:auto}.contexto-own-list::-webkit-scrollbar,.contexto-rival-grid::-webkit-scrollbar,.contexto-ranked-guesses::-webkit-scrollbar,.contexto-replay-list::-webkit-scrollbar{width:0;display:none}.contexto-own-list:focus{outline:none}.contexto-own-list:focus-visible{outline:var(--stroke-3) solid var(--focus);outline-offset:var(--space-2);border-radius:var(--radius-md)}.contexto-rank-row{isolation:isolate;align-items:center;gap:var(--space-12);height:var(--cx-row);padding:var(--space-0) var(--space-20);border-radius:var(--radius-md);background-color:var(--surface-2);color:var(--text);background-image:none;grid-template-columns:minmax(0,1fr) auto auto;display:grid;position:relative;overflow:hidden}.contexto-rank-row:before{content:"";z-index:-1;width:var(--rank-width);border-radius:inherit;background:var(--bar);position:absolute;inset:0 auto 0 0}:is(.contexto-rank-row,.contexto-last-guess):before{--rank-tail:min(var(--space-96), 60%);-webkit-mask-image:linear-gradient(var(--palette-black), var(--palette-black)), var(--contexto-tail-mask);mask-image:linear-gradient(var(--palette-black), var(--palette-black)), var(--contexto-tail-mask);-webkit-mask-size:calc(100% - var(--rank-tail)) 100%, var(--rank-tail) calc(var(--px) * 4);mask-size:calc(100% - var(--rank-tail)) 100%, var(--rank-tail) calc(var(--px) * 4);-webkit-mask-composite:source-over;-webkit-mask-position:0 0,100% 0;mask-position:0 0,100% 0;-webkit-mask-repeat:no-repeat,repeat-y;mask-repeat:no-repeat,repeat-y;mask-composite:add}.contexto-rank-row>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--type-title);letter-spacing:var(--tracking-tight);font-weight:700;overflow:hidden}.contexto-rank-row>em{font-size:var(--type-caption);white-space:nowrap;font-style:normal;font-weight:600}.contexto-rank-row>strong{font-family:var(--font-pixel);font-size:var(--type-title);font-weight:600;line-height:var(--leading-none);font-variant-numeric:tabular-nums;white-space:nowrap;grid-column:3}.contexto-rank-row[data-heat=found]>span{text-transform:uppercase}.contexto-empty{min-height:var(--control-xl);padding:var(--space-12) var(--space-16);border-radius:var(--radius-md);background:var(--surface);color:var(--text-muted);font-size:var(--type-body);text-align:center;place-items:center;font-weight:600;list-style:none;display:grid}.contexto-secret{isolation:isolate;justify-items:center;gap:var(--space-8);padding:var(--space-20) var(--space-24) var(--space-24);border-radius:var(--radius-xl);background:var(--palette-rank-hot);color:var(--palette-ink);text-align:center;display:grid;position:relative;overflow:hidden}.contexto-secret:before{content:"";z-index:-1;background:radial-gradient(120% 80% at 50% 0%, color-mix(in oklab, var(--palette-white) 40%, var(--palette-clear)), var(--palette-clear) 60%), linear-gradient(to bottom, var(--palette-clear) 55%, color-mix(in oklab, var(--palette-grass-deep) 70%, var(--palette-clear)));box-shadow:inset 0 calc(var(--depth-1) * -1) 0 var(--palette-grass-deep);pointer-events:none;position:absolute;inset:0}.contexto-secret>span{font-size:var(--type-caption);letter-spacing:var(--tracking-label);text-transform:uppercase;font-weight:700}.contexto-secret>strong{overflow-wrap:anywhere;max-width:100%;font-family:var(--font-pixel);font-size:var(--type-mega);font-weight:600;line-height:var(--leading-none);text-transform:uppercase;animation:pixel-pop var(--dur-4) var(--ease-snap) both, elsh-settle var(--dur-5) var(--ease-out) both}.contexto-rivals{gap:var(--space-16);min-width:0;min-height:0;padding:var(--space-20);border-radius:var(--radius-xl);background:var(--surface);flex-direction:column;display:flex}.contexto-rivals-head{gap:var(--space-4);display:grid}.contexto-rivals-head h2{font-size:var(--type-title);letter-spacing:var(--tracking-tight);font-weight:700;line-height:var(--leading-tight)}.contexto-rivals-head span{font-size:var(--type-small);color:var(--text-muted)}.contexto-rival-grid{align-content:start;gap:var(--space-12);overscroll-behavior:contain;scrollbar-width:none;min-height:0;display:grid;overflow:auto}.contexto-rival-grid:focus{outline:none}.contexto-rival-grid:focus-visible{outline:var(--stroke-3) solid var(--focus);outline-offset:var(--space-2);border-radius:var(--radius-lg)}.contexto-rival{gap:var(--space-10);min-width:0;padding:var(--space-16);border-radius:var(--radius-lg);background:var(--raised);display:grid}.contexto-rival-head{justify-content:space-between;align-items:center;gap:var(--space-12);min-width:0;display:flex}.contexto-rival-head .player-name-label{min-width:0}.contexto-rival-head .player-name-label>strong{font-size:var(--type-lead);letter-spacing:var(--tracking-tight);font-weight:700;display:block}.contexto-rival-head .player-name-label>small{text-overflow:ellipsis;white-space:nowrap;font-size:var(--type-caption);color:var(--text-muted);display:block;overflow:hidden}.contexto-rival-head>span{font-family:var(--font-pixel);font-size:var(--type-lead);font-variant-numeric:tabular-nums;color:var(--text-muted);flex:none;font-weight:600}.contexto-rival ol{gap:var(--space-6);margin:var(--space-0);padding:var(--space-0);flex-wrap:wrap;list-style:none;display:flex}.contexto-rival .contexto-rank-row{--cx-row:var(--control-sm);min-width:56px;padding:var(--space-0) var(--space-10);border-radius:var(--radius-sm);grid-template-columns:auto;justify-content:center}.contexto-rival .contexto-rank-row:before{width:100%;box-shadow:none;-webkit-mask-image:none;mask-image:none}.contexto-rival .contexto-rank-row>span{display:none}.contexto-rival .contexto-rank-row>strong{font-size:var(--type-lead);grid-column:1}.contexto-rival>.contexto-empty{min-height:var(--control-sm);background:var(--surface-2);font-size:var(--type-small)}.contexto-waiting{gap:var(--space-6);padding:var(--space-24);border-radius:var(--radius-lg);background:var(--raised);text-align:center;display:grid}.contexto-waiting strong{font-size:var(--type-lead);font-weight:700}.contexto-waiting span{font-size:var(--type-body);color:var(--text-muted)}.contexto-replay-stage{grid-template-columns:none;max-width:none;display:flex}.contexto-replay{gap:var(--space-16);flex-direction:column;width:100%;min-width:0;min-height:0;display:flex;container-type:inline-size}.contexto-replay-head{justify-content:space-between;align-items:flex-end;gap:var(--space-12);display:flex}.contexto-replay-head div{gap:var(--space-4);display:grid}.contexto-replay-head div span{font-size:var(--type-caption);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-faint);font-weight:700}.contexto-replay-head strong{font-size:var(--type-title);letter-spacing:var(--tracking-tight);font-weight:700}.contexto-replay-head>span{font-family:var(--font-pixel);font-size:var(--type-body);color:var(--text-muted)}.contexto-replay .contexto-secret{padding-block:var(--space-12) var(--space-16);flex:none}.contexto-replay .contexto-secret>strong{font-size:var(--type-display)}.contexto-replay-grid{gap:var(--space-12);flex:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);min-height:0;display:grid}.contexto-replay-player:last-child:nth-child(odd){grid-column:span 2}@container (width>=560px){.contexto-replay-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.contexto-replay-player,.contexto-replay-player:last-child:nth-child(odd){grid-column:span 2}.contexto-replay-grid[data-player-count="1"] .contexto-replay-player{grid-column:span 6}.contexto-replay-grid:is([data-player-count="2"],[data-player-count="4"]) .contexto-replay-player,.contexto-replay-grid[data-player-count="5"] .contexto-replay-player:nth-child(n+4){grid-column:span 3}}.contexto-replay-player{--cx-row:44px;gap:var(--space-10);min-width:0;min-height:0;padding:var(--space-16);border-radius:var(--radius-xl);background:var(--surface);flex-direction:column;display:flex}.contexto-replay-player>header{align-items:center;gap:var(--space-12);min-width:0;display:flex}.contexto-replay-player>header .player-name-label{min-width:0}.contexto-replay-player>header .player-name-label>:is(strong,small){text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.contexto-replay-player>header .player-name-label>strong{font-size:var(--type-lead);font-weight:700}.contexto-replay-player>header .player-name-label>small{font-size:var(--type-caption);color:var(--text-muted)}.contexto-guess-count{padding:var(--space-6) var(--space-12);border-radius:var(--radius-pill);background:var(--surface-2);font-family:var(--font-pixel);font-size:var(--type-body);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;margin-left:auto;font-weight:600}.contexto-replay-player ol{align-content:start;gap:var(--space-6);min-height:0;margin:var(--space-0);padding:var(--space-0);list-style:none;display:grid}.contexto-ranked-guesses,.contexto-replay-list{overscroll-behavior:contain;scrollbar-width:none;flex:auto;overflow:auto}.contexto-latest-guess{flex:none}.contexto-latest-guess .contexto-rank-row{--cx-row:56px}.contexto-latest-guess .contexto-rank-row>span{font-size:var(--type-title)}.contexto-replay-player .contexto-rank-row{padding:var(--space-0) var(--space-12);border-radius:var(--radius-sm)}.contexto-replay-player .contexto-rank-row>span{font-size:var(--type-body)}.contexto-replay-player .contexto-rank-row>strong{font-size:var(--type-lead)}.contexto-replay-player>.contexto-empty{background:var(--surface-2);flex:1}.match-desk[data-stream=true] .contexto-replay-player{--cx-row:52px}.match-desk[data-stream=true] .contexto-replay-player .contexto-rank-row>span{font-size:var(--type-lead)}.match-desk[data-stream=true] .contexto-replay-player .contexto-rank-row>strong{font-size:var(--type-title)}.match-desk[data-stream=true] .contexto-latest-guess .contexto-rank-row{--cx-row:64px}.match-desk[data-stream=true] .contexto-latest-guess .contexto-rank-row>span{font-size:var(--type-section)}.match-desk[data-stream=true] .contexto-replay-player>header .player-name-label>strong{font-size:var(--type-title)}.match-desk[data-stream=true] .contexto-guess-count{font-size:var(--type-lead)}@media (width<=1100px) and (width>=761px){.contexto-stage:not(.contexto-replay-stage){gap:var(--space-16);grid-template-columns:minmax(0,1fr) minmax(260px,320px)}.contexto-meter strong b{font-size:var(--type-section)}}@media (height<=760px) and (width>=761px){.contexto-stage{--cx-row:46px}.contexto-own{gap:var(--space-12)}.contexto-meter{padding-block:var(--space-8)}.contexto-meter strong b{font-size:var(--type-section)}.contexto-form .ui-input,.contexto-form .ui-button{min-height:var(--control-lg)}}@media (width<=760px){.contexto-stage{gap:var(--space-16);flex-direction:column;display:flex;overflow:auto}.contexto-own,.contexto-rivals{flex:none;min-height:auto}.contexto-replay-stage{display:flex}.contexto-own-head{gap:var(--space-10)}.contexto-meter strong b{font-size:var(--type-section)}.contexto-meter{padding:var(--space-10) var(--space-12)}.contexto-meter strong span{font-size:var(--type-small)}.contexto-form .ui-input{min-height:var(--control-lg);padding:var(--space-0) var(--space-20);font-size:var(--type-lead)}.contexto-form .ui-button{min-height:var(--control-lg);padding:var(--space-0) var(--space-24);font-size:var(--type-lead)}.contexto-own-list{flex:none;overflow:visible}.contexto-stage{--cx-row:50px}:is(.contexto-rank-row>span,.contexto-last-guess>strong){font-size:var(--type-lead)}.contexto-rivals{padding:var(--space-16)}.contexto-rival-grid{overflow:visible}.contexto-replay-grid{grid-auto-rows:auto}.contexto-ranked-guesses,.contexto-replay-list{overflow:visible}.contexto-secret>strong{font-size:var(--type-display)}}@media (prefers-reduced-motion:reduce){.contexto-secret>strong{animation:none}.contexto-last-guess:before{transition:none}}.ai-spec{gap:var(--space-24);min-width:0;display:grid}.spec-head{padding-bottom:var(--space-8)}.spec-head-copy{gap:var(--space-12);display:grid}.spec-head .page-head-row>.ui-button{flex:none}.ai-spec .ui-tabs-content{padding-top:var(--space-20)}.spec-channel-switch{margin-bottom:var(--space-16)}.spec-game-picker{gap:var(--space-8);padding-bottom:var(--space-12);flex-wrap:wrap;display:flex}.spec-game-picker .ui-button{gap:var(--space-8);padding-left:var(--space-6);border-radius:var(--radius-pill)}.spec-game-picker .ui-button .game-mark{box-shadow:none}.spec-options{width:fit-content;max-width:100%}.spec-exchange{gap:var(--space-16);min-width:0;display:grid}.spec-payloads{gap:var(--space-16);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.spec-payload{gap:var(--space-12);min-width:0;padding:var(--space-16);border-radius:var(--radius-lg);background:var(--surface)}.spec-payload h3{align-items:center;gap:var(--space-12);font-size:var(--type-lead);letter-spacing:0;font-weight:700;display:flex}.spec-dir{width:var(--control-sm);height:var(--control-sm);border-radius:var(--radius-pill);background:var(--invert);color:var(--invert-text);font-family:var(--font-pixel);font-size:var(--type-body);flex:none;place-items:center;display:grid;position:relative}.spec-dir:after{content:"";top:calc(var(--space-2) * -1);right:calc(var(--space-2) * -1);border-radius:var(--radius-pill);background:var(--palette-sky);width:10px;height:10px;box-shadow:0 0 0 var(--space-2) var(--surface);position:absolute}.spec-dir[data-dir=receive]:after{background:var(--palette-grass)}.spec-caption{color:var(--text-muted);font-size:var(--type-small)}.spec-unavailable{justify-items:start;gap:var(--space-12);border-radius:var(--radius-lg);background:var(--surface)}.spec-unavailable p{color:var(--text-muted)}.spec-code{border-radius:var(--radius-md);background:var(--palette-g950);min-width:0;color:var(--palette-g100);overflow:hidden}:root[data-theme=dark] .spec-code{background:var(--palette-black)}.spec-code-head{justify-content:space-between;align-items:center;gap:var(--space-12);padding:var(--space-6) var(--space-6) var(--space-6) var(--space-16);background:var(--palette-white-08);font-family:var(--font-code);font-size:var(--type-caption);color:var(--palette-g400);display:flex}.spec-code-head .ui-button{min-height:var(--control-xs);padding:var(--space-0) var(--space-12);border-radius:var(--radius-pill);font-size:var(--type-caption)}.spec-code-head .ui-button[data-copied]{--btn-bg:var(--palette-white-14);--btn-fg:var(--palette-grass)}.spec-code pre{max-height:380px;margin:var(--space-0);padding:var(--space-16);font-family:var(--font-code);font-size:var(--type-caption);line-height:var(--leading-body);white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto}.spec-code pre:focus-visible{outline-offset:-3px}.spec-json-key{color:var(--palette-sky)}.spec-json-string{color:var(--palette-grass)}.spec-json-number{color:var(--palette-sun)}.spec-json-literal{color:var(--palette-pink)}.spec-detail{margin-top:var(--space-4);border-radius:var(--radius-md);background:var(--surface-2)}.spec-detail>summary{justify-content:space-between;align-items:center;gap:var(--space-12);min-height:var(--control);padding:var(--space-0) var(--space-16);cursor:pointer;font-size:var(--type-small);font-weight:650;display:flex}.spec-detail>summary:after{content:"+";font-family:var(--font-pixel);font-size:var(--type-lead);color:var(--text-muted);transition:transform var(--dur-3) var(--ease-snap)}.spec-detail[open]>summary:after{transform:rotate(45deg)}.spec-detail>.spec-code{margin:var(--space-0) var(--space-6) var(--space-6)}.spec-definition{gap:var(--space-12);padding:var(--space-0) var(--space-16) var(--space-16);display:grid}.spec-definition p{color:var(--text-muted);line-height:var(--leading-body)}.spec-definition code:not(pre code){padding:var(--space-2) var(--space-6);border-radius:var(--radius-xs);background:var(--surface-3);font-size:var(--type-caption)}.spec-request-options{gap:var(--space-12);display:grid}.spec-footer{gap:var(--space-12) var(--space-24);padding:var(--space-20) var(--space-24);border-radius:var(--radius-lg);background:var(--surface);flex-wrap:wrap;display:flex}.spec-board{isolation:isolate;gap:var(--space-16);min-width:0;margin:var(--space-0);padding:var(--space-24);border-radius:var(--radius-xl);background:var(--canvas);color:var(--text);display:grid;position:relative;overflow:hidden}:root[data-theme=dark] .spec-board{background:var(--surface)}.spec-board:before{content:"";z-index:-1;background:linear-gradient(to top, var(--game,var(--palette-sky)), var(--palette-clear));pointer-events:none;height:30%;position:absolute;bottom:0;left:0;right:0}.spec-board>figcaption{max-width:100%;padding:var(--space-4) var(--space-12);border-radius:var(--radius-md);text-align:center;background:var(--surface-2);font-family:var(--font-code);font-size:var(--type-caption);color:var(--text-muted);justify-self:center}.spec-board span{font-size:var(--type-small)}.spec-board .discs-stage,.spec-board .checkers-stage{height:auto;padding:var(--space-8);container-type:normal}.spec-board .discs-stage .discs-fit,.spec-board .checkers-fit{width:100%;max-width:320px;margin-inline:auto}.spec-board .discs-caption,.spec-board .checkers-caption{display:none}.spec-words{gap:var(--space-12);text-align:center;width:100%;max-width:640px;margin:auto;display:grid}.spec-words>span{padding:var(--space-6) var(--space-16);border-radius:var(--radius-pill);background:var(--invert);color:var(--invert-text);font-family:var(--font-code);justify-self:center;font-weight:600}.spec-words .words-board{gap:var(--space-6);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.spec-words .word-card{min-height:var(--control-lg);padding:var(--space-4);border-radius:var(--radius-sm);background:var(--palette-cn-card);color:var(--palette-ink);place-items:center;display:grid;position:relative}.spec-words .word-card>span{text-overflow:ellipsis;max-width:100%;font-family:var(--font-code);font-size:var(--type-caption);text-transform:uppercase;font-weight:700;overflow:hidden}.spec-words .word-card:not([data-revealed=true]):is([data-team=red],[data-team=blue],[data-team=assassin]):after{content:"";top:var(--space-4);right:var(--space-4);border-radius:var(--radius-pill);background:var(--team-dot);width:8px;height:8px;position:absolute}.spec-words .word-card[data-team=red]{--team-dot:var(--palette-cn-red)}.spec-words .word-card[data-team=blue]{--team-dot:var(--palette-cn-blue)}.spec-words .word-card[data-team=assassin]{--team-dot:var(--palette-cn-assassin)}.spec-words .word-card[data-revealed=true][data-team=red]{background:var(--palette-cn-red);color:var(--palette-white)}.spec-words .word-card[data-revealed=true][data-team=blue]{background:var(--palette-cn-blue);color:var(--palette-white)}.spec-words .word-card[data-revealed=true][data-team=neutral]{background:var(--palette-cn-bystander);color:var(--palette-ink)}.spec-words .word-card[data-revealed=true][data-team=assassin]{background:var(--palette-cn-assassin);color:var(--palette-white)}.spec-poker,.spec-pokemon,.spec-fleets{justify-content:center;gap:var(--space-24);flex-wrap:wrap;display:flex}.spec-poker>div,.spec-pokemon>div{align-items:center;gap:var(--space-12);flex-direction:column;display:flex}.spec-poker>div>span,.spec-pokemon>div>span,.spec-sea>span,.spec-contexto>span{font-family:var(--font-code);font-size:var(--type-caption);color:var(--text-muted)}.spec-card-row{gap:var(--space-8);display:flex}.spec-card-row .playing-card{width:64px;height:90px}.spec-pokemon>div{width:220px}.spec-pokemon .poke-sprite,.spec-pokemon .poke-unknown{object-fit:contain;width:96px;height:96px}.spec-pokemon .poke-status{width:100%;position:static}.spec-sea{gap:var(--space-12);text-align:center;width:280px;min-width:0;max-width:100%;display:grid}.spec-sea .sea-grid{gap:var(--space-2);width:100%;min-width:0;padding:var(--space-8);border-radius:var(--radius-md);background:var(--palette-sea);grid-template-columns:16px repeat(10,minmax(0,1fr));display:grid}.spec-sea .sea-cell{aspect-ratio:1;border-radius:var(--radius-xs);background:var(--palette-sea-deep);min-width:0;color:var(--palette-white);font-family:var(--font-code);font-size:var(--type-micro);place-items:center;display:grid}.spec-sea .sea-cell[data-ship=true]{background:var(--palette-steel-light)}.spec-sea .sea-cell[data-mine=true]{background:var(--palette-sun);color:var(--palette-ink);font-weight:700}.spec-sea .sea-cell[data-hit=true]{background:var(--palette-tomato);color:var(--palette-white);font-weight:700}.spec-sea .sea-cell[data-miss=true]{color:var(--palette-sea-foam)}.spec-sea .sea-coordinate{font-family:var(--font-code);font-size:var(--type-micro);color:var(--palette-sea-foam);place-items:center;display:grid}.spec-contexto{gap:var(--space-12);width:100%;max-width:440px;margin:auto;display:grid}.spec-contexto.contexto-stage{background:0 0;grid-template-rows:auto;grid-template-columns:minmax(0,1fr);height:auto;min-height:0;overflow:visible}.spec-contexto .contexto-own-list{max-height:none;padding:var(--space-0);list-style:none;overflow:visible}.spec-contexto .contexto-rank-row{grid-template-columns:1fr auto}@media (width<=760px){.spec-payloads{grid-template-columns:minmax(0,1fr)}.spec-payload{padding:var(--space-12)}.spec-board{padding:var(--space-16) var(--space-12);border-radius:var(--radius-lg)}.spec-words .words-board{gap:var(--space-4)}.spec-words .word-card{min-height:var(--control);padding:var(--space-2)}.spec-words .word-card>span{font-size:var(--type-micro)}.spec-poker,.spec-pokemon,.spec-fleets{gap:var(--space-12)}.spec-pokemon>div{width:min(180px,100%)}.spec-code pre{max-height:300px;padding:var(--space-12)}.spec-footer{padding:var(--space-16)}}
/*$vite$:1*/