/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-cyrillic-ext-wght-normal.D4X5GqEv.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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-cyrillic-wght-normal.CY6AOgYE.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-vietnamese-wght-normal.U01xdrZh.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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-latin-ext-wght-normal.CXYtwYOx.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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-latin-wght-normal.BzFMHfZw.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}@layer theme{:root,:host{--font-sans:-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-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-2xl:42rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-wide:.025em;--tracking-wider:.05em;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--drop-shadow-sm:0 1px 2px #00000026;--drop-shadow-lg:0 4px 4px #00000026;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@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]){-webkit-text-decoration:underline dotted;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;-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}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.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}.inset-0{inset:0}.-top-2\.5{top:calc(var(--spacing) * -2.5)}.top-0{top:0}.top-4{top:calc(var(--spacing) * 4)}.top-17{top:calc(var(--spacing) * 17)}.top-\[7\%\]{top:7%}.-right-2{right:calc(var(--spacing) * -2)}.right-0{right:0}.right-1\.5{right:calc(var(--spacing) * 1.5)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.right-\[9\%\]{right:9%}.bottom-0{bottom:0}.bottom-1\.5{bottom:calc(var(--spacing) * 1.5)}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-52{bottom:calc(var(--spacing) * 52)}.bottom-\[7\%\]{bottom:7%}.left-0{left:0}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing) * 3)}.left-4{left:calc(var(--spacing) * 4)}.left-\[9\%\]{left:9%}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[2\]{z-index:2}.z-\[60\]{z-index:60}.z-\[70\]{z-index:70}.z-\[85\]{z-index:85}.z-\[100\]{z-index:100}.z-\[110\]{z-index:110}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mb-1{margin-bottom:var(--spacing)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-13{height:calc(var(--spacing) * 13)}.h-18{height:calc(var(--spacing) * 18)}.h-64{height:calc(var(--spacing) * 64)}.h-full{height:100%}.h-px{height:1px}.max-h-\[88dvh\]{max-height:88dvh}.min-h-0{min-height:0}.min-h-6{min-height:calc(var(--spacing) * 6)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-\[70vh\]{min-height:70vh}.min-h-\[calc\(100dvh-6rem\)\]{min-height:calc(100dvh - 6rem)}.min-h-screen{min-height:100vh}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-18{width:calc(var(--spacing) * 18)}.w-19{width:calc(var(--spacing) * 19)}.w-24{width:calc(var(--spacing) * 24)}.w-25{width:calc(var(--spacing) * 25)}.w-32{width:calc(var(--spacing) * 32)}.w-36{width:calc(var(--spacing) * 36)}.w-44{width:calc(var(--spacing) * 44)}.w-64{width:calc(var(--spacing) * 64)}.w-\[min\(18rem\,calc\(100vw-1\.5rem\)\)\]{width:min(18rem,100vw - 1.5rem)}.w-\[min\(19rem\,calc\(100vw-1\.5rem\)\)\]{width:min(19rem,100vw - 1.5rem)}.w-auto{width:auto}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-24{max-width:calc(var(--spacing) * 24)}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.max-w-md{max-width:var(--container-md)}.min-w-0{min-width:0}.min-w-32{min-width:calc(var(--spacing) * 32)}.min-w-\[var\(--bits-select-anchor-width\)\]{min-width:var(--bits-select-anchor-width)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-1{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-1{--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.-rotate-3{rotate:-3deg}.rotate-5{rotate:5deg}.rotate-6{rotate:6deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-7{gap:calc(var(--spacing) * 7)}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-\[var\(--border\)\]>:not(:last-child)){border-color:var(--border)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[3px\]{border-radius:3px}.rounded-\[var\(--card-radius\)\]{border-radius:var(--card-radius)}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-2xl{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-\[var\(--accent\)\]{border-color:var(--accent)}.border-\[var\(--border\)\]{border-color:var(--border)}.border-\[var\(--border-strong\)\]{border-color:var(--border-strong)}.border-\[var\(--destructive\)\]\/40{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--destructive\)\]\/40{border-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.border-\[var\(--input\)\]{border-color:var(--input)}.border-\[var\(--primary\)\]{border-color:var(--primary)}.border-\[var\(--surface\)\]{border-color:var(--surface)}.border-transparent{border-color:#0000}.border-white\/30{border-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.border-white\/30{border-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.bg-\[var\(--accent\)\],.bg-\[var\(--accent\)\]\/10{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--accent\)\]\/10{background-color:color-mix(in oklab, var(--accent) 10%, transparent)}}.bg-\[var\(--background\)\]{background-color:var(--background)}.bg-\[var\(--background-deep\)\]{background-color:var(--background-deep)}.bg-\[var\(--border\)\]{background-color:var(--border)}.bg-\[var\(--card-blue\)\]{background-color:var(--card-blue)}.bg-\[var\(--card-green\)\]{background-color:var(--card-green)}.bg-\[var\(--card-red\)\]{background-color:var(--card-red)}.bg-\[var\(--card-yellow\)\]{background-color:var(--card-yellow)}.bg-\[var\(--danger\)\],.bg-\[var\(--danger\)\]\/12{background-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--danger\)\]\/12{background-color:color-mix(in oklab, var(--danger) 12%, transparent)}}.bg-\[var\(--destructive\)\]{background-color:var(--destructive)}.bg-\[var\(--destructive-muted\)\]{background-color:var(--destructive-muted)}.bg-\[var\(--primary\)\]{background-color:var(--primary)}.bg-\[var\(--secondary\)\]{background-color:var(--secondary)}.bg-\[var\(--success\)\]{background-color:var(--success)}.bg-\[var\(--success-muted\)\]{background-color:var(--success-muted)}.bg-\[var\(--surface\)\]{background-color:var(--surface)}.bg-\[var\(--surface-elevated\)\]{background-color:var(--surface-elevated)}.bg-\[var\(--surface-muted\)\]{background-color:var(--surface-muted)}.bg-\[var\(--surface-raised\)\]{background-color:var(--surface-raised)}.bg-\[var\(--surface-soft\)\]{background-color:var(--surface-soft)}.bg-\[var\(--text-muted\)\]{background-color:var(--text-muted)}.bg-black\/70{background-color:#000000b3}@supports (color:color-mix(in lab, red, red)){.bg-black\/70{background-color:color-mix(in oklab, var(--color-black) 70%, transparent)}}.bg-black\/75{background-color:#000000bf}@supports (color:color-mix(in lab, red, red)){.bg-black\/75{background-color:color-mix(in oklab, var(--color-black) 75%, transparent)}}.bg-transparent{background-color:#0000}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-7{padding:calc(var(--spacing) * 7)}.px-0{padding-inline:0}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pb-\[max\(\.75rem\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(.75rem, env(safe-area-inset-bottom))}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-3{padding-left:calc(var(--spacing) * 3)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[\.48rem\]{font-size:.48rem}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[clamp\(\.55rem\,1\.5vw\,\.8rem\)\]{font-size:clamp(.55rem,1.5vw,.8rem)}.text-\[clamp\(2rem\,6vw\,4rem\)\]{font-size:clamp(2rem,6vw,4rem)}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.tracking-\[\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.tracking-\[\.22em\]{--tw-tracking:.22em;letter-spacing:.22em}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--accent\)\]{color:var(--accent)}.text-\[var\(--accent-ink\)\]{color:var(--accent-ink)}.text-\[var\(--danger\)\]{color:var(--danger)}.text-\[var\(--destructive\)\]{color:var(--destructive)}.text-\[var\(--primary-foreground\)\]{color:var(--primary-foreground)}.text-\[var\(--secondary-foreground\)\]{color:var(--secondary-foreground)}.text-\[var\(--success\)\]{color:var(--success)}.text-\[var\(--text\)\]{color:var(--text)}.text-\[var\(--text-muted\)\]{color:var(--text-muted)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline-offset-4{text-underline-offset:4px}.opacity-80{opacity:.8}.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)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px 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)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px 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)}.shadow-sm{--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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.drop-shadow-lg{--tw-drop-shadow-size:drop-shadow(0 4px 4px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-lg));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,)}.drop-shadow-sm{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-sm));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,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition-\[transform\,background-color\,border-color\,color\,box-shadow\,filter\]{transition-property:transform,background-color,border-color,color,box-shadow,filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.group-data-\[state\=checked\]\:translate-x-5:is(:where(.group)[data-state=checked] *){--tw-translate-x:calc(var(--spacing) * 5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-data-\[state\=checked\]\:bg-\[var\(--primary-foreground\)\]:is(:where(.group)[data-state=checked] *){background-color:var(--primary-foreground)}.placeholder\:text-\[var\(--text-muted\)\]\/70::placeholder{color:var(--text-muted)}@supports (color:color-mix(in lab, red, red)){.placeholder\:text-\[var\(--text-muted\)\]\/70::placeholder{color:color-mix(in oklab, var(--text-muted) 70%, transparent)}}@media (hover:hover){.hover\:-translate-y-px:hover{--tw-translate-y:-1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:bg-\[var\(--destructive-hover\)\]:hover{background-color:var(--destructive-hover)}.hover\:bg-\[var\(--primary-hover\)\]:hover{background-color:var(--primary-hover)}.hover\:bg-\[var\(--secondary-hover\)\]:hover{background-color:var(--secondary-hover)}.hover\:bg-\[var\(--surface-muted\)\]:hover{background-color:var(--surface-muted)}.hover\:bg-\[var\(--surface-raised\)\]:hover{background-color:var(--surface-raised)}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px 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)}}.focus-visible\:border-\[var\(--focus\)\]:focus-visible{border-color:var(--focus)}.focus-visible\:bg-\[var\(--surface-muted\)\]:focus-visible{background-color:var(--surface-muted)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + 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)}.focus-visible\:ring-\[var\(--focus\)\]:focus-visible,.focus-visible\:ring-\[var\(--focus\)\]\/25:focus-visible{--tw-ring-color:var(--focus)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-\[var\(--focus\)\]\/25:focus-visible{--tw-ring-color:color-mix(in oklab, var(--focus) 25%, transparent)}}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-\[var\(--background\)\]:focus-visible{--tw-ring-offset-color:var(--background)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:translate-y-px:active{--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:scale-\[\.975\]:active{scale:.975}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:translate-y-0:disabled{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-45:disabled{opacity:.45}.disabled\:opacity-50:disabled{opacity:.5}.data-\[highlighted\]\:bg-\[var\(--surface-muted\)\][data-highlighted]{background-color:var(--surface-muted)}.data-\[selected\]\:text-\[var\(--text\)\][data-selected]{color:var(--text)}.data-\[state\=checked\]\:bg-\[var\(--primary\)\][data-state=checked]{background-color:var(--primary)}@media (prefers-reduced-motion:no-preference){.motion-safe\:animate-spin{animation:var(--animate-spin)}}@media (prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}}@media (width>=40rem){.sm\:top-1\/2{top:50%}.sm\:right-5{right:calc(var(--spacing) * 5)}.sm\:right-auto{right:auto}.sm\:bottom-5{bottom:calc(var(--spacing) * 5)}.sm\:bottom-auto{bottom:auto}.sm\:left-1\/2{left:50%}.sm\:left-6{left:calc(var(--spacing) * 6)}.sm\:block{display:block}.sm\:hidden{display:none}.sm\:h-15{height:calc(var(--spacing) * 15)}.sm\:w-12{width:calc(var(--spacing) * 12)}.sm\:w-23{width:calc(var(--spacing) * 23)}.sm\:w-27{width:calc(var(--spacing) * 27)}.sm\:w-31{width:calc(var(--spacing) * 31)}.sm\:w-38{width:calc(var(--spacing) * 38)}.sm\:w-\[30rem\]{width:30rem}.sm\:w-auto{width:auto}.sm\:-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.sm\:-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.sm\:gap-2{gap:calc(var(--spacing) * 2)}.sm\:gap-12{gap:calc(var(--spacing) * 12)}.sm\:rounded-xl{border-radius:var(--radius-xl)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:p-10{padding:calc(var(--spacing) * 10)}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}}:root{--background:#0c0c0f;--background-deep:#09090b;--surface:#151518;--surface-elevated:#1c1c20;--surface-raised:#202024;--surface-muted:#29292e;--surface-soft:#303036;--border:#2f3036;--border-strong:#45464f;--input:#3a3b43;--text:#f4f4f5;--text-muted:#a1a1aa;--primary:#e4e4e7;--primary-hover:#fafafa;--primary-foreground:#18181b;--secondary:#27272a;--secondary-hover:#343438;--secondary-foreground:#f4f4f5;--accent:#a5b4fc;--accent-strong:#c7d2fe;--accent-ink:#161827;--focus:#8b9cf7;--destructive:#dc5f67;--destructive-hover:#eb6d75;--destructive-muted:#dc5f671f;--danger:var(--destructive);--success:#70c49a;--success-muted:#70c49a1f;--card-red:#c74d51;--card-red-dark:#782e34;--card-red-light:#e38482;--card-blue:#3978ac;--card-blue-dark:#234a70;--card-blue-light:#70a7cf;--card-green:#438665;--card-green-dark:#28563f;--card-green-light:#78b28e;--card-yellow:#d3a744;--card-yellow-dark:#886c2c;--card-yellow-light:#efd17e;--card-wild:#28282d;--card-radius:1.1rem;--card-shadow:0 14px 28px #00000061, 0 1px 0 #ffffff1a inset;--motion-micro:.14s;--motion-ui:.19s;--motion-card:.36s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-emphasized:cubic-bezier(.2, .8, .2, 1)}.playing-card{--card-main:var(--card-wild);--card-dark:#202025;--card-light:#73737e;isolation:isolate;aspect-ratio:5/7;border-radius:var(--card-radius);color:#fff;background:var(--card-main);box-shadow:var(--card-shadow);transform-origin:50% 120%;transition:transform var(--motion-ui) var(--ease-emphasized), filter var(--motion-ui) var(--ease-standard), opacity var(--motion-ui) var(--ease-standard), box-shadow var(--motion-ui) var(--ease-standard);border:1px solid #ffffff61;position:relative;overflow:hidden}.playing-card[data-color=red]{--card-main:var(--card-red);--card-dark:var(--card-red-dark);--card-light:var(--card-red-light)}.playing-card[data-color=blue]{--card-main:var(--card-blue);--card-dark:var(--card-blue-dark);--card-light:var(--card-blue-light)}.playing-card[data-color=green]{--card-main:var(--card-green);--card-dark:var(--card-green-dark);--card-light:var(--card-green-light)}.playing-card[data-color=yellow]{--card-main:var(--card-yellow);--card-dark:var(--card-yellow-dark);--card-light:var(--card-yellow-light)}.playing-card:before{content:"";z-index:-1;background:var(--card-dark);width:150%;height:46%;position:absolute;top:27%;left:-25%;transform:rotate(-18deg)}@supports (color:color-mix(in lab, red, red)){.playing-card:before{background:color-mix(in srgb, var(--card-dark) 76%, transparent)}}.playing-card:before{border-block:1px solid #ffffff2e}.playing-card:after{content:"";z-index:-2;opacity:.42;background-image:radial-gradient(circle at 80% 18%, var(--card-light) 0 1px, transparent 1.5px);background-size:11px 11px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(145deg,#0000 0 38%,#000 72%);mask-image:linear-gradient(145deg,#0000 0 38%,#000 72%)}.card-sheen{z-index:4;border-radius:inherit;pointer-events:none;transition:transform .62s var(--ease-emphasized);background:linear-gradient(112deg,#0000 35%,#ffffff0a 44%,#ffffff57 49%,#ffffff0d 55%,#0000 64%);position:absolute;inset:-45% -80%;transform:translate(-48%)rotate(3deg)}.playing-card.is-playable:hover .card-sheen,.playing-card.is-playable:focus-visible .card-sheen,.playing-card.is-selected .card-sheen{transform:translate(48%)rotate(3deg)}.playing-card[data-kind=number] .card-glyph{font-variant-numeric:tabular-nums;letter-spacing:-.08em}.special-card-symbol{width:1em;height:1em;display:block;overflow:visible}.special-draw-number{color:currentColor;letter-spacing:-.09em;text-shadow:0 2px 3px #00000052;place-items:center;width:1em;height:1em;font-family:Nunito Variable,system-ui,sans-serif;font-size:.92em;font-weight:1000;line-height:1;display:inline-grid}.card-corner-symbol{place-items:center;min-width:1em;display:grid}.card-corner-symbol .special-card-symbol{width:1.25em;height:1.25em}.card-glyph .special-card-symbol{filter:drop-shadow(0 2px 2px #00000040);width:.92em;height:.92em}.history-card strong .special-card-symbol{width:1.05em;height:1.05em}.history-card-corner .special-card-symbol{width:1.15em;height:1.15em}.playing-card[data-kind=skip]:after{background-image:repeating-linear-gradient(45deg,#0000 0 8px,#ffffff3d 8px 10px)}.playing-card[data-kind=reverse]:after{background-image:repeating-radial-gradient(circle,#0000 0 8px,#fff3 9px 10px)}.playing-card[data-kind=draw-two]:after,.playing-card[data-kind=wild-draw-four]:after{background-image:linear-gradient(105deg,#0000 35%,#ffffff2e 35% 42%,#0000 42% 57%,#ffffff24 57% 64%,#0000 64%)}.playing-card[data-color=wild]{background:conic-gradient(from 35deg at 55% 48%, var(--card-red) 0 25%, var(--card-blue) 0 50%, var(--card-green) 0 75%, var(--card-yellow) 0)}.playing-card[data-color=wild]:before{background:#242429}.playing-card.is-back{--card-main:#242429;--card-dark:#111114;--card-light:#a5b4fc;background:#242429}.playing-card.is-back:before{background:repeating-linear-gradient(90deg,#19191d 0 7px,#2b2b31 7px 14px);border:1px solid #a5b4fc7a;width:72%;height:72%;top:14%;left:14%;transform:rotate(45deg)}.playing-card.is-back:after{opacity:.8;background:radial-gradient(circle, transparent 0 25%, var(--accent) 26% 29%, transparent 30% 42%, #a5b4fc7a 43% 45%, transparent 46%);border:1px solid #a5b4fc47;inset:12%;-webkit-mask-image:none;mask-image:none}.playing-card.is-playable{cursor:pointer;box-shadow:0 10px 28px var(--card-main), var(--card-shadow)}@supports (color:color-mix(in lab, red, red)){.playing-card.is-playable{box-shadow:0 10px 28px color-mix(in srgb, var(--card-main) 28%, transparent), var(--card-shadow)}}.playing-card.is-playable:hover{filter:contrast(1.04)brightness(1.03);box-shadow:0 0 0 1px var(--card-main), 0 20px 36px #0000005c;z-index:80!important;transform:translateY(-.85rem)rotate(0)scale(1.025)!important}@supports (color:color-mix(in lab, red, red)){.playing-card.is-playable:hover{box-shadow:0 0 0 1px color-mix(in srgb, var(--card-main) 70%, #fff), 0 20px 36px #0000005c}}.playing-card:focus-visible{box-shadow:inset 0 -4px 0 var(--focus), 0 20px 36px #0006;outline:none;z-index:82!important;transform:translateY(-.65rem)rotate(0)scale(1.018)!important}.playing-card.is-blocked{cursor:not-allowed;filter:saturate(.58)brightness(.72);opacity:.72}.playing-card.is-selected{box-shadow:inset 0 -4px 0 var(--accent-strong), 0 24px 40px #0000006b;z-index:90!important;transform:translateY(-1.35rem)rotate(0)!important}.playing-card.is-selected:before{filter:brightness(1.08)}.playing-card.just-played{animation:card-land var(--motion-card) var(--ease-emphasized)}@keyframes card-land{0%{opacity:.55;transform:translateY(-1.5rem)rotate(-5deg)scale(1.12)}65%{opacity:1;transform:translateY(0)rotate(2deg)scale(.98)}to{transform:rotate(0)}}.game-table-shell{width:100%;padding:.75rem clamp(.75rem,2vw,1.5rem) 1rem}.game-table{will-change:transform, filter;background:radial-gradient(at 50% 46%,#1856407a,#0000 70%),repeating-linear-gradient(28deg,#ffffff02 0 1px,#0000 1px 5px),#101f1b;border:1px solid #40352c;border-radius:1.8rem;min-height:calc(100dvh - 1.75rem);position:relative;overflow:hidden;box-shadow:inset 0 0 0 6px #211b17,inset 0 0 0 8px #9970482e,inset 0 0 90px #000b08a8,0 18px 50px #00000042}.game-table:before{content:"";z-index:0;pointer-events:none;background:repeating-radial-gradient(circle at 28% 36%,#0000 0 2px,#ffffff03 2px 3px) 0 0/7px 7px,linear-gradient(118deg,#0000 30%,#ffffff04 48%,#0000 66%);border-radius:1.3rem;position:absolute;inset:10px}.game-table:after{content:"";z-index:0;pointer-events:none;border:1px solid #e6ddbe11;border-radius:48%;position:absolute;inset:clamp(5.5rem,12vh,8.5rem) clamp(2rem,8vw,8rem) clamp(9rem,18vh,12rem);box-shadow:inset 0 0 28px #021a121c}.table-juice-layer{z-index:2;border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.table-ambient-motes{opacity:.24;transition:opacity .26s;position:absolute;inset:4.5rem 1.5rem 7rem}.table-ambient-motes i{top:var(--mote-y);left:var(--mote-x);width:var(--mote-size);height:var(--mote-size);background:var(--table-energy);border-radius:999px;position:absolute}@supports (color:color-mix(in lab, red, red)){.table-ambient-motes i{background:color-mix(in srgb, var(--table-energy) 72%, white)}}.table-ambient-motes i{box-shadow:0 0 .8rem var(--table-energy)}@supports (color:color-mix(in lab, red, red)){.table-ambient-motes i{box-shadow:0 0 .8rem color-mix(in srgb, var(--table-energy) 45%, transparent)}}.table-ambient-motes i{animation:table-mote-drift calc(6s + var(--mote) * .31s) ease-in-out infinite alternate;animation-delay:calc(var(--mote) * -490ms)}.table-ambient-motes i:nth-child(3n){opacity:.45;filter:blur(1px)}.table-edge-energy{opacity:.14;transition:opacity .26s;position:absolute;inset:.75rem}.game-table:not([data-juice=idle]) .table-ambient-motes{opacity:.055}.game-table:not([data-juice=idle]) .table-edge-energy,html[data-radio=playing] .game-table:not([data-juice=idle]) .table-radio-visualizer{opacity:.08}.juice-choreography{--juice-accent:var(--table-energy);position:absolute;inset:0;overflow:hidden}.juice-choreography.is-deal,.juice-choreography.is-turn{--juice-accent:#a5b4fc}.juice-choreography.is-wild-four{--juice-accent:#c084fc}.juice-choreography.is-draw-two,.juice-choreography.is-penalty{--juice-accent:#fb923c}.juice-choreography.is-reverse{--juice-accent:#38bdf8}.juice-choreography.is-uno{--juice-accent:#facc15}.juice-choreography.is-combo{--juice-accent:#c4b5fd}.juice-choreography.is-skip{--juice-accent:#fb7185}.juice-stage-wash,.juice-anticipation-ring,.juice-payoff-core{pointer-events:none;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)}.juice-stage-wash{background:radial-gradient(ellipse at center, var(--juice-accent), transparent 43%), linear-gradient(115deg, transparent 27%, var(--juice-accent) 50%, transparent 73%);width:130%;height:115%}@supports (color:color-mix(in lab, red, red)){.juice-stage-wash{background:radial-gradient(ellipse at center, color-mix(in srgb, var(--juice-accent) 13%, transparent), transparent 43%), linear-gradient(115deg, transparent 27%, color-mix(in srgb, var(--juice-accent) 5%, transparent) 50%, transparent 73%)}}.juice-stage-wash{animation:1.8s ease-out both juice-stage-wash}.juice-anticipation-ring{aspect-ratio:1;border:1px solid var(--juice-accent);width:clamp(7rem,18vw,13rem)}@supports (color:color-mix(in lab, red, red)){.juice-anticipation-ring{border:1px solid color-mix(in srgb, var(--juice-accent) 72%, white 8%)}}.juice-anticipation-ring{box-shadow:0 0 1.6rem var(--juice-accent), inset 0 0 1.2rem var(--juice-accent);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.juice-anticipation-ring{box-shadow:0 0 1.6rem color-mix(in srgb, var(--juice-accent) 20%, transparent), inset 0 0 1.2rem color-mix(in srgb, var(--juice-accent) 12%, transparent)}}.juice-anticipation-ring{animation:.76s cubic-bezier(.2,.75,.2,1) both juice-anticipation}.juice-payoff-core{aspect-ratio:1;background:radial-gradient(circle, var(--juice-accent), var(--juice-accent) 38%, transparent 68%);border-radius:50%;width:clamp(4rem,11vw,8rem)}@supports (color:color-mix(in lab, red, red)){.juice-payoff-core{background:radial-gradient(circle, color-mix(in srgb, var(--juice-accent) 62%, white), color-mix(in srgb, var(--juice-accent) 12%, transparent) 38%, transparent 68%)}}.juice-payoff-core{filter:blur(5px);animation:1.25s ease-out .28s both juice-payoff-core}.juice-payoff-particles{position:absolute;inset:0}.juice-payoff-particles i{--payoff-angle:calc(var(--payoff) * 12.857deg);background:var(--juice-accent);border-radius:999px;width:.22rem;height:.55rem;position:absolute;top:43%;left:50%}@supports (color:color-mix(in lab, red, red)){.juice-payoff-particles i{background:color-mix(in srgb, var(--juice-accent) 76%, white)}}.juice-payoff-particles i{box-shadow:0 0 .75rem var(--juice-accent)}@supports (color:color-mix(in lab, red, red)){.juice-payoff-particles i{box-shadow:0 0 .75rem color-mix(in srgb, var(--juice-accent) 66%, transparent)}}.juice-payoff-particles i{opacity:0;animation:juice-payoff-particle 1.05s var(--ease-emphasized) both;animation-delay:calc(.33s + var(--payoff) * 7ms)}.juice-choreography[data-strength="1"] .juice-payoff-particles i:nth-child(n+9),.juice-choreography[data-strength="2"] .juice-payoff-particles i:nth-child(n+19){display:none}.juice-choreography[data-strength="1"] .juice-stage-wash{opacity:.45}.juice-choreography[data-strength="1"] .juice-payoff-core{width:clamp(2.5rem,7vw,4.5rem)}.juice-choreography.is-deal .juice-payoff-particles,.juice-choreography.is-turn .juice-payoff-particles,.juice-choreography.is-play .juice-payoff-core{display:none}.juice-choreography.is-deal .juice-anticipation-ring{width:clamp(10rem,30vw,24rem);animation-duration:1.6s}.juice-choreography.is-wild-four .juice-stage-wash{background:radial-gradient(#c084fc33,#0000 46%),conic-gradient(at 50% 43%,#ef44440a,#3b82f60d,#22c55e0a,#facc150d,#ef44440a)}.juice-choreography.is-uno .juice-anticipation-ring{border-width:2px;box-shadow:0 0 2.2rem #facc1542,inset 0 0 1.8rem #facc1524}.table-edge-energy i{background:linear-gradient(90deg, transparent, var(--table-energy), transparent);width:clamp(5rem,12vw,9rem);height:1px;box-shadow:0 0 1.15rem var(--table-energy);border-radius:999px;position:absolute}@supports (color:color-mix(in lab, red, red)){.table-edge-energy i{box-shadow:0 0 1.15rem color-mix(in srgb, var(--table-energy) 55%, transparent)}}.table-edge-energy i{animation:7.5s linear infinite table-edge-travel}.table-edge-energy i:first-child{top:0;left:8%}.table-edge-energy i:nth-child(2){animation-delay:-3.75s;top:0;right:8%}.table-edge-energy i:nth-child(3){animation-delay:-1.85s;bottom:18%;right:-4rem;transform:rotate(90deg)}.table-edge-energy i:nth-child(4){animation-delay:-5.6s;bottom:10%;left:-4rem;transform:rotate(90deg)}.turn-energy{aspect-ratio:2.35;width:min(48rem,82vw);position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)}.turn-energy-wave,.turn-energy-core{border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.turn-energy-wave{aspect-ratio:1;border:1px solid var(--table-energy);width:22%}@supports (color:color-mix(in lab, red, red)){.turn-energy-wave{border:1px solid color-mix(in srgb, var(--table-energy) 54%, transparent)}}.turn-energy-wave{box-shadow:0 0 1.8rem var(--table-energy), inset 0 0 1.4rem var(--table-energy)}@supports (color:color-mix(in lab, red, red)){.turn-energy-wave{box-shadow:0 0 1.8rem color-mix(in srgb, var(--table-energy) 20%, transparent), inset 0 0 1.4rem color-mix(in srgb, var(--table-energy) 14%, transparent)}}.turn-energy-wave{animation:turn-energy-wave 1.15s var(--ease-emphasized) both}.turn-energy-core{aspect-ratio:1.7;background:radial-gradient(ellipse, var(--table-energy), transparent 70%);width:30%}@supports (color:color-mix(in lab, red, red)){.turn-energy-core{background:radial-gradient(ellipse, color-mix(in srgb, var(--table-energy) 18%, transparent), transparent 70%)}}.turn-energy-core{filter:blur(14px);animation:1.45s ease-out both turn-energy-core}.turn-energy.is-local .turn-energy-wave{border-width:2px;border-color:var(--table-energy)}@supports (color:color-mix(in lab, red, red)){.turn-energy.is-local .turn-energy-wave{border-color:color-mix(in srgb, var(--table-energy) 70%, white 10%)}}.turn-energy-rays{position:absolute;inset:0}.turn-energy-rays i{--ray-angle:calc(var(--ray) * 30deg);background:linear-gradient(90deg, var(--table-energy), transparent);width:clamp(1.2rem,4vw,3.5rem);height:1px;position:absolute;top:50%;left:50%}@supports (color:color-mix(in lab, red, red)){.turn-energy-rays i{background:linear-gradient(90deg, color-mix(in srgb, var(--table-energy) 62%, white), transparent)}}.turn-energy-rays i{transform-origin:0;animation:turn-energy-ray .82s var(--ease-emphasized) both;animation-delay:calc(var(--ray) * 18ms)}.table-radio-visualizer{z-index:1;opacity:0;pointer-events:none;justify-content:center;align-items:end;gap:clamp(.22rem,1vw,.75rem);height:31%;transition:opacity .7s;display:flex;position:absolute;bottom:0;left:10%;right:10%;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000000b8 52%,#000);mask-image:linear-gradient(#0000 0%,#000000b8 52%,#000)}.table-radio-visualizer:before{content:"";filter:blur(24px);background:radial-gradient(#6366f145,#0000 66%);border-radius:50%;height:130%;position:absolute;bottom:-62%;left:2%;right:2%}.table-radio-visualizer i{width:clamp(.22rem,.7vw,.55rem);height:var(--visualizer-height);transform-origin:bottom;background:linear-gradient(#a5b4fcb8,#6366f11f);border-radius:999px 999px 0 0;min-height:8%;position:relative;transform:scaleY(.18);box-shadow:0 0 1.1rem #818cf85c}html[data-radio=playing] .table-radio-visualizer{opacity:.58}html[data-radio=playing] .table-radio-visualizer:before{animation:.984s ease-in-out infinite table-radio-glow}html[data-radio=playing] .table-radio-visualizer i{animation:.984s ease-in-out infinite alternate table-radio-bar;animation-delay:calc(var(--visualizer-index) * -73ms)}@keyframes table-radio-bar{0%,to{opacity:.34;transform:scaleY(.2)}38%{opacity:.9;transform:scaleY(1)}64%{opacity:.55;transform:scaleY(.46)}}@keyframes table-radio-glow{0%,to{opacity:.42;transform:scale(.94)}22%{opacity:.9;transform:scale(1.07)}}.table-center{z-index:35;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)}.table-turn-actions{z-index:2;pointer-events:auto;position:relative}.opponent-rail{z-index:20;align-items:center;gap:.65rem;min-width:0;display:flex;position:absolute;top:4.45rem;left:1.25rem;right:1.25rem}.opponent-rail-fade{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 .8rem calc(100% - .8rem),#0000);mask-image:linear-gradient(90deg,#0000,#000 .8rem calc(100% - .8rem),#0000)}.opponent-rail-track{overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x;align-items:center;gap:.55rem;padding:.2rem .8rem .35rem;display:flex;overflow-x:auto}.opponent-rail-track::-webkit-scrollbar{display:none}.opponent-slot,.opponent-rail .opponent-seat{flex:none}.opponent-rail.is-dense .opponent-seat{gap:.5rem;min-width:7.25rem;padding-inline:.45rem}.opponent-rail.is-dense .opponent-seat>div span:first-child{max-width:4.5rem}.table-motion-layer{z-index:65;pointer-events:none;position:absolute;inset:0;overflow:hidden}.motion-deal-card,.motion-draw-card,.motion-play-card{--motion-x:var(--seat-x);--motion-y:var(--seat-y);z-index:1;animation-delay:calc(var(--motion-delay) + var(--sample-delay,0s));will-change:top, left, transform, opacity;animation-fill-mode:both;position:absolute;top:43%;left:45%}.motion-deal-card.is-motion-lead,.motion-draw-card.is-motion-lead,.motion-play-card.is-motion-lead{z-index:2}.motion-deal-card,.motion-draw-card{aspect-ratio:5/7;width:2.35rem;color:var(--accent);animation-name:deal-card-flight;animation-duration:.62s;animation-timing-function:var(--ease-emphasized);background:#242429;border:1px solid #a5b4fc94;border-radius:.52rem;place-items:center;display:grid;overflow:hidden;box-shadow:0 9px 20px #0000006b,inset 0 0 0 3px #19191d,inset 0 0 0 4px #a5b4fc40}.motion-deal-card:before,.motion-draw-card:before{content:"";aspect-ratio:1;border:1px solid #a5b4fc61;width:62%;position:absolute;transform:rotate(45deg)}.motion-deal-card>span,.motion-draw-card>span{text-shadow:0 0 8px var(--accent);font-size:.8rem;position:relative}.motion-draw-card{--motion-source-y:43%;width:2.55rem;animation-name:draw-card-flight;animation-duration:var(--draw-duration,.68s);border-color:#c4b5fdb8;animation-timing-function:cubic-bezier(.22,.72,.2,1);box-shadow:0 12px 25px #00000080,0 0 18px #a5b4fc2e,inset 0 0 0 3px #19191d,inset 0 0 0 4px #c4b5fd52}.motion-play-card{--discard-x:55%;--discard-y:43%;top:var(--motion-y);left:var(--motion-x);filter:drop-shadow(0 12px 16px #0000006b);animation-name:played-card-flight;animation-duration:var(--flight-duration,.72s);animation-timing-function:cubic-bezier(.22,.72,.2,1)}.motion-play-card .playing-card{pointer-events:none}.motion-deal-card:not(.is-motion-lead),.motion-draw-card:not(.is-motion-lead){filter:blur(.35px)}.motion-play-card:not(.is-motion-lead) .playing-card{filter:blur(.45px)}.discard-await-flight{animation:.42s cubic-bezier(.2,.82,.24,1.18) both discard-card-land;animation-delay:calc(var(--discard-flight-delay) - .176s)}.discard-await-flight.is-impact-soft{animation-name:discard-card-land-soft;animation-duration:.48s;animation-delay:calc(var(--discard-flight-delay) - .182s)}.discard-await-flight.is-impact-heavy{animation-name:discard-card-land-heavy;animation-duration:.72s;animation-delay:calc(var(--discard-flight-delay) - .223s)}.discard-previous-card{z-index:1;pointer-events:none;justify-content:center;display:flex;position:absolute;top:0;left:0;right:0}.discard-landing-impact{--impact-step:36deg;z-index:5;pointer-events:none;width:1px;height:1px;position:absolute;top:4.35rem;left:50%}.discard-landing-impact.is-impact-soft{--impact-step:30deg}.discard-landing-impact.is-impact-heavy{--impact-step:18deg}.discard-landing-impact:is(.is-impact-soft,.is-impact-heavy):before{content:"";aspect-ratio:1;background:radial-gradient(circle, var(--impact-color), transparent 67%);border-radius:50%;width:10rem;position:absolute;top:50%;left:50%}@supports (color:color-mix(in lab, red, red)){.discard-landing-impact:is(.is-impact-soft,.is-impact-heavy):before{background:radial-gradient(circle, color-mix(in srgb, var(--impact-color) 34%, transparent), transparent 67%)}}.discard-landing-impact:is(.is-impact-soft,.is-impact-heavy):before{opacity:0;animation:discard-action-aura .76s var(--ease-emphasized) both;animation-delay:calc(var(--discard-flight-delay) - .1s)}.discard-landing-impact.is-impact-heavy:before{background:radial-gradient(circle, var(--impact-color) 0, var(--impact-color) 26%, transparent 72%);width:21rem}@supports (color:color-mix(in lab, red, red)){.discard-landing-impact.is-impact-heavy:before{background:radial-gradient(circle, color-mix(in srgb, var(--impact-color) 68%, white) 0, color-mix(in srgb, var(--impact-color) 48%, transparent) 26%, transparent 72%)}}.discard-landing-impact.is-impact-heavy:before{animation-duration:1.45s}@media (width>=640px){.discard-landing-impact{top:5.4rem}}.discard-impact-ring{aspect-ratio:1;border:2px solid var(--impact-color,#c4b5fd);width:7.5rem;position:absolute;top:50%;left:50%}@supports (color:color-mix(in lab, red, red)){.discard-impact-ring{border:2px solid color-mix(in srgb, var(--impact-color,#c4b5fd) 76%, transparent)}}.discard-impact-ring{box-shadow:0 0 18px var(--impact-color,#a5b4fc), inset 0 0 14px var(--impact-color,#a5b4fc);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.discard-impact-ring{box-shadow:0 0 18px color-mix(in srgb, var(--impact-color,#a5b4fc) 42%, transparent), inset 0 0 14px color-mix(in srgb, var(--impact-color,#a5b4fc) 20%, transparent)}}.discard-impact-ring{opacity:0;animation:discard-impact-ring .52s var(--ease-emphasized) both;animation-delay:calc(var(--discard-flight-delay) - 80ms)}.discard-landing-impact.is-impact-soft .discard-impact-ring{width:8.6rem;animation-duration:.62s}.discard-landing-impact.is-impact-heavy .discard-impact-ring{width:15.5rem;box-shadow:0 0 32px var(--impact-color), inset 0 0 26px var(--impact-color);border-width:3px}@supports (color:color-mix(in lab, red, red)){.discard-landing-impact.is-impact-heavy .discard-impact-ring{box-shadow:0 0 32px color-mix(in srgb, var(--impact-color) 62%, transparent), inset 0 0 26px color-mix(in srgb, var(--impact-color) 34%, transparent)}}.discard-landing-impact.is-impact-heavy .discard-impact-ring{animation-duration:1.05s}.discard-impact-ring-secondary{aspect-ratio:1;border:1px solid var(--impact-color);width:6rem;position:absolute;top:50%;left:50%}@supports (color:color-mix(in lab, red, red)){.discard-impact-ring-secondary{border:1px solid color-mix(in srgb, var(--impact-color) 58%, transparent)}}.discard-impact-ring-secondary{opacity:0;animation:discard-impact-ring .69s var(--ease-emphasized) both;animation-delay:calc(var(--discard-flight-delay) + 20ms);border-radius:50%}.is-impact-heavy .discard-impact-ring-secondary{border-width:2px;width:12.5rem;animation-duration:1.25s}.discard-impact-spark{--impact-angle:calc(var(--impact-particle) * var(--impact-step));background:var(--impact-color,#ddd6fe);border-radius:999px;width:.28rem;height:.28rem;position:absolute;top:50%;left:50%}@supports (color:color-mix(in lab, red, red)){.discard-impact-spark{background:color-mix(in srgb, var(--impact-color,#ddd6fe) 72%, white)}}.discard-impact-spark{box-shadow:0 0 10px var(--impact-color,#a5b4fc);opacity:0;animation:discard-impact-spark .48s var(--ease-emphasized) both;animation-delay:calc(var(--discard-flight-delay) - 60ms)}.is-impact-heavy .discard-impact-spark{width:.44rem;height:.44rem;animation-name:discard-heavy-spark;animation-duration:.98s}.discard-heavy-flash,.discard-heavy-shockwave{aspect-ratio:1;opacity:0;pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%}.discard-heavy-flash{width:8rem;box-shadow:0 0 40px 12px var(--impact-color), 0 0 90px 28px var(--impact-color);background:#fff}@supports (color:color-mix(in lab, red, red)){.discard-heavy-flash{box-shadow:0 0 40px 12px var(--impact-color), 0 0 90px 28px color-mix(in srgb, var(--impact-color) 58%, transparent)}}.discard-heavy-flash{animation:.62s ease-out both discard-heavy-flash;animation-delay:calc(var(--discard-flight-delay) - 45ms)}.discard-heavy-shockwave{border:4px solid var(--impact-color);width:10rem}@supports (color:color-mix(in lab, red, red)){.discard-heavy-shockwave{border:4px solid color-mix(in srgb, var(--impact-color) 76%, white)}}.discard-heavy-shockwave{box-shadow:0 0 30px var(--impact-color);animation:discard-heavy-shockwave 1.2s var(--ease-emphasized) both;animation-delay:calc(var(--discard-flight-delay) + 30ms)}.color-glow-layer{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.color-burst-core{aspect-ratio:1;background:radial-gradient(circle, var(--burst-color) 0, var(--burst-color) 30%, var(--burst-color) 57%, transparent 78%);border-radius:50%;width:40rem;position:absolute;top:43%;left:55%}@supports (color:color-mix(in lab, red, red)){.color-burst-core{background:radial-gradient(circle, color-mix(in srgb, var(--burst-color) 30%, white) 0, color-mix(in srgb, var(--burst-color) 18%, transparent) 30%, color-mix(in srgb, var(--burst-color) 7%, transparent) 57%, transparent 78%)}}.color-burst-core{filter:blur(18px);opacity:0;mix-blend-mode:screen;animation:2.2s cubic-bezier(.22,.7,.2,1) both color-ambient-glow;animation-delay:var(--color-burst-delay)}.color-bottom-glow{background:radial-gradient(ellipse at center, var(--burst-color) 0, var(--burst-color) 45%, transparent 76%);border-radius:50%;width:min(88rem,165vw);height:34rem;position:absolute;bottom:-13rem;left:50%}@supports (color:color-mix(in lab, red, red)){.color-bottom-glow{background:radial-gradient(ellipse at center, color-mix(in srgb, var(--burst-color) 30%, transparent) 0, color-mix(in srgb, var(--burst-color) 13%, transparent) 45%, transparent 76%)}}.color-bottom-glow{filter:blur(30px);opacity:0;mix-blend-mode:screen;animation:2.45s cubic-bezier(.22,.7,.2,1) both color-bottom-rise;animation-delay:calc(var(--color-burst-delay) + 80ms)}.reverse-table-motion{animation:reverse-table-reveal 2.8s var(--ease-emphasized) both;place-items:center;display:grid;position:absolute;inset:5.5rem 8% 10rem}.reverse-flow-lanes{width:min(39rem,76vw);height:11rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reverse-flow-lane{background:linear-gradient(90deg,#0000,#0ea5e914,#0000);border:1px solid #38bdf81f;border-radius:999px;height:3.25rem;position:absolute;left:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 16% 84%,#0000);mask-image:linear-gradient(90deg,#0000,#000 16% 84%,#0000)}.reverse-flow-lane-top{top:0;transform:rotate(-4deg)}.reverse-flow-lane-bottom{bottom:0;transform:rotate(4deg)}.reverse-flow-lane span{top:50%;left:calc(8% + var(--direction-marker) * 22%);color:#7dd3fc;filter:drop-shadow(0 0 8px #38bdf8b8);opacity:0;place-items:center;display:grid;position:absolute}.reverse-flow-lane-top span{animation:1.35s linear 2 both reverse-marker-forward;animation-delay:calc(var(--direction-marker) * 90ms)}.reverse-flow-lane-bottom span{animation:1.35s linear 2 both reverse-marker-backward;animation-delay:calc(var(--direction-marker) * 90ms)}.reverse-table-motion.is-counterclockwise .reverse-flow-lanes{transform:translate(-50%,-50%)scaleX(-1)}.reverse-direction-card{color:#7dd3fc;min-width:10rem;animation:reverse-direction-card 2.65s var(--ease-emphasized) both;background:#081f30eb;border:1px solid #38bdf88c;border-radius:1.35rem;place-items:center;gap:.45rem;padding:.85rem 1.15rem .75rem;display:grid;box-shadow:0 0 0 5px #38bdf80e,0 16px 38px #00000061,0 0 34px #38bdf840}.reverse-direction-card strong{letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;font-size:.68rem;font-weight:950}.reverse-direction-icon{--reverse-icon-step:58deg;place-items:center;animation:2.25s cubic-bezier(.2,.75,.2,1) both reverse-icon-turn;display:grid}.reverse-table-motion.is-counterclockwise .reverse-direction-icon{--reverse-icon-turn:-360deg;--reverse-icon-step:-58deg}@media (width>=900px){.opponent-rail{pointer-events:none;display:block;inset:0}.opponent-rail-fade{position:absolute;inset:0;overflow:visible;-webkit-mask-image:none;mask-image:none}.opponent-rail-track{padding:0;display:block;position:absolute;inset:0;overflow:visible}.opponent-slot{top:var(--seat-y);left:var(--seat-x);pointer-events:auto;transform:translate(-50%, -50%) rotate(var(--seat-rotation));transition:top var(--motion-ui) var(--ease-emphasized), left var(--motion-ui) var(--ease-emphasized), transform var(--motion-ui) var(--ease-emphasized);position:absolute}.opponent-slot .opponent-seat.is-current{transform:translateY(-.2rem)scale(1.035)}}.hand-fan{--card-overlap:-2.35rem;justify-content:center;align-items:end;min-width:max-content;padding:1.5rem 3.5rem 0;display:flex}.hand-fan>*+*{margin-left:var(--card-overlap)}.hand-card-slot{will-change:transform}.hand-card-angle{transform-origin:50% 100%;will-change:transform;transition:transform .42s cubic-bezier(.22,.72,.2,1)}.opponent-seat{isolation:isolate;transition:border-color var(--motion-ui) var(--ease-standard), background var(--motion-ui) var(--ease-standard), box-shadow var(--motion-ui) var(--ease-standard), transform .36s var(--ease-emphasized);will-change:transform}.opponent-seat:before{content:"";z-index:-1;opacity:0;pointer-events:none;border:1px solid #a5b4fc7a;border-radius:1rem;position:absolute;inset:-.35rem}.opponent-seat.is-current{background:#a5b4fc12;border-color:#a5b4fc9e;box-shadow:0 8px 24px #0003,0 0 22px #818cf81a}.opponent-seat.is-current:before{animation:1.8s ease-out infinite active-seat-ripple}.opponent-seat.is-close,.opponent-seat.is-uno{background:linear-gradient(135deg,#f59e0b13,#f59e0b05);border-color:#f59e0b6b}.opponent-seat.is-uno{background:linear-gradient(135deg,#f43f5e1c,#facc1509);border-color:#fb718594;box-shadow:0 8px 24px #0003,0 0 32px #f43f5e21}.seat-pressure{z-index:-1;pointer-events:none;border:1px solid #f59e0b75;border-radius:1.05rem;animation:2.8s ease-in-out infinite stakes-border-breathe;position:absolute;inset:-.32rem;box-shadow:0 0 18px #f59e0b17}.opponent-seat.is-uno .seat-pressure{border:2px solid #fb7185ad;animation:1.7s ease-in-out infinite uno-border-breathe;inset:-.42rem;box-shadow:0 0 20px #f43f5e38,inset 0 0 16px #facc1512}.seat-stakes-badge{z-index:5;color:#fef3c7;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,#92400e,#78350f);border:1px solid #fbbf24b3;border-radius:999px;min-width:max-content;padding:.14rem .48rem;font-size:.5rem;font-weight:950;line-height:1;position:absolute;top:-.58rem;left:50%;transform:translate(-50%)rotate(-2deg);box-shadow:0 5px 14px #0000005c,0 0 14px #f59e0b2e,inset 0 1px #ffffff1f}.seat-stakes-badge.is-uno{color:#fff;letter-spacing:.12em;background:linear-gradient(135deg,#e11d48,#be123c 58%,#9f1239);border-color:#fecdd3d1;padding:.18rem .58rem;font-size:.58rem;animation:1.7s ease-in-out infinite uno-badge-beat;box-shadow:0 6px 16px #0006,0 0 22px #f43f5e52,inset 0 1px #fff3}.seat-card-stack.is-close>span{background:#3c2b1a!important;border-color:#f59e0b9e!important}.seat-card-stack.is-uno>span{background:#3b1d25!important;border-color:#fb7185b8!important}.player-hand-section{isolation:isolate}.hand-stage-light{z-index:-1;opacity:0;pointer-events:none;height:12rem;position:absolute;bottom:-4.5rem;left:10%;right:10%;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 6%,#000 75%);mask-image:linear-gradient(#0000 6%,#000 75%)}.hand-stage-light:before{content:"";filter:blur(18px);background:radial-gradient(#a5b4fc33,#0000 67%);border-radius:50%;height:150%;position:absolute;bottom:-70%;left:8%;right:8%}.hand-stage-light i{transform-origin:bottom;background:linear-gradient(#0000,#a5b4fc66);width:1px;height:11rem;position:absolute;bottom:-2rem;left:50%}.hand-stage-light i:first-child{transform:rotate(-34deg)}.hand-stage-light i:nth-child(2){transform:rotate(0)}.hand-stage-light i:nth-child(3){transform:rotate(34deg)}.player-hand-section.is-current .hand-stage-light{animation:hand-stage-arrive .85s var(--ease-emphasized) both, hand-stage-breathe 3.4s .85s ease-in-out infinite}.player-hand-section.is-current .playing-card.is-playable .card-sheen{animation:card-ready-sweep .72s var(--ease-emphasized) both;animation-delay:calc(var(--fan-index,0) * 42ms + .18s)}.player-hand-section.is-close .hand-stage-light:before{background:radial-gradient(#facc152b,#0000 67%)}.bot-seat-badge{color:#c7d2fe;letter-spacing:.09em;text-transform:uppercase;background:linear-gradient(135deg,#6366f129,#818cf80f);border-color:#818cf86b;min-height:1.05rem;padding:.08rem .38rem;font-size:.48rem;font-weight:900;line-height:1;box-shadow:inset 0 1px #ffffff0f,0 2px 7px #1e1b4b2e}.turn-seat-badge{animation:turn-seat-badge-in .2s var(--ease-emphasized) both}.draw-stack:before,.draw-stack:after{content:"";border:1px solid var(--border-strong);border-radius:var(--card-radius);pointer-events:none;background:#202126;position:absolute;inset:0}.draw-stack:before{z-index:-2;transform:translate(5px,5px)}.draw-stack:after{z-index:-1;transform:translate(2px,2px)}.draw-stack{isolation:isolate}.turn-banner{animation:turn-arrive .52s var(--ease-emphasized) 1}.turn-timer{--timer-color:var(--focus);border:1px solid var(--border);background:var(--surface);min-width:7.9rem;height:2.75rem;transition:border-color var(--motion-ui) var(--ease-standard), box-shadow var(--motion-ui) var(--ease-standard), background var(--motion-ui) var(--ease-standard);border-radius:999px;align-items:center;gap:.55rem;padding:.3rem .65rem .3rem .4rem;display:inline-flex;box-shadow:inset 0 1px #ffffff09}.turn-timer.is-active{border-color:var(--timer-color)}@supports (color:color-mix(in lab, red, red)){.turn-timer.is-active{border-color:color-mix(in srgb, var(--timer-color) 66%, var(--border))}}.turn-timer.is-active{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.turn-timer.is-active{background:color-mix(in srgb, var(--surface) 92%, var(--timer-color))}}.turn-timer.is-active{box-shadow:inset 0 1px 0 #ffffff0b, 0 0 18px var(--timer-color)}@supports (color:color-mix(in lab, red, red)){.turn-timer.is-active{box-shadow:inset 0 1px 0 #ffffff0b, 0 0 18px color-mix(in srgb, var(--timer-color) 18%, transparent)}}.turn-timer.is-urgent{--timer-color:var(--destructive);border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.turn-timer.is-urgent{border-color:color-mix(in srgb, var(--destructive) 70%, var(--border))}}.turn-timer.is-urgent{animation:1s ease-in-out infinite timer-urgent-pulse}.turn-timer-dial{aspect-ratio:1;background:conic-gradient(var(--timer-color) var(--timer-progress), var(--surface-muted) var(--timer-progress));border-radius:50%;flex:0 0 2rem;place-items:center;width:2rem;transition:background 1s linear;display:grid;transform:rotate(-90deg)}.turn-timer-dial-center{aspect-ratio:1;width:1.48rem;color:var(--timer-color);background:var(--surface-elevated);border-radius:50%;place-items:center;display:grid;transform:rotate(90deg)}.turn-timer-copy{line-height:1;display:grid}.turn-timer-copy strong{font-variant-numeric:tabular-nums;letter-spacing:.025em;font-size:.8rem}.turn-timer-copy span{color:var(--text-muted);letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;margin-top:.2rem;font-size:.56rem;font-weight:800}.draw-attention{border-radius:var(--card-radius)}.draw-halo{z-index:-3;border-radius:calc(var(--card-radius) + .7rem);animation:draw-halo-pulse 1.5s var(--ease-standard) infinite;background:radial-gradient(#a5b4fc2e,#0000 68%);border:2px solid #a5b4fc80;position:absolute;inset:-.65rem -.95rem -.95rem -.65rem;box-shadow:0 0 0 5px #a5b4fc14,0 0 30px #a5b4fc52}.draw-sparks{z-index:7;pointer-events:none;position:absolute;inset:-.8rem}.draw-sparks span{--spark-angle:calc(var(--spark) * 36deg);width:.22rem;height:.22rem;animation:draw-spark 1.8s var(--ease-standard) infinite;animation-delay:calc(var(--spark) * -140ms);background:#c4b5fd;border-radius:999px;position:absolute;top:50%;left:50%;box-shadow:0 0 9px #a5b4fc}.draw-count{z-index:8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#111318db;border:1px solid #ffffff0d;border-radius:999px;width:max-content;margin:1.45rem auto 0;padding:.2rem .48rem;position:relative;box-shadow:0 2px 8px #0000002e}.color-picker-dialog{z-index:60;width:calc(100% - 2rem);max-width:28rem;color:var(--text);background:radial-gradient(circle at 50% -12%, #a5b4fc29, transparent 42%), var(--surface-elevated);border:1px solid #ffffff1f;border-radius:1.75rem;outline:none;padding:1.5rem;position:fixed;top:50%;left:50%;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.color-picker-dialog{background:radial-gradient(circle at 50% -12%, #a5b4fc29, transparent 42%), color-mix(in srgb, var(--surface-elevated) 96%, #090a0d)}}.color-picker-dialog{transform:translate(-50%,-50%);box-shadow:0 30px 90px #00000094,inset 0 1px #ffffff14}.color-picker-dialog:focus-visible{box-shadow:0 0 0 2px var(--focus), 0 30px 90px #00000094}.color-picker-motion[data-state=open]{animation:color-picker-open .32s var(--ease-emphasized) both}.color-picker-motion[data-state=closed]{animation:color-picker-close .24s var(--ease-standard) both}.color-picker-overlay[data-state=open]{animation:color-picker-overlay-in .26s var(--ease-standard) both}.color-picker-overlay[data-state=closed]{animation:color-picker-overlay-out .24s var(--ease-standard) both}.color-picker-motion[data-state=open] .color-choice{animation:color-choice-enter .3s var(--ease-emphasized) both}.color-picker-motion[data-state=open] .color-choice:nth-child(2){animation-delay:35ms}.color-picker-motion[data-state=open] .color-choice:nth-child(3){animation-delay:70ms}.color-picker-motion[data-state=open] .color-choice:nth-child(4){animation-delay:.105s}.color-picker-spectrum{background:linear-gradient(90deg, var(--card-red), var(--card-yellow), var(--card-green), var(--card-blue));height:.22rem;position:absolute;top:0;left:0;right:0;box-shadow:0 0 22px #ffffff29}.color-picker-heading{align-items:center;gap:.9rem;display:flex}.color-picker-heading h2{letter-spacing:-.035em;font-size:1.35rem;font-weight:950;line-height:1.1}.color-picker-heading p{color:var(--text-muted);margin-top:.3rem;font-size:.78rem;line-height:1.35}.color-picker-emblem{color:#fff;background:conic-gradient(from 35deg, var(--card-red) 0 25%, var(--card-blue) 0 50%, var(--card-green) 0 75%, var(--card-yellow) 0);border:1px solid #ffffff3d;border-radius:1rem;flex:none;place-items:center;width:3.2rem;height:3.2rem;display:grid;box-shadow:0 9px 22px #00000057}.color-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:1.35rem;display:grid}.color-choice{--choice-color:var(--card-red);border:1px solid var(--choice-color);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;min-height:5.2rem;padding:.72rem;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.color-choice{border:1px solid color-mix(in srgb, var(--choice-color) 52%, var(--border))}}.color-choice{color:#fff;background:linear-gradient(135deg, var(--choice-color), var(--choice-color));border-radius:1.15rem}@supports (color:color-mix(in lab, red, red)){.color-choice{background:linear-gradient(135deg, color-mix(in srgb, var(--choice-color) 24%, var(--surface-elevated)), color-mix(in srgb, var(--choice-color) 7%, var(--surface)))}}.color-choice{cursor:pointer;transition:transform var(--motion-ui) var(--ease-emphasized), border-color var(--motion-ui) var(--ease-standard), box-shadow var(--motion-ui) var(--ease-standard), filter var(--motion-ui) var(--ease-standard);box-shadow:inset 0 1px #ffffff12}.color-choice:after{content:"";background:var(--choice-color);filter:blur(28px);opacity:.2;border-radius:999px;width:5rem;height:5rem;position:absolute;bottom:-2rem;right:-1.5rem}.color-choice[data-color=yellow]{--choice-color:var(--card-yellow)}.color-choice[data-color=green]{--choice-color:var(--card-green)}.color-choice[data-color=blue]{--choice-color:var(--card-blue)}.color-choice:hover{z-index:2;border-color:var(--choice-color)}@supports (color:color-mix(in lab, red, red)){.color-choice:hover{border-color:color-mix(in srgb, var(--choice-color) 84%, #fff)}}.color-choice:hover{filter:brightness(1.08);box-shadow:0 12px 25px #0000004d, 0 0 20px var(--choice-color);transform:translateY(-.18rem)scale(1.015)}@supports (color:color-mix(in lab, red, red)){.color-choice:hover{box-shadow:0 12px 25px #0000004d, 0 0 20px color-mix(in srgb, var(--choice-color) 22%, transparent)}}.color-choice:active{transform:translateY(0)scale(.98)}.color-choice:focus-visible{z-index:3;box-shadow:0 0 0 3px var(--choice-color), 0 12px 25px #00000057;outline:none}@supports (color:color-mix(in lab, red, red)){.color-choice:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--choice-color) 72%, #fff), 0 12px 25px #00000057}}.color-choice-art{z-index:1;background:var(--choice-color);border:1px solid #ffffff61;border-radius:.8rem;place-items:center;width:3.2rem;height:3.6rem;display:grid;position:relative;transform:rotate(-3deg);box-shadow:0 7px 15px #00000047,inset 0 1px #fff3}.color-choice-copy{z-index:1;text-align:left;min-width:0;position:relative}.color-choice-copy strong,.color-choice-copy small{display:block}.color-choice-copy strong{font-size:.92rem;line-height:1.1}.color-choice-copy small{color:#ffffff8f;letter-spacing:.08em;text-transform:uppercase;margin-top:.22rem;font-size:.62rem;font-weight:800}.color-choice-arrow{z-index:1;color:var(--choice-color);position:relative}@supports (color:color-mix(in lab, red, red)){.color-choice-arrow{color:color-mix(in srgb, var(--choice-color) 72%, #fff)}}.color-choice-arrow{transition:transform var(--motion-ui) var(--ease-emphasized);font-size:1.15rem;font-weight:900}.color-choice:hover .color-choice-arrow{transform:translate(.18rem)}.color-picker-cancel{width:100%;margin-top:.75rem}.pass-turn-button{transition:color var(--motion-ui) var(--ease-standard), border-color var(--motion-ui) var(--ease-standard), background var(--motion-ui) var(--ease-standard), box-shadow var(--motion-ui) var(--ease-standard), transform var(--motion-ui) var(--ease-emphasized)}.pass-turn-button:not(:disabled):hover{border-color:var(--border-strong);background:var(--surface-muted);transform:translateY(-.12rem);box-shadow:0 10px 24px #00000047}.pass-turn-button:not(:disabled):active{transform:translateY(0)scale(.96)}.table-player-reaction{z-index:92;top:var(--reaction-y);left:var(--reaction-x);pointer-events:none;position:absolute;transform:translate(-50%,-80%)}.table-player-reaction span{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#091612d6;border:1px solid #ffffff47;border-radius:52% 52% 52% 18%;place-items:center;width:3.3rem;height:3.3rem;font-size:1.8rem;animation:2.6s cubic-bezier(.18,.78,.2,1) both player-reaction-pop;display:grid;position:relative;box-shadow:0 12px 28px #00000061,0 0 22px #a5b4fc24,inset 0 1px #ffffff1f}@keyframes player-reaction-pop{0%{opacity:0;transform:translateY(.7rem)scale(.4)rotate(-10deg)}12%{opacity:1;transform:translateY(-.2rem)scale(1.14)rotate(4deg)}24%{transform:translateY(-.35rem)scale(1)rotate(-2deg)}72%{opacity:1}to{opacity:0;transform:translateY(-3.8rem)scale(.82)rotate(3deg)}}@media (width<=899px){.table-player-reaction{top:var(--reaction-mobile-y);left:var(--reaction-mobile-x)}.table-chat-corner{bottom:12.5rem;right:.5rem}.table-local-seat{bottom:12.5rem;left:.5rem}.table-local-seat .opponent-seat{gap:.45rem;min-width:6.75rem;padding:.42rem .5rem}.table-local-seat .opponent-seat>span:first-of-type{width:1.9rem;height:1.9rem}}.pile-card-motion{animation:pile-shift .36s var(--ease-emphasized)}.played-history{z-index:4;pointer-events:none;width:min(34rem,78vw);position:absolute;top:.55rem;left:50%;overflow:hidden;transform:translate(-50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.played-history-track{scrollbar-width:none;justify-content:center;align-items:center;min-height:3.8rem;padding:.15rem 2.5rem .55rem;display:flex;overflow-x:auto}.played-history-track>*+*{margin-left:-.38rem}.played-history-track>:nth-child(3n+1){transform:translateY(.12rem)rotate(-3deg)}.played-history-track>:nth-child(3n+2){transform:translateY(-.05rem)rotate(2deg)}.played-history-track>:nth-child(3n){transform:translateY(.16rem)rotate(4deg)}.history-card{--history-color:var(--card-wild);aspect-ratio:5/7;color:#fff;background:var(--history-color);opacity:.82;border:1px solid #ffffff6b;border-radius:.48rem;place-items:center;width:2.15rem;display:grid;position:relative;overflow:hidden;box-shadow:0 5px 12px #00000057,inset 0 1px #ffffff29}.history-card:before{content:"";background:#14141852;width:145%;height:42%;position:absolute;transform:rotate(-18deg)}.history-card[data-color=red]{--history-color:var(--card-red)}.history-card[data-color=blue]{--history-color:var(--card-blue)}.history-card[data-color=green]{--history-color:var(--card-green)}.history-card[data-color=yellow]{--history-color:var(--card-yellow)}.history-card[data-color=wild]{background:conic-gradient(from 35deg, var(--card-red) 0 25%, var(--card-blue) 0 50%, var(--card-green) 0 75%, var(--card-yellow) 0)}.history-card strong{text-shadow:0 1px 3px #00000073;font-size:1rem;line-height:1;position:relative}.history-card-corner{z-index:1;font-size:.45rem;font-weight:900;line-height:1;position:absolute;top:.2rem;left:.25rem}.played-history-track>:last-child .history-card{opacity:1;box-shadow:0 7px 16px #0000006b,0 0 0 1px #ffffff29}.draw-signal{z-index:6;border:2px solid var(--accent);justify-content:center;align-items:center;gap:.12rem;min-width:2.15rem;height:2.15rem;padding:0 .48rem;display:inline-flex;position:absolute;top:-.6rem;right:-.7rem}@supports (color:color-mix(in lab, red, red)){.draw-signal{border:2px solid color-mix(in srgb, var(--accent) 78%, #fff)}}.draw-signal{color:var(--accent-ink);background:var(--accent);box-shadow:0 7px 18px #00000061, 0 0 24px var(--accent);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.draw-signal{box-shadow:0 7px 18px #00000061, 0 0 24px color-mix(in srgb, var(--accent) 48%, transparent)}}.draw-signal{animation:draw-signal-arrive .48s var(--ease-emphasized);font-size:.72rem;font-weight:900}.draw-signal.is-penalty{color:#fff7ed;background:#ea580c;border-color:#fed7aa;box-shadow:0 7px 18px #00000061,0 0 28px #f973167a}.action-effect{z-index:70;pointer-events:none;width:20rem;height:20rem;position:absolute;top:39%;left:50%;transform:translate(-50%,-50%)}.effect-badge{--effect-color:#fb923c;border:1px solid var(--effect-color);justify-content:center;align-items:center;gap:.5rem;width:max-content;max-width:calc(100vw - 2rem);padding:.62rem .9rem;display:flex;position:absolute;top:50%;left:50%}@supports (color:color-mix(in lab, red, red)){.effect-badge{border:1px solid color-mix(in srgb, var(--effect-color) 62%, transparent)}}.effect-badge{color:var(--text);background:var(--surface-elevated);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.effect-badge{background:color-mix(in srgb, var(--surface-elevated) 90%, transparent)}}.effect-badge{box-shadow:0 12px 34px #00000070, 0 0 28px var(--effect-color), inset 0 1px #ffffff14}@supports (color:color-mix(in lab, red, red)){.effect-badge{box-shadow:0 12px 34px #00000070, 0 0 28px color-mix(in srgb, var(--effect-color) 28%, transparent), inset 0 1px #ffffff14}}.effect-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:effect-impact 1.35s var(--ease-emphasized) forwards}.is-combo .effect-badge{--effect-color:var(--accent)}.is-skip .effect-badge{--effect-color:#f43f5e}.is-reverse .effect-badge{--effect-color:#38bdf8}.effect-badge svg{color:var(--effect-color);filter:drop-shadow(0 0 7px var(--effect-color));flex:none}.effect-badge strong{color:var(--effect-color);letter-spacing:-.02em;font-size:1rem;line-height:1.12;display:block}.effect-badge span{color:var(--text-muted);text-wrap:balance;margin-top:.12rem;font-size:.7rem;font-weight:800;line-height:1.25;display:block}.effect-copy{text-align:left;min-width:0;max-width:min(14rem,100vw - 5.5rem)}.effect-copy .skip-route{align-items:center;gap:.38rem;max-width:min(17rem,100vw - 5.5rem);display:flex}.effect-copy .skip-route b{min-width:0;max-width:7rem;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.effect-copy .skip-route svg{color:var(--effect-color)}.effect-burst{position:absolute;inset:0}.effect-burst span{--angle:calc(var(--particle) * 9deg);width:.34rem;height:.34rem;animation:effect-particle .9s var(--ease-emphasized) forwards;animation-delay:calc(var(--particle) * 12ms);background:#fb923c;border-radius:999px;position:absolute;top:50%;left:50%;box-shadow:0 0 12px}.is-combo .effect-burst span{background:#c4b5fd}.is-skip .effect-burst span{background:#fb7185}.is-reverse .effect-burst span{background:#38bdf8}.effect-burst span:nth-child(3n){border-radius:.15rem;width:.18rem;height:.72rem}.effect-burst span:nth-child(4n){border-radius:.08rem;transform:rotate(45deg)}.effect-rings{place-items:center;display:grid;position:absolute;inset:0}.effect-rings span{--ring-delay:0s;border:2px solid var(--effect-ring-color,#fb923c);opacity:0;width:4.5rem;height:4.5rem;animation:effect-ring 1.15s var(--ease-emphasized) forwards;animation-delay:var(--ring-delay);border-radius:999px;position:absolute}.effect-rings span:nth-child(2){--ring-delay:.1s}.effect-rings span:nth-child(3){--ring-delay:.2s}.is-combo .effect-rings{--effect-ring-color:#c4b5fd}.is-skip .effect-rings{--effect-ring-color:#fb7185}.is-reverse .effect-rings{display:none}@keyframes turn-arrive{0%{opacity:.3;transform:translateY(5px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes color-picker-open{0%{opacity:0;filter:blur(8px);transform:translate(-50%,calc(1.1rem - 50%))scale(.91)}62%{opacity:1;filter:blur();transform:translate(-50%,calc(-50% - .2rem))scale(1.012)}to{transform:translate(-50%,-50%)scale(1)}}@keyframes color-picker-close{0%{opacity:1;filter:blur();transform:translate(-50%,-50%)scale(1)}to{opacity:0;filter:blur(5px);transform:translate(-50%,calc(.75rem - 50%))scale(.95)}}@keyframes color-picker-overlay-in{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}}@keyframes color-picker-overlay-out{to{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}}@keyframes color-choice-enter{0%{opacity:0;transform:translateY(.65rem)scale(.96)}}@keyframes turn-seat-badge-in{0%{opacity:0;transform:translateY(.3rem)scale(.88)}}@keyframes deal-card-flight{0%{opacity:0;top:43%;left:45%;transform:translate(-50%,-50%)scale(.56)rotate(-18deg)}16%{opacity:var(--sample-opacity,1)}55%{transform:translate(-50%,-70%)scale(1.08)rotate(8deg)}86%{opacity:var(--sample-opacity,1)}to{top:var(--motion-y);left:var(--motion-x);opacity:0;transform:translate(-50%,-50%)scale(.72)rotate(-5deg)}}@keyframes draw-card-flight{0%{top:var(--motion-source-y);opacity:0;left:45%;transform:translate(-50%,-50%)scale(.45)rotate(-16deg)}12%{opacity:var(--sample-opacity,1);transform:translate(-50%,-68%)scale(1)rotate(-8deg)}58%{opacity:var(--sample-opacity,1);transform:translate(-50%,-82%)scale(1.08)rotate(9deg)}88%{opacity:var(--sample-opacity,1)}to{top:var(--motion-y);left:var(--motion-x);opacity:0;transform:translate(-50%,-50%)scale(.7)rotate(-4deg)}}@keyframes played-card-flight{0%{top:var(--motion-y);left:var(--motion-x);opacity:var(--sample-opacity,1);filter:drop-shadow(0 12px 16px #0000006b);transform:translate(-50%,-50%)scale(.62)rotate(-7deg)}12%{opacity:var(--sample-opacity,1);filter:drop-shadow(0 16px 18px #00000061)}62%{filter:drop-shadow(0 18px 20px #00000057);transform:translate(-50%,-70%)scale(.88)rotate(6deg)}94%{opacity:var(--sample-opacity,1);filter:drop-shadow(0 12px 16px #0000006b);transform:translate(-50%,-52%)scale(.98)rotate(1deg)}to{top:var(--discard-y);left:var(--discard-x);opacity:0;filter:drop-shadow(0 12px 16px #0000006b);transform:translate(-50%,-50%)scale(1)rotate(0)}}@keyframes discard-card-land{0%{opacity:0;filter:brightness(1.3);transform:translateY(-.85rem)scale(.9)rotate(-4deg)}42%{opacity:1;filter:brightness(1.12);transform:translateY(.12rem)scale(1.07)rotate(1.5deg)}70%{transform:translateY(-.08rem)scale(.975)rotate(-.6deg)}to{opacity:1;filter:brightness();transform:translateY(0)scale(1)rotate(0)}}@keyframes discard-card-land-soft{0%{opacity:0;filter:brightness(1.45);transform:translateY(-1rem)scale(.86)rotate(-5deg)}38%{opacity:1;filter:brightness(1.2) drop-shadow(0 0 12px var(--impact-color));transform:translateY(.18rem)scale(1.09)rotate(2deg)}68%{transform:translateY(-.1rem)scale(.97)rotate(-.8deg)}to{opacity:1;filter:brightness();transform:translateY(0)scale(1)rotate(0)}}@keyframes discard-card-land-heavy{0%{opacity:0;filter:brightness(1.7);transform:translateY(-1.8rem)scale(.76)rotate(-8deg)}31%{opacity:1;filter:brightness(1.62) drop-shadow(0 0 34px var(--impact-color));transform:translateY(.34rem)scale(1.24)rotate(4deg)}54%{transform:translateY(-.2rem)scale(.94)rotate(-1.5deg)}76%{transform:translateY(.08rem)scale(1.045)rotate(.6deg)}to{opacity:1;filter:brightness();transform:translateY(0)scale(1)rotate(0)}}@keyframes discard-action-aura{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}28%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1.35)}}@keyframes discard-impact-ring{0%{opacity:0;transform:translate(-50%,-50%)scale(.28)}28%{opacity:.85}to{opacity:0;transform:translate(-50%,-50%)scale(1.25)}}@keyframes discard-impact-spark{0%{opacity:0;transform:translate(-50%, -50%) rotate(var(--impact-angle)) translateX(1.2rem) scale(.4)}24%{opacity:1}to{opacity:0;transform:translate(-50%, -50%) rotate(var(--impact-angle)) translateX(4.5rem) scale(0)}}@keyframes discard-heavy-spark{0%{opacity:0;transform:translate(-50%, -50%) rotate(var(--impact-angle)) translateX(1rem) scale(.3)}16%{opacity:1;scale:1.25}to{opacity:0;transform:translate(-50%, -50%) rotate(var(--impact-angle)) translateX(8.5rem) scale(0)}}@keyframes discard-heavy-flash{0%{opacity:0;transform:translate(-50%,-50%)scale(.12)}18%{opacity:.92}to{opacity:0;transform:translate(-50%,-50%)scale(1.8)}}@keyframes discard-heavy-shockwave{0%{opacity:0;transform:translate(-50%,-50%)scale(.22)}18%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(2.25)}}@keyframes color-ambient-glow{0%{opacity:0;transform:translate(-50%,-50%)scale(.86)}28%,62%{opacity:.52;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.08)}}@keyframes color-bottom-rise{0%{opacity:0;transform:translate(-50%,3rem)scaleX(.82)}30%,66%{opacity:.48;transform:translate(-50%)scaleX(1)}to{opacity:0;transform:translate(-50%,-1.5rem)scaleX(1.06)}}@keyframes timer-urgent-pulse{50%{box-shadow:0 0 18px color-mix(in srgb, var(--destructive) 28%, transparent)}}@keyframes reverse-table-reveal{0%{opacity:0}9%,84%{opacity:1}to{opacity:0}}@keyframes reverse-marker-forward{0%{opacity:0;transform:translate(-4.5rem,-50%)scale(.72)}16%,78%{opacity:1}to{opacity:0;transform:translate(4.5rem,-50%)scale(1.08)}}@keyframes reverse-marker-backward{0%{opacity:0;transform:translate(4.5rem,-50%)scale(.72)}16%,78%{opacity:1}to{opacity:0;transform:translate(-4.5rem,-50%)scale(1.08)}}@keyframes reverse-direction-card{0%{opacity:0;transform:translateY(.65rem)scale(.82)}14%{opacity:1;transform:translateY(0)scale(1.04)}24%,82%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-.35rem)scale(.96)}}@keyframes reverse-icon-turn{0%{opacity:0;transform:rotate(0)scale(.7)}16%{opacity:1;transform:rotate(var(--reverse-icon-step)) scale(1.08)}to{opacity:1;transform:rotate(var(--reverse-icon-turn,360deg)) scale(1)}}@keyframes draw-halo-pulse{50%{border-color:#c4b5fdc7;transform:scale(1.045);box-shadow:0 0 0 8px #a5b4fc0f,0 0 38px #a5b4fc6b}}@keyframes draw-spark{0%{transform:rotate(var(--spark-angle)) translateX(2.6rem) scale(0);opacity:0}35%{opacity:.9}75%{transform:rotate(var(--spark-angle)) translateX(4rem) scale(1);opacity:0}to{transform:rotate(var(--spark-angle)) translateX(4rem) scale(0);opacity:0}}@keyframes pile-shift{0%{opacity:.6;transform:translateY(-12px)rotate(-3deg)scale(1.04)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}@keyframes draw-signal-arrive{0%{opacity:0;transform:translateY(-.35rem)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes effect-impact{0%{opacity:0;transform:translate(-50%,-50%)scale(.55)}18%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}34%{transform:translate(-50%,-50%)scale(1)}72%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-65%)scale(.9)}}@keyframes effect-particle{0%{transform:rotate(var(--angle)) translateX(1rem) scale(.2);opacity:0}20%{opacity:1}to{transform:rotate(var(--angle)) translateX(8rem) scale(0);opacity:0}}@keyframes effect-ring{0%{opacity:0;transform:scale(.35)}25%{opacity:.72}to{opacity:0;transform:scale(2.8)}}@keyframes table-mote-drift{0%{opacity:.18;transform:translate(-.5rem,.7rem)scale(.7)}48%{opacity:.8}to{opacity:.28;transform:translate(.9rem,-1.1rem)scale(1.25)}}@keyframes table-edge-travel{0%,to{opacity:.12;filter:brightness(.8)}50%{opacity:.72;filter:brightness(1.3)}}@keyframes turn-energy-wave{0%{opacity:0;transform:translate(-50%,-50%)scale(.25)}24%{opacity:.86}to{opacity:0;transform:translate(-50%,-50%)scale(4.5,2.3)}}@keyframes turn-energy-core{0%{opacity:0;transform:translate(-50%,-50%)scale(.55)}28%{opacity:.75}to{opacity:0;transform:translate(-50%,-50%)scale(2.4)}}@keyframes turn-energy-ray{0%{opacity:0;transform:rotate(var(--ray-angle)) translateX(1.5rem) scaleX(.2)}28%{opacity:.55}to{opacity:0;transform:rotate(var(--ray-angle)) translateX(clamp(6rem, 18vw, 12rem)) scaleX(1.2)}}@keyframes active-seat-ripple{0%{opacity:0;transform:scale(.96)}22%{opacity:.62}to{opacity:0;transform:scale(1.12)}}@keyframes juice-stage-wash{0%{opacity:0;transform:translate(-50%,-50%)scale(.86)}22%{opacity:1}72%{opacity:.7}to{opacity:0;transform:translate(-50%,-50%)scale(1.08)}}@keyframes juice-anticipation{0%{opacity:0;transform:translate(-50%,-50%)scale(2.25)}38%{opacity:.72;transform:translate(-50%,-50%)scale(.82)}62%{opacity:.92;transform:translate(-50%,-50%)scale(1.02)}to{opacity:0;transform:translate(-50%,-50%)scale(1.16)}}@keyframes juice-payoff-core{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}18%{opacity:.9}to{opacity:0;transform:translate(-50%,-50%)scale(2.8)}}@keyframes juice-payoff-particle{0%{opacity:0;transform:translate(-50%, -50%) rotate(var(--payoff-angle)) translateX(1rem) scale(.2)}18%{opacity:.9}to{opacity:0;transform:translate(-50%, -50%) rotate(var(--payoff-angle)) translateX(clamp(5rem, 15vw, 11rem)) scale(0)}}@keyframes stakes-border-breathe{0%,to{opacity:.42;transform:scale(.985)}50%{opacity:.82;transform:scale(1.02)}}@keyframes uno-border-breathe{0%,to{opacity:.55;filter:brightness(.88);transform:scale(.98)}48%{opacity:1;filter:brightness(1.18);transform:scale(1.035)}}@keyframes uno-badge-beat{0%,to{transform:translate(-50%)rotate(-2deg)scale(1)}45%{transform:translate(-50%)rotate(1deg)scale(1.08)}}@keyframes hand-stage-arrive{0%{opacity:0;transform:translateY(2rem)scaleX(.72)}to{opacity:.48;transform:translateY(0)scaleX(1)}}@keyframes hand-stage-breathe{0%,to{opacity:.36;filter:brightness(.88)}50%{opacity:.56;filter:brightness(1.12)}}@keyframes card-ready-sweep{0%{opacity:0;transform:translate(-48%)rotate(3deg)}38%{opacity:.75}to{opacity:0;transform:translate(48%)rotate(3deg)}}@media (width<=767px){.game-table-shell{padding:0}.game-table{border-inline:0;border-bottom:0;border-radius:0;min-height:100dvh}.opponent-rail{gap:.4rem;left:.65rem;right:.65rem}.opponent-rail-track{gap:.25rem;padding-inline:.65rem}.opponent-rail .opponent-seat{gap:.45rem;min-width:7.1rem;padding-inline:.4rem}.hand-fan{justify-content:flex-start;padding-inline:1.25rem 3rem}.hand-fan>*+*{margin-left:-2.75rem}}@media (width<=899px){.played-history{top:4rem}.opponent-rail{top:8rem}.table-center{top:49%}.turn-energy{width:92vw;top:49%}.motion-deal-card,.motion-draw-card,.motion-play-card{--motion-x:var(--seat-mobile-x);--motion-y:var(--seat-mobile-y)}.color-burst-core{top:49%}.motion-play-card{--discard-y:49%;animation-duration:var(--flight-mobile-duration,.72s)}.motion-draw-card{--motion-source-y:49%;animation-duration:var(--draw-mobile-duration,.68s)}.reverse-table-motion{inset:7rem 3% 11rem}}@media (prefers-reduced-motion:reduce){html[data-radio=playing] .table-radio-visualizer:before,html[data-radio=playing] .table-radio-visualizer i,.draw-attention,.pile-card-motion,.draw-halo,.draw-sparks span,.effect-badge,.effect-rings,.effect-rings span,.effect-burst span{animation:none}.table-motion-layer{display:none}.turn-seat-badge{animation:none}.color-picker-motion,.color-picker-overlay,.color-choice{animation:none!important}.discard-await-flight{animation:none}.discard-landing-impact,.color-glow-layer{display:none}.turn-timer.is-urgent{animation:none}.hand-card-angle{transition:none}.table-ambient-motes i,.table-edge-energy i,.opponent-seat.is-current:before,.seat-pressure,.seat-stakes-badge.is-uno,.player-hand-section.is-current .hand-stage-light,.player-hand-section.is-current .playing-card.is-playable .card-sheen,.turn-energy{animation:none}.turn-energy,.juice-choreography{display:none}}.landing-page{isolation:isolate;background:linear-gradient(#ffffff05 1px, transparent 1px), linear-gradient(90deg, #ffffff05 1px, transparent 1px), var(--background-deep);background-size:28px 28px,28px 28px,auto;place-items:center;min-height:100dvh;padding:5.5rem clamp(1rem,4vw,3rem) 2.5rem;display:grid;position:relative;overflow:hidden}.landing-page:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#0000 18%,#05070b9e 86%);position:absolute;inset:0}.landing-ambient,.lobby-ambient{filter:blur(90px);opacity:.12;pointer-events:none;border-radius:50%;position:absolute}.landing-ambient-red{background:#ef4444;width:30rem;height:30rem;top:-10rem;left:-8rem}.landing-ambient-blue{background:#3b82f6;width:36rem;height:36rem;bottom:-12rem;right:-10rem}.landing-shell{grid-template-columns:minmax(0,1fr) minmax(21rem,27rem);align-items:center;gap:clamp(2.5rem,6vw,6rem);width:min(68rem,100%);display:grid}.landing-hero{flex-direction:column;justify-content:center;min-width:0;display:flex}.landing-brand-copy{z-index:3;position:relative}.landing-kicker,.lobby-eyebrow{width:max-content;color:var(--accent);letter-spacing:.11em;text-transform:uppercase;align-items:center;gap:.45rem;margin-top:1.2rem;font-size:.72rem;font-weight:900;display:flex}.landing-intro{max-width:29rem;color:var(--text-muted);text-wrap:balance;margin-top:.8rem;font-size:clamp(1rem,1.6vw,1.15rem);line-height:1.65}.landing-card-scene{width:min(29rem,100%);height:17rem;margin-top:1rem;position:relative}.landing-card-scene .playing-card{transform:translate(-50%, -50%) translate(var(--home-card-x), var(--home-card-y)) rotate(var(--home-card-rotate));transition:transform .52s var(--ease-emphasized);position:absolute;top:50%;left:50%;box-shadow:0 24px 45px #0006}.landing-card-scene:hover .playing-card{transform:translate(-50%, -50%) translate(var(--home-card-x), calc(var(--home-card-y) - .35rem)) rotate(var(--home-card-rotate))}.landing-card-shadow{filter:blur(14px);background:#0000007a;border-radius:50%;height:2.2rem;position:absolute;bottom:1.4rem;left:12%;right:12%}.landing-panel{border-color:var(--border-strong);background:#17191f;padding:clamp(1.5rem,4vw,2.15rem);position:relative;overflow:hidden;box-shadow:0 28px 70px #0000006b,inset 0 1px #ffffff09}.landing-panel-accent{background:linear-gradient(90deg,#ef4444,#facc15,#22c55e,#3b82f6);height:3px;position:absolute;top:0;left:0;right:0}.landing-panel-heading{align-items:center;gap:.85rem;display:flex}.landing-panel-icon{aspect-ratio:1;width:2.75rem;color:var(--accent);background:#a5b4fc14;border:1px solid #a5b4fc47;border-radius:.85rem;flex:0 0 2.75rem;place-items:center;display:grid}.landing-field-group label{color:var(--text-muted);letter-spacing:.07em;text-transform:uppercase;font-size:.72rem}.landing-field-group input,.landing-code-input{border-color:var(--border-strong);background:#111318;min-height:3rem}.landing-create-button{min-height:3.15rem;box-shadow:0 12px 28px #818cf833}.landing-divider{color:var(--text-muted);letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:.75rem;padding-block:.15rem;font-size:.62rem;font-weight:900;display:flex}.landing-join-row{grid-template-columns:1fr auto;gap:.7rem;display:grid}.join-shell{grid-template-columns:minmax(0,1fr) minmax(20rem,25rem);align-items:center;gap:clamp(2rem,6vw,5rem);width:min(58rem,100%);display:grid}.join-room-preview{min-height:27rem;padding-top:2rem;position:relative}.join-room-code{letter-spacing:.14em;margin-top:.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(2.4rem,7vw,4.5rem);font-weight:950;display:block}.join-card-scene{height:15rem;position:absolute;bottom:0;left:0;right:0}.join-card-scene .playing-card{transform:translate(-50%, -50%) translateX(var(--join-card-x)) rotate(var(--join-card-rotate));position:absolute;top:50%;left:50%;box-shadow:0 22px 42px #0000006b}.join-panel{border-color:var(--border-strong);background:#17191f;padding:clamp(1.5rem,4vw,2rem);position:relative;overflow:hidden;box-shadow:0 28px 70px #0000006b}.lobby-ambient-yellow{opacity:.07;background:#facc15;width:28rem;height:28rem;top:8rem;left:-9rem}.lobby-ambient-blue{opacity:.09;background:#3b82f6;width:34rem;height:34rem;bottom:-10rem;right:-9rem}.lobby-shell{z-index:2;grid-template-columns:minmax(0,1fr) minmax(20rem,24rem);align-items:center;gap:clamp(1.5rem,4vw,3.5rem);width:min(70rem,100% - 2rem);min-height:100dvh;margin-inline:auto;padding-block:6.5rem 2.5rem;display:grid;position:relative}.lobby-invite-panel{border:1px solid var(--border);background:radial-gradient(circle at 80% 18%,#a5b4fc1c,#0000 28%),linear-gradient(145deg,#17191f,#121419 72%);border-radius:1.4rem;align-items:center;min-height:34rem;padding:clamp(1.5rem,4vw,3rem);display:grid;position:relative;overflow:hidden;box-shadow:0 26px 65px #00000057,inset 0 1px #ffffff09}.lobby-card-scene{opacity:.76;pointer-events:none;width:18rem;height:14rem;position:absolute;top:1.5rem;right:.5rem}.lobby-card-scene .playing-card{transform:translate(-50%, -50%) translate(var(--lobby-card-x), var(--lobby-card-y)) rotate(var(--lobby-card-rotate));position:absolute;top:50%;left:50%;box-shadow:0 20px 38px #0000006b}.lobby-invite-copy{z-index:3;align-self:end;max-width:31rem;position:relative}.lobby-code-ticket{border:1px dashed var(--border-strong);background:#0a0c1094;border-radius:1rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:.8rem;padding:1.15rem 1.25rem;display:flex;position:relative}.lobby-code-ticket h1{letter-spacing:.14em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(2rem,5vw,3.35rem);font-weight:950;line-height:1}.lobby-ticket-notch{aspect-ratio:1;border:1px solid var(--border);background:#15171c;border-radius:50%;width:.9rem;position:absolute;top:50%;transform:translateY(-50%)}.lobby-ticket-notch-left{left:-.48rem}.lobby-ticket-notch-right{right:-.48rem}.lobby-code-actions{gap:.5rem;display:flex}.lobby-instructions{max-width:29rem;color:var(--text-muted);margin-top:1rem;font-size:.9rem;line-height:1.6}.lobby-roster-panel{border-color:var(--border-strong);background:#17191f;padding:1.25rem;box-shadow:0 24px 60px #00000061}.lobby-roster-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.lobby-roster-heading h2{margin-top:.1rem;font-size:1.15rem;font-weight:950}.lobby-roster-kicker{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.6rem;font-weight:900}.lobby-player-count{border:1px solid var(--border);min-width:2.7rem;height:2rem;color:var(--accent);background:var(--surface-raised);border-radius:999px;place-items:center;font-size:.7rem;font-weight:900;display:grid}.lobby-capacity{background:var(--surface-muted);border-radius:999px;height:.22rem;margin-top:1rem;overflow:hidden}.lobby-capacity span{border-radius:inherit;height:100%;transition:width .42s var(--ease-emphasized);background:linear-gradient(90deg,#818cf8,#c4b5fd);display:block}.lobby-player-list{gap:.45rem;max-height:23rem;margin-top:1rem;display:grid;overflow-y:auto}.lobby-player-row{min-height:3.25rem;transition:border-color var(--motion-ui) var(--ease-standard), background var(--motion-ui) var(--ease-standard);background:#ffffff06;border:1px solid #0000;border-radius:.75rem;align-items:center;gap:.65rem;padding:.42rem .5rem;display:flex}.lobby-player-row:nth-child(n) .lobby-player-avatar{color:var(--accent);background:#a5b4fc11;border-color:#a5b4fc33}.lobby-capacity span{background:var(--accent)}.lobby-player-avatar{aspect-ratio:1;width:2.15rem;color:var(--accent);background:#a5b4fc13;border:1px solid #a5b4fc38;border-radius:.68rem;flex:0 0 2.15rem;place-items:center;font-size:.72rem;font-weight:950;display:grid}.lobby-player-row:nth-child(4n+2) .lobby-player-avatar{color:#fca5a5;background:#f8717112;border-color:#f8717138}.lobby-player-row:nth-child(4n+3) .lobby-player-avatar{color:#86efac;background:#4ade8012;border-color:#4ade8038}.lobby-player-row:nth-child(4n) .lobby-player-avatar{color:#fde047;background:#facc1512;border-color:#facc1538}.lobby-bot-actions{grid-template-columns:1fr 1fr;gap:.5rem;margin-top:1rem;display:grid}.lobby-start-button{min-height:3rem;margin-top:1rem;box-shadow:0 12px 28px #818cf82e}@media (width<=799px){.landing-page{padding-top:5.25rem;overflow-y:auto}.landing-shell{grid-template-columns:1fr;gap:1.5rem}.landing-hero{text-align:center;align-items:center}.landing-kicker,.landing-intro{margin-inline:auto}.landing-card-scene{height:13rem;margin-top:0;transform:scale(.82)}.landing-panel{width:min(28rem,100%);margin-inline:auto}.lobby-shell{grid-template-columns:1fr;align-content:start;padding-top:5.5rem}.join-shell{grid-template-columns:1fr;gap:1rem;width:min(28rem,100%)}.join-room-preview{text-align:center;min-height:16rem;padding-top:0}.join-room-preview .lobby-eyebrow{margin-inline:auto}.join-card-scene{bottom:-3rem;transform:scale(.68)}.lobby-invite-panel{min-height:29rem}.lobby-card-scene{opacity:.58;top:.5rem;right:50%;transform:translate(50%)scale(.82)}.lobby-invite-copy{max-width:none}}@media (width<=479px){.landing-join-row{grid-template-columns:1fr}.lobby-code-ticket{text-align:center;justify-content:center}.lobby-code-actions{justify-content:center;width:100%}.lobby-bot-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.landing-card-scene .playing-card,.lobby-capacity span{transition:none}}.landing-page{background:var(--background-deep);background-size:auto}.landing-page:after{display:none}.landing-kicker,.lobby-eyebrow{color:var(--text-muted);letter-spacing:0;text-transform:none;font-size:.82rem;font-weight:800}.landing-card-scene{height:15rem;margin-top:.5rem}.landing-panel,.join-panel{border-color:var(--border);background:var(--surface);box-shadow:0 22px 55px #0000004d}.landing-panel-heading{gap:0}.landing-create-button,.lobby-start-button{box-shadow:none}.lobby-invite-panel{box-shadow:none;background:0 0;border:0;overflow:visible}.lobby-card-scene{opacity:.68}.lobby-code-ticket{border:0;border-block:1px solid var(--border);background:0 0;border-radius:0;padding:1rem 0}.lobby-roster-panel{border-color:var(--border);background:var(--surface);box-shadow:0 20px 50px #00000047}.lobby-player-list{gap:0}.lobby-player-row{border:0;border-bottom:1px solid var(--border);background:0 0;border-radius:0;padding:.42rem .2rem}.lobby-player-row:hover{border-color:var(--border);background:#ffffff06}.lobby-shell{width:min(72rem,100% - 2rem);min-height:100dvh;padding-block:5.5rem 2rem;display:block}.lobby-heading{grid-template-columns:1fr auto;align-items:center;gap:1rem;padding-inline:.5rem;display:grid}.lobby-heading-room{color:var(--text-muted);align-items:center;gap:.45rem;font-size:.72rem;display:flex}.lobby-heading-room strong{color:var(--text);letter-spacing:.14em;margin-left:.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1rem}.lobby-heading .lobby-code-actions{justify-self:end}.lobby-table-wrap{padding:3.75rem 5.5rem}.lobby-table{background:#191d1a;border:2px solid #353a32;border-radius:9rem;min-height:27rem;position:relative;box-shadow:inset 0 0 0 .55rem #111411,inset 0 0 0 .65rem #2a2f29,0 1.75rem 4rem #00000057}.lobby-table:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #ffffff09;position:absolute;inset:1rem}.lobby-table-center{z-index:1;width:min(17rem,44%);color:var(--text-muted);text-align:center;justify-items:center;gap:.7rem;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lobby-table-center p{max-width:16rem;font-size:.8rem;line-height:1.45}.lobby-table-center>strong{color:var(--text);font-size:.72rem}.lobby-mini-deck{width:2.7rem;height:3.7rem;position:relative}.lobby-mini-deck span{background:#252932;border:2px solid #dad9d4;border-radius:.36rem;position:absolute;inset:0}.lobby-mini-deck span:first-child{transform:translate(-.35rem,.14rem)rotate(-7deg)}.lobby-mini-deck span:nth-child(2){transform:translate(.35rem,.14rem)rotate(7deg)}.lobby-mini-deck span:nth-child(3){background:#e23b36;transform:rotate(-1deg)}.lobby-mini-deck span:nth-child(3):after{content:"";background:#f3eee5;border-radius:50%;position:absolute;inset:.45rem .3rem;transform:rotate(-22deg)}.lobby-seats{z-index:2;position:absolute;inset:0}.lobby-player-row{background:#141714;border:1px solid #343934;border-radius:.8rem;width:10.5rem;min-height:3.4rem;padding:.45rem .55rem;position:absolute;box-shadow:0 .6rem 1.4rem #0000004d}.lobby-player-row:hover{background:#181b18;border-color:#484f48}.lobby-player-row:first-child{top:-1.7rem;left:8%}.lobby-player-row:nth-child(2){top:-1.7rem;left:50%;transform:translate(-50%)}.lobby-player-row:nth-child(3){top:-1.7rem;right:8%}.lobby-player-row:nth-child(4){top:25%;right:-4.4rem}.lobby-player-row:nth-child(5){bottom:15%;right:-4.4rem}.lobby-player-row:nth-child(6){bottom:-1.7rem;right:8%}.lobby-player-row:nth-child(7){bottom:-1.7rem;left:50%;transform:translate(-50%)}.lobby-player-row:nth-child(8){bottom:-1.7rem;left:8%}.lobby-player-row:nth-child(9){bottom:15%;left:-4.4rem}.lobby-player-row:nth-child(10){top:25%;left:-4.4rem}.lobby-player-avatar{border-radius:50%;flex-basis:2.15rem;width:2.15rem}.lobby-player-info{flex-direction:column;flex:1;min-width:0;font-size:.78rem;font-weight:850;line-height:1.15;display:flex}.lobby-player-meta{color:var(--text-muted);text-transform:lowercase;margin-top:.22rem;font-size:.58rem;font-weight:650}.lobby-player-meta.is-bot{color:#c7d2fe;letter-spacing:.08em;text-transform:uppercase;background:#6366f11c;border:1px solid #818cf857;border-radius:999px;align-items:center;width:max-content;padding:.12rem .38rem;font-size:.5rem;font-weight:900;line-height:1;display:inline-flex}.lobby-host-crown{color:#facc15;flex:none;transform:rotate(9deg)}.lobby-player-status{aspect-ratio:1;background:var(--danger);border-radius:50%;flex:0 0 .42rem;width:.42rem}.lobby-player-status.is-connected{background:var(--success)}.lobby-kick-button{width:1.8rem;height:1.8rem;color:var(--destructive)}.lobby-controls{grid-template-columns:1fr auto;align-items:end;gap:.65rem;width:min(42rem,100%);margin:.25rem auto 0;display:grid}.lobby-bot-actions{margin-top:0;display:flex}.lobby-start-button{min-width:11rem;margin-top:0}.lobby-controls>:last-child{grid-column:1/-1}@media (width<=899px){.lobby-table-wrap{padding-inline:4.5rem}.lobby-player-row{width:9rem}}@media (width<=699px){.lobby-shell{padding-top:5rem}.lobby-heading{grid-template-columns:1fr auto}.lobby-table-wrap{padding:1.5rem 0}.lobby-table{border-radius:2rem;min-height:auto;padding:1rem}.lobby-table-center{width:100%;padding:1.25rem 1rem 1.5rem;position:static;transform:none}.lobby-seats{gap:.45rem;display:grid;position:relative}.lobby-player-row,.lobby-player-row:nth-child(n){width:100%;position:static;transform:none}.lobby-controls{grid-template-columns:1fr}.lobby-bot-actions{display:grid}.lobby-start-button{width:100%}}.landing-page{overflow-y:auto}.landing-public-toggle{border-block:1px solid var(--border);padding:.1rem .15rem}.public-rooms-browser{grid-column:1/-1;min-width:0;padding-top:.5rem}.public-rooms-heading{justify-content:space-between;align-items:end;gap:1rem;padding:0 .2rem .75rem;display:flex}.public-rooms-heading h2{font-size:1rem;font-weight:900}.public-rooms-heading p{color:var(--text-muted);margin-top:.15rem;font-size:.75rem}.public-room-list{border-block:1px solid var(--border);max-height:17rem;display:grid;overflow-y:auto}.public-room-row{border-bottom:1px solid var(--border);grid-template-columns:minmax(8rem,.8fr) minmax(12rem,1fr) auto;align-items:center;gap:1rem;min-height:4.35rem;padding:.65rem .25rem;display:grid}.public-room-row:last-child{border-bottom:0}.public-room-identity{flex-direction:column;min-width:0;display:flex}.public-room-identity strong{letter-spacing:.12em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem}.public-room-identity span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:.15rem;font-size:.68rem;overflow:hidden}.public-room-stats,.public-room-actions{align-items:center;gap:.55rem;display:flex}.public-room-stats span{color:var(--text-muted);align-items:center;gap:.25rem;font-size:.66rem;font-weight:750;display:inline-flex}.public-room-stats .room-live{color:#fb7185}.public-rooms-empty{border-block:1px solid var(--border);min-height:5.5rem;color:var(--text-muted);place-items:center;font-size:.78rem;display:grid}@media (width<=699px){.public-room-row{grid-template-columns:1fr auto}.public-room-stats{justify-content:end}.public-room-actions{grid-column:1/-1}}@media (width<=439px){.public-room-actions{grid-template-columns:1fr 1fr;display:grid}}.spectator-status{z-index:84;border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#14171cf0;border-radius:.8rem;align-items:center;gap:.65rem;padding:.38rem .45rem .38rem .7rem;display:flex;position:fixed;top:.8rem;left:50%;transform:translate(-50%);box-shadow:0 .7rem 2rem #00000052}.promotion-notice{z-index:95;color:#bbf7d0;animation:promotion-in .36s var(--ease-emphasized) both;background:#112319f0;border:1px solid #4ade804d;border-radius:.75rem;align-items:center;gap:.5rem;padding:.65rem .85rem;font-size:.75rem;font-weight:850;display:flex;position:fixed;top:4.6rem;left:50%;transform:translate(-50%);box-shadow:0 .8rem 2rem #0000005c}@keyframes promotion-in{0%{opacity:0;transform:translate(-50%,-.65rem)scale(.96)}to{opacity:1;transform:translate(-50%)scale(1)}}.spectator-status>span{flex-direction:column;min-width:8rem;line-height:1.15;display:flex}.spectator-status strong{font-size:.7rem}.spectator-status small{color:var(--text-muted);margin-top:.18rem;font-size:.58rem}.lobby-matchmaking-copy{color:var(--accent)!important}.lobby-matchmaking-status{min-height:2.75rem;color:var(--text-muted);grid-column:1/-1;justify-content:center;align-items:center;gap:.5rem;font-size:.76rem;font-weight:800;display:flex}@media (width<=699px){.spectator-status{width:min(25rem,100% - 1.5rem);top:4.25rem}.spectator-status>span{flex:1;min-width:0}}.screen-enter{animation:screen-in .26s var(--ease-standard) both}.dialog-enter{animation:dialog-in .21s var(--ease-emphasized) both}.popover-enter{animation:popover-in .16s var(--ease-standard) both;transform-origin:var(--bits-floating-transform-origin)}.connection-banner{animation:banner-in .22s var(--ease-standard) both}.toast-exit{animation:toast-out .18s var(--ease-standard) both}[data-state=closed].popover-enter{animation:popover-out .14s var(--ease-standard) both}[data-state=closed].dialog-enter{animation:dialog-out .16s var(--ease-standard) both}.victory-mark{animation:victory-in .8s var(--ease-emphasized) both}.result-celebration{isolation:isolate;position:relative;overflow:hidden}.result-celebration>.surface{z-index:2;animation:result-panel-arrive .7s var(--ease-emphasized) both;position:relative}.victory-stage-glow{z-index:0;aspect-ratio:1.8;filter:blur(24px);width:min(52rem,92vw);animation:victory-stage-bloom 1.8s var(--ease-emphasized) both;background:radial-gradient(#a5b4fc33,#0000 58%),conic-gradient(from 20deg,#e3848212,#70a7cf12,#78b28e12,#efd17e12,#e3848212);border-radius:50%;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.victory-confetti{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:hidden}.victory-confetti i{--confetti-color:var(--accent);width:var(--confetti-width);height:var(--confetti-height);background:var(--confetti-color);box-shadow:0 0 10px var(--confetti-color);border-radius:2px;position:absolute;top:45%;left:50%}@supports (color:color-mix(in lab, red, red)){.victory-confetti i{box-shadow:0 0 10px color-mix(in srgb, var(--confetti-color) 45%, transparent)}}.victory-confetti i{opacity:0;transform-origin:50%;animation:victory-confetti-burst var(--confetti-duration) var(--confetti-delay) both}.victory-confetti i:nth-child(4n+1){--confetti-color:var(--card-red-light)}.victory-confetti i:nth-child(4n+2){--confetti-color:var(--card-blue-light)}.victory-confetti i:nth-child(4n+3){--confetti-color:var(--card-green-light)}.victory-confetti i:nth-child(4n){--confetti-color:var(--card-yellow-light)}.victory-confetti i:nth-child(5n){border-radius:50%}.victory-confetti i:nth-child(7n){border-radius:999px;width:3px;height:1.8rem}.victory-mark{isolation:isolate;position:relative;box-shadow:0 0 #a5b4fc00,0 0 34px #a5b4fc33}.victory-mark:before,.victory-mark:after{content:"";z-index:-1;border:1px solid #a5b4fc85;border-radius:50%;animation:1.5s ease-out .38s both victory-trophy-ring;position:absolute;inset:-.6rem}.victory-mark:after{animation-delay:.62s}.card-arrive-local{animation:card-from-local var(--motion-card) var(--ease-emphasized) both}.card-arrive-opponent{animation:card-from-opponent var(--motion-card) var(--ease-emphasized) both}@keyframes screen-in{0%{opacity:0;transform:translateY(6px)}}@keyframes dialog-in{0%{opacity:0;transform:scale(.96)translateY(6px)}}@keyframes popover-in{0%{opacity:0;transform:scale(.98)translateY(-3px)}}@keyframes popover-out{to{opacity:0;transform:scale(.98)translateY(-3px)}}@keyframes dialog-out{to{opacity:0;transform:scale(.97)translateY(5px)}}@keyframes toast-out{to{opacity:0;transform:translate(-50%,-8px)}}@keyframes banner-in{0%{opacity:0;transform:translateY(-8px)}}@keyframes victory-in{0%{opacity:0;transform:scale(.72)rotate(-8deg)}65%{transform:scale(1.06)rotate(2deg)}}@keyframes result-panel-arrive{0%{opacity:0;transform:translateY(1.5rem)scale(.96)}68%{transform:translateY(-.25rem)scale(1.008)}}@keyframes victory-confetti-burst{0%{opacity:0;animation-timing-function:cubic-bezier(.12,.72,.2,1);transform:translate(-50%,-50%)rotate(0)scale(.2)}8%{opacity:1}28%{opacity:1;transform:translate3d(var(--confetti-burst-x), var(--confetti-burst-y), 0) rotate(var(--confetti-half-spin)) scale(1);animation-timing-function:cubic-bezier(.32,0,.78,1)}to{opacity:0;transform:translate3d(var(--confetti-fall-x), 64vh, 0) rotate(var(--confetti-spin)) scale(.82)}}@keyframes victory-stage-bloom{0%{opacity:0;transform:translate(-50%,-50%)scale(.55)}45%{opacity:1}to{opacity:.62;transform:translate(-50%,-50%)scale(1)}}@keyframes victory-trophy-ring{0%{opacity:0;transform:scale(.65)}24%{opacity:.8}to{opacity:0;transform:scale(2.1)}}@keyframes card-from-local{0%{opacity:.4;transform:translateY(9rem)scale(.82)rotate(-7deg)}}@keyframes card-from-opponent{0%{opacity:.4;transform:translateY(-7rem)scale(.82)rotate(7deg)}}@media (prefers-reduced-motion:reduce){.screen-enter,.dialog-enter,.popover-enter,.connection-banner,.victory-mark,.victory-confetti,.victory-stage-glow,.result-celebration>.surface,.card-arrive-local,.card-arrive-opponent,.playing-card.just-played,.opponent-seat.is-current,.turn-banner{animation:none!important}.playing-card,.opponent-seat{transition:opacity .1s linear,filter .1s linear!important}.playing-card.is-playable:hover,.playing-card.is-playable:focus-visible,.playing-card.is-selected{transform:none!important}.victory-confetti,.victory-mark:before,.victory-mark:after{display:none}}.room-social{z-index:120;position:fixed;bottom:clamp(.75rem,2vw,1.25rem);right:clamp(.75rem,2vw,1.25rem)}.room-social.is-control{width:2.75rem;height:2.75rem;position:relative;bottom:auto;right:auto}.room-social.is-control .social-trigger{border-color:var(--border);background:var(--surface);color:var(--text);box-shadow:none}.room-social.is-control .social-trigger:hover{background:var(--surface-muted)}.room-social.is-control .social-panel{position:absolute;top:calc(100% + .5rem);right:0}.room-social.is-table{width:min(24rem,32vw);position:relative;bottom:auto;right:auto}.room-social.is-table .social-panel{-webkit-backdrop-filter:blur(12px)saturate(115%);backdrop-filter:blur(12px)saturate(115%);background:linear-gradient(145deg,#152f27c7,#081914b3),#081a15ad;border-color:#cbe1d624;border-radius:1rem;width:100%;max-height:none;animation:none;box-shadow:inset 0 1px #ffffff0e,0 12px 30px #0000003d}.room-social.is-table .social-header{color:#e0efe8d1;border-color:#ffffff13;padding:.42rem .7rem;font-size:.76rem}.room-social.is-table .social-header svg{width:.9rem}.room-social.is-table .social-feed{gap:.45rem;height:8rem;min-height:0;padding:.6rem .75rem;-webkit-mask-image:linear-gradient(#0000,#000 12% 100%);mask-image:linear-gradient(#0000,#000 12% 100%)}.room-social.is-table .social-event{background:#ffffff0b;border-color:#ffffff14;max-width:92%;padding:.28rem .48rem}.room-social.is-table .social-event.is-own{background:var(--table-energy,#818cf8)}@supports (color:color-mix(in lab, red, red)){.room-social.is-table .social-event.is-own{background:color-mix(in srgb, var(--table-energy,#818cf8) 11%, #ffffff0b)}}.room-social.is-table .social-author{font-size:.56rem}.room-social.is-table .social-event p{margin-top:.05rem;font-size:.74rem;line-height:1.15}.room-social.is-table .social-reactions{border-color:#ffffff13;padding:.25rem .45rem}.room-social.is-table .social-reactions button{flex-basis:1.65rem;height:1.65rem;font-size:.92rem}.room-social.is-table .social-compose{gap:.35rem;padding:0 .5rem .5rem}.room-social.is-table .social-compose input{background:#020f0b5c;border-color:#ffffff1a;height:2.2rem;font-size:.78rem}.room-social.is-table .social-compose button{width:2.2rem;height:2.2rem}.social-trigger{box-shadow:0 10px 28px #00000057, 0 0 20px var(--primary);border:1px solid #ffffff29;border-radius:999px;position:relative}@supports (color:color-mix(in lab, red, red)){.social-trigger{box-shadow:0 10px 28px #00000057, 0 0 20px color-mix(in srgb, var(--primary) 20%, transparent)}}.social-unread{border:2px solid var(--background);color:#fff;background:#ef4444;border-radius:999px;place-items:center;min-width:1.25rem;height:1.25rem;padding:0 .3rem;font-size:.65rem;font-weight:900;display:grid;position:absolute;top:-.3rem;right:-.25rem}.social-panel{background:var(--surface);border:1px solid #ffffff24;border-radius:1.15rem;width:min(22rem,100vw - 1.5rem);max-height:min(34rem,100dvh - 2rem);display:grid;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.social-panel{background:color-mix(in srgb, var(--surface) 94%, #07130f)}}.social-panel{animation:.18s cubic-bezier(.2,.8,.2,1) social-panel-in;box-shadow:0 20px 55px #0000007a}.social-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.55rem .6rem .45rem .85rem;display:flex}.social-header>div{align-items:center;gap:.5rem;display:flex}.social-header button{width:2.25rem;height:2.25rem;min-height:0}.social-feed{flex-direction:column;gap:.55rem;min-height:10rem;padding:.75rem;display:flex;overflow-y:auto}.social-empty{color:var(--text-muted);text-align:center;margin:auto;font-size:.82rem}.social-event{border:1px solid var(--border);background:var(--surface-raised);border-radius:.8rem .8rem .8rem .25rem;align-self:flex-start;max-width:84%;padding:.48rem .65rem}.social-event.is-own{border-color:var(--primary);align-self:flex-end}@supports (color:color-mix(in lab, red, red)){.social-event.is-own{border-color:color-mix(in srgb, var(--primary) 32%, var(--border))}}.social-event.is-own{background:var(--primary);border-radius:.8rem .8rem .25rem}@supports (color:color-mix(in lab, red, red)){.social-event.is-own{background:color-mix(in srgb, var(--primary) 13%, var(--surface-raised))}}.social-event.is-reaction{background:0 0;border:0;padding-block:.12rem}.social-event.is-reaction p{font-size:1.65rem}.social-author{color:var(--text-muted);align-items:center;gap:.35rem;font-size:.65rem;display:flex}.social-author span{background:var(--surface-muted);border-radius:999px;padding:.05rem .3rem;font-size:.55rem;font-weight:900}.social-event p{overflow-wrap:anywhere;margin:.12rem 0 0;font-size:.88rem}.social-reactions{border-top:1px solid var(--border);gap:.18rem;padding:.55rem .65rem;display:flex;overflow-x:auto}.social-reactions button{background:0 0;border:0;border-radius:.55rem;flex:0 0 2rem;height:2rem;font-size:1.1rem;transition:transform .12s,background-color .12s}.social-reactions button:hover{background:var(--surface-muted);transform:translateY(-2px)scale(1.12)}.social-compose{grid-template-columns:1fr auto;gap:.45rem;padding:0 .65rem .65rem;display:grid}.social-compose input{border:1px solid var(--input);background:var(--surface);min-width:0;height:2.65rem;color:var(--text);border-radius:.7rem;outline:none;padding:0 .75rem}.social-compose input:focus-visible{border-color:var(--focus);box-shadow:0 0 0 2px var(--focus)}@supports (color:color-mix(in lab, red, red)){.social-compose input:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--focus) 24%, transparent)}}.social-compose button{width:2.65rem;height:2.65rem;min-height:0}.social-reaction-stage{pointer-events:none;gap:.35rem;width:13rem;display:grid;position:fixed;bottom:5rem;right:1.1rem}.room-social.is-open .social-reaction-stage{bottom:1.5rem;right:min(23.5rem,100vw - 14rem)}.social-floating-reaction{justify-content:flex-end;align-items:center;gap:.45rem;animation:2.6s ease-out both social-reaction-float;display:flex}.social-floating-reaction span{filter:drop-shadow(0 5px 8px #00000080);font-size:2rem}.social-floating-reaction small{color:#fff;background:#080f0dc7;border-radius:999px;padding:.2rem .45rem;font-size:.65rem;font-weight:800}@keyframes social-panel-in{0%{opacity:0;transform:translateY(.6rem)scale(.97)}}@keyframes social-reaction-float{0%{opacity:0;transform:translateY(1rem)scale(.65)rotate(-8deg)}15%{opacity:1;transform:translateY(0)scale(1.08)rotate(3deg)}75%{opacity:1}to{opacity:0;transform:translateY(-3.2rem)scale(.92)rotate(-2deg)}}@media (width<=640px){.room-social{bottom:5.25rem}.room-social.is-control{bottom:auto}.room-social.is-open{bottom:.75rem}.room-social.is-control.is-open{bottom:auto}.room-social.is-table,.room-social.is-table.is-open{width:min(13rem,65vw);position:relative;bottom:auto}.room-social.is-table .social-feed{height:6rem}.room-social.is-table .social-header{display:none}.room-social.is-table .social-reactions{gap:0}.room-social.is-table .social-reactions button:nth-child(n+7){display:none}.social-reaction-stage{bottom:9.4rem}}@media (prefers-reduced-motion:reduce){.social-panel,.social-floating-reaction{animation:none}}:root{color:var(--text);background:var(--background);font-synthesis:none;font-family:Nunito Variable,system-ui,sans-serif}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#94a3b86b #ffffff09}::-webkit-scrollbar{width:.65rem;height:.65rem}::-webkit-scrollbar-track{background:#ffffff06;border-radius:999px}::-webkit-scrollbar-thumb{background:#94a3b86b padding-box padding-box;border:.18rem solid #0000;border-radius:999px;min-height:2.5rem}::-webkit-scrollbar-thumb:hover{background:#c7d2fe9e padding-box padding-box}::-webkit-scrollbar-corner{background:0 0}.social-feed{scrollbar-color:#70c49a94 #ffffff06}.social-feed::-webkit-scrollbar-thumb{background:#70c49a85 padding-box padding-box}body{background:var(--background);min-width:320px;min-height:100vh;color:var(--text);margin:0}button,input,select{font:inherit}button:not(:disabled),[role=button]:not([aria-disabled=true]),[role=switch]:not([aria-disabled=true]){cursor:pointer}.select-none-ui,button,[role=button],[role=switch],[role=tab],.playing-card,.opponent-seat,.turn-banner{-webkit-user-select:none;user-select:none}.selectable{-webkit-user-select:text;user-select:text}.focus-ui{outline:none}.focus-ui:focus-visible{box-shadow:0 0 0 2px var(--background), 0 0 0 4px var(--focus)}.surface{border:1px solid var(--border);background:var(--surface);box-shadow:0 18px 48px #00000047}.noise{background-image:radial-gradient(circle at 50% 35%,#94a3b80b,#0000 46%),radial-gradient(#ffffff05 .7px,#0000 .8px);background-size:5px 5px}.radio-aura{z-index:0;opacity:0;pointer-events:none;transition:opacity .9s;position:fixed;inset:0;overflow:hidden}.radio-aura:before,.radio-aura:after{content:"";pointer-events:none;position:absolute}.radio-aura:before{filter:blur(42px);background:radial-gradient(circle at 18% 42%,#ef444433,#0000 31%),radial-gradient(circle at 82% 36%,#3b82f62e,#0000 34%),radial-gradient(circle at 50% 86%,#a855f733,#0000 37%);inset:-28%}.radio-aura:after{filter:blur(32px);background:radial-gradient(#6366f133,#0000 66%);border-radius:50%;height:72%;bottom:-42%;left:-16%;right:-16%;transform:scale(.92)}html[data-radio=playing] .radio-aura{opacity:.52}html[data-radio=playing] .radio-aura:before{animation:14s linear infinite radio-color-drift}html[data-radio=playing] .radio-aura:after{animation:.492s cubic-bezier(.2,.7,.25,1) infinite radio-beat}html[data-radio=playing] .music-dancing-logo{transform-origin:50% 88%;will-change:transform;animation:.984s cubic-bezier(.36,0,.22,1) infinite yuno-groove}@keyframes radio-color-drift{to{filter:blur(42px)hue-rotate(360deg);transform:rotate(360deg)scale(1.05)}}@keyframes radio-beat{0%,to{opacity:.38;transform:scale(.93)}22%{opacity:.78;transform:scale(1.04)}48%{opacity:.46;transform:scale(.97)}}@keyframes yuno-groove{0%,to{transform:translateY(0)rotate(-1deg)scale(1)}16%{transform:translateY(-.22rem)rotate(1.6deg)scale(1.035,.98)}28%{transform:translateY(.04rem)rotate(0)scale(.99,1.025)}50%{transform:translateY(0)rotate(1deg)scale(1)}66%{transform:translateY(-.22rem)rotate(-1.6deg)scale(1.035,.98)}78%{transform:translateY(.04rem)rotate(0)scale(.99,1.025)}}.language-flag{aspect-ratio:4/3;object-fit:cover;border:1px solid #fff3;border-radius:.2rem;flex:none;width:1.5rem;overflow:hidden;box-shadow:0 2px 6px #00000052}.skeleton{animation:1.5s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{50%{opacity:.52}}@media (prefers-reduced-motion:reduce){html[data-radio=playing] .radio-aura:before,html[data-radio=playing] .radio-aura:after,html[data-radio=playing] .music-dancing-logo{animation:none}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.skeleton{animation:none}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}