@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--shimmer-angle:20deg;--hold-progress:0%}*,: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-border-style:solid;--tw-font-weight: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;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0;--scroll-fade-t:0px;--scroll-fade-b:0px;--scroll-fade-s:0px;--scroll-fade-e:0px;--scroll-fade-mask:initial;--shimmer-image:initial;--shimmer-text-fill:initial}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--font-weight-semibold:600;--font-weight-bold:700;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-ui);--default-mono-font-family:var(--font-mono);--radius-sm:var(--radius-sm);--radius-md:var(--radius-md);--radius-lg:var(--radius-lg);--radius-pill:var(--radius-pill);--text-xs:var(--text-xs);--text-sm:var(--text-sm);--text-base:var(--text-base);--text-md:var(--text-md);--text-lg:var(--text-lg);--text-xl:var(--text-xl);--text-2xl:var(--text-2xl)}}@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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}img,svg,video{vertical-align:baseline;display:inline}img,video{max-width:none}dialog{margin:auto}img,svg{-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}body{background-color:var(--bg);min-height:100svh;color:var(--ink);font-family:var(--font-ui);font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-normal);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}h1,h2,h3,h4{margin:0 0 var(--space-3);color:var(--ink);font-weight:var(--weight-semi);line-height:var(--leading-tight);text-wrap:balance}h1{font-family:var(--font-type-line);font-variation-settings:var(--axes-type-line);font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-display)}h2{font-family:var(--font-type-line);font-variation-settings:var(--axes-type-line);font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:-.015em}h3{font-size:var(--text-lg);letter-spacing:-.01em}h4{font-size:var(--text-md)}p{margin:0 0 var(--space-3);max-width:var(--measure);text-wrap:pretty}a{color:var(--rune);text-underline-offset:2px;transition:color var(--dur) var(--ease-out);text-decoration-line:underline;text-decoration-color:#82dcfa66}@media(hover:hover)and (pointer:fine){a:hover{color:var(--rune-bright);text-decoration-color:currentColor}}::view-transition-old(root){animation-duration:var(--dur-fade);animation-timing-function:var(--ease-out)}::view-transition-new(root){animation-duration:var(--dur-fade);animation-timing-function:var(--ease-out)}:focus-visible{outline:2px solid var(--rune);outline-offset:2px;border-radius:var(--radius-sm)}button,input,select,textarea{font:inherit;color:inherit}button{min-height:var(--tap);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);background-color:var(--surface-raised);color:var(--ink);font-size:var(--text-sm);font-weight:var(--weight-semi);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out),scale var(--dur-fast) var(--ease-out);border:1px solid #0000}input,select,textarea{width:100%;min-height:48px;padding:var(--space-3) var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-md);background-color:var(--surface-sunken);color:var(--ink);font-size:var(--text-base);touch-action:manipulation;transition:border-color var(--dur) var(--ease-out)}input::placeholder,textarea::placeholder{color:var(--ink-muted);opacity:1}label{margin-bottom:var(--space-2);color:var(--ink-muted);font-size:var(--text-sm);font-weight:var(--weight-semi);display:block}}@layer components;@layer utilities{.\@container{container-type:inline-size}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-y-0{inset-block:0}.-top-12{top:calc(var(--spacing) * -12)}.-right-12{right:calc(var(--spacing) * -12)}.right-1{right:var(--spacing)}.right-auto{right:auto}.-bottom-12{bottom:calc(var(--spacing) * -12)}.-left-12{left:calc(var(--spacing) * -12)}.left-1{left:var(--spacing)}.left-1\/2{left:50%}.left-auto{left:auto}.isolate{isolation:isolate}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.my-auto{margin-block:auto}.-mt-4{margin-top:calc(var(--spacing) * -4)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.-ml-4{margin-left:calc(var(--spacing) * -4)}.ml-0{margin-left:0}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.size-\(--tap\){width:var(--tap);height:var(--tap)}.h-18{height:calc(var(--spacing) * 18)}.min-h-\(--tap\){min-height:var(--tap)}.min-h-18{min-height:calc(var(--spacing) * 18)}.w-auto{width:auto}.min-w-0{min-width:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-full{flex-basis:100%}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-px{--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.shimmer{--_spread:var(--shimmer-spread, calc(3ch + 40px) );--_base:currentColor;--_highlight:var(--shimmer-color,oklch(from currentColor l c h / calc(alpha/5) ));background-image:var(--shimmer-image,linear-gradient(calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), var(--_highlight) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, var(--_highlight) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread))))}@supports (color:color-mix(in lab,red,red)){.shimmer{background-image:var(--shimmer-image,linear-gradient(calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread))))}}.shimmer{background-repeat:no-repeat;background-size:calc(200% + var(--_spread) * 2) 100%;-webkit-text-fill-color:var(--shimmer-text-fill,transparent);animation:tw-shimmer var(--shimmer-duration,2s) linear infinite;background-position:0 0;-webkit-background-clip:text;background-clip:text}.shimmer:is(*){--_highlight:var(--shimmer-color,oklch(from currentColor max(.8, calc(l + .4) ) c h / calc(alpha + .4) ))}.shimmer:where([dir=rtl],[dir=rtl] *){animation-direction:reverse}.cursor-pointer{cursor:pointer}.touch-manipulation{touch-action:manipulation}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-destructive{border-color:var(--destructive)}.border-input{border-color:var(--input)}.border-primary{border-color:var(--primary)}.border-transparent{border-color:#0000}.bg-\(--x\){background-color:var(--x)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-transparent{background-color:#0000}.p-0{padding:0}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-14{padding-inline:calc(var(--spacing) * 14)}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pl-0{padding-left:0}.pl-4{padding-left:calc(var(--spacing) * 4)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-sm{font-size:var(--text-sm)}.text-xl{font-size:var(--text-xl)}.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)}.text-wrap{text-wrap:wrap}.whitespace-nowrap{white-space:nowrap}.text-destructive{color:var(--destructive)}.text-foreground{color:var(--foreground)}.text-muted-foreground{color:var(--muted-foreground)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.opacity-40{opacity:.4}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);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-\[0_1px_2px_rgb\(0_0_0\/0\.4\)\]{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0006));--tw-drop-shadow:var(--tw-drop-shadow-size);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-filter{-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{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,border-color\,color\,scale\]{transition-property:background-color,border-color,color,scale;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-\(--dur\){--tw-duration:var(--dur);transition-duration:var(--dur)}.ease-\(--ease-out\){--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[-webkit-tap-highlight-color\:transparent\]{-webkit-tap-highlight-color:transparent}.fade-in{--tw-enter-opacity:0}.fade-out{--tw-exit-opacity:0}.paused{animation-play-state:paused}.running{animation-play-state:running}@media(hover:hover){.hover\:border-\(color\:--rune-bright\):hover{border-color:var(--rune-bright)}.hover\:bg-\(color\:--danger-tint\):hover{background-color:var(--danger-tint)}.hover\:bg-\(color\:--line\):hover{background-color:var(--line)}.hover\:bg-\(color\:--rune-bright\):hover{background-color:var(--rune-bright)}.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}}.enabled\:active\:scale-\(--press-scale\):enabled:active{scale:var(--press-scale)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-\(color\:--line\):disabled{border-color:var(--line)}.disabled\:bg-\(color\:--surface\):disabled{background-color:var(--surface)}.disabled\:text-\(color\:--ink-subtle\):disabled{color:var(--ink-subtle)}.disabled\:opacity-50:disabled{opacity:.5}.aria-expanded\:bg-accent[aria-expanded=true]{background-color:var(--accent)}.aria-expanded\:text-accent-foreground[aria-expanded=true]{color:var(--accent-foreground)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}@media(prefers-reduced-motion:reduce){.motion-reduce\:enabled\:active\:scale-100:enabled:active{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}}@font-face{font-family:Fraunces;src:url(/fonts/fraunces-var.woff2)format("woff2-variations");font-weight:700 900;font-style:normal;font-display:block}@font-face{font-family:Libre Franklin;src:url(/fonts/libre-franklin-var.woff2)format("woff2-variations");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:Libre Franklin;src:url(/fonts/libre-franklin-italic-var.woff2)format("woff2-variations");font-weight:400 700;font-style:italic;font-display:swap}@font-face{font-family:Archivo Narrow;src:url(/fonts/archivo-narrow-var.woff2)format("woff2-variations");font-weight:400 700;font-style:normal;font-display:swap}:root{--bg:oklch(15.5% .022 283);--surface:oklch(21.5% .024 284);--surface-raised:oklch(26.8% .026 284);--surface-sunken:oklch(12% .02 283);--line:oklch(33% .028 278);--line-strong:oklch(54.5% .038 262);--ink:oklch(96.5% .008 240);--ink-muted:oklch(78% .018 250);--ink-subtle:oklch(64% .02 255);--rune:oklch(84.9% .096 222);--rune-bright:oklch(90% .079 215);--rune-deep:oklch(52% .09 225);--danger:oklch(70% .15 28);--success:oklch(78% .11 155);--warn:oklch(82% .12 88);--danger-tint:oklch(70% .15 28/.16);--success-tint:oklch(78% .11 155/.16);--warn-tint:oklch(82% .12 88/.16);--rune-tint:oklch(84.9% .096 222/.14);--warn-glow:oklch(82% .12 88/.34);--rune-glow:oklch(84.9% .096 222/.5);--danger-glow:oklch(70% .15 28/.5);--font-card-name:"Fraunces", serif;--font-type-line:"Fraunces", serif;--font-numeral:"Fraunces";--font-rules:"Libre Franklin", sans-serif;--font-flavor:"Libre Franklin", sans-serif;--font-ui:"Libre Franklin", sans-serif;--font-narrow:"Archivo Narrow", sans-serif;--axes-card-name:"opsz" 96, "SOFT" 20, "WONK" 1;--axes-type-line:"opsz" 24, "SOFT" 0, "WONK" 1;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.375rem;--text-xl:1.75rem;--text-2xl:2.25rem;--weight-normal:400;--weight-medium:500;--weight-semi:600;--weight-bold:700;--weight-black:900;--leading-tight:1.2;--leading-snug:1.3;--leading-normal:1.5;--tracking-display:-.02em;--tracking-code:.18em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-pill:999px;--shadow-float:0 12px 32px -8px oklch(0% 0 0/.7);--shadow-hand:0 -8px 24px -12px oklch(0% 0 0/.8);--blur-scrim:12px;--z-base:0;--z-hand:100;--z-dropdown:200;--z-sticky:300;--z-overlay:400;--z-modal:500;--z-toast:600;--z-tooltip:700;--dur-fast:.12s;--dur:.18s;--dur-slow:.26s;--ease-out:cubic-bezier(.25, 1, .5, 1);--ease-move:cubic-bezier(.65, 0, .35, 1);--dur-fade:.12s;--press-scale:.96;--w-form:26rem;--w-panel:50rem;--w-board:75rem;--measure:65ch;--tap:44px;--lobby-seat-h:calc(var(--tap) + 8px);--card-w:200px;--card-h:316px;--pile-scale:.5;--pile-w:calc(var(--card-w) * var(--pile-scale));--pile-h:calc(var(--card-h) * var(--pile-scale));--hand-height:calc(var(--card-h) + 5rem);--frame-w:40px;--panel-frame-w:40px;--board-pad-block:var(--space-6);--screen-min-h:calc(100svh - 2 * var(--board-pad-block));--mark-0:oklch(70% .19 25);--mark-1:oklch(78% .16 70);--mark-2:oklch(86% .17 105);--mark-3:oklch(74% .19 145);--mark-4:oklch(70% .13 185);--mark-5:oklch(66% .18 265);--mark-6:oklch(68% .2 305);--mark-7:oklch(72% .2 350)}@media(prefers-reduced-motion:reduce){:root{--dur-fast:1ms;--dur:1ms;--dur-slow:1ms}}.avatar{border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--surface-sunken);aspect-ratio:1;transition:border-color var(--dur) var(--ease-out);flex:none;display:inline-block;position:relative;overflow:hidden}.avatar__art{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:200%;height:200%;transition:opacity var(--dur-slow) var(--ease-out);position:absolute;top:-20%;left:-40%}.avatar__art.is-loading{opacity:0}.avatar__art.is-loaded{opacity:1}.avatar--sm{vertical-align:-.35em;width:24px;height:24px}.avatar--md{width:40px;height:40px}.avatar--lg{border-width:2px;width:72px;height:72px}.avatar--xl{border-width:2px;width:120px;height:120px}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@property --scroll-fade-t{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-b{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-s{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-e{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-mask{syntax:"*";inherits:false}@property --shimmer-angle{syntax:"<angle>";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:"*";inherits:false}@property --shimmer-text-fill{syntax:"*";inherits:false}@media(prefers-reduced-motion:reduce){.shimmer{-webkit-text-fill-color:currentColor;background-image:none;animation:none}}:root{--background:var(--bg);--foreground:var(--ink);--card:var(--surface-raised);--card-foreground:var(--ink);--popover:var(--surface-raised);--popover-foreground:var(--ink);--primary:var(--rune);--primary-foreground:var(--surface-sunken);--secondary:var(--surface-raised);--secondary-foreground:var(--ink);--muted:var(--surface-sunken);--muted-foreground:var(--ink-muted);--accent:var(--surface-raised);--accent-foreground:var(--ink);--destructive:var(--danger);--border:var(--line);--input:var(--line-strong);--ring:var(--rune)}button:not(:where([data-slot])):active:not(:disabled){scale:var(--press-scale)}button:not(:where([data-slot])):disabled{background-color:var(--surface);color:var(--ink-subtle);cursor:not-allowed}@media(hover:hover)and (pointer:fine){button:not(:where([data-slot])):hover:not(:disabled){background-color:var(--line)}input:not(:where([data-slot])):hover,select:not(:where([data-slot])):hover{border-color:var(--ink-subtle)}}.button{min-height:var(--tap);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-semi);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out),scale var(--dur-fast) var(--ease-out);border:1px solid #0000;text-decoration:none}a.button{place-items:center;display:inline-grid}.button:active:not(:disabled){scale:var(--press-scale)}.button:disabled{background-color:var(--surface);border-color:var(--line);color:var(--ink-subtle)}.button--primary{background-color:var(--rune);border-color:var(--rune);color:var(--surface-sunken)}.button--secondary{background-color:var(--surface-raised);border-color:var(--line-strong);color:var(--ink)}.button--danger{border-color:var(--danger);color:var(--danger);background-color:#0000}@media(hover:hover)and (pointer:fine){.button--primary:hover:not(:disabled){background-color:var(--rune-bright);border-color:var(--rune-bright)}.button--danger:hover:not(:disabled){background-color:var(--danger-tint)}}.tabular{font-family:var(--font-numeral);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.swap-labels{place-items:center;display:grid}.swap-labels__label{grid-area:1/1}.swap-labels__label.is-hidden{visibility:hidden}@property --hold-progress{syntax:"<percentage>";inherits:true;initial-value:0%}.hold-button{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;--hold-progress:0%;transition:--hold-progress var(--dur-fast) var(--ease-out);position:relative;overflow:hidden}.hold-button[data-holding]{--hold-progress:100%;transition-duration:var(--hold-duration);transition-timing-function:linear}.hold-button__fill{border-radius:inherit;background-color:var(--hold-fill,var(--line));color:var(--hold-ink,var(--ink));pointer-events:none;clip-path:inset(0 calc(100% - var(--hold-progress)) 0 0);place-items:center;display:grid;position:absolute;inset:0}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media(prefers-reduced-motion:reduce){button:not(:where([data-slot])):active:not(:disabled){scale:1}}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{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}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes tw-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.app{max-width:var(--w-board);margin:0 auto;padding:var(--board-pad-block) var(--space-4)}.app-content{display:flex;flex-direction:column;gap:var(--space-6);min-height:var(--screen-min-h)}.home-screen,.settings-screen,.decks-screen,.deck-detail,.deck-builder,.game-lobby,.game-board,:where(.app-content)>.loading{width:100%;max-width:var(--w-board);margin-inline:auto;min-height:var(--screen-min-h)}.loading{display:grid;place-content:center;padding:var(--space-8);color:var(--ink-muted);font-size:var(--text-md);text-align:center}.rune-frame{border-style:solid;border-width:var(--frame-w);border-image:url(/assets/gameboard_background_frame-CyOp5R4E.jpg) 170 240 220 240 stretch round;background-color:var(--surface-sunken);background-image:url(/assets/gameboard_background_frame-CyOp5R4E.jpg);background-clip:padding-box;background-position:center;background-size:auto 160%}.braid-frame{border-style:solid;border-width:var(--frame-w);border-image:url(/assets/lobby_background-HplU3Ae_.jpg) 92 round;background-color:var(--bg);background-image:url(/assets/lobby_background-HplU3Ae_.jpg);background-clip:padding-box;background-position:center;background-size:200% 200%}.crescent-frame{--crescent-band-inline: .054;--crescent-band-block: .078;padding-inline:calc(var(--crescent-band-inline) * 100% + var(--space-4));padding-block:calc(var(--crescent-band-block) * var(--screen-min-h) + var(--space-4));background-color:var(--surface-sunken);background-image:url(/assets/game_homescreen-CnyZDaB5.jpg);background-position:center;background-size:100% 100%;background-repeat:no-repeat}@media(max-aspect-ratio:.69){.crescent-frame{--crescent-band-inline: .105;--crescent-band-block: .04;background-image:url(/assets/game_home_background_mobile-DygwQYca.jpg)}}.game-board{position:relative;isolation:isolate}.game-board:has(.game-playing){margin-bottom:var(--hand-height);min-height:calc(var(--screen-min-h) - var(--hand-height))}.game-board:has(.round-end,.game-end){display:grid;grid-template-columns:minmax(0,1fr);align-items:center}.game-board:has(.round-end,.game-end)>*{width:100%}.game-playing{position:relative;display:flex;flex-direction:column;gap:var(--space-6);min-height:calc(var(--screen-min-h) - var(--hand-height) - 2 * var(--frame-w))}.game-board:has(.tutorial-coach){display:flex;flex-direction:column;gap:var(--space-4)}.game-board:has(.tutorial-coach)>.game-playing{flex:1;min-height:0}.game-board:has(.tutorial-coach)>:not(.tutorial-coach){margin-block:auto}.tutorial-coach{flex:none;border-left:3px solid var(--rune);border-radius:var(--radius-sm);background:var(--rune-tint);padding:var(--space-3) var(--space-4)}.tutorial-coach__line{margin:0;color:var(--ink);max-width:68ch;line-height:1.45}.tutorial-coach__line{animation:coach-line-fade var(--dur-fade) var(--ease-out)}@keyframes coach-line-fade{0%{opacity:0}}@media(prefers-reduced-motion:no-preference){.tutorial-coach__line{animation:coach-line-fade var(--dur-fade) var(--ease-out),coach-line-in var(--dur-slow) var(--ease-out)}@keyframes coach-line-in{0%{translate:0 -4px}}}.crown-stat{display:flex;align-items:center;gap:var(--space-2);margin:0;color:var(--ink-muted)}.crown-icon{width:1.125em;height:1.125em;flex:none}.crown-count{color:var(--ink);font-family:var(--font-numeral);font-size:var(--text-md);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;line-height:var(--leading-tight)}.board-reference{position:absolute;top:var(--space-1);left:var(--space-2);z-index:1}.board-reference,.board-panel__close{display:grid;place-items:center;min-width:var(--tap);min-height:var(--tap);padding:0;border:0;background-color:transparent;color:var(--ink-muted)}@media(hover:hover)and (pointer:fine){.board-reference:hover:not(:disabled),.board-panel__close:hover:not(:disabled){background-color:var(--surface-raised);color:var(--ink)}}.board-reference:active:not(:disabled),.board-panel__close:active:not(:disabled){color:var(--ink)}.board-leave{--hold-fill: var(--danger-tint);--hold-ink: var(--danger);position:absolute;top:var(--space-1);right:var(--space-2);z-index:1;display:flex;gap:var(--space-2);align-items:center;min-height:var(--tap);padding:0 var(--space-4) 0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-md);background-color:var(--surface);color:var(--ink-muted)}.board-leave .hold-button__fill{display:flex;gap:var(--space-2);align-items:center;justify-content:flex-start;padding:0 var(--space-4) 0 var(--space-3)}.board-leave__label{font-size:var(--text-sm);font-weight:var(--weight-semi);white-space:nowrap}@media(hover:hover)and (pointer:fine){.board-leave:hover:not(:disabled){border-color:var(--danger);background-color:var(--surface-raised);color:var(--danger)}}.board-icon{width:20px;height:20px}.rune-sigil{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.table-piles{display:flex;align-items:center;justify-content:center;gap:var(--space-6);flex:none;padding-block:var(--space-2) var(--space-4);transition:margin-block-end var(--dur-slow) var(--ease-out)}.game-playing:has(.turn-actions>*) .table-piles{margin-block-end:104px}.removed-card{--removed-w: var(--pile-w);--removed-h: var(--pile-h);--removed-step: 4px;position:relative;display:flex;align-items:center;min-width:var(--tap);min-height:var(--tap)}.removed-stack{position:relative;isolation:isolate;width:calc(var(--removed-w) + var(--removed-step) * 2);height:calc(var(--removed-h) + var(--removed-step) * 2)}.removed-well{position:absolute;inset:0;border-radius:var(--radius-sm);background-color:var(--surface-sunken);box-shadow:inset 0 0 0 1px var(--line)}.removed-face{position:absolute;inset:0;margin:auto;z-index:1;width:var(--removed-w);height:var(--removed-h)}.deck{--deck-w: var(--pile-w);--deck-h: var(--pile-h);--deck-step: 4px;position:relative;display:flex;align-items:center;min-width:var(--tap);min-height:var(--tap);padding:0}.deck-stack{position:relative;isolation:isolate;width:calc(var(--deck-w) + var(--deck-step) * 2);height:calc(var(--deck-h) + var(--deck-step) * 2)}.deck-well{position:absolute;inset:0;border-radius:var(--radius-md);background-color:var(--surface-sunken);box-shadow:inset 0 0 0 1px var(--line-strong);transition:box-shadow var(--dur) var(--ease-out)}.deck-edge{position:absolute;inset:0;margin:auto;width:var(--deck-w);height:var(--deck-h);border-radius:var(--radius-sm);transition:opacity var(--dur) var(--ease-out),translate var(--dur) var(--ease-out)}.deck-edge-2{z-index:2;translate:calc(var(--deck-step) * -1) calc(var(--deck-step) * -1);background-color:var(--line)}.deck-edge-3{z-index:1;translate:var(--deck-step) var(--deck-step);background-color:var(--surface-raised)}.deck[data-depth="2"] .deck-edge-3,.deck[data-depth="1"] .deck-edge,.deck[data-depth="0"] .deck-edge{opacity:0;translate:0 0}.deck-face{position:absolute;inset:0;margin:auto;z-index:3;width:var(--deck-w);height:var(--deck-h)}.deck-count,.discard-count{--count-size: var(--space-6);position:absolute;right:calc(var(--space-2) * -1);bottom:calc(var(--space-2) * -1);display:grid;place-items:center;min-width:var(--count-size);height:var(--count-size);padding-inline:var(--space-2);border-radius:var(--radius-pill);background-color:var(--surface-raised);box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--ink);font-family:var(--font-numeral);font-size:var(--text-sm);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;line-height:1;transition:color var(--dur) var(--ease-out),font-size var(--dur) var(--ease-out),scale var(--dur) var(--ease-out)}.deck[data-depth="0"] .deck-count{color:var(--warn)}.deck[data-depth="0"] .deck-well{box-shadow:inset 0 0 0 1px var(--warn)}.deck-sown{position:absolute;top:calc(var(--space-2) * -1);right:calc(var(--space-2) * -1);display:grid;justify-items:center;gap:2px;padding:2px var(--space-2);border-radius:var(--radius-pill);background-color:var(--surface-raised);box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--ink-muted);font-family:var(--font-numeral);font-size:var(--text-xs);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;line-height:1}.deck-sown[data-full]{color:var(--warn);box-shadow:inset 0 0 0 1px var(--warn)}.deck-sown-pips{display:flex;gap:2px}.deck-sown-pip{width:4px;height:4px;border-radius:50%;box-shadow:inset 0 0 0 1px currentColor}.deck-sown-pip[data-spent]{background-color:currentColor}@media(prefers-reduced-motion:no-preference){.deck-sown{animation:deck-sown-tick .32s var(--ease-out)}.deck[data-sown="0"] .deck-well{animation:deck-sown-pulse-a .42s var(--ease-out)}.deck[data-sown="1"] .deck-well{animation:deck-sown-pulse-b .42s var(--ease-out)}}@keyframes deck-sown-tick{0%{scale:.7;opacity:0}60%{scale:1.12;opacity:1}to{scale:1}}@keyframes deck-sown-pulse-a{0%,to{scale:1}40%{scale:1.08}}@keyframes deck-sown-pulse-b{0%,to{scale:1}40%{scale:1.08}}.deck[data-warning="3"] .deck-well,.deck[data-warning="2"] .deck-well{box-shadow:inset 0 0 0 1px var(--warn)}.deck[data-warning="1"] .deck-well{box-shadow:inset 0 0 0 1px var(--danger)}.deck[data-warning]:before{content:"";position:absolute;inset:-20px;border-radius:var(--radius-md);background:radial-gradient(farthest-side,oklch(.82 .12 88 / .8),oklch(.82 .12 88 / .26) 62%,transparent);opacity:.55;pointer-events:none}.deck[data-warning="1"]:before{background:radial-gradient(farthest-side,oklch(.7 .15 28 / .85),oklch(.7 .15 28 / .28) 62%,transparent)}.deck[data-warning] .deck-count{color:var(--warn);font-size:var(--text-md);scale:1.12}.deck[data-warning="1"] .deck-count{color:var(--danger);scale:1.25}@media(prefers-reduced-motion:no-preference){.deck[data-warning="3"]:before{animation:deck-halo 2s ease-in-out infinite}.deck[data-warning="2"]:before{animation:deck-halo 1.3s ease-in-out infinite}.deck[data-warning="1"]:before{animation:deck-halo .75s ease-in-out infinite}.deck[data-knock="0"] .deck-stack{animation:deck-knock-a .26s var(--ease-out)}.deck[data-knock="1"] .deck-stack{animation:deck-knock-b .26s var(--ease-out)}}@keyframes deck-halo{0%,to{opacity:.15;scale:.94}50%{opacity:.85;scale:1.06}}@keyframes deck-knock-a{0%{translate:0 0}35%{translate:0 -4px;rotate:-1.5deg}70%{translate:0 1px;rotate:.5deg}to{translate:0 0;rotate:0deg}}@keyframes deck-knock-b{0%{translate:0 0}35%{translate:0 -4px;rotate:-1.5deg}70%{translate:0 1px;rotate:.5deg}to{translate:0 0;rotate:0deg}}.discard-pile{--discard-scale: var(--pile-scale);--discard-w: var(--pile-w);--discard-h: var(--pile-h);--discard-step: 4px;--fan-step: calc(var(--discard-w) * .52);--land-total: 2.24s;z-index:5;position:relative;display:flex;align-items:center;min-width:var(--tap);min-height:var(--tap);padding:0;border:0;background-color:transparent;text-align:left}.discard-pile:disabled{background-color:transparent}.discard-stack{position:relative;isolation:isolate;width:calc(var(--discard-w) + var(--fan-step) * 2 + var(--discard-step) * 2);height:calc(var(--discard-h) + var(--discard-step) * 2)}.discard-well{position:absolute;inset:0 0 0 auto;width:calc(var(--discard-w) + var(--discard-step) * 2);border-radius:var(--radius-md);background-color:var(--surface-sunken);box-shadow:inset 0 0 0 1px var(--line-strong)}.discard-pile[data-depth="0"] .discard-well{background-color:transparent;box-shadow:inset 0 0 0 1px var(--line)}.discard-face{position:absolute;inset:0 0 0 auto;width:calc(var(--discard-w) + var(--discard-step) * 2);display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);place-items:center}.discard-face .card{--tilt-fit: .93;--land-lift: calc(var(--discard-h) * .3);rotate:var(--pile-tilt, 0deg);scale:calc(var(--discard-scale) * var(--tilt-fit))}@media(prefers-reduced-motion:no-preference){.discard-face.is-played .card{animation:card-land var(--land-total) var(--ease-out)}}@media(prefers-reduced-motion:reduce){.discard-face.is-played .card{animation:card-land var(--land-total) steps(1,end)}}@keyframes card-land{0%,89.3%{scale:.95;rotate:0deg;translate:var(--land-nudge, 0px) calc(var(--land-lift) * -1)}to{scale:calc(var(--discard-scale) * var(--tilt-fit));rotate:var(--pile-tilt, 0deg);translate:0 0}}@media(max-width:380px){.discard-face .card{--land-nudge: -14px}}.discard-throw{display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);place-items:center;transition:translate var(--dur-slow) var(--ease-move)}.discard-face:nth-last-child(2) .discard-throw{translate:calc(var(--fan-step) * -1) 0}.discard-face:nth-last-child(3) .discard-throw{translate:calc(var(--fan-step) * -2) 0}@media(prefers-reduced-motion:no-preference){.discard-throw.is-hurled{animation:card-hurl calc(var(--hurl-travel) + var(--hurl-impact)) linear both}.discard-well.is-slammed{animation:discard-slam var(--hurl-impact) var(--ease-out) var(--hurl-travel) both}.discard-shock{animation:discard-shock .42s var(--ease-out) var(--hurl-travel) forwards}}.discard-shock{position:absolute;inset:-2px;z-index:4;border:2px solid var(--warn);border-radius:var(--radius-md);opacity:0;pointer-events:none}@keyframes card-hurl{0%{rotate:-34deg;scale:1.1}39%{rotate:3deg;scale:1.06}54%{rotate:-2deg;scale:.93}72%{rotate:1deg;scale:1.03}to{rotate:0deg;scale:1}}@keyframes discard-slam{0%{scale:1;box-shadow:inset 0 0 0 1px var(--line-strong)}22%{scale:1.14;box-shadow:inset 0 0 0 2px var(--warn)}to{scale:1;box-shadow:inset 0 0 0 1px var(--line-strong)}}@keyframes discard-shock{0%{opacity:.9;scale:.86}to{opacity:0;scale:1.6}}.discard-pile[data-depth="0"] .discard-count{color:var(--ink-subtle)}.discard-count.is-yielding{animation:count-yield var(--land-total) steps(1,end)}@keyframes count-yield{0%,89.3%{z-index:-1}to{z-index:0}}.discard-pile:active:not(:disabled) .discard-well{scale:1;background-color:var(--surface)}@media(hover:hover)and (pointer:fine){.discard-pile:hover:not(:disabled) .discard-well{background-color:var(--surface-raised);box-shadow:inset 0 0 0 1px var(--rune)}.discard-pile:hover:not(:disabled) .discard-count{box-shadow:inset 0 0 0 1px var(--rune);color:var(--rune)}.discard-pile:hover:not(:disabled) .discard-face{filter:brightness(1.08)}}.players-container{display:flex;flex-direction:column;justify-content:center;flex:1;gap:var(--space-6)}.opponents-row{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:var(--space-4);flex:1;min-height:0;padding:var(--space-2) 0}.player{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:280px;height:auto;flex:none;position:relative;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background-color:var(--surface);transition:background-color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),translate var(--dur) var(--ease-out)}@media(min-width:901px)and (max-width:1023px){.player{width:236px}}.player.opponent{flex-direction:column;text-align:center}.player.protected{border-color:var(--success);background-color:var(--success-tint)}.player.eliminated,.local-player-info.eliminated,.local-player-info.eliminated~.local-player-hand{--snuff: brightness(.5) saturate(.14) drop-shadow(0 0 0 var(--danger));filter:var(--snuff)}.player.eliminated{border-color:var(--line);background-color:var(--surface-sunken)}.player.just-eliminated,.local-player-info.just-eliminated,.local-player-info.just-eliminated~.local-player-hand{animation:snuff .86s var(--ease-out) var(--seal-land, 0ms) both}@keyframes snuff{0%{filter:brightness(1) saturate(1) drop-shadow(0 0 0 var(--danger))}9%{filter:brightness(1.95) saturate(1.45) drop-shadow(0 0 12px var(--danger))}to{filter:var(--snuff)}}@media(prefers-reduced-motion:reduce){.player.just-eliminated,.local-player-info.just-eliminated,.local-player-info.just-eliminated~.local-player-hand{animation:none}}.player.targetable{border:1px dashed var(--warn);background-color:var(--warn-tint);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),opacity var(--dur) var(--ease-out),scale var(--dur-fast) var(--ease-out)}@media(prefers-reduced-motion:no-preference){.player.targetable:not(.selected):after,.local-player-info.targetable:not(.selected):after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;box-shadow:0 0 10px 3px var(--warn-glow);will-change:opacity;animation:glow-breath 1.6s ease-in-out infinite alternate}}@keyframes glow-breath{0%{opacity:0}to{opacity:1}}@media(hover:hover)and (pointer:fine){.player.targetable:hover{background-color:var(--surface-raised);border-color:var(--rune)}}.player.targetable:active{scale:var(--press-scale)}.player.selected{border:1px solid var(--rune);background-color:var(--rune-tint)}.players-container--aimed .player.targetable:not(.selected),.players-container--aimed .local-player-info.targetable:not(.selected){opacity:.8}.players-container--aimed .player.targetable:not(.selected):after,.players-container--aimed .local-player-info.targetable:not(.selected):after{animation:none;opacity:0}@media(hover:hover)and (pointer:fine){.players-container--aimed .player.targetable:not(.selected):hover,.players-container--aimed .local-player-info.targetable:not(.selected):hover{opacity:1}}.players-container--aimed .player.selected{translate:0 -4px;box-shadow:0 0 0 2px var(--rune),var(--shadow-float)}.players-container--aimed .local-player-info.selected{box-shadow:0 0 0 2px var(--rune)}.player.on-turn{border-color:var(--rune-deep);background-color:var(--surface-raised);translate:0 -4px}.player-info{flex:1;min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:var(--space-3)}.player-info .avatar{grid-row:1 / span 2}.player-name{margin:0 0 var(--space-1);font-size:var(--text-base);font-weight:var(--weight-semi);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player.eliminated .player-name{color:var(--ink-muted);text-decoration:line-through;text-decoration-thickness:1px}.player-stats,.local-player-stats{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-2);color:var(--ink-muted);font-size:var(--text-sm)}.player-info .player-stats{justify-content:flex-start}.player-stats .crown-count,.local-player-stats .crown-count{font-size:var(--text-base)}.protected-token,.branded-token,.ward-token,.tutor-token,.turn-token{--token-size: 40px;display:grid;place-items:center;flex:none;width:var(--token-size);height:var(--token-size);border-radius:var(--radius-pill);box-shadow:var(--shadow-float);background-image:url(/assets/circle-DN-va9B_.png);background-color:var(--surface-raised);background-size:100% 100%;background-repeat:no-repeat;transition:opacity var(--dur-slow) var(--ease-out),scale var(--dur-slow) var(--ease-out)}.player .protected-token,.player .branded-token{position:absolute;right:var(--space-3);bottom:var(--space-3)}.player.protected .branded-token{right:calc(var(--space-3) + var(--token-size) + var(--space-1))}.branded-token{color:var(--warn)}.ward-token{color:var(--ink);font-family:var(--font-narrow);font-weight:700;font-variant-numeric:tabular-nums;line-height:1;font-size:calc(var(--token-size) * .42)}.ward-token[data-count="2"]{font-size:calc(var(--token-size) * .34)}.ward-token:not([data-count="1"],[data-count="2"]){font-size:calc(var(--token-size) * .27)}.ward-token__rungs{text-shadow:0 1px 2px var(--surface-sunken);white-space:nowrap}.tutor-token{color:var(--ink);font-family:var(--font-narrow);font-weight:700;font-variant-numeric:tabular-nums;line-height:1;font-size:calc(var(--token-size) * .38)}.tutor-token__rung{text-shadow:0 1px 2px var(--surface-sunken);white-space:nowrap}.tutor-token__ask{margin-inline-start:.06em;font-size:.6em;vertical-align:.4em;opacity:.7}.branded-token__eye{width:48%;height:48%;filter:drop-shadow(0 0 6px var(--warn-glow))}.protected-token{color:var(--success)}.protected-token__shield{width:65%;height:65%;filter:drop-shadow(0 0 6px var(--success-tint))}.turn-token__glyph{width:48%;height:48%;filter:drop-shadow(0 0 6px var(--rune-glow))}@starting-style{.protected-token,.branded-token,.ward-token,.tutor-token,.turn-token{opacity:0}}@media(prefers-reduced-motion:no-preference){@starting-style{.protected-token,.branded-token,.ward-token,.tutor-token{scale:.6}}}.turn-token{color:var(--rune);position:relative}.turn-token__ring{position:absolute;inset:-4px;border-radius:var(--radius-pill);background:conic-gradient(var(--rune) var(--turn-progress, 100%),transparent 0);-webkit-mask:radial-gradient(circle closest-side,transparent calc(100% - 4px),#000 calc(100% - 4px));mask:radial-gradient(circle closest-side,transparent calc(100% - 4px),#000 calc(100% - 4px));pointer-events:none}.turn-token__ring[data-urgency=warn]{background:conic-gradient(var(--warn) var(--turn-progress, 100%),transparent 0)}.turn-token__ring[data-urgency=danger]{background:conic-gradient(var(--danger) var(--turn-progress, 100%),transparent 0)}.turn-urgency{position:fixed;inset:0;z-index:var(--z-overlay);box-shadow:inset 0 0 clamp(48px,10vw,140px) var(--danger-glow);pointer-events:none}@media(prefers-reduced-motion:no-preference){.turn-urgency{animation:turn-urgency-breath .5s ease-in-out infinite alternate}}@keyframes turn-urgency-breath{0%{opacity:.35}to{opacity:1}}.player .turn-token,.player .ward-token{position:absolute;left:var(--space-3);bottom:var(--space-3)}.player.on-turn .ward-token{left:calc(var(--space-3) + var(--token-size) + var(--space-1))}.player .tutor-token{--tutor-slots: 0;--tutor-rise: 0;position:absolute;left:calc(var(--space-3) + var(--tutor-slots) * (var(--token-size) + var(--space-1)));bottom:calc(var(--space-3) + var(--tutor-rise) * (var(--token-size) + var(--space-1)))}.player.on-turn .tutor-token,.player:has(.ward-token) .tutor-token{--tutor-slots: 1}.player.on-turn:has(.ward-token) .tutor-token{--tutor-rise: 1}.player-hand{--held-w: 56px;--held-h: 88px;--held-scale: .28;--held-gap: 6px;--fan-step: 12deg;--fan-lift: -8px;display:flex;align-items:center;justify-content:center;gap:var(--held-gap);min-width:calc(var(--held-w) * 2 + var(--held-gap));min-height:var(--held-h)}.held-card{width:var(--held-w);height:var(--held-h)}@media(min-width:901px)and (max-width:1023px){.player-hand{--held-w: 48px;--held-h: 76px;--held-scale: .24}}.face-down-card{display:block}.face-down-card__face{display:block;width:100%;height:100%;background-position:center;background-size:100% 100%;background-repeat:no-repeat;transition:filter var(--dur) var(--ease-out),transform var(--dur) var(--ease-out)}.face-down-card.is-hovered .face-down-card__face{filter:brightness(1.2) drop-shadow(0 0 5px color-mix(in oklch,var(--ink) 55%,transparent))}.face-down-card__face.is-shown{--card-w: 200px;--card-h: 316px;display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);place-items:center}.face-down-card__face.is-shown .card{flex:none;scale:var(--held-scale, .28)}.local-player-container{position:fixed;right:0;bottom:0;left:0;z-index:var(--z-hand);padding-bottom:env(safe-area-inset-bottom,0);background:linear-gradient(to top,var(--bg) 55%,oklch(.155 .022 283 / 0) 100%);box-shadow:var(--shadow-hand)}.local-player-container .player-info,.local-player-info{position:relative;padding-top:var(--space-2);text-align:center}.local-player-info.targetable{display:block;width:calc(100% - var(--space-6));font:inherit;color:inherit;border:1px dashed var(--warn);border-radius:var(--radius-md);margin:0 var(--space-3);padding-bottom:var(--space-2);background-color:var(--warn-tint);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),opacity var(--dur) var(--ease-out),scale var(--dur-fast) var(--ease-out)}@media(hover:hover)and (pointer:fine){.local-player-info.targetable:hover{background-color:var(--surface-raised);border-color:var(--rune)}}.local-player-info.targetable:active{scale:var(--press-scale)}.local-player-info.selected{border:1px solid var(--rune);background-color:var(--rune-tint)}.self-target-label{display:block;font-size:var(--text-sm);font-weight:var(--weight-semi);color:var(--warn)}.local-player-info.selected .self-target-label{color:var(--rune)}.local-player-hand{--fan-step: 12deg;--fan-lift: -14px;display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-6);padding:var(--space-2) 0 var(--space-3)}.card{position:relative;isolation:isolate;width:var(--card-w);height:var(--card-h);border-radius:var(--radius-lg);transition:transform var(--dur) var(--ease-out),scale var(--dur-fast) var(--ease-out),translate var(--dur-slow) var(--ease-out),opacity var(--dur-slow) var(--ease-out),box-shadow var(--dur) var(--ease-out),outline-color var(--dur) var(--ease-out)}.card__clip{position:absolute;inset:0;border-radius:inherit;overflow:hidden}.local-player-hand .card,.face-down-card__face,.card-zoom .card{will-change:transform,scale}.hand-card{position:relative;--fan-angle: calc((var(--fan-index, 0) - (var(--fan-count, 1) - 1) / 2) * var(--fan-step, 0deg))}.hand-card:has(.card:hover),.hand-card:has(.card:focus-visible){z-index:1}.hand-card:has(.card:focus-visible){--fan-raise: 1}@media(hover:hover)and (pointer:fine){.hand-card:has(.card:hover){--fan-raise: 1}}.card-cover-image{position:absolute;top:0;left:0;z-index:20;width:100%;height:100%;object-fit:fill}.card.playable{cursor:pointer;outline:2px solid var(--rune);outline-offset:2px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.card.playable:active{scale:var(--press-scale)}.card.playable.buryable{outline:2px dashed var(--warn)}@media(prefers-reduced-motion:no-preference){.local-player-hand.is-waiting .hand-card:has(.card.playable):after{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);pointer-events:none;box-shadow:0 0 24px 6px var(--rune-glow);transform-origin:bottom center;transform:rotate(calc(var(--fan-angle) * (1 - var(--fan-raise, 0)))) translateY(calc(var(--fan-lift, 0px) * var(--fan-raise, 0)));transition:transform var(--dur) var(--ease-out);will-change:opacity;animation:glow-breath 2.4s ease-in-out infinite alternate}.local-player-hand.is-waiting .hand-card:has(.card.buryable):after{box-shadow:0 0 24px 6px var(--warn-glow)}}.card-book{width:50px;height:70px;border-radius:var(--radius-sm);box-shadow:0 0 6px 2px var(--rune-glow);overflow:hidden;transition:scale var(--dur-fast) var(--ease-out),box-shadow var(--dur) var(--ease-out),transform var(--dur) var(--ease-out)}.card-book img{width:100%;height:100%;object-fit:fill}.card-book:hover{scale:var(--press-scale);box-shadow:0 0 24px 6px var(--rune-glow);transform:rotate(10deg)}.card-back{width:var(--card-w);height:var(--card-h);border-radius:var(--radius-lg);overflow:hidden}.card-back img{width:100%;height:100%;object-fit:fill}.card-mage-image{position:absolute;top:7.9%;left:50.8%;translate:-50%;z-index:10;height:44.5%;border-radius:var(--radius-sm);object-fit:contain;transition:opacity var(--dur-slow) var(--ease-out)}.card-mage-image.loading{opacity:0}.card-mage-image.loaded{opacity:1}.card-mage-skeleton{position:absolute;inset:9.1% 14.6% 48.8% 16.2%;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--surface) 25%,var(--surface-raised) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.card-value-container{position:absolute;top:11.2%;left:86.3%;z-index:40;width:27%;translate:-50% -50%}.card-value-container img{display:block;width:100%;height:auto}.card-value-badge{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-family:var(--font-numeral);font-size:calc(var(--card-w) * .14);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;line-height:1;text-shadow:1px 1px 0 var(--bg),-1px 1px 0 var(--bg),1px -1px 0 var(--bg),-1px -1px 0 var(--bg)}.card-value-large{color:var(--rune);font-family:var(--font-numeral);font-size:var(--text-2xl);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.card-name-plate{position:absolute;inset:55.7% 14% 38.8%;z-index:40;display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--rune);font-family:var(--font-card-name);font-variation-settings:var(--axes-type-line);font-size:calc(var(--card-w) * .068);font-weight:var(--weight-bold);line-height:1;white-space:nowrap}.card-power-text-container{position:absolute;inset:66% 12.2% 12.8% 12%;z-index:40;display:flex;align-items:center;justify-content:center;overflow:hidden}.card-power-text{color:var(--rune);font-family:var(--font-rules);font-size:calc(var(--card-w) * .065);font-weight:var(--weight-medium);line-height:var(--leading-tight);text-align:center;text-wrap:balance}.card-power-text strong{font-weight:var(--weight-bold)}.game-log{max-height:5.5rem;overflow-y:auto;margin:0;padding:0;list-style:none;color:var(--ink-subtle);font-size:var(--text-sm);line-height:var(--leading-normal);text-align:center}.game-log li{margin:0;opacity:.65}.game-log li:last-child{color:var(--ink-muted);opacity:1}.turn-actions{position:fixed;right:0;bottom:calc(var(--hand-height) + env(safe-area-inset-bottom,0px));left:0;z-index:var(--z-sticky);display:flex;justify-content:center;gap:var(--space-3);padding:var(--space-5) var(--space-4) var(--space-3);background:linear-gradient(to bottom,oklch(.155 .022 283 / 0) 0,oklch(.155 .022 283 / .94) var(--space-5));pointer-events:none}.turn-actions:not(:has(*)){background:none}.turn-actions>*{pointer-events:auto}.start-next-round-button{margin-top:var(--space-3)}.action-steps{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);transition:opacity var(--dur-fast) var(--ease-out)}@starting-style{.action-steps{opacity:0}}@media(prefers-reduced-motion:no-preference){.action-steps{transition:opacity var(--dur-fast) var(--ease-out),translate var(--dur-fast) var(--ease-out)}@starting-style{.action-steps{translate:0 4px}}}.value-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-2) var(--space-2);min-width:0;margin:0;padding:0;border:0}.value-buttons__half{display:flex;gap:var(--space-2)}.value-button{display:flex;align-items:center;justify-content:center;width:var(--tap);min-width:var(--tap);height:var(--tap);padding:0;border:1px solid var(--line-strong);border-radius:var(--radius-pill);background-image:url(/assets/circle-DN-va9B_.png);background-size:100% 100%;background-repeat:no-repeat;background-color:var(--surface);color:var(--ink);font-family:var(--font-numeral);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.value-button.selected{border-color:var(--rune);background-image:radial-gradient(circle at 50% 50%,var(--rune) 0 28%,transparent 31%),url(/assets/circle-DN-va9B_.png);background-color:var(--rune);color:var(--surface-sunken)}.round-end,.game-end{max-width:var(--w-panel);margin:var(--space-5) auto;padding:var(--space-6);border:1px solid var(--line);border-radius:var(--radius-md);background-color:var(--surface);text-align:center}.round-end>h1,.game-end>h1{font-size:var(--text-xl);letter-spacing:-.015em}.round-end-actions{display:flex;justify-content:center;gap:var(--space-3);margin-top:var(--space-5)}.game-end__leave{margin-top:var(--space-3)}.round-end .round-end-actions{visibility:hidden;opacity:0}.round-end.is-offered .round-end-actions{visibility:visible;opacity:1}.round-end>*,.game-end>*{opacity:1;translate:0 0;transition:opacity var(--dur-slow) var(--ease-out),translate var(--dur-slow) var(--ease-out)}@starting-style{.round-end>*,.game-end>*{opacity:0;translate:0 8px}}.round-end>:nth-child(2),.game-end>:nth-child(2){transition-delay:70ms}.round-end>:nth-child(n+3),.game-end>:nth-child(n+3){transition-delay:.14s}.round-end.is-offered>:nth-child(2){transition-delay:0ms}@media(prefers-reduced-motion:reduce){.round-end>*,.game-end>*{transition-delay:0ms}}.round-result{margin-top:var(--space-4)}.round-result__stage{display:grid;position:relative;justify-items:center;gap:var(--space-6)}.round-result__row{display:flex;position:relative;gap:var(--space-10);align-items:flex-end;justify-content:center;flex-wrap:wrap}.round-result__seat{display:grid;justify-items:center;gap:var(--space-3)}.round-result__crown-slot{position:relative;width:44px;height:40px}.round-result__crown{position:absolute;bottom:0;left:50%;width:40px;aspect-ratio:24 / 19;translate:-50% 0;color:var(--warn);filter:drop-shadow(0 6px 14px oklch(0 0 0 / .6));animation:sd-crown-fall var(--sd-crown-fall) cubic-bezier(.5,0,.3,1.5) var(--sd-d) both}.round-result__impact{position:absolute;top:-6%;left:50%;width:120%;aspect-ratio:1;translate:-50% 0;border:2px solid var(--warn);border-radius:50%;opacity:0;animation:sd-shock .7s var(--ease-out) var(--sd-d) both;pointer-events:none}@keyframes sd-crown-fall{0%{opacity:0;translate:-50% -300px;scale:2.6;rotate:-28deg}55%{opacity:1}72%{translate:-50% 6px;scale:1;rotate:5deg}86%{translate:-50% -8px;rotate:-3deg}to{opacity:1;translate:-50% 0;scale:1;rotate:0deg}}@keyframes sd-shock{0%{opacity:.95;scale:.7}to{opacity:0;scale:2.6}}.round-result__id{display:flex;gap:var(--space-2);align-items:center}.round-result__name{color:var(--ink-muted);font-size:var(--text-sm)}.round-result__seat.is-winner .round-result__name{color:var(--ink);font-weight:var(--weight-bold)}.round-result__seat.is-struck .round-result__id,.round-result__seat.is-outranked .round-result__id{opacity:.55;transition:opacity var(--dur) var(--ease-out) var(--sd-judge)}.round-result__seat.is-you .avatar{outline:2px solid var(--rune);outline-offset:2px}.round-result__delta{font-size:var(--text-sm);font-weight:var(--weight-semi);font-variant-numeric:tabular-nums;animation:sd-delta-in var(--dur-fade) var(--ease-out) var(--sd-d) both}.round-result__delta.is-up{color:var(--success)}.round-result__delta.is-down{color:var(--danger)}.round-result__delta.is-flat{color:var(--ink-subtle)}@keyframes sd-delta-in{0%{opacity:0;translate:-4px 0}to{opacity:1;translate:0 0}}.round-result__hand{--sd-w: 116px;display:flex;gap:var(--space-1);align-items:flex-end}.round-result__hand:has(.showdown-card+.showdown-card){--sd-w: 74px}.showdown-card{--sd-d: 0ms;--sd-strike: 0ms;position:relative;width:var(--sd-w);aspect-ratio:170 / 269;perspective:900px}.showdown-card__flipper{position:absolute;inset:0;transform-style:preserve-3d;animation:sd-flip .62s var(--ease-out) var(--sd-d) both}.showdown-card__face{position:absolute;inset:0;overflow:hidden;border-radius:var(--radius-lg);backface-visibility:hidden;background-color:var(--surface-sunken);box-shadow:0 8px 22px -10px #000c}.showdown-card__face--down img{width:100%;height:100%;object-fit:cover}.showdown-card__face--up{rotate:y 180deg}.showdown-card__face--up .card{--card-w: var(--sd-w);--card-h: calc(var(--sd-w) * 269 / 170)}.showdown-card .card-name-plate,.showdown-card .card-power-text-container,.verdict-card .card-name-plate,.verdict-card .card-power-text-container{display:none}.showdown-card--empty{border:1.5px dashed var(--line-strong);border-radius:var(--radius-lg);opacity:.5}@keyframes sd-flip{0%{rotate:y 0deg;translate:0 0}70%{rotate:y 200deg;translate:0 -10px}to{rotate:y 180deg;translate:0 0}}.showdown-card__slash{position:absolute;inset:-6%;opacity:0;background:linear-gradient(72deg,transparent 46%,var(--danger) 49%,oklch(1 0 0 / .9) 50%,var(--danger) 51%,transparent 54%);pointer-events:none}.is-struck .showdown-card__slash{animation:sd-slash .42s var(--ease-out) var(--sd-strike) both}.is-struck .showdown-card{animation:sd-struck .9s var(--ease-out) var(--sd-strike) both}.is-outranked .showdown-card{animation:sd-bow .62s var(--ease-out) var(--sd-judge) both}.is-winner .showdown-card{animation:sd-rise .72s var(--ease-out) var(--sd-judge) both}.is-winner .showdown-card.is-scored .card-value-badge{border-radius:50%;animation:sd-value-top .72s var(--ease-out) var(--sd-judge) both}.is-outranked .showdown-card.is-scored .card-value-badge{animation:sd-value-lose .62s var(--ease-out) var(--sd-judge) both}@keyframes sd-slash{0%{opacity:0;translate:-60% 0}35%{opacity:1}to{opacity:0;translate:60% 0}}@keyframes sd-struck{0%{filter:none}12%{filter:brightness(2.2) saturate(.4);translate:0 -4px}to{filter:grayscale(.9) brightness(.5);translate:0 14px;rotate:-6deg;opacity:.55}}@keyframes sd-bow{0%{filter:none}to{filter:grayscale(.75) brightness(.62);translate:0 12px;rotate:3deg;scale:.94}}@keyframes sd-rise{0%{translate:0 0;scale:1}55%{translate:0 -18px;scale:1.07}to{translate:0 -12px;scale:1.05;filter:drop-shadow(0 0 18px var(--warn-glow))}}@keyframes sd-value-top{0%{scale:1;background-color:transparent;color:var(--rune);text-shadow:1px 1px 0 var(--bg),-1px 1px 0 var(--bg),1px -1px 0 var(--bg),-1px -1px 0 var(--bg)}60%{scale:1.5}to{scale:1.28;background-color:var(--warn);color:var(--bg);text-shadow:1px 1px 0 transparent,-1px 1px 0 transparent,1px -1px 0 transparent,-1px -1px 0 transparent}}@keyframes sd-value-lose{to{scale:.8;opacity:.9}}.crown{display:block;width:100%;height:100%;fill:currentColor}.crown-track__slot .crown{position:absolute;inset:22%;width:auto;height:auto}.crown-track{display:flex;gap:var(--space-2);justify-content:center}.crown-track.is-tight{display:grid;grid-template-columns:repeat(5,auto);gap:var(--space-1);justify-content:center}.crown-track__slot{--sd-slot: 26px;display:grid;position:relative;width:var(--sd-slot);height:var(--sd-slot);border:1.5px solid var(--line-strong);border-radius:var(--radius-pill);color:var(--warn)}.crown-track.is-snug .crown-track__slot{--sd-slot: 21px}.crown-track.is-tight .crown-track__slot{--sd-slot: 16px}.crown-track__slot.is-held{border-color:var(--warn);background-color:var(--warn-tint)}.crown-track__slot.is-empty{border-style:dashed;color:var(--ink-subtle);animation:sd-await 2s var(--ease-out) var(--sd-d) infinite}.crown-track__slot.is-empty .crown{opacity:.22}.crown-track__slot.is-new{border-style:dashed;color:var(--ink-subtle)}.crown-track__slot.is-new>.crown{opacity:.22}.crown-track__stamp{display:grid;position:absolute;inset:-1.5px;border:1.5px solid var(--warn);border-radius:var(--radius-pill);background-color:var(--warn-tint);color:var(--warn);animation:sd-stamp var(--sd-stamp-dur) var(--ease-out) var(--sd-d) both}.crown-track__shock{position:absolute;inset:-4px;border:2px solid var(--warn);border-radius:var(--radius-pill);opacity:0;animation:sd-shock .62s var(--ease-out) var(--sd-d) forwards;pointer-events:none}.crown-track.is-complete .crown-track__slot{animation:sd-complete .9s var(--ease-out) var(--sd-d) both}@keyframes sd-stamp{0%{scale:3.2;opacity:0;rotate:-18deg}55%{scale:.86;opacity:1;rotate:4deg}to{scale:1;rotate:0deg}}@keyframes sd-await{0%,to{opacity:.45;scale:1}50%{opacity:1;scale:1.08}}@keyframes sd-complete{0%{scale:1}40%{scale:1.35;box-shadow:0 0 26px var(--warn-glow);background-color:var(--warn)}to{scale:1.1;box-shadow:0 0 14px var(--warn-glow);background-color:var(--warn-tint)}}.deck-drain{position:relative;width:46px;height:72px}.deck-drain:after{content:"";position:absolute;inset:0;border:1.5px dashed var(--line-strong);border-radius:var(--radius-sm);opacity:0;animation:sd-deck-empty .4s var(--ease-out) var(--sd-d) both}.deck-drain__card{position:absolute;inset:0;animation:sd-peel .52s var(--ease-out) var(--sd-d) both}.deck-drain__card img{width:100%;height:100%;border-radius:var(--radius-sm);object-fit:cover;box-shadow:0 4px 12px -6px #000000e6}.deck-drain__card:nth-child(2){translate:1px -2px}.deck-drain__card:nth-child(3){translate:2px -4px}.deck-drain__card:nth-child(4){translate:3px -6px}.deck-drain__card:nth-child(5){translate:4px -8px}.deck-drain__puff{position:absolute;inset:0;border:2px solid var(--rune);border-radius:var(--radius-sm);opacity:0;animation:sd-puff .52s var(--ease-out) var(--sd-d) both}@keyframes sd-deck-empty{to{opacity:.75}}@keyframes sd-peel{0%{opacity:1;translate:0 0;rotate:0deg}to{opacity:0;translate:26px -46px;rotate:24deg;scale:.7}}@keyframes sd-puff{0%{opacity:0;scale:1}20%{opacity:.9}to{opacity:0;scale:1.9}}.game-end__stage{display:grid;align-content:center;min-height:15rem;position:relative;isolation:isolate}.game-end.is-crowning .round-result__stage{opacity:.14;filter:blur(3px);transition:opacity var(--dur-slow) var(--ease-out),filter var(--dur-slow) var(--ease-out);pointer-events:none}.game-end.is-crowning [data-coronation-origin]{visibility:hidden}.game-end .round-end-actions{visibility:hidden;opacity:0}.game-end.is-offered .round-end-actions{visibility:visible;opacity:1}.game-end{position:relative}.claim-prompt{position:absolute;top:calc(100% + var(--space-4));right:0;left:0;display:grid;justify-items:center;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background-color:var(--surface);text-align:center}.claim-prompt__record{color:var(--ink);font-size:var(--text-lg)}.claim-prompt__pitch{max-width:42ch;color:var(--ink-subtle);font-size:var(--text-sm)}.claim-prompt__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin-top:var(--space-2)}.coronation{position:absolute;inset:0;z-index:2;display:grid;place-items:center;pointer-events:none}.coronation__group{--fly-x: 0px;--fly-y: 0px;--fly-s: .4;display:grid;justify-items:center;gap:var(--space-4);animation:coronation-fly .9s cubic-bezier(.22,1,.36,1) both}@keyframes coronation-fly{0%{translate:var(--fly-x) var(--fly-y);scale:var(--fly-s)}to{translate:0 0;scale:1}}.coronation__portrait{position:relative;display:grid;place-items:center}.coronation__halo{position:absolute;inset:-26%;border-radius:50%;background:radial-gradient(circle,var(--warn-glow),transparent 70%);opacity:0;animation:coronation-halo .9s var(--ease-out) var(--sd-d) both}.coronation__crown{position:absolute;bottom:calc(100% - var(--space-3));left:50%;width:76px;aspect-ratio:24 / 19;translate:-50% 0;color:var(--warn);filter:drop-shadow(0 8px 20px oklch(0 0 0 / .6));animation:sd-crown-fall var(--sd-crown-fall) cubic-bezier(.5,0,.3,1.5) var(--sd-d) both}.coronation__impact{position:absolute;inset:-4%;border:2px solid var(--warn);border-radius:50%;opacity:0;animation:sd-shock .9s var(--ease-out) var(--sd-d) both}.coronation__name{color:var(--ink);font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:-.02em;text-shadow:0 2px 18px var(--warn-glow)}@keyframes coronation-halo{0%{opacity:0;scale:.6}60%{opacity:1;scale:1.06}to{opacity:.85;scale:1}}@media(max-width:34rem){.round-result{margin-top:var(--space-2)}.round-result__stage{gap:var(--space-4)}.round-result__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4) var(--space-3);justify-items:center}.round-result__seat{gap:var(--space-2)}.round-result__crown-slot{width:32px;height:24px}.round-result__crown{width:30px}.round-result__id{gap:var(--space-1);flex-direction:column}.round-result__hand{--sd-w: 78px}.round-result__hand:has(.showdown-card+.showdown-card){--sd-w: 52px}.deck-drain{width:34px;height:52px}.crown-track__slot{--sd-slot: 20px}.game-end__stage{min-height:11rem}.coronation .avatar--xl{width:88px;height:88px}.coronation__crown{width:56px}.coronation__name{font-size:var(--text-xl)}}@media(prefers-reduced-motion:reduce){.round-result__stage *,.round-result__stage *:before,.round-result__stage *:after{animation-duration:1ms!important;animation-delay:0ms!important;animation-iteration-count:1!important}.showdown-card__flipper{rotate:y 180deg}.round-result__seat.is-struck .round-result__id,.round-result__seat.is-outranked .round-result__id{transition:none}.round-result__impact,.crown-track__shock,.deck-drain__puff{display:none}.coronation__group,.coronation__crown,.coronation__halo{animation-duration:1ms!important;animation-delay:0ms!important}.coronation__impact{display:none}.game-end.is-crowning .round-result__stage{transition:none}}.round-result.is-settled .round-result__stage *,.round-result.is-settled .round-result__stage *:before,.round-result.is-settled .round-result__stage *:after,.game-end.is-settled .coronation__group,.game-end.is-settled .coronation__crown,.game-end.is-settled .coronation__halo{animation-duration:1ms!important;animation-delay:0ms!important;animation-iteration-count:1!important}.round-result.is-settled .showdown-card__flipper{rotate:y 180deg}.round-result.is-settled .round-result__seat.is-struck .round-result__id,.round-result.is-settled .round-result__seat.is-outranked .round-result__id,.game-end.is-settled.is-crowning .round-result__stage{transition:none}.round-result.is-settled .round-result__impact,.round-result.is-settled .crown-track__shock,.round-result.is-settled .deck-drain__puff,.game-end.is-settled .coronation__impact{display:none}.round-verdict{container-type:inline-size;display:grid;justify-items:center;width:100%;margin-top:var(--space-4)}.round-verdict.is-leaving{opacity:0;transition:opacity var(--rv-leave) var(--ease-out)}.round-verdict__stage{display:grid;justify-items:center;width:100%;min-width:0;gap:clamp(10px,4cqi,24px);min-height:clamp(16rem,55cqi,20rem);align-content:center;padding:clamp(10px,4cqi,16px) var(--space-2)}.verdict-card{position:relative;width:var(--rv-w);aspect-ratio:170 / 269;perspective:900px}.verdict-card--hand{--rv-w: var(--rv-card)}.verdict-card--spent{--rv-w: var(--rv-spent)}.verdict-card__art{--card-w: var(--rv-w);--card-h: calc(var(--rv-w) * 269 / 170)}.verdict-card__flipper{position:absolute;inset:0;transform-style:preserve-3d;animation:rv-flip .56s var(--ease-out) var(--rv-d) both}.verdict-card.is-open .verdict-card__flipper{rotate:y 180deg;animation:none}.verdict-card__face{position:absolute;inset:0;overflow:hidden;border-radius:var(--radius-lg);background-color:var(--surface-sunken);box-shadow:0 8px 22px -10px #000c;backface-visibility:hidden}.verdict-card__face--down{border:1px solid var(--line-strong);background-image:repeating-linear-gradient(-45deg,#0000002e 0% 6px,#0000 6px 12px)}.verdict-card__face--up{rotate:y 180deg}@keyframes rv-flip{0%{rotate:y 0deg}to{rotate:y 180deg}}.verdict-num{display:grid;place-items:center;min-width:2ch;padding:0 .18em;border-radius:var(--radius-md);font-family:var(--font-numeral);font-size:clamp(1.125rem,6.5cqi,var(--text-2xl));font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;line-height:1.15}.verdict-num--said{background-color:var(--rune);box-shadow:0 0 0 2px var(--rune-deep),0 8px 22px -8px var(--rune-glow);color:var(--bg)}.verdict-num--win{color:var(--warn);text-shadow:0 0 18px var(--warn-glow)}.verdict-num--lose{color:var(--ink-subtle)}.verdict-who{display:inline-flex;gap:var(--space-2);align-items:center;color:var(--ink-muted);font-size:clamp(.75rem,3.2cqi,var(--text-sm));white-space:nowrap}.verdict-who__name{font-weight:var(--weight-semi)}.round-verdict__row{--rv-card: clamp(62px, 34cqi, 118px);--rv-cardh: calc(var(--rv-card) * 269 / 170);--rv-spent: calc(var(--rv-card) * .64);--rv-col: var(--rv-card);--rv-gap: clamp(20px, 10cqi, 132px);--rv-vgap: clamp(6px, 2.4cqi, 12px);--rv-x: calc(var(--rv-gap) + var(--rv-col) / 2);--rv-below: calc(var(--rv-vgap) + 1.25rem);--rv-numy: calc(var(--rv-cardh) / -2 - var(--rv-vgap) - .62rem);display:flex;position:relative;max-width:100%;gap:var(--rv-gap);align-items:flex-end;justify-content:center}.round-verdict__side{display:grid;gap:var(--rv-vgap);justify-items:center;width:var(--rv-col);animation:rv-rise .42s var(--ease-out) var(--rv-actor) both}.round-verdict__side--target{animation-delay:var(--rv-target)}.round-verdict__row--compare{--rv-card: clamp(56px, 27cqi, 108px);--rv-lean: calc(var(--rv-spent) * .54);--rv-col: calc(var(--rv-card) + var(--rv-lean));--rv-gap: clamp(14px, 8cqi, 104px);--rv-hang: calc(var(--rv-lean) / 2 + var(--rv-spent) * .19);translate:calc(var(--rv-hang) / 2) 0}.round-verdict__row--forced .verdict-who{order:-1}.round-verdict__row--forced .round-verdict__side{padding-bottom:calc(var(--rv-cardh) * .5)}.round-verdict__gap{position:relative;z-index:2;align-self:center;width:0}.round-verdict__thrown{position:absolute;top:calc(var(--rv-cardh) * -.2 - var(--rv-below) / 2 - .58em);left:0;margin-inline-start:-1.2ch;animation:rv-throw 1.5s cubic-bezier(.3,0,.2,1) var(--rv-throw) both,rv-slam .42s var(--ease-out) var(--rv-impact) both}@keyframes rv-throw{0%{translate:calc(var(--rv-x) * -1) 0;scale:.4;opacity:0}14%{translate:calc(var(--rv-x) * -1) 0;scale:1;opacity:1}34%{translate:calc(var(--rv-x) * -1) 0;scale:1}70%{translate:var(--rv-x) -34px;scale:1.05}to{translate:var(--rv-x) 0;scale:1}}@keyframes rv-slam{0%{filter:none}40%{scale:1.35;filter:brightness(1.6)}to{scale:1.15;filter:none}}.round-verdict__lock{position:absolute;top:calc(var(--rv-cardh) * -.2 - var(--rv-below) / 2 - .58em);left:var(--rv-x);width:calc(var(--rv-card) * .82);height:calc(var(--rv-card) * .82);translate:-50% -18%;border:2px solid var(--rune-bright);border-radius:50%;opacity:0;animation:rv-ring .62s var(--ease-out) var(--rv-impact) both}@keyframes rv-ring{0%{scale:.4;opacity:.9}to{scale:1.6;opacity:0}}.round-verdict__held{animation:rv-hit .5s var(--ease-out) var(--rv-impact) both}@keyframes rv-hit{0%{translate:0 0}25%{translate:0 -10px;rotate:-3deg}60%{translate:0 4px;rotate:2deg;filter:grayscale(.4) brightness(.7)}to{translate:0 0;rotate:0deg;filter:grayscale(1) brightness(.55)}}.round-verdict__beam{display:grid;position:absolute;top:var(--rv-numy);left:0;place-items:center;width:calc(var(--rv-x) * 2);translate:-50% 0;animation:rv-tip .9s cubic-bezier(.4,0,.2,1.2) var(--rv-tip) both}.round-verdict__beam-bar{width:100%;height:5px;border-radius:3px;background:linear-gradient(90deg,var(--warn),var(--line-strong));box-shadow:0 0 22px -2px var(--warn-glow);opacity:0;animation:rv-fade .3s var(--ease-out) var(--rv-beam) both}@keyframes rv-tip{0%{rotate:0deg}to{rotate:7deg}}.round-verdict__pair{display:grid;position:relative;justify-items:center}.round-verdict__spent{position:absolute;right:calc(100% - var(--rv-spent) + var(--rv-lean));bottom:0;transform-origin:bottom right;rotate:-7deg;filter:saturate(.5) brightness(.72)}.round-verdict__num{position:relative;z-index:3;opacity:0;animation:rv-fade .32s var(--ease-out) var(--rv-values) both}.round-verdict__num--up{animation:rv-fade .32s var(--ease-out) var(--rv-values) both,rv-lift .7s var(--ease-out) var(--rv-part) both}.round-verdict__num--down{animation:rv-fade .32s var(--ease-out) var(--rv-values) both,rv-sink .7s var(--ease-out) var(--rv-part) both}@keyframes rv-lift{to{translate:0 -14px;scale:1.25}}@keyframes rv-sink{to{translate:0 14px;scale:.85;opacity:.55}}.round-verdict__row--compare .round-verdict__side--target .round-verdict__held{animation:rv-bow .7s var(--ease-out) var(--rv-part) both}@keyframes rv-bow{to{translate:0 16px;rotate:4deg;filter:grayscale(1) brightness(.55)}}.round-verdict__reach{position:absolute;top:calc(var(--rv-cardh) * -.24);left:calc(var(--rv-card) / 2 - var(--rv-x));width:calc(var(--rv-x) * 2 - var(--rv-card) / 2);height:4px;border-radius:2px;background-color:var(--danger);box-shadow:0 0 16px -2px var(--danger-glow);animation:rv-reach 1.5s cubic-bezier(.3,0,.2,1) var(--rv-reach) both}.round-verdict__row--trap .round-verdict__reach{top:calc(var(--rv-below) / -2 - var(--rv-cardh) * .15);left:calc(var(--rv-x) * -1);scale:-1 1}@keyframes rv-reach{0%{clip-path:inset(0 100% 0 0);opacity:0}10%{clip-path:inset(0 100% 0 0);opacity:1}45%{clip-path:inset(0 0 0 0);opacity:1}70%{clip-path:inset(0 0 0 0);opacity:1}to{clip-path:inset(0 0 0 0);opacity:0}}.round-verdict__dropped{--rv-fall: calc(var(--rv-cardh) * .44);animation:rv-drag 1.4s cubic-bezier(.4,0,.25,1) var(--rv-drag) both}@keyframes rv-drag{0%{translate:0 0;rotate:0deg}14%{translate:-6% -4%;rotate:-6deg}50%{translate:5% var(--rv-fall);rotate:12deg}62%{translate:5% var(--rv-fall);rotate:12deg;filter:brightness(1.9) saturate(1.4)}to{translate:5% var(--rv-fall);rotate:12deg;filter:brightness(1.15) saturate(1.2)}}.round-verdict__side--target.is-robbed{animation:rv-rise .42s var(--ease-out) var(--rv-target) both,rv-scorch var(--rv-scorch-dur) var(--ease-out) var(--rv-scorch) both}@keyframes rv-scorch{0%{background-color:transparent}30%{background-color:var(--danger-tint);box-shadow:0 0 60px -10px var(--danger-glow)}to{background-color:transparent;box-shadow:none}}.round-verdict__side{position:relative}.round-verdict__strike{position:absolute;inset:-4% -10%;opacity:0;background:linear-gradient(72deg,transparent 46%,var(--danger) 49%,oklch(1 0 0 / .9) 50%,var(--danger) 51%,transparent 54%);pointer-events:none;animation:sd-slash .42s var(--ease-out) var(--rv-scorch) both}.round-verdict__side--target.is-robbed .verdict-who{animation:rv-cold .6s var(--ease-out) var(--rv-scorch) both}@keyframes rv-cold{0%{opacity:1;filter:none}to{opacity:.55;filter:grayscale(1)}}@keyframes rv-rise{0%{translate:0 18px;opacity:0}to{translate:0 0;opacity:1}}@keyframes rv-fade{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.round-verdict__stage *,.round-verdict__stage *:before,.round-verdict__stage *:after{animation-duration:1ms!important;animation-delay:0ms!important;animation-iteration-count:1!important}.verdict-card__flipper{rotate:y 180deg}.round-verdict__lock,.round-verdict__reach,.round-verdict__strike{display:none}}.round-verdict.is-settled .round-verdict__stage *,.round-verdict.is-settled .round-verdict__stage *:before,.round-verdict.is-settled .round-verdict__stage *:after{animation-duration:1ms!important;animation-delay:0ms!important;animation-iteration-count:1!important}.round-verdict.is-settled .verdict-card__flipper{rotate:y 180deg}.round-verdict.is-settled .round-verdict__lock,.round-verdict.is-settled .round-verdict__reach,.round-verdict.is-settled .round-verdict__strike{display:none}.opponent-card-view{margin:auto;max-width:min(90vw,var(--w-panel));max-height:85svh;padding:var(--space-6);border:none;border-radius:var(--radius-md);background-color:var(--surface);box-shadow:var(--shadow-float);color:var(--ink);overflow-y:auto;text-align:center;opacity:0;transition:opacity var(--dur-fade) var(--ease-out),display var(--dur-fade) allow-discrete}.opponent-card-view[open]{display:block;opacity:1}@starting-style{.opponent-card-view[open]{opacity:0}}.opponent-card-view::backdrop{background-color:#05050dc7;opacity:1;transition:opacity var(--dur-fade) var(--ease-out)}@starting-style{.opponent-card-view::backdrop{opacity:0}}@media(prefers-reduced-motion:no-preference){.opponent-card-view{scale:1;transition:opacity var(--dur-slow) var(--ease-out),scale var(--dur-slow) var(--ease-out),display var(--dur-slow) allow-discrete}@starting-style{.opponent-card-view[open]{scale:.97}}}.opponent-card-view__subject{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin:0 auto;color:var(--ink-muted)}.opponent-cards{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-4);margin:var(--space-5) 0}.opponent-card-view__hint{margin:var(--space-2) auto 0;color:var(--ink-muted);font-size:var(--text-sm)}.draw-peek{--peek-fan: .52;--card-w: min( 200px, calc((90vw - 2 * var(--space-6)) / (1 + var(--peek-fan) * (var(--peek-n) - 1))) );--card-h: calc(var(--card-w) * 269 / 170);--peek-step: calc(var(--card-w) * var(--peek-fan));position:relative;isolation:isolate;width:calc(var(--card-w) + var(--peek-step) * (var(--peek-n) - 1));height:var(--card-h);margin:calc(var(--space-5) + var(--space-2)) auto;padding:0;list-style:none}.draw-peek__card{position:absolute;inset:0 auto auto 0;z-index:var(--peek-depth);translate:calc(var(--peek-step) * var(--peek-slot)) 0;rotate:var(--pile-tilt, 0deg)}.draw-peek__order{--count-size: var(--space-6);position:absolute;z-index:1;right:calc(var(--space-2) * -1);bottom:calc(var(--space-2) * -1);display:grid;place-items:center;min-width:var(--count-size);height:var(--count-size);padding-inline:var(--space-2);border-radius:var(--radius-pill);background-color:var(--rune);box-shadow:var(--shadow-float);color:var(--surface-sunken);font-family:var(--font-numeral);font-size:var(--text-sm);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;line-height:1}.continue-button{margin-top:var(--space-5);background-color:var(--rune);border-color:var(--rune);color:var(--surface-sunken)}@media(hover:hover)and (pointer:fine){.continue-button:hover:not(:disabled){background-color:var(--rune-bright);border-color:var(--rune-bright)}}.board-panel{margin:auto;padding:0;border-style:solid;border-width:var(--panel-frame-w);border-image:url(/assets/GameBoard-D4dgpdLx.jpg) 170 round;width:100%;max-width:min(96vw,calc(var(--w-panel) + 2 * var(--panel-frame-w)));max-height:85svh;background-color:var(--surface);background-image:url(/assets/GameBoard-D4dgpdLx.jpg);background-clip:padding-box;background-position:center;background-size:200% 200%;box-shadow:var(--shadow-float);color:var(--ink);opacity:0;transition:opacity var(--dur-fade) var(--ease-out),display var(--dur-fade) allow-discrete}.board-panel[open]{display:flex;flex-direction:column;opacity:1}@starting-style{.board-panel[open]{opacity:0}}.board-panel::backdrop{background-color:#05050dc7;opacity:1;transition:opacity var(--dur-fade) var(--ease-out)}@starting-style{.board-panel::backdrop{opacity:0}}@media(prefers-reduced-motion:no-preference){.board-panel{scale:1;transition:opacity var(--dur-slow) var(--ease-out),scale var(--dur-slow) var(--ease-out),display var(--dur-slow) allow-discrete}@starting-style{.board-panel[open]{scale:.97}}}.board-panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--line)}.board-panel__title{margin:0;font-size:var(--text-lg)}.board-panel__close{flex-shrink:0}.board-panel__body{padding:var(--space-5);overflow-y:auto;overscroll-behavior:contain}@media(max-width:900px){.board-panel__body{padding:var(--space-4) var(--space-3)}.board-panel{border-width:0;border-radius:var(--radius-md);max-width:min(90vw,var(--w-panel))}}.panel-empty{margin:0;color:var(--ink-subtle);font-size:var(--text-sm);text-align:center}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,var(--card-w));justify-content:center;gap:var(--space-5) var(--space-4);margin:0;padding:0;list-style:none}.card-grid__item{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.card-grid__count{color:var(--ink-subtle);font-size:var(--text-xs);font-variant-numeric:tabular-nums}@media(max-width:900px){.card-grid{gap:var(--space-4) var(--space-3)}}.card-reference{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.card-reference__row{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-5) 0}.card-reference__row+.card-reference__row{border-top:1px solid var(--line)}.card-reference__count{margin:0;color:var(--ink-subtle);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.card-reference__faces{--card-w: 140px;--card-h: 222px;display:flex;justify-content:center;gap:var(--space-4)}@media(max-width:900px){.card-reference__faces{--card-w: 108px;--card-h: 171px;gap:var(--space-3)}.card-reference__row{padding:var(--space-4) 0}}.local-player-hand .card,.face-down-card__face{--fan-angle: calc((var(--fan-index, 0) - (var(--fan-count, 1) - 1) / 2) * var(--fan-step, 0deg));transform-origin:bottom center;transform:rotate(calc(var(--fan-angle) * (1 - var(--fan-raise, 0)))) translateY(calc(var(--fan-lift, 0px) * var(--fan-raise, 0)))}@media(hover:hover)and (pointer:fine){.local-player-hand .card:hover{--fan-raise: 1;z-index:1}}.local-player-hand .card:focus-visible{--fan-raise: 1;z-index:1}.face-down-card.is-hovered{--fan-raise: 1;z-index:1}@media(min-width:901px)and (max-height:960px){:root{--frame-w: 24px;--board-pad-block: var(--space-3)}.game-playing,.players-container{gap:var(--space-4)}.opponents-row,.table-piles{padding-block:var(--space-1)}}@media(min-width:901px)and (min-height:832px)and (max-height:859px){:root{--pile-scale: .3}}@media(min-width:901px)and (max-height:831px){:root{--pile-scale: .32;--frame-w: 20px;--board-pad-block: var(--space-2)}}@media(min-width:901px)and (max-height:769px){:root{--card-w: 170px;--card-h: 269px}}@media(min-width:901px)and (max-height:707px){:root{--card-w: 140px;--card-h: 222px}}@media(max-width:900px){:root{--card-w: 156px;--card-h: 247px;--frame-w: 12px;--pile-scale: .3;--board-pad-block: var(--space-3)}.app{padding:var(--board-pad-block) var(--space-3)}.game-playing,.players-container{gap:var(--space-4)}.table-piles{padding-block:var(--space-1)}.opponents-row{flex:0 1 auto;justify-content:safe center;gap:var(--space-3)}.player{width:calc(50% - var(--space-3) / 2);min-width:0;gap:var(--space-2);padding:var(--space-2) var(--space-3) var(--space-3)}.player-hand{--held-w: 34px;--held-h: 54px;--held-scale: .17;--held-gap: 4px}.player .protected-token,.player .branded-token,.player .ward-token,.player .tutor-token,.player .turn-token{--token-size: 24px;bottom:var(--space-1)}.player .protected-token,.player .branded-token{right:var(--space-2)}.player.protected .branded-token{right:calc(var(--space-2) + var(--token-size) + var(--space-1))}.player .turn-token,.player .ward-token{left:var(--space-2)}.player.on-turn .ward-token{left:calc(var(--space-2) + var(--token-size) + var(--space-1))}.player .tutor-token{left:calc(var(--space-2) + var(--tutor-slots) * (var(--token-size) + var(--space-1)));bottom:calc(var(--space-1) + var(--tutor-rise) * (var(--token-size) + var(--space-1)))}.local-player-hand{--fan-step: 0deg;gap:var(--space-4)}}.turn-intro{--flourish-ink: var(--rune-bright);--flourish-deep: var(--rune-deep);--flourish-glow: oklch(.849 .096 222 / .55);position:fixed;inset:0;z-index:var(--z-overlay);display:grid;place-items:center;padding-bottom:var(--hand-height);pointer-events:none;background:radial-gradient(ellipse 72% 52% at 50% 45%,oklch(.12 .02 283 / .94) 12%,oklch(.12 .02 283 / .72) 42%,transparent 78%)}.turn-intro__banner{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.turn-intro__rule{width:min(78vw,40rem);height:2px;border-radius:var(--radius-pill);background:linear-gradient(90deg,transparent,var(--flourish-ink) 22%,var(--flourish-ink) 78%,transparent);box-shadow:0 0 18px 1px var(--flourish-deep)}.turn-intro__label{margin:0;color:var(--flourish-ink);font-size:3.5rem;font-weight:var(--weight-bold);letter-spacing:.06em;line-height:var(--leading-tight);text-align:center;text-transform:uppercase;text-shadow:0 0 14px var(--flourish-glow),0 0 48px var(--flourish-deep)}.turn-intro--eliminated{--flourish-ink: var(--danger);--flourish-deep: oklch(.45 .13 28);--flourish-glow: oklch(.7 .15 28 / .55)}@media(max-width:900px){.turn-intro__label{font-size:2.25rem}}.trap-spring{position:fixed;inset:0;z-index:var(--z-toast);pointer-events:none}.trap-spring__card{position:fixed;translate:-50% -50%;transform-origin:center;filter:drop-shadow(0 12px 28px oklch(0 0 0 / .55))}.card-outcome{position:fixed;inset:0;z-index:var(--z-toast);pointer-events:none}.outcome-mark{position:fixed;width:5rem;height:5rem;margin-top:-2.5rem;margin-left:-2.5rem}.outcome-mark__body{position:relative;display:grid;place-items:center;width:100%;height:100%;border-radius:var(--radius-pill);box-shadow:var(--shadow-float);background-image:url(/assets/circle-DN-va9B_.png);background-size:100% 100%;background-repeat:no-repeat;font-family:var(--font-numeral);font-size:var(--text-2xl);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;line-height:1}.outcome-mark--miss .outcome-mark__body,.outcome-mark--neutral .outcome-mark__body{background-color:var(--surface-raised);color:var(--ink)}.outcome-mark__sigil{width:58%;height:58%;stroke-width:2.4}.outcome-mark__strike{position:absolute;left:12%;width:76%;height:3px;border-radius:var(--radius-pill);background-color:var(--danger);transform-origin:left center}.outcome-mark--hit .outcome-mark__body{background-image:radial-gradient(circle at 50% 50%,var(--danger) 0 28%,transparent 31%),url(/assets/circle-DN-va9B_.png);background-color:var(--surface-raised);color:var(--surface)}.outcome-mark__burst{position:absolute;inset:0;border-radius:var(--radius-pill);border:3px solid var(--danger);pointer-events:none}.outcome-mark__caption-slot{position:absolute;top:calc(100% + var(--space-2));left:50%;width:max-content;transform:translate(-50%)}.outcome-mark__caption{display:block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background-color:var(--surface-raised);box-shadow:var(--shadow-float);color:var(--ink);font-size:var(--text-sm);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.outcome-ring{position:fixed;border-radius:var(--radius-md);border:3px solid;pointer-events:none}.outcome-ring--hit{border-color:var(--danger)}.outcome-ring--miss,.outcome-ring--neutral{border-color:var(--ink)}.outcome-trail{position:fixed;height:2px;transform-origin:left center;pointer-events:none}.outcome-trail__line{display:block;width:100%;height:100%;border-radius:var(--radius-pill);background-color:var(--line-strong);transform-origin:left center}@media(max-width:900px){.outcome-mark{width:3.5rem;height:3.5rem;margin-top:-1.75rem;margin-left:-1.75rem}.outcome-mark__body{font-size:var(--text-xl)}.outcome-mark__caption{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}}@media(prefers-reduced-motion:reduce){.card-mage-skeleton{animation:none;background:var(--surface-raised)}.local-player-hand .card:hover,.local-player-hand .card:focus-visible,.face-down-card.is-hovered{--fan-raise: 0}.card.playable:active,.player.targetable:active,.local-player-info.targetable:active{scale:1}}.card-scale{position:fixed;inset:0;z-index:var(--z-toast);pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(var(--space-5),5vh,var(--space-10));--card-ratio: 1.582;--plate-fit: min(var(--plate-w), 30vw);--plate-h: calc(var(--plate-fit) * var(--card-ratio))}.card-scale__hood{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 50%,#030309db 20%,#010105f0 70%)}.card-scale__power{position:relative;flex:0 0 auto;--card-w: calc(var(--plate-fit) * .67)}.card-scale__rail{position:relative;width:min(90vw,34rem);flex:0 0 auto;transform-origin:50% var(--plate-h)}.card-scale__beam{position:absolute;left:0;right:0;top:var(--plate-h);height:3px;border-radius:var(--radius-pill);background:linear-gradient(90deg,transparent,var(--rune) 12%,var(--rune-bright) 50%,var(--rune) 88%,transparent);box-shadow:0 0 22px -2px var(--rune-deep)}.card-scale__pivot{position:absolute;left:50%;top:var(--plate-h);width:14px;height:14px;translate:-50% -50%;rotate:45deg;background:var(--rune-bright);box-shadow:0 0 20px 4px var(--rune-deep)}.card-scale__pans{position:relative;display:flex;align-items:flex-start;justify-content:space-around}.card-scale__pan{flex:1 1 0;display:flex;flex-direction:column;align-items:center;--card-w: var(--plate-fit)}.card-scale__upright{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.card-scale__plate{--card-h: calc(var(--card-w) * var(--card-ratio));width:var(--card-w);height:var(--card-h);flex:0 0 auto;margin-bottom:var(--space-2)}.card-scale__seat{color:var(--ink-muted);font-family:var(--font-narrow);font-size:var(--text-sm);letter-spacing:.1em;text-transform:uppercase}.card-scale__numeral{font-family:var(--font-numeral);font-size:2.4rem;font-weight:var(--weight-bold);line-height:1;font-variant-numeric:tabular-nums}.card-scale__numeral[data-verdict=win]{color:var(--rune-bright);text-shadow:0 0 22px var(--rune-deep)}.card-scale__numeral[data-verdict=lose]{color:var(--danger)}.card-scale__numeral[data-verdict=tie]{color:var(--ink)}.face-down-card__mark{position:absolute;inset:0;background:var(--mark-tint);mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mix-blend-mode:color;opacity:.9;pointer-events:none}.face-down-card__face:has(.face-down-card__mark){position:relative;filter:drop-shadow(0 0 4px var(--mark-glow))}.card.is-marked{box-shadow:var(--mark-ring)}.home-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;--corner-inset: calc(var(--crescent-band-block) * var(--screen-min-h) + var(--space-2))}@media(max-width:480px){.home-screen{padding-block-start:calc(var(--corner-inset) + var(--tap) + var(--space-4))}}.home-screen__corner{display:flex;align-items:center;gap:var(--space-1);position:absolute;top:var(--corner-inset);right:calc(var(--crescent-band-inline) * 100% + var(--space-2) + 8px)}.home-screen__handle{max-inline-size:10ch;overflow:hidden;margin-inline-start:calc(var(--space-1) * -1);color:var(--ink-subtle);font-size:var(--text-xs);white-space:nowrap;text-overflow:ellipsis}.home-masthead,.home-content{width:100%;max-width:var(--w-form)}.home-masthead{margin-bottom:var(--space-8)}.game-title{margin-bottom:var(--space-2);font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-display);text-align:center;text-wrap:balance}.home-logo{display:block;width:auto;height:clamp(7rem,20svh,11rem);margin-inline:auto}.game-subtitle{margin-bottom:0;max-width:none;color:var(--ink-muted);font-size:var(--text-md);text-align:center;text-wrap:balance}.home-content{display:flex;flex-direction:column;gap:var(--space-6)}.room-mode-tabs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-md);background-color:var(--surface-sunken)}.room-mode-tabs__thumb,.room-mode-tab:nth-of-type(1){grid-area:1 / 1}.room-mode-tab:nth-of-type(2){grid-area:1 / 2}.room-mode-tab:nth-of-type(3){grid-area:1 / 3}.room-mode-tabs__thumb{border-radius:var(--radius-sm);background-color:var(--surface-raised);transition:translate var(--dur) var(--ease-out)}.room-mode-tabs[data-mode=create] .room-mode-tabs__thumb{translate:calc(100% + var(--space-1))}.room-mode-tabs[data-mode=join] .room-mode-tabs__thumb{translate:calc(200% + var(--space-1) * 2)}.room-mode-tab{position:relative;min-height:var(--tap);padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-sm);background-color:transparent;color:var(--ink-muted);font-weight:var(--weight-semi);text-wrap:balance}.room-mode-tab[aria-selected=true]{color:var(--ink)}@media(hover:hover)and (pointer:fine){.room-mode-tab:hover:not(:disabled){background-color:var(--surface);color:var(--ink)}.room-mode-tab[aria-selected=true]:hover:not(:disabled){background-color:transparent}}.room-form{display:flex;flex-direction:column;gap:var(--space-4)}.room-form button[type=submit]{margin-top:var(--space-2)}.field{display:flex;flex-direction:column}.field__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2)}.field__header label{margin-bottom:0}.field__counter{flex-shrink:0;color:var(--ink-subtle);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.field__hint{margin:var(--space-2) 0 0;max-width:none;color:var(--ink-muted);font-size:var(--text-sm)}.room-code-input input{font-family:var(--font-narrow);font-feature-settings:"zero" 1,"tnum" 1;font-size:var(--text-lg);font-weight:var(--weight-semi);letter-spacing:var(--tracking-code);text-align:center;text-transform:uppercase}.room-code-input input:not(:placeholder-shown){text-indent:calc(var(--tracking-code) / 2)}.room-code-input input::placeholder{letter-spacing:.08em}.create-room,.join-room,.quick-play,.room-form .button{width:100%}.room-panels{display:grid}.create-room,.join-room,.quick-play{grid-area:1 / 1;align-self:start;transition:opacity var(--dur-fade) var(--ease-out),visibility var(--dur-fade) var(--ease-out)}.room-form--inactive{opacity:0;visibility:hidden}.quick-play__rules{margin:calc(var(--space-2) - var(--space-4)) 0 0;max-width:none;color:var(--ink-subtle);font-size:var(--text-sm);text-align:center}.quick-play__rating{margin:var(--space-1) 0 0;max-width:none;color:var(--ink-subtle);font-size:var(--text-sm);font-variant-numeric:tabular-nums;text-align:center}.format-picker{min-width:0;margin:0 0 var(--space-4);padding:0;border:none}.format-picker__legend{float:left;width:100%;margin-bottom:var(--space-2);padding:0;color:var(--ink);font-size:var(--text-sm);font-weight:var(--weight-semi)}.format-picker__options{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.format-picker__option{display:grid;gap:var(--space-1);justify-items:center;min-height:var(--tap);padding:var(--space-2) var(--space-2);border:1px solid var(--line);border-radius:var(--radius-sm);background-color:var(--surface-sunken);color:var(--ink-muted);cursor:pointer;transition:background-color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out),scale var(--dur-fast) var(--ease-out)}.format-picker__name{font-size:var(--text-md);font-weight:var(--weight-semi)}.format-picker__seats{color:var(--ink-subtle);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.format-picker__option--selected{border-color:var(--rune);background-color:var(--rune-tint);color:var(--ink)}.format-picker__option--selected .format-picker__seats{color:var(--ink-muted)}.format-picker__option:has(input:focus-visible){outline:2px solid var(--rune);outline-offset:2px}@media(hover:hover)and (pointer:fine){.format-picker__option:not(.format-picker__option--selected):hover{border-color:var(--line-strong);background-color:var(--surface-raised);color:var(--ink)}}.queue-screen{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding-block:var(--space-8);text-align:center}.queue-screen__spinner{width:48px;height:48px;border:3px solid var(--line);border-top-color:var(--rune);border-radius:var(--radius-pill);animation:queue-spin .9s linear infinite}@keyframes queue-spin{to{rotate:1turn}}@media(prefers-reduced-motion:reduce){.queue-screen__spinner{animation:none}}.queue-screen__status{display:block;margin:0;max-width:none;color:var(--ink);font-size:var(--text-md);font-weight:var(--weight-semi)}.queue-screen__elapsed{margin:0;color:var(--ink-subtle);font-family:var(--font-numeral);font-size:var(--text-sm);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.queue-screen__seats{display:flex;gap:var(--space-6);margin:0;padding:0;list-style:none}.queue-screen__seat{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);transition:opacity var(--dur-fade) var(--ease-out)}@starting-style{.queue-screen__seat{opacity:0}}.queue-screen__seat:nth-child(2){transition-delay:40ms}.queue-screen__seat:nth-child(n+3){transition-delay:80ms}.queue-screen__name{color:var(--ink-muted);font-size:var(--text-sm);font-weight:var(--weight-semi)}.queue-screen__rating{margin-top:calc(var(--space-1) - var(--space-2));color:var(--ink-subtle);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.text-button{min-height:var(--tap);padding:var(--space-2) var(--space-3);border:none;background:none;color:var(--rune);font-size:var(--text-sm);text-decoration:underline;text-underline-offset:2px}@media(hover:hover)and (pointer:fine){.text-button:hover:not(:disabled){background:none;color:var(--rune-bright)}}.game-lobby{padding:var(--space-6)}@media(min-width:901px){.game-lobby{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"header  header" "code    you" "roster  you" "length  you" "actions actions" "error   error";align-content:start;align-items:start;column-gap:var(--space-5)}.lobby-header{grid-area:header}.room-info{grid-area:code}.players-list{grid-area:roster}.lobby-you{grid-area:you}.game-length{grid-area:length}.lobby-actions{grid-area:actions}:where(.game-lobby)>.error-message{grid-area:error}}.lobby-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);position:relative;min-height:var(--tap);margin-bottom:var(--space-3)}.lobby-header__title{position:absolute;left:50%;translate:-50% 0;margin:0;color:var(--ink-muted);font-size:var(--text-lg);font-weight:var(--weight-semi);letter-spacing:normal;text-align:center;pointer-events:none}@media(max-width:900px){.lobby-header__title{width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}.corner-button{display:grid;place-items:center;min-width:var(--tap);min-height:var(--tap);padding:0;border:0;border-radius:var(--radius-md);background-color:transparent;color:var(--ink-muted);text-decoration:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out),scale var(--dur-fast) var(--ease-out)}.lobby-header__leave{--hold-fill: var(--danger-tint);--hold-ink: var(--danger);display:flex;gap:var(--space-2);align-items:center;min-height:var(--tap);padding:0 var(--space-4) 0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-md);background-color:var(--surface);color:var(--ink-muted)}.lobby-header__leave .hold-button__fill{display:flex;gap:var(--space-2);align-items:center;justify-content:flex-start;padding:0 var(--space-4) 0 var(--space-3)}.lobby-header__leave-label{font-size:var(--text-sm);font-weight:var(--weight-semi);white-space:nowrap}@media(hover:hover)and (pointer:fine){.lobby-header__leave:hover:not(:disabled){border-color:var(--danger);background-color:var(--surface-raised);color:var(--danger)}.corner-button:hover{background-color:var(--surface-raised);color:var(--ink)}}.corner-button:active{color:var(--ink);scale:var(--press-scale)}.room-info{margin-bottom:var(--space-5)}.room-code,.room-closed{min-height:calc(var(--tap) + 2 * var(--space-1))}.room-code{display:flex;align-items:center;width:100%;padding:var(--space-1) var(--space-1) var(--space-1) var(--space-4);border-radius:var(--radius-md);background-color:var(--surface-sunken)}.room-code__code{flex:1;min-width:0;color:var(--rune);font-family:var(--font-narrow);font-feature-settings:"zero" 1,"tnum" 1;font-size:var(--text-lg);font-weight:var(--weight-semi);letter-spacing:var(--tracking-code)}.room-code__copy{display:grid;place-items:center;flex-shrink:0;min-width:var(--tap);min-height:var(--tap);padding:0;border:0;border-radius:var(--radius-sm);background-color:transparent;color:var(--ink-muted)}@media(hover:hover)and (pointer:fine){.room-code__copy:hover:not(:disabled){background-color:var(--surface-raised);color:var(--ink)}}.room-code__copy:active:not(:disabled){color:var(--ink)}.room-code__copy-glyph{display:grid;grid-area:1 / 1;place-items:center}.room-closed{display:flex;align-items:center;width:100%;margin:0;padding:var(--space-1) var(--space-4);border-radius:var(--radius-md);background-color:var(--surface-sunken);color:var(--ink-muted);font-size:var(--text-sm);line-height:var(--leading-normal)}.players-list{margin-bottom:var(--space-5);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background-color:var(--surface)}.players-list h2{margin-top:0;font-size:var(--text-lg)}.lobby-roster{margin:0;padding:0;list-style:none}.lobby-roster>.lobby-seat{display:flex;align-items:center;gap:var(--space-2);min-height:var(--lobby-seat-h);padding-inline:var(--space-2);border-bottom:1px solid var(--line);transition:opacity var(--dur-slow) var(--ease-out)}.lobby-roster>.lobby-seat:last-child{border-bottom:none}@starting-style{.lobby-roster>.lobby-seat{opacity:0}}.lobby-seat__name{flex:0 1 auto;min-width:0;overflow:hidden;font-weight:var(--weight-semi);text-overflow:ellipsis;white-space:nowrap}.lobby-seat__status{margin-left:auto}.lobby-seat--open{color:var(--ink-subtle)}.lobby-seat--open .avatar{border-style:dashed;background:none}.lobby-seat--open .lobby-seat__name{font-weight:inherit}.lobby-seat--you{background-color:var(--surface-raised)}.badge{display:inline-block;margin-left:var(--space-2);padding:var(--space-1) var(--space-2);border:1px solid transparent;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-semi);white-space:nowrap}.lobby-seat .badge{margin-left:0}.you-badge{background-color:var(--rune-tint);color:var(--rune)}.host-badge{padding-left:var(--space-1);padding-right:var(--space-1);color:var(--ink-subtle)}.ready-badge{background-color:var(--success-tint);color:var(--success)}.not-ready-badge{border-color:var(--line);background-color:var(--surface-sunken);color:var(--ink-muted)}.deck-badge{padding-left:var(--space-1);padding-right:var(--space-1);color:var(--ink-subtle)}.deck-badge--button{border-style:solid;font:inherit;cursor:pointer;text-decoration:underline dotted;text-underline-offset:2px}.deck-badge--button:hover{color:var(--ink)}.bot-badge{padding-left:var(--space-1);padding-right:var(--space-1);border-style:dashed;color:var(--ink-subtle)}.lobby-seat__remove{display:flex;align-items:center;justify-content:center;width:var(--tap);min-width:var(--tap);height:var(--tap);padding:0;border:1px solid var(--line-strong);border-radius:var(--radius-pill);background-color:transparent;color:var(--ink-muted);font-size:var(--text-lg);line-height:1}@media(hover:hover)and (pointer:fine){.lobby-seat__remove:hover{border-color:var(--danger);background-color:var(--surface-raised);color:var(--danger)}}.lobby-seat__add-bot{margin-left:auto;white-space:nowrap}.lobby-actions{display:flex;flex-direction:column;gap:var(--space-4);width:100%;max-width:var(--w-form);margin:0 auto}.host-actions,.lobby-actions .player-actions{display:flex;flex-direction:column;gap:var(--space-3);margin-top:0}.lobby-hint{min-height:1lh;margin:0;color:var(--ink-subtle);font-size:var(--text-sm);text-align:center}.waiting-message,.waiting-for-host,.next-round-countdown{color:var(--ink-muted);font-size:var(--text-sm);text-align:center}.next-round-countdown{margin-top:var(--space-3);font-family:var(--font-numeral);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.action-error-banner{position:fixed;top:calc(env(safe-area-inset-top,0px) + var(--space-3));right:var(--space-3);left:var(--space-3);z-index:var(--z-toast);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:fit-content;max-width:min(var(--w-panel),calc(100% - var(--space-6)));margin:0 auto;padding:var(--space-3) var(--space-4);border:1px solid var(--danger);border-radius:var(--radius-md);background-color:var(--surface-raised);background-image:linear-gradient(var(--danger-tint),var(--danger-tint));color:var(--ink);font-size:var(--text-sm);transition:opacity var(--dur-fade) var(--ease-out)}@starting-style{.action-error-banner{opacity:0}}.action-error-banner__message{flex:1}.action-error-banner__dismiss{min-width:var(--tap);min-height:var(--tap);padding:0;border:none;background:none;color:var(--ink-muted);font-size:var(--text-lg);line-height:1}@media(hover:hover)and (pointer:fine){.action-error-banner__dismiss:hover:not(:disabled){background:none;color:var(--ink)}}.error-container{width:100%;max-width:var(--w-form);margin:auto;padding:var(--space-6);border:1px solid var(--line-strong);border-radius:var(--radius-md);background-color:var(--surface);text-align:center}.error-message{margin-top:var(--space-3);color:var(--danger);font-size:var(--text-sm);transition:opacity var(--dur) var(--ease-out)}@starting-style{.error-message{opacity:0}}.home-content>.error-message{margin-top:0}.game-completed{width:100%;max-width:var(--w-form);margin:auto;padding:var(--space-6);border:1px solid var(--line);border-radius:var(--radius-md);background-color:var(--surface);text-align:center}.error-container,.game-completed{transition:opacity var(--dur-fade) var(--ease-out)}@starting-style{.error-container,.game-completed{opacity:0}}.avatar-picker{margin-bottom:var(--space-5);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background-color:var(--surface)}.avatar-picker h2{margin-top:0;font-size:var(--text-lg)}.avatar-picker__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(5.5rem,1fr));gap:var(--space-3);margin:0;padding:0;list-style:none}.avatar-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2);border:1px solid transparent;border-radius:var(--radius-sm);background:none;color:var(--ink-muted);cursor:pointer;transition:background-color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out),scale var(--dur-fast) var(--ease-out)}.avatar-option .avatar{transition:border-color var(--dur) var(--ease-out),opacity var(--dur) var(--ease-out)}.avatar-option__label{min-height:calc(var(--text-xs) * var(--leading-tight) * 2);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:var(--text-xs);line-height:var(--leading-tight);text-align:center;text-wrap:balance;overflow-wrap:anywhere}.avatar-option--mine{border-color:var(--rune);background-color:var(--rune-tint);color:var(--ink)}.avatar-option--mine .avatar{border-color:var(--rune)}.avatar-option--taken{color:var(--ink-subtle);cursor:not-allowed}.avatar-option--taken .avatar{opacity:.55}.avatar-option[aria-disabled=true]:active{scale:1}@media(hover:hover)and (pointer:fine){.avatar-option:not([aria-disabled=true]):not(.avatar-option--mine):hover{border-color:var(--line-strong);background-color:var(--surface-raised);color:var(--ink)}}.deck-picker{min-width:0;margin:0 0 var(--space-5);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background-color:var(--surface)}.lobby-you{margin-bottom:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-md);background-color:var(--surface)}.lobby-you>.deck-picker,.lobby-you>.avatar-picker{margin:0;border:0;background:none}.lobby-you>.deck-picker{padding-bottom:0}.deck-picker__legend{float:left;width:100%;margin-bottom:var(--space-3);padding:0;color:var(--ink);font-size:var(--text-lg);font-weight:var(--weight-bold)}.deck-picker>legend~*,.language-picker>legend~*,.game-length>legend~*,.format-picker>legend~*,.settings-group>legend~*{clear:both}.deck-picker__options{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:var(--space-2)}.deck-picker__option{display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap);padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background-color:var(--surface-sunken);color:var(--ink-muted);font-size:var(--text-md);font-weight:var(--weight-semi);cursor:pointer;transition:background-color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out),scale var(--dur-fast) var(--ease-out)}.deck-picker__crest{display:block;height:3rem;width:auto;filter:drop-shadow(0 1px 2px rgb(0 0 0 / .4))}.deck-picker__name{font-family:var(--font-card-name);font-variation-settings:var(--axes-card-name);font-weight:var(--weight-black);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deck-picker__option--selected{border-color:var(--rune);background-color:var(--rune-tint);color:var(--ink)}.deck-picker__option:has(input:focus-visible){outline:2px solid var(--rune);outline-offset:2px}@media(hover:hover)and (pointer:fine){.deck-picker__option:not(.deck-picker__option--selected):hover{border-color:var(--line-strong);background-color:var(--surface-raised);color:var(--ink)}}.quick-play__deck{margin-bottom:0}.game-length{min-width:0;margin:0 0 var(--space-5);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background-color:var(--surface)}.game-length__legend{display:flex;align-items:center;gap:var(--space-2);float:left;width:100%;margin-bottom:var(--space-3);padding:0;color:var(--ink);font-size:var(--text-lg);font-weight:var(--weight-bold)}.game-length__options{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.game-length__option{display:grid;place-items:center;min-height:var(--tap);padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background-color:var(--surface-sunken);color:var(--ink-muted);font-size:var(--text-md);font-weight:var(--weight-semi);font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out),scale var(--dur-fast) var(--ease-out)}.game-length__option--selected{border-color:var(--rune);background-color:var(--rune-tint);color:var(--ink)}.game-length__option:has(input:focus-visible){outline:2px solid var(--rune);outline-offset:2px}@media(hover:hover)and (pointer:fine){.game-length__option:not(.game-length__option--selected):hover{border-color:var(--line-strong);background-color:var(--surface-raised);color:var(--ink)}}.game-length__readout{margin:0;color:var(--ink);font-size:var(--text-sm)}.settings-screen{display:flex;flex-direction:column;justify-content:center;align-items:center}.settings-masthead,.settings-content{width:100%;max-width:var(--w-form)}.settings-masthead{margin-bottom:var(--space-6)}.settings-content{display:flex;flex-direction:column;gap:var(--space-5)}.language-picker,.settings-group{min-width:0;margin:0 0 var(--space-5);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background-color:var(--surface)}.language-picker__legend,.settings-group__legend{float:left;width:100%;margin-bottom:var(--space-3);padding:0;color:var(--ink);font-size:var(--text-lg);font-weight:var(--weight-bold)}.language-picker__options{display:grid;grid-template-columns:repeat(auto-fit,minmax(6rem,1fr));gap:var(--space-2)}.language-picker__option{display:flex;align-items:center;justify-content:center;min-height:var(--tap);padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background-color:var(--surface-sunken);color:var(--ink-muted);font-size:var(--text-md);font-weight:var(--weight-semi);cursor:pointer;transition:background-color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out),scale var(--dur-fast) var(--ease-out)}.language-flag{width:2rem;height:1.3333rem;clip-path:inset(0 round 2px)}.language-picker__option--selected{border-color:var(--rune);background-color:var(--rune-tint);color:var(--ink)}.language-picker__option:has(input:focus-visible){outline:2px solid var(--rune);outline-offset:2px}@media(hover:hover)and (pointer:fine){.language-picker__option:not(.language-picker__option--selected):hover{border-color:var(--line-strong);background-color:var(--surface-raised);color:var(--ink)}}.deck-picker__option:active,.game-length__option:active,.format-picker__option:active,.language-picker__option:active{scale:var(--press-scale)}@media(prefers-reduced-motion:reduce){.deck-picker__option:active,.game-length__option:active,.format-picker__option:active,.language-picker__option:active{scale:1}}.toggle-switch{display:flex;gap:var(--space-4);align-items:center;justify-content:space-between;min-height:var(--tap);cursor:pointer;margin-bottom:0}.toggle-switch+.toggle-switch{margin-top:var(--space-3)}.toggle-switch__text{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.toggle-switch__label{color:var(--ink);font-size:var(--text-md);font-weight:var(--weight-semi)}.toggle-switch__hint{color:var(--ink-muted);font-size:var(--text-sm);text-wrap:pretty}.toggle-switch__track{display:flex;align-items:center;flex-shrink:0;width:44px;height:24px;padding:2px;border:1px solid var(--line);border-radius:var(--radius-pill);background-color:var(--surface-sunken);transition:background-color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out)}.toggle-switch__knob{width:18px;height:18px;border-radius:var(--radius-pill);background-color:var(--ink-muted);translate:0;transition:translate var(--dur) var(--ease-out),background-color var(--dur) var(--ease-out)}.toggle-switch:has(input:checked) .toggle-switch__track{border-color:var(--rune);background-color:var(--rune-tint)}.toggle-switch:has(input:checked) .toggle-switch__knob{translate:20px;background-color:var(--rune)}.toggle-switch:has(input:focus-visible) .toggle-switch__track{outline:2px solid var(--rune);outline-offset:2px}.toggle-switch--disabled{opacity:.5;cursor:not-allowed}.settings-content .deck-picker,.settings-content .language-picker,.settings-content .settings-group{margin-bottom:0}.settings-back{align-self:center}.settings-group__hint{margin:0 0 var(--space-3);color:var(--ink-muted);font-size:var(--text-sm)}.settings-tutorial,.settings-account{width:100%}.account-form{display:flex;flex-direction:column;gap:var(--space-3)}.account-code{font-family:var(--font-narrow);font-feature-settings:"zero" 1,"tnum" 1;font-size:var(--text-lg);font-weight:var(--weight-semi);letter-spacing:var(--tracking-code);text-align:center;max-width:7em;align-self:center}.handle-status{margin:calc(var(--space-3) * -1) 0 0;min-height:1.2em;font-size:var(--text-sm)}.handle-status--muted{color:var(--ink-muted)}.handle-status--ok{color:var(--success)}.handle-status--bad{color:var(--danger)}.friends-list{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.friend-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background-color:var(--surface-raised)}.friend-row__handle{overflow:hidden;font-weight:var(--weight-medium);white-space:nowrap;text-overflow:ellipsis}.friend-row__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;grid-column:3;gap:var(--space-2)}.app-toasts[data-sonner-toaster][data-sonner-theme]{--normal-bg: var(--surface-raised);--normal-text: var(--ink);--normal-border: var(--line);font-family:var(--font-ui)}.presence{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--ink-muted);font-size:var(--text-sm);white-space:nowrap}.presence__dot{width:8px;height:8px;border-radius:var(--radius-pill);background-color:var(--ink-subtle)}.presence--online .presence__dot{background-color:var(--success);box-shadow:0 0 6px var(--success-tint)}.presence--in_game .presence__dot{background-color:var(--warn);box-shadow:0 0 6px var(--warn-tint)}.presence--offline{color:var(--ink-subtle)}.corner-button:has(.home-screen__badge){position:relative}.home-screen__badge{position:absolute;top:var(--space-1);right:var(--space-1);min-width:1.25rem;height:1.25rem;padding:0 var(--space-1);border-radius:var(--radius-pill);background-color:var(--danger);color:var(--surface-sunken);font-size:var(--text-xs);font-weight:var(--weight-bold);line-height:1.25rem;text-align:center;font-feature-settings:"tnum" 1}.decks-screen{display:flex;flex-direction:column;justify-content:center;align-items:center}.decks-masthead{width:100%;max-width:var(--w-panel);margin-bottom:var(--space-6);text-align:center}.deck-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(24rem,100%),1fr));gap:var(--space-4);width:100%;max-width:var(--w-panel);margin:0 0 var(--space-6);padding:0;list-style:none}.deck-tile{container-type:inline-size;display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-md);background-color:var(--surface);color:var(--ink);text-decoration:none;transition:background-color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),scale var(--dur-fast) var(--ease-out)}.deck-tile__art{--card-w: min(68px, calc((100cqi - 2 * var(--space-3) - 4 * var(--space-1)) / 5));--card-h: calc(var(--card-w) * 269 / 170);display:flex;justify-content:center;gap:var(--space-1);padding:var(--space-4) var(--space-3) var(--space-3);background:radial-gradient(120% 90% at 50% 0%,var(--surface-raised),transparent 70%),var(--surface)}.deck-tile__art .card{flex:none;box-shadow:0 2px 6px #00000080}.deck-tile__caption{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-4);border-top:1px solid var(--line)}.deck-tile__crest{flex:none;display:block;height:2.25rem;width:auto;filter:drop-shadow(0 1px 2px rgb(0 0 0 / .4))}.deck-tile__name{min-width:0;flex:1;font-family:var(--font-card-name);font-variation-settings:var(--axes-card-name);font-size:var(--text-md);font-weight:var(--weight-black)}.deck-tile__badge{flex:none;padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);background-color:var(--rune-tint);color:var(--rune);font-size:var(--text-xs);font-weight:var(--weight-semi);white-space:nowrap}@media(hover:hover)and (pointer:fine){.deck-tile:hover{border-color:var(--line-strong);background-color:var(--surface-raised)}}.deck-tile:focus-visible{outline:2px solid var(--rune);outline-offset:2px}.deck-tile:active{scale:var(--press-scale)}@media(prefers-reduced-motion:reduce){.deck-tile:active{scale:1}}.deck-detail{display:flex;flex-direction:column;align-items:center}.deck-detail__masthead{width:100%;max-width:var(--w-panel);margin-bottom:var(--space-6);text-align:center}.deck-detail__crest{display:inline-block;height:1.6em;width:auto;margin-right:var(--space-3);vertical-align:middle;filter:drop-shadow(0 2px 4px rgb(0 0 0 / .4))}.deck-ladder{--card-w: 140px;--card-h: 222px;--gap-x: var(--space-4);display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-5) var(--gap-x);width:100%;max-width:calc(5 * var(--card-w) + 4 * var(--gap-x));margin:0 0 var(--space-6);padding:0;list-style:none}@keyframes deck-rung-in{0%{opacity:0;transform:translateY(var(--space-2))}}.deck-ladder__rung{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);animation:deck-rung-in var(--dur-slow) var(--ease-out) backwards}.deck-ladder__rung:nth-child(1),.deck-builder__rung:nth-child(1){animation-delay:0ms}.deck-ladder__rung:nth-child(2),.deck-builder__rung:nth-child(2){animation-delay:35ms}.deck-ladder__rung:nth-child(3),.deck-builder__rung:nth-child(3){animation-delay:70ms}.deck-ladder__rung:nth-child(4),.deck-builder__rung:nth-child(4){animation-delay:105ms}.deck-ladder__rung:nth-child(5),.deck-builder__rung:nth-child(5){animation-delay:.14s}.deck-ladder__rung:nth-child(6),.deck-builder__rung:nth-child(6){animation-delay:175ms}.deck-ladder__rung:nth-child(7),.deck-builder__rung:nth-child(7){animation-delay:.21s}.deck-ladder__rung:nth-child(8),.deck-builder__rung:nth-child(8){animation-delay:245ms}.deck-ladder__rung:nth-child(9),.deck-builder__rung:nth-child(9){animation-delay:.28s}.deck-ladder__rung:nth-child(n+10),.deck-builder__rung:nth-child(n+10){animation-delay:315ms}@media(prefers-reduced-motion:reduce){.deck-ladder__rung,.deck-builder__rung{animation:none}}.deck-ladder__count{margin:0;color:var(--ink-subtle);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.card-zoom{position:relative;display:block;width:var(--card-w);height:var(--card-h);padding:0;border:0;border-radius:var(--radius-lg);background:none;cursor:pointer}.card-zoom__loupe{position:absolute;top:50%;left:50%;z-index:50;display:grid;place-items:center;width:34%;aspect-ratio:1;translate:-50% -50%;border-radius:var(--radius-pill);background-color:#05050d9e;color:var(--ink);opacity:0;transition:opacity var(--dur) var(--ease-out)}@media(hover:hover)and (pointer:fine){.card-zoom:hover .card-zoom__loupe{opacity:1}}.card-zoom:focus-visible .card-zoom__loupe{opacity:1}@media(hover:hover)and (pointer:fine){.card-zoom:hover .card{scale:1.03}}.card-close-up{--card-w: min(480px, 86vw, calc(70svh * 170 / 269));--card-h: calc(var(--card-w) * 269 / 170);display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin:auto;padding:0;border:0;background:none;color:var(--ink);overflow:visible}.card-close-up__card{width:var(--card-w);height:var(--card-h);border-radius:var(--radius-lg)}.card-close-up__count{margin:0;color:var(--ink-subtle);font-size:var(--text-base);font-variant-numeric:tabular-nums}.card-close-up::backdrop{background-color:#05050d80;-webkit-backdrop-filter:blur(var(--blur-scrim));backdrop-filter:blur(var(--blur-scrim));opacity:1;transition:opacity var(--dur-fade) var(--ease-out)}@starting-style{.card-close-up::backdrop{opacity:0}}@media(prefers-reduced-motion:reduce){.card-close-up[open]{opacity:1;transition:opacity var(--dur-fade) var(--ease-out)}@starting-style{.card-close-up[open]{opacity:0}}}.deck-detail__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-3);width:100%;max-width:var(--w-form)}.deck-detail__footer .button{white-space:nowrap}.deck-detail__choose{flex:1 1 10rem}.deck-detail__choose:disabled{border-color:var(--rune);background-color:var(--rune-tint);color:var(--rune);cursor:default}.deck-detail__note{margin:0;color:var(--ink-subtle);font-size:var(--text-sm);line-height:var(--leading-normal);text-align:center;text-wrap:pretty}.deck-builder{display:flex;flex-direction:column;align-items:center;padding:var(--space-6);background-image:none}.deck-builder__masthead{width:100%;max-width:var(--w-panel);margin-bottom:var(--space-6);text-align:center}.deck-builder__faction{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin:0 0 var(--space-1);color:var(--ink-muted);font-size:var(--text-sm);font-weight:var(--weight-semi)}.deck-builder__crest{display:block;height:1.75rem;width:auto;filter:drop-shadow(0 1px 2px rgb(0 0 0 / .4))}.deck-builder__intro{max-width:56ch;margin:0 0 var(--space-6);color:var(--ink-muted);font-size:var(--text-md);text-align:center;text-wrap:pretty}.deck-builder__hint{max-width:56ch;margin:calc(-1 * var(--space-4)) 0 var(--space-6);color:var(--ink-subtle);font-size:var(--text-sm);text-align:center;text-wrap:pretty}.deck-builder__notice{width:100%;max-width:var(--w-panel);margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background-color:var(--surface);color:var(--ink-muted);font-size:var(--text-sm);text-align:center;text-wrap:pretty}.deck-builder__notice--bad{border-color:var(--danger);background-color:var(--surface);background-image:linear-gradient(var(--danger-tint),var(--danger-tint));color:var(--ink)}.deck-builder__faults{width:100%;max-width:var(--w-panel);margin:0 0 var(--space-6);padding-left:var(--space-5);list-style:disc;color:var(--ink-muted);font-size:var(--text-sm)}.deck-builder__fault{margin-bottom:var(--space-1)}.deck-builder__fault::marker{color:var(--danger)}.deck-builder__ladder{--card-w: 140px;--card-h: 222px;--face-pad: var(--space-4);--stepper-w: 132px;--face-w: calc(max(var(--card-w), var(--stepper-w)) + 2 * var(--face-pad));container:deck-ladder / inline-size;display:flex;flex-direction:column;width:100%;max-width:var(--w-board);margin:0 0 var(--space-6);padding:0;list-style:none}.deck-builder__rung{display:grid;grid-template-columns:9rem minmax(0,1fr);column-gap:var(--space-4);align-items:start;padding-block:var(--space-4);animation:deck-rung-in var(--dur-slow) var(--ease-out) backwards}.deck-builder__rung+.deck-builder__rung{border-top:1px solid var(--line)}.deck-builder__rung-title{display:flex;flex-direction:column;align-items:start;gap:var(--space-1);margin:0;color:var(--ink);font-family:var(--font-numeral);font-size:var(--text-lg);font-weight:var(--weight-bold);line-height:var(--leading-tight);text-align:left}.deck-builder__rung-count{color:var(--ink-subtle);font-size:var(--text-sm);font-weight:var(--weight-normal)}.deck-builder__faces{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--face-w),max-content));justify-content:start;margin:0;padding:0;clip-path:inset(1px 0 0 1px);list-style:none}.deck-builder__face{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--face-pad);box-shadow:-1px 0 0 var(--line),0 -1px 0 var(--line)}@container deck-ladder (max-width: 53rem){.deck-builder__rung{grid-template-columns:minmax(0,1fr);row-gap:var(--space-2)}.deck-builder__rung-title{flex-direction:row;align-items:baseline;gap:var(--space-3)}}.deck-builder__portrait .card{transition:opacity var(--dur-slow) var(--ease-out),filter var(--dur) var(--ease-out),scale var(--dur-fast) var(--ease-out)}.deck-builder__face--empty .deck-builder__portrait .card{opacity:.5}.deck-builder__face:has(.deck-builder__tally--locked) .deck-builder__portrait .card{filter:grayscale(1);opacity:.6}.deck-builder__face-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:0;max-width:var(--card-w);overflow:hidden;overflow-wrap:anywhere;color:var(--ink);font-family:var(--font-card-name);font-variation-settings:var(--axes-card-name);font-size:var(--text-sm);font-weight:var(--weight-black);line-height:var(--leading-snug);text-align:center;text-wrap:balance}.deck-builder__tally{display:flex;align-items:center;gap:var(--space-2)}.deck-builder__count{min-width:1.5em;color:var(--ink);font-family:var(--font-numeral);font-size:var(--text-md);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;text-align:center}.deck-builder__step{display:grid;place-items:center;min-width:var(--tap);min-height:var(--tap);padding:0;border:1px solid var(--line);border-radius:var(--radius-pill);background-color:var(--surface-sunken);color:var(--ink)}@media(hover:hover)and (pointer:fine){.deck-builder__step:hover:not(:disabled){border-color:var(--line-strong);background-color:var(--surface-raised);color:var(--ink)}}.deck-builder__step:disabled{border-color:var(--line);background-color:var(--surface);color:var(--ink-subtle);cursor:not-allowed}.deck-builder__tally--fixed,.deck-builder__tally--locked{display:flex;align-items:center;justify-content:center;margin:0;min-height:var(--tap);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:var(--weight-semi);text-align:center}.deck-builder__tally--fixed{border:1px solid var(--line);background-color:var(--surface-sunken);color:var(--ink-subtle)}.deck-builder__tally--locked{border:1px dashed var(--line);background-color:transparent;color:var(--ink-subtle)}.deck-builder__footer{position:sticky;bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0px));z-index:var(--z-sticky);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);width:100%;max-width:var(--w-board);padding:var(--space-3) var(--space-4);border:1px solid var(--line-strong);border-radius:var(--radius-md);background-color:var(--surface)}.deck-builder__footer .deck-builder__back{margin-inline-start:auto}@media(max-width:600px){.deck-builder__footer{gap:var(--space-2)}.deck-builder__footer .button{padding-inline:var(--space-3)}}.deck-builder__leave{width:calc(100% - 2 * var(--space-4));max-width:var(--w-form);margin:auto;padding:var(--space-5);border:1px solid var(--line-strong);border-radius:var(--radius-md);background-color:var(--surface);box-shadow:var(--shadow-float);color:var(--ink);opacity:0;transition:opacity var(--dur-fade) var(--ease-out),display var(--dur-fade) allow-discrete}.deck-builder__leave[open]{display:block;opacity:1}@starting-style{.deck-builder__leave[open]{opacity:0}}.deck-builder__leave::backdrop{background-color:#05050dc7;opacity:1;transition:opacity var(--dur-fade) var(--ease-out)}@starting-style{.deck-builder__leave::backdrop{opacity:0}}@media(prefers-reduced-motion:no-preference){.deck-builder__leave{scale:1;transition:opacity var(--dur-slow) var(--ease-out),scale var(--dur-slow) var(--ease-out),display var(--dur-slow) allow-discrete}@starting-style{.deck-builder__leave[open]{scale:.97}}}.deck-builder__leave-title{margin:0 0 var(--space-2);font-size:var(--text-lg);text-wrap:balance}.deck-builder__leave-body{margin:0 0 var(--space-5);color:var(--ink-muted);text-wrap:pretty}.deck-builder__leave-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}@media(max-width:900px){.game-title{font-size:var(--text-xl)}.home-masthead{margin-bottom:var(--space-6)}.room-mode-tab{padding-inline:var(--space-1);font-size:var(--text-sm)}.deck-ladder{--card-w: 108px;--card-h: 171px;--gap-x: var(--space-3);row-gap:var(--space-4)}.deck-builder__ladder{--card-w: 92px;--card-h: 146px;--face-pad: var(--space-2)}.deck-builder__face-name{min-height:calc(2 * var(--leading-snug) * var(--text-sm))}.deck-gallery{grid-template-columns:1fr}.game-lobby{padding:var(--space-6) var(--space-2)}.lobby-actions .player-actions,.host-actions{gap:var(--space-2)}}.reconnecting-status{position:fixed;top:calc(env(safe-area-inset-top,0px) + var(--space-3));left:50%;z-index:var(--z-toast);display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--warn);border-radius:var(--radius-pill);background-color:var(--surface-raised);background-image:linear-gradient(var(--warn-tint),var(--warn-tint));color:var(--ink);font-size:var(--text-sm);pointer-events:none;transform:translate(-50%);animation:reconnecting-in var(--dur-slow) var(--ease-out) .8s both}.reconnecting-status__dot{width:.5rem;height:.5rem;border-radius:50%;background-color:var(--warn);animation:reconnecting-pulse 1.2s ease-in-out infinite}@keyframes reconnecting-in{0%{opacity:0}}@keyframes reconnecting-pulse{50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.reconnecting-status__dot{animation:none}}.error-container__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin-top:var(--space-5)}.error-message--neutral{color:var(--ink-muted)}.resume-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3) var(--space-4);margin-bottom:var(--space-4);padding:var(--space-4);border:1px solid var(--rune-deep);border-radius:var(--radius-md);background-color:var(--surface-raised);background-image:linear-gradient(var(--rune-tint),var(--rune-tint))}.resume-banner__text{flex:1 1 14rem;min-width:0}.resume-banner__title{margin:0;font-size:var(--text-md);font-weight:var(--weight-semi)}.resume-banner__body{margin:var(--space-1) 0 0;color:var(--ink-muted);font-size:var(--text-sm)}.merge-notice{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3) var(--space-4);margin-bottom:var(--space-4);padding:var(--space-4);border:1px solid var(--line-strong);border-radius:var(--radius-md);background-color:var(--surface-raised)}.merge-notice__text{flex:1 1 14rem;min-width:0}.merge-notice__title{margin:0;font-size:var(--text-md);font-weight:var(--weight-semi)}.merge-notice__body{margin:var(--space-1) 0 0;color:var(--ink-muted);font-size:var(--text-sm)}.cards-screen{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);min-height:100svh}.cards-screen__title{margin:0}.cards-screen__list{--card-w: 140px;--card-h: 222px;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-5) var(--space-4);width:100%;max-width:calc(8 * var(--card-w) + 7 * var(--space-4));margin:0;padding:0;list-style:none}