.field__error{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--c-danger)}.backdrop{z-index:0;background:radial-gradient(120% 70% at 50% 0%, var(--c-accent-soft), transparent 60%), radial-gradient(90% 60% at 100% 100%, color-mix(in srgb, var(--c-forest) 30%, transparent), transparent 70%), var(--c-bg);position:fixed;inset:0;overflow:hidden}.backdrop__hex{stroke:var(--c-border);stroke-width:1px;opacity:.55;position:absolute;inset:0}.backdrop__art{object-fit:cover;block-size:100%;inline-size:100%;animation:fade-in var(--dur-max) var(--ease-enter);position:absolute;inset:0}.backdrop__shade{background:linear-gradient(180deg, color-mix(in srgb, var(--c-bg) 90%, transparent) 0%, color-mix(in srgb, var(--c-bg) 72%, transparent) 44%, transparent 60%, transparent 64%, var(--c-bg) 94%);position:absolute;inset:0}.backdrop--dim .backdrop__art{opacity:.55}.wordmark{align-items:center;gap:var(--space-2);font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-xl);letter-spacing:-.02em;color:var(--c-text);display:inline-flex}.wordmark__mark{flex:none;block-size:1.4em;inline-size:1.4em}.wordmark--lg{font-size:var(--text-3xl)}.welcome{flex-direction:column;min-block-size:100dvh;display:flex;position:relative}.welcome__content{z-index:1;justify-content:flex-end;gap:var(--space-6);inline-size:100%;max-inline-size:var(--content-max);padding-block:calc(var(--safe-top) + var(--space-10)) calc(var(--safe-bottom) + var(--space-6));padding-inline:calc(var(--safe-inline-start) + var(--gutter)) calc(var(--safe-inline-end) + var(--gutter));flex-direction:column;flex:1;margin-inline:auto;display:flex;position:relative}:root[data-kb] .welcome__content{padding-block-end:calc(var(--kb) + var(--space-4))}.welcome__brand{gap:var(--space-3);flex-direction:column;margin-block-end:auto;padding-block-start:12vh;display:flex}.welcome__headline{font-size:var(--text-2xl);max-inline-size:18ch}.welcome__sub{color:var(--c-text-muted);max-inline-size:34ch}.welcome__form{gap:var(--space-4);background:var(--c-glass);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-3);flex-direction:column;display:flex}.welcome__invite{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--c-accent-text);display:flex}.welcome__gate-title{font-size:var(--text-lg)}.welcome__or{align-items:center;gap:var(--space-3);color:var(--c-text-faint);font-size:var(--text-sm);text-align:center;margin:0;display:flex}.welcome__or:before,.welcome__or:after{content:"";background:var(--c-border);flex:1;block-size:1px}.welcome__code-link{padding:var(--space-2);color:var(--c-text-muted);font-size:var(--text-sm);text-underline-offset:3px;min-block-size:var(--tap-min);background:0 0;border:none;align-self:center;text-decoration:underline}.welcome__invite-dot,.lobby__waiting-dot{background:var(--c-accent);block-size:8px;inline-size:8px;box-shadow:0 0 0 4px var(--c-accent-soft);border-radius:50%;flex:none}@media (min-width:1024px) and (min-height:600px){.welcome__content{max-inline-size:var(--page-wide-max);align-items:center;column-gap:var(--space-10);row-gap:var(--space-6);padding-block:calc(var(--safe-top) + var(--space-10)) calc(var(--safe-bottom) + var(--space-6));padding-inline:calc(var(--safe-inline-start) + var(--space-10)) calc(var(--safe-inline-end) + var(--space-10));grid-template:"brand form"minmax(0,1fr)"links links"/minmax(0,1fr) minmax(360px,440px);display:grid}.welcome__brand{gap:var(--space-4);grid-area:brand;margin:0;padding:0}.welcome__headline{max-inline-size:16ch;font-size:clamp(2.25rem,1.1rem + 2.2vw,3.25rem)}.welcome__sub{font-size:var(--text-lg);max-inline-size:36ch}.welcome__content>.welcome__form{padding:var(--space-6);grid-area:form}.welcome__content>.legal-links{grid-area:links;align-self:end}.welcome .backdrop__shade{background:linear-gradient(90deg, color-mix(in srgb, var(--c-bg) 90%, transparent) 0%, color-mix(in srgb, var(--c-bg) 72%, transparent) 40%, transparent 68%), linear-gradient(180deg, transparent 72%, var(--c-bg) 100%)}:root[dir=rtl] .welcome .backdrop__shade{background:linear-gradient(270deg, color-mix(in srgb, var(--c-bg) 90%, transparent) 0%, color-mix(in srgb, var(--c-bg) 72%, transparent) 40%, transparent 68%), linear-gradient(180deg, transparent 72%, var(--c-bg) 100%)}}.swatches{gap:var(--space-2);border:0;flex-direction:column;margin:0;padding:0;display:flex;container-type:inline-size}.swatches__grid{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@container (width>=30rem){.swatches__grid{grid-template-columns:repeat(8,minmax(0,1fr))}}.swatch{align-items:center;gap:var(--space-1);padding-block:var(--space-1);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;display:flex}.swatch__dot{block-size:40px;inline-size:40px;box-shadow:inset 0 -2px 0 #0003, 0 0 0 1.5px var(--pav-halo,var(--c-border-strong));transition:transform var(--dur-micro) var(--ease-standard), box-shadow var(--dur-micro) var(--ease-standard);border-radius:50%;place-items:center;display:grid}.swatch__dot--any{background:var(--c-surface-raised);color:var(--c-text-muted)}.swatch.is-on .swatch__dot{box-shadow:0 0 0 1.5px var(--pav-halo,transparent), 0 0 0 2.5px var(--c-surface), 0 0 0 4.5px var(--c-accent);transform:scale(1.06)}.swatch:has(input:focus-visible) .swatch__dot{outline:var(--ring-width) solid var(--c-focus);outline-offset:4px}.swatch__label{font-size:var(--text-xs);color:var(--c-text-muted)}.swatch.is-on .swatch__label{color:var(--c-text);font-weight:var(--weight-bold)}.swatch.is-taken{opacity:.35;cursor:not-allowed}.swatch--any{justify-content:center;gap:var(--space-2);flex-direction:row;grid-column:1/-1}.swatch--any .swatch__dot{block-size:32px;inline-size:32px}.swatches__note{font-size:var(--text-xs);color:var(--c-text-muted);margin:0}.coach{gap:var(--space-3);border-color:var(--c-accent);background:linear-gradient(180deg, var(--c-accent-soft), transparent 70%), var(--c-surface);animation:rise-in var(--dur-panel) var(--ease-enter);flex-direction:column;margin-block-end:var(--space-4);display:flex}.coach__head,.devicecard__head{align-items:center;gap:var(--space-3);display:flex}.coach__badge{background:var(--c-accent-soft);block-size:36px;inline-size:36px;color:var(--c-accent-text);border-radius:50%;flex:none;place-items:center;display:grid}.coach__title{font-size:var(--text-lg);flex:1}.coach__close{box-shadow:none;color:var(--c-text-muted);background:0 0;border-color:#0000}.coach__text{font-size:var(--text-sm);color:var(--c-text-muted)}.coach__steps{counter-reset:step;gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.coach__steps li{counter-increment:step;align-items:center;gap:var(--space-3);font-size:var(--text-sm);display:flex}.coach__steps li:before{content:counter(step);background:var(--c-surface-raised);block-size:22px;inline-size:22px;font-size:var(--text-xs);font-weight:var(--weight-black);color:var(--c-text-muted);border-radius:50%;flex:none;place-items:center;display:grid}.coach__stepicon{border-radius:var(--radius-sm);background:var(--c-info-soft);block-size:34px;inline-size:34px;color:var(--c-info);flex:none;place-items:center;display:grid}.home{padding-block-end:calc(var(--safe-bottom) + 96px)}.home__header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-block-end:var(--space-5);display:flex}.home__who{align-items:center;gap:var(--space-2);min-inline-size:0;display:flex}.home__name{font-size:var(--text-sm);color:var(--c-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.home__intro{margin-block-end:var(--space-4)}.home__title{font-size:var(--text-2xl)}.home__summary{margin-block-start:var(--space-1)}.gamelist{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.gamecard-skeleton{border-radius:var(--radius-lg);block-size:148px}.gamecard{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);animation:rise-in var(--dur-panel) var(--ease-enter);position:relative;overflow:hidden}.gamecard.is-mine{border-color:var(--c-accent);box-shadow:var(--shadow-glow-accent)}.gamecard--ended{opacity:.8}.gamecard__link{gap:var(--space-2);padding:var(--space-4);color:inherit;border-radius:inherit;flex-direction:column;text-decoration:none;display:flex}.gamecard__link:active{background:var(--c-surface-raised)}.gamecard__link:focus-visible{outline-offset:-3px}.gamecard__top{align-items:center;gap:var(--space-3);display:flex}.gamecard__top>.gamecard__name{flex:1;min-inline-size:0}.gamecard__name{font-size:var(--text-lg);overflow-wrap:anywhere;min-inline-size:0}.gamecard__badge{align-items:center;gap:var(--space-1);padding:var(--space-0) var(--space-2);border-radius:var(--radius-pill);background:var(--c-accent);color:var(--c-on-accent);font-size:var(--text-xs);font-weight:var(--weight-black);white-space:nowrap;flex:none;display:inline-flex}.gamecard__badge--quiet{background:var(--c-surface-raised);color:var(--c-text-muted);border:1px solid var(--c-border)}.gamecard__status{font-weight:var(--weight-medium);color:var(--c-text-muted)}.gamecard__status.is-mine{color:var(--c-accent-text);font-weight:var(--weight-black);font-size:var(--text-lg)}.gamecard__players{gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.gamecard__seat{align-items:center;gap:calc(var(--space-2) + 2px);display:inline-flex}.gamecard__vp{border-radius:var(--radius-pill);background:var(--c-surface-sunken);border:1px solid var(--c-border);min-inline-size:2.2ch;font-size:var(--text-sm);font-weight:var(--weight-black);text-align:center;padding:1px 7px;line-height:1.3}.gamecard__seatname{max-inline-size:100%;font-size:var(--text-xs);color:var(--c-text-muted)}.gamecard__meta{font-size:var(--text-xs);color:var(--c-text-faint)}.gamecard__more{inline-size:var(--tap-min);block-size:var(--tap-min);color:var(--c-text-muted);box-shadow:none;background:0 0;border-color:#0000;position:absolute;inset-block-start:var(--space-2);inset-inline-end:var(--space-2)}.gamecard__more:hover{background:var(--c-surface-raised)}.gamecard.has-more .gamecard__top{padding-inline-end:calc(var(--tap-min) - var(--space-2))}.gamecard__actions{padding:0 var(--space-4) var(--space-3);display:flex}.home__cta{z-index:var(--z-bar);padding:var(--space-3) var(--gutter) calc(var(--safe-bottom) + var(--space-3));background:linear-gradient(180deg, transparent, var(--c-bg) 45%);pointer-events:none;justify-content:center;display:flex;position:fixed;inset-block-end:0;inset-inline:0}.home__new{pointer-events:auto;inline-size:min(100%, var(--content-max));box-shadow:var(--shadow-3)}@media (min-width:1024px){.page.home{max-width:var(--page-wide-max);grid-template-columns:minmax(0, 1fr) var(--home-aside-w);column-gap:var(--space-8);grid-template-rows:auto auto auto auto auto auto 1fr;grid-template-areas:"head head""intro cta""list aside1""list aside2""list solo""list foot""list.";align-content:start;padding-block-end:calc(var(--safe-bottom) + var(--space-8));display:grid}.home>.home__header{grid-area:head}.home>.home__intro{grid-area:intro;align-self:end}.home>.home__cta{background:0 0;grid-area:cta;align-self:end;margin-block-end:var(--space-4);padding:0;position:static}.home__new{inline-size:100%;box-shadow:var(--shadow-2)}.home>.retention{grid-area:aside1;grid-template-columns:auto 1fr}.home>.retention .retention__cta{grid-column:1/-1}.home>.coach{grid-area:aside2}.home>.home__solo{grid-area:solo;margin-block-end:var(--space-4)}.home>.gamelist,.home>.stack,.home>.empty{grid-area:list;align-self:start}.home>.home__foot{grid-area:foot;justify-content:flex-start;padding-block:0}.home .gamelist{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));display:grid}.home .gamelist>li{display:flex}.home .gamelist .gamecard{flex:1}.home>.stack{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));display:grid}}@media (hover:hover){.gamecard{transition:border-color var(--dur-micro) var(--ease-standard), box-shadow var(--dur-micro) var(--ease-standard), transform var(--dur-micro) var(--ease-standard)}.gamecard:has(>.gamecard__link:hover){border-color:var(--c-border-strong);box-shadow:var(--shadow-2);transform:translateY(-2px)}.gamecard.is-mine:has(>.gamecard__link:hover){border-color:var(--c-accent-hover);box-shadow:var(--shadow-glow-accent), var(--shadow-2)}.gamecard__link:hover .gamecard__name{color:var(--c-accent-text)}}@media (prefers-reduced-motion:reduce){.gamecard:has(>.gamecard__link:hover){transform:none}}.create{gap:var(--space-5);padding-block-start:var(--space-1)}.create__row{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.lobby__nav{align-items:center;gap:var(--space-3);margin-block-end:var(--space-2);display:flex}.lobby__title{font-size:var(--text-2xl);overflow-wrap:anywhere}.lobby__h2{font-size:var(--text-lg)}.lobby__ready{color:var(--c-accent-text);font-weight:var(--weight-bold)}.seat{align-items:center;gap:var(--space-3);min-block-size:60px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--c-surface);border:1px solid var(--c-border);animation:rise-in var(--dur-panel) var(--ease-enter);display:flex}.seat__text{flex-direction:column;flex:1;min-inline-size:0;display:flex}.seat__name{font-weight:var(--weight-bold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.seat__meta{font-size:var(--text-xs);color:var(--c-text-muted)}.lobby__waiting-dot{animation:pulse-dot 1.6s var(--ease-standard) infinite}@keyframes pulse-dot{50%{box-shadow:0 0 0 8px #0000}}.settings{gap:var(--space-5);flex-direction:column;display:flex}.settings__head,.settings__section{gap:var(--space-2);flex-direction:column;display:flex}.settings__section-head{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.settings__mode-copy{font-size:var(--text-sm);color:var(--c-text-muted);min-block-size:2.9em}.settings__list{padding-block:var(--space-1);gap:0}.settings__list>.switch+.switch{border-block-start:1px solid var(--c-border)}.settings__hours{gap:var(--space-3);grid-template-columns:1fr 1fr;padding-block-start:var(--space-2);display:grid}.settings__skeleton{block-size:56px}.settings__skeleton--tall{block-size:320px}.settings__account{gap:var(--space-3);font-size:var(--text-sm);flex-direction:column;display:flex}.savestatus{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--c-text-faint);min-block-size:20px;display:inline-flex}.savestatus--saved{color:var(--c-success)}.savestatus__retry{color:var(--c-danger);font-weight:var(--weight-bold);min-block-size:var(--tap-min);text-decoration:underline}.devicecard{gap:var(--space-3);flex-direction:column;display:flex}.devicecard--ok{border-color:color-mix(in srgb, var(--c-success) 50%, var(--c-border))}.devicecard--ok .coach__badge{background:var(--c-success-soft);color:var(--c-success)}.devicecard--warn{border-color:color-mix(in srgb, var(--c-accent) 60%, var(--c-border))}.devicecard__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.devicecard__actions>.btn{flex:auto}.devicecard__diag{gap:var(--space-2);border-block-start:1px solid var(--c-border);flex-direction:column;padding-block-start:var(--space-2);display:flex}.devicecard__diagrows{gap:var(--space-1);font-size:var(--text-sm);color:var(--c-text-muted);flex-direction:column;display:flex}.devicecard__diagrows li{align-items:center;gap:var(--space-1);display:flex}.gamecard__ready{color:var(--c-accent-text);font-weight:var(--weight-bold)}.gamecard__status .countdown{font-size:var(--text-xs);font-weight:var(--weight-bold);vertical-align:.1em;margin-inline-start:var(--space-1)}.settings__backgame{margin-inline-start:auto;text-decoration:none}.home__foot{padding-block:var(--space-4) calc(var(--space-10) + var(--space-8));justify-content:center;display:flex}.home__version{min-block-size:var(--tap-min);padding-inline:var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-xs);color:var(--c-text-muted)}.home__version:hover{color:var(--c-text)}.settings__whatsnew{text-align:start;background:0 0;border:0;inline-size:100%;padding-inline:0}.home__foot{gap:var(--space-1);flex-wrap:wrap}.home__rules{align-items:center;gap:var(--space-1);text-decoration:none;display:inline-flex}a.settings__whatsnew{color:var(--c-text);text-decoration:none}.passkeylist{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.passkeylist__row{align-items:center;gap:var(--space-3);padding-block:var(--space-2);border-block-end:1px solid var(--c-border);display:flex}.passkeylist__row:last-child{border-block-end:0}.passkeylist__icon{color:var(--c-text-muted);flex:none}.passkeylist__main{flex-direction:column;flex:1;min-inline-size:0;display:flex}.passkeylist__count{font-size:var(--text-xs);color:var(--c-text-faint);margin-block-start:var(--space-1)}.passkeylist__count.is-over{color:var(--c-danger);font-weight:var(--weight-bold)}.passkeylist__name{font-weight:var(--weight-medium)}.passkeylist__meta{font-size:var(--text-xs)}.recoverycode__form{gap:var(--space-3);flex-direction:column;display:flex}.recoverycode__value-row{gap:var(--space-2);align-items:center;display:flex}.recoverycode__value{font-size:var(--text-lg);letter-spacing:.02em;flex:1}.recoverycode__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.protectnudge{align-items:center;gap:var(--space-3);border:1px solid var(--c-accent);background:var(--c-accent-soft);display:flex}.protectnudge__icon{color:var(--c-accent-text);flex:none}.protectnudge__text{flex:1}.protectnudge__dismiss{flex:none}.returning,.returning__options{gap:var(--space-2);flex-direction:column;display:flex}.recoverycode__plain{letter-spacing:.06em;border-radius:var(--radius-md,12px);background:color-mix(in oklab, currentColor 8%, transparent);-webkit-user-select:all;user-select:all;word-break:break-all;text-align:center;padding:.6rem .8rem;font-size:1.15rem}.homeapp{gap:var(--space-4)}.homeapp__title{font-size:var(--text-xl);font-weight:var(--weight-black);line-height:1.2}.homeapp__body{color:var(--c-text-muted)}.homeapp__options{gap:var(--space-3);flex-direction:column;display:flex}.homeapp__option{gap:var(--space-1);flex-direction:column;display:flex}.welcome__isyou{gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--c-accent-soft);font-size:var(--text-sm);align-items:flex-start;display:flex}.welcome__isyou>svg{color:var(--c-accent-text);flex:none;margin-block-start:2px}.linkbtn{color:var(--c-accent-text);font:inherit;font-weight:var(--weight-bold);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline;display:inline}.gamecard__badge--vote{background:var(--c-accent-soft);color:var(--c-accent-text);border:1px solid var(--c-accent)}.gamecard__badge--bot{background:var(--c-bot-soft);color:var(--c-bot);border:1px solid color-mix(in srgb, var(--c-bot) 45%, transparent)}.gamecard.is-left .gamecard__status{color:var(--c-text-muted)}.create__rules{text-align:start;inline-size:100%;font:inherit;color:var(--c-text);cursor:pointer}.create__rules .srow__desc{margin-block-start:4px;display:block}.lobby__rules{align-items:flex-start;gap:var(--space-3);flex-direction:column;display:flex}