@font-face{font-family:Geist;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/geist.woff2) format("woff2")}@font-face{font-family:Faustina;font-style:normal;font-weight:300 400;font-display:swap;src:url(/fonts/faustina.woff2) format("woff2")}:root{--font: Geist, "Helvetica Neue", Helvetica, Arial, sans-serif;--serif: Faustina, Georgia, "Times New Roman", serif;--text-xs: .6875rem;--text-sm: .75rem;--text-md: .8125rem;--text-lg: .9375rem;--text-xl: 1.375rem;--text-score: 2.75rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 32px;--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--radius-pill: 999px;--gutter: 16px;--card-pad: 16px;--z-hud: 3;--z-sticky: 10;--z-backdrop: 20;--ease-out: cubic-bezier(.16, 1, .3, 1);--fast: .16s;--suit-red: #e5352d;--suit-yellow: #f2b51d;--suit-green: #2f9e57;--suit-blue: #2e6be0;--suit-black: #17161a;--card-paper: #fbfaf7;--card-ink: #17161a}:root,:root[data-theme=dark]{color-scheme:dark;--bg: #0f0e0d;--bg-glow: #161511;--surface: #151412;--sunken: #1b1a17;--raised: #22201d;--glass: rgba(21, 20, 18, .84);--line: rgba(250, 250, 249, .08);--line-strong: rgba(250, 250, 249, .16);--line-3: rgba(250, 250, 249, .25);--ink: #fafaf9;--ink-2: #d6d4cf;--ink-3: #a6a39c;--ink-4: #85827c;--backdrop: rgba(0, 0, 0, .6);--shadow: 0 16px 48px rgba(0, 0, 0, .5);--card-shadow: none;--up: #4cc38a;--down: #f07a74;--play-shadow: 0 1px 1px rgba(0, 0, 0, .35), 0 6px 14px rgba(0, 0, 0, .35)}:root[data-theme=light]{color-scheme:light;--bg: #f3f1ec;--bg-glow: #fbfaf7;--surface: #ffffff;--sunken: #f1eee9;--raised: #e8e4dd;--glass: rgba(255, 255, 255, .9);--line: rgba(28, 25, 21, .1);--line-strong: rgba(28, 25, 21, .18);--line-3: rgba(28, 25, 21, .3);--ink: #1a1713;--ink-2: #39352f;--ink-3: #625d55;--ink-4: #7a756c;--backdrop: rgba(28, 25, 21, .32);--shadow: 0 18px 48px rgba(28, 25, 21, .16), 0 2px 6px rgba(28, 25, 21, .06);--card-shadow: 0 1px 2px rgba(28, 25, 21, .05), 0 4px 14px rgba(28, 25, 21, .04);--up: #13814a;--down: #c2322b;--play-shadow: 0 1px 1px rgba(28, 25, 21, .18), 0 6px 14px rgba(28, 25, 21, .14)}*,*:before,*:after{box-sizing:border-box;touch-action:manipulation}html{height:100%;-webkit-text-size-adjust:100%}body{height:100%;margin:0;background:radial-gradient(ellipse 80% 60% at 50% 45%,var(--bg-glow),transparent 70%),var(--bg);color:var(--ink);font:400 var(--text-md)/1.45 var(--font);-webkit-font-smoothing:antialiased;overflow:hidden}#app{height:100%;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}h1,h2,h3,p,ul,ol,dl,dd{margin:0}h1,h2,h3{font-weight:500}ul,ol{padding:0;list-style:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;padding:0}button:disabled{cursor:not-allowed}svg{display:block}.card,button,.room-row,.picker-card{-webkit-tap-highlight-color:transparent}@media(pointer:coarse){input.input:not(.code-input),select.select{font-size:16px}}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}::selection{background:color-mix(in oklch,var(--ink) 22%,transparent)}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.screen{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;padding:var(--space-6) var(--gutter)}.screen-inner{width:100%;max-width:920px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-5)}.screen-inner.is-narrow{max-width:460px;margin:auto;padding-bottom:6vh}.hero{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding:var(--space-2) 0}.hero-text{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.hero-title{font:400 3.25rem/1 var(--serif);letter-spacing:-.02em}.hero-sub{color:var(--ink-3);font-size:var(--text-lg);max-width:40ch}.hero-cards{position:relative;width:190px;height:130px;flex:none}.hero-cards .card{position:absolute;top:0}.lobby-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-4);align-items:start}.stack{display:flex;flex-direction:column;gap:var(--space-4)}@media(max-width:760px){.lobby-grid{grid-template-columns:minmax(0,1fr)}.lobby-grid>.stack{display:contents}.lobby-rank{order:3}.hero-cards{display:none}.hero-title{font-size:2.5rem}}.game{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:var(--space-3);width:100%;max-width:1200px;height:100%;margin:0 auto;padding:var(--space-3) var(--gutter) var(--space-4);min-height:0}.game-top{display:flex;justify-content:center;min-width:0}.game-top .dock{width:100%;max-width:820px}.seats{display:flex;justify-content:center;gap:var(--space-3);min-width:0;overflow-x:auto;padding:var(--space-3) 2px 2px;scrollbar-width:none}.seats::-webkit-scrollbar{display:none}.table-center{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-4) var(--space-6);min-height:0}.pile{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.pile-label{color:var(--ink-3);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.table-info{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);min-width:150px}.hand-panel{padding-bottom:var(--space-3)}.hand-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2) var(--space-3);margin-bottom:var(--space-2)}.hand-title{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2) var(--space-3);min-width:0}.hand-title h3{font-size:var(--text-md);font-weight:500;white-space:nowrap}.hand-title .eyebrow{white-space:nowrap}.hand-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}@media(max-width:640px){.hand-title .status-chip{flex-basis:100%;white-space:normal;border-radius:var(--radius);padding:6px 10px}.hand-actions{width:100%}.game{gap:var(--space-2);padding:var(--space-2) var(--space-3) var(--space-3)}.seats{justify-content:flex-start}.table-center{gap:var(--space-4)}.table-info{min-width:0}}.card{position:relative;flex:none;width:var(--card-w, 92px);aspect-ratio:2 / 3;border-radius:9%/6%;box-shadow:var(--play-shadow);transition:transform var(--fast) var(--ease-out),box-shadow var(--fast) var(--ease-out),filter var(--fast) var(--ease-out);user-select:none;-webkit-user-select:none}.card>svg{width:100%;height:100%}.suit-red{--c: var(--suit-red)}.suit-yellow{--c: var(--suit-yellow)}.suit-green{--c: var(--suit-green)}.suit-blue{--c: var(--suit-blue)}.suit-wild{--c: var(--suit-black)}.card .paper{fill:var(--card-paper)}.card .face{fill:var(--c)}.card .oval{fill:var(--card-paper)}.card .c-fill{fill:var(--c)}.card .c-stroke{stroke:var(--c)}.card .outlined{stroke:var(--card-ink);stroke-width:2.4;stroke-linejoin:round;paint-order:stroke}.card .mini{stroke:var(--card-ink);stroke-width:2.2}.card .on-face{--c: var(--card-paper)}.card text{font-family:var(--font);font-weight:600;text-anchor:middle;dominant-baseline:central}.card .fig{fill:var(--c);stroke:var(--card-ink);stroke-width:2.6;stroke-linejoin:round;paint-order:stroke}.card .fig-shadow{fill:var(--card-ink)}.card .fig-line{fill:var(--c);stroke:var(--card-ink);stroke-width:1.4;paint-order:stroke}.card .corner{fill:var(--card-paper);stroke:var(--card-ink);stroke-width:2.2;stroke-linejoin:round;paint-order:stroke}.card .back-word{fill:#f5cf22;stroke:var(--card-ink);stroke-width:2.4;stroke-linejoin:round;paint-order:stroke;font-size:34px;letter-spacing:-.5px}.card .back-shadow{fill:var(--card-ink);font-size:34px;letter-spacing:-.5px}.hand{position:relative;width:100%}.hand .card{position:absolute;bottom:0;transition:left .24s var(--ease-out),transform var(--fast) var(--ease-out),box-shadow var(--fast) var(--ease-out),filter var(--fast) var(--ease-out)}.hand .card.playable{cursor:pointer}.hand .card.playable:hover{transform:translateY(-10px)}.hand .card.selected,.hand .card.selected:hover{transform:translateY(-22px);box-shadow:0 0 0 2px var(--ink),var(--play-shadow)}.hand .card.dim{filter:saturate(.7) brightness(.74)}.hand-empty{display:grid;place-items:center;height:100%;color:var(--ink-3)}.seat{flex:none;width:212px;padding:var(--space-3) var(--space-3) var(--space-3);transition:border-color var(--fast) var(--ease-out)}.seat.is-turn{border-color:var(--line-3)}.seat.is-offline{opacity:.55}.seat-head{display:flex;align-items:center;gap:var(--space-2);min-width:0;margin-bottom:var(--space-3)}.seat-name{flex:1;min-width:0;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat-count{color:var(--ink-3);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.seat-fan{position:relative;--card-w: 34px;height:calc(var(--card-w) * 1.5)}.seat-fan .card{position:absolute;top:0;box-shadow:0 1px 2px #0000004d;transition:left .24s var(--ease-out),transform var(--fast) var(--ease-out)}.seat-fan .card.selected{transform:translateY(-8px);box-shadow:0 0 0 1.5px var(--ink),0 1px 2px #0000004d}.seat-foot{display:flex;align-items:center;gap:var(--space-2);min-height:22px;margin-top:var(--space-2);color:var(--ink-3);font-size:var(--text-xs)}.deck{position:relative;--card-w: 100px;width:var(--card-w);aspect-ratio:2 / 3}.deck .card{position:absolute;inset:0}.deck .card:nth-child(1){transform:translate(-4px,-4px)}.deck .card:nth-child(2){transform:translate(-2px,-2px)}.deck.can-draw .card:last-child{cursor:pointer;box-shadow:0 0 0 2px var(--ink-3),var(--play-shadow)}.deck.can-draw .card:last-child:hover{transform:translateY(-4px);box-shadow:0 0 0 2px var(--ink),var(--play-shadow)}.discard{position:relative;--card-w: 100px}.deck.must-draw .card:last-child{box-shadow:0 0 0 2px var(--ink),var(--play-shadow);animation:ask-draw 1.6s ease-in-out infinite}@keyframes ask-draw{50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--ink) 28%,transparent),0 0 0 2px var(--ink),var(--play-shadow)}}.pile-label.is-hint{color:var(--ink);font-weight:500}#flight-layer{position:fixed;inset:0;z-index:15;pointer-events:none}.flight{position:fixed;transform-origin:0 0;will-change:transform}.flight .card{box-shadow:0 10px 24px #00000059}.discard .card.settle{animation:settle .2s var(--ease-out)}@keyframes settle{0%{opacity:.4;transform:scale(.97)}}.hero-cards .card{--card-w: 78px}@media(max-width:640px){.deck,.discard{--card-w: 76px}.seat{width:168px}.seat-fan{--card-w: 28px}}.panel{position:relative;min-width:0;padding:var(--card-pad);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--glass);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(18px) saturate(1.15);backdrop-filter:blur(18px) saturate(1.15)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:24px;margin-bottom:var(--space-3)}.panel-head h3{font-size:var(--text-md);font-weight:500}.panel-section:not(:first-child){margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--line)}.eyebrow{color:var(--ink-3);font-size:var(--text-sm);font-weight:500;white-space:nowrap}.headline{font:400 1.5rem/1.15 var(--serif);letter-spacing:-.01em;text-wrap:balance}.muted{color:var(--ink-3)}.num{font-variant-numeric:tabular-nums}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);flex:none;height:36px;padding:0 14px;border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface) 60%,transparent);color:var(--ink);font-weight:500;white-space:nowrap;transition:background var(--fast) var(--ease-out),border-color var(--fast) var(--ease-out),color var(--fast)}.button:hover:not(:disabled){border-color:var(--line-3);background:var(--sunken)}.button:disabled{opacity:.45}.button.primary{border-color:var(--ink);background:var(--ink);color:var(--bg)}.button.primary:hover:not(:disabled){border-color:var(--ink-2);background:var(--ink-2);color:var(--bg)}.button.danger{border-color:transparent;background:var(--suit-red);color:#fff}.button.danger:hover:not(:disabled){border-color:transparent;background:color-mix(in srgb,var(--suit-red) 86%,#fff)}.button.quiet{border-color:transparent;background:transparent;color:var(--ink-2)}.button.quiet:hover:not(:disabled){background:var(--raised);color:var(--ink)}.button.block{width:100%}.button.sm{height:30px;padding:0 12px;font-size:var(--text-sm)}.icon-button{display:grid;place-items:center;flex:none;width:34px;height:32px;border-radius:var(--radius-pill);color:var(--ink-2);transition:background var(--fast) var(--ease-out),color var(--fast)}.icon-button:hover{background:var(--raised);color:var(--ink)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field>label{color:var(--ink-3);font-size:var(--text-sm);font-weight:500}.input{width:100%;min-width:0;height:38px;padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--sunken);color:var(--ink);font-size:var(--text-lg);transition:border-color var(--fast) var(--ease-out)}.input::placeholder{color:var(--ink-4)}.input:focus{outline:none;border-color:var(--ink-3)}.code-input{font-family:var(--serif);font-size:1.25rem;letter-spacing:.24em;text-transform:uppercase;text-align:center}.input-row{display:flex;gap:var(--space-2)}.segmented{display:grid;grid-template-columns:1fr 1fr;padding:3px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--sunken)}.segmented button{height:30px;border-radius:var(--radius-pill);color:var(--ink-3);font-weight:500;transition:background var(--fast) var(--ease-out),color var(--fast)}.segmented button:hover{color:var(--ink)}.segmented button[aria-checked=true]{background:var(--raised);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-strong)}.status-chip{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%;padding:4px 10px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--sunken);color:var(--ink);font-size:var(--text-xs);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-chip>i{flex:none;width:6px;height:6px;border-radius:50%;background:var(--ink-4)}.status-chip.is-live>i{background:var(--up);box-shadow:0 0 0 3px color-mix(in srgb,var(--up) 22%,transparent)}.status-chip.is-alert{border-color:color-mix(in srgb,var(--suit-red) 45%,transparent);color:var(--down)}.status-chip.is-alert>i{background:var(--down)}.swatch-dot{display:inline-block;width:10px;height:10px;border-radius:50%;box-shadow:inset 0 0 0 1px #0003}.swatch-dot.red{background:var(--suit-red)}.swatch-dot.yellow{background:var(--suit-yellow)}.swatch-dot.green{background:var(--suit-green)}.swatch-dot.blue{background:var(--suit-blue)}.avatar{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--raised);color:var(--ink);font-size:var(--text-sm);font-weight:600}.tag{display:inline-flex;align-items:center;padding:2px 8px;border:1px solid var(--line-strong);border-radius:var(--radius-pill);color:var(--ink-2);font-size:var(--text-xs);font-weight:500;white-space:nowrap}.tag.is-strong{border-color:var(--ink);background:var(--ink);color:var(--bg)}.dock{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);height:44px;padding:0 6px 0 16px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 1px color-mix(in srgb,var(--ink) 6%,transparent);min-width:0}.dock-left{display:flex;align-items:center;gap:var(--space-3);min-width:0}.dock-right{display:flex;align-items:center;gap:2px;flex:none}.dock-brand{flex:none;font:400 1.25rem/1 var(--serif);letter-spacing:.02em}.dock-status{display:flex;align-items:center;gap:8px;min-width:0;color:var(--ink-2);font-size:var(--text-sm);font-weight:500;white-space:nowrap}.dock-status>i{flex:none;width:7px;height:7px;border-radius:50%;background:var(--ink-4)}.dock-status.is-live>i{background:var(--up);box-shadow:0 0 0 3px color-mix(in srgb,var(--up) 22%,transparent)}.dock-status b{color:var(--ink);font-weight:500}.dock-turn{min-width:0;overflow:hidden;text-overflow:ellipsis}.dock-code{font:400 var(--text-md)/1 var(--serif);letter-spacing:.2em;color:var(--ink-3);padding:0 var(--space-2) 0 var(--space-1)}@media(max-width:420px){.dock{gap:var(--space-2);padding:0 4px 0 14px}.dock-left{gap:var(--space-2)}.dock-code{letter-spacing:.12em;padding:0 4px}.dock .icon-button{width:32px}}.backdrop{position:fixed;inset:0;z-index:var(--z-backdrop);display:grid;place-items:center;padding:var(--gutter);background:var(--backdrop);animation:fade-in var(--fast) var(--ease-out)}.modal{width:100%;max-width:380px;max-height:calc(100vh - 2 * var(--gutter));overflow:auto;padding:var(--space-5);border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);animation:dialog-in var(--fast) var(--ease-out)}.modal.is-wide{max-width:520px}.modal h2{font:400 1.375rem/1.2 var(--serif);margin-bottom:var(--space-2)}@keyframes fade-in{0%{opacity:0}}@keyframes dialog-in{0%{opacity:0;transform:translateY(6px) scale(.98)}}.color-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);margin:var(--space-4) 0}.color-choice{display:flex;align-items:center;gap:var(--space-3);height:52px;padding:0 var(--space-4);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--sunken);font-weight:500;transition:border-color var(--fast) var(--ease-out),background var(--fast)}.color-choice:hover{border-color:var(--line-3);background:var(--raised)}.color-choice .swatch-dot{width:18px;height:18px}.toast-area{position:fixed;top:calc(64px + env(safe-area-inset-top,0px));left:50%;z-index:var(--z-backdrop);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);transform:translate(-50%);pointer-events:none}.toast{padding:8px 14px;border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--surface);box-shadow:var(--shadow);font-size:var(--text-sm);font-weight:500;animation:dialog-in var(--fast) var(--ease-out)}.toast.err{color:var(--down)}.toast.ok{color:var(--up)}.toast.uno{font:400 var(--text-lg)/1.2 var(--serif)}.toast.uno b{font-weight:400;color:var(--suit-red);letter-spacing:.04em}.conn-pill{position:fixed;bottom:calc(var(--gutter) + env(safe-area-inset-bottom,0px));left:var(--gutter);z-index:var(--z-hud)}.room-list{display:flex;flex-direction:column;gap:var(--space-1)}.room-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3);width:100%;padding:10px var(--space-3);border-radius:var(--radius);text-align:left;transition:background var(--fast) var(--ease-out)}.room-row:hover:not(:disabled){background:var(--raised)}.room-row:disabled{opacity:.5}.room-code{font:400 var(--text-lg)/1 var(--serif);letter-spacing:.16em;min-width:64px}.room-host{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-sub{color:var(--ink-3);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.room-go{color:var(--ink-3);font-size:var(--text-sm);white-space:nowrap}.room-row:hover:not(:disabled) .room-go{color:var(--ink)}.empty-note{color:var(--ink-3);padding:var(--space-4) 0}.player-list{display:flex;flex-direction:column}.player-row{display:flex;align-items:center;gap:var(--space-3);padding:10px 0}.player-row+.player-row{border-top:1px solid var(--line)}.player-row .name{flex:1;min-width:0;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2);margin-bottom:var(--space-2)}.room-search{height:36px;font-size:var(--text-md)}.room-filter{min-width:168px}.pager{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--line)}.pager-buttons{display:flex;gap:var(--space-1)}.icon-button:disabled{opacity:.35;cursor:default;background:none}.icon-button.is-admin{color:var(--ink)}@media(max-width:420px){.room-tools{grid-template-columns:minmax(0,1fr)}}.rank-list{display:flex;flex-direction:column}.rank-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto auto auto;align-items:center;gap:var(--space-3);padding:9px var(--space-2);border-radius:var(--radius-sm)}.rank-row+.rank-row{border-top:1px solid var(--line)}.rank-row.is-me,.rank-row.is-table{background:var(--sunken)}.rank-pos{font:400 var(--text-lg)/1 var(--serif);color:var(--ink-3);text-align:center;font-variant-numeric:tabular-nums}.rank-pos.is-top{color:var(--ink)}.rank-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-stat{color:var(--ink-3);font-size:var(--text-sm);white-space:nowrap}.rank-stat b{color:var(--ink);font-weight:500}.rank-points{color:var(--ink-3);font-size:var(--text-sm);min-width:56px;text-align:right;white-space:nowrap}.rank-row .tag{grid-column:auto}.rank-row:not(:has(.tag)) .rank-stat{grid-column:4}.finish-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:var(--space-4);align-items:start}.finish-hero{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3) var(--space-5);margin-top:var(--space-2)}.finish-title{font-size:2.5rem}.finish-score{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.finish-points{font:400 var(--text-score)/1 var(--serif);letter-spacing:-.02em}.result-list{display:flex;flex-direction:column}.result-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto 32px;align-items:center;gap:var(--space-3);padding:10px 0}.result-row+.result-row{border-top:1px solid var(--line)}.result-main{display:flex;flex-direction:column;min-width:0}.result-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-row.is-winner .result-name{font:400 var(--text-lg)/1.2 var(--serif)}.result-sub{color:var(--ink-3);font-size:var(--text-sm)}.result-hand{display:flex;align-items:center;--card-w: 26px}.result-hand .card{box-shadow:0 1px 2px #0000004d}.result-hand .card+.card{margin-left:-12px}.result-more{margin-left:6px;color:var(--ink-3);font-size:var(--text-xs)}.result-wins{font:400 var(--text-xl)/1 var(--serif);text-align:right;color:var(--ink-2)}.finish-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}@media(max-width:760px){.finish-grid{grid-template-columns:minmax(0,1fr)}.finish-title{font-size:2rem}.finish-score{align-items:flex-start}}@media(max-width:420px){.result-hand{display:none}}.toggle-list{display:flex;flex-direction:column;margin:var(--space-4) 0}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0;cursor:pointer}.toggle-row+.toggle-row{border-top:1px solid var(--line)}.toggle-text{display:flex;flex-direction:column;gap:2px;min-width:0}.toggle-label{font-weight:500;font-size:var(--text-lg)}.toggle-hint{color:var(--ink-3);font-size:var(--text-sm)}.switch{appearance:none;-webkit-appearance:none;position:relative;flex:none;width:44px;height:26px;margin:0;border-radius:var(--radius-pill);background:var(--raised);box-shadow:inset 0 0 0 1px var(--line-strong);cursor:pointer;transition:background var(--fast) var(--ease-out)}.switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--ink-3);transition:transform var(--fast) var(--ease-out),background var(--fast)}.switch:checked{background:var(--ink)}.switch:checked:after{transform:translate(18px);background:var(--bg)}.picker-tabs{display:flex;gap:var(--space-1);margin:var(--space-4) 0 var(--space-3);overflow-x:auto;scrollbar-width:none}.picker-tabs::-webkit-scrollbar{display:none}.picker-tab{display:inline-flex;align-items:center;gap:6px;flex:none;height:30px;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--ink-3);font-weight:500}.picker-tab:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--suit-black);box-shadow:inset 0 0 0 1px var(--line-3)}.picker-tab.red:before{background:var(--suit-red)}.picker-tab.yellow:before{background:var(--suit-yellow)}.picker-tab.green:before{background:var(--suit-green)}.picker-tab.blue:before{background:var(--suit-blue)}.picker-tab.wild:before{background:conic-gradient(var(--suit-red) 0 25%,var(--suit-blue) 0 50%,var(--suit-green) 0 75%,var(--suit-yellow) 0)}.picker-tab[aria-selected=true]{border-color:var(--line-3);background:var(--raised);color:var(--ink)}.picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:var(--space-2);--card-w: 100%}.picker-card{display:block;width:100%;border-radius:9%/6%;transition:transform var(--fast) var(--ease-out)}.picker-card:hover:not(:disabled){transform:translateY(-3px)}.picker-card:disabled{opacity:.4}.picker-card .card{box-shadow:0 1px 2px #0000004d}.picker-tray{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);min-height:64px;margin-top:var(--space-3);padding:var(--space-2);border:1px dashed var(--line-strong);border-radius:var(--radius)}.picker-card.is-small{width:38px}.dock-brand,.hero-title{cursor:default;color:inherit;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.dock-brand:focus-visible{outline:none}.move-feed{display:flex;flex-direction:column;gap:var(--space-2);width:220px;min-width:0;align-self:center}.move-list{display:flex;flex-direction:column;gap:2px}.move-line{padding:6px 10px;border-radius:var(--radius-sm);color:var(--ink-4);font-size:var(--text-sm);line-height:1.35;overflow-wrap:anywhere}.move-line.is-newest{color:var(--ink);font-size:var(--text-lg);font-weight:500;background:var(--sunken);border:1px solid var(--line);animation:move-in 1.4s var(--ease-out)}.move-list .move-line:nth-child(2){color:var(--ink-3)}@keyframes move-in{0%{background:var(--raised);border-color:var(--line-3);translate:0 -4px}15%{translate:0 0}to{background:var(--sunken);border-color:var(--line)}}.move-ticker{display:none}@media(max-width:900px){.move-feed{display:none}.move-ticker{display:flex;justify-content:center;flex-basis:100%;min-width:0}.move-ticker .move-line{max-width:100%;text-align:center;font-size:var(--text-md)}}.turn-bar{position:absolute;left:var(--space-3);right:var(--space-3);bottom:0;height:2px;border-radius:2px;background:var(--line);overflow:hidden}.turn-bar.is-top{top:0;bottom:auto;left:var(--space-4);right:var(--space-4)}.turn-bar>i{display:block;height:100%;background:var(--up);transform-origin:left center;transition:transform .25s linear,background var(--fast) var(--ease-out)}.turn-bar.is-urgent>i{background:var(--down)}.dock-clock{padding:1px 7px;border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--ink-3);font-size:var(--text-xs);font-weight:500;font-variant-numeric:tabular-nums;min-width:34px;text-align:center}.dock-clock.is-urgent{color:var(--down);border-color:color-mix(in srgb,var(--down) 45%,transparent)}.live-pill{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:4px 11px 4px 10px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--glass);color:var(--ink-3);font-size:var(--text-sm);font-weight:500;white-space:nowrap}.live-pill b{color:var(--ink);font-weight:500}.live-pill>i{flex:none;width:7px;height:7px;margin-right:2px;border-radius:50%;background:var(--up);box-shadow:0 0 0 3px color-mix(in srgb,var(--up) 22%,transparent),0 0 10px color-mix(in srgb,var(--up) 60%,transparent)}@media(prefers-reduced-motion:no-preference){.live-pill>i{animation:breathe 1.6s ease-in-out infinite}}@keyframes breathe{50%{opacity:.55}}.live-sep{color:var(--ink-4)}.dock-live{align-self:center;border:0;background:none;padding:0 var(--space-2)}@media(max-width:760px){.dock-live{display:none}}.gate-top{display:flex;justify-content:center;margin-bottom:var(--space-3)}.gate{display:flex;flex-direction:column;gap:var(--space-3)}.gate-title{font-size:1.75rem;margin-top:var(--space-1)}.gate-field{margin:var(--space-2) 0}.field-help{color:var(--ink-3);font-size:var(--text-sm)}.field-help.is-error{color:var(--down)}.input.is-invalid{border-color:color-mix(in srgb,var(--down) 60%,transparent)}.input.is-invalid:focus{border-color:var(--down)}.notice{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3) var(--space-5);border-color:var(--line-strong)}.notice-text{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1 320px}.notice-text h3{font:400 var(--text-xl)/1.2 var(--serif)}.notice-actions{display:flex;gap:var(--space-2);flex:none}