:root{--card-w: clamp(44px, 9vmin, 86px);--felt: #0c3f22;--felt-dark: #04210f;--surface: linear-gradient(90deg, #10301e 0%, #071a0f 100%);--surface-hover: linear-gradient(90deg, #164026 0%, #0b2415 100%);--surface-edge: rgb(255 255 255 / 12%);--surface-inset: linear-gradient(90deg, #061509 0%, #0d2417 100%);--ink: #0e1211;--panel: #142620;--gold-deep: #a25b01;--gold-body: #e99e35;--gold-bevel: #ffdd93;--accent: #f8b53d;--accent-rgb: 248 181 61;--paper: #fdfdfb;--cta-h: 46px;--cta-r: 10px;--suit-red-lift: #ff7d6d;--suit-red: #e04b4b;--suit-red-deep: #a82f2f;--paper-shade: #b7c3bd;--muted: #9db3a8;--line: #cbd5e1;--danger: #dc2626;--danger-ink: #fca5a5;--ok: #16a34a;--ok-text: #86efac;--e1: 0 1px 3px rgb(0 0 0 / 45%);--e2: 0 2px 6px rgb(0 0 0 / 38%);--e3: 0 3px 10px rgb(0 0 0 / 42%);--e4: 0 6px 18px rgb(0 0 0 / 50%);--font-body: "Inter", ui-rounded, system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: var(--font-body);color-scheme:dark;font-family:var(--font-body)}@font-face{font-family:Inter;src:url(/fonts/inter-var.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}*{box-sizing:border-box}.skin-root{display:contents}html,body,#root{height:100%;margin:0}body{background:linear-gradient(180deg,var(--felt-dark),var(--ink)) fixed;color:var(--paper);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.page{min-height:100%;display:flex;flex-direction:column;gap:1rem;padding:max(1.5rem,env(safe-area-inset-top)) 1.25rem max(1.5rem,env(safe-area-inset-bottom))}.page.narrow{max-width:30rem;margin:0 auto;width:100%}.page-title{margin:0;font-size:1.75rem}.page-links{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-top:auto}.icon{display:inline-grid;place-items:center;flex:none;width:1.25em;height:1.25em;color:currentColor}.icon>svg{width:100%;height:100%;display:block}.landing{width:100%;gap:1.5rem;background:linear-gradient(105deg,#08140ee5,#08140e9e 52%,#08140e14 84%),linear-gradient(180deg,rgb(8 20 14 / 10%) 0%,rgb(8 20 14 / 82%) 58%,var(--ink) 100%),url(/art/landing-tall.webp) top center / cover no-repeat fixed}@media(min-width:900px){.landing{background:linear-gradient(100deg,rgb(8 20 14 / 78%) 0%,rgb(8 20 14 / 30%) 48%,transparent 72%),linear-gradient(180deg,rgb(8 20 14 / 6%) 0%,rgb(8 20 14 / 78%) 55%,var(--ink) 100%),url(/art/landing-wide.webp) top center / cover no-repeat fixed;padding-inline:max(1.25rem,calc((100% - 76rem)/2))}}.landing-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;padding-block:.25rem}.landing-logo{height:2.9rem;width:auto;flex:none}.landing-links{display:none;gap:1.25rem;font-size:.95rem}@media(min-width:480px){.landing-links{display:flex}}.landing-links a{color:var(--paper);text-decoration:none;opacity:.85}.landing-links a:hover,.landing-links a:focus-visible{opacity:1;color:var(--accent)}.landing-account{display:flex;align-items:center;gap:.75rem;margin-left:auto}.text-link{background:none;border:0;padding:0;font:inherit;color:var(--paper);opacity:.85;text-decoration:none;cursor:pointer}.text-link:hover,.text-link:focus-visible{opacity:1;color:var(--accent)}.pill-button{display:inline-flex;align-items:center;min-height:34px;padding:0 1.25rem;border-radius:10px;border:1px solid rgb(var(--accent-rgb) / 55%);background:var(--surface);color:var(--paper);font-weight:600;font-size:.7rem;text-decoration:none;white-space:nowrap}.pill-button:hover,.pill-button:focus-visible{background:var(--surface-hover);border-color:var(--accent)}.pill-button.off{border-color:#ffffff24;background:var(--surface-inset);color:var(--muted)}.pill-button.off:hover,.pill-button.off:focus-visible{border-color:#ffffff4d;background:var(--surface);color:var(--paper)}.pill-button.buy{border-color:transparent;background:linear-gradient(180deg,#ffd479,var(--accent) 55%,#d9922a);color:#241a05;min-width:5rem;justify-content:center;font-size:.74rem}.pill-button.buy:hover,.pill-button.buy:focus-visible{border-color:transparent;background:linear-gradient(180deg,#ffd479,var(--accent) 55%,#d9922a);filter:brightness(1.06)}.pill-button.buy:disabled{opacity:.45;cursor:default;filter:none}.landing-hero{display:flex;flex-direction:column;gap:.85rem;width:min(100%,max(12rem,64%));max-width:32rem;padding-block:1rem .5rem}.hero-title{margin:0;font-family:var(--font-display);font-size:clamp(1.6rem,7.5vw,4rem);font-weight:700;line-height:1.05;letter-spacing:-.025em;text-wrap:balance;color:var(--paper)}.hero-title-gold{color:var(--accent)}.hero-blurb{margin:0;max-width:30rem;font-size:.9rem;line-height:1.5;color:#ffffffc7}.hero-actions{display:flex;flex-direction:column;gap:.6rem;margin-top:.25rem}@media(min-width:560px){.hero-actions{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.hero-actions>*{min-width:0}}.cta,.join-code-button{display:grid;grid-template-columns:1.6em 1fr 1.6em;align-items:center;column-gap:.45rem;min-height:var(--cta-h);padding:0 .9rem;border-radius:var(--cta-r);border:1px solid var(--surface-edge);background:var(--surface);color:var(--paper);font-weight:700;font-size:.88rem;text-decoration:none;cursor:pointer}.cta-primary{border-color:transparent;background:linear-gradient(180deg,#ffd479,var(--accent) 55%,#d9922a);color:#241a05;box-shadow:0 8px 20px #00000059}.cta-primary:hover,.cta-primary:focus-visible{filter:brightness(1.06)}.cta:disabled{opacity:.45;box-shadow:none;cursor:default}.cta:disabled:hover{filter:none}.cta-label{text-align:center;min-width:0}.cta-mark{width:1.55em;height:1.55em}.join-code-button{font-size:.8rem}.page-title,.lobby-game,.scoreboard-title,.sheet-title{font-family:var(--font-display)}.card-panel{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;border-radius:16px;background:#ffffff14}.text-input{min-height:52px;border-radius:12px;border:2px solid rgb(255 255 255 / 20%);background:#0000004d;color:var(--paper);font:inherit;font-size:1.1rem;padding:0 .9rem;-webkit-user-select:text;user-select:text}a.big-button,a.text-button{display:flex;align-items:center;justify-content:center;text-decoration:none}a.text-button{text-decoration:underline}.section-title{margin:.5rem 0 0;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.store-page{gap:.8rem;--felt-scrim: linear-gradient(180deg, rgb(8 20 14 / 68%) 0%, rgb(8 20 14 / 90%) 42%, var(--ink) 86%)}.store-page .page-title{font-size:clamp(1rem,4.5vw,1.25rem);text-align:center;white-space:nowrap}.store-page .page-lede{margin-top:-.3rem}.store-page .section-title{margin:.6rem 0 0;font-size:.85rem;font-weight:700;text-transform:none;letter-spacing:normal;color:var(--paper)}.store-page .pack{gap:.75rem;padding:.75rem .85rem;border-radius:12px;border:1px solid var(--surface-edge)}.store-page .pack-name{font-weight:700;font-size:.95rem}.store-page .pack-blurb{font-size:.82rem;color:#fffc}.store-page .banner.warn{font-size:.78rem;font-weight:600;background:rgb(var(--accent-rgb) / 12%);border:1px solid rgb(var(--accent-rgb) / 30%)}.detail-page{gap:.75rem;--felt-scrim: linear-gradient(180deg, rgb(8 20 14 / 70%) 0%, rgb(8 20 14 / 91%) 44%, var(--ink) 86%)}.detail-page .page-title{font-size:clamp(1rem,4.5vw,1.25rem);text-align:center}.detail-hero{align-items:center;gap:.6rem}.detail-mark{display:grid;place-items:center}.detail-mark .icon{width:clamp(58px,17vw,78px);height:clamp(58px,17vw,78px)}.detail-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem}.detail-page .game-description{align-self:stretch;font-size:.88rem;color:#ffffffd6}.detail-page .section-title{margin:.4rem 0 0;font-size:.85rem;font-weight:700;text-transform:none;letter-spacing:normal;color:var(--paper)}.detail-page .rules-list{margin:0;font-size:.85rem;color:#ffffffd6}.library-page{gap:.8rem;--felt-scrim: linear-gradient(180deg, rgb(8 20 14 / 68%) 0%, rgb(8 20 14 / 90%) 42%, var(--ink) 86%)}.library-page .page-title{font-size:clamp(1rem,4.5vw,1.25rem);text-align:center;white-space:nowrap}.library-page .page-lede{margin-top:-.3rem}.library-page .section-title{margin:.6rem 0 0;font-size:.85rem;font-weight:700;text-transform:none;letter-spacing:normal;color:var(--paper)}.game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(9.5rem,100%),1fr));gap:.75rem}@media(min-width:900px){.game-grid{grid-template-columns:repeat(auto-fit,minmax(min(16rem,100%),1fr))}}.game-card{display:flex;flex-direction:column;align-items:stretch;gap:.45rem;padding:.6rem;border-radius:12px;background:var(--surface);border:2px solid transparent;color:var(--paper);text-decoration:none;min-height:44px}.game-card-text{display:flex;flex-direction:column;gap:.2rem;min-width:0}.game-card>.game-card-art{flex:none}.game-card:hover,.game-card:focus-visible{border-color:var(--accent)}.game-card-name{font-weight:700;font-size:.95rem}.game-card-blurb{color:#fffc;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.game-card-meta,.game-meta{font-size:.8rem;color:var(--muted)}.game-card-meta{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.1rem}.game-chip{padding:.1rem .4rem;border-radius:999px;background:#00000038;font-size:.7rem;font-weight:600;white-space:nowrap}.game-chip.difficulty.easy{background:#4ade802e;color:var(--ok-text)}.game-chip.difficulty.medium{background:rgb(var(--accent-rgb) / 18%);color:var(--accent)}.game-chip.difficulty.hard{background:#fca5a529;color:var(--danger-ink)}.game-chip.free{color:var(--accent)}.owned-mark{padding:.1rem .5rem;border-radius:999px;background:#4ade802e;color:var(--ok-text);font-size:.75rem;font-weight:700;white-space:nowrap}.game-chip.owned-mark{font-size:.7rem;font-weight:600}.game-description{margin:0;line-height:1.5}.rules-list{margin:.5rem 0 0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.35rem;line-height:1.4}.pack-list{display:flex;flex-direction:column;gap:.75rem}.pack{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1rem;border-radius:14px;background:var(--surface);border:2px solid transparent;box-shadow:var(--e1)}.pack:hover,.pack:focus-within{border-color:var(--accent)}.pack>.big-button{flex:none}.pack-text{display:flex;flex-direction:column;gap:.25rem;flex:1 1 16rem}.pack-name{font-weight:800;font-size:1.1rem}.pack-blurb{color:#fffc;line-height:1.4}.pack .big-button{flex:0 0 auto;min-width:7rem}.splash{display:grid;place-items:center;height:100%;font-size:1.5rem;color:var(--muted)}.card{width:var(--card-w);height:calc(var(--card-w) * 1.4);border-radius:calc(var(--card-w) * .1);background:var(--paper);color:var(--ink);border:1px solid var(--line);box-shadow:var(--e2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1em;font-size:calc(var(--card-w) * .32);font-weight:700;line-height:1;padding:0;flex:none}.card.small{--card-w: clamp(26px, 4.5vmin, 44px)}.card.red{color:#b91c1c}.card .suit{font-size:1.1em}.card.back{background:var(--card-back);border-color:var(--card-back-edge)}.card{--angle: 0deg;--drop: 0;--lift: 0px;transform:rotate(var(--angle)) translateY(calc(var(--drop) * var(--card-w) + var(--lift)))}button.card{cursor:default;opacity:.55;--lift: 4px;transition:transform .12s ease,opacity .12s ease}button.card.playable{cursor:pointer;opacity:1;--lift: -4px;box-shadow:0 0 0 2px var(--accent),0 6px 14px #00000073}button.card.playable:active{--lift: -10px}.card.selected{box-shadow:0 0 0 3px var(--ok),0 8px 16px #00000073;--lift: -12px}.zone{display:flex;flex-direction:column;align-items:center;gap:.35rem}.zone-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--paper);text-shadow:0 1px 3px rgb(0 0 0 / 90%),0 0 8px rgb(0 0 0 / 60%)}.zone-row,.zone-fan{display:flex;align-items:flex-end}.zone-row{gap:.4rem;flex-wrap:wrap;justify-content:center}.zone-fan{flex-direction:column;align-items:center;padding:calc(var(--fan-headroom, 0) * var(--card-w) + 10px) 0 calc(var(--fan-headroom, 0) * var(--card-w))}.fan-row{display:flex;align-items:flex-end;justify-content:center}.fan-row>.card{margin-left:calc(var(--fan-step) - var(--card-w))}.fan-row>.card:first-child{margin-left:0}.fan-row>.card:hover,.fan-row>.card:focus-visible,.fan-row>.card.playable:active,.fan-row>.card.selected{z-index:2}.zone-stack{position:relative;display:flex}.zone-stack>.card.back{position:absolute;top:-4px;left:-4px}.zone-stack>.card:not(.back){position:relative;z-index:1}.zone-count{position:relative;display:flex;flex-direction:column;align-items:center;gap:.3rem}.count-badge{padding:.05rem .5rem;border-radius:999px;background:#0000008c;font-size:.85rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--paper);line-height:1.5}.zone-empty{width:clamp(44px,9vmin,86px);height:calc(clamp(44px,9vmin,86px)*1.4);border:2px dashed rgb(255 255 255 / 18%);border-radius:8px}.table-screen{height:100%;display:grid;grid-template-rows:auto 1fr auto;background:var(--environment-wide, var(--environment, var(--table-surface)));background-size:cover;background-position:center}.table-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:clamp(.5rem,2vmin,1.25rem)}.room{display:flex;flex-direction:column}.room-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#fff9}.room-code{font-size:clamp(2rem,7vmin,5rem);font-weight:800;letter-spacing:.12em;line-height:1}.table-title{text-align:center}.table-title h1{margin:0;font-size:clamp(1rem,3vmin,2rem)}.objective{margin:.25rem 0 0;font-size:clamp(.7rem,1.6vmin,1rem);color:#ffffffb3}.table-body{display:grid;place-items:center;padding:1rem;min-height:0;overflow:hidden}.avatar{font-size:clamp(1.5rem,4vmin,3rem);line-height:1}.seat-name{font-weight:700;font-size:clamp(.8rem,1.8vmin,1.2rem);display:flex;align-items:center;gap:.35rem}.host-tag{display:inline-flex;align-items:center;gap:.2em;font-size:.6em;text-transform:uppercase;letter-spacing:.06em;background:rgb(var(--accent-rgb) / 18%);color:var(--accent);border-radius:999px;padding:.1em .5em;white-space:nowrap}.invite>.big-button,.invite>a.big-button{flex-direction:column;gap:.15rem;padding:.5rem .3rem}.room-features{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;margin:0}.feature .icon,.host-tag .icon{width:.95em;height:.95em}.feature{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .55rem;border-radius:999px;background:#00000047;font-size:.75rem;font-weight:600;color:var(--muted)}.feature.on{color:var(--accent)}.seat-state{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:#ffffffa6}.badges{display:flex;gap:.4rem}.badge{display:flex;align-items:baseline;gap:.2rem;font-size:.7rem;color:#ffffffbf}.badge-count{font-weight:800;font-size:1.1em}.seat-zones{display:flex;gap:.3rem}.hand-screen{height:100%;display:flex;flex-direction:column;gap:.5rem;padding:max(.75rem,env(safe-area-inset-top)) .75rem max(.75rem,env(safe-area-inset-bottom));background:linear-gradient(180deg,var(--felt-dark),var(--ink));transition:box-shadow .2s ease}@media(orientation:landscape){.room-screen{background:radial-gradient(ellipse 120% 75% at 50% 45%,transparent 58%,rgb(0 0 0 / 22%) 100%),var(--environment-wide, var(--environment, var(--table-surface)))}}.room-screen.my-turn{box-shadow:inset 0 0 0 4px var(--accent);animation:turn-pulse 1.8s ease-in-out infinite}@keyframes turn-pulse{50%{box-shadow:inset 0 0 0 8px rgb(var(--accent-rgb) / 55%)}}@media(prefers-reduced-motion:reduce){.room-screen.my-turn{animation:none}}.pill{border-radius:999px;padding:.25rem .8rem;background:#ffffff24;font-size:.85rem;font-weight:700}.pill.mine{background:var(--accent);color:var(--ink)}.pill.warn{background:var(--danger)}.hand-zones>.zone{width:100%}.hand-zones{display:flex;flex-direction:column;align-items:stretch;gap:.75rem;max-height:45vh;overflow-y:auto;min-height:0;padding-top:16px;padding-bottom:4px}.chat-bar{display:flex;align-items:center;gap:.4rem;margin-top:.4rem;padding:.25rem .3rem .25rem .25rem;border-radius:999px;background:#00000052;border:1px solid rgb(255 255 255 / 10%)}.chat-bar-input{flex:1;min-width:0;min-height:38px;padding:0 .5rem;border:none;background:none;color:inherit;font:inherit;font-size:.9rem}.chat-bar-input:focus-visible{outline:none}.chat-bar:focus-within{border-color:var(--accent)}.chat-bar-phrases,.chat-bar-send{flex:none;display:grid;place-items:center;width:38px;height:38px;border:none;border-radius:999px;background:none;color:var(--muted);cursor:pointer}.chat-bar-phrases svg,.chat-bar-send svg{width:20px;height:20px}.chat-bar-phrases:hover,.chat-bar-phrases:focus-visible{color:var(--paper)}.chat-bar-send:not(:disabled){color:var(--accent)}.chat-bar-send:disabled{cursor:default;opacity:.45}.hand-actions{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px}.hand-actions>.big-button{flex:1 1 auto}.hand-hint{margin:0;text-align:center;color:var(--muted);font-size:.85rem}.hand-actions>.big-button,.sheet-options>.big-button{flex:1}.prompt{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;border-radius:14px;background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff1f}.prompt-label{font-size:.95rem;font-weight:700;text-align:center}.prompt-options{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.prompt-choice{min-width:3rem;min-height:3rem;padding:0 .75rem;border-radius:12px;border:1px solid rgb(255 255 255 / 25%);background:#ffffff14;color:var(--paper);font:inherit;font-size:1.15rem;font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer;transition:transform .12s ease,background .12s ease}.prompt-choice:hover{background:#ffffff29}.prompt-choice:active{background:var(--accent);border-color:var(--accent);color:var(--ink);transform:translateY(2px)}@media(prefers-reduced-motion:reduce){.prompt-choice{transition:none}.prompt-choice:active{transform:none}}@media(max-height:600px){.prompt{flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;padding:.5rem .75rem}.prompt-label{text-align:left}}.big-button{min-height:48px;border-radius:12px;border:none;background:#ffffff29;color:var(--paper);font:inherit;font-weight:700;font-size:1rem;cursor:pointer}.big-button.primary{background:var(--accent);color:var(--ink)}.big-button:disabled{opacity:.45;cursor:default}.text-button{background:none;border:none;color:var(--muted);font:inherit;text-decoration:underline;cursor:pointer;min-height:44px}.banner{border-radius:10px;padding:.6rem .9rem;font-weight:600;text-align:center}.banner.error{background:#dc262640;color:#fecaca}.banner.warn{background:rgb(var(--accent-rgb) / 25%);color:#fde68a}.banner.win{background:#16a34a40;color:#bbf7d0}.field{display:flex;flex-direction:column;gap:.4rem;border:none;padding:0;margin:0}.field-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.field-help{font-size:.8rem;color:var(--muted)}.field-error{font-size:.8rem;color:#fca5a5}.name-input{min-height:46px;border-radius:10px;border:1px solid var(--surface-edge);background:var(--surface-inset);color:var(--paper);font:inherit;padding:0 .85rem;font-size:1rem;font-weight:600;-webkit-user-select:text;user-select:text}.name-input:focus-visible{outline:none;border-color:rgb(var(--accent-rgb) / 70%)}.felt-page{position:relative;isolation:isolate;--felt-scrim: linear-gradient(180deg, rgb(8 20 14 / 62%) 0%, rgb(8 20 14 / 88%) 45%, var(--ink) 88%)}.felt-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--felt-scrim),url(/art/landing-tall.webp) top center / cover no-repeat fixed}@media(min-width:900px){.felt-page:before{background:var(--felt-scrim),url(/art/landing-wide.webp) top center / cover no-repeat fixed}}@media(min-width:900px){.felt-page:not(.narrow){padding-inline:max(1.25rem,calc((100% - 76rem)/2))}}.join-page{gap:.8rem;--felt-scrim: linear-gradient(180deg, rgb(8 20 14 / 74%) 0%, rgb(8 20 14 / 93%) 40%, var(--ink) 82%)}@media(min-width:900px){.join-page{--felt-scrim: radial-gradient(ellipse 46% 54% at 50% 26%, rgb(8 20 14 / 88%) 0%, rgb(8 20 14 / 30%) 70%, transparent 100%), linear-gradient(180deg, rgb(8 20 14 / 66%) 0%, rgb(8 20 14 / 88%) 48%, var(--ink) 88%)}}.page-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem}.page-bar-action{display:flex;justify-content:flex-end}.arrival-body{display:flex;flex-direction:column;gap:.8rem;margin-block:clamp(.5rem,7vh,4.5rem) auto}.page-back{display:inline-flex;align-items:center;gap:.15rem;min-height:34px;color:var(--paper);font-weight:600;font-size:.74rem;text-decoration:none}.page-back .icon{transform:scaleX(-1);color:var(--accent)}.page-back:hover,.page-back:focus-visible{color:var(--accent)}.arrival-logo{width:clamp(76px,21vw,104px);height:auto}.join-page .page-title{text-align:center;font-size:clamp(1.3rem,5.5vw,1.6rem)}.page-title-code{color:var(--accent)}.page-lede{margin:-.45rem 0 0;text-align:center;font-size:.78rem;line-height:1.5;color:#ffffffbd}.form-card{display:flex;flex-direction:column;gap:.9rem;padding:1rem;border-radius:14px;border:1px solid var(--surface-edge);background:var(--surface)}.join-page .field-label{text-transform:none;letter-spacing:normal;font-size:.72rem;font-weight:600;color:#ffffffb8}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:.3rem;padding:.25rem;border-radius:11px;border:1px solid var(--surface-edge);background:var(--surface-inset)}.segment{min-height:36px;border:none;border-radius:8px;background:none;color:var(--paper);font:inherit;font-weight:700;font-size:.78rem;cursor:pointer}.segment.chosen{background:linear-gradient(180deg,#ffd479,var(--accent) 55%,#d9922a);color:#241a05}.segment:not(.chosen):hover,.segment:not(.chosen):focus-visible{background:#ffffff14}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:.5rem}.avatar-choice{aspect-ratio:1;border-radius:11px;border:1px solid var(--surface-edge);background:var(--surface-inset);font-size:2rem;cursor:pointer;min-height:48px}.avatar-choice.chosen{border-color:var(--accent);background:rgb(var(--accent-rgb) / 22%)}.clock{position:relative;display:inline-grid;place-items:center;flex:none}.clock svg{display:block}.clock-track{stroke:#ffffff2e;stroke-width:4}.clock-sweep{stroke:var(--ok);stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset .25s linear,stroke .3s ease}.clock.warning .clock-sweep{stroke:var(--danger)}.clock-number{position:absolute;font-size:.8rem;font-weight:800;font-variant-numeric:tabular-nums}.clock.big .clock-number{font-size:1.25rem}.clock.warning .clock-number{color:#fecaca}.avatar-ring{position:relative;width:clamp(2.4rem,6.2vmin,4.6rem);height:clamp(2.4rem,6.2vmin,4.6rem);display:grid;place-items:center;flex:none}.avatar-sweep{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.avatar-sweep .clock-track{stroke:var(--gold-deep);opacity:.85}.avatar-ring.ticking .clock-track{stroke:#fff3;opacity:1}.avatar-sweep .clock-track,.avatar-sweep .clock-sweep{stroke-width:7}.avatar-ring.warning .clock-sweep{stroke:var(--danger)}.avatar-seconds{position:absolute;right:-.15rem;bottom:-.15rem;min-width:1.15rem;padding:0 .2rem;border-radius:999px;background:var(--ink);color:var(--paper);font-size:.7rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.5;text-align:center}.avatar-ring.warning .avatar-seconds{background:var(--danger)}@media(prefers-reduced-motion:reduce){.avatar-sweep .clock-sweep{transition:none}}.table-bar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.5rem}.table-bar-mark{font-family:var(--font-display);font-weight:800;font-size:1.05rem;letter-spacing:.14em;text-indent:.14em;color:var(--accent);white-space:nowrap}.table-bar-status{display:flex;align-items:center;justify-content:flex-end;gap:.4rem;min-width:0}.table-strip{display:flex;align-items:stretch;justify-content:space-between;gap:.5rem;margin-top:.4rem}.game-badge{display:flex;align-items:center;gap:.5rem;padding:.35rem .7rem;border-radius:12px;background:#00000061;min-width:0}.game-badge-mark{display:grid;place-items:center;flex:none}.game-badge-mark svg{width:22px;height:22px}.game-badge-text{display:flex;flex-direction:column;min-width:0}.game-badge-name{font-weight:700;font-size:.95rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-badge-target{font-size:.7rem;color:var(--muted);white-space:nowrap}.score-panel{display:flex;flex-direction:column;justify-content:center;gap:.1rem;padding:.35rem .7rem;border-radius:12px;background:#00000061}.score-line{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;margin:0}.score-key{font-size:.7rem;color:var(--muted);white-space:nowrap}.score-value{font-weight:800;font-size:.85rem;font-variant-numeric:tabular-nums;color:var(--accent);white-space:nowrap}.header-right{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;justify-content:flex-end;min-width:0}.hand-header>*{min-width:0}.room-screen.my-turn.warning{box-shadow:inset 0 0 0 5px var(--danger);animation:turn-warning .9s ease-in-out infinite}@keyframes turn-warning{50%{box-shadow:inset 0 0 0 11px #dc2626a6}}@media(prefers-reduced-motion:reduce){.room-screen.my-turn.warning{animation:none}}.shuffling{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.6rem 1rem;border-radius:12px;background:#00000073;font-weight:700;font-size:clamp(.8rem,2vmin,1.1rem)}.shuffling-cards{position:relative;width:34px;height:30px;flex:none}.shuffling-card{position:absolute;top:0;left:10px;width:14px;height:20px;border-radius:3px;background:var(--card-back);border:1px solid var(--card-back-edge);animation:riffle .9s ease-in-out infinite}.shuffling-card:nth-child(2){animation-delay:.15s}.shuffling-card:nth-child(3){animation-delay:.3s}@keyframes riffle{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-9px,-5px) rotate(-16deg)}}@media(prefers-reduced-motion:reduce){.shuffling-card{animation:none}}.scoreboard{text-align:center}.scoreboard-title{margin:0;font-size:clamp(1.35rem,4vmin,2.4rem);font-weight:800;color:var(--accent);line-height:1.15}.scoreboard-round{margin:.1rem 0 .6rem;font-size:.75rem;color:var(--muted)}.scoreboard.compact .scoreboard-title{font-size:1.1rem}.scoreboard-rows{list-style:none;margin:0 0 .5rem;padding:0;display:flex;flex-direction:column;gap:.25rem;text-align:left}.scoreboard-rows{counter-reset:place}.scoreboard-rows li{counter-increment:place;display:flex;align-items:baseline;gap:.6rem;padding:.25rem .6rem;border-radius:8px;background:#ffffff0f}.scoreboard-rows li:before{content:counter(place);flex:none;min-width:1.1rem;font-size:.75rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--muted)}.scoreboard-rows li.winner{background:rgb(var(--accent-rgb) / 20%)}.scoreboard-rows li.winner:before{content:"♛";color:var(--accent);font-size:.95rem}.scoreboard-name{flex:1 1 auto;min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scoreboard-score{font-weight:800;font-variant-numeric:tabular-nums}.seat-score{display:flex;align-items:baseline;gap:.3rem}.seat-score-value{font-size:clamp(1rem,2.4vmin,1.6rem);font-weight:800;font-variant-numeric:tabular-nums;color:var(--accent)}.seat-score-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:#ffffffa6}.room-hint{font-size:clamp(.6rem,1.2vmin,.9rem);color:#ffffff8c;letter-spacing:.02em}.table-status{display:flex;align-items:center;gap:.75rem}.qr{border-radius:6px;box-shadow:0 0 0 3px #fff}.table-waiting,.table-result{text-align:center;padding:1rem 1.5rem;border-radius:16px;background:#0000004d}.table-waiting-title{margin:0;font-size:clamp(1.25rem,4vmin,2.5rem);font-weight:800}.table-waiting-sub{margin:.4rem 0 0;font-size:clamp(.8rem,2vmin,1.25rem);color:#ffffffbf}.room-status{text-align:center;padding:1rem .85rem;border-radius:14px;background:var(--panel);border:1px solid rgb(var(--accent-rgb) / 25%);box-shadow:var(--e3)}.host-row{display:flex;gap:.5rem}.host-row>.big-button{flex:1}.setting-row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:0 .7rem;padding:.6rem .7rem;border-radius:12px;background:#ffffff0f;min-height:56px;cursor:pointer}.setting-row:hover,.setting-row:focus-within{background:#ffffff1a}.setting-icon{display:grid;place-items:center;color:var(--accent)}.setting-icon .icon{width:1.2rem;height:1.2rem}.setting-group-label{font-size:.8rem;font-weight:700;color:var(--paper)}.step-button{min-width:34px;min-height:34px;border-radius:9px;border:1px solid var(--surface-edge);background:var(--surface-inset);color:var(--paper);font:inherit;font-weight:700;cursor:pointer}.step-button:hover:not(:disabled),.step-button:focus-visible{border-color:rgb(var(--accent-rgb) / 45%);background:var(--surface-hover)}.step-button:disabled{opacity:.4;cursor:default}.lobby .field-label{text-transform:none;letter-spacing:normal;font-size:.75rem;font-weight:600;color:#ffffffb8}.setting-text{display:flex;flex-direction:column;gap:.1rem;min-width:0}.setting-title{font-weight:700;font-size:.95rem}.setting-help{font-size:.75rem;color:var(--muted);line-height:1.3}.setting-switch{-moz-appearance:none;appearance:none;-webkit-appearance:none;flex:none;width:44px;height:26px;border-radius:999px;background:#ffffff2e;position:relative;cursor:pointer;transition:background .16s ease}.setting-switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:999px;background:var(--paper);transition:transform .16s ease}.setting-switch:checked{background:var(--ok)}.setting-switch:checked:after{transform:translate(18px)}.setting-switch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){.setting-switch,.setting-switch:after{transition:none}}.setting-state{font-size:.7rem;font-weight:700;color:var(--muted);min-width:1.7rem;text-align:right}.setting-row:has(.setting-switch:checked) .setting-state{color:var(--ok-text)}.host-seats{display:flex;flex-direction:column;gap:.35rem}.host-seat{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.25rem .5rem;min-height:44px}.host-seat>span:first-child{flex:1 1 8rem}.text-button.danger{color:#fca5a5}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;align-items:end;background:#0000008c}.table-menu{gap:1rem}.menu-section{display:flex;flex-direction:column;gap:.35rem}.menu-section-title{margin:0;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700}.menu-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:0 .7rem;width:100%;padding:.6rem .7rem;border:none;border-radius:12px;background:#ffffff0f;color:inherit;font:inherit;text-align:left;min-height:56px;cursor:pointer}.menu-row:hover,.menu-row:focus-visible{background:#ffffff1a}.menu-row.danger .setting-title{color:var(--danger-ink)}.menu-chevron{display:grid;place-items:center;color:var(--muted)}.menu-chevron svg{width:18px;height:18px}.menu-note{margin:0;padding:.5rem .7rem;font-size:.8rem;color:var(--muted)}.menu-code{display:flex;align-items:center;gap:.6rem;padding:.6rem .7rem;border-radius:12px;background:#00000047}.menu-code-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.menu-code-value{flex:1;font-size:1.4rem;font-weight:800;letter-spacing:.12em;font-variant-numeric:tabular-nums;color:var(--accent)}.menu-confirm{display:flex;flex-direction:column;gap:.4rem}.table-button{gap:.35rem}.table-button-dots{letter-spacing:.05em;line-height:1}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.sheet-close{flex:none;width:40px;height:40px;border-radius:999px;border:none;background:#ffffff1a;color:var(--paper);font-size:1rem;cursor:pointer}.sheet-close:hover,.sheet-close:focus-visible{background:#ffffff2e}.host-panel{gap:.6rem;overscroll-behavior:contain}.host-panel>.sheet-head{flex:none}.sheet-body{background:var(--panel);border-radius:16px 16px 0 0;padding:1.25rem 1rem max(1.25rem,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:.75rem;max-height:100%;overflow-y:auto}.game-meta{font-size:.8rem;color:var(--muted)}.arg{text-transform:capitalize}.arg.red{color:#fca5a5}.sheet-title{margin:0;font-weight:700;text-align:center}.sheet-options{display:flex;gap:.5rem;flex-wrap:wrap}.lobby{display:flex;flex-direction:column;gap:.8rem;padding:.5rem 0 1.5rem}@media(min-width:900px){.lobby{padding-inline:max(0px,calc((100% - 44rem)/2))}}.lobby-head{flex-direction:row;align-items:center;gap:.85rem;text-align:left}.lobby-mark{display:grid;place-items:center;flex:none}.lobby-mark .icon{width:clamp(40px,12vw,52px);height:clamp(40px,12vw,52px)}.lobby-head-text{display:flex;flex-direction:column;gap:.15rem;min-width:0}.lobby-blurb{margin:0;font-size:.8rem;line-height:1.4;color:#fffc}.lobby-status{margin:0;font-size:.78rem;font-weight:600;color:var(--accent)}.lobby-people{display:flex;flex-direction:column;gap:.5rem}.value-props{list-style:none;margin:0;padding:1.25rem 0;display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;text-align:center}.value-props>li{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding-inline:.25rem}.value-props>li:not(:first-child){border-left:1px solid rgb(255 255 255 / 10%)}.prop-badge{display:grid;place-items:center;width:2.35rem;height:2.35rem;border-radius:999px;background:var(--surface);border:1px solid var(--surface-edge);color:var(--paper)}.prop-badge .icon{width:1.15rem;height:1.15rem}.value-props strong{color:var(--paper);font-size:.72rem;line-height:1.25}.prop-note{display:none;color:var(--muted);font-size:.66rem;line-height:1.3}@media(min-width:360px){.prop-note{display:block}}@media(min-width:900px){.value-props{gap:1.5rem}.value-props strong{font-size:.8rem}.prop-note{font-size:.72rem}}.join-code{position:relative;display:flex;min-height:var(--cta-h)}.join-code-input{width:100%;min-height:var(--cta-h);padding:0 5.5rem 0 1rem;border-radius:var(--cta-r);border:1px solid var(--surface-edge);background:var(--surface-inset);color:var(--paper);font:inherit;font-size:1.25rem;font-weight:700;letter-spacing:.35em;text-transform:uppercase;-webkit-user-select:text;user-select:text}.join-code:not(.open) .join-code-input{visibility:hidden}.join-code-button{position:absolute;top:0;right:0;bottom:0;left:0;white-space:nowrap;cursor:pointer;transition:left .26s cubic-bezier(.2,0,0,1),background-color .2s ease}.join-code-button:hover,.join-code-button:focus-visible{border-color:var(--accent)}.join-code.open .join-code-button{display:flex;align-items:center;justify-content:center;left:calc(100% - 5.25rem);border-color:transparent;border-radius:0 var(--cta-r) var(--cta-r) 0;background:linear-gradient(180deg,#ffd479,var(--accent) 55%,#d9922a);color:#241a05;font-weight:800}.join-code-button:disabled{opacity:.5;cursor:default}@media(prefers-reduced-motion:reduce){.join-code-button{transition:none}}.popular-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.popular-title{margin:0;font-family:var(--font-display);font-size:clamp(1.05rem,3.4vw,1.35rem);font-weight:800;letter-spacing:-.02em;color:var(--paper)}.see-all{display:inline-flex;align-items:center;gap:.25rem;color:var(--accent);text-decoration:none;font-weight:600;font-size:.75rem;white-space:nowrap}.see-all .icon{width:1em;height:1em}.popular-strip{display:grid;grid-auto-flow:column;grid-auto-columns:5.25rem;gap:.4rem;overflow-x:auto;scroll-snap-type:x proximity;margin-inline:-1.25rem;padding-inline:1.25rem;padding-bottom:.5rem;scrollbar-width:thin}.popular-strip>*{scroll-snap-align:start}@media(min-width:900px){.popular-strip{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(6,minmax(0,8.5rem));justify-content:start;overflow-x:visible;margin-inline:0;padding-inline:0}}.game-card.compact{flex-direction:column;align-items:stretch;gap:.28rem;padding:.3rem 0;text-align:center}.game-card.compact .game-card-art{justify-content:center;min-height:3.4rem}.game-card.compact .game-card-name{font-size:.62rem;line-height:1.2}.promo-card{display:flex;flex-direction:column;align-items:flex-start;gap:.9rem;padding:1.1rem;border-radius:16px;border:1px solid var(--surface-edge);background:var(--surface)}@media(min-width:380px){.promo-card{flex-direction:row;align-items:center;gap:1.25rem}}.promo-card-badge{display:grid;place-items:center;flex:none;width:3.25rem;height:3.25rem;border-radius:999px;background:rgb(var(--accent-rgb) / 14%);color:var(--accent)}.promo-card-badge .icon{width:1.6rem;height:1.6rem}.promo-card-text{flex:1 1 auto;min-width:0}.promo-card-title{margin:0 0 .2rem;font-family:var(--font-display);font-size:.82rem;font-weight:700;color:var(--paper)}.promo-card .pill-button{min-height:28px;padding:0 .7rem;font-size:.66rem}.promo-card-note{margin:0;font-size:.68rem;line-height:1.4;color:var(--muted)}.landing-foot{margin-top:1.5rem;padding-top:1rem;display:flex;flex-direction:column;align-items:center;gap:.4rem;text-align:center}.landing-foot-mark{height:1.75rem;width:auto;opacity:.7}.landing-foot-line{font-size:.75rem;color:var(--muted)}.lobby-tabs{margin-top:.15rem}.lobby-start{margin-top:.25rem}.lobby-game{margin:0 0 .25rem;font-size:clamp(1.4rem,6vw,2rem)}.lobby-code{display:flex;align-items:center;justify-content:center;gap:1.1rem;flex-wrap:wrap;padding:.9rem;border-radius:12px;border:1px solid var(--surface-edge);background:var(--surface-inset)}.lobby-code .room-code{color:var(--accent)}.lobby-code .room-label{text-transform:none;letter-spacing:normal;font-size:.72rem}.lobby-code .room{align-items:center}.invite{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.invite>:last-child:nth-child(odd){grid-column:1 / -1}@media(min-width:30rem){.invite{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}.invite>:last-child:nth-child(odd){grid-column:auto}}.invite-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;min-height:58px;padding:.5rem .35rem;border-radius:11px;border:1px solid var(--surface-edge);background:var(--surface-inset);color:var(--paper);font:inherit;font-size:.72rem;font-weight:600;text-align:center;text-decoration:none;cursor:pointer}.invite-option .icon{width:1.15rem;height:1.15rem;color:var(--accent)}.invite-option:hover,.invite-option:focus-visible{background:var(--surface-hover);border-color:rgb(var(--accent-rgb) / 45%)}.lobby-seats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.lobby-seats li{display:flex;align-items:center;gap:.5rem;min-height:44px;padding:.4rem .8rem;border-radius:12px;background:#ffffff14}.lobby-seats li.empty{background:none;border:1px dashed rgb(255 255 255 / 20%);color:var(--muted)}.lobby-seats li.empty .lobby-seat-face{display:grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:999px;border:1px dashed rgb(255 255 255 / 30%);color:var(--muted);font-size:1.1rem;font-weight:700}.lobby-seats li.offline{opacity:.6}.lobby-seat-name{font-weight:600}.lobby-settings{display:flex;flex-direction:column;gap:1rem;padding-top:.5rem;border-top:1px solid rgb(255 255 255 / 12%)}.room-screen{position:relative;height:100%;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse 120% 75% at 50% 45%,transparent 58%,rgb(0 0 0 / 22%) 100%),var(--environment, var(--table-surface));transition:box-shadow .2s ease}.room-screen>.hand-header,.room-screen>.banner{flex:none;margin:0;padding:max(.5rem,env(safe-area-inset-top)) .75rem .5rem}.ring{position:relative;flex:1 1 auto;min-height:0;margin:2.75rem clamp(3rem,14vw,7rem) 0;justify-self:stretch;align-self:stretch;min-width:0;min-height:6.5rem}@media(max-height:600px){.ring{margin-top:1.5rem;min-height:4rem}.hand-zones{min-height:5rem}}.ring.full{margin:clamp(3.5rem,9vmin,6rem) clamp(5rem,16vw,12rem)}.ring-seat{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.25rem .4rem;border-radius:12px;border:2px solid transparent;white-space:nowrap}.ring-seat.active .seat-name{color:var(--paper)}.ring-seat.offline,.ring-seat.away{opacity:.5}.ring-seat.empty{color:var(--muted);border-style:dashed;border-color:#fff3}.ring-seat-meta{display:flex;flex-direction:column;align-items:center;line-height:1.15;margin-top:-.55rem;padding:.15rem .5rem .2rem;border-radius:10px;background:#000000b8;box-shadow:var(--e1)}.ring.full .ring-seat{gap:.3rem;padding:.5rem .75rem}.ring-play{--card-w: clamp(46px, calc(64vmin / var(--seats, 4)), 112px);position:absolute;transform:translate(-50%,-50%)}.table-sides{flex-basis:100%;display:flex;justify-content:center;gap:clamp(.75rem,4vmin,2.5rem)}.table-side{display:flex;flex-direction:column;align-items:center;line-height:1.15;padding:.2rem .6rem;border-radius:10px;background:#0000008c}.table-side-name{font-size:clamp(.6rem,1.3vmin,.85rem);color:var(--muted);max-width:9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-side-score{font-size:clamp(.95rem,2.2vmin,1.5rem);font-weight:800;font-variant-numeric:tabular-nums;color:var(--accent)}.ring-middle{--card-w: clamp(64px, 19vmin, 128px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:clamp(.75rem,4vmin,3rem);flex-wrap:wrap}.hand-layer{flex:0 1 auto;min-height:0;display:flex;flex-direction:column;gap:.5rem;padding:.5rem .75rem max(.75rem,env(safe-area-inset-bottom));background:linear-gradient(180deg,#09121800,#091218d1 22%,#091218f5)}.hand-layer{container-type:inline-size}.observers{display:flex;flex-direction:column;gap:.35rem;padding:.5rem clamp(.5rem,2vmin,1.25rem)}.observer-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}.observer-list li{display:flex;align-items:center;gap:.35rem;padding:.25rem .6rem;border-radius:999px;background:#ffffff1a;font-size:.85rem}.observer-name{font-weight:600}.variant-controls{display:flex;flex-direction:column;gap:.75rem;padding-top:.5rem;border-top:1px solid rgb(255 255 255 / 12%)}.stepper{display:flex;align-items:center;gap:.75rem}.stepper-value{min-width:3ch;text-align:center;font-size:1.25rem;font-weight:700;font-variant-numeric:tabular-nums}.hand-layer{transition:transform .26s ease}.hand-layer.retreated{transform:translateY(calc(100% - 3.25rem))}@media(prefers-reduced-motion:reduce){.hand-layer{transition:none}}.hand-handle{display:flex;align-items:center;gap:.5rem;min-height:2.75rem}.handle-grip{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.4rem;border:none;border-radius:12px;background:none;color:var(--paper);font:inherit;cursor:pointer}.handle-bar{width:2.5rem;height:4px;border-radius:2px;background:#ffffff73}.handle-label{font-size:.8rem;font-weight:600;color:var(--muted)}.host-seat-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.15rem .6rem}.page form{display:flex;flex-direction:column;gap:1rem;align-items:stretch}.table-paused{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;text-align:center;margin:-2.75rem calc(-1*clamp(3rem,14vw,7rem)) 0;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:var(--paper)}.table-paused-mark{font-size:clamp(1.75rem,6vmin,3.5rem);letter-spacing:.1em;color:var(--accent);line-height:1}.table-paused-title{font-size:clamp(1.5rem,7vmin,4rem);font-weight:800;letter-spacing:.02em;line-height:1.1}.table-paused-note{font-size:clamp(.8rem,2.2vmin,1.25rem);opacity:.85;max-width:22ch}@media(prefers-reduced-motion:no-preference){.table-paused-mark{animation:paused-breathe 2.4s ease-in-out infinite}}@keyframes paused-breathe{0%,to{opacity:1}50%{opacity:.45}}.big-button.danger-quiet{background:transparent;border-color:var(--danger);color:var(--danger-ink)}.big-button.danger{background:var(--danger);border-color:var(--danger);color:var(--paper)}.card-flight{position:absolute;z-index:4;pointer-events:none;width:clamp(38px,7vmin,72px);aspect-ratio:5 / 7;border-radius:5px;left:var(--from-x);top:var(--from-y);transform:translate(-50%,-50%);background:var(--card-back);border:1px solid var(--card-back-edge);box-shadow:var(--e2);animation:card-flight 1.4s cubic-bezier(.4,0,.2,1) forwards}@keyframes card-flight{0%{left:var(--from-x);top:var(--from-y);transform:translate(-50%,-50%) scale(.7) rotate(-8deg);opacity:0}10%{left:var(--from-x);top:var(--from-y);transform:translate(-50%,-50%) scale(1) rotate(-4deg);opacity:1}50%{transform:translate(-50%,-50%) scale(1.25) rotate(4deg)}88%{left:var(--to-x);top:var(--to-y);transform:translate(-50%,-50%) scale(1) rotate(2deg);opacity:1}to{left:var(--to-x);top:var(--to-y);transform:translate(-50%,-50%) scale(.9) rotate(0);opacity:0}}@media(prefers-reduced-motion:reduce){.card-flight{display:none}}.lobby-seat-face{font-size:1.5rem;line-height:1}.game-card-art{display:grid;place-items:center;flex:none}.game-card-art .icon{width:clamp(34px,11vw,46px);height:clamp(34px,11vw,46px)}.tone-gold{color:var(--accent)}.tone-red{color:#e04b4b}.tone-dark{color:var(--paper)}.tone-gold .icon [fill=currentColor]{fill:url(#mark-gold) var(--accent)}.tone-gold .icon [stroke=currentColor]{stroke:url(#mark-gold) var(--accent)}.tone-red .icon [fill=currentColor]{fill:url(#mark-red) var(--suit-red)}.tone-red .icon [stroke=currentColor]{stroke:url(#mark-red) var(--suit-red)}.tone-dark .icon [fill=currentColor]{fill:url(#mark-dark) var(--paper)}.tone-dark .icon [stroke=currentColor]{stroke:url(#mark-dark) var(--paper)}.mark-gradients{position:absolute;width:0;height:0;overflow:hidden}.game-card:hover .game-card-art .icon,.game-card:focus-visible .game-card-art .icon{transform:scale(1.08)}@media(prefers-reduced-motion:no-preference){.game-card-art .icon{transition:transform .16s ease-out}}.icon-button.quiet{background:#ffffff12;color:var(--muted);font-weight:600;padding:.4rem .7rem}.icon-button.quiet:hover,.icon-button.quiet:focus-visible{color:var(--paper)}.icon-button{display:inline-flex;align-items:center;gap:.45rem;align-self:center;padding:.5rem .9rem;min-height:44px;border-radius:12px;border:2px solid transparent;background:#ffffff1a;color:var(--paper);font-weight:700;text-decoration:none;white-space:nowrap}.icon-button:hover,.icon-button:focus-visible{border-color:var(--accent)}.avatar-chosen{display:flex;align-items:center;gap:.7rem;width:100%;min-height:52px;padding:.4rem .7rem;border-radius:10px;border:1px solid var(--surface-edge);background:var(--surface-inset);color:var(--paper);text-align:left;cursor:pointer}.avatar-chosen:hover,.avatar-chosen:focus-visible,.avatar-chosen.open{border-color:var(--accent)}.avatar-chosen-face{font-size:1.9rem;line-height:1}.avatar-chosen-hint{font-weight:700;font-size:.82rem}.avatars .avatar-grid{margin-top:.5rem}.room-status-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.room-status-actions .big-button{width:100%}.rules-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;border-radius:50%;border:2px solid rgb(255 255 255 / 30%);background:#ffffff1a;color:var(--paper);font-weight:800;font-size:1rem;line-height:1;cursor:pointer;padding:0;position:relative}.rules-button:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px}.rules-button:hover,.rules-button:focus-visible{border-color:var(--accent)}.rules-sheet{max-height:80vh;overflow-y:auto;text-align:left}.rules-objective{margin:0 0 .25rem;font-weight:700;line-height:1.4}.rules-sheet .rules-list{margin:0;padding-left:1.1rem}.chat-phrases{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.5rem;flex:1 1 auto;min-height:0;overflow-y:auto}.chat-phrase{min-height:48px;padding:.5rem .75rem;border-radius:12px;border:2px solid transparent;background:#ffffff1a;color:var(--paper);font:inherit;font-weight:700;cursor:pointer}.chat-phrase:hover,.chat-phrase:focus-visible{border-color:var(--accent)}.seat-bubble{position:absolute;left:calc(100% + .45rem);top:.25rem;z-index:2;max-width:11rem;padding:.3rem .6rem;border-radius:12px;background:var(--paper);color:var(--ink);box-shadow:0 0 0 2px var(--who, transparent);font-size:clamp(.7rem,1.6vmin,1rem);font-weight:700;line-height:1.25;white-space:normal;text-align:center;box-shadow:var(--e3)}.seat-bubble:after{content:"";position:absolute;right:100%;top:.75rem;border:6px solid transparent;border-right-color:var(--paper)}.seat-bubble{animation:bubble-life 5s ease forwards}@keyframes bubble-life{0%{opacity:0}4%{opacity:1}84%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:no-preference){.seat-bubble{animation:bubble-life 5s ease forwards,bubble-in .18s ease-out}}@keyframes bubble-in{0%{transform:translate(-6px) scale(.9)}to{transform:translate(0) scale(1)}}.zone-backs{display:flex;align-items:center;justify-content:center;position:relative}.zone-backs>.card{margin-left:-.62em;box-shadow:var(--e1)}.zone-backs>.card:first-child{margin-left:0}.zone-backs>.count-badge{margin-left:.25rem}.ring.backdrop .seat-zones .card{--card-w: clamp(14px, 2.6vmin, 24px)}.card-throw{position:fixed;left:var(--x0);top:var(--y0);transform:translate(-50%,-50%);z-index:60;pointer-events:none;animation:card-throw .7s cubic-bezier(.35,0,.25,1) forwards}.card-throw>.card{box-shadow:var(--e4)}@keyframes card-throw{0%{left:var(--x0);top:var(--y0);transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}60%{transform:translate(-50%,-50%) scale(1.06) rotate(5deg)}to{left:var(--x1);top:var(--y1);transform:translate(-50%,-50%) scale(.82) rotate(9deg);opacity:0}}@media(prefers-reduced-motion:reduce){.card-throw{display:none}}.ring-seat.speaking{z-index:20}.lobby-watching{display:flex;flex-direction:column;gap:.4rem}.lobby-seats li.watching{background:none;border:1px solid rgb(255 255 255 / 18%)}.lobby-seats li>.text-button{margin-left:auto}.game-picker{display:flex;flex-direction:column;gap:.6rem}.game-picker-list{display:flex;flex-direction:column;gap:.4rem}.game-picker-choice{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;min-height:56px;padding:.6rem .9rem;border-radius:12px;border:2px solid transparent;background:#ffffff1a;color:var(--paper);font:inherit;text-align:left;cursor:pointer}.game-picker-choice.chosen,.game-picker-choice:disabled{border-color:var(--accent);background:rgb(var(--accent-rgb) / 18%);cursor:default}.game-picker-name{font-weight:700;font-size:1.05rem}.standings{display:flex;flex-direction:column;gap:.25rem;padding:.5rem .75rem;border-radius:12px;background:#00000040}.standings-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.standings-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.15rem;counter-reset:place}.standings-rows>li{display:flex;align-items:baseline;gap:.5rem;font-size:.9rem}.standings-rows>li:before{counter-increment:place;content:counter(place) ".";color:var(--muted);font-size:.75rem;min-width:1.1rem}.standings-rows>li.mine{font-weight:800}.standings-name{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.standings-you{margin-left:.35rem;padding:0 .3rem;border-radius:5px;background:var(--accent);color:var(--ink);font-size:.65rem;text-transform:uppercase;letter-spacing:.06em}.standings-tally,.standings-score{font-variant-numeric:tabular-nums}.standings-tally{color:#ffffffd9;min-width:2.5rem;text-align:right}.standings-score{min-width:2.2rem;text-align:right}.seat-tally{font-size:clamp(.65rem,1.5vmin,.95rem);font-weight:800;font-variant-numeric:tabular-nums;color:var(--accent)}.trick-won{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;pointer-events:none;background:radial-gradient(ellipse at center,rgb(0 0 0 / 55%) 30%,transparent 75%)}.trick-won-cards{display:flex;align-items:flex-end;justify-content:center;gap:clamp(.25rem,1.5vmin,.9rem)}.trick-won-play{display:flex;flex-direction:column;align-items:center;gap:.2rem;opacity:.62}.trick-won-play.won{opacity:1;transform:translateY(-4%) scale(1.25)}.trick-won-flag{padding:.1rem .4rem;border-radius:6px;background:var(--accent);color:var(--ink);font-size:clamp(.6rem,1.5vmin,.9rem);font-weight:800;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.trick-won-who{font-size:clamp(.55rem,1.3vmin,.85rem);color:#ffffffd9;max-width:6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trick-won-line{margin:0;font-size:clamp(.9rem,2.4vmin,1.6rem);font-weight:800}@media(prefers-reduced-motion:no-preference){.trick-won{animation:trick-won-in .18s ease-out}}@keyframes trick-won-in{0%{opacity:0}to{opacity:1}}.zone-body{position:relative;display:flex;align-items:center;justify-content:center}.zone-declared{position:absolute;right:-.35rem;bottom:-.35rem;z-index:3;display:flex;align-items:center;gap:.2rem;padding:.1rem .35rem;border-radius:999px;background:var(--paper);color:var(--ink);box-shadow:var(--e2);white-space:nowrap}.zone-declared.red{color:#b91c1c}.zone-declared-mark{font-size:clamp(.85rem,2.2vmin,1.5rem);line-height:1}.zone-declared-word{font-size:clamp(.55rem,1.3vmin,.8rem);font-weight:800;text-transform:uppercase;letter-spacing:.04em}@media(max-width:380px){.zone-declared-word{display:none}}@media(prefers-reduced-motion:no-preference){.zone-declared{animation:declared-in .9s ease-out}}@keyframes declared-in{0%{transform:scale(.6);opacity:0}55%{transform:scale(1.18);opacity:1}to{transform:scale(1);opacity:1}}.prompt-choice.suit{display:inline-flex;flex-direction:column;align-items:center;gap:.1rem;line-height:1}.prompt-choice.suit.red .prompt-suit-mark{color:#b91c1c}.prompt-suit-mark{font-size:1.6rem}.prompt-suit-word{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.prompt-range{display:flex;align-items:center;gap:.6rem;width:min(22rem,100%)}.prompt-range input[type=range]{flex:1;min-width:0;accent-color:var(--accent);height:2.5rem}.prompt-range-end{font-variant-numeric:tabular-nums;font-size:.8rem;color:var(--muted, #8fa697)}.prompt-commit{min-height:3rem;padding:0 1.25rem;border-radius:12px;border:none;background:var(--accent);color:#1a1400;font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer}.prompt-choice.chosen{border-color:var(--accent);background:rgb(var(--accent-rgb) / 18%)}.chat-log{display:flex;flex-direction:column;gap:.35rem;max-height:min(34vh,16rem);overflow-y:auto;padding:.5rem .6rem;border-radius:10px;background:#0000002e;font-size:.9rem}.chat-line{margin:0;display:flex;gap:.45rem;align-items:baseline;border-left:3px solid var(--who, transparent);padding-left:.45rem}.chat-face{flex:none;font-size:.95rem;line-height:1}.chat-who{flex:none;font-weight:700;color:var(--paper);max-width:7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-said{min-width:0;overflow-wrap:anywhere}.chat-empty{margin:0;color:var(--muted, #8fa697)}.chat-compose{display:flex;gap:.5rem}.chat-input{flex:1;min-width:0;min-height:3rem;padding:0 .75rem;border-radius:10px;border:1px solid rgb(255 255 255 / 14%);background:#00000047;color:inherit;font:inherit}.chat-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.chat-send{flex:none;min-height:3rem;padding:0 1rem;border-radius:10px;border:none;background:var(--accent);color:#1a1400;font-weight:700;cursor:pointer}.chat-send:disabled{opacity:.45;cursor:default}.chat-count{margin:0;text-align:right;font-size:.8rem;font-variant-numeric:tabular-nums;color:var(--muted, #8fa697)}.chat-count.over{color:#f87171}.voice{display:inline-flex;align-items:center;gap:.25rem}.rules-button.voice-off{opacity:.55}.rules-button.voice-join{border-color:var(--accent)}.rules-button.voice-leave{font-size:.85rem}.voice-problem{font-size:.75rem;line-height:1.2;max-width:11rem;color:var(--muted, #8fa697)}@media(max-width:560px){.ring-seat .seat-name{max-width:5.5rem}.ring-seat .seat-name>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}}