@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(.155 .022 283);--surface: oklch(.215 .024 284);--surface-raised: oklch(.268 .026 284);--surface-sunken: oklch(.12 .02 283);--line: oklch(.33 .028 278);--line-strong: oklch(.545 .038 262);--ink: oklch(.965 .008 240);--ink-muted: oklch(.78 .018 250);--ink-subtle: oklch(.64 .02 255);--rune: oklch(.849 .096 222);--rune-bright: oklch(.9 .079 215);--rune-deep: oklch(.52 .09 225);--danger: oklch(.7 .15 28);--success: oklch(.78 .11 155);--warn: oklch(.82 .12 88);--danger-tint: oklch(.7 .15 28 / .16);--success-tint: oklch(.78 .11 155 / .16);--warn-tint: oklch(.82 .12 88 / .16);--rune-tint: oklch(.849 .096 222 / .14);--warn-glow: oklch(.82 .12 88 / .34);--rune-glow: oklch(.849 .096 222 / .5);--danger-glow: oklch(.7 .15 28 / .5);--font-card-name: "Fraunces", serif;--font-type-line: "Fraunces", serif;--font-numeral: "Archivo Narrow", sans-serif;--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))}@media(prefers-reduced-motion:reduce){:root{--dur-fast: 1ms;--dur: 1ms;--dur-slow: 1ms}}.avatar{display:inline-block;position:relative;flex:none;overflow:hidden;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)}.avatar__art{position:absolute;width:200%;height:200%;left:-40%;top:-20%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;transition:opacity var(--dur-slow) var(--ease-out)}.avatar__art.is-loading{opacity:0}.avatar__art.is-loaded{opacity:1}.avatar--sm{width:24px;height:24px;vertical-align:-.35em}.avatar--md{width:40px;height:40px}.avatar--lg{width:72px;height:72px;border-width:2px}.avatar--xl{width:120px;height:120px;border-width:2px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}img,svg{-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}body{margin:0;min-height:100svh;background-color:var(--bg);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}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-decoration-color:#82dcfa66;text-underline-offset:2px;transition:color var(--dur) var(--ease-out)}@media(hover:hover)and (pointer:fine){a:hover{color:var(--rune-bright);text-decoration-color:currentColor}}::view-transition-old(root),::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:1px solid transparent;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)}button:active:not(:disabled){scale:var(--press-scale)}button:disabled{background-color:var(--surface);color:var(--ink-subtle);cursor:not-allowed}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)}@media(hover:hover)and (pointer:fine){button:hover:not(:disabled){background-color:var(--line)}input:hover,select:hover{border-color:var(--ink-subtle)}}.button{min-height:var(--tap);padding:var(--space-3) var(--space-5);border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-semi);text-decoration:none;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)}a.button{display:inline-grid;place-items:center}.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{background-color:transparent;border-color:var(--danger);color:var(--danger)}@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)}}input::placeholder,textarea::placeholder{color:var(--ink-muted);opacity:1}label{display:block;margin-bottom:var(--space-2);color:var(--ink-muted);font-size:var(--text-sm);font-weight:var(--weight-semi)}.tabular{font-family:var(--font-numeral);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.swap-labels{display:grid;place-items:center}.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{position:relative;overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;--hold-progress: 0%;transition:--hold-progress var(--dur-fast) var(--ease-out)}.hold-button[data-holding]{--hold-progress: 100%;transition-duration:var(--hold-duration);transition-timing-function:linear}.hold-button__fill{position:absolute;inset:0;display:grid;place-items:center;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)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;border:0;clip-path:inset(50%);white-space:nowrap}@media(prefers-reduced-motion:reduce){button:active:not(:disabled){scale:1}}.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-CiMErqs1.jpg) 126 stretch round;background-color:var(--surface-sunken);background-image:url(/assets/gameboard_background_frame-CiMErqs1.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(--surface-sunken);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}@media(prefers-reduced-motion:no-preference){.tutorial-coach__line{animation:coach-line-in .32s ease-out}@keyframes coach-line-in{0%{opacity:0;transform:translateY(-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-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,.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,.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{position:absolute;right:var(--space-3);bottom:var(--space-3)}.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,.turn-token{opacity:0}}@media(prefers-reduced-motion:no-preference){@starting-style{.protected-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{position:absolute;left:var(--space-3);bottom:var(--space-3)}.player-hand{--held-w: 56px;--held-h: 88px;--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}}.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))}.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);overflow:hidden;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)}.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:cover}.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:9.8%;left:50%;translate:-50%;z-index:10;height:50%;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;top:20%;left:20%;width:60%;height:35%;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-badge{position:absolute;top:7.7%;right:12.3%;z-index:40;display:grid;place-items:center;width:15%;aspect-ratio:1;translate:50% -50%;color:var(--rune);font-family:var(--font-numeral);font-size:calc(var(--card-w) * .085);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:62.3% 16.5% 33.9%;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) * .056);font-weight:var(--weight-black);line-height:1;white-space:nowrap}.card-power-text-container{position:absolute;inset:69.2% 11% 5.8%;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) * .067);font-weight:var(--weight-medium);line-height:var(--leading-tight);text-align:center;text-wrap:balance}.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__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-gap: 4px}.player .protected-token,.player .turn-token{--token-size: 24px;bottom:var(--space-1)}.player .protected-token{right:var(--space-2)}.player .turn-token{left:var(--space-2)}.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)}.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}.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)}.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    wizard" "roster  wizard" "length  wizard" "deck    deck" "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}.avatar-picker{grid-area:wizard}.game-length{grid-area:length}:where(.game-lobby)>.deck-picker{grid-area:deck}.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}.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)}.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~*,.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__sigil{font-size:var(--text-lg);line-height:1}.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,.language-picker__option:active{scale:var(--press-scale)}@media(prefers-reduced-motion:reduce){.deck-picker__option:active,.game-length__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)}.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__name{min-width:0;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__sigil{margin-right:var(--space-3);color:var(--rune)}.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){.card-zoom:hover .card-zoom__loupe{opacity:1}}.card-zoom:focus-visible .card-zoom__loupe{opacity:1}@media(hover:hover){.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-size:auto 120%}.deck-builder__masthead{width:100%;max-width:var(--w-panel);margin-bottom:var(--space-6);text-align:center}.deck-builder__faction{margin:0 0 var(--space-1);color:var(--ink-muted);font-size:var(--text-sm);font-weight:var(--weight-semi)}.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);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)}}