.lettered-app:not(.playing){width:100%;padding:0}.home-header{z-index:10;width:100%;padding-top:env(safe-area-inset-top,0px);border-bottom:1px solid color-mix(in srgb, var(--foreground) 10%, transparent);background:color-mix(in srgb, var(--background) 95%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:sticky;top:0}.home-navigation{max-width:1024px;height:64px;padding:12px max(20px, env(safe-area-inset-right,0px)) 12px max(20px, env(safe-area-inset-left,0px));justify-content:space-between;align-items:center;margin-inline:auto;font-size:14px;display:flex}.home-navigation-start,.home-desktop-links{align-items:center;gap:16px;display:flex}.home-header-logo{border-radius:var(--home-logo-radius,2px);background:var(--brand);width:32px;height:32px;color:var(--brand-foreground);place-items:center;font-size:18px;font-weight:900;display:grid}.home-navigation a{text-decoration:none}.home-desktop-links{color:var(--muted-foreground)}.home-desktop-links a{color:inherit}.home-desktop-links a:hover{color:var(--foreground)}.home-desktop-links>span{opacity:.55;cursor:default}.home-page p{max-width:none}.home-hero{min-height:calc(100svh - 64px);padding:var(--home-hero-padding-top,64px) 24px var(--home-hero-padding-bottom,32px);justify-content:safe center;align-items:center;gap:var(--home-hero-gap,32px);text-align:center;flex-direction:column;display:flex}.home-logo-heading{letter-spacing:normal;margin:0;line-height:1}.home-lettered-logo{gap:4px;display:flex}.home-lettered-logo>span{border-radius:var(--home-logo-radius,2px);background:var(--brand);width:64px;height:64px;color:var(--brand-foreground);font-size:36px;font-weight:var(--home-logo-weight,900);font-family:var(--home-logo-font,inherit);place-items:center;display:grid}.home-tagline{margin:var(--home-tagline-margin,16px 0 0);font-size:var(--home-tagline-size,24px);font-weight:var(--home-tagline-weight,900);line-height:var(--home-tagline-line-height,1.35);font-family:var(--home-tagline-font,inherit);letter-spacing:var(--home-tagline-spacing,normal)}.home-game-info p{margin:0;line-height:1.5}.home-game-label{font-size:var(--home-game-label-size,16px);font-weight:var(--home-game-label-weight,700);color:var(--home-game-label-color,inherit);letter-spacing:var(--home-game-label-spacing,normal);text-transform:var(--home-game-label-transform,none)}.home-game-date{font-size:18px;font-weight:var(--home-game-date-weight,900)}.home-game-info .home-game-category{font-size:20px;font-weight:var(--home-game-category-weight,600);letter-spacing:.05em;text-transform:uppercase;margin-top:8px}.home-play-buttons{flex-direction:column;align-items:center;gap:8px;display:flex}.home-play-buttons>.ui-button{width:256px;height:48px;min-height:48px;font-size:18px;font-weight:var(--home-button-weight,700);padding-block:12px}.home-play-buttons>.ui-button-primary{background:var(--brand);color:var(--brand-foreground);border-color:var(--home-primary-border-color,var(--brand-foreground));border-width:var(--home-primary-border-width,1px)}.home-play-buttons>.ui-button-primary:hover:not(:disabled){background:color-mix(in srgb, var(--brand) 90%, var(--brand-foreground))}.theme-root[data-appearance=dark] .home-play-buttons>.ui-button-primary{border-color:var(--home-primary-border-color-dark,transparent)}.home-secondary-options{gap:8px;display:flex}.home-secondary-options>.ui-button{width:124px;height:48px;min-height:48px;font-size:16px;font-weight:var(--home-button-weight,700);gap:6px;padding-block:12px;padding-inline:12px}.home-play-buttons .ui-button-outline{color:var(--foreground);border-color:var(--foreground)}.theme-root[data-appearance=dark] .home-play-buttons .ui-button-outline{color:var(--brand);border-color:var(--brand)}.home-play-buttons .ui-button-outline:hover:not(:disabled){color:var(--brand-foreground);background:var(--brand);border-color:var(--brand)}.home-save-summary,.home-pending{color:var(--muted-foreground);margin:8px 0 0;font-size:14px}.home-page .home-pending{max-width:320px;font-size:12px}.home-information,.home-account{padding:64px 32px;scroll-margin-top:64px}.home-information#about{background:color-mix(in srgb, var(--muted) 30%, var(--background))}.home-information h2{text-align:center;margin:0 0 24px;font-size:36px;font-weight:900}.home-information>p{text-align:center;max-width:640px;margin:auto;font-size:18px}.home-instructions{counter-reset:home-instruction;gap:32px;max-width:576px;margin:auto;padding:0;list-style:none;display:grid}.home-instructions li{counter-increment:home-instruction;padding-left:52px;position:relative}.home-instructions li:before{content:counter(home-instruction);width:36px;height:36px;color:var(--brand-foreground);background:var(--brand);place-items:center;font-weight:900;display:grid;position:absolute;left:0}.home-instructions p{color:var(--muted-foreground);margin:4px 0 0;font-size:14px;line-height:1.625}.home-account{max-width:640px;margin:auto}.home-account form,.home-account label{gap:12px;display:grid}.home-account>form{margin-top:32px}.lettered-app>.home-footer{justify-content:space-between;align-items:center;gap:24px;width:100%;max-width:896px;margin:auto;padding:24px 32px;display:flex}@media (max-width:1023px){.home-lettered-logo>span{width:48px;height:48px;font-size:24px}}@media (max-width:639px){.home-desktop-links{display:none}.home-navigation-start{gap:12px}.home-hero{gap:var(--home-hero-gap-mobile,24px);padding-inline:12px;padding-top:var(--home-hero-padding-top-mobile,48px)}.home-lettered-logo>span{width:clamp(30px,9vw,40px);height:clamp(30px,9vw,40px);font-size:18px}.home-tagline{font-size:var(--home-tagline-size-mobile,20px)}.home-game-info .home-game-category{font-size:18px}.lettered-app>.home-footer{flex-direction:column}}.lettered-app.playing>.home-footer{display:none}.home-lettered-logo{perspective:800px}.home-lettered-logo>span{transform-style:preserve-3d}.home-account-button{min-height:36px;padding-inline:12px}.home-information>h3{text-align:center;margin:0 0 24px;font-size:24px;font-weight:700}.home-about-copy{text-align:center;max-width:768px;color:color-mix(in srgb, var(--foreground) 90%, transparent);margin-inline:auto;font-size:18px;line-height:1.625}.home-about-copy p{margin:0}.home-about-copy p+p{margin-top:16px}#how-to-play>h2{margin-bottom:48px}.home-information>.home-instructions-introduction{max-width:576px;margin:0 auto 56px;line-height:1.625}.home-instructions li:before{border-radius:var(--home-instruction-radius,0px)}.home-board-demo{max-width:448px;margin:0 auto 48px}.home-demo-canvas{border-radius:var(--radius);width:100%;height:420px;overflow:hidden}.home-demo-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:16px;font-size:14px;display:flex}.home-demo-surface{position:relative}.home-demo-loading{color:var(--muted-foreground);place-items:center;display:grid;position:absolute;inset:0}.home-demo-canvas{pointer-events:none}.home-demo-surface{touch-action:auto}.home-tagline-ending{display:var(--home-tagline-ending-display,inline);font-style:var(--home-tagline-ending-style,normal)}
.web-footer{width:100%;max-width:896px;color:var(--muted-foreground);justify-content:center;margin:auto;padding:24px 32px;display:flex}.web-footer nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 16px;display:flex}.web-footer nav .ui-button-link{height:auto;min-height:36px;color:var(--muted-foreground);padding:4px 0;font-size:12px;font-weight:400}@media (hover:hover) and (pointer:fine){.web-footer nav .ui-button-link:hover{color:var(--foreground)}}@media (max-width:767px){.web-footer{padding:20px 16px}.web-footer nav .ui-button-link{min-width:var(--control-height);min-height:var(--control-height)}}
.app-menu{pointer-events:auto;inset:var(--menu-top,12px) auto auto var(--menu-left,12px);width:min(380px,100vw - 24px);max-width:none;max-height:var(--menu-height,calc(100dvh - 24px));padding:calc(var(--space-control) * 2);overscroll-behavior-y:contain;background:var(--popover);color:var(--popover-foreground);border:var(--border-width) solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin:0;position:fixed;overflow:hidden}.app-menu[open]{animation:menu-enter var(--post-game-open-duration) var(--motion-ease) both;flex-direction:column;display:flex}.app-menu-heading{flex:none}.app-menu-content{overscroll-behavior-y:contain;min-height:0;overflow-y:auto}.app-menu::backdrop{animation:menu-enter var(--motion-ease) both;animation-duration:inherit;background:#00000080}.app-menu[open][data-closing]{animation:menu-exit var(--post-game-close-duration) var(--motion-ease) both}.app-menu[data-closing]::backdrop{animation-name:menu-exit}.app-menu-heading,.quick-setting{justify-content:space-between;align-items:center;gap:12px;display:flex}.app-menu-heading h2{margin:0;font-size:24px}.app-menu nav{gap:8px;margin-block:24px;display:grid}.app-menu nav a{color:inherit;border-radius:var(--radius);text-decoration:none}.app-menu nav a,.app-menu nav .ui-button{width:100%;min-height:var(--control-height);text-align:left;justify-content:flex-start;align-items:center;gap:12px;padding:8px 12px;font-size:16px;font-weight:500;line-height:1.5;display:flex}.app-menu nav :is(a,.ui-button){transition:background-color var(--button-release-duration), color var(--button-release-duration), opacity var(--button-release-duration)}@media (hover:hover) and (pointer:fine){.app-menu nav :is(a,.ui-button):hover:not(:disabled):not([aria-disabled=true]){background:var(--accent);color:var(--accent-foreground);text-decoration:none}}.app-menu nav :is(a,.ui-button):focus-visible{background:var(--accent);color:var(--accent-foreground);outline:2px solid var(--ring);outline-offset:-2px;box-shadow:none}.app-menu nav :is(a,.ui-button):active:not(:disabled):not([aria-disabled=true]){background:var(--accent);color:var(--accent-foreground);opacity:var(--button-pressed-opacity);transition-duration:0s}@media (prefers-reduced-motion:reduce){.app-menu nav :is(a,.ui-button){transition:none}}.quick-settings{border-top:1px solid var(--border);gap:20px;padding-top:20px;display:grid}.quick-settings h3{margin:0;font-size:16px}.setting-volume{flex:1;align-items:center;gap:8px;min-width:0;max-width:calc(128px + 4ch);display:flex}.setting-volume-value{text-align:right;font-variant-numeric:tabular-nums;flex:none;width:4ch}.quick-setting input[type=range]{touch-action:none;width:120px;min-width:0;accent-color:var(--foreground);flex:1}.setting-label{align-items:center;gap:8px;display:flex}.quick-setting[data-disabled]{color:var(--muted-foreground);opacity:.5}.quick-setting[data-disabled] .ui-switch{opacity:1;cursor:default}.setting-sound-toggle{border-radius:var(--radius);color:inherit;cursor:var(--cursor-action);touch-action:manipulation;background:0 0;border:0;justify-content:center;align-items:center;margin:-6px;padding:6px;display:inline-flex}.setting-help{color:inherit;cursor:var(--cursor-action);background:0 0;border:0;padding:6px;display:flex}.setting-tooltip{width:min(240px,100vw - 24px);padding:var(--space-control);background:var(--popover);color:var(--popover-foreground);border:var(--border-width) solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin:0;font-size:14px;position:fixed;inset:auto}@keyframes menu-enter{0%{opacity:0}to{opacity:1}}@keyframes menu-exit{to{opacity:0}}@media (max-width:639px){.app-menu{width:100%;height:100dvh;max-height:none;box-shadow:none;padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));border:0;border-radius:0;margin:0;inset:0}}@media (prefers-reduced-motion:reduce){.app-menu[open],.app-menu[open][data-closing],.app-menu::backdrop{animation-duration:0s}}.app-menu-appearance{border-top:1px solid var(--border);margin-top:24px;padding-top:20px}.app-menu-appearance .theme-selector{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.app-menu-appearance .theme-selector label{min-width:0}.app-menu-appearance select{width:100%;min-width:0}.app-menu-appearance [role=status]{grid-column:1/-1}.menu-trigger.ui-button{width:calc(var(--control-height) + 32px);flex:none;gap:8px;position:relative}.menu-offline-badge{color:var(--destructive);background:var(--background);border-radius:50%;position:absolute;top:0;right:0}.menu-offline-banner{border:1px solid var(--border);border-radius:var(--radius);background:var(--muted);color:var(--foreground);padding:12px}.navigation-actions,.desktop-auth-actions{align-items:center;gap:8px;display:flex}@media (max-width:767px){.desktop-auth-actions{display:none}}.header-action-slot{align-items:center;display:flex}.header-action-slot:empty{display:none}.menu-trigger.ui-button{justify-content:center;align-items:center;line-height:1;display:inline-flex}.menu-trigger>svg,.menu-trigger>span>svg{flex-shrink:0;display:block}.native-layout .navigation-actions{justify-self:end}
.native-layout{height:100dvh;overflow:clip}.native-layout>.lettered-app:not(.playing){flex-direction:column;height:100%;min-height:0;display:flex}.native-layout .scene-region{overscroll-behavior:none;min-height:0;padding-bottom:env(safe-area-inset-bottom,0px);flex:1;align-content:start;display:block;overflow-y:auto}.native-layout .home-header{border-bottom:0;flex:none}.native-layout .home-hero{min-height:0}.native-layout .home-page{padding-bottom:0}.native-layout .native-navigation-title{text-align:center;margin:0;font-size:18px;font-weight:700}.native-layout .home-navigation-start{min-width:0}.native-layout .scene-content{min-height:0}.native-layout nav[aria-label=Breadcrumb]{display:none}.native-layout .scene-region[data-scene=home]{flex-direction:column;display:flex}.native-layout .scene-region[data-scene=home]>.scene-content{flex:none;width:100%;margin-block:auto}.home-navigation .mobile-navigation-back{display:none}.home-navigation .native-navigation-back,.home-navigation .mobile-navigation-back{opacity:1;transition:opacity var(--motion-fast) var(--motion-ease), transform var(--motion-fast) var(--motion-ease);transform:scale(1)}.home-navigation .ui-button[data-visible=false]{opacity:0;pointer-events:none;transform:scale(.5)}@media (prefers-reduced-motion:reduce){.home-navigation .native-navigation-back,.home-navigation .mobile-navigation-back{transition:none}}.native-layout .scene-region:not([data-scene=home]):not([data-scene=game]) h1,.native-layout .scene-region[data-scene=information] .home-information:first-child>h2{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.native-layout .login-page{padding-top:32px}@media (max-width:639px){.web-layout .mobile-navigation-back{transition:width var(--motion-fast) var(--motion-ease), margin-right var(--motion-fast) var(--motion-ease), opacity var(--motion-fast) var(--motion-ease), transform var(--motion-fast) var(--motion-ease);flex-shrink:0;display:inline-flex;overflow:hidden}.web-layout .breadcrumbs{display:none}}.native-layout .groups-heading{justify-content:flex-end}.native-layout :is(.home-navigation,.game-topbar-inner){max-width:1024px;height:64px;padding:8px max(20px, env(safe-area-inset-right,0px)) 8px max(20px, env(safe-area-inset-left,0px))}.native-layout :is(.native-navigation-back,.game-topbar .navigation-back){width:var(--control-height);height:var(--control-height);padding:0}@media (max-width:639px){.web-layout :is(.home-navigation,.game-topbar-inner){height:64px;padding:8px max(20px, env(safe-area-inset-right,0px)) 8px max(20px, env(safe-area-inset-left,0px))}.web-layout :is(.mobile-navigation-back,.game-topbar .navigation-back){width:var(--control-height);height:var(--control-height);padding:0}.web-layout .mobile-navigation-back[data-visible=false]{border-width:0;width:0;min-width:0;margin-right:-12px}@media (prefers-reduced-motion:reduce){.web-layout .mobile-navigation-back{transition:none}}}:is(.native-layout,.web-layout) .game-topbar .menu-trigger{width:calc(var(--control-height) + 32px);height:var(--control-height)}
.ui-switch{border:var(--border-width) solid var(--border);background:var(--muted);width:40px;height:24px;color:var(--muted-foreground);cursor:var(--cursor-action);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:background var(--motion-fast) var(--motion-ease);border-radius:999px;flex-shrink:0;padding:2px}.ui-switch>span{width:16px;height:16px;transition:transform var(--motion-fast) var(--motion-ease);background:currentColor;border-radius:50%;display:block}.ui-switch[aria-checked=true]{background:var(--primary);color:var(--primary-foreground)}.ui-switch[aria-checked=true]>span{transform:translate(16px)}.ui-switch:disabled{opacity:.5}@media (prefers-reduced-motion:reduce){.ui-switch,.ui-switch>span{transition:none}}
.header-action-slot,.header-center-slot,.header-links-slot{position:relative}.app-navigation-header .home-navigation{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;display:grid}.app-navigation-header .home-navigation-start{grid-area:1/1;gap:8px;min-width:0}.app-navigation-header .global-navigation-back{width:var(--control-height);min-width:0;height:var(--control-height);opacity:1;transition:width var(--motion-fast) var(--motion-ease), margin-right var(--motion-fast) var(--motion-ease), opacity var(--motion-fast) var(--motion-ease), transform var(--motion-fast) var(--motion-ease), visibility var(--motion-fast);flex-shrink:0;margin-right:0;padding:0;overflow:hidden;transform:translate(0)}.app-navigation-header .global-navigation-back[data-visible=false]{visibility:hidden;opacity:0;pointer-events:none;border-width:0;width:0;margin-right:-8px;transform:translate(-8px)}.app-navigation-header .native-navigation-title,.app-navigation-header .header-center-slot{grid-area:1/2;min-width:0}.app-navigation-header .native-navigation-title{text-overflow:ellipsis;white-space:nowrap;max-width:min(480px,100vw - 240px);overflow:hidden}.app-navigation-header .navigation-actions{grid-area:1/3;justify-self:end;gap:4px}.app-navigation-header .menu-trigger{width:calc(var(--control-height) + 32px);height:var(--control-height);flex-shrink:0}.game-header-actions{align-items:center;gap:4px;display:flex}.app-navigation-header .game-stats{text-align:center;flex-shrink:0;grid-template-columns:48px 32px;gap:8px;display:grid}.app-navigation-header .game-stats>div{flex-direction:column;display:flex}.app-navigation-header .game-stats strong{font-variant-numeric:tabular-nums;white-space:nowrap;padding-inline:4px;font-size:16px;font-weight:700;line-height:24px}.app-navigation-header .game-stats span{color:var(--muted-foreground);font-size:10px;line-height:14px}@media (max-width:639px){.game-header-actions .game-toolbar-help{display:none}.game-header-actions .ui-button-icon{width:32px;height:32px}}@media (max-width:359px){.app-navigation-header .home-navigation{padding-inline:max(12px, env(safe-area-inset-left)) max(12px, env(safe-area-inset-right));gap:4px}}.header-content{align-items:center;display:flex}.header-content-outgoing{pointer-events:none;position:absolute;top:50%;right:0;transform:translateY(-50%)}.header-center-slot>.header-content-outgoing{left:50%;right:auto;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:reduce){.app-navigation-header .global-navigation-back{transition:none}}.header-links-slot>.header-content-outgoing{left:0;right:auto}@media (max-width:639px){.header-links-slot{display:none}}
.post-game-sharing{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.post-game-sharing>.ui-button{width:100%}.replay-preview-toggle{width:100%;min-height:var(--control-height);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:6px;padding:8px 12px;font-size:14px;font-weight:700;display:flex}.replay-preview{border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:224px}.replay-loading{aspect-ratio:1;background:var(--muted);border-radius:var(--radius);justify-content:center;align-items:center;gap:8px;width:100%;max-width:224px;display:flex}.replay-share-actions{flex-wrap:wrap;gap:8px;width:100%;display:flex}.replay-share-actions .ui-button{flex:1}.replay-unavailable{color:var(--muted-foreground);font-size:12px}.post-game-sharing textarea{width:100%;min-height:160px;color:var(--foreground);background:var(--background);border:1px solid var(--border);padding:12px}.replay-preview-toggle svg{transition:transform var(--motion-fast) var(--motion-ease)}.replay-preview-toggle[aria-expanded=false] svg{transform:rotate(-90deg)}@media (max-width:639px){.replay-share-actions{flex-direction:column}}@media (prefers-reduced-motion:reduce){.replay-preview-toggle svg{transition:none}}.replay-preview-toggle:hover,.replay-preview-toggle:focus-visible{background:var(--button-outline-hover);color:var(--button-outline-hover-foreground)}.replay-preview-toggle:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.replay-share-actions .ui-button{min-height:var(--control-height)}
.postgame-distribution .postgame-chart-tabs{background:var(--muted);border-radius:calc(var(--radius) + 8px);grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;padding:5px;display:grid}.postgame-distribution .postgame-chart-tabs>button{border-radius:calc(var(--radius) + 4px);min-width:0;min-height:54px;transition:background var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease);border:0;gap:5px;padding:8px 2px;font-size:10px}.postgame-distribution .postgame-chart-tabs svg{width:19px;height:19px}.postgame-distribution .postgame-chart-tabs button[aria-selected=true]{background:var(--accent);color:var(--accent-foreground)}.postgame-distribution>h3{text-align:center;letter-spacing:.12em;margin:24px 0 12px;font-size:12px}.postgame-distribution .postgame-chart{height:280px;display:block;overflow:visible}.postgame-distribution .postgame-chart text{font-size:11px;font-family:var(--font-sans);fill:var(--muted-foreground)}.postgame-distribution .chart-grid{stroke-dasharray:none;opacity:.12}.postgame-distribution .chart-point,.postgame-distribution .chart-bar{fill:var(--accent);opacity:.8}.postgame-distribution .chart-current{fill:var(--brand);stroke:var(--foreground);stroke-width:2px;opacity:1}.postgame-distribution .postgame-chart [data-selected=true]{stroke:var(--foreground);stroke-width:3px;stroke-dasharray:3 2;opacity:1}.postgame-distribution .postgame-chart circle[fill=transparent]{fill:var(--accent);fill-opacity:.4}.postgame-distribution .chart-tier-lightning{fill:var(--brand);background:var(--brand)}.postgame-distribution .chart-tier-quick{fill:var(--accent);background:var(--accent)}.postgame-distribution .chart-tier-steady{fill:var(--primary);background:var(--primary)}.postgame-distribution .chart-tier-marathon{fill:var(--secondary);background:var(--secondary)}.postgame-distribution .postgame-chart-legend,.postgame-distribution .postgame-tier-legend{gap:8px 18px;min-height:24px;margin-top:12px}.postgame-distribution .postgame-chart-legend i{background:var(--accent)}.postgame-distribution .postgame-chart-legend i.chart-you{background:var(--brand);border-color:var(--foreground)}.postgame-chart-inspector{border-top:1px solid color-mix(in srgb, var(--border) 15%, transparent);border-bottom:1px solid color-mix(in srgb, var(--border) 15%, transparent);grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:4px;height:88px;margin-top:16px;padding:8px 0;display:grid}.postgame-chart-inspector p{text-align:center;max-height:72px;color:var(--foreground);margin:0;font-size:13px;line-height:1.5;overflow-y:auto}.postgame-distribution .postgame-chart-inspector button{min-width:44px;min-height:44px;color:var(--foreground);place-items:center;display:grid}.postgame-distribution button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.postgame-distribution .postgame-chart-caption{text-align:center;min-height:40px;line-height:1.5}@media (prefers-reduced-motion:reduce){.postgame-distribution .postgame-chart-tabs>button{transition:none}}.postgame-distribution .postgame-chart-viewport{min-height:484px}.postgame-distribution .postgame-chart-empty{height:484px;margin:0}.postgame-distribution .postgame-chart-interaction .postgame-chart-empty{height:280px}
.post-game{background:var(--background);color:var(--foreground);border-radius:var(--radius);width:100%;max-width:680px;height:100dvh;max-height:90dvh;box-shadow:var(--shadow-xl);border:0;margin:auto;padding:0;overflow:hidden}.post-game[open]{flex-direction:column;display:flex}.post-game::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#000c}@keyframes post-game-enter{0%{opacity:0}to{opacity:1}}.post-game[open]{animation:post-game-enter var(--post-game-open-duration) ease-out both}@keyframes post-game-backdrop-enter{0%{background:#0009}to{background:#000c}}.post-game[open]::backdrop{animation:ease-out both post-game-backdrop-enter;animation-duration:inherit}@keyframes post-game-exit{to{opacity:0}}.post-game[open][data-closing],.post-game[open][data-closing]::backdrop{animation:post-game-exit var(--post-game-close-duration) ease-out both}.post-game[open][data-closing]::backdrop{animation-duration:inherit}@media (prefers-reduced-motion:reduce){.post-game[open],.post-game[open]::backdrop{animation:none}}.post-game-heading{border-bottom:1px solid var(--border);background:var(--popover);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex}.post-game-heading h2{margin:0;font-size:20px}.post-game .post-game-close{width:var(--control-height);height:var(--control-height);flex-shrink:0}.post-game-content{overscroll-behavior:contain;text-align:center;min-height:0;padding:20px;overflow-y:auto}.post-game-phrase{text-align:left;margin-bottom:20px}.post-game-meta{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.post-game-phrase .post-game-answer{letter-spacing:-.025em;overflow-wrap:anywhere;margin:8px 0 0;font-size:clamp(22px,5vw,30px);font-weight:800;line-height:1.2}.post-game-answer:first-letter{text-transform:uppercase}.post-game-local-stats dt{letter-spacing:.05em;color:var(--muted-foreground);font-size:12px;font-weight:700}.post-game-footer{padding:12px 20px max(12px, env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--popover);flex-shrink:0;gap:8px;display:grid}.post-game-footer .ui-button{width:100%;min-height:var(--control-height);white-space:normal}.post-game-footer .post-game-next{gap:8px;margin:0;display:grid}.post-game-footer .post-game-next p{color:var(--muted-foreground);margin:0;font-size:12px}.post-game-local-stats{grid-template-columns:repeat(2,1fr);margin-block:24px;display:grid}.post-game-local-stats dd{margin:0;font-size:24px;font-weight:900}.post-game-save-status{color:var(--muted-foreground);font-size:14px}.post-game .result-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}@media (max-width:639px){.post-game{max-width:100%;max-height:100dvh}.post-game-heading{padding-top:max(12px, env(safe-area-inset-top))}}.postgame-community h3{color:var(--muted-foreground);letter-spacing:.05em;text-transform:uppercase;margin:16px 0 12px;font-size:12px;font-weight:700}.postgame-performance{margin:16px 0 24px;font-size:14px;font-weight:600}.postgame-community-notice{color:var(--muted-foreground);margin:16px 0;font-size:13px}.postgame-community-notice .ui-button{margin-top:8px}.postgame-comparison>div{padding:12px}.postgame-comparison small,.postgame-group-stats small{justify-content:center;align-items:center;gap:4px;margin-top:4px;font-size:12px;display:flex}.postgame-comparison .postgame-better,.postgame-group-stats .postgame-better{color:#16a34a}.postgame-comparison .postgame-worse,.postgame-group-stats .postgame-worse{color:#dc2626}.postgame-comparison .postgame-average,.postgame-group-stats .postgame-average{color:var(--muted-foreground)}.postgame-chart-tabs{gap:4px;display:flex}.postgame-chart-tabs>button{text-transform:uppercase;color:var(--muted-foreground);border-bottom:2px solid #0000;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 4px;font-size:10px;font-weight:700;display:flex}.postgame-chart-tabs button[aria-selected=true]{border-color:var(--foreground);color:var(--foreground)}.postgame-chart{width:100%;height:180px;overflow:visible}.postgame-chart text{fill:var(--muted-foreground);font-size:10px}.chart-grid{stroke:var(--border);stroke-dasharray:3 3;opacity:.5}.chart-point,.chart-bar{fill:var(--muted-foreground)}.chart-current{fill:#f7c846;stroke:#000;stroke-width:2px}.postgame-chart-legend,.postgame-tier-legend{color:var(--muted-foreground);flex-wrap:wrap;justify-content:center;gap:4px 16px;margin-top:8px;font-size:12px;display:flex}.postgame-chart-legend span,.postgame-tier-legend span{align-items:center;gap:6px;display:flex}.postgame-chart-legend i,.postgame-tier-legend i{background:var(--muted-foreground);border-radius:50%;width:8px;height:8px;display:inline-block}.postgame-chart-legend i.chart-you{background:#f7c846;border:1px solid #000;width:12px;height:12px}.postgame-tier-legend .tier-current{color:var(--foreground);font-weight:700}.postgame-chart-empty{height:210px;color:var(--muted-foreground);place-items:center;padding:0 24px;font-size:14px;display:grid}.postgame-chart-caption{color:var(--muted-foreground);margin-top:8px;font-size:12px}.postgame-chart-caption strong{color:var(--foreground)}.postgame-chart-viewport{touch-action:pan-y}.postgame-chart-navigation{justify-content:center;align-items:center;gap:4px;margin-top:8px;padding:0;display:flex}.postgame-chart-navigation button:first-child,.postgame-chart-navigation button:last-child{width:24px;height:24px;color:var(--muted-foreground);place-items:center;display:grid}.postgame-chart-navigation button:disabled{opacity:.3}.postgame-chart-navigation .chart-nav-current{background:#f7c846;border-radius:4px;width:16px;height:6px}.postgame-chart-navigation .chart-nav-dot{background:var(--muted-foreground);opacity:.4;border-radius:4px;width:6px;height:6px}.postgame-difficulty{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);margin:0 0 20px;padding:12px}.postgame-vote-body{min-height:calc(var(--control-height) + 8px)}.postgame-vote-options,.postgame-vote-results{gap:8px;display:flex}.postgame-vote-options .ui-button,.postgame-vote-results>div:not(.postgame-rating-track){border-radius:var(--radius);text-transform:uppercase;flex:1;gap:6px;font-size:14px;font-weight:700}.postgame-vote-results>div:not(.postgame-rating-track){border:1px solid var(--border);justify-content:center;align-items:center;padding:6px 8px;display:flex}.postgame-vote-results strong{font-size:14px}.postgame-vote-results span{color:var(--muted-foreground)}.postgame-vote-results .vote-selected{border-color:var(--brand);background:color-mix(in srgb, var(--brand) 15%, var(--background))}.postgame-vote-results :where(.vote-selected strong){color:var(--foreground)}.postgame-vote-thanks{background:var(--brand);text-transform:uppercase;color:var(--brand-foreground);padding:8px;font-size:18px;font-weight:900}.postgame-difficulty>small{color:var(--muted-foreground);height:16px;margin-top:8px;font-size:10px;display:block}.postgame-difficulty p[role=alert]{color:var(--destructive);font-size:12px}.postgame-leaderboard{margin:20px 0}.postgame-leaderboard-list{gap:4px;margin-top:8px;padding:0;list-style:none;display:grid}.postgame-leaderboard-list li{background:var(--muted);text-align:left;align-items:center;gap:8px;padding:6px 8px;font-size:14px;display:flex}.postgame-leaderboard-list>li>strong{text-overflow:ellipsis;flex:1;min-width:0;font-weight:500;overflow:hidden}.postgame-leaderboard-list li>span:last-child{text-align:right}.postgame-leaderboard-list small{color:var(--muted-foreground);font-size:10px;display:block}.postgame-leaderboard-list strong small{display:inline}.postgame-leaderboard-list .leaderboard-current{background:var(--brand);color:var(--brand-foreground)}.postgame-leaderboard-list .leaderboard-current small{color:var(--brand-foreground)}.postgame-leaderboard-list .leaderboard-pinned{border-top:1px dashed var(--muted-foreground);margin-top:4px}.postgame-rank{border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;font-weight:900;display:grid}.postgame-rank.rank-1{color:#713f12;background:#facc15}.postgame-rank.rank-2{color:#374151;background:#d1d5db}.postgame-rank.rank-3{color:#ffedd5;background:#d97706}.postgame-pagination{color:var(--muted-foreground);justify-content:center;align-items:center;gap:8px;margin-top:8px;font-size:12px;display:flex}.postgame-leaderboard select{width:100%;min-width:0;max-width:100%;min-height:var(--control-height);color:inherit;background:0 0;margin-bottom:12px;font-size:12px}.postgame-group-stats{grid-template-columns:repeat(4,1fr);margin:16px 0;display:grid}.postgame-group-stats dt{color:var(--muted-foreground);font-size:10px;font-weight:700}.postgame-group-stats dd{margin:4px 0;font-size:20px;font-weight:900}@media (min-width:768px){.postgame-comparison{grid-template-columns:repeat(4,1fr)}}.postgame-share-section{border-block:1px solid var(--border);margin:0 0 20px;padding:16px 0}.postgame-share-section .postgame-performance{margin:0 0 16px}.postgame-mode-badge{border:1px solid var(--border);text-transform:uppercase;border-radius:4px;margin:0;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.postgame-performance-slot{display:grid}.postgame-performance-slot>.postgame-performance{grid-area:1/1}.postgame-performance-measure{visibility:hidden;pointer-events:none}.postgame-vote-results>div:not(.postgame-rating-track),.postgame-vote-thanks{min-height:var(--control-height)}.postgame-vote-thanks{margin:0}.postgame-chart-viewport{min-height:18rem}.postgame-chart-empty{height:auto;min-height:18rem}.postgame-skeleton-surface,.postgame-skeleton-line{background:var(--muted);border-radius:var(--radius)}.postgame-skeleton-line{width:6em;max-width:100%;height:1em;display:block}.postgame-chart-skeleton{width:100%;height:180px;display:block}.postgame-leaderboard-list li{min-height:2.75rem}.postgame-leaderboard-list{align-content:start;min-height:calc(16.5rem + 25px)}.postgame-community .postgame-leaderboard{min-height:calc(20.5rem + 20px)}.postgame-community .postgame-leaderboard:last-of-type{min-height:calc(27.5rem + 20px)}.postgame-group-placeholder>.postgame-skeleton-line{height:1.5rem;margin-bottom:12px}.postgame-group-placeholder .postgame-group-stats small{height:1.5em}.postgame-difficulty h3{text-transform:none;letter-spacing:normal;color:var(--foreground);margin:0 0 12px;font-size:14px}.postgame-vote-results{padding-bottom:8px;position:relative}.postgame-rating-track{background:var(--muted);border-radius:var(--radius);height:4px;position:absolute;inset:auto 0 0;overflow:hidden}.postgame-rating-track span{background:var(--brand);transform-origin:0;height:100%;animation:rating-fill var(--motion-normal) var(--motion-ease) both;display:block}.postgame-vote-thanks{border-radius:var(--radius);text-transform:none;animation:rating-thanks var(--motion-normal) var(--motion-ease) both;font-size:14px}.postgame-vote-options .ui-button svg{transition:transform var(--motion-fast) var(--motion-ease)}.postgame-vote-options .ui-button:active svg{transform:rotate(-12deg)scale(1.15)}@keyframes rating-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes rating-thanks{0%{opacity:0;transform:translateY(4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.postgame-vote-thanks,.postgame-rating-track span{animation:none}.postgame-vote-options .ui-button svg{transition:none;transform:none}}.post-game-continuation-status{align-items:center;height:2.5rem;display:grid;overflow-y:auto}.post-game-continuation-action{min-height:var(--control-height)}
.social-sign-in{margin-bottom:24px}.social-sign-in-options{gap:12px;display:grid}.social-sign-in-options .ui-button{gap:12px;width:100%}.sign-in-provider-logo{flex:none}.social-sign-in-divider{color:var(--muted-foreground);align-items:center;gap:12px;margin-top:24px;font-size:14px;display:flex}.social-sign-in-divider:before,.social-sign-in-divider:after{content:"";background:var(--border);flex:1;height:1px}
.login-page p{overflow-wrap:anywhere}.login-page{width:min(100%,448px);margin:0 auto;padding:32px 24px 64px}.login-page h1{text-align:center;letter-spacing:.05em;margin:0 0 32px;font-size:20px;font-weight:700}.login-page form{flex-direction:column;gap:24px;display:flex}.login-page label{gap:8px;font-size:14px;display:grid}.login-page form>p{color:var(--muted-foreground);margin:0;font-size:14px}.login-page form>button{width:100%}.login-page [role=alert]{color:var(--destructive);font-size:14px}.auth-password-label{justify-content:space-between;align-items:center;gap:8px;display:flex}.auth-password-label .ui-button{font-size:14px}.auth-description,.auth-switch{text-align:center;font-size:14px}.auth-description{color:var(--muted-foreground);margin-bottom:24px}.auth-switch .ui-button{font-size:inherit;text-decoration:underline}.auth-password-field{gap:8px;display:grid}.account-heading{justify-content:center;align-items:center;gap:12px;margin-bottom:32px;display:flex}.account-heading h1{margin:0}.auth-password-label{flex-wrap:wrap}.auth-switch .ui-button{height:auto;min-height:var(--control-height);white-space:normal}
.groups-page{width:min(100%,56rem);margin:0 auto;padding:1.25rem 1rem 3rem}.groups-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.groups-heading h1{font-size:1.5rem;font-weight:700}.groups-muted{color:var(--muted-foreground);font-size:.875rem}.groups-muted svg{vertical-align:middle;margin-right:.3rem;display:inline-block}.groups-list{gap:.75rem;margin-top:1.5rem;display:grid}.group-card{border:1px solid var(--border);border-radius:var(--radius);text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1rem;display:flex}button.group-card:hover{background:var(--muted)}.group-card p{margin-top:.35rem}.group-crown{color:var(--brand);margin-left:.5rem;display:inline-block}.groups-empty{text-align:center;color:var(--muted-foreground);padding:4rem 0}.groups-empty svg{margin:0 auto 1rem}.groups-empty h2{color:var(--foreground);margin-bottom:.5rem;font-size:1.125rem}.group-create{border:1px solid var(--border);border-radius:var(--radius);margin-top:1.5rem;padding:1.5rem}.group-create h2,.groups-page h2{margin-top:1rem;font-size:1.125rem;font-weight:600}.group-field{gap:.5rem;margin-top:1rem;display:grid}.groups-actions{justify-content:flex-end;gap:.5rem;margin-top:1.5rem;display:flex}.group-management-actions{align-items:center;gap:4px;display:flex}.group-management{flex-shrink:0}.group-menu{position:relative}.group-menu summary{cursor:var(--cursor-action);border-radius:var(--radius);place-items:center;padding:8px;list-style:none;display:grid}.group-menu summary::-webkit-details-marker{display:none}.group-menu summary:hover{background:var(--muted)}.group-menu-items{border:1px solid var(--border);background:var(--background);border-radius:var(--radius);z-index:10;min-width:210px;box-shadow:var(--shadow-card);padding:4px;position:absolute;top:100%;right:0}.group-menu-items .ui-button{justify-content:flex-start;gap:8px;width:100%;font-weight:400}.group-danger{color:var(--destructive)}.group-dialog{border:1px solid var(--border);border-radius:var(--radius);width:min(512px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--foreground);background:var(--background);margin:auto;padding:24px;position:fixed;inset:0;overflow-y:auto}.group-dialog::backdrop{background:#0008}.group-dialog header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.group-dialog header h2{margin:0;font-size:18px;font-weight:600}.group-dialog p{color:var(--muted-foreground);font-size:14px;line-height:1.5}.group-dialog footer{justify-content:flex-end;gap:8px;margin-top:24px;display:flex}.group-dialog .group-field{margin-top:24px;font-size:14px;font-weight:500}.group-dialog small{color:var(--muted-foreground);font-size:12px;font-weight:400}.group-invite-list{gap:12px;margin-top:16px;display:grid}.group-invite{border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:4px;padding:12px;display:flex}.group-invite>div{flex:1;min-width:0}.group-invite strong{letter-spacing:2px;font-family:monospace;font-size:18px}.group-invite small{margin:4px 0 8px;display:block}.group-tabs{border-bottom:1px solid var(--border);gap:16px;margin:24px 0;display:flex}.group-tabs .ui-button{background:0 0;border-bottom:2px solid #0000;border-radius:0}.group-tabs .ui-button[aria-selected=true]{border-bottom-color:var(--brand)}.group-table-wrap{border:1px solid var(--border);border-radius:var(--radius);margin-top:16px;overflow-x:auto}.group-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:14px}.group-table td{overflow-wrap:anywhere}.group-table th,.group-table td{text-align:left;border-bottom:1px solid var(--border);padding:12px 16px}.group-table th{background:var(--muted);color:var(--muted-foreground);font-weight:500}.group-table th:nth-last-child(-n+2),.group-table td:nth-last-child(-n+2){text-align:right}.group-table tr:last-child td{border-bottom:0}.group-table .group-self{background:color-mix(in srgb, var(--brand) 10%, var(--background))}.group-table small,.group-card small{color:var(--muted-foreground);font-size:12px}.group-not-played{font-style:italic;font-weight:700;display:block}.group-game-options{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-block:24px;display:flex}.group-game-date{align-items:center;gap:16px;display:flex}.groups-heading h1,.group-card>div,.group-dialog header h2{overflow-wrap:anywhere;min-width:0}.group-card>svg{flex-shrink:0}.group-menu-items{max-width:calc(100vw - 32px)}.group-menu-items .ui-button{height:auto;min-height:var(--control-height);white-space:normal;overflow-wrap:anywhere;text-align:left}.groups-heading>.ui-button,.group-dialog header .ui-button{flex-shrink:0}.group-game-date{flex-wrap:wrap}.group-table th:first-child{width:12%}.group-table th:nth-child(2){width:42%}.group-table th:nth-child(3){width:26%}.group-table th:nth-child(4){width:20%}.groups-page>.groups-muted{margin-top:.5rem}.group-card{background:var(--card);color:var(--card-foreground);transition:background-color var(--motion-fast) var(--motion-ease)}button.group-card:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.group-game-date select{min-height:var(--control-height);border:1px solid var(--input);border-radius:var(--radius);background:var(--background);color:var(--foreground);padding:.5rem .75rem}.groups-loading{gap:.75rem;margin-top:1.5rem;display:grid}.groups-loading>div{border:1px solid var(--border);border-radius:var(--radius);background:var(--muted);min-height:7rem}@media (max-width:40rem){.groups-heading{flex-wrap:wrap}.groups-heading>.ui-button,.group-game-options>.ui-button,.groups-page .group-primary-action,.group-game-options,.group-game-date{width:100%}.group-game-date{justify-content:space-between}.groups-actions,.group-dialog footer{flex-direction:column-reverse}.groups-actions .ui-button,.group-dialog footer .ui-button{width:100%}.group-table th,.group-table td{padding:.75rem .5rem}.group-create{padding:1rem}}
.breadcrumbs{min-height:32px;color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 24px;font-size:14px;font-weight:500;line-height:1.5;display:flex}.breadcrumbs a{min-height:32px;color:var(--link-foreground);text-underline-offset:3px;align-items:center;padding:4px 0;text-decoration:none;display:inline-flex}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs+h1,.breadcrumbs+header h1,.breadcrumbs+.groups-heading h1{margin-top:0}.breadcrumbs>[aria-current=page]{color:var(--foreground);overflow-wrap:anywhere}
.account-page{width:min(100%,56rem);margin-inline:auto;padding:1.25rem 1rem 3rem}.account-page .account-heading{justify-content:flex-start;align-items:center;gap:1rem;margin-block:1.5rem 2rem;display:flex}.account-page h1{text-align:left;margin:0;font-size:1.5rem;font-weight:700}.account-page p{overflow-wrap:anywhere;line-height:1.6}.account-heading>div{min-width:0}.account-heading p,.account-description,.account-caption,.account-setting p{color:var(--muted-foreground);font-size:.875rem}.account-section{margin-block:2.5rem}.account-section h2{font-size:1.125rem;font-weight:600}.account-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.5rem;display:flex}.account-stats{border-block:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-block:2rem 0;padding-block:1.5rem;display:grid}.account-stats>div{gap:.4rem;min-width:0;display:grid}.account-stats dt{color:var(--muted-foreground);grid-row:2;font-size:.75rem}.account-stats dd{font-variant-numeric:tabular-nums;grid-row:1;align-items:center;gap:.5rem;min-height:2.5rem;margin:0;font-size:1.5rem;font-weight:650;display:flex}.account-stat-placeholder{background:var(--border);opacity:.15;border-radius:var(--radius);width:3rem;height:1.5rem;display:block}.account-setting{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) 12rem;align-items:center;gap:2rem;padding-block:1.5rem;display:grid}.account-setting:last-of-type{border-bottom:0;padding-bottom:0}.account-setting-actions{gap:.5rem;display:grid}.account-setting h3{margin-bottom:.25rem;font-size:.9375rem;font-weight:600}.account-setting .ui-button{white-space:normal;width:100%;height:auto;min-height:var(--control-height)}.account-notice{gap:.75rem;display:grid}.account-notice .ui-button{justify-self:start}@media (max-width:40rem){.account-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.account-setting{grid-template-columns:minmax(0,1fr);gap:1rem}}.account-progress-graphic{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:3rem;margin-top:2rem;display:grid}.account-completion-ring{width:12rem;height:12rem;margin-inline:auto;position:relative}.account-completion-ring svg{width:100%;height:100%;display:block;transform:rotate(-90deg)}.account-ring-track{stroke:var(--muted)}.account-ring-value{stroke:var(--brand);stroke-linecap:round;transition:stroke-dasharray var(--motion-normal) var(--motion-ease)}.account-completion-ring>div{flex-direction:column;justify-content:center;align-items:center;gap:.25rem;display:flex;position:absolute;inset:0}.account-completion-ring strong{font-variant-numeric:tabular-nums;font-size:3.5rem;font-weight:750;line-height:1}.account-completion-ring span{color:var(--muted-foreground);font-size:.875rem}.account-completion-legend{justify-content:center;gap:2rem;margin-top:1.25rem;display:flex}.account-completion-legend dt{color:var(--muted-foreground);font-size:.875rem}.account-completion-legend dd{font-variant-numeric:tabular-nums;margin:0;font-size:1.25rem;font-weight:650}.account-puzzle-mix h3{margin-bottom:.25rem;font-size:1.125rem;font-weight:650}.account-mix-bars{gap:.75rem;margin-top:1rem;display:grid}.account-mix-label dt{align-items:center;gap:.5rem;display:flex}.account-mix-swatch{border-radius:var(--radius);background:var(--brand);flex-shrink:0;width:.625rem;height:.625rem}.account-mix-label{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.5rem;font-size:.875rem;display:flex}.account-mix-label dd{font-variant-numeric:tabular-nums;margin:0;font-weight:650}.account-mix-track{border-radius:var(--radius);background:var(--muted);height:.625rem;margin-top:1.5rem;display:flex;overflow:hidden}.account-mix-track span{background:var(--brand);height:100%;transition:width var(--motion-normal) var(--motion-ease);display:block}.account-mix-track span:nth-child(2),.account-mix-bars>div:nth-child(2) .account-mix-swatch{background:var(--muted-foreground)}.account-progress-message{min-height:3rem;color:var(--muted-foreground);margin-top:1.25rem;font-size:.875rem}.account-stats svg{color:var(--muted-foreground);flex-shrink:0;display:block}@media (max-width:40rem){.account-progress-graphic{grid-template-columns:minmax(0,1fr);gap:2rem}.account-completion{width:100%;max-width:20rem;margin-inline:auto}}.account-storage-notice{min-height:3rem;margin-top:1rem}@media (max-width:40rem){.account-storage-notice{min-height:4.5rem}}