@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-cyrillic-wght-normal-Dvxsihut.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.woff2) format("woff2-variations");unicode-range:U+0000-00ff,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Unbounded Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/unbounded-cyrillic-wght-normal-C627f1f8.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Unbounded Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/unbounded-latin-wght-normal-D5afBTBx.woff2) format("woff2-variations");unicode-range:U+0000-00ff,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}:root{color-scheme:dark;--cz-color-background-canvas: #080b12;--cz-color-background-canvas-deep: #05070b;--cz-color-background-surface: #0d111a;--cz-color-background-surface-raised: #121825;--cz-color-background-surface-interactive: #182030;--cz-color-background-surface-selected: rgba(216, 178, 124, .16);--cz-color-background-brand: #d8b27c;--cz-color-background-active: rgba(57, 201, 214, .16);--cz-color-text-primary: #fcf8f0;--cz-color-text-secondary: #d8d0c2;--cz-color-text-muted: #a19d96;--cz-color-text-subtle: #6f706f;--cz-color-text-inverse: #080b12;--cz-color-text-brand: #efd3a3;--cz-color-text-active: #82e8ed;--cz-color-text-success: #47c98d;--cz-color-text-error: #ee7379;--cz-color-border-subtle: rgba(255, 255, 255, .04);--cz-color-border-default: rgba(255, 255, 255, .08);--cz-color-border-brand: #bc8f5b;--cz-color-border-active: #39c9d6;--cz-color-border-focus: #82e8ed;--cz-color-state-success: #47c98d;--cz-color-state-error: #ee7379;--cz-color-card-back: #182030;--cz-color-card-front: #f3ecdd;--cz-color-card-ink: #080b12;--cz-color-card-seam: #d8b27c;--cz-color-game-red: #e2555a;--cz-color-game-blue: #477fe8;--cz-color-game-yellow: #e7b43f;--cz-color-game-green: #3daa77;--cz-space-2: .5rem;--cz-space-3: .75rem;--cz-space-4: 1rem;--cz-space-5: 1.25rem;--cz-radius-sm: .5rem;--cz-radius-md: .75rem;--cz-radius-lg: 1rem;--cz-radius-xl: 1.25rem;--cz-radius-pill: 999px;--cz-shadow-card: 0 .18rem .72rem -.36rem rgba(216, 178, 124, .12), 0 1.28rem 2.2rem -.72rem rgba(0, 0, 0, .38);--cz-shadow-panel: 0 1.5rem 4rem rgba(0, 0, 0, .3);--cz-shadow-focus: 0 0 0 .22rem rgba(130, 232, 237, .18);--cz-font-sans: "Manrope Variable", "Segoe UI Variable", "Segoe UI", ui-sans-serif, system-ui, sans-serif;--cz-font-display: "Unbounded Variable", "Manrope Variable", "Segoe UI Variable", sans-serif;--cz-text-xs: .625rem;--cz-text-sm: .75rem;--cz-text-body: .875rem;--cz-game-max: 100rem;--cz-shell-max: 90rem;--cz-stage-max: 76rem;--cz-content-stage-max: 74rem;--cz-home-hero-max: 75rem;--cz-panel-max: 29rem;--cz-access-panel-max: 25rem;--cz-lobby-panel-max: 100%;--cz-action-panel-max: 42rem;--cz-result-panel-max: 46rem;--cz-readable-max: 36rem;--cz-decision-dialog-inline: 27rem;--cz-decision-picker-size: 14rem;--cz-decision-helper-text: .76rem;--cz-decision-option-text: .58rem;--cz-decision-count-text: .82rem;--cz-decision-control-min: 2rem;--cz-pending-wild-helper-text: .625rem;--cz-pending-wild-tip-text: .58rem;--cz-pending-wild-option-text: .625rem;--cz-pending-wild-control-min: 2rem;--cz-control-min: 2.75rem;--cz-compact-control-min: 2.35rem;--cz-mini-control-min: 2rem;--cz-primary-control-min: 3.25rem;--cz-game-primary-min: 2.75rem;--cz-home-heading-max: 2.65rem;--cz-hand-card-fluid: 12dvh;--cz-hand-card-inset: 0rem;--cz-hand-card-max: 8rem;--cz-hand-zone-max: 17rem;--cz-hero-card-max: 10rem;--cz-motion-press: .16s;--cz-motion-select: .2s;--cz-motion-state: .26s;--cz-motion-overlay: .28s;--cz-motion-invalid: .22s;--cz-ease-standard: cubic-bezier(.22, 1, .36, 1);--cz-card-small-width: 56px;--cz-card-medium-width: 88px;--cz-card-large-width: 128px;--cz-card-hero-width: 160px;--cz-card-aspect: 1.5;--cz-safe-top: env(safe-area-inset-top, 0px);--cz-safe-right: env(safe-area-inset-right, 0px);--cz-safe-bottom: env(safe-area-inset-bottom, 0px);--cz-safe-left: env(safe-area-inset-left, 0px);--cz-z-header: 20;--cz-z-motion: 40;--cz-z-overlay: 50;--cz-z-toast: 60;--card-width: var(--cz-card-large-width);--card-aspect: var(--cz-card-aspect);--_tm: var(--cz-color-text-muted);--_tp: var(--cz-color-text-primary);--_txs: var(--cz-text-xs);--_tsm: var(--cz-text-sm);--_ease: var(--cz-ease-standard);--_press: var(--cz-motion-press);--_bb: var(--cz-color-border-brand);--_bs: var(--cz-color-border-subtle);--_bd: var(--cz-color-border-default);--_ba: var(--cz-color-border-active);--_cs: var(--cz-color-card-seam);--_sp2: var(--cz-space-2);--_sp3: var(--cz-space-3);--_sp4: var(--cz-space-4);--_pill: var(--cz-radius-pill);--_sr: var(--cz-safe-right);--_sl: var(--cz-safe-left)}@media(min-width:80rem)and (min-height:42rem){:root{--cz-decision-dialog-inline: 30rem;--cz-decision-picker-size: 16rem;--cz-decision-helper-text: .875rem;--cz-decision-option-text: .75rem;--cz-decision-count-text: .875rem;--cz-decision-control-min: 2.75rem;--cz-pending-wild-helper-text: .875rem;--cz-pending-wild-tip-text: .875rem;--cz-pending-wild-option-text: .75rem;--cz-pending-wild-control-min: 2.75rem}}@media(min-width:120rem)and (min-height:50rem){:root{--cz-game-max: 112rem;--cz-shell-max: 112rem;--cz-stage-max: 96rem;--cz-content-stage-max: 96rem;--cz-home-hero-max: 96rem;--cz-panel-max: 34rem;--cz-access-panel-max: 34rem;--cz-lobby-panel-max: var(--cz-panel-max);--cz-action-panel-max: var(--cz-panel-max);--cz-result-panel-max: var(--cz-panel-max);--cz-decision-dialog-inline: 34rem;--cz-decision-picker-size: 18rem;--cz-decision-helper-text: .9375rem;--cz-decision-option-text: .8125rem;--cz-decision-count-text: .9375rem;--cz-pending-wild-helper-text: .9375rem;--cz-pending-wild-tip-text: .9375rem;--cz-pending-wild-option-text: .8125rem;--cz-pending-wild-control-min: 3rem;--cz-control-min: 3rem;--cz-compact-control-min: 3rem;--cz-mini-control-min: 3rem;--cz-primary-control-min: 3.25rem;--cz-game-primary-min: 3.25rem;--cz-home-heading-max: 3.1rem;--cz-hand-card-fluid: 12.5dvh;--cz-hand-card-inset: -.1875rem;--cz-hand-card-max: 9rem;--cz-hand-zone-max: 18.5rem;--cz-hero-card-max: 11rem;--cz-text-body: .9375rem}}@media(min-width:200rem)and (min-height:100rem){:root{--cz-game-max: 128rem;--cz-shell-max: 128rem;--cz-stage-max: 112rem;--cz-content-stage-max: 112rem;--cz-home-hero-max: 112rem;--cz-panel-max: 38rem;--cz-access-panel-max: 38rem;--cz-lobby-panel-max: var(--cz-panel-max);--cz-action-panel-max: var(--cz-panel-max);--cz-result-panel-max: var(--cz-panel-max);--cz-decision-dialog-inline: 38rem;--cz-decision-picker-size: 20rem;--cz-decision-helper-text: 1rem;--cz-decision-option-text: .875rem;--cz-decision-count-text: 1rem;--cz-pending-wild-helper-text: 1rem;--cz-pending-wild-tip-text: 1rem;--cz-pending-wild-option-text: .875rem;--cz-pending-wild-control-min: 3.25rem;--cz-control-min: 3.25rem;--cz-compact-control-min: 3.25rem;--cz-mini-control-min: 3.25rem;--cz-primary-control-min: 3.5rem;--cz-game-primary-min: 3.5rem;--cz-home-heading-max: 3.35rem;--cz-hand-card-inset: -.3125rem;--cz-hand-card-max: 10rem;--cz-hand-zone-max: 20.375rem;--cz-hero-card-max: 12rem;--cz-text-body: 1rem}}@media(prefers-contrast:more){:root{--cz-color-border-subtle: rgba(255, 255, 255, .18);--cz-color-border-default: rgba(255, 255, 255, .32);--cz-color-text-muted: #d0ccc4;--cz-color-text-subtle: #b3afa8}}*,*:before,*:after{box-sizing:border-box}html{min-width:20rem;min-height:100%;background:var(--cz-color-background-canvas-deep)}body{min-height:100vh;margin:0;overflow-x:clip;background:radial-gradient(circle at 14% 4%,rgba(216,178,124,.055),transparent 26rem),radial-gradient(circle at 86% 92%,rgba(57,201,214,.035),transparent 30rem),linear-gradient(165deg,rgba(255,255,255,.012),transparent 38%),var(--cz-color-background-canvas);color:var(--_tp);font-family:var(--cz-font-sans);font-size:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}html[data-gameplay-active],html[data-gameplay-active] body{height:100%;overflow:hidden;overscroll-behavior:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button,a{color:inherit}h1,h2,p{margin-top:0}h1,h2,strong{text-wrap:balance}h1,h2{letter-spacing:-.035em}:focus-visible{outline:2px solid var(--cz-color-border-focus);outline-offset:3px}.noscript-shell,.loading-shell{min-height:100vh;display:grid;place-content:center;gap:var(--_sp4);padding:var(--cz-space-5);text-align:center}.noscript-shell h1{margin:0}.muted{color:var(--_tm);line-height:1.45}.eyebrow,.field-label,.pile-label{display:block;margin-bottom:var(--_sp2);color:var(--_tm);font-size:var(--_txs);font-weight:720;letter-spacing:.1em;line-height:1.2;text-transform:uppercase}@supports (height: 100dvh){.noscript-shell,.loading-shell{min-height:100dvh}}@media(prefers-reduced-motion:reduce){:root{--duration-instant: 60ms;--duration-interaction: 80ms;--duration-feedback: 80ms;--duration-card: 90ms;--duration-turn: 90ms;--duration-special: .1s;--duration-overlay: 90ms}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:90ms!important;animation-iteration-count:1!important;transition-duration:80ms!important}}html,body,#app,.app{width:100%;min-width:0}#app,.app{min-height:100vh}.app{isolation:isolate}.app-content,.app-overlays,.app-ui-overlays,.app-motion-overlays{display:contents}.loading-shell,.access-shell,.home-shell,.room-shell{width:100%;min-width:0;min-height:100vh}.loading-shell,.access-shell,.home-shell,.lobby-shell{padding:max(var(--_sp4),var(--cz-safe-top)) max(var(--_sp4),var(--_sr)) max(var(--_sp4),var(--cz-safe-bottom)) max(var(--_sp4),var(--_sl))}.room-shell{display:grid;grid-template-rows:auto minmax(0,1fr)}.game-shell{width:100%;height:100vh;min-width:0;min-height:0;padding:var(--cz-safe-top) var(--_sr) 0 var(--_sl)}.app-header{min-width:0}@supports (height: 100dvh){#app,.app,.loading-shell,.access-shell,.home-shell,.room-shell{min-height:100dvh}.game-shell{height:100dvh}}@supports not (height: 100dvh){.game-shell{height:100svh}}@media(max-height:34rem){.access-shell{height:100vh;min-height:0;overflow-y:auto}@supports (height: 100dvh){.access-shell{height:100dvh}}.home-shell,.lobby-shell{overflow-y:auto}}.access-shell{width:min(var(--cz-stage-max),100%);margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,var(--cz-access-panel-max)) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"brand brand brand" "art form spacer";align-items:center;gap:clamp(1rem,3vw,3.5rem)}.access-shell>.wordmark{grid-area:brand;align-self:center}.access-brand-card{grid-area:art;justify-self:end;display:grid;place-items:center;transform:rotate(-5deg)}.access-card{grid-area:form;width:100%;padding:clamp(1.5rem,3vw,2rem);display:grid;gap:var(--_sp4)}.access-card h1{margin:0;font-size:clamp(1.55rem,3vw,2rem)}.access-card>.muted,.access-card .field{margin:0}.access-card>.muted{max-width:var(--cz-readable-max)}.access-feedback{min-height:1.25rem;margin:0;color:var(--cz-color-text-error);font-size:var(--_tsm)}@media(max-height:34rem){.access-shell{align-items:start}}.home-shell{width:min(var(--cz-shell-max),100%);height:100vh;min-height:0;margin-inline:auto;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"header" "hero" "stage" "privacy";gap:clamp(.65rem,1.5vh,1rem);overflow-x:clip;overflow-y:auto}.home-shell>.app-header{grid-area:header}.home-shell>.hero{grid-area:hero}.home-shell>.error-banner{grid-area:hero;align-self:end}.home-stage{grid-area:stage;width:min(var(--cz-content-stage-max),100%);min-width:0;min-height:0;margin-inline:auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);align-self:start;align-items:start;gap:clamp(2rem,5vw,5.5rem);padding-top:0}.home-shell .hero{width:min(var(--cz-home-hero-max),100%);margin-inline:auto;display:grid;justify-items:start;gap:.3rem;text-align:left}.hero-title,.home-shell .hero-subtitle{margin:0}.hero-title{font-size:clamp(1.75rem,3.5vw,var(--cz-home-heading-max));font-weight:700;line-height:1.05}.home-shell .hero-subtitle{max-width:var(--cz-readable-max);color:var(--_tm);font-size:var(--cz-text-body)}.home-title-mobile{display:none}.home-card-art{position:relative;width:min(28rem,100%);height:20rem;margin-top:7rem;justify-self:center}.home-card-art>.playing-card{position:absolute;top:1.75rem;left:50%}.home-card-art>.playing-card:nth-child(1){transform:translate(-112%) rotate(-12deg)}.home-card-art>.playing-card:nth-child(2){z-index:2;transform:translate(-50%) translateY(-.75rem)}.home-card-art>.playing-card:nth-child(3){z-index:1;transform:translate(12%) rotate(12deg)}.home-card-art>.home-art-caption{position:absolute;right:0;bottom:0;left:0;margin:0;color:var(--_tm);font-size:var(--_tsm);text-align:center}.home-actions{width:100%;min-width:0;display:grid;gap:var(--_sp4)}.mode-selector{min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--_sp3)}.mode-option{position:relative;min-width:0;min-height:7.5rem;border:1px solid var(--_bd);border-radius:var(--cz-radius-lg);padding:var(--_sp4);display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--_sp3);overflow:clip;background:var(--cz-color-background-surface);color:var(--cz-color-text-secondary);text-align:left;cursor:pointer;box-shadow:0 1rem 2.5rem #00000029;transition-property:transform,border-color,background;transition-duration:var(--_press);transition-timing-function:var(--_ease)}.mode-option:hover,.mode-option.is-selected{border-color:color-mix(in srgb,var(--_bb) 64%,transparent);background:var(--cz-color-background-surface-raised);color:var(--_tp)}.mode-option:hover{transform:translateY(-2px)}.mode-option.is-selected:after{position:absolute;right:.8rem;bottom:0;left:.8rem;height:1px;background:var(--cz-color-background-brand);content:""}.mode-icon-frame{width:2.35rem;height:2.35rem;border:1px solid var(--_bd);border-radius:50%;display:grid;place-items:center;background:var(--cz-color-background-surface-interactive)}.mode-icon{width:1rem;height:1rem;filter:brightness(0) saturate(100%) invert(88%) sepia(28%) saturate(428%) hue-rotate(354deg) brightness(95%) contrast(88%)}.mode-option-copy{min-width:0;display:grid;gap:.3rem}.mode-option-copy strong{color:inherit;font-size:var(--_tsm);letter-spacing:-.015em}.mode-option-copy>span{color:var(--_tm);font-size:var(--_txs);line-height:1.35}.action-card{width:min(var(--cz-panel-max),100%);min-width:0;min-height:22rem;border-color:color-mix(in srgb,var(--_bb) 76%,transparent);justify-self:end;padding:clamp(1.5rem,2.5vw,2rem);display:grid;grid-template-columns:1fr;align-content:center;gap:var(--cz-space-5);animation:panel-enter var(--cz-motion-state) var(--_ease) both}.action-card-heading{min-width:0;align-self:auto;display:grid;gap:.25rem}.action-card-heading .eyebrow,.action-card-heading h2,.action-card-heading .action-description{margin:0}.action-card-heading h2{min-width:0;font-size:clamp(1.2rem,2vw,1.55rem);overflow-wrap:anywhere}.action-card-heading .action-description{max-width:var(--cz-readable-max);font-size:var(--_txs);line-height:1.4}.action-card-fields{min-width:0;display:grid;grid-template-columns:1fr;gap:var(--_sp3)}.action-card-fields>:only-child{grid-column:1 / -1}.action-card .field{margin:0}.action-card [hidden]{display:none}.action-card>.button{min-height:var(--cz-primary-control-min)}.home-actions.is-invite{width:min(var(--cz-panel-max),100%);justify-self:center}.home-actions.is-invite .action-card{grid-template-columns:1fr}.home-shell>.privacy-note{grid-area:privacy;align-self:end}.back-link{min-height:2.25rem;display:grid;place-items:center}@media(max-width:74.99rem){.home-stage{grid-template-columns:1fr;width:min(44rem,100%)}.home-card-art{display:none}.action-card{justify-self:stretch}}@media(max-width:47.99rem){.access-shell{width:min(25rem,100%);height:100vh;min-height:0;grid-template-columns:1fr;grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"brand" "art" "form";place-content:center;gap:clamp(.75rem,2.2vh,1.25rem);overflow-y:auto}.access-shell>.wordmark{justify-self:center}.access-brand-card{justify-self:center;margin-top:3rem;transform:rotate(-3deg)}.access-brand-card .playing-card.card-size-medium{--card-width: clamp(3.5rem, 13vh, 5.5rem)}.access-card{align-self:start;min-height:24rem;margin-top:1.5rem;border-color:color-mix(in srgb,var(--_bb) 76%,transparent);padding:clamp(1.35rem,6vw,1.5rem);align-content:center}.home-shell{width:min(28rem,100%);padding-right:max(1.5rem,var(--_sr));padding-left:max(1.5rem,var(--_sl))}.home-shell .home-header{min-height:2.75rem;padding-inline:0}.home-shell>.hero{margin-top:2.25rem;justify-items:start;text-align:left}.hero-title{font-size:clamp(1.55rem,7vw,2rem)}.home-shell .hero-subtitle{font-size:var(--_tsm)}.home-title-mobile{display:inline}.home-title-desktop{display:none}.home-stage{align-self:start;display:block;overflow:visible;padding-top:0}.home-actions,.home-actions.is-invite{width:100%}.mode-selector{gap:var(--_sp2)}.mode-option{min-height:4.25rem;padding:.65rem .35rem;grid-template-columns:1fr;justify-items:center;gap:.35rem;text-align:center;box-shadow:none}.mode-icon-frame{width:1.75rem;height:1.75rem}.mode-icon{width:.85rem;height:.85rem}.mode-option-copy strong{font-size:clamp(.64rem,2.9vw,.75rem)}.mode-option-copy>span{display:none}.action-card{width:100%;min-height:21.5rem;grid-template-columns:1fr;padding:clamp(1.25rem,5vw,1.5rem);gap:clamp(.9rem,3.4vw,1.25rem)}.action-card-heading{gap:.5rem}.action-card-heading .action-description{font-size:var(--_tsm)}.action-card-fields{grid-template-columns:1fr}}@media(max-height:43rem){.home-shell{height:auto;min-height:100vh;overflow-y:auto}.access-brand-card{margin-top:.5rem}.access-card{min-height:0;margin-top:.5rem}.home-shell>.hero p,.home-shell>.privacy-note{display:none}.home-shell>.hero{margin-top:0;justify-self:center;text-align:center}.mode-option{min-height:3.6rem}.action-card-heading .muted{display:none}.action-card{min-height:0;padding:.8rem;gap:.6rem}.text-input,.action-card>.button{min-height:2.75rem}}@supports (height: 100dvh){.access-shell,.home-shell{height:100dvh}}.game-shell{display:block}.game-shell[data-active-color=RED],.game-shell[data-active-color=BLUE],.game-shell[data-active-color=YELLOW],.game-shell[data-active-color=GREEN]{--table-active-surface: color-mix( in srgb, var(--ac) 10%, var(--cz-color-background-canvas) );--table-active-border: color-mix( in srgb, var(--ac) 44%, var(--cz-color-border-default) );--table-draw-accent: color-mix( in srgb, var(--ac) 58%, var(--cz-color-border-default) );--table-inner-radial: color-mix(in srgb, var(--ac) 14%, transparent);--table-diagonal: color-mix(in srgb, var(--ac) 8%, transparent);--table-inner-depth: color-mix(in srgb, var(--ac) 7%, transparent)}.game-shell[data-active-color=RED]{--ac: #e2555a}.game-shell[data-active-color=BLUE]{--ac: #477fe8}.game-shell[data-active-color=YELLOW]{--ac: #e7b43f}.game-shell[data-active-color=GREEN]{--ac: #3daa77}.game-shell>.error-banner{position:fixed;z-index:calc(var(--cz-z-overlay) - 1);top:max(3.75rem,calc(var(--cz-safe-top) + 3.25rem));left:50%;transform:translate(-50%)}.game-board{--game-inline: clamp(.65rem, 2.5vw, 2rem);--hand-card-width: clamp(5rem, min(21vw, 17dvh), 7rem);--hand-lift-envelope: 1.25rem;width:min(var(--cz-game-max),100%);height:100%;min-width:0;min-height:0;margin-inline:auto;display:grid;overflow-x:clip;overflow-y:auto;overscroll-behavior:contain;grid-template-areas:"top" "opponent" "turn" "table" "hand" "action";grid-template-rows:auto clamp(4.75rem,11dvh,7rem) clamp(3.4rem,7dvh,4.75rem) minmax(10.5rem,1fr) clamp(11.5rem,27dvh,15rem) clamp(3.5rem,8dvh,5rem);background:radial-gradient(circle at 50% 42%,rgba(216,178,124,.05),transparent 28rem),radial-gradient(circle at 50% 42%,rgba(57,201,214,.025),transparent 18rem)}.game-board>[data-game-zone]{min-width:0;min-height:0}.game-top-zone{grid-area:top}.opponent-zone{grid-area:opponent}.turn-event-zone{grid-area:turn}.table-zone{grid-area:table}.self-zone{grid-area:hand}.action-support-zone{grid-area:action}.game-top-zone.app-header{width:100%;min-height:3.35rem;padding-inline:var(--game-inline)}.opponent-zone{position:relative;border-bottom:1px solid var(--_bs);padding:.45rem var(--game-inline);display:grid;grid-template-columns:minmax(0,1fr) minmax(7.5rem,.9fr);grid-template-areas:"summary cards";align-items:center;gap:var(--_sp3)}.player-summary{grid-area:summary;min-width:0;display:grid;align-content:center;gap:.18rem;color:var(--_tm);font-size:var(--_txs)}.player-summary strong{min-width:0;display:inline-flex;align-items:center;gap:var(--_sp2);color:var(--_tp);font-size:clamp(.78rem,2.6vw,.96rem)}.player-summary strong span:last-child,.player-summary>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zero-badge,.bot-thinking{width:fit-content;max-width:100%;border-radius:var(--_pill);padding:.16rem .42rem;overflow:hidden;font-size:.6rem;text-overflow:ellipsis;white-space:nowrap}.zero-badge{border:1px solid color-mix(in srgb,var(--_bb) 48%,transparent);color:var(--cz-color-text-brand)}.bot-thinking{color:var(--cz-color-text-active)}.opponent-cards{--card-width: clamp(3.25rem, min(15vw, 9.5dvh), 4.75rem);--card-height: calc(var(--card-width) * var(--card-aspect));grid-area:cards;position:relative;width:min(11.5rem,100%);height:min(100%,calc(var(--card-height) + .5rem));justify-self:end}.opponent-cards .playing-card.card-size-small{--card-width: clamp(3.25rem, min(15vw, 9.5dvh), 4.75rem)}.opponent-fan{position:absolute;top:50%;left:50%;width:var(--card-width);height:var(--card-height);transform:translate(-50%,-50%);transform-origin:center}.opponent-card{position:absolute;inset:0;transform-origin:50% 145%}.opponent-card:nth-child(5n+1){transform:translate(-78%) rotate(-8deg)}.opponent-card:nth-child(5n+2){transform:translate(-39%) rotate(-4deg)}.opponent-card:nth-child(5n+3){transform:rotate(0)}.opponent-card:nth-child(5n+4){transform:translate(39%) rotate(4deg)}.opponent-card:nth-child(5n){transform:translate(78%) rotate(8deg)}.opponent-cards[data-visible-cards="1"] .opponent-card:nth-child(1){transform:rotate(0)}.opponent-cards[data-visible-cards="2"] .opponent-card:nth-child(1){transform:translate(-42%) rotate(-4deg)}.opponent-cards[data-visible-cards="2"] .opponent-card:nth-child(2){transform:translate(42%) rotate(4deg)}.opponent-cards[data-visible-cards="3"] .opponent-card:nth-child(1){transform:translate(-62%) rotate(-6deg)}.opponent-cards[data-visible-cards="3"] .opponent-card:nth-child(2){transform:rotate(0)}.opponent-cards[data-visible-cards="3"] .opponent-card:nth-child(3){transform:translate(62%) rotate(6deg)}.opponent-cards[data-visible-cards="4"] .opponent-card:nth-child(1){transform:translate(-73%) rotate(-7deg)}.opponent-cards[data-visible-cards="4"] .opponent-card:nth-child(2){transform:translate(-26%) rotate(-2.5deg)}.opponent-cards[data-visible-cards="4"] .opponent-card:nth-child(3){transform:translate(26%) rotate(2.5deg)}.opponent-cards[data-visible-cards="4"] .opponent-card:nth-child(4){transform:translate(73%) rotate(7deg)}.opponent-cards[data-visible-cards="5"] .opponent-card:nth-child(1){transform:translate(-78%) rotate(-8deg)}.opponent-cards[data-visible-cards="5"] .opponent-card:nth-child(2){transform:translate(-39%) rotate(-4deg)}.opponent-cards[data-visible-cards="5"] .opponent-card:nth-child(3){transform:rotate(0)}.opponent-cards[data-visible-cards="5"] .opponent-card:nth-child(4){transform:translate(39%) rotate(4deg)}.opponent-cards[data-visible-cards="5"] .opponent-card:nth-child(5){transform:translate(78%) rotate(8deg)}.opponent-count,.pile-count{position:absolute;z-index:8;right:-.35rem;bottom:-.2rem;min-width:1.45rem;height:1.45rem;border:1px solid rgba(8,11,18,.72);border-radius:50%;display:grid;place-items:center;background:var(--_tp);color:var(--cz-color-text-inverse);font-size:var(--_txs);font-weight:800;box-shadow:0 .3rem .75rem #0000004d}.opponent-count{right:0}.turn-event-zone{position:relative;z-index:calc(var(--cz-z-motion) + 1);border-bottom:1px solid var(--_bs);padding:.35rem var(--game-inline);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,7rem),1fr));align-items:center;gap:clamp(.35rem,1.5vw,.75rem)}.turn-banner{min-width:0;min-height:2.65rem;border:1px solid var(--_bd);border-radius:var(--_pill);padding:.35rem .75rem;display:inline-flex;align-items:center;justify-content:center;gap:var(--_sp2);background:#0d111ae6;text-align:center}.game-shell[data-turn=self] .turn-banner{border-color:color-mix(in srgb,var(--_ba) 65%,transparent);background:var(--cz-color-background-active)}.turn-dot{width:.48rem;height:.48rem;flex:0 0 auto;border-radius:50%;background:var(--cz-color-text-subtle)}.turn-dot.is-own{background:var(--_ba);box-shadow:0 0 0 .2rem #39c9d61f}.turn-copy{min-width:0;display:grid;gap:.04rem}.turn-copy strong{font-size:clamp(.78rem,2.4vw,.95rem);white-space:nowrap}.turn-banner[data-presentation-kind=RECONNECTING] .turn-copy strong{overflow-wrap:anywhere;white-space:normal}.turn-detail{color:var(--_tm);font-size:var(--_txs);white-space:nowrap}.game-event-trail{min-width:0;height:2.65rem;box-sizing:border-box;border:1px solid var(--_bs);border-radius:var(--_pill);padding:.25rem .6rem;display:flex;align-items:center;justify-content:center;gap:.38rem;background:#0d111a94;color:var(--_tm);text-align:center}.game-event-trail:before{width:.3rem;height:.3rem;flex:0 0 auto;border-radius:50%;background:var(--cz-color-background-brand);content:"";opacity:.78}.game-event-trail strong{min-width:0;overflow:hidden;font-size:clamp(.72rem,2.2vw,.88rem);font-weight:580;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.action-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0;clip-path:inset(50%);white-space:nowrap}.table-zone{position:relative;border:1px solid var(--table-active-border, var(--cz-color-border-default));padding:clamp(.4rem,1.2dvh,.8rem) var(--game-inline);display:grid;grid-template-rows:minmax(0,1fr) auto;justify-items:center;gap:.4rem;background:radial-gradient(circle at 50% 45%,var(--table-inner-radial, transparent),transparent 52%),linear-gradient(135deg,var(--table-diagonal, transparent),transparent 62%),var(--table-active-surface, var(--cz-color-background-canvas));box-shadow:inset 0 0 2.5rem var(--table-inner-depth, transparent);transition-property:background-color,border-color;transition-duration:.3s;transition-timing-function:var(--_ease)}.pause-banner{position:absolute;z-index:9;inset:0;padding:var(--_sp4);display:grid;place-content:center;gap:var(--_sp2);background:#05070be6;text-align:center;backdrop-filter:blur(10px)}.pause-banner span{color:var(--_tm);font-size:var(--_tsm)}.piles{min-width:0;min-height:0;display:grid;grid-template-columns:repeat(2,max-content);align-items:center;justify-content:center;gap:clamp(2.25rem,14vw,8rem)}.pile-group{position:relative;min-width:0;display:grid;justify-items:center;align-content:center;gap:.3rem}.pile-label{margin:0}.piles .playing-card.card-size-hero,.piles .empty-card-slot{--card-width: clamp(5.5rem, min(28vw, 22dvh), 10rem)}.draw-pile-group{border:1px solid var(--table-draw-accent, var(--cz-color-border-default));border-radius:var(--cz-radius-xl);padding:.4rem;transition-property:border-color,background;transition-duration:var(--cz-motion-state);transition-timing-function:var(--_ease)}.draw-pile-group.is-primary-action{border-color:color-mix(in srgb,var(--_ba) 52%,transparent);background:#39c9d60b}.draw-stack,.discard-stack{position:relative}button.draw-pile-group{min-width:44px;min-height:44px;color:inherit;appearance:none;background:transparent;font:inherit;cursor:pointer;touch-action:manipulation}button.draw-pile-group:disabled{cursor:default}button.draw-pile-group:focus-visible{outline:var(--cz-focus-ring-width) solid var(--cz-color-border-focus);outline-offset:var(--cz-focus-ring-offset)}.draw-stack:before{position:absolute;z-index:-1;inset:0;border:1px solid var(--_bb);border-radius:calc(var(--card-width) * .15625);content:"";transform:translate(.25rem,.2rem);opacity:.45}.table-meta{width:min(42rem,100%);min-width:0;min-height:2rem;border:1px solid var(--_bs);border-radius:var(--_pill);padding:.32rem .65rem;display:grid;grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(0,.75fr));align-items:center;background:#0d111aa3}.table-meta>div{min-width:0;display:grid;justify-items:center;gap:.08rem}.table-meta>div+div{border-left:1px solid var(--_bs)}.table-meta .field-label{display:none}.table-meta strong{min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:.32rem;overflow:hidden;font-size:var(--_txs);text-overflow:ellipsis;white-space:nowrap}.active-color{border:1px solid var(--_bd);border-radius:var(--_pill);padding-inline:.55rem;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;background:#0d111ac7}.active-color-visible{min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:.38rem}.active-color-label{color:var(--_tm);font-size:var(--_txs);white-space:nowrap}.active-color strong{display:inline-flex;align-items:center;gap:.38rem;font-family:var(--cz-font-display);font-size:clamp(.88rem,3vw,1.15rem);white-space:nowrap}.color-swatch{width:.55rem;height:.55rem;flex:0 0 auto;border-radius:50%}.active-color .color-swatch{width:.8rem;height:.8rem;border:1px solid #ffffff6b}.color-red{background:var(--cz-color-game-red)}.color-blue{background:var(--cz-color-game-blue)}.color-yellow{background:var(--cz-color-game-yellow)}.color-green{background:var(--cz-color-game-green)}.self-zone{position:relative;border-top:1px solid var(--_bs);padding:.35rem var(--game-inline) .25rem;display:grid;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"toolbar" "hand" "feedback";gap:.18rem}.self-toolbar{grid-area:toolbar;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:var(--_sp3)}.self-toolbar>div{min-width:0}.self-toolbar .field-label{display:none}.self-toolbar strong{display:block;overflow:hidden;font-size:var(--_txs);text-overflow:ellipsis;white-space:nowrap}.player-hand{--hand-step: var(--hand-fan-step);--hand-rotation-gutter: 1.125rem;--hand-revealed-step: min( 2.75rem, calc( ( 100cqi + var(--hand-rotation-gutter) + var(--hand-rotation-gutter) - var(--hand-card-width) ) / 4 ) );--hand-lens-center-shift: 0rem;--hand-focal-scale: 1;grid-area:hand;container-type:inline-size;position:relative;min-width:0;min-height:0;padding:var(--hand-lift-envelope) calc(var(--game-inline) + var(--hand-rotation-gutter)) 1.6rem;display:flex;align-items:end;justify-content:center;overflow:hidden;overscroll-behavior:none;touch-action:pan-y pinch-zoom}.hand-card-slot{--fan-rotation: 0deg;--fan-offset: 0rem;--hand-focal-inline-compensation: 0px;--hand-focal-left-compensation: 0px;position:relative;top:var(--fan-offset);z-index:var(--hand-lens-depth, 1);width:auto;min-width:2.75rem;max-width:4.5rem;height:calc(var(--hand-card-width) * var(--card-aspect));flex:1 1 4.5rem;transform:rotate(var(--fan-rotation));transform-origin:50% 125%;transition:transform var(--cz-motion-state) var(--_ease)}.player-hand[data-hand-scrubbing=true] .hand-card-slot{transition:none}.hand-card-slot[data-fan-band="-4"]{--fan-rotation: -8deg;--fan-offset: -.075rem}.hand-card-slot[data-fan-band="-3"]{--fan-rotation: -6deg;--fan-offset: -.04rem}.hand-card-slot[data-fan-band="-2"]{--fan-rotation: -4deg;--fan-offset: -.02rem}.hand-card-slot[data-fan-band="-1"]{--fan-rotation: -2deg;--fan-offset: -.01rem}.hand-card-slot[data-fan-band="1"]{--fan-rotation: 2deg;--fan-offset: -.01rem}.hand-card-slot[data-fan-band="2"]{--fan-rotation: 4deg;--fan-offset: -.02rem}.hand-card-slot[data-fan-band="3"]{--fan-rotation: 6deg;--fan-offset: -.04rem}.hand-card-slot[data-fan-band="4"]{--fan-rotation: 8deg;--fan-offset: -.075rem}.hand-card-slot:focus-within{z-index:30}.hand-card-slot:has(.is-selected),.hand-card-slot:has(.is-pending),.hand-card-slot:has(.is-newly-drawn){z-index:35}.playing-card.is-newly-drawn:not(.is-selected):not(.is-pending){border-color:var(--cz-color-border-focus);box-shadow:var(--cz-shadow-focus),var(--cz-shadow-card)}.hand-card-slot:last-child{width:var(--hand-card-width);min-width:var(--hand-card-width);max-width:var(--hand-card-width);flex-basis:var(--hand-card-width)}.player-hand[data-hand-mode=STANDARD_FAN] .hand-card-slot{top:calc(var(--fan-offset) + .125rem + var(--cz-hand-card-inset))}.player-hand .hand-card-slot>.playing-card.card-size-large{--card-width: var(--hand-card-width);position:absolute;top:0;left:var(--hand-focal-inline-compensation)}.player-hand[data-hand-density=COMPACT]{--hand-step: var(--hand-fan-step)}.player-hand[data-hand-mode=FOCUS_LENS]{display:block}.player-hand[data-hand-mode=FOCUS_LENS] .hand-card-slot{--fan-offset: 0rem;--fan-rotation: 0deg;--hand-collapsed-step: .25rem;position:absolute;top:auto;bottom:var(--hand-lift-envelope);left:50%;width:var(--hand-card-width);min-width:var(--hand-card-width);max-width:var(--hand-card-width);flex-basis:auto;transform:translate(-50%);transform-origin:50% 125%}.player-hand[data-hand-mode=FOCUS_LENS] .hand-card-slot[data-hand-role^=COLLAPSED]{z-index:0;pointer-events:none}.player-hand[data-hand-mode=FOCUS_LENS] .hand-card-slot[data-hand-role^=COLLAPSED]>.playing-card,.player-hand[data-hand-mode=FOCUS_LENS] .hand-card-slot[data-hand-role=LENS]>.playing-card:not(.is-selected):not(.is-pending):not(.is-newly-drawn){box-shadow:none}.player-hand[data-hand-mode=FOCUS_LENS] .hand-card-slot[data-hand-role=COLLAPSED_LEFT]{transform:translate(calc(-50% - var(--hand-focus-edge))) rotate(var(--fan-rotation))}.player-hand[data-hand-mode=FOCUS_LENS] .hand-card-slot[data-hand-role=COLLAPSED_RIGHT]{transform:translate(calc(-50% + var(--hand-focus-edge))) rotate(var(--fan-rotation))}.player-hand[data-hand-mode=FOCUS_LENS] .hand-card-slot[data-lens-offset]{transform:translate(calc(-50% + var(--hand-lens-center-shift) + var(--hand-lens-x) + var(--hand-focal-left-compensation)))}.player-hand[data-hand-mode=FOCUS_LENS] .hand-card-slot:last-child{width:var(--hand-card-width);flex-basis:auto}.self-feedback-slot{grid-area:feedback;min-width:0;height:1.25rem;display:grid;place-items:center}.self-feedback-slot>*{margin:0}.action-support-zone{border-top:1px solid var(--_bs);padding:.35rem var(--game-inline) max(.35rem,calc(var(--cz-safe-bottom) + .2rem));display:grid;place-items:center;background:#080b12d6}.action-support-zone:has(.primary-game-action){padding-right:max(var(--game-inline),var(--cz-safe-right));place-items:center end}.self-action-zone{width:min(var(--cz-action-panel-max),100%);min-width:0;min-height:2.85rem;display:flex;align-items:center;justify-content:flex-end;gap:var(--_sp2)}.action-context{min-width:0;flex:1 1 auto;display:grid;gap:.08rem}.action-context .field-label,.action-context strong{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-context strong{font-size:var(--_tsm)}.primary-game-action,.draw-action,.catch-action-group{order:1}.catch-action-group{min-width:0;flex:0 1 auto;display:grid;justify-items:end;gap:.15rem}.catch-action-group>span{color:var(--_tm);font-size:var(--_txs);line-height:1.15;text-align:right;overflow-wrap:anywhere}.zero-action,.catch-action{min-height:var(--cz-compact-control-min);padding:.45rem .7rem;flex:0 0 auto;font-size:var(--_txs)}.catch-action{min-height:var(--cz-control-min)}.zero-action.is-dormant{visibility:hidden}.draw-action{min-width:0;flex:0 1 auto;display:flex;align-items:center;gap:var(--_sp2)}.draw-action .draw-button{order:1;min-height:var(--cz-control-min);padding:.45rem .7rem;flex:0 1 auto;font-size:var(--_txs)}.draw-action .draw-attempt{flex:0 0 auto;color:var(--_tm);font-size:var(--_txs);white-space:nowrap}.pending-wild-decision{min-width:0;min-height:var(--cz-control-min);flex:1 1 auto;border:1px solid color-mix(in srgb,var(--_bb) 45%,transparent);border-radius:var(--cz-radius-md);padding:.32rem .4rem .32rem .65rem;display:flex;align-items:center;justify-content:space-between;gap:var(--_sp2);background:var(--cz-color-background-surface-selected)}.pending-wild-copy{min-width:0;display:grid;gap:.04rem}.pending-wild-copy strong,.pending-wild-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pending-wild-copy strong{font-size:var(--cz-pending-wild-helper-text)}.pending-wild-copy span{color:var(--_tm);font-size:var(--cz-pending-wild-tip-text)}.pending-wild-actions{display:flex;gap:var(--_sp2)}.pending-wild-actions .button{min-height:var(--cz-pending-wild-control-min);padding:.35rem .55rem;font-size:var(--cz-pending-wild-option-text)}@media(min-width:48rem)and (min-height:32rem){.game-board{--game-inline: clamp(1.5rem, 4vw, 5rem);--hand-card-width: clamp( 5.25rem, min(9vw, var(--cz-hand-card-fluid)), var(--cz-hand-card-max) );grid-template-rows:auto clamp(6rem,13dvh,8.5rem) clamp(3.75rem,7.5dvh,5rem) minmax(12rem,1fr) clamp(12.5rem,28dvh,var(--cz-hand-zone-max)) clamp(3.75rem,8dvh,5.25rem)}.opponent-zone{grid-template-columns:minmax(12rem,1fr) minmax(12rem,auto) minmax(12rem,1fr);grid-template-areas:"summary cards spacer"}.opponent-cards{width:12rem;justify-self:center}.opponent-cards .playing-card.card-size-small,.opponent-cards{--card-width: clamp(3.5rem, min(6vw, 8dvh), 4.75rem)}.turn-event-zone{grid-template-columns:minmax(16rem,20rem) minmax(16rem,20rem);justify-content:center}.piles{gap:clamp(5rem,12vw,11rem)}.piles .playing-card.card-size-hero,.piles .empty-card-slot{--card-width: clamp(6rem, min(18vw, 13.5dvh), var(--cz-hero-card-max))}.self-zone,.action-support-zone{padding-inline:clamp(3rem,8vw,9rem)}.player-hand{--hand-step: var(--hand-fan-step);padding-bottom:.9rem}.hand-card-slot{top:var(--fan-offset)}.player-hand[data-hand-density=COMPACT]{--hand-step: var(--hand-fan-step)}}@media(min-width:100rem)and (min-height:50rem){.game-board{--hand-card-width: clamp( 5.25rem, min(9vw, var(--cz-hand-card-fluid)), var(--cz-hand-card-max) )}.turn-event-zone{grid-template-columns:22rem 24rem}}@media(max-width:27rem)and (min-height:32rem){.game-board{--game-inline: .55rem;grid-template-rows:auto clamp(4.6rem,10.5dvh,5.75rem) clamp(3.25rem,6.8dvh,4rem) minmax(10rem,1fr) clamp(11.5rem,28dvh,14rem) clamp(3.5rem,8dvh,4.5rem)}.game-top-zone.app-header{gap:.25rem}.turn-event-zone{gap:.3rem}.turn-banner{padding-inline:.5rem}.turn-detail{display:none}.game-event-trail{padding-inline:.4rem}.piles{gap:clamp(1.5rem,10vw,3rem)}.table-meta{padding-inline:.4rem}.pending-wild-copy span{display:none}}@media(max-width:27rem)and (min-height:32rem)and (max-height:43rem){.player-hand{padding-bottom:0}.player-hand[data-hand-mode=FOCUS_LENS] .hand-card-slot{bottom:.625rem}}@media(max-height:31rem)and (min-width:35.5rem){.game-board{--game-inline: clamp(.45rem, 1.4vw, .85rem);--hand-card-width: clamp(4.2rem, min(9.2vw, 23dvh), 6.15rem);grid-template-areas:"top top top" "opponent turn hand" "opponent table hand" "opponent table action";grid-template-columns:minmax(7.5rem,.72fr) minmax(15rem,1.45fr) minmax(12rem,1.1fr);grid-template-rows:auto auto minmax(0,1fr) auto}.game-top-zone.app-header{min-height:2.65rem;padding-block:.2rem}.game-top-zone .connection-pill{min-height:1.75rem;padding-block:.2rem}.game-top-zone .button{min-height:1.9rem}.opponent-zone{border-right:1px solid var(--_bs);border-bottom:0;padding:.4rem;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);grid-template-areas:"summary" "cards";align-items:stretch;gap:.25rem}.player-summary{align-content:start}.player-summary strong{font-size:.72rem}.player-summary>span,.zero-badge,.bot-thinking{font-size:.55rem}.opponent-cards,.opponent-cards .playing-card.card-size-small{--card-width: clamp(2.4rem, min(5vw, 15dvh), 3.4rem)}.opponent-cards{width:100%;justify-self:center;align-self:center}.turn-event-zone{border-right:1px solid var(--_bs);padding:.25rem .4rem;gap:.3rem}.turn-banner{min-height:2.15rem;padding:.2rem .4rem}.turn-detail{display:none}.game-event-trail{height:2.15rem;padding-inline:.35rem}.table-zone{border-right:1px solid var(--_bs);padding:.3rem .45rem;gap:.2rem}.piles{gap:clamp(1rem,3vw,2.25rem)}.piles .playing-card.card-size-hero,.piles .empty-card-slot{--card-width: clamp(4rem, min(8.5vw, 23dvh), 5.6rem)}.pile-group{gap:.15rem}.pile-label{font-size:.55rem}.table-meta{min-height:1.65rem;padding:.18rem .3rem}.table-meta strong,.active-color strong{font-size:.66rem}.active-color{padding:.18rem .45rem;gap:.3rem}.self-zone{border-top:0;padding:.25rem .35rem}.self-toolbar strong{font-size:.58rem}.player-hand{--hand-step: var(--hand-fan-step);--hand-revealed-step: min( 2.75rem, calc( ( 100cqi + var(--hand-rotation-gutter) + var(--hand-rotation-gutter) - var(--hand-card-width) ) / 4 ) )}.player-hand[data-hand-density=COMPACT]{--hand-step: var(--hand-fan-step)}.hand-card-slot{transition:none}.player-hand{padding:var(--hand-lift-envelope) calc(.35rem + var(--hand-rotation-gutter)) 1.35rem}.self-feedback-slot{height:.85rem}.action-support-zone{border-top:1px solid var(--_bs);padding:.25rem .35rem max(.25rem,var(--cz-safe-bottom))}.action-support-zone:has(.primary-game-action){padding-right:max(.35rem,var(--cz-safe-right));place-items:center end}.self-action-zone{min-height:2.2rem}.action-context{justify-items:center;text-align:center}.action-context .field-label{display:none}.zero-action,.catch-action,.draw-action .draw-button{min-height:1.85rem;padding:.25rem .45rem;font-size:.56rem}.catch-action,.draw-action .draw-button{min-height:2.75rem}.draw-action .draw-attempt{display:none}.pending-wild-decision{min-height:2rem;padding-block:.2rem}.pending-wild-copy{display:none}.pending-wild-actions .button{min-height:1.75rem;padding:.2rem .35rem;font-size:.56rem}}@media(max-height:28rem)and (max-width:35.49rem){.game-board{grid-template-rows:auto 4.6rem 3.35rem 11rem 12rem 3.75rem}}@media(max-width:47.99rem){.game-board{--hand-card-width: clamp(4.75rem, min(20.5vw, 17dvh), 6rem)}}@media(max-width:47.99rem)and (min-height:32rem){.player-hand{--hand-focal-scale: 1.055}.player-hand:not([data-hand-scrubbing=true]) .hand-card-slot[data-hand-focal=true]>.playing-card,.player-hand[data-hand-scrubbing=true] .hand-card-slot[data-scrub-focus=true]>.playing-card{scale:var(--hand-focal-scale);transform-origin:50% 0%}.player-hand[data-hand-mode=STANDARD_FAN]:not([data-hand-scrubbing=true]) .hand-card-slot[data-hand-focal=true][data-fan-band="-4"],.player-hand[data-hand-mode=STANDARD_FAN][data-hand-scrubbing=true] .hand-card-slot[data-scrub-focus=true][data-fan-band="-4"]{--hand-focal-inline-compensation: calc(var(--hand-card-width) * .0275)}.player-hand[data-hand-mode=STANDARD_FAN]:not([data-hand-scrubbing=true]) .hand-card-slot[data-hand-focal=true][data-fan-band="4"],.player-hand[data-hand-mode=STANDARD_FAN][data-hand-scrubbing=true] .hand-card-slot[data-scrub-focus=true][data-fan-band="4"]{--hand-focal-inline-compensation: calc(var(--hand-card-width) * -.0275)}.player-hand:not([data-hand-scrubbing=true]) .hand-card-slot[data-lens-offset^="-"],.player-hand[data-hand-scrubbing=true] .hand-card-slot[data-lens-offset^="-"]{--hand-focal-left-compensation: calc(var(--hand-card-width) * -.0275)}}@media(prefers-reduced-motion:reduce){.table-zone,.hand-card-slot{transition:none}.playing-card.is-selected,button.playing-card:hover:not(:disabled),button.playing-card:focus-visible:not(:disabled):not(.is-selected){transform:none}.playing-card.is-selected{outline:3px solid var(--_ba);outline-offset:2px}}.motion-hidden{visibility:hidden}.wordmark{display:inline-flex;align-items:center;color:var(--_tp);font-family:var(--cz-font-display);font-size:clamp(.88rem,1.8vw,1rem);font-weight:650;letter-spacing:.08em;line-height:1;text-decoration:none}.wordmark h1{margin:0;font:inherit}.wordmark-compact{font-size:clamp(.72rem,1.4vw,.88rem)}.ui-icon,.button-icon{width:1rem;height:1rem;flex:0 0 auto;filter:brightness(0) saturate(100%) invert(91%) sepia(6%) saturate(378%) hue-rotate(357deg) brightness(103%) contrast(88%)}.button-primary .button-icon{filter:brightness(0) saturate(100%) invert(7%) sepia(15%) saturate(1321%) hue-rotate(182deg) brightness(94%) contrast(93%)}.icon-button{gap:.45rem}.action-card,.panel,.dialog,.access-card{border:1px solid var(--_bs);border-radius:var(--cz-radius-xl);background:linear-gradient(145deg,rgba(255,255,255,.025),transparent 48%),var(--cz-color-background-surface);box-shadow:var(--cz-shadow-panel);backdrop-filter:none}.field{min-width:0;display:grid;gap:.32rem;margin:0}.text-input{width:100%;min-width:0;min-height:max(3rem,var(--cz-control-min));border:1px solid var(--_bd);border-radius:var(--cz-radius-sm);padding:.68rem .82rem;background:var(--cz-color-background-canvas-deep);color:var(--_tp);line-height:1.2;transition-property:border-color,background,box-shadow;transition-duration:var(--_press);transition-timing-function:var(--_ease)}.text-input::placeholder{color:var(--cz-color-text-subtle)}.text-input:focus{border-color:var(--cz-color-border-focus);background:var(--cz-color-background-canvas-deep);box-shadow:var(--cz-shadow-focus)}.text-input[readonly]{color:var(--_cs);font-weight:720;letter-spacing:.08em}.button{min-width:0;min-height:var(--cz-control-min);border:1px solid transparent;border-radius:var(--cz-radius-sm);padding:.62rem .85rem;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;font-weight:690;line-height:1.15;text-align:center;cursor:pointer;transition-property:transform,border-color,background,color,opacity,box-shadow;transition-duration:var(--_press);transition-timing-function:var(--_ease)}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(0) scale(.99)}.button:disabled{cursor:not-allowed;opacity:.43}.button-primary{background:var(--cz-color-background-brand);color:var(--cz-color-text-inverse);box-shadow:inset 0 1px #ffffff8c,0 .65rem 1.4rem #00000036}.button-primary:hover:not(:disabled){box-shadow:inset 0 1px #ffffffa6,0 .85rem 1.8rem #00000045}.button-secondary{border-color:color-mix(in srgb,var(--_bb) 58%,transparent);background:var(--cz-color-background-surface-selected);color:var(--cz-color-text-brand)}.button-quiet{border-color:var(--_bs);background:#ffffff06;color:var(--_tm)}.button-wide{width:100%}.button-small{min-height:var(--cz-compact-control-min);padding:.48rem .7rem;font-size:.78rem}.privacy-note,.back-link{margin:0;color:var(--_tm);font-size:.74rem;text-align:center}.back-link{text-decoration:underline;text-decoration-color:#f0ebe259;text-underline-offset:.18rem}.error-banner{width:min(44rem,calc(100% - 1rem));margin-inline:auto;border:1px solid rgba(232,115,124,.36);border-radius:var(--cz-radius-md);padding:.65rem .8rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:#24171e;color:#f4c7cb;font-size:.8rem}.error-banner.is-critical{border-color:#e8737c9e}.app-header{position:relative;z-index:var(--cz-z-header);width:min(var(--cz-shell-max),100%);min-height:3.35rem;margin-inline:auto;padding:.4rem max(.65rem,var(--_sr)) .4rem max(.65rem,var(--_sl));display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.55rem}.app-header>.button{justify-self:end}.connection-pill{min-width:0;min-height:2rem;border:1px solid var(--_bs);border-radius:var(--_pill);padding:.32rem .6rem;display:inline-flex;align-items:center;gap:.42rem;background:#ffffff05;color:var(--_tm);font-size:.7rem}.connection-pill span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-dot{width:.45rem;height:.45rem;flex:0 0 auto;border-radius:50%;background:#657087;box-shadow:0 0 0 .16rem #65708721}.status-dot.is-online{background:var(--cz-color-state-success);box-shadow:0 0 0 .16rem #56c9951f}.status-dot.is-offline{background:var(--cz-color-state-error)}.lobby-shell{height:100vh;min-height:0;padding-bottom:max(var(--_sp4),var(--cz-safe-bottom))}.lobby-shell>.error-banner{position:absolute;z-index:25;top:max(3.8rem,calc(var(--cz-safe-top) + 3rem));left:50%;transform:translate(-50%)}.lobby-grid{width:min(var(--cz-content-stage-max),100%);min-width:0;min-height:0;margin:0 auto;padding:clamp(.75rem,2vh,1.5rem) .25rem .25rem;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-content:center;gap:clamp(1rem,3vw,2rem);overflow-y:auto;overscroll-behavior:contain}.panel{min-width:0;padding:clamp(1rem,2.6vw,1.65rem)}.lobby-grid .panel{width:100%;max-width:var(--cz-lobby-panel-max)}.lobby-room-column{min-width:0;display:grid;align-content:center;gap:var(--_sp4)}.lobby-title{margin:0;font-size:clamp(1.65rem,3vw,2.4rem);line-height:1.08}.center-panel h1{margin-bottom:.55rem;font-size:clamp(1.5rem,3vw,2.35rem);letter-spacing:-.045em}.invite-panel{border-color:color-mix(in srgb,var(--_bb) 78%,transparent);padding:clamp(1.25rem,3vw,2rem);display:grid;gap:var(--_sp4)}.room-code{min-width:0;font-family:var(--cz-font-display);font-size:clamp(2.25rem,5vw,3.3rem);font-weight:650;letter-spacing:.1em;line-height:1;overflow-wrap:anywhere}.invite-url{min-width:0;overflow:hidden;color:var(--_tm);font-size:var(--_tsm);text-overflow:ellipsis;white-space:nowrap}.invite-actions{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--_sp3)}.players-panel{position:relative;display:flex;flex-direction:column}.players-heading{display:flex;align-items:center;gap:.5rem}.players-heading .eyebrow{margin:0}.participant-list{margin:var(--_sp4) 0;padding:0;display:grid;gap:var(--_sp2);list-style:none}.participant-row{min-width:0;min-height:4rem;border:1px solid var(--_bd);border-radius:var(--cz-radius-md);padding-inline:var(--_sp4);display:flex;align-items:center;justify-content:space-between;gap:var(--_sp3);background:var(--cz-color-background-surface-raised)}.participant-row:first-child{border-color:color-mix(in srgb,var(--_bb) 24%,transparent)}.participant-name{min-width:0;display:inline-flex;align-items:center;gap:.55rem;font-weight:680}.participant-name span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participant-role{flex:0 0 auto;color:var(--_tm);font-size:var(--_txs)}.lobby-state-chip{width:fit-content;margin:0 auto var(--_sp4);border:1px solid color-mix(in srgb,var(--_bb) 55%,transparent);border-radius:var(--_pill);padding:.45rem .8rem;display:inline-flex;align-items:center;justify-content:center;gap:var(--_sp2);color:var(--cz-color-text-brand);font-size:var(--_txs)}.lobby-state-chip.is-ready{border-color:color-mix(in srgb,var(--cz-color-state-success) 52%,transparent);color:var(--cz-color-text-success)}.lobby-actions{margin-top:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--_sp3)}.waiting-message{grid-column:1 / -1;margin:0;color:var(--_tm);font-size:var(--_tsm);line-height:1.35;text-align:center}.center-panel{width:min(34rem,calc(100% - 1.5rem));margin:auto;text-align:center}.playing-card{--card-local: var(--cz-color-card-back);--card-height: calc(var(--card-width) * var(--card-aspect));--card-symbol-scale: .477;--card-symbol-shift-y: 0em;position:relative;width:var(--card-width);height:var(--card-height);border:max(1px,calc(var(--card-width) * .01136)) solid var(--_cs);border-radius:calc(var(--card-width) * .15625);padding:0;overflow:hidden;background:var(--card-local);color:var(--cz-color-card-front);box-shadow:var(--cz-shadow-card);transform:translateZ(0);transform-origin:50% 100%;isolation:isolate}.playing-card.card-size-small{--card-width: var(--cz-card-small-width)}.playing-card.card-size-medium{--card-width: var(--cz-card-medium-width)}.playing-card.card-size-large{--card-width: var(--cz-card-large-width)}.playing-card.card-size-hero{--card-width: var(--cz-card-hero-width)}.opponent-fan>.opponent-card{position:absolute;inset:0}.playing-card.card-red{--card-local: var(--cz-color-game-red)}.playing-card.card-blue{--card-local: var(--cz-color-game-blue)}.playing-card.card-yellow{--card-local: var(--cz-color-game-yellow);color:var(--cz-color-card-ink)}.playing-card.card-green{--card-local: var(--cz-color-game-green)}.playing-card.card-wild{--card-local: var(--cz-color-card-back)}.card-luminous-seam{position:absolute;z-index:2;inset:3.03%;border:max(1px,calc(var(--card-width) * .01136)) solid var(--_cs);border-radius:calc(var(--card-width) * .13636);pointer-events:none}.card-orbit-field{position:absolute;z-index:1;top:50%;left:50%;width:63.64%;aspect-ratio:.718 / 1;transform:translate(-50%,-50%);pointer-events:none}.card-orbit-art,.card-action-glyph{display:block;width:100%;height:100%}.chromatic-orbit img{display:block}.card-center{position:absolute;z-index:3;inset:19.7% 17.05%;display:grid;place-content:center;text-align:center;pointer-events:none}.card-symbol{font-family:var(--cz-font-display);font-size:calc(var(--card-width) * var(--card-symbol-scale));font-weight:800;letter-spacing:-.055em;line-height:.95;transform:translateY(var(--card-symbol-shift-y))}.card-corner{position:absolute;z-index:4;min-width:17%;font-family:var(--cz-font-display);font-size:calc(var(--card-width) * .159);font-weight:650;letter-spacing:-.04em;line-height:1;text-align:center}.card-kind-number .card-symbol,.card-kind-number .card-corner{font-family:var(--cz-font-sans);font-feature-settings:"zero" 1;font-weight:800}.card-corner-top{top:6.05%;left:6.67%}.card-corner-bottom{right:6.67%;bottom:6.05%;transform:rotate(180deg)}.card-choice-corner{width:17%;min-width:0;height:auto}.card-kind-skip .card-center,.card-kind-reverse .card-center{inset:34.1% 26.2%}.playing-card[data-card-value="0"]{--card-symbol-scale: .455}.card-kind-draw-two{--card-symbol-scale: .35}.card-kind-wild .card-corner,.card-kind-wild-four .card-corner{font-size:calc(var(--card-width) * .102)}.card-kind-wild-four .card-center{z-index:3}.card-action-glyph{position:absolute;inset:0;object-fit:contain}.chromatic-orbit{position:absolute;top:50%;left:50%;width:80.35%;aspect-ratio:1;transform:translate(-50%,-50%)}.chromatic-field,.chromatic-ring,.chromatic-nucleus,.chromatic-choice-signal{position:absolute}.chromatic-field{inset:-15.4%;width:130.8%;height:130.8%}.chromatic-orbit-arc{position:absolute;width:46.9%;height:46.9%}.chromatic-orbit-red{right:0;bottom:0}.chromatic-orbit-blue{bottom:0;left:0}.chromatic-orbit-yellow{top:0;left:0}.chromatic-orbit-green{top:0;right:0}.chromatic-ring{inset:-3.25%;width:106.5%;height:106.5%}.chromatic-nucleus-wild{inset:35%;width:30%;height:30%}.chromatic-nucleus-wild4{inset:28%;width:44%;height:44%}.chromatic-choice-signal{inset:45.5%;width:9%;height:9%}.card-back{--card-local: var(--cz-color-card-back)}.card-back-wordmark{position:absolute;z-index:4;bottom:9%;left:50%;width:75%;color:var(--cz-color-card-front);font-family:var(--cz-font-display);font-size:calc(var(--card-width) * .0625);font-weight:650;letter-spacing:.1em;line-height:1;text-align:center;transform:translate(-50%)}.empty-card-slot{width:var(--card-width);height:var(--card-height);border:1px dashed var(--_bd);border-radius:calc(var(--card-width) * .145);display:grid;place-items:center;color:var(--_tm);font-size:.68rem}button.playing-card{--_card-unavailable-filter: grayscale(.42) saturate(.38) brightness(.62) contrast(.96);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition-property:transform,scale,filter,opacity,box-shadow,border-color;transition-duration:var(--cz-motion-select),var(--cz-motion-select),var(--_press),var(--_press),var(--cz-motion-select),var(--_press);transition-timing-function:var(--_ease);will-change:transform}.primary-game-action{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button.playing-card.is-playable:not(:disabled){transform:translateY(-.24rem)}@media(hover:hover)and (pointer:fine){button.playing-card.is-playable:hover:not(:disabled):not(.is-selected){transform:translateY(-.52rem)}}button.playing-card.is-playable:focus-visible:not(:disabled):not(.is-selected){transform:translateY(-.52rem)}button.playing-card:focus-visible{outline-color:var(--cz-color-border-focus);box-shadow:var(--cz-shadow-focus),var(--cz-shadow-card)}.playing-card.is-playable{border-color:color-mix(in srgb,var(--_ba) 36%,var(--_cs));filter:saturate(1.08) brightness(1.04) contrast(1.02)}.playing-card.is-unplayable:not(.is-selected):not(.is-pending){border-color:color-mix(in srgb,var(--_bd) 82%,transparent);filter:var(--_card-unavailable-filter);opacity:1;box-shadow:inset 0 0 0 1px #080b122e,var(--cz-shadow-card);transform:translateY(.12rem)}.player-hand .playing-card.is-unplayable:not(.is-selected):not(.is-pending){transform:none}.playing-card.is-unplayable:not(.is-selected):not(.is-pending):hover,.playing-card.is-unplayable:not(.is-selected):not(.is-pending):focus-visible{filter:var(--_card-unavailable-filter)}.playing-card.is-selected,.playing-card.is-pending{filter:saturate(1.08) brightness(1.04) contrast(1.02)}.playing-card.is-selected{z-index:40;transform:translateY(-.875rem);box-shadow:0 0 0 2px var(--_ba),var(--cz-shadow-card)}.playing-card.is-pending{z-index:35;border-color:var(--_ba)}.playing-card.is-rejected{animation:card-reject var(--cz-motion-invalid) var(--_ease) 1}button.playing-card:disabled:not(.is-selected):not(.is-pending),.game-shell[data-presentation-state=OPPONENT_TURN] button.playing-card:disabled:not(.is-selected):not(.is-pending),.game-shell[data-presentation-state=BOT_THINKING] button.playing-card:disabled:not(.is-selected):not(.is-pending){cursor:default;filter:var(--_card-unavailable-filter);opacity:1}.action-support-zone[data-motion-phase=travel] .self-action-zone{visibility:hidden}.zero-action{border-color:#d5b98b4d;background:var(--cz-color-background-surface-selected);color:var(--_cs)}.zero-action.is-armed{border-color:var(--_cs);background:#d5b98b33}.catch-action{border-color:#e8737c52;background:#ee73791f;color:#f2b9be}.invalid-card-feedback{width:fit-content;min-height:1.55rem;border:1px solid rgba(240,235,226,.1);border-radius:var(--_pill);padding:.24rem .58rem;background:#0a0d16eb;color:var(--cz-color-text-secondary);font-size:.66rem;animation:feedback-in var(--cz-motion-invalid) var(--_ease)}.modal-layer{position:fixed;z-index:var(--cz-z-overlay);inset:0;padding:max(var(--_sp4),var(--cz-safe-top)) max(var(--_sp4),var(--_sr)) max(var(--_sp4),var(--cz-safe-bottom)) max(var(--_sp4),var(--_sl));display:flex;align-items:center;justify-content:center;overflow-y:auto;background:#0405089e;backdrop-filter:blur(4px);animation:fade-in var(--cz-motion-overlay) var(--_ease)}.dialog{width:min(var(--cz-decision-dialog-inline),100%);max-height:calc(100dvh - 1.5rem);margin-block:auto;padding:clamp(1.1rem,4vw,1.7rem);overflow-y:auto;animation:dialog-enter var(--cz-motion-overlay) var(--_ease)}.dialog h2{margin-bottom:.6rem;font-size:clamp(1.35rem,4.5vw,1.9rem);letter-spacing:-.035em}.result-card{width:min(var(--cz-result-panel-max),100%);display:grid;grid-template-columns:12rem minmax(0,1fr);align-items:center;gap:.75rem;text-align:left}.result-card-art{grid-row:1 / span 7;grid-column:1;display:grid;place-items:center}.result-card-art .playing-card{--card-width: clamp(7.5rem, 12vw, 10rem)}.result-card>:not(.result-card-art){grid-column:2}.result-card .eyebrow,.result-card h2,.result-card .muted,.rematch-status{margin:0}.rematch-status{color:var(--_tm);font-size:.72rem}.color-dialog{text-align:center}.color-dialog>.muted{margin-bottom:0;font-size:var(--cz-decision-helper-text)}.radial-color-picker{position:relative;width:min(var(--cz-decision-picker-size),68vw,43dvh);min-width:10rem;aspect-ratio:1;margin:.8rem auto 1rem;display:grid;grid-template:repeat(2,1fr) / repeat(2,1fr);gap:.42rem;border:0;border-radius:50%;background:var(--cz-color-background-surface-interactive);box-shadow:var(--cz-shadow-card)}.radial-color-picker:before{position:absolute;z-index:2;inset:-.55rem;border:2px dashed color-mix(in srgb,var(--_ba) 78%,transparent);border-radius:50%;content:"";opacity:.82;pointer-events:none}.radial-color-center{position:absolute;z-index:6;top:50%;left:50%;width:clamp(5.5rem,46%,6.5rem);aspect-ratio:1;border:1px solid color-mix(in srgb,var(--_bb) 46%,transparent);border-radius:50%;display:grid;grid-template:repeat(2,.5rem) / repeat(2,.5rem);place-content:center;gap:.34rem;background:var(--cz-color-background-canvas);box-shadow:inset 0 0 0 .55rem var(--cz-color-background-surface-raised),0 .7rem 1.8rem #00000057;pointer-events:none;transform:translate(-50%,-50%)}.radial-color-marker{width:.5rem;aspect-ratio:1;border:1px solid color-mix(in srgb,white 20%,transparent);border-radius:50%;opacity:.72}.radial-color-marker.marker-red{background:var(--cz-color-game-red)}.radial-color-marker.marker-blue{background:var(--cz-color-game-blue)}.radial-color-marker.marker-yellow{background:var(--cz-color-game-yellow)}.radial-color-marker.marker-green{background:var(--cz-color-game-green)}.color-option{z-index:3;width:100%;min-width:0;min-height:0;border:0;border-radius:0;padding:0;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.05rem;font-size:var(--cz-decision-option-text);font-weight:760;cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition-property:filter,opacity;transition-duration:var(--_press);transition-timing-function:var(--_ease)}.color-option-count{font-family:var(--cz-font-display);font-size:var(--cz-decision-count-text)}.color-option[data-color=RED]{grid-row:2;grid-column:2;border-radius:0 0 100%}.color-option[data-color=BLUE]{grid-row:2;grid-column:1;border-radius:0 0 0 100%}.color-option[data-color=YELLOW]{grid-row:1;grid-column:1;border-radius:100% 0 0;color:#231c0b}.color-option[data-color=GREEN]{grid-row:1;grid-column:2;border-radius:0 100% 0 0}.color-option:hover,.color-option.is-selected{filter:brightness(1.16) saturate(1.06)}.color-option.is-selected{box-shadow:inset 0 0 0 .24rem #fff8e7b8}.color-option:focus-visible{z-index:5;outline:0;filter:brightness(1.12);box-shadow:inset 0 0 0 .24rem #fff8e7cc,inset 0 0 0 .48rem var(--cz-color-border-focus)}.connection-overlay{position:fixed;z-index:var(--cz-z-toast);right:max(.75rem,var(--_sr));bottom:max(.75rem,var(--cz-safe-bottom));left:max(.75rem,var(--_sl));width:min(33rem,calc(100% - 1.5rem));margin-inline:auto;border:1px solid rgba(213,185,139,.25);border-radius:var(--cz-radius-md);padding:.75rem;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;background:#191b25;box-shadow:var(--cz-shadow-panel);animation:overlay-enter var(--cz-motion-overlay) var(--_ease)}.connection-icon{width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;background:var(--cz-color-background-surface-selected);color:var(--_cs);animation:connection-spin 1.2s linear infinite}.connection-icon.is-stopped{color:var(--cz-color-state-error);animation:none}.connection-overlay strong,.connection-overlay p{margin:0}.connection-overlay p{color:var(--_tm);font-size:.7rem;line-height:1.35}.toast{position:fixed;z-index:calc(var(--cz-z-toast) + 1);top:max(.75rem,var(--cz-safe-top));right:max(.75rem,var(--_sr));left:max(.75rem,var(--_sl));width:max-content;max-width:calc(100% - max(.75rem,var(--_sl)) - max(.75rem,var(--_sr)));margin-inline:auto;border:1px solid var(--_bd);border-radius:var(--_pill);padding:.55rem .8rem;background:#171c27;box-shadow:var(--cz-shadow-panel);color:var(--cz-color-text-secondary);font-size:.76rem;text-align:center;animation:toast-in var(--cz-motion-invalid) var(--_ease)}.motion-card,.motion-effect{position:fixed;z-index:var(--cz-z-motion);inset:0 auto auto 0;margin:0;pointer-events:none;transform-origin:center;will-change:transform,opacity}.motion-active-color-wave{position:absolute;z-index:0;inset:clamp(.4rem,1.2dvh,.9rem) var(--game-inline);border-radius:clamp(1.25rem,5vw,3rem);pointer-events:none;transform-origin:center;will-change:transform,opacity}.motion-active-color-wave.wave-red{--wave-color: var(--cz-color-game-red)}.motion-active-color-wave.wave-blue{--wave-color: var(--cz-color-game-blue)}.motion-active-color-wave.wave-yellow{--wave-color: color-mix(in srgb, var(--cz-color-game-yellow) 72%, #a06f12)}.motion-active-color-wave.wave-green{--wave-color: var(--cz-color-game-green)}.motion-active-color-wave.is-ambient-wave{background:radial-gradient(ellipse at 50% 46%,color-mix(in srgb,var(--wave-color) 24%,transparent) 0,color-mix(in srgb,var(--wave-color) 13%,transparent) 42%,transparent 76%)}.table-zone>.piles,.table-zone>.table-meta{position:relative;z-index:1}.motion-card{container-type:size;filter:drop-shadow(0 1.25rem 1.75rem rgba(0,0,0,.5));transform-origin:top left}.motion-card .playing-card{--card-width: 100cqi;width:100%;height:100%}.motion-card.is-compact-penalty{filter:drop-shadow(0 .75rem 1.1rem rgba(0,0,0,.42))}.motion-cue{position:fixed;z-index:var(--cz-z-motion);border:2px solid var(--_ba);border-radius:var(--card-radius);box-shadow:0 0 0 1px #eed2a53d,inset 0 0 0 1px #eed2a51f;pointer-events:none}.motion-cue.is-target{border-color:var(--_ia)}.motion-effect{top:42%;left:50%;max-width:min(22rem,calc(100vw - 2rem));border:1px solid var(--_bd);border-radius:var(--_pill);padding:.55rem .85rem;background:#151a25;box-shadow:var(--cz-shadow-panel);color:var(--_tp);font-size:.75rem;font-weight:720;text-align:center}@keyframes panel-enter{0%{opacity:0;transform:translateY(.35rem)}}@keyframes card-reject{0%,to{transform:translate(0)}25%{transform:translate(-.28rem) rotate(-.6deg)}55%{transform:translate(.24rem) rotate(.45deg)}78%{transform:translate(-.1rem)}}@keyframes feedback-in{0%{opacity:0;transform:translateY(.2rem)}}@keyframes fade-in{0%{opacity:0}}@keyframes dialog-enter{0%{opacity:0;transform:translateY(.45rem) scale(.985)}}@keyframes overlay-enter{0%{opacity:0;transform:translateY(.4rem)}}@keyframes toast-in{0%{opacity:0;transform:translateY(-.35rem)}}@keyframes connection-spin{to{transform:rotate(1turn)}}@media(max-width:48rem){.lobby-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);align-content:start}.lobby-room-column{gap:var(--_sp3)}.invite-panel,.players-panel{padding:1rem}.lobby-title{font-size:clamp(1.45rem,7vw,1.85rem)}.invite-panel{gap:var(--_sp3)}.room-code{font-size:clamp(2.1rem,11vw,2.85rem)}.players-panel{min-height:0}.participant-list{margin-block:var(--_sp3)}.participant-row{min-height:3.65rem}.lobby-state-chip{margin-bottom:var(--_sp3)}.result-card{width:min(24rem,100%);grid-template-columns:1fr;justify-items:center;text-align:center}.result-card-art{grid-row:auto;grid-column:1}.result-card-art .playing-card{--card-width: clamp(5.5rem, min(28vw, 18dvh), 8rem)}.result-card>:not(.result-card-art){grid-column:1}}@media(max-width:64rem){.lobby-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);align-content:start}}@media(max-width:30rem){.app-header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.35rem}.app-header .connection-pill{grid-row:auto;grid-column:auto;justify-self:center;min-height:1.65rem;padding-block:.2rem}.game-shell .connection-pill .connection-label{display:none}.game-shell .connection-pill{width:2.2rem;min-width:2.2rem;justify-content:center;padding-inline:0}.app-header>.button{min-width:2.45rem;padding-inline:.55rem}.app-header>.button span{display:none}.connection-overlay{grid-template-columns:auto minmax(0,1fr)}.connection-overlay>.button{grid-column:1 / -1;width:100%}}.game-shell .app-header{grid-template-columns:minmax(0,1fr) auto auto}.game-shell .app-header .connection-pill{grid-row:auto;grid-column:auto;justify-self:center}@media(max-height:35.99rem){.game-shell .app-header{min-height:2.7rem;padding-block:.2rem;grid-template-columns:minmax(0,1fr) auto auto}.game-shell .app-header .connection-pill{grid-row:auto;grid-column:auto;min-height:1.75rem;padding-block:.2rem}.game-shell .app-header .button{min-height:1.9rem}.dialog{padding:.85rem}.radial-color-picker{width:min(11.5rem,42vw,58dvh);min-width:8.5rem;margin-block:.35rem .55rem}.color-option{min-width:2.5rem;min-height:2.5rem}}.game-shell .app-header .game-header-icon-button{width:2.75rem;min-width:2.75rem;min-height:var(--cz-control-min);padding:0}.primary-game-action,.result-card .button-primary{min-height:var(--cz-game-primary-min)}@media(pointer:coarse){.button,.mode-option,.color-option{min-height:max(3rem,var(--cz-control-min))}.primary-game-action,.result-card .button-primary{min-height:max(3rem,var(--cz-game-primary-min))}button.playing-card:hover:not(:disabled){transform:none}}@media(prefers-reduced-motion:reduce){.mode-option,.button,button.playing-card,.color-option{transition:none}.playing-card.is-selected,.playing-card.is-pending{outline:3px solid var(--_ba);outline-offset:2px;transform:none}.draw-pile-group.is-primary-action,.playing-card.is-rejected,.connection-icon{animation-name:fade-in}}