*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:100%}body{font-family:var(--font-fontFamily,-apple-system, "SF Pro Text", "Segoe UI", "Noto Sans", sans-serif);font-size:var(--font-body,18px);font-weight:var(--font-weightRegular,400);line-height:var(--font-lineBody,1.5);color:var(--color-textPrimary,#1a1a1a);background-color:var(--color-background,#fafaf8);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus-visible{outline:3px solid var(--color-focus,#2563eb);outline-offset:2px}:focus:not(:focus-visible){outline:none}[data-reduced-motion=true] *,[data-reduced-motion=true] :before,[data-reduced-motion=true] :after{transition-duration:0s!important;transition-delay:0s!important;animation-duration:0s!important;animation-delay:0s!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sr-only-focusable:focus{width:auto;height:auto;padding:inherit;margin:inherit;clip:auto;white-space:normal;position:static;overflow:visible}@keyframes skeleton-shimmer{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.skeleton-line{border-radius:var(--radius-sm,6px);background:var(--color-surfaceDark,#f0f0f0);animation:1.5s ease-in-out infinite skeleton-shimmer}@keyframes snackbar-rise{0%{opacity:0;transform:translate(-50%)translateY(16px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.undo-snackbar{animation:snackbar-rise var(--motion-normal,.3s) var(--motion-ease-gentle,ease-out)}:root{--content-max-width:600px}.app-shell{min-height:100dvh;padding:var(--space-lg,24px);flex-direction:column;align-items:center;max-width:640px;margin:0 auto;display:flex}@media (min-width:768px){.app-shell{max-width:800px}}@media (min-width:1024px){.app-shell{max-width:960px}}.loading-screen{min-height:60dvh;font-size:var(--font-bodyLarge,20px);color:var(--color-textSecondary,#5c5c5c);justify-content:center;align-items:center;display:flex}.screen{align-items:center;gap:var(--space-xl,32px);flex-direction:column;flex:1;width:100%;display:flex}.card{background-color:var(--color-surface,#fff);border-radius:var(--radius-md,12px)}.card--low{box-shadow:var(--elevation-low,0px 1px 3px 0px #00000014)}.card--mid{box-shadow:var(--elevation-mid,0px 4px 12px 0px #0000001a)}.card--high{box-shadow:var(--elevation-high,0px 8px 24px 0px #00000024)}.card--interactive:hover{box-shadow:var(--elevation-mid,0px 4px 12px 0px #0000001a);background-color:var(--color-surfaceHover,#f5f5f3);transform:translateY(-2px)}.card--interactive:active{transform:translateY(0)scale(.99)}.btn{justify-content:center;align-items:center;gap:var(--space-sm,8px);font-family:var(--font-fontFamily,inherit);font-weight:var(--font-weightSemibold,600);border-radius:var(--radius-md,12px);cursor:pointer;transition:transform var(--motion-micro,.1s) var(--motion-ease-snappy,ease-out), background-color var(--motion-micro,.1s) var(--motion-ease-snappy,ease-out), box-shadow var(--motion-micro,.1s) var(--motion-ease-snappy,ease-out);min-width:var(--touch-minimum,48px);min-height:var(--touch-minimum,48px);line-height:1.2;font-size:var(--font-body,18px);-webkit-user-select:none;user-select:none;touch-action:manipulation;border:none;padding:8px 24px;text-decoration:none;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background-color:var(--color-primary,#1a237e);color:#fff;box-shadow:var(--elevation-low,0px 1px 3px 0px #00000014)}.btn--primary:hover:not(:disabled){background-color:var(--color-primaryLight,#534bae);box-shadow:var(--elevation-mid,0px 4px 12px 0px #0000001a)}.btn--primary:active:not(:disabled){box-shadow:var(--elevation-low,0px 1px 3px 0px #00000014)}.btn--secondary{background-color:var(--color-premiumBg,#ede7f6);color:var(--color-primary,#1a237e);box-shadow:var(--elevation-low,0px 1px 3px 0px #00000014)}.btn--secondary:hover:not(:disabled){background-color:var(--color-surfaceDark,#f0f0f0);box-shadow:var(--elevation-mid,0px 4px 12px 0px #0000001a)}.btn--secondary:active:not(:disabled){box-shadow:var(--elevation-low,0px 1px 3px 0px #00000014)}.btn--ghost{color:var(--color-textPrimary,#1a1a1a);border:1.5px solid var(--color-textTertiary,#00000052);background-color:#0000}.btn--ghost:hover:not(:disabled){background-color:var(--color-surfaceDark,#f0f0f0);color:var(--color-primary,#1a237e);border-color:var(--color-primary,#1a237e)}.btn--ghost:active:not(:disabled){border-color:var(--color-textSecondary,#5c5c5c)}.btn--danger{background-color:var(--color-danger,#c62828);color:#fff}.btn--premium{background-color:var(--color-premium,#5c4f8c);color:#fff;box-shadow:var(--elevation-low,0px 1px 3px 0px #00000014)}.btn--premium:hover:not(:disabled){filter:brightness(1.08);box-shadow:var(--elevation-mid,0px 4px 12px 0px #0000001a)}.btn--premium:active:not(:disabled){filter:brightness(.96);box-shadow:var(--elevation-low,0px 1px 3px 0px #00000014)}.btn--small{font-size:var(--font-body,18px);padding:var(--space-xs,4px) var(--space-sm,8px);min-height:var(--touch-minimum,48px)}.btn--medium{font-size:var(--font-body,18px);padding:var(--space-sm,8px) var(--space-lg,24px);min-height:var(--touch-minimum,48px)}.btn--large{font-size:var(--font-bodyLarge,20px);padding:var(--space-sm,8px) var(--space-xl,32px);min-height:var(--touch-preferred,56px)}.btn--full{width:100%;max-width:none}.btn-icon{opacity:.75;flex-shrink:0;width:1.1em;height:1.1em}.home-screen{padding-top:var(--space-md,16px);text-align:center;align-items:center;gap:var(--space-lg,24px);width:100%;max-width:var(--content-max-width,600px);flex-direction:column;margin:0 auto;display:flex}@media (max-width:480px){.home-screen{padding-top:var(--space-md,16px);gap:var(--space-md,16px)}}.home-header{align-items:center;gap:var(--space-sm,8px);flex-direction:column;width:100%;display:flex;position:relative}.profile-links{gap:var(--space-sm,8px);flex-wrap:wrap;display:flex}.profile-link{align-items:center;gap:var(--space-xs,6px);display:inline-flex}.home-header__status{justify-content:center;align-items:center;gap:var(--space-sm,8px);flex-wrap:wrap;width:auto;max-width:100%;display:flex}.home-header__status:empty{display:none}.home-header__status .season-chip{flex-wrap:wrap;max-width:100%}.home-header__status .season-chip__name{overflow-wrap:break-word}.app-title{font-size:var(--font-headingLg,44px);font-weight:var(--font-weightSemibold,600);color:var(--color-textPrimary,#1a1a1a);letter-spacing:var(--font-trackingTight,-.02em);margin:0;line-height:1.1}.app-subtitle{font-size:var(--font-bodyLarge,20px);color:var(--color-textSecondary,#5c5c5c);max-width:400px;margin:0 auto}.season-chip{align-items:center;gap:var(--space-xs,6px);background:var(--color-surface,#fff);border:1px solid var(--color-border,#d8c9b6);font-size:var(--font-bodySmall,14px);border-radius:999px;padding:5px 14px;line-height:1.2;display:inline-flex;box-shadow:0 1px 2px #0000000a}.season-chip__dot{background:var(--color-textSecondary,#5c5c5c);border-radius:999px;flex:none;width:8px;height:8px}.season-chip__eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;font-weight:var(--font-weightSemibold,600);color:var(--color-textSecondary,#5c5c5c)}.season-chip__sep{color:var(--color-textSecondary,#5c5c5c);opacity:.5}.season-chip__name{font-weight:var(--font-weightMedium,500);color:var(--color-textPrimary,#1a1a1a)}.season-chip--summer{background:linear-gradient(135deg,#ffd66629,#81c7f524);border-color:#f5b30173}.season-chip--summer .season-chip__dot{background:#f0a500}.season-chip--autumn{background:linear-gradient(135deg,#e67e2229,#c0392b1f);border-color:#d3540066}.season-chip--autumn .season-chip__dot{background:#c0392b}.season-chip--winter{background:linear-gradient(135deg,#aed6f12e,#d5dbe629);border-color:#7fb3d580}.season-chip--winter .season-chip__dot{background:#5499c7}.season-chip--spring{background:linear-gradient(135deg,#a3d9a52e,#ffe0b229);border-color:#66bb6a73}.season-chip--spring .season-chip__dot{background:#66bb6a}.premium-chip{align-items:center;gap:var(--space-xs,6px);border-radius:var(--radius-full,999px);background:var(--color-premiumBg,#ede7f6);color:var(--color-premium,#5c4f8c);font-size:var(--font-small,14px);font-weight:var(--font-weightSemibold,600);white-space:nowrap;-webkit-user-select:none;user-select:none;padding:4px 12px;line-height:1.2;display:inline-flex}.premium-chip__icon{color:var(--color-premium,#5c4f8c);display:inline-flex}@media (max-width:480px){.game-header-right .premium-chip{gap:0;padding:6px}.game-header-right .premium-chip__label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}.home-section{background:var(--color-surface,#fff);border-radius:var(--radius-lg,20px);box-shadow:var(--elevation-low,0px 1px 3px 0px #00000014);padding:var(--space-md,16px);width:100%}.home-section h2{font-size:var(--font-headingSm,28px);font-weight:var(--font-weightSemibold,600);color:var(--color-textPrimary,#1a1a1a);margin:0}.home-section p{color:var(--color-textSecondary,#5c5c5c);font-size:var(--font-bodyLarge,20px);margin:0}.home-section__heading{font-size:var(--font-headingMd,32px);font-weight:var(--font-weightSemibold,600);color:var(--color-textPrimary,#1a1a1a);margin:0 0 var(--space-xs,4px);text-align:left}.home-section__subtitle{font-size:var(--font-body,18px);color:var(--color-textSecondary,#5c5c5c);margin:0 0 var(--space-lg,24px);text-align:left}.home-screen .home-section--play{box-shadow:none;background:0 0;width:100%;padding:0}.home-play-hero{align-items:center;gap:var(--space-md,16px);width:100%;padding:var(--space-lg,24px);text-align:center;box-sizing:border-box;flex-direction:column;display:flex}@media (min-width:640px){.home-play-hero{text-align:left;flex-direction:row}}.home-play-hero__icon{color:var(--color-primary,#1a237e);justify-content:center;align-items:center;line-height:1;display:flex}.home-play-hero__body{gap:var(--space-xs,4px);flex-direction:column;display:flex}@media (min-width:640px){.home-play-hero__body{flex:1}}.home-play-hero__title{font-size:var(--font-headingSm,28px);font-weight:var(--font-weightSemibold,600);color:var(--color-textPrimary,#1a1a1a);letter-spacing:var(--font-trackingTight,-.01em);margin:0;line-height:1.2}.home-play-hero__hint{font-size:var(--font-body,18px);color:var(--color-textSecondary,#5c5c5c);margin:0;line-height:1.3}.home-play-hero__cta{width:100%}@media (min-width:640px){.home-play-hero__cta{width:auto}}.home-play-secondary{gap:var(--space-md,16px);width:100%;margin-top:var(--space-md,16px);grid-template-columns:1fr;align-items:stretch;display:grid}@media (min-width:640px){.home-play-secondary{grid-template-columns:repeat(2,1fr)}}.home-play-card{justify-content:flex-start;align-items:center;gap:var(--space-sm,8px);padding:var(--space-md,16px);text-align:center;box-sizing:border-box;flex-direction:column;height:100%;display:flex}.home-play-card>.btn,.home-play-card>.daily-completed-badge{margin-top:auto}.home-play-card .btn{font-size:var(--font-body,18px);font-weight:var(--font-weightMedium,500);line-height:1.2}.home-play-card__icon{color:var(--color-primary,#1a237e);justify-content:center;align-items:center;line-height:1;display:flex}.home-play-card__title{font-size:var(--font-body,18px);font-weight:var(--font-weightSemibold,600);color:var(--color-textPrimary,#1a1a1a);letter-spacing:var(--font-trackingTight,-.01em);text-wrap:balance;margin:0;line-height:1.2}.home-play-card__hint{font-size:var(--font-small,14px);color:var(--color-textSecondary,#5c5c5c);margin:0;line-height:1.3}.home-play-card--done{opacity:.6}.home-play-card--resume{box-shadow:var(--elevation-mid,0px 4px 12px 0px #0000001a), inset 0 0 0 2px var(--color-accent,#2e7d32)}.home-promo{gap:var(--space-sm,8px);width:100%;padding:var(--space-lg,24px);margin-top:var(--space-md,16px);box-sizing:border-box;box-shadow:var(--elevation-mid,0px 4px 12px 0px #0000001a), inset 0 0 0 1px var(--color-premium,#5c4f8c);flex-direction:column;display:flex}.home-promo__eyebrow{border-radius:var(--radius-full,999px);background:var(--color-premiumBg,#ede7f6);color:var(--color-premium,#5c4f8c);font-size:var(--font-caption,12px);font-weight:var(--font-weightSemibold,600);letter-spacing:.06em;text-transform:uppercase;align-self:flex-start;align-items:center;gap:6px;margin:0;padding:2px 10px;display:inline-flex}.home-promo__main{align-items:center;gap:var(--space-md,16px);text-align:center;flex-direction:column;display:flex}@media (min-width:640px){.home-promo__main{text-align:left;flex-direction:row}}.home-promo__icon{color:var(--color-premium,#5c4f8c);justify-content:center;align-items:center;line-height:1;display:flex}.home-promo__body{gap:var(--space-xs,4px);flex-direction:column;display:flex}@media (min-width:640px){.home-promo__body{flex:1}}.home-promo__title{font-size:var(--font-headingSm,28px);font-weight:var(--font-weightSemibold,600);color:var(--color-textPrimary,#1a1a1a);letter-spacing:var(--font-trackingTight,-.01em);margin:0;line-height:1.2}.home-promo__hint{font-size:var(--font-body,18px);color:var(--color-textSecondary,#5c5c5c);margin:0;line-height:1.3}.home-promo__cta{width:100%}@media (min-width:640px){.home-promo__cta{width:auto}}.mode-section{margin-bottom:var(--space-xl,32px)}.mode-section:last-child{margin-bottom:0}.mode-section__title{font-size:var(--font-bodyLarge,20px);font-weight:var(--font-weightSemibold,600);color:var(--color-primary,#1a237e);margin:0 0 var(--space-sm,8px);text-align:left}.mode-section__toggle{margin:var(--space-sm,8px) auto 0;font-size:var(--font-body,18px);display:block}.modes-empty-state{text-align:center;color:var(--color-textSecondary,#5c5c5c);font-size:var(--font-body,18px);line-height:var(--font-lineBody,1.5);padding:var(--space-xl,32px) var(--space-md,16px);margin:0}.mode-grid{gap:var(--space-sm,8px);grid-template-columns:minmax(0,1fr);width:100%;display:grid}.mode-grid>*{min-width:0}@media (min-width:600px){.mode-grid{gap:var(--space-md,16px);grid-template-columns:repeat(2,minmax(0,1fr))}}.mode-card{align-items:flex-start;gap:var(--space-md,16px);padding:var(--space-md,16px);text-align:left;height:100%;min-height:var(--touch-preferred,56px);display:flex;position:relative}.mode-card__icon{background:var(--color-surfaceDark,#f0f0f0);border-radius:var(--radius-md,12px);width:48px;height:48px;color:var(--color-primary,#1a237e);flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:flex}.mode-card__body{flex:1;min-width:0}.mode-card__header{align-items:center;gap:var(--space-xs,4px) var(--space-sm,8px);margin-bottom:var(--space-xs,4px);flex-wrap:wrap;display:flex}.mode-card__title{font-size:var(--font-body,18px);font-weight:var(--font-weightSemibold,600);color:var(--color-textPrimary,#1a1a1a);margin:0;line-height:1.3}.mode-card__desc{font-size:var(--font-small,14px);color:var(--color-textSecondary,#5c5c5c);line-height:var(--font-lineBody,1.5);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.mode-card__badge{flex-shrink:0}.mode-card .mode-card__badge{align-items:center;gap:var(--space-xs,4px);padding:3px var(--space-sm,8px);border-radius:var(--radius-full,999px);display:inline-flex}.mode-card .premium-badge{background:linear-gradient(135deg,#efe9f7,#e2d8f4);box-shadow:0 1px 2px #5c4f8c29}.mode-card__badge--soon{font-size:var(--font-caption,12px);font-weight:var(--font-weightSemibold,600);color:var(--color-textSecondary,#5c5c5c);background:#5c5c5c1a}.mode-card__lock{opacity:.5;color:var(--color-textSecondary,#5c5c5c);flex-shrink:0;align-self:center;display:flex}.mode-card--carousel{text-align:center;align-items:center;gap:var(--space-sm,8px);padding:var(--space-xl,32px) var(--space-md,16px) var(--space-lg,24px);border-radius:var(--radius-lg,20px);background:linear-gradient(#fff 0%,#fcfcff 100%);border:1px solid #1a237e0f;flex-direction:column;box-shadow:0 2px 10px #1a237e0d}.mode-card--carousel .mode-card__icon{width:60px;height:60px;color:var(--color-primary,#1a237e);background:linear-gradient(150deg,#534bae2e,#1a237e12);border-radius:18px;box-shadow:0 8px 16px #1a237e1f,inset 0 1px #ffffffb3}.mode-card--carousel .mode-card__icon svg{width:28px;height:28px}.mode-card--carousel .mode-card__body{align-items:center;gap:var(--space-xs,4px);flex-direction:column;flex:none;display:flex}.mode-card--carousel .mode-card__header{justify-content:center;margin-bottom:0}.mode-card--carousel .mode-card__title{font-size:var(--font-bodyLarge,20px);letter-spacing:-.01em}.mode-card--carousel .mode-card__desc{font-size:var(--font-body,18px);-webkit-line-clamp:unset;line-clamp:unset;line-height:1.5;display:block;overflow:visible}.mode-card--carousel .mode-card__play-indicator{display:none}.mode-card--carousel .mode-card__badge{top:var(--space-sm,8px);z-index:1;max-width:calc(100% - 2 * var(--space-md,16px));white-space:nowrap;position:absolute;left:50%;transform:translate(-50%)}.mode-card--carousel .mode-card__badge svg{color:var(--color-premium,#5c4f8c)}.mode-card--carousel .mode-card__lock{display:none}.mode-card--carousel.mode-card--coming-soon{background:linear-gradient(#fff 0%,#f7f7fb 100%)}.mode-card--carousel.mode-card--coming-soon .mode-card__icon{color:var(--color-textSecondary,#5c5c5c);background:linear-gradient(150deg,#5c5c5c1f,#5c5c5c0a);box-shadow:inset 0 1px #ffffffb3}.mode-card--carousel.mode-card--coming-soon .mode-card__title{color:var(--color-textSecondary,#5c5c5c)}button.mode-card--carousel{transition:transform .18s,box-shadow .18s,border-color .18s}button.mode-card--carousel:hover{border-color:#1a237e29;transform:translateY(-3px);box-shadow:0 14px 28px #1a237e29}button.mode-card--carousel:active{transform:translateY(-1px)scale(.99)}.home-mode-carousel{gap:var(--space-md,16px);flex-direction:column;width:100%;display:flex}.home-mode-carousel__title{font-size:var(--font-bodyLarge,20px);font-weight:var(--font-weightSemibold,600);color:var(--color-primary,#1a237e);text-align:left;margin:0}.home-mode-track{gap:var(--space-md,16px);scroll-snap-type:x mandatory;scroll-padding-inline:var(--space-xs,4px);padding:var(--space-sm,8px) var(--space-xs,4px);-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;overflow-x:auto}.home-mode-track::-webkit-scrollbar{display:none}.home-mode-slide{scroll-snap-align:start;flex:0 0 46%;display:flex}@media (min-width:560px){.home-mode-slide{flex-basis:31%}}.btn--icon{font-size:var(--font-bodyLarge,20px);font-weight:var(--font-weightMedium,500);padding:var(--space-sm,8px) var(--space-md,16px);min-height:var(--touch-preferred,56px);background:var(--color-surface,#fff);border-radius:var(--radius-md,12px);color:var(--color-textPrimary,#1a1a1a);cursor:pointer;box-shadow:var(--elevation-low,0px 1px 3px 0px #00000014);-webkit-user-select:none;user-select:none;border:none;align-items:center;gap:6px;text-decoration:none;transition:background .15s,box-shadow .15s,transform .1s;display:inline-flex}.btn--icon:hover{background:var(--color-surfaceHover,#f5f5f3);box-shadow:var(--elevation-mid,0px 4px 12px 0px #0000001a)}.btn--icon:active{transform:scale(.97)}.btn--icon:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn--icon .nav-icon{font-size:24px;line-height:1}.game-screen{padding-top:var(--space-sm,8px);gap:var(--space-md,16px)}@media (max-width:480px){.game-screen{gap:var(--space-sm,8px)}}.game-focus-wrapper{align-items:center;gap:var(--space-md,16px);flex-direction:column;width:100%;display:flex}@media (max-width:480px){.game-focus-wrapper{gap:var(--space-sm,8px)}}.game-header{align-items:center;gap:var(--space-md,16px);width:100%;padding:var(--space-md,16px);background:var(--color-surface,#fff);border-radius:var(--radius-md,12px);box-shadow:var(--elevation-low,0px 1px 3px 0px #00000014);grid-template-columns:1fr minmax(0,auto) 1fr;display:grid}.game-header>:first-child{justify-self:start}.game-header>:last-child{justify-self:end}@media (max-width:480px){.game-header{gap:var(--space-sm,8px);padding:10px var(--space-sm,8px)}}@media (max-width:399px){.game-header{grid-template-columns:auto minmax(0,1fr) auto;padding:8px 6px}.gh-title{letter-spacing:var(--trackingTight,-.01em);font-size:16px}}.gh-back-btn{font-size:var(--font-body,18px);font-weight:var(--font-weightMedium,500);padding:var(--space-sm,8px) var(--space-md,16px);min-height:var(--touch-preferred,56px);border-radius:var(--radius-md,12px);color:var(--color-textSecondary,#5c5c5c);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;flex-shrink:0;align-items:center;gap:6px;font-family:inherit;transition:background .15s,color .15s,transform .1s;display:inline-flex}@media (max-width:480px){.gh-back-btn{min-height:var(--touch-minimum,48px);padding:var(--space-sm,8px) 10px}}@media (max-width:399px){.gh-back-btn{padding:var(--space-sm,8px);min-width:var(--touch-minimum,48px)}.gh-back-btn span{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}.gh-back-btn:hover{background:var(--color-surfaceHover,#f5f5f3);color:var(--color-textPrimary,#1a1a1a)}.gh-back-btn:active{transform:scale(.97)}.gh-back-btn .gh-chevron{color:var(--color-textTertiary,#8c8c8c);flex-shrink:0}.gh-center{flex-direction:column;flex:1;align-items:center;gap:2px;min-width:0;display:flex}.gh-title{font-size:var(--font-bodyLarge,20px);font-weight:var(--font-weightSemibold,600);color:var(--color-textPrimary,#1a1a1a);letter-spacing:var(--trackingTight,-.01em);white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin:0;overflow:hidden}@media (max-width:480px){.gh-title{font-size:var(--font-body,18px)}}.game-header-center{flex:1;justify-content:center;display:flex}.game-title{font-size:var(--font-headingSm,24px);font-weight:var(--font-weightSemibold,600);color:var(--color-textPrimary,#1a1a1a);letter-spacing:var(--trackingTight,-.01em);margin:0}@media (max-width:480px){.game-title{font-size:var(--font-bodyLarge,20px)}}.gh-mp-bar{align-items:center;gap:var(--space-sm,8px);font-size:var(--font-small,14px);flex-wrap:wrap;justify-content:center;line-height:1.3;display:flex}.gh-mp-mode{border-radius:var(--radius-full,999px);font-weight:var(--font-weightSemibold,600);font-size:var(--font-caption,12px);letter-spacing:.03em;text-transform:uppercase;color:var(--color-textSecondary,#5c5c5c);border:1.5px solid;align-items:center;padding:1px 10px;line-height:1.6;display:inline-flex}.gh-mp-players{color:var(--color-textSecondary,#5c5c5c);align-items:center;gap:4px;display:inline-flex}.gh-mp-p1{font-weight:var(--font-weightSemibold,600);color:var(--color-textPrimary,#1a1a1a)}.gh-mp-vs{color:var(--color-textTertiary,#8c8c8c);font-weight:var(--font-weightRegular,400)}.gh-mp-p2{font-weight:var(--font-weightMedium,500);color:var(--color-textPrimary,#1a1a1a)}.gh-mp-code{border-radius:var(--radius-full,999px);background:var(--color-surfaceDark,#f0f0f0);font-family:SF Mono,Cascadia Code,Consolas,monospace;font-size:var(--font-caption,12px);font-weight:var(--font-weightSemibold,600);letter-spacing:.06em;color:var(--color-textSecondary,#5c5c5c);align-items:center;padding:1px 10px;line-height:1.6;display:inline-flex}.gh-mp-mode,.gh-mp-code,.gh-mp-vs{flex-shrink:0}@media (max-width:480px){.game-header--mp{grid-template-columns:auto minmax(0,1fr) auto}.game-header--mp .gh-title{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.game-header--mp .gh-back-btn{padding:var(--space-sm,8px);min-width:var(--touch-minimum,48px)}.game-header--mp .gh-back-btn span{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.game-header--mp .gh-mp-code{display:none}.game-header--mp .gh-mp-bar:has(.gh-mp-players) .gh-mp-mode{display:none}.game-header--mp .gh-sync--syncing,.game-header--mp .gh-sync--synced{display:none}.game-header--mp .gh-mp-bar{flex-wrap:nowrap;gap:6px;max-width:100%}.game-header--mp .gh-mp-players{min-width:0}.game-header--mp .gh-mp-p1,.game-header--mp .gh-mp-p2{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}.gh-right{align-items:center;gap:var(--space-sm,8px);flex-shrink:0;display:flex}@media (max-width:480px){.gh-right{gap:6px}}.gh-sync{border-radius:var(--radius-full,999px);font-size:var(--font-caption,12px);font-weight:var(--font-weightMedium,500);white-space:nowrap;align-items:center;gap:4px;padding:2px 10px;line-height:1.5;display:inline-flex}.gh-sync--synced{background:var(--color-statusCorrectBg,#e8f5e9);color:var(--color-statusCorrect,#2e7d32)}.gh-sync--syncing{background:var(--color-surfaceDark,#f0f0f0);color:var(--color-textSecondary,#5c5c5c)}.gh-sync--syncing .gh-sync-icon{animation:1.5s linear infinite gh-sync-spin}.gh-sync--offline{color:#bf360c;background:#fff3e0}.gh-sync--conflict,.gh-sync--error{color:var(--color-danger,#c62828);background:#ffebee}@keyframes gh-sync-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-reduced-motion=true] .gh-sync--syncing .gh-sync-icon{animation:none}@media (max-width:480px){.gh-sync-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}.gh-attempts{border-radius:var(--radius-full,999px);background:var(--color-surfaceDark,#f0f0f0);font-variant-numeric:tabular-nums;min-height:var(--touch-minimum,48px);-webkit-user-select:none;user-select:none;align-items:center;gap:0;padding:4px 14px;line-height:1.4;display:inline-flex}@media (max-width:480px){.gh-attempts{min-height:44px;padding:3px 10px}}.gh-attempts-used{font-size:var(--font-bodyLarge,20px);font-weight:var(--font-weightSemibold,600);color:var(--color-textPrimary,#1a1a1a)}.gh-attempts-sep{font-size:var(--font-body,18px);font-weight:var(--font-weightRegular,400);color:var(--color-textTertiary,#8c8c8c);margin:0 2px}.gh-attempts-max{font-size:var(--font-body,18px);font-weight:var(--font-weightMedium,500);color:var(--color-textSecondary,#5c5c5c)}@media (max-width:480px){.gh-attempts-used{font-size:var(--font-body,18px)}.gh-attempts-sep,.gh-attempts-max{font-size:var(--font-small,14px)}}.gh-hint-btn{min-width:var(--touch-minimum,48px);min-height:var(--touch-minimum,48px);border-radius:var(--radius-md,12px);background:var(--color-surface,#fff);box-shadow:var(--elevation-low,0px 1px 3px 0px #00000014);color:var(--color-textTertiary,#8c8c8c);cursor:pointer;border:none;justify-content:center;align-items:center;padding:8px;transition:background .15s,box-shadow .15s,color .15s,transform .1s;display:inline-flex}@media (max-width:480px){.gh-hint-btn{min-width:44px;min-height:44px;padding:6px}}.gh-hint-btn:hover:not(:disabled){box-shadow:var(--elevation-mid,0px 4px 12px 0px #0000001a);color:#5d4037;background:#fff8e1}.gh-hint-btn:active:not(:disabled){transform:scale(.95)}.gh-hint-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none;background:var(--color-surfaceDark,#f0f0f0)}.gh-hint-btn .gh-bulb{display:block}.game-message{z-index:100;border-radius:var(--radius-md,12px);min-width:280px;max-width:420px;font-size:var(--font-body,18px);font-weight:var(--font-weightSemibold,600);text-align:center;box-shadow:var(--elevation-high,0px 8px 24px 0px #00000024);animation:toast-slide-in .3s var(--motion-ease-gentle,ease-out);pointer-events:none;padding:12px 24px;position:fixed;top:16px;left:50%;transform:translate(-50%)}@keyframes toast-slide-in{0%{opacity:0;transform:translate(-50%)translateY(-12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.message-error{color:#fff;background-color:#c62828}.message-info{background-color:var(--color-primary,#1a237e);color:#fff}.game-board{gap:var(--space-sm,8px);flex-direction:column;display:flex}.board-row{gap:var(--space-sm,8px);display:flex}.game-tile{border:2px solid var(--color-textTertiary,#8c8c8c);border-radius:var(--radius-md,12px);width:60px;height:60px;font-size:var(--font-gameTile,36px);font-weight:var(--font-weightSemibold,600);text-transform:uppercase;-webkit-user-select:none;user-select:none;box-shadow:var(--elevation-low,0px 1px 3px 0px #00000014);justify-content:center;align-items:center;display:flex;position:relative}.tile-empty{background-color:var(--color-surface,#fff);border-color:var(--color-textTertiary,#8c8c8c)}.tile-correct{background-color:var(--color-statusCorrect,#2e7d32);border-color:var(--color-statusCorrect,#2e7d32);color:#fff}.tile-present{background-color:var(--color-statusPresent,#e65100);border-color:var(--color-statusPresent,#e65100);color:#fff}.tile-absent{background-color:var(--color-statusAbsent,#757575);border-color:var(--color-statusAbsent,#757575);color:#fff}.tile-melted{background-color:var(--color-surface,#fff);border-color:var(--color-textTertiary,#8c8c8c);color:var(--color-textTertiary,#8c8c8c);opacity:.7;border-style:dashed}.tile-letter{line-height:var(--font-lineTile,1.2)}.tile-symbol{opacity:.8;font-size:10px;position:absolute;bottom:2px;right:4px}.tile-active{border-color:var(--color-focus,#2563eb);box-shadow:0 0 0 3px var(--color-focus,#2563eb)}button.game-tile{min-width:var(--touch-minimum,48px);min-height:var(--touch-minimum,48px);font-family:inherit;font-size:var(--font-gameTile,36px);font-weight:var(--font-weightSemibold,600);text-transform:uppercase;color:inherit;cursor:pointer;appearance:none;margin:0;padding:0}button.game-tile:focus-visible{outline:3px solid var(--color-focus,#2563eb);outline-offset:2px}.tile-flip{animation:tile-flip .3s var(--motion-ease-gentle,ease-out)}@keyframes tile-flip{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.tile-shake{animation:.3s ease-out tile-shake}@keyframes tile-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.tile-bounce{animation:tile-bounce .2s var(--motion-ease-bouncy,ease-out)}@keyframes tile-bounce{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.keyboard{flex-direction:column;gap:6px;width:100%;max-width:600px;padding:0 4px;display:flex}.keyboard-row{justify-content:center;gap:5px;width:100%;display:flex}.keyboard-key{max-width:var(--touch-minimum,48px);font-family:var(--font-fontFamily,inherit);font-size:var(--font-body,18px);font-weight:var(--font-weightSemibold,600);background-color:var(--color-surfaceDark,#f0f0f0);color:var(--color-textPrimary,#1a1a1a);border-radius:var(--radius-sm,6px);cursor:pointer;height:var(--touch-minimum,48px);text-transform:uppercase;box-shadow:var(--elevation-low,0px 1px 3px 0px #00000014);transition:transform var(--motion-micro,.1s) var(--motion-ease-snappy,ease-out);-webkit-user-select:none;user-select:none;border:none;flex:1;justify-content:center;align-items:center;padding:0 4px;display:inline-flex}.keyboard-key:hover:not(:disabled){background-color:var(--color-textTertiary,#8c8c8c);color:#fff}.keyboard-key:active:not(:disabled){background-color:var(--color-textSecondary,#5c5c5c);transform:scale(.92)}.keyboard-key:disabled{opacity:.4;cursor:not-allowed}.key-wide{max-width:64px;font-size:var(--font-small,14px);text-transform:none;flex:1.5}.key-correct{background-color:var(--color-statusCorrect,#2e7d32);color:#fff}.key-present{background-color:var(--color-statusPresent,#e65100);color:#fff}.key-absent{background-color:var(--color-statusAbsent,#757575);color:#fff}.game-help{width:100%;max-width:420px;padding:var(--space-md,16px) var(--space-lg,24px);margin-top:var(--space-sm,8px);border-radius:var(--radius-md,12px);background:var(--color-surface,#fff);box-shadow:var(--elevation-low,0px 1px 3px 0px #00000014)}.game-help-legend{gap:var(--space-sm,8px);flex-direction:column;display:flex}.game-help-item{align-items:center;gap:var(--space-md,16px);font-size:var(--font-small,14px);color:var(--color-textSecondary,#5c5c5c);line-height:1.4;display:flex}.help-swatch{border-radius:4px;flex-shrink:0;width:24px;height:24px}.help-swatch--correct{background:var(--color-statusCorrect,#0072b2)}.help-swatch--present{background:var(--color-statusPresent,#e69f00)}.help-swatch--absent{background:var(--color-statusAbsent,#999)}.result-screen{padding-top:var(--space-xl,32px);text-align:center;gap:var(--space-lg,24px);width:100%;max-width:var(--content-max-width,600px);margin:0 auto}.result-hero{align-items:center;gap:var(--space-md,16px);flex-direction:column;width:100%;display:flex}.result-hero__actions{gap:var(--space-sm,8px);width:100%;max-width:360px;margin-top:var(--space-sm,8px);flex-direction:column;display:flex}.result-hero__actions .btn{width:100%}.result-meta{justify-content:center;align-items:center;gap:var(--space-md,16px);font-size:var(--font-bodyLarge,20px);color:var(--color-textSecondary,#5c5c5c);flex-wrap:wrap;margin:0;display:flex}.result-heading{font-size:var(--font-headingLg,40px);font-weight:var(--font-weightSemibold,600);color:var(--color-primary,#1a237e)}.result-outcome{font-size:var(--font-headingLg,40px);font-weight:var(--font-weightSemibold,600);margin:0}.result-outcome--won{color:var(--color-statusCorrect,#2e7d32)}.result-outcome--lost{color:var(--color-textSecondary,#5c5c5c)}.result-answer{flex-direction:column;align-items:center;gap:4px;display:flex}.result-label{font-size:var(--font-body,18px);color:var(--color-textSecondary,#5c5c5c)}.result-word{font-size:var(--font-headingMd,32px);font-weight:var(--font-weightSemibold,600);letter-spacing:.15em;color:var(--color-textPrimary,#1a1a1a)}.result-explanation{text-align:center;max-width:46ch;margin:4px auto 0}.result-explanation__label{font-size:var(--font-caption,13px);font-weight:var(--font-weightSemibold,600);letter-spacing:.06em;text-transform:uppercase;color:var(--color-textSecondary,#5c5c5c);margin-bottom:2px;display:block}.result-explanation__text{font-size:var(--font-body,18px);color:var(--color-textPrimary,#1a1a1a);margin:0;line-height:1.45}.result-run-summary{gap:var(--space-sm,8px);flex-direction:column;align-items:center;display:flex}.result-run-summary h3{font-size:var(--font-headingSm,24px);color:var(--color-textPrimary,#1a1a1a);margin:0}.result-run-summary__stats{gap:var(--space-md,16px);color:var(--color-textSecondary,#5c5c5c);flex-wrap:wrap;justify-content:center;display:flex}.result-stats{gap:var(--space-xl,32px);justify-content:center;display:flex}.stat-item{flex-direction:column;align-items:center;gap:4px;display:flex}.stat-value{font-size:var(--font-headingSm,24px);font-weight:var(--font-weightSemibold,600);color:var(--color-primary,#1a237e)}.stat-label{font-size:var(--font-small,14px);color:var(--color-textSecondary,#5c5c5c);text-transform:none;letter-spacing:0}.result-progress-card,.result-today{align-items:center;gap:var(--space-md,16px);width:100%;padding:var(--space-lg,24px);flex-direction:column;display:flex}.result-progress-card__title,.result-today__title{font-size:var(--font-bodyLarge,20px);font-weight:var(--font-weightSemibold,600);color:var(--color-textPrimary,#1a1a1a);margin:0}.result-progress-card .progression-bar-container{width:100%}.result-today{gap:var(--space-sm,8px)}.result-disclosure{align-items:center;gap:var(--space-sm,8px);flex-direction:column;width:100%;max-width:400px;margin:0 auto;display:flex}.result-disclosure__toggle{font-size:var(--font-small,14px)}.result-footer{justify-content:center;display:flex}.result-footer__close{min-width:160px}.daily-stats{gap:var(--space-xs,4px);text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.daily-stats p{margin:0}.daily-stats-solved{font-size:var(--font-bodyLarge,20px);font-weight:var(--font-weightSemibold,600);color:var(--color-textPrimary,#1a1a1a)}.daily-stats-beat{font-size:var(--font-body,18px);color:var(--color-statusCorrect,#2e7d32)}.daily-stats-played{font-size:var(--font-small,14px);color:var(--color-textTertiary,#8a8a8a)}.daily-stats-consent{gap:var(--space-sm,8px);text-align:center;flex-direction:column;align-items:center;width:100%;max-width:400px;display:flex}.daily-stats-consent-text{font-size:var(--font-small,14px);color:var(--color-textSecondary,#5c5c5c);margin:0}.daily-stats-consent-actions{gap:var(--space-sm,8px);flex-wrap:wrap;justify-content:center;display:flex}.result-nudge{gap:var(--space-xs,4px);text-align:center;flex-direction:column;align-items:center;width:100%;max-width:400px;display:flex}.result-nudge-text{font-size:var(--font-small,14px);color:var(--color-textSecondary,#5c5c5c);margin:0}.result-nudge-cta{font-size:var(--font-small,14px)}.result-guesses{width:100%;max-width:400px}.result-guesses h3{font-size:var(--font-bodyLarge,20px);font-weight:var(--font-weightSemibold,600);margin-bottom:var(--space-sm,8px);color:var(--color-textPrimary,#1a1a1a)}.result-guess-row{gap:var(--space-sm,8px);margin-bottom:var(--space-sm,8px);justify-content:center;display:flex}.result-letter{border-radius:var(--radius-sm,6px);width:44px;height:44px;font-size:var(--font-bodyLarge,20px);font-weight:var(--font-weightSemibold,600);text-transform:uppercase;color:#fff;justify-content:center;align-items:center;display:flex;position:relative}.result-correct{background-color:var(--color-statusCorrect,#2e7d32)}.result-present{background-color:var(--color-statusPresent,#e65100)}.result-absent{background-color:var(--color-statusAbsent,#757575)}.result-symbol{opacity:.7;font-size:8px;position:absolute;bottom:1px;right:3px}.xp-gain{background-color:var(--color-statusCorrectBg,#e8f5e9);color:var(--color-statusCorrect,#2e7d32);border-radius:var(--radius-full,999px);padding:var(--space-sm,8px) var(--space-md,16px);font-size:var(--font-headingSm,24px);font-weight:var(--font-weightSemibold,600);animation:xp-pop .4s var(--motion-ease-bouncy,ease-out);justify-content:center;align-items:center;display:inline-flex}.result-meta .xp-gain{font-size:var(--font-bodyLarge,20px);padding:2px var(--space-sm,8px)}@keyframes xp-pop{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.error-banner{bottom:var(--space-md,16px);color:var(--color-danger,#c62828);border-radius:var(--radius-md,12px);padding:var(--space-sm,8px) var(--space-lg,24px);font-weight:var(--font-weightMedium,500);box-shadow:var(--elevation-high,0px 8px 24px 0px #00000024);z-index:var(--z-toast,500);text-align:center;background-color:#ffebee;max-width:90vw;position:fixed;left:50%;transform:translate(-50%)}.settings-screen{padding-top:var(--space-lg,24px);gap:var(--space-md,16px);max-width:var(--content-max-width,600px);margin:0 auto}.settings-section{background:var(--color-surface,#fff);border-radius:var(--radius-md,12px);width:100%;max-width:none;box-shadow:var(--elevation-low,0px 1px 3px 0px #00000014);padding:var(--space-md,16px) var(--space-lg,24px);gap:var(--space-sm,8px);flex-direction:column;display:flex}.settings-section h2{font-size:var(--font-bodyLarge,20px);font-weight:var(--font-weightSemibold,600);color:var(--color-textPrimary,#1a1a1a);margin:0}.settings-section-desc{font-size:var(--font-body,18px);color:var(--color-textSecondary,#5c5c5c);line-height:var(--font-lineBody,1.5);margin:0}.settings-collapsible{gap:0;padding:0}.settings-collapsible__summary{justify-content:space-between;align-items:center;gap:var(--space-md,16px);padding:var(--space-md,16px) var(--space-lg,24px);min-height:var(--touch-minimum,48px);cursor:pointer;list-style:none;display:flex}.settings-collapsible__summary::-webkit-details-marker{display:none}.settings-collapsible__summary:focus-visible{outline:2px solid var(--color-focusRing,#4f46e5);outline-offset:-2px;border-radius:var(--radius-md,12px)}.settings-collapsible__chevron{color:var(--color-textSecondary,#5c5c5c);transition:transform .2s;display:inline-flex}.settings-collapsible[open] .settings-collapsible__chevron{transform:rotate(180deg)}.settings-collapsible__body{gap:var(--space-sm,8px);padding:0 var(--space-lg,24px) var(--space-md,16px);flex-direction:column;display:flex}@media (prefers-reduced-motion:reduce){.settings-collapsible__chevron{transition:none}}.settings-link-row{justify-content:space-between;align-items:center;gap:var(--space-md,16px);width:100%;max-width:none;padding:var(--space-md,16px) var(--space-lg,24px);min-height:var(--touch-minimum,48px);text-align:left;cursor:pointer;background:var(--color-surface,#fff);border-radius:var(--radius-md,12px);box-shadow:var(--elevation-low,0px 1px 3px 0px #00000014);border:none;flex-direction:row;display:flex}.settings-link-row:focus-visible{outline:2px solid var(--color-focusRing,#4f46e5);outline-offset:-2px}.settings-link-row__text{flex-direction:column;gap:2px;display:flex}.settings-link-row__title{font-size:var(--font-bodyLarge,20px);font-weight:var(--font-weightSemibold,600);color:var(--color-textPrimary,#1a1a1a)}.settings-link-row__desc{font-size:var(--font-body,18px);color:var(--color-textSecondary,#5c5c5c)}.settings-link-row__chevron{color:var(--color-textSecondary,#5c5c5c);flex-shrink:0;display:inline-flex}.settings-toggle{justify-content:space-between;align-items:flex-start;gap:var(--space-md,16px);padding:var(--space-sm,8px) 0;min-height:var(--touch-minimum,48px);display:flex}.settings-toggle+.settings-toggle{border-top:1px solid var(--color-surfaceDark,#f0f0f0)}.settings-toggle--stacked{align-items:stretch;gap:var(--space-sm,8px);flex-direction:column}.settings-toggle--stacked .settings-toggle-info{flex:none}.settings-toggle--stacked .settings-select{width:100%;max-width:320px}.settings-toggle-info{flex:1;min-width:0}.settings-toggle-label{font-size:var(--font-body,18px);font-weight:var(--font-weightSemibold,600);color:var(--color-textPrimary,#1a1a1a);cursor:pointer;line-height:var(--font-lineBody,1.5);display:block}.settings-toggle-desc{font-size:var(--font-small,14px);color:var(--color-textSecondary,#5c5c5c);margin-top:var(--space-xs,4px);line-height:var(--font-lineBody,1.5)}.settings-select{width:auto;min-width:160px;max-width:100%;font-family:var(--font-fontFamily,inherit);font-size:var(--font-body,18px);font-weight:var(--font-weightMedium,500);color:var(--color-textPrimary,#1a1a1a);background-color:var(--color-surfaceDark,#f0f0f0);border-radius:var(--radius-sm,6px);min-height:var(--touch-minimum,48px);cursor:pointer;appearance:auto;border:none;flex-shrink:0;padding:8px 12px;display:block}.settings-select:focus-visible{outline:3px solid var(--color-focus,#2563eb);outline-offset:2px}.toggle-switch{align-items:center;gap:var(--space-sm,8px);cursor:pointer;font-family:var(--font-fontFamily,inherit);font-size:var(--font-body,18px);min-height:var(--touch-minimum,48px);min-width:var(--touch-minimum,48px);border-radius:var(--radius-sm,6px);background:0 0;border:none;flex-shrink:0;padding:4px;display:inline-flex}.toggle-switch:focus-visible{outline:3px solid var(--color-focus,#2563eb);outline-offset:2px}.toggle-track{background-color:var(--color-textTertiary,#8c8c8c);border-radius:var(--radius-full,999px);width:56px;height:32px;transition:background-color var(--motion-quick,.2s) var(--motion-ease-gentle,ease-out);flex-shrink:0;display:inline-block;position:relative}.toggle-thumb{width:24px;height:24px;transition:transform var(--motion-quick,.2s) var(--motion-ease-gentle,ease-out);background-color:#fff;border-radius:50%;position:absolute;top:4px;left:4px;box-shadow:0 1px 2px #00000026}.toggle-on .toggle-track{background-color:var(--color-primary,#1a237e)}.toggle-on .toggle-thumb{transform:translate(24px)}.toggle-label-text{font-size:var(--font-small,14px);font-weight:var(--font-weightSemibold,600);color:var(--color-textSecondary,#5c5c5c);line-height:1}.toggle-switch--column{gap:var(--space-xs,4px);flex-direction:column;align-self:center}.settings-footer{text-align:center;width:100%;max-width:none;padding:var(--space-sm,8px) 0;align-items:center;gap:var(--space-sm,8px);flex-direction:column;display:flex}.settings-footer p{font-size:var(--font-small,14px);color:var(--color-textTertiary,#8c8c8c);margin:0}.stats-screen{padding-top:var(--space-lg,24px);gap:var(--space-lg,24px);max-width:var(--content-max-width,600px);margin:0 auto}.stats-empty-state{justify-content:center;align-items:center;gap:var(--space-sm,8px);padding:var(--space-xl,32px) var(--space-md,16px);text-align:center;flex-direction:column;width:100%;max-width:400px;display:flex}.stats-empty-state p{font-size:var(--font-bodyLarge,20px);color:var(--color-textPrimary,#1a1a1a);font-weight:var(--font-weightMedium,500)}.stats-empty-hint{font-size:var(--font-bodyLarge,20px);color:var(--color-textSecondary,#5c5c5c)!important;font-weight:var(--font-weightRegular,400)!important}.stats-overview{gap:var(--space-md,16px);flex-direction:column;width:100%;max-width:none;display:flex}.stats-overview h2{font-size:var(--font-bodyLarge,20px);font-weight:var(--font-weightSemibold,600);color:var(--color-textPrimary,#1a1a1a)}.stats-grid{gap:var(--space-sm,8px);grid-template-columns:1fr 1fr;display:grid}.stat-card{background:var(--color-surface,#fff);border-radius:var(--radius-md,12px);box-shadow:var(--elevation-low,0px 1px 3px 0px #00000014);padding:var(--space-md,16px);text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.stat-card-value{font-size:var(--font-headingMd,32px);font-weight:var(--font-weightSemibold,600);color:var(--color-primary,#1a237e);line-height:1.1}.stat-card-label{font-size:var(--font-body,18px);color:var(--color-textSecondary,#5c5c5c);font-weight:var(--font-weightMedium,500)}.stats-section{width:100%;max-width:none}.stats-section h2{font-size:var(--font-bodyLarge,20px);font-weight:var(--font-weightSemibold,600);color:var(--color-textPrimary,#1a1a1a);margin-bottom:var(--space-sm,8px)}.advanced-stats-heading{align-items:center;gap:var(--space-sm,8px);display:flex}.advanced-stats-badge{align-items:center;gap:4px;display:inline-flex}.advanced-stats-locked{background:var(--color-surface,#fff);border:1px dashed var(--color-border,#d8d8d8);border-radius:var(--radius-md,12px);padding:var(--space-md,16px);align-items:center;gap:var(--space-sm,8px);text-align:center;flex-direction:column;display:flex}.advanced-stats-locked__text{color:var(--color-textSecondary,#5c5c5c);margin:0}.stats-summary-list{background:var(--color-surface,#fff);border-radius:var(--radius-md,12px);box-shadow:var(--elevation-low,0px 1px 3px 0px #00000014);padding:var(--space-md,16px) var(--space-lg,24px);gap:var(--space-sm,8px);flex-direction:column;list-style:none;display:flex}.stats-summary-list li{font-size:var(--font-body,18px);padding:var(--space-xs,4px) 0;justify-content:space-between;align-items:center;display:flex}.summary-label{color:var(--color-textSecondary,#5c5c5c);font-weight:var(--font-weightRegular,400)}.summary-value{color:var(--color-textPrimary,#1a1a1a);font-weight:var(--font-weightSemibold,600)}.guess-distribution{background:var(--color-surface,#fff);border-radius:var(--radius-md,12px);width:100%;max-width:none;box-shadow:var(--elevation-low,0px 1px 3px 0px #00000014);padding:var(--space-md,16px) var(--space-lg,24px);flex-direction:column;gap:6px;display:flex}.dist-row{align-items:center;gap:var(--space-sm,8px);display:flex}.dist-label{font-size:var(--font-body,18px);font-weight:var(--font-weightSemibold,600);color:var(--color-textPrimary,#1a1a1a);text-align:right;flex-shrink:0;width:16px}.dist-bar-container{background-color:var(--color-surfaceDark,#f0f0f0);border-radius:var(--radius-sm,6px);flex:1;height:24px;overflow:hidden}.dist-bar{background-color:var(--color-primary,#1a237e);border-radius:var(--radius-sm,6px);height:100%;padding-right:var(--space-sm,8px);min-width:20px;transition:width .4s var(--motion-ease-gentle,ease-out);justify-content:flex-end;align-items:center;display:flex}.dist-count{font-size:var(--font-small,14px);font-weight:var(--font-weightSemibold,600);color:#fff;line-height:1}.stats-footer{text-align:center;width:100%;max-width:none;padding:var(--space-sm,8px) 0}.stats-footer p{font-size:var(--font-body,18px);color:var(--color-textTertiary,#8c8c8c)}.collection-screen{padding-top:var(--space-lg,24px);gap:var(--space-lg,24px);max-width:var(--content-max-width,600px);margin:0 auto}.collection-count{font-size:var(--font-body,18px);font-weight:var(--font-weightMedium,500);color:var(--color-textSecondary,#5c5c5c);text-align:center}.collection-grid{gap:var(--space-sm,8px);grid-template-columns:repeat(auto-fill,minmax(90px,1fr));width:100%;max-width:none;display:grid}.collection-card{background:var(--color-surface,#fff);border-radius:var(--radius-md,12px);box-shadow:var(--elevation-low,0px 1px 3px 0px #00000014);padding:var(--space-sm,8px) var(--space-xs,4px);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:72px;display:flex}.collection-word{font-size:var(--font-body,18px);font-weight:var(--font-weightSemibold,600);color:var(--color-textPrimary,#1a1a1a);line-height:1.2}.collection-attempts{font-size:var(--font-caption,12px);color:var(--color-textSecondary,#5c5c5c);line-height:1}.collection-date{color:var(--color-textTertiary,#8c8c8c);font-size:10px;line-height:1}.home-screen .settings-toggle{width:100%;max-width:400px;padding:var(--space-sm,8px) var(--space-md,16px);min-height:var(--touch-minimum,48px);background:0 0;border:none}.home-screen .settings-toggle-label{font-size:var(--font-body,18px);font-weight:var(--font-weightMedium,500);color:var(--color-textPrimary,#1a1a1a)}.difficulty-card{gap:var(--space-sm,8px);flex-direction:column;align-items:stretch;width:100%;display:flex}.difficulty-card .difficulty-card__heading{text-align:center;font-size:var(--font-small,14px);font-weight:var(--font-weightSemibold,600);color:var(--color-textSecondary,#5c5c5c);margin:0}.difficulty-segments{gap:var(--space-xs,4px);padding:var(--space-xs,4px);background:var(--color-surfaceDark,#f0f0f0);border-radius:var(--radius-lg,20px);width:100%;display:flex}.difficulty-segment{align-items:center;gap:var(--space-xs,4px);padding:var(--space-sm,8px) var(--space-xs,4px);min-height:var(--touch-minimum,48px);border-radius:var(--radius-md,12px);color:var(--color-textSecondary,#5c5c5c);font-size:var(--font-small,14px);font-weight:var(--font-weightSemibold,600);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;transition:background-color .15s,color .15s,box-shadow .15s;display:flex}.difficulty-segment:hover:not(.difficulty-segment--selected){color:var(--color-textPrimary,#1a1a1a)}.difficulty-segment--selected{background:var(--color-primary,#1a237e);color:#fff;box-shadow:var(--elevation-low,0px 1px 3px 0px #00000014)}.difficulty-segment:focus-visible{outline:3px solid var(--color-focus,#2563eb);outline-offset:2px}.difficulty-segment__label{line-height:1.3}.difficulty-detail{align-items:center;gap:var(--space-sm,8px);flex-direction:column;max-width:420px;margin:0 auto;display:flex}.difficulty-card .difficulty-detail__desc{font-size:var(--font-small,14px);color:var(--color-textSecondary,#5c5c5c);margin:0;line-height:1.4}.difficulty-impacts{justify-content:center;gap:var(--space-xs,4px) var(--space-sm,8px);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.difficulty-impact{align-items:center;gap:var(--space-xs,4px);background:var(--color-surfaceDark,#f0f0f0);color:var(--color-textSecondary,#5c5c5c);font-size:var(--font-small,14px);font-weight:var(--font-weightMedium,500);border-radius:999px;padding:4px 10px;display:inline-flex}.difficulty-impact--reward{color:var(--color-statusCorrect,#2e7d32);font-weight:var(--font-weightSemibold,600)}.home-nav{gap:var(--space-xs,4px);width:100%;padding:var(--space-xs,4px);background:var(--color-surface,#fff);border-radius:var(--radius-lg,20px);box-shadow:var(--elevation-mid,0px 4px 12px 0px #0000001a);justify-content:center;display:flex}.nav-btn{white-space:nowrap;flex:1;font-size:var(--font-caption,12px)!important;font-weight:var(--font-weightMedium,500)!important;padding:var(--space-sm,8px) var(--space-xs,4px)!important;min-height:var(--touch-preferred,56px)!important;border-radius:var(--radius-md,12px)!important;min-width:auto!important;color:var(--color-textSecondary,#5c5c5c)!important;background:0 0!important;border:none!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:2px!important;display:flex!important}.nav-btn:hover:not(:disabled){background-color:var(--color-surfaceDark,#f0f0f0)!important;color:var(--color-primary,#1a237e)!important}.nav-btn:active:not(:disabled){transform:scale(.96)}.nav-icon{font-size:26px;line-height:1;display:block}.version-badge{justify-content:center;align-items:center;gap:var(--space-sm,8px);width:100%;padding:var(--space-md,16px) 0 var(--space-sm,8px);font-size:var(--font-caption,12px);color:var(--color-textTertiary,#8c8c8c);cursor:default;-webkit-user-select:none;user-select:none;margin-top:auto;display:flex}.version-badge span{font-size:var(--font-caption,12px);color:var(--color-textTertiary,#8c8c8c)}.version-badge-env{background:var(--color-amberGlow,#e651001a);color:var(--color-statusPresent,#e69f00);font-size:10px;font-weight:var(--font-weightSemibold,600);letter-spacing:.04em;border-radius:4px;padding:1px 6px;display:inline-block}.stats-empty{font-size:var(--font-body,18px);color:var(--color-textSecondary,#5c5c5c);text-align:center;padding:var(--space-md,16px)}.home-streak{font-size:var(--font-bodyLarge,20px);font-weight:var(--font-weightMedium,500);color:var(--color-textSecondary,#5c5c5c);text-align:center;margin:0;padding:0}.daily-completed-badge{align-items:center;gap:var(--space-xs,4px);font-size:var(--font-body,18px);font-weight:var(--font-weightMedium,500);color:var(--color-statusCorrect,#2e7d32);background:var(--color-statusCorrectBg,#e8f5e9);padding:var(--space-sm,8px) var(--space-md,16px);border-radius:var(--radius-full,999px);margin-top:var(--space-sm,8px);display:inline-flex}.home-progression{width:100%;max-width:100%;padding:var(--space-md,16px) 0}.premium-badge{font-size:var(--font-caption,12px);font-weight:var(--font-weightSemibold,600);color:var(--color-premium,#5c4f8c);background:var(--color-premiumBg,#ede7f6);padding:2px var(--space-sm,8px);border-radius:var(--radius-sm,6px);text-transform:none;letter-spacing:0;display:inline-block}.progression-bar-container{gap:var(--space-sm,8px);flex-direction:column;width:100%;display:flex}.progression-header{justify-content:space-between;align-items:center;gap:var(--space-sm,8px);font-size:var(--font-body,18px);color:var(--color-textSecondary,#5c5c5c);flex-wrap:wrap;display:flex}.progression-level{font-weight:var(--font-weightSemibold,600);color:var(--color-textPrimary,#1a1a1a)}.progression-xp{font-weight:var(--font-weightMedium,500);font-variant-numeric:tabular-nums}.progression-track{background-color:var(--color-surfaceDark,#f0f0f0);border-radius:var(--radius-full,999px);height:10px;overflow:hidden}.progression-fill{background-color:var(--color-primary,#1a237e);border-radius:var(--radius-full,999px);height:100%;transition:width var(--motion-durationSlow,.6s) var(--motion-ease-standard,ease-out)}.result-achievements{width:100%;max-width:400px}.result-achievements h3{font-size:var(--font-bodyLarge,20px);font-weight:var(--font-weightSemibold,600);margin-bottom:var(--space-sm,8px);color:var(--color-textPrimary,#1a1a1a)}.result-achievement-list{gap:var(--space-sm,8px);flex-direction:column;display:flex}.achievement-badge{align-items:center;gap:var(--space-md,16px);padding:var(--space-sm,8px) var(--space-md,16px);background-color:var(--color-surfaceDark,#f0f0f0);border-radius:var(--radius-md,12px);border:1px solid var(--color-borderLight,#e0e0e0);display:flex}.achievement-new{border-color:var(--color-statusCorrect,#2e7d32);background-color:var(--color-statusCorrectBg,#e8f5e9)}.achievement-icon{text-align:center;flex-shrink:0;width:40px;font-size:32px}.achievement-info{flex-direction:column;gap:2px;min-width:0;display:flex}.achievement-title{font-size:var(--font-body,18px);font-weight:var(--font-weightSemibold,600);color:var(--color-textPrimary,#1a1a1a)}.achievement-desc{font-size:var(--font-small,14px);color:var(--color-textSecondary,#5c5c5c)}.achievement-new-badge{font-size:var(--font-small,14px);font-weight:var(--font-weightSemibold,600);color:var(--color-statusCorrect,#2e7d32);background-color:var(--color-statusCorrectBg,#e8f5e9);border-radius:var(--radius-full,999px);padding:2px var(--space-sm,8px);flex-shrink:0}.achievement-empty{text-align:center;color:var(--color-textSecondary,#5c5c5c);font-size:var(--font-body,18px)}.hardmode-section{padding:var(--space-md,16px) var(--space-lg,24px);align-self:center;width:100%;max-width:480px}@media (min-width:600px){.hardmode-section{max-width:560px}}@media (min-width:900px){.hardmode-section{max-width:640px}}.hardmode-section .settings-toggle{justify-content:space-between;align-items:center;gap:var(--space-md,16px);display:flex}.home-section--modes{padding:var(--space-lg,24px);text-align:left}.admin-layout{min-height:100vh;display:flex}.admin-sidebar{background-color:var(--color-primary,#1a237e);color:#fff;width:260px;padding:var(--space-lg,24px) var(--space-md,16px);flex-direction:column;flex-shrink:0;display:flex}.admin-sidebar-header h1{font-size:var(--font-bodyLarge,20px);font-weight:var(--font-weightSemibold,600);margin-bottom:var(--space-xl,32px);padding-bottom:var(--space-md,16px);border-bottom:1px solid #fff3}.admin-nav-list{flex-direction:column;gap:4px;list-style:none;display:flex}.admin-nav-link{color:#fffc;font-size:var(--font-body,18px);padding:var(--space-sm,8px) var(--space-md,16px);border-radius:var(--radius-md,12px);min-height:var(--touch-minimum,48px);transition:background-color var(--motion-quick,.2s) var(--motion-ease-gentle,ease-out);align-items:center;text-decoration:none;display:flex}.admin-nav-link:hover{color:#fff;background-color:#ffffff4d}.admin-main{padding:var(--space-xl,32px);flex:1;overflow-y:auto}.admin-page-header{margin-bottom:var(--space-xl,32px)}.admin-page-header h1{font-size:var(--font-headingMd,32px);font-weight:var(--font-weightSemibold,600);color:var(--color-textPrimary,#1a1a1a)}.admin-page-header p{font-size:var(--font-body,18px);color:var(--color-textSecondary,#5c5c5c);margin-top:var(--space-sm,8px)}.admin-stats-grid{gap:var(--space-md,16px);margin-bottom:var(--space-xl,32px);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.admin-stat-card{background-color:var(--color-surface,#fff);border-radius:var(--radius-md,12px);box-shadow:var(--elevation-low,0px 1px 3px 0px #00000014);padding:var(--space-lg,24px);text-align:center}.admin-stat-value{font-size:var(--font-headingMd,32px);font-weight:var(--font-weightSemibold,600);color:var(--color-primary,#1a237e)}.admin-stat-label{font-size:var(--font-small,14px);color:var(--color-textSecondary,#5c5c5c);margin-top:4px}.admin-card{background-color:var(--color-surface,#fff);border-radius:var(--radius-md,12px);box-shadow:var(--elevation-low,0px 1px 3px 0px #00000014);padding:var(--space-lg,24px);margin-bottom:var(--space-md,16px)}.admin-card h2{font-size:var(--font-headingSm,24px);font-weight:var(--font-weightSemibold,600);color:var(--color-textPrimary,#1a1a1a);margin-bottom:var(--space-md,16px)}.admin-empty{font-size:var(--font-body,18px);color:var(--color-textSecondary,#5c5c5c);padding:var(--space-lg,24px);text-align:center}.admin-table{border-collapse:collapse;width:100%;font-size:var(--font-body,18px)}.admin-table th{text-align:left;font-weight:var(--font-weightSemibold,600);color:var(--color-textPrimary,#1a1a1a);padding:var(--space-sm,8px) var(--space-md,16px);border-bottom:2px solid var(--color-surfaceDark,#f0f0f0)}.admin-table td{padding:var(--space-sm,8px) var(--space-md,16px);color:var(--color-textPrimary,#1a1a1a);border-bottom:1px solid var(--color-surfaceDark,#f0f0f0)}.admin-badge{padding:2px var(--space-sm,8px);border-radius:var(--radius-sm,6px);font-size:var(--font-small,14px);font-weight:var(--font-weightSemibold,600);display:inline-block}.badge-active{background-color:var(--color-statusCorrectBg,#e8f5e9);color:var(--color-statusCorrect,#2e7d32)}.badge-inactive{background-color:var(--color-surfaceDark,#f0f0f0);color:var(--color-textSecondary,#5c5c5c)}@media (max-width:399px){.app-shell{padding:var(--space-sm,8px)}.game-tile{width:44px;height:44px;font-size:28px}.keyboard-row{gap:4px}.keyboard-key{min-height:var(--touch-minimum,48px);min-width:24px;padding:var(--space-xs,4px) 4px;font-size:var(--font-small,14px)}.home-section,.home-section--modes{padding:var(--space-md,16px)}.mode-card{padding:var(--space-sm,8px) var(--space-md,16px)}}@media (max-width:600px) and (max-height:700px){.game-screen{gap:var(--space-sm,8px)}.game-board,.board-row{gap:6px}.game-tile{width:48px;height:48px;font-size:28px}.multiplayer-disconnect-area{padding:var(--space-sm,8px) var(--space-md,16px);margin-top:0}}@media (min-width:600px){.home-screen{padding-top:var(--space-lg,24px)}}@media (min-width:768px){.app-shell{padding:var(--space-xl,32px)}.game-tile{width:64px;height:64px}.home-section,.home-section--modes{padding:var(--space-xl,32px)}}@media (min-width:1024px){.home-screen{padding-top:var(--space-xl,32px)}}.multiplayer-hub-screen{padding-top:var(--space-xl,32px);gap:var(--space-lg,24px)}.multiplayer-hub-header{text-align:center;gap:var(--space-sm,8px);flex-direction:column;display:flex}.multiplayer-hub-title{font-size:var(--font-headingLg,40px);font-weight:var(--font-weightSemibold,600);color:var(--color-textPrimary,#1a1a1a);margin:0}.multiplayer-hub-subtitle{font-size:var(--font-bodyLarge,20px);color:var(--color-textSecondary,#5c5c5c);margin:0}.multiplayer-option-card{align-items:center;gap:var(--space-md,16px);width:100%;max-width:480px;padding:var(--space-lg,24px);background:var(--color-surface,#fff);border-radius:var(--radius-lg,20px);box-shadow:var(--elevation-low,0px 1px 3px 0px #00000014);cursor:pointer;font-family:var(--font-fontFamily,inherit);text-align:left;min-height:var(--touch-preferred,56px);-webkit-user-select:none;user-select:none;border:none;transition:transform .1s,box-shadow .15s,background .15s;display:flex}.multiplayer-option-card:hover{box-shadow:var(--elevation-mid,0px 4px 12px 0px #0000001a);background:var(--color-surfaceHover,#f5f5f3);transform:translateY(-2px)}.multiplayer-option-card:active{transform:scale(.98)}.multiplayer-option-card:focus-visible{outline:3px solid var(--color-focus,#2563eb);outline-offset:2px}.multiplayer-option-icon{flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:40px;display:flex}.multiplayer-option-content{flex-direction:column;flex:1;gap:4px;display:flex}.multiplayer-option-title{font-size:var(--font-headingSm,24px);font-weight:var(--font-weightSemibold,600);color:var(--color-textPrimary,#1a1a1a);line-height:1.2}.multiplayer-option-desc{font-size:var(--font-body,18px);color:var(--color-textSecondary,#5c5c5c);line-height:1.4}.multiplayer-option-arrow{color:var(--color-textTertiary,#8c8c8c);flex-shrink:0;font-size:24px}.multiplayer-section-title{font-size:var(--font-headingMd,32px);font-weight:var(--font-weightSemibold,600);color:var(--color-textPrimary,#1a1a1a);text-align:center;margin:0}.multiplayer-hint{font-size:var(--font-bodyLarge,20px);color:var(--color-textSecondary,#5c5c5c);text-align:center;max-width:400px;line-height:1.5}.create-room-screen{padding-top:var(--space-xl,32px);gap:var(--space-lg,24px)}.lobby-card{width:100%;max-width:480px;padding:var(--space-lg,24px);align-items:center;gap:var(--space-md,16px);flex-direction:column;display:flex}.lobby-card-title{font-size:var(--font-headingSm,24px);font-weight:var(--font-weightSemibold,600);color:var(--color-textPrimary,#1a1a1a);text-align:center;margin:0}.lobby-field{gap:var(--space-sm,8px);flex-direction:column;width:100%;max-width:480px;display:flex}.lobby-card .lobby-field{max-width:100%}.lobby-name-input{font-family:var(--font-fontFamily,inherit);font-size:var(--font-bodyLarge,20px);color:var(--color-textPrimary,#1a1a1a);background:var(--color-surface,#fff);border:2px solid var(--color-inputBorder,#e0e0e0);border-radius:var(--radius-md,12px);min-height:var(--touch-preferred,56px);width:100%;padding:12px 16px}.lobby-name-input:focus{border-color:var(--color-focus,#2563eb);outline:none;box-shadow:0 0 0 3px #2563eb33}.room-variant-picker{align-items:stretch;gap:var(--space-lg,24px);flex-direction:column;width:100%;max-width:560px;display:flex}.room-variant-intro{align-items:center;gap:var(--space-xs,4px);flex-direction:column;display:flex}.room-variant-subtitle{font-size:var(--font-body,18px);color:var(--color-textSecondary,#5c5c5c);text-align:center;margin:0;line-height:1.4}.room-variant-carousel{width:100%}.room-variant-track{padding:var(--space-sm,8px) var(--space-xs,4px);gap:var(--space-md,16px);scroll-snap-type:x mandatory;scroll-padding-inline:var(--space-md,16px);-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0;list-style:none;display:flex;overflow-x:auto}.room-variant-track::-webkit-scrollbar{display:none}.room-variant-card{scroll-snap-align:center;text-align:center;align-items:center;gap:var(--space-sm,8px);width:clamp(220px,74%,260px);padding:var(--space-lg,24px) var(--space-md,16px);cursor:pointer;border:2px solid #0000;flex-direction:column;flex:none;transition:border-color .15s,box-shadow .15s,transform .1s;display:flex;position:relative}.room-variant-card:hover{background-color:var(--color-surfaceHover,#f5f5f3)}.room-variant-card:active{transform:scale(.99)}.room-variant-card:focus-visible{outline:3px solid var(--color-focus,#2563eb);outline-offset:2px}.room-variant-card--selected,.room-variant-card--selected:hover{border-color:var(--color-primary,#1a237e);background-color:var(--color-surfaceHover,#f5f5f3)}.room-variant-card__icon{background:var(--color-surfaceDark,#f0f0f0);border-radius:var(--radius-md,12px);width:56px;height:56px;color:var(--color-primary,#1a237e);flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:flex}.room-variant-card--selected .room-variant-card__icon{background:var(--color-primary,#1a237e);color:var(--color-surface,#fff)}.room-variant-card__label{font-size:var(--font-bodyLarge,20px);font-weight:var(--font-weightSemibold,600);color:var(--color-textPrimary,#1a1a1a);line-height:1.3}.room-variant-card__desc{font-size:var(--font-body,18px);color:var(--color-textSecondary,#5c5c5c);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.room-variant-card__check{top:var(--space-sm,8px);right:var(--space-sm,8px);border-radius:var(--radius-full,999px);background:var(--color-primary,#1a237e);width:26px;height:26px;color:var(--color-surface,#fff);justify-content:center;align-items:center;display:flex;position:absolute}.carousel-nav{justify-content:center;align-items:center;gap:var(--space-md,16px);display:flex}.carousel-nav__arrow{background:var(--color-surface,#fff);width:44px;height:44px;color:var(--color-primary,#1a237e);border:2px solid var(--color-inputBorder,#e0e0e0);border-radius:var(--radius-full,999px);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .15s,background-color .15s;display:flex}.carousel-nav__arrow:hover:not(:disabled){border-color:var(--color-primary,#1a237e)}.carousel-nav__arrow:focus-visible{outline:3px solid var(--color-focus,#2563eb);outline-offset:2px}.carousel-nav__arrow:disabled{opacity:.4;cursor:not-allowed}.carousel-dots{align-items:center;gap:var(--space-sm,8px);display:flex}.carousel-dot{border-radius:var(--radius-full,999px);background:var(--color-inputBorder,#e0e0e0);width:10px;height:10px;transition:background-color .15s,width .15s}.carousel-dot--active{background:var(--color-primary,#1a237e);width:26px}.room-variant-stepper{justify-content:space-between;align-items:center;gap:var(--space-md,16px);padding:var(--space-sm,8px) var(--space-md,16px);background:var(--color-surfaceDark,#f0f0f0);border-radius:var(--radius-md,12px);display:flex}.room-variant-stepper__label{font-size:var(--font-body,18px);font-weight:var(--font-weightMedium,500);color:var(--color-textPrimary,#1a1a1a)}.room-variant-stepper__control{align-items:center;gap:var(--space-sm,8px);display:flex}.room-variant-stepper__btn{background:var(--color-surface,#fff);width:44px;height:44px;color:var(--color-primary,#1a237e);border:2px solid var(--color-inputBorder,#e0e0e0);border-radius:var(--radius-md,12px);cursor:pointer;justify-content:center;align-items:center;transition:border-color .15s,background-color .15s;display:flex}.room-variant-stepper__btn:hover:not(:disabled){border-color:var(--color-primary,#1a237e)}.room-variant-stepper__btn:focus-visible{outline:3px solid var(--color-focus,#2563eb);outline-offset:2px}.room-variant-stepper__btn:disabled{opacity:.4;cursor:not-allowed}.room-variant-stepper__value{text-align:center;min-width:2ch;font-size:var(--font-headingSm,24px);font-weight:var(--font-weightSemibold,600);color:var(--color-textPrimary,#1a1a1a);font-variant-numeric:tabular-nums}.room-code-block{align-items:center;gap:var(--space-sm,8px);flex-direction:column;display:flex}.room-code-label{font-size:var(--font-body,18px);color:var(--color-textSecondary,#5c5c5c);font-weight:var(--font-weightMedium,500)}.room-code-tiles{justify-content:center;align-items:center;gap:var(--space-sm,8px);flex-wrap:wrap;display:flex}.room-code-tile{width:52px;height:60px;font-size:32px;font-weight:var(--font-weightSemibold,600);text-transform:uppercase;color:var(--color-primary,#1a237e);background:var(--color-premiumBg,#ede7f6);border-radius:var(--radius-md,12px);box-shadow:var(--elevation-low,0px 1px 3px 0px #00000014);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex}.room-code-tile--group{margin-left:var(--space-sm,8px)}@media (max-width:480px){.room-code-tile{width:42px;height:50px;font-size:26px}.room-code-tiles{gap:6px}.room-code-tile--group{margin-left:6px}}.qr-code-container{padding:var(--space-md,16px);border-radius:var(--radius-lg,20px);box-shadow:var(--elevation-low,0px 1px 3px 0px #00000014);background:#fff;justify-content:center;align-items:center;display:flex}.qr-code-image{width:240px;height:240px;display:block}.qr-code-fallback{background:var(--color-surfaceDark,#f0f0f0);border-radius:var(--radius-md,12px);justify-content:center;align-items:center;width:240px;height:240px;display:flex}.qr-code-fallback-text{font-size:28px;font-weight:var(--font-weightSemibold,600);text-align:center;color:var(--color-textPrimary,#1a1a1a);line-height:1.3}.room-share-hint{font-size:var(--font-bodyLarge,20px);color:var(--color-textSecondary,#5c5c5c);text-align:center;max-width:420px;line-height:1.5}.room-actions{gap:var(--space-sm,8px);flex-direction:column;width:100%;max-width:480px;display:flex}.room-actions .btn{gap:var(--space-sm,8px)}.room-actions--row{flex-direction:row}.room-actions--row .btn{padding-left:var(--space-md,16px);padding-right:var(--space-md,16px);flex:1}@media (max-width:480px){.room-actions--row{flex-direction:column}}.lobby-players{align-items:stretch}.lobby-players .lobby-card-title{text-align:left}.lobby-player-list{gap:var(--space-sm,8px);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.lobby-player{align-items:center;gap:var(--space-md,16px);padding:var(--space-sm,8px) var(--space-md,16px);background:var(--color-background,#fafaf8);border-radius:var(--radius-md,12px);min-height:var(--touch-preferred,56px);animation:lobby-player-in var(--motion-normal,.3s) var(--motion-ease-gentle,ease-out) both;display:flex}@keyframes lobby-player-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.lobby-player-avatar{border-radius:var(--radius-full,999px);width:40px;height:40px;font-size:var(--font-body,18px);font-weight:var(--font-weightSemibold,600);text-transform:uppercase;flex-shrink:0;justify-content:center;align-items:center;display:flex}.lobby-player-avatar--1{background:var(--color-premiumBg,#ede7f6);color:var(--color-premium,#5c4f8c)}.lobby-player-avatar--2{background:var(--color-statusPresentBg,#fff3e0);color:var(--color-statusPresent,#e65100)}.lobby-player-avatar--3{background:var(--color-statusCorrectBg,#e8f5e9);color:var(--color-statusCorrect,#2e7d32)}.lobby-player-avatar--4{background:var(--color-statusInfoBg,#e3f2fd);color:var(--color-statusInfo,#1565c0)}.lobby-player-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--font-bodyLarge,20px);font-weight:var(--font-weightMedium,500);color:var(--color-textPrimary,#1a1a1a);flex:1;overflow:hidden}.lobby-player-host{font-size:var(--font-small,14px);font-weight:var(--font-weightSemibold,600);color:var(--color-premium,#5c4f8c);background:var(--color-premiumBg,#ede7f6);border-radius:var(--radius-full,999px);flex-shrink:0;align-items:center;gap:4px;padding:4px 10px;display:inline-flex}.lobby-player-pill{font-size:var(--font-small,14px);font-weight:var(--font-weightMedium,500);border-radius:var(--radius-full,999px);flex-shrink:0;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.lobby-player-pill--online{color:var(--color-statusCorrect,#2e7d32);background:var(--color-statusCorrectBg,#e8f5e9)}.lobby-player-pill--offline{color:var(--color-statusAbsent,#757575);background:var(--color-statusAbsentBg,#eee)}.lobby-player-pill--left{color:var(--color-statusAbsent,#757575);background:var(--color-statusAbsentBg,#eee);text-decoration:line-through}.lobby-player-dot{border-radius:var(--radius-full,999px);background:currentColor;width:8px;height:8px}.lobby-player-pill--online .lobby-player-dot{animation:2s ease-in-out infinite lobby-dot-pulse}@keyframes lobby-dot-pulse{0%,to{opacity:1}50%{opacity:.35}}.lobby-player--empty{border:2px dashed var(--color-inputBorder,#e0e0e0);background:0 0}.lobby-player-avatar--empty{background:var(--color-surfaceDark,#f0f0f0);color:var(--color-textTertiary,#8c8c8c)}.lobby-player-waiting{font-size:var(--font-body,18px);color:var(--color-textSecondary,#5c5c5c);align-items:center;display:inline-flex}.lobby-wait-dots{gap:3px;margin-left:6px;display:inline-flex}.lobby-wait-dots span{border-radius:var(--radius-full,999px);background:var(--color-textSecondary,#5c5c5c);opacity:.4;width:6px;height:6px;animation:1.4s ease-in-out infinite lobby-dot-wave}.lobby-wait-dots span:nth-child(2){animation-delay:.2s}.lobby-wait-dots span:nth-child(3){animation-delay:.4s}@keyframes lobby-dot-wave{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.lobby-waiting-note{align-items:center;gap:var(--space-sm,8px);font-size:var(--font-bodyLarge,20px);color:var(--color-textSecondary,#5c5c5c);text-align:center;margin:0;display:inline-flex}.lobby-loading{gap:var(--space-md,16px);flex-direction:column}.lobby-spinner{color:var(--color-primary,#1a237e);animation:1.2s linear infinite lobby-spin;display:inline-flex}@keyframes lobby-spin{to{transform:rotate(360deg)}}.lobby-cta{max-width:480px}.join-room-screen{padding-top:var(--space-xl,32px);gap:var(--space-lg,24px)}.join-code-label{font-size:var(--font-bodyLarge,20px);font-weight:var(--font-weightSemibold,600);color:var(--color-textPrimary,#1a1a1a)}.join-code-input{font-family:var(--font-fontFamily,inherit);font-size:36px;font-weight:var(--font-weightSemibold,600);color:var(--color-textPrimary,#1a1a1a);background:var(--color-surface,#fff);border:2px solid var(--color-textTertiary,#8c8c8c);border-radius:var(--radius-md,12px);text-align:center;letter-spacing:.2em;text-transform:uppercase;min-height:var(--touch-preferred,56px);width:100%;padding:16px 20px}.join-code-input:focus{border-color:var(--color-focus,#2563eb);outline:none;box-shadow:0 0 0 3px #2563eb33}.join-code-input::placeholder{color:var(--color-textTertiary,#8c8c8c);letter-spacing:.1em;font-size:24px}.join-code-hint{font-size:var(--font-body,18px);color:var(--color-textSecondary,#5c5c5c);text-align:center;line-height:1.5}.join-scan-section{text-align:center;width:100%;max-width:480px;padding:var(--space-md,16px);background:var(--color-surfaceDark,#f0f0f0);border-radius:var(--radius-md,12px)}.join-scan-hint{font-size:var(--font-body,18px);color:var(--color-textSecondary,#5c5c5c);margin-bottom:var(--space-sm,8px)}.join-scan-note{font-size:var(--font-small,14px);color:var(--color-textTertiary,#8c8c8c)}.pass-and-play-screen{padding-top:var(--space-xl,32px);gap:var(--space-lg,24px)}.passplay-name-inputs{gap:var(--space-md,16px);flex-direction:column;width:100%;max-width:400px;display:flex}.passplay-name-label{gap:var(--space-sm,8px);font-size:var(--font-bodyLarge,20px);font-weight:var(--font-weightSemibold,600);color:var(--color-textPrimary,#1a1a1a);flex-direction:column;display:flex}.passplay-name-input{font-family:var(--font-fontFamily,inherit);font-size:var(--font-bodyLarge,20px);color:var(--color-textPrimary,#1a1a1a);background:var(--color-surface,#fff);border:2px solid var(--color-textTertiary,#8c8c8c);border-radius:var(--radius-md,12px);min-height:var(--touch-preferred,56px);width:100%;padding:12px 16px}.passplay-name-input:focus{border-color:var(--color-focus,#2563eb);outline:none;box-shadow:0 0 0 3px #2563eb33}.passplay-handover{text-align:center;justify-content:center;min-height:70dvh}.passplay-handover-title{font-size:var(--font-headingLg,40px);font-weight:var(--font-weightSemibold,600);color:var(--color-textPrimary,#1a1a1a);margin:0}.passplay-handover-icon{font-size:80px;line-height:1}.passplay-handover-message{font-size:var(--font-bodyLarge,20px);color:var(--color-textSecondary,#5c5c5c);max-width:380px;margin:0 auto;line-height:1.6}.passplay-handover-next{font-size:var(--font-headingSm,24px);font-weight:var(--font-weightSemibold,600);color:var(--color-primary,#1a237e);margin:0}.passplay-results{padding-top:var(--space-xl,32px);gap:var(--space-lg,24px)}.passplay-winner{text-align:center;padding:var(--space-md,16px)}.passplay-winner-text{font-size:var(--font-headingMd,32px);font-weight:var(--font-weightSemibold,600);color:var(--color-primary,#1a237e);animation:xp-pop .4s var(--motion-ease-bouncy,ease-out);margin:0}.passplay-result-card{width:100%;max-width:400px;padding:var(--space-lg,24px);background:var(--color-surface,#fff);border-radius:var(--radius-md,12px);box-shadow:var(--elevation-low,0px 1px 3px 0px #00000014);gap:var(--space-sm,8px);flex-direction:column;display:flex}.passplay-result-card h2{font-size:var(--font-headingSm,24px);font-weight:var(--font-weightSemibold,600);color:var(--color-textPrimary,#1a1a1a);margin:0}.passplay-result-card p{font-size:var(--font-bodyLarge,20px);color:var(--color-textSecondary,#5c5c5c);margin:0}.passplay-hints{font-size:var(--font-body,18px)!important;color:var(--color-textTertiary,#8c8c8c)!important}.passplay-result-actions{gap:var(--space-md,16px);flex-wrap:wrap;justify-content:center;width:100%;max-width:400px;display:flex}.passplay-answer-reveal{text-align:center;width:100%;max-width:400px;padding:var(--space-md,16px);background:var(--color-surfaceDark,#f0f0f0);border-radius:var(--radius-md,12px);font-size:var(--font-bodyLarge,20px);font-weight:var(--font-weightMedium,500);color:var(--color-textPrimary,#1a1a1a)}.error-text{font-size:var(--font-body,18px);color:var(--color-danger,#c62828);text-align:center;margin:0}.multiplayer-presence-banner{align-items:flex-start;gap:var(--space-sm,8px);padding:var(--space-md,12px) var(--space-md,16px);margin:0 var(--space-md,16px);background:var(--color-warningBg,#fff8e1);border-radius:var(--radius-md,12px);border-left:4px solid var(--color-warning,#f9a825);display:flex}.multiplayer-presence-banner p{font-size:var(--font-body,18px);color:var(--color-textPrimary,#1a1a1a);text-align:center;flex:1;margin:0;line-height:1.5}.multiplayer-instructions{align-items:flex-start;gap:var(--space-sm,8px);padding:var(--space-md,12px) var(--space-md,16px);margin:0 var(--space-md,16px);background:var(--color-surfaceDark,#f0f0f0);border-radius:var(--radius-md,12px);border-left:4px solid var(--color-primary,#1a237e);display:flex}.multiplayer-instructions p{font-size:var(--font-body,18px);color:var(--color-textPrimary,#1a1a1a);text-align:center;flex:1;margin:0;line-height:1.5}.shared-clock-banner{align-items:center;gap:var(--space-sm,8px);padding:var(--space-xs,6px) var(--space-md,16px);background:var(--color-surfaceDark,#f0f0f0);border-radius:var(--radius-pill,999px);color:var(--color-textPrimary,#1a1a1a);font-variant-numeric:tabular-nums;align-self:center;margin:0 auto;display:inline-flex}.shared-clock-banner__time{font-size:var(--font-h3,22px);letter-spacing:.02em;font-weight:700}.shared-clock-banner--up{background:var(--color-statusAbsent,#c62828);color:#fff}.wave-banner{align-items:center;gap:var(--space-sm,8px);padding:var(--space-xs,6px) var(--space-md,16px);border-radius:var(--radius-pill,999px);color:#fff;align-self:center;margin:0 auto;font-weight:700;display:inline-flex}.wave-banner__time{font-variant-numeric:tabular-nums;opacity:.85}.wave-banner--frenzy{background:var(--color-statusAbsent,#c62828)}.wave-banner--fog{background:var(--color-textSecondary,#5f6368)}.wave-banner--mirror{background:var(--color-premium,#5c4f8c)}.game-board--fog{filter:grayscale();transition:filter .2s}.game-board--mirror{transition:transform .2s;transform:scaleX(-1)}.sabotage-bar{justify-content:center;align-items:center;gap:var(--space-sm,8px);flex-wrap:wrap;align-self:center;margin:0 auto;display:flex}.sabotage-bar__incoming{padding:var(--space-xs,6px) var(--space-md,16px);border-radius:var(--radius-pill,999px);color:#fff;background:var(--color-statusAbsent,#c62828);font-weight:700}.sabotage-bar__throw{align-items:center;gap:var(--space-xs,6px);display:inline-flex}.sabotage-bar__tokens{color:var(--color-textSecondary,#5f6368);font-weight:700}.sabotage-bar__btn{padding:var(--space-xs,6px) var(--space-sm,12px);border-radius:var(--radius-pill,999px);background:var(--color-premium,#5c4f8c);color:#fff;cursor:pointer;border:none;font-weight:600}.sabotage-bar__btn:hover{filter:brightness(1.08)}.garden-progress{align-items:center;gap:var(--space-xs,6px);flex-direction:column;align-self:center;width:100%;max-width:320px;display:flex}.garden-progress__label{color:var(--color-textPrimary,#1a1a1a);font-weight:700}.garden-progress__bar{border-radius:var(--radius-pill,999px);background:var(--color-surfaceDark,#f0f0f0);width:100%;height:10px;overflow:hidden}.garden-progress__fill{border-radius:var(--radius-pill,999px);background:var(--color-statusCorrect,#2e7d32);height:100%;transition:width .3s;display:block}.whispers-chain{align-items:center;gap:var(--space-sm,8px);width:100%;max-width:var(--content-max-width,600px);flex-direction:column;display:flex}.whispers-chain__title{font-size:var(--font-headingSm,24px);font-weight:var(--font-weightSemibold,600);color:var(--color-textPrimary,#1a1a1a);margin:0}.whispers-chain__list{justify-content:center;align-items:center;gap:var(--space-xs,6px);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.whispers-chain__step{align-items:center;gap:var(--space-xs,6px);display:inline-flex}.whispers-chain__word{padding:var(--space-xs,6px) var(--space-md,16px);border-radius:var(--radius-pill,999px);background:var(--color-surface,#fff);box-shadow:var(--elevation-low,0px 1px 3px 0px #00000014);letter-spacing:.04em;font-weight:700}.whispers-chain__arrow{color:var(--color-textSecondary,#5c5c5c)}.translate-prompt-banner{margin:0 auto var(--space-sm,8px);padding:var(--space-xs,6px) var(--space-md,16px);background:var(--color-surfaceDark,#f0f0f0);border-radius:var(--radius-pill,999px);color:var(--color-textPrimary,#1a1a1a);text-align:center;align-self:center}.translate-prompt-banner__prefix{font-size:var(--font-body,16px);color:var(--color-textSecondary,#555)}.translate-prompt-banner__word{font-size:var(--font-h3,22px);font-weight:700}.multiplayer-result-screen{padding-top:var(--space-xl,32px);text-align:center;gap:var(--space-lg,24px)}.multiplayer-result-answer{flex-direction:column;align-items:center;gap:4px;display:flex}.multiplayer-result-word{font-size:var(--font-headingMd,32px);font-weight:var(--font-weightSemibold,600);letter-spacing:.15em;color:var(--color-textPrimary,#1a1a1a)}.multiplayer-result-winner{flex-direction:column;align-items:center;display:flex}.multiplayer-result-winner-text{font-size:var(--font-headingMd,32px);font-weight:var(--font-weightSemibold,600);color:var(--color-textPrimary,#1a1a1a);margin:0;line-height:1.2}.multiplayer-result-cards{gap:var(--space-md,16px);width:100%;max-width:var(--content-max-width,600px);flex-wrap:wrap;justify-content:center;display:flex}.multiplayer-result-card{align-items:center;gap:var(--space-xs,6px);max-width:280px;padding:var(--space-lg,24px) var(--space-md,16px);background-color:var(--color-surface,#fff);border-radius:var(--radius-md,12px);box-shadow:var(--elevation-low,0px 1px 3px 0px #00000014);flex-direction:column;flex:220px;display:flex}.multiplayer-result-card--you{box-shadow:0 0 0 2px var(--color-primary,#1a237e), var(--elevation-mid,0px 4px 12px 0px #0000001a)}.multiplayer-result-card-name{font-size:var(--font-headingSm,24px);font-weight:var(--font-weightSemibold,600);color:var(--color-textPrimary,#1a1a1a);margin:0}.multiplayer-result-card-stat{font-size:var(--font-bodyLarge,20px);color:var(--color-textSecondary,#5c5c5c);margin:0}.multiplayer-result-card-hints{font-size:var(--font-small,14px);color:var(--color-textSecondary,#5c5c5c);margin:0}.multiplayer-standings{align-items:center;gap:var(--space-md,16px);width:100%;max-width:var(--content-max-width,600px);flex-direction:column;display:flex}.multiplayer-standings-title{font-size:var(--font-headingSm,24px);font-weight:var(--font-weightSemibold,600);color:var(--color-textPrimary,#1a1a1a);margin:0}.multiplayer-standings-list{gap:var(--space-sm,8px);flex-direction:column;width:100%;margin:0;padding:0;list-style:none;display:flex}.multiplayer-standings-row{align-items:center;gap:var(--space-md,16px);padding:var(--space-md,16px);background-color:var(--color-surface,#fff);border-radius:var(--radius-md,12px);box-shadow:var(--elevation-low,0px 1px 3px 0px #00000014);display:flex}.multiplayer-standings-row--you{box-shadow:0 0 0 2px var(--color-primary,#1a237e), var(--elevation-mid,0px 4px 12px 0px #0000001a)}.multiplayer-standings-rank{min-width:2.75em;font-size:var(--font-bodyLarge,20px);font-weight:var(--font-weightSemibold,600);color:var(--color-textPrimary,#1a1a1a);flex:none}.multiplayer-standings-name{min-width:0;font-size:var(--font-body,16px);font-weight:var(--font-weightSemibold,600);color:var(--color-textPrimary,#1a1a1a);flex:auto}.multiplayer-standings-score{font-size:var(--font-body,16px);font-weight:var(--font-weightSemibold,600);color:var(--color-primary,#1a237e);flex:none}.multiplayer-standings-rounds{font-size:var(--font-small,14px);color:var(--color-textSecondary,#5c5c5c);flex:none}.multiplayer-result-actions{gap:var(--space-md,16px);margin-top:var(--space-sm,8px);flex-wrap:wrap;justify-content:center;display:flex}.multiplayer-result-collective{margin:var(--space-sm,8px) 0 0;font-size:var(--font-h3,22px);text-align:center;color:var(--color-textPrimary,#1a1a1a);font-weight:700}.mp-instructions-dismiss{border-radius:var(--radius-full,999px);width:36px;height:36px;color:var(--color-textTertiary,#8c8c8c);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin:-4px -6px -4px 0;padding:0;transition:background .15s,color .15s;display:inline-flex}.mp-instructions-dismiss:hover{color:var(--color-textPrimary,#1a1a1a);background:#0000000f}@media (max-width:480px){.multiplayer-instructions{padding:var(--space-sm,8px) var(--space-sm,8px) var(--space-sm,8px) var(--space-md,16px);margin:0}.multiplayer-instructions p{font-size:var(--font-small,14px);text-align:left;line-height:1.4}}.mode-help{align-items:flex-start;gap:var(--space-sm,8px);padding:var(--space-md,12px) var(--space-md,16px);margin:0 var(--space-md,16px);background:var(--color-surfaceDark,#f0f0f0);border-radius:var(--radius-md,12px);border-left:4px solid var(--color-focus,#2563eb);display:flex}.reverse-target{align-items:center;gap:var(--space-xs,4px);flex-direction:column;display:flex}.reverse-target__label{font-size:var(--font-bodySm,14px);color:var(--color-textSecondary,#5c5c5c)}.reverse-target__pattern{font-size:var(--font-headingSm,24px);letter-spacing:2px}.mode-help__icon{color:var(--color-focus,#2563eb);flex-shrink:0;display:inline-flex}.mode-help__desc{font-size:var(--font-body,18px);color:var(--color-textPrimary,#1a1a1a);flex:1;margin:0;line-height:1.5}.mode-help__dismiss{border-radius:var(--radius-full,999px);width:36px;height:36px;color:var(--color-textTertiary,#8c8c8c);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin:-4px -6px -4px 0;padding:0;transition:background .15s,color .15s;display:inline-flex}.mode-help__dismiss:hover{color:var(--color-textPrimary,#1a1a1a);background:#0000000f}@media (max-width:480px){.mode-help{padding:var(--space-sm,8px) var(--space-sm,8px) var(--space-sm,8px) var(--space-md,16px);margin:0}.mode-help__desc{font-size:var(--font-small,14px);line-height:1.4}}.multiplayer-disconnect-area{padding:var(--space-lg,24px) var(--space-md,16px);margin-top:var(--space-md,16px);justify-content:center;display:flex}.multiplayer-disconnect-area .btn{min-width:200px;min-height:48px;font-size:var(--font-body,18px)}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;justify-content:center;align-items:flex-end;animation:.2s ease-out modal-fade-in;display:flex;position:fixed;inset:0}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-dialog{background:var(--color-background,#fafaf8);border-radius:var(--radius-xl,28px) var(--radius-xl,28px) 0 0;width:100%;max-height:90dvh;box-shadow:var(--elevation-float,0px 16px 48px 0px #0000002e);animation:modal-slide-up .3s var(--motion-ease-gentle,ease-out);outline:none;flex-direction:column;display:flex;overflow:hidden}@keyframes modal-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (min-width:600px){.modal-backdrop{align-items:center}.modal-dialog{border-radius:var(--radius-xl,28px);max-width:640px;max-height:85dvh;margin:var(--space-lg,24px);animation:modal-scale-in .25s var(--motion-ease-gentle,ease-out)}@keyframes modal-scale-in{0%{opacity:0;transform:scale(.95)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}}@media (min-width:900px){.modal-dialog{max-width:760px}}.modal-header{padding:var(--space-lg,24px) var(--space-lg,24px) var(--space-md,16px);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--font-headingSm,24px);font-weight:var(--font-weightSemibold,600);color:var(--color-textPrimary,#1a1a1a);margin:0}.modal-close-btn{width:var(--touch-preferred,56px);height:var(--touch-preferred,56px);border-radius:var(--radius-md,12px);background:var(--color-surfaceDark,#f0f0f0);color:var(--color-textSecondary,#5c5c5c);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:24px;transition:background .15s,color .15s;display:inline-flex}.modal-close-btn:hover{background:var(--color-textPrimary,#1a1a1a);color:#fff}.modal-close-btn:active{transform:scale(.95)}.modal-body{padding:0 var(--space-lg,24px) var(--space-xl,32px);-webkit-overflow-scrolling:touch;flex:1;overflow:hidden auto}.modal-subtitle{font-size:var(--font-body,18px);color:var(--color-textSecondary,#5c5c5c);margin:0 0 var(--space-lg,24px);line-height:var(--font-lineBody,1.5)}.whats-new-dialog{max-width:480px}.signin-dialog{background:var(--color-background,#fafaf8);border-radius:var(--radius-xl,28px) var(--radius-xl,28px) 0 0;width:100%;max-width:460px;max-height:90dvh;box-shadow:var(--elevation-float,0px 16px 48px 0px #0000002e);border:none;outline:none;flex-direction:column;margin:auto auto 0;padding:0;display:flex;overflow:hidden}.signin-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006}@media (min-width:600px){.signin-dialog{border-radius:var(--radius-xl,28px);max-height:85dvh;margin:auto}}.whats-new-list{margin:0 0 var(--space-lg,24px);padding-left:var(--space-lg,24px);gap:var(--space-sm,8px);font-size:var(--font-body,18px);line-height:var(--font-lineBody,1.5);flex-direction:column;display:flex}.home-more-modes-btn{justify-content:center;align-items:center;gap:var(--space-sm,8px);width:100%;font-size:var(--font-bodyLarge,20px);min-height:var(--touch-preferred,56px);background:var(--color-premiumBg,#ede7f6);color:var(--color-primary,#1a237e);border-radius:var(--radius-lg,20px);box-shadow:var(--elevation-low,0px 1px 3px 0px #00000014);cursor:pointer;border:none;transition:background .15s,transform .1s;display:inline-flex}.home-more-modes-btn:hover{background:var(--color-primaryLight,#534bae);color:#fff}.home-more-modes-btn:active{transform:scale(.98)}[data-reduced-motion=true] .modal-backdrop,[data-reduced-motion=true] .modal-dialog{animation:none}.season-backdrop{pointer-events:none;z-index:-1;position:fixed;inset:0;overflow:hidden}.season-backdrop__field{filter:blur(80px);opacity:.35;border-radius:50%;width:60vmax;height:60vmax;animation:60s ease-in-out infinite alternate season-drift;position:absolute}.season-backdrop__field--a{top:-20vmax;left:-15vmax}.season-backdrop__field--b{animation-delay:-30s;bottom:-25vmax;right:-15vmax}@keyframes season-drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(6vmax,4vmax)scale(1.15)}}.season-backdrop--summer .season-backdrop__field--a{background:radial-gradient(circle,#ffd66680,#0000 70%)}.season-backdrop--summer .season-backdrop__field--b{background:radial-gradient(circle,#81c7f573,#0000 70%)}.season-backdrop--autumn .season-backdrop__field--a{background:radial-gradient(circle,#e67e2266,#0000 70%)}.season-backdrop--autumn .season-backdrop__field--b{background:radial-gradient(circle,#c0392b4d,#0000 70%)}.season-backdrop--winter .season-backdrop__field--a{background:radial-gradient(circle,#aed6f173,#0000 70%)}.season-backdrop--winter .season-backdrop__field--b{background:radial-gradient(circle,#d5dbe666,#0000 70%)}.season-backdrop--spring .season-backdrop__field--a{background:radial-gradient(circle,#a3d9a573,#0000 70%)}.season-backdrop--spring .season-backdrop__field--b{background:radial-gradient(circle,#ffe0b266,#0000 70%)}[data-reduced-motion=true] .season-backdrop__field{animation:none}.season-scene{height:38vh;color:var(--color-textSecondary,#5c5c5c);--scene-accent:var(--color-primaryLight,#534bae);opacity:min(var(--scene-opacity,.18), .5);transition:opacity var(--motion-normal,.3s) ease;position:absolute;inset:auto 0 0}.season-scene svg{width:100%;height:100%;display:block}.season-backdrop__scrim{background:var(--color-background,#fafaf8);opacity:.35;position:absolute;inset:0}.season-pattern{transition:opacity var(--motion-normal,.3s) ease;position:absolute;inset:0}.season-pattern__particle{top:-8vh;left:var(--p-left,50%);background:color-mix(in srgb, var(--color-textSecondary,#5c5c5c) 35%, transparent);width:10px;height:10px;opacity:calc(.15 + .5 * var(--pattern-intensity,.5));transform:scale(var(--p-scale,1));animation:season-fall var(--p-duration,20s) linear var(--p-delay,0s) infinite;border-radius:50%;position:absolute}@keyframes season-fall{0%{transform:translate3d(0, 0, 0) scale(var(--p-scale,1)) rotate(0deg)}to{transform:translate3d(var(--p-sway,2vw), 120vh, 0) scale(var(--p-scale,1)) rotate(200deg)}}.season-pattern--snow .season-pattern__particle{background:color-mix(in srgb, var(--color-textSecondary,#5c5c5c) 40%, transparent);filter:blur(1px)}.season-pattern--falling-leaves .season-pattern__particle{background:#b15e2a73;border-radius:0 50% 50%;width:14px;height:14px}.season-pattern--petals .season-pattern__particle{background:#d98aa873;border-radius:50% 50% 50% 0;width:11px;height:11px}.season-pattern--soft-rain .season-pattern__particle{background:color-mix(in srgb, var(--color-primaryLight,#534bae) 35%, transparent);border-radius:2px;width:2px;height:14px;animation-name:season-rain}@keyframes season-rain{0%{transform:translate3d(0, 0, 0) scale(var(--p-scale,1))}to{transform:translate3d(calc(var(--p-sway,2vw) * .25), 120vh, 0) scale(var(--p-scale,1))}}.season-pattern--sun-rays .season-pattern__particle{filter:blur(40px);width:80vmax;height:80vmax;opacity:calc(.1 + .3 * var(--pattern-intensity,.5));animation:season-glow var(--p-duration,50s) ease-in-out var(--p-delay,0s) infinite alternate;background:radial-gradient(circle,#ffd6668c,#0000 65%);border-radius:50%;top:-30vmax;left:auto;right:-30vmax}.season-pattern--sun-rays .season-pattern__particle:nth-child(2){width:55vmax;height:55vmax}.season-pattern--sun-rays .season-pattern__particle:nth-child(3){background:radial-gradient(circle,#ffecb399,#0000 65%);width:32vmax;height:32vmax}@keyframes season-glow{0%{transform:scale(1)}to{transform:scale(1.12)}}.season-pattern--ocean-waves .season-pattern__particle{background:color-mix(in srgb, var(--color-primaryLight,#534bae) 22%, transparent);width:150vw;height:16vh;opacity:calc(.15 + .4 * var(--pattern-intensity,.5));animation:season-wave var(--p-duration,40s) ease-in-out var(--p-delay,0s) infinite alternate;border-radius:45%;top:auto;left:-25vw}.season-pattern--ocean-waves .season-pattern__particle:first-child{bottom:-12vh}.season-pattern--ocean-waves .season-pattern__particle:nth-child(2){opacity:calc(.1 + .3 * var(--pattern-intensity,.5));bottom:-9vh}.season-pattern--ocean-waves .season-pattern__particle:nth-child(3){opacity:calc(.05 + .2 * var(--pattern-intensity,.5));bottom:-6vh}@keyframes season-wave{0%{transform:translate(-5vw)}to{transform:translate(5vw)}}.season-pattern--static .season-pattern__particle{animation:none}.season-pattern--fall.season-pattern--static .season-pattern__particle{top:var(--p-top,40%)}.season-pattern--ocean-waves.season-pattern--static .season-pattern__particle{bottom:auto}.season-pattern--ocean-waves.season-pattern--static .season-pattern__particle:first-child{bottom:8vh}.season-pattern--ocean-waves.season-pattern--static .season-pattern__particle:nth-child(2){bottom:4vh}.season-pattern--ocean-waves.season-pattern--static .season-pattern__particle:nth-child(3){bottom:0}.season-pattern--sun-rays.season-pattern--static .season-pattern__particle{top:-5vmax;right:-5vmax}.season-pattern--sun-rays.season-pattern--static .season-pattern__particle:nth-child(2){top:-2vmax;right:-8vmax}.season-pattern--sun-rays.season-pattern--static .season-pattern__particle:nth-child(3){top:2vmax;right:-4vmax}@media (prefers-reduced-motion:reduce){.season-pattern__particle{animation:none}.season-pattern--fall .season-pattern__particle{top:var(--p-top,40%)}.season-pattern--ocean-waves .season-pattern__particle{bottom:auto}.season-pattern--ocean-waves .season-pattern__particle:first-child{bottom:8vh}.season-pattern--ocean-waves .season-pattern__particle:nth-child(2){bottom:4vh}.season-pattern--ocean-waves .season-pattern__particle:nth-child(3){bottom:0}.season-pattern--sun-rays .season-pattern__particle{top:-5vmax;right:-5vmax}.season-pattern--sun-rays .season-pattern__particle:nth-child(2){top:-2vmax;right:-8vmax}.season-pattern--sun-rays .season-pattern__particle:nth-child(3){top:2vmax;right:-4vmax}}[data-high-contrast=true] .season-scene{opacity:calc(min(var(--scene-opacity,.18), .5) * .5)}[data-high-contrast=true] .season-pattern{opacity:.5}[data-gameplay=true] .season-scene{opacity:calc(min(var(--scene-opacity,.18), .5) * .5)}[data-gameplay=true] .season-pattern{opacity:.4}.theme-picker{gap:var(--space-sm,8px);flex-wrap:wrap;display:flex}.theme-option{align-items:center;gap:var(--space-sm,8px);min-height:var(--touch-minimum,48px);padding:var(--space-sm,8px) var(--space-md,16px);border-radius:var(--radius-md,12px);background:var(--color-surface,#fff);color:var(--color-textPrimary,#1a1a1a);font-size:var(--font-body,18px);cursor:pointer;box-shadow:var(--elevation-low,0px 1px 3px 0px #00000014);border:none;transition:box-shadow .15s;display:inline-flex}.theme-option--selected{box-shadow:0 0 0 3px var(--color-focus,#2563eb), var(--elevation-low,0px 1px 3px 0px #00000014)}.theme-option--locked{opacity:.55;cursor:default}.theme-option__lock{color:var(--color-textSecondary,#5c5c5c);display:flex}.theme-swatch{border-radius:var(--radius-sm,6px);flex-shrink:0;width:28px;height:28px;box-shadow:inset 0 0 0 1px #0000001f}.theme-swatch--light{background:linear-gradient(135deg,#fafaf8 50%,#fff 50%)}.theme-swatch--hav{background:linear-gradient(135deg,#f0f5f7 50%,#aec6d4 50%)}.theme-swatch--dark{background:linear-gradient(135deg,#000 50%,#2a2a2a 50%)}.settings-theme-note{margin-top:var(--space-sm,8px)}.paywall-dialog .modal-body{gap:var(--space-md,16px);flex-direction:column;display:flex}.paywall-expired-notice{padding:var(--space-sm,8px) var(--space-md,16px);background:var(--color-premiumBg,#ede7f6);color:var(--color-textPrimary,#1a1a1a);border-left:4px solid var(--color-premium,#5c4f8c);border-radius:var(--radius-sm,6px)}.paywall-benefits{gap:var(--space-sm,8px);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.paywall-benefit{align-items:flex-start;gap:var(--space-sm,8px);color:var(--color-textPrimary,#1a1a1a);display:flex}.paywall-benefit__check{color:var(--color-statusCorrect,#2e7d32);flex-shrink:0;margin-top:2px}.paywall-packages{gap:var(--space-sm,8px);flex-direction:column;display:flex}.paywall-package{justify-content:space-between;align-items:center;gap:var(--space-md,16px);width:100%;min-height:56px;padding:var(--space-sm,8px) var(--space-md,16px);background:var(--color-surface,#fff);border:2px solid var(--color-borderLight,#e0e0e0);border-radius:var(--radius-md,12px);cursor:pointer;font:inherit;text-align:left;display:flex}.paywall-package:focus-visible{outline:3px solid var(--color-focus,#2563eb);outline-offset:2px}.paywall-package--selected{border-color:var(--color-premium,#5c4f8c);background:var(--color-premiumBg,#ede7f6)}.paywall-package--selected .paywall-package__price{font-weight:var(--font-weightSemibold,600)}.paywall-package__title{font-weight:var(--font-weightMedium,500);color:var(--color-textPrimary,#1a1a1a)}.paywall-package__price{color:var(--color-textSecondary,#5c5c5c);white-space:nowrap}.paywall-purchase-btn{min-height:48px}.paywall-error{color:var(--color-danger,#c62828);margin:0}.paywall-status{color:var(--color-textSecondary,#5c5c5c);margin:0}.paywall-success{gap:var(--space-md,16px);flex-direction:column;align-items:flex-start;display:flex}.paywall-fineprint{font-size:var(--font-caption,12px);color:var(--color-textTertiary,#8c8c8c);margin:0}.premium-status-banner{gap:var(--space-sm,8px);margin:var(--space-sm,8px) auto;max-width:640px;padding:var(--space-md,16px);background:var(--color-premiumBg,#ede7f6);border:1px solid var(--color-premium,#5c4f8c);border-radius:var(--radius-md,12px);flex-direction:column;display:flex}.premium-status-banner__text{color:var(--color-textPrimary,#1a1a1a);margin:0}.premium-status-banner__actions{gap:var(--space-sm,8px);flex-wrap:wrap;display:flex}.magic-link-banner{justify-content:space-between;align-items:center;gap:var(--space-sm,8px);margin:var(--space-sm,8px) auto;max-width:640px;padding:var(--space-sm,8px) var(--space-md,16px);border-radius:var(--radius-md,12px);flex-wrap:wrap;display:flex}.magic-link-banner--success{background:var(--color-statusCorrectBg,#e8f5e9);border:1px solid var(--color-statusCorrect,#2e7d32)}.magic-link-banner--error{border:1px solid var(--color-danger,#c62828);background:#ffebee}.magic-link-banner__text{color:var(--color-textPrimary,#1a1a1a);margin:0}.offline-banner,.pwa-update-banner{justify-content:space-between;align-items:center;gap:var(--space-sm,8px);margin:var(--space-sm,8px) auto;max-width:640px;padding:var(--space-sm,8px) var(--space-md,16px);border-radius:var(--radius-md,12px);flex-wrap:wrap;display:flex}.offline-banner{background:var(--color-surfaceDark,#f0f0f0);border:1px solid var(--color-border,#d8c9b6);text-align:center;justify-content:center}.pwa-update-banner{background:var(--color-statusPresentBg,#fff8e1);border:1px solid var(--color-statusPresent,#f9a825)}.offline-banner__text,.pwa-update-banner__text{color:var(--color-textPrimary,#1a1a1a);margin:0}.missions-screen{align-items:stretch;gap:var(--space-xl,32px);text-align:left;max-width:var(--content-max-width,600px);margin:0 auto}.missions-intro{text-align:center;color:var(--color-textSecondary,#5c5c5c);margin:0}.missions-loading,.missions-empty{align-items:center;gap:var(--space-sm,8px);padding:var(--space-xl,32px) var(--space-lg,24px);color:var(--color-textSecondary,#5c5c5c);text-align:center;flex-direction:column;display:flex}.missions-section{gap:var(--space-md,16px);flex-direction:column;width:100%;display:flex}.missions-section__heading{font-size:1.25rem;font-weight:var(--font-weightSemibold,600);color:var(--color-textPrimary,#1a1a1a);margin:0}.missions-list{gap:var(--space-md,16px);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:stretch;margin:0;padding:0;list-style:none;display:grid}.mission-card{gap:var(--space-sm,8px);padding:var(--space-md,16px);border:1px solid var(--color-border,#d8c9b6);border-radius:var(--radius-md,12px);background:var(--color-surface,#fff);flex-direction:column;display:flex;box-shadow:0 1px 2px #0000000a}.mission-card--ready{border-color:var(--color-accent,#2e7d32);box-shadow:0 1px 3px #2e7d322e}.mission-card--claimed{opacity:.72}.mission-card__head{justify-content:space-between;align-items:flex-start;gap:var(--space-sm,8px);display:flex}.mission-card__heading{flex-direction:column;gap:2px;min-width:0;display:flex}.mission-card__type{text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;font-weight:var(--font-weightSemibold,600);color:var(--color-textSecondary,#5c5c5c);align-items:center;gap:6px;display:inline-flex}.mission-card__title{font-size:1rem;font-weight:var(--font-weightMedium,500);margin:0}.mission-card__premium-badge{text-transform:uppercase;letter-spacing:.06em;background:var(--color-statusPresentBg,#fff8e1);color:var(--color-statusPresent,#f9a825);border-radius:999px;padding:1px 6px;font-size:.6rem}.mission-card__desc{color:var(--color-textSecondary,#5c5c5c);margin:0;font-size:.9rem}.mission-card__claimed,.mission-card__reward{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.mission-card__claimed{color:var(--color-statusCorrect,#2e7d32);font-weight:600}.mission-card__reward{color:var(--color-textSecondary,#5c5c5c);font-weight:500}.mission-card__progress{align-items:center;gap:var(--space-sm,8px);padding-top:var(--space-xs,6px);margin-top:auto;display:flex}.mission-card__progress-track,.missions-track-panel__bar{background:var(--color-surfaceDark,#f0f0f0);border-radius:999px;flex:1;height:8px;overflow:hidden}.mission-card__progress-fill,.missions-track-panel__fill{background:var(--color-accent,#2e7d32);border-radius:999px;height:100%}.mission-card__progress-text{color:var(--color-textSecondary,#5c5c5c);white-space:nowrap;font-size:.82rem}.mission-card__auto{font-style:italic}.missions-track-panel__header{justify-content:space-between;align-items:baseline;gap:var(--space-xs,6px) var(--space-md,16px);flex-wrap:wrap;display:flex}.missions-track-panel__summary{align-items:baseline;gap:var(--space-sm,8px);flex-wrap:wrap;margin:0;display:inline-flex}.missions-track-panel__season{font-weight:var(--font-weightSemibold,600);color:var(--color-textPrimary,#1a1a1a)}.missions-track-panel__meta{color:var(--color-textSecondary,#5c5c5c)}.missions-track-panel__bar{max-width:360px}.missions-tracks{gap:var(--space-md,16px);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start;display:grid}.reward-track{border:1px solid var(--color-border,#d8c9b6);border-radius:var(--radius-md,12px);padding:var(--space-md,16px);background:var(--color-surface,#fff);box-shadow:0 1px 2px #0000000a}.reward-track--premium{border-color:#f9a82599}.reward-track--locked .reward-step{opacity:.5}.reward-track__head{justify-content:space-between;align-items:center;gap:var(--space-sm,8px);margin-bottom:var(--space-sm,8px);padding-bottom:var(--space-sm,8px);border-bottom:1px solid var(--color-surfaceDark,#f0f0f0);flex-wrap:wrap;display:flex}.reward-track__tier{align-items:center;gap:6px;font-weight:700;display:inline-flex}.reward-track__unlock{white-space:nowrap}.reward-track__steps{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.reward-step{align-items:center;gap:var(--space-sm,8px);padding:4px 0;display:flex}.reward-step+.reward-step{border-top:1px solid var(--color-surfaceDark,#f4f4f4)}.reward-step__level{background:var(--color-surfaceDark,#f0f0f0);border-radius:999px;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-size:.8rem;font-weight:700;display:inline-flex}.reward-step--unlocked .reward-step__level{background:var(--color-accent,#2e7d32);color:#fff}.reward-step__desc{flex:1;min-width:0;font-size:.9rem}.reward-step__claimed{color:var(--color-statusCorrect,#2e7d32)}.reward-step__locked{color:var(--color-textSecondary,#999)}.settings-premium-actions{gap:var(--space-sm,8px);margin-top:var(--space-xs,4px);flex-wrap:wrap;display:flex}.account-section{gap:var(--space-sm,8px);flex-direction:column;display:flex}.account-actions{gap:var(--space-sm,8px);margin-top:var(--space-xs,4px);flex-wrap:wrap;display:flex}.premium-overview{gap:var(--space-sm,8px);flex-direction:column;display:flex}.premium-feature-list{margin:var(--space-xs,4px) 0 0;gap:var(--space-sm,8px);flex-direction:column;padding:0;list-style:none;display:flex}.premium-feature{align-items:flex-start;gap:var(--space-sm,12px);border:1px solid var(--color-border,#0000001a);background:var(--color-surface,#fff);border-radius:12px;flex-wrap:wrap;padding:10px 12px;display:flex}.premium-feature--active{border-color:var(--color-premium,#5c4f8c);background:var(--color-premiumBg,#ede7f6)}.premium-feature__icon{color:var(--color-premium,#5c4f8c);flex:none;margin-top:2px;display:inline-flex}.premium-feature__text{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.premium-feature__title{font-weight:var(--font-weightSemibold,600);color:var(--color-textPrimary,#1a1a1a)}.premium-feature__desc{font-size:var(--font-small,14px);color:var(--color-textSecondary,#5c5c5c);line-height:1.4}.premium-feature__state{font-size:var(--font-small,13px);font-weight:var(--font-weightSemibold,600);color:var(--color-textTertiary,#8c8c8c);white-space:nowrap;flex:none;align-self:flex-start;align-items:center;gap:4px;display:inline-flex}.premium-feature__state--active{color:var(--color-premium,#5c4f8c)}.cloud-sync-status{align-items:center;gap:var(--space-sm,12px);width:100%;max-width:var(--content-max-width,600px);padding:var(--space-sm,12px) var(--space-md,16px);border-radius:var(--radius-md,12px);background:var(--color-surface,#fff);box-shadow:var(--elevation-low,0px 1px 3px 0px #00000014);margin:0 auto;display:flex}.cloud-sync-status--on{background:var(--color-premiumBg,#ede7f6)}.cloud-sync-status__icon{color:var(--color-premium,#5c4f8c);flex:none;display:inline-flex}.cloud-sync-status--off .cloud-sync-status__icon{color:var(--color-textTertiary,#8c8c8c)}.cloud-sync-status--off{text-align:center;align-items:center;gap:var(--space-sm,10px);padding:var(--space-lg,20px) var(--space-md,16px);flex-direction:column}.cloud-sync-status--off .cloud-sync-status__text{align-items:center}.cloud-sync-status--off .cloud-sync-status__cta{font-size:var(--font-small,15px);padding:var(--space-sm,8px) var(--space-lg,20px);margin:2px 0 0}.cloud-sync-status__text{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.cloud-sync-status__title{font-weight:var(--font-weightSemibold,600);color:var(--color-textPrimary,#1a1a1a)}.cloud-sync-status__desc{font-size:var(--font-small,14px);color:var(--color-textSecondary,#5c5c5c);line-height:1.4}.cloud-sync-status__cta{flex:none}@media (max-width:400px){.cloud-sync-status{flex-wrap:wrap}.cloud-sync-status__cta{margin-left:calc(18px + var(--space-sm,12px))}}.privacy-action{gap:var(--space-sm,8px);padding-top:var(--space-sm,8px);border-top:1px solid var(--color-surfaceDark,#f0f0f0);flex-direction:column;display:flex}.privacy-action .settings-toggle-desc{margin-top:0}.privacy-action .btn{align-self:flex-start}.privacy-delete-confirm{gap:var(--space-sm,8px);background:var(--color-surfaceDark,#f0f0f0);border-radius:var(--radius-sm,6px);padding:var(--space-md,16px);flex-direction:column;display:flex}.privacy-delete-warning{font-size:var(--font-body,18px);font-weight:var(--font-weightSemibold,600);color:var(--color-textPrimary,#1a1a1a);line-height:var(--font-lineBody,1.5);margin:0}.privacy-policy{border-top:1px solid var(--color-surfaceDark,#f0f0f0);padding-top:var(--space-sm,8px)}.privacy-policy summary{font-size:var(--font-bodyLarge,20px);font-weight:var(--font-weightSemibold,600);color:var(--color-textPrimary,#1a1a1a);cursor:pointer;min-height:var(--touch-minimum,48px);align-items:center;display:flex}.privacy-policy summary:focus-visible{outline:3px solid var(--color-focus,#2563eb);outline-offset:2px;border-radius:var(--radius-sm,6px)}.privacy-policy-body{gap:var(--space-sm,8px);padding:var(--space-sm,8px) 0;flex-direction:column;display:flex}.privacy-policy-body p{font-size:var(--font-body,18px);color:var(--color-textSecondary,#5c5c5c);line-height:var(--font-lineBody,1.5);margin:0}button.mode-card{font:inherit;text-align:left;cursor:pointer}button.mode-card:focus-visible{outline:3px solid var(--color-focus,#2563eb);outline-offset:2px}.auth-buttons{flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0;display:flex}.alias-manager{margin:12px 0}.alias-current{font-size:var(--font-h3,22px);margin:8px 0 12px;font-weight:700}.alias-options{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}.alias-notice{color:var(--color-statusError,#b3261e)}.account-linking{border:1px solid var(--color-border,#e0e0e0);border-radius:var(--radius-card,12px);background:var(--color-surfaceHover,#f7f7f9);margin:16px 0 4px;padding:16px}.account-linking-title{font-size:var(--font-h3,22px);margin:0 0 8px;font-weight:700}.account-linking .auth-buttons{margin-bottom:4px}.account-linking-success{color:var(--color-statusSuccess,#1b7f3b);font-weight:600}.leaderboard-screen{gap:var(--space-md,16px);max-width:var(--content-max-width,600px);flex-direction:column;margin:0 auto;display:flex}.leaderboard-filters{justify-content:center;gap:var(--space-sm,8px);flex-wrap:wrap;display:flex}.leaderboard-placement{align-items:center;gap:var(--space-sm,8px);padding:var(--space-sm,8px) var(--space-md,16px);font-weight:var(--font-weightSemibold,600);color:var(--color-primary,#1a237e);background:var(--color-surfaceDark,#f0f0f0);border-radius:var(--radius-full,999px);margin:0;display:inline-flex}.leaderboard-placement__icon{display:flex}.leaderboard-signin-notice{align-items:center;gap:var(--space-sm,8px);width:100%;max-width:none;padding:var(--space-md,16px);text-align:center;background:var(--color-surfaceDark,#f0f0f0);border-radius:var(--radius-md,12px);flex-direction:column;display:flex}.leaderboard-signin-notice__icon{color:var(--color-primary,#1a237e);display:flex}.leaderboard-signin-notice__text{color:var(--color-textSecondary,#5c5c5c);margin:0}.leaderboard-board{background:var(--color-surface,#fff);border-radius:var(--radius-md,12px);width:100%;max-width:none;max-height:min(62vh,560px);box-shadow:var(--elevation-low,0px 1px 3px 0px #00000014);overscroll-behavior:contain;overflow:hidden auto}.leaderboard-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.leaderboard-row{align-items:center;gap:var(--space-sm,8px);padding:10px var(--space-md,16px);min-height:var(--touch-minimum,48px);grid-template-columns:44px 1fr auto;display:grid}.leaderboard-row+.leaderboard-row{border-top:1px solid var(--color-surfaceDark,#f0f0f0)}.leaderboard-row--me{background:var(--color-premiumBg,#ede7f6);font-weight:var(--font-weightSemibold,600)}.leaderboard-row--pinned{border-top:2px dashed var(--color-border,#e2e2e2);z-index:1;position:sticky;bottom:0}.leaderboard-more{align-items:center;gap:var(--space-xs,4px);padding:var(--space-sm,8px) var(--space-md,16px) var(--space-md,16px);flex-direction:column;display:flex}.leaderboard-more__count{color:var(--color-textTertiary,#8c8c8c);font-size:var(--font-small,14px)}.leaderboard-rank{border-radius:var(--radius-full,999px);font-variant-numeric:tabular-nums;width:36px;height:36px;font-weight:var(--font-weightBold,700);color:var(--color-textSecondary,#5c5c5c);justify-content:center;align-items:center;display:inline-flex}.leaderboard-rank--top1{color:#6b5200;background:#f4e3a1}.leaderboard-rank--top2{color:#4d4d4d;background:#e6e6e6}.leaderboard-rank--top3{color:#6e4a1f;background:#ecccab}.leaderboard-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.leaderboard-country{color:var(--color-textTertiary,#8c8c8c);font-size:var(--font-small,14px);font-weight:var(--font-weightRegular,400)}.flair-badge{background:var(--color-premiumBg,#f0ebff);color:var(--color-textSecondary,#5b4b8a);font-size:var(--font-small,13px);font-weight:var(--font-weightSemibold,600);vertical-align:middle;border-radius:999px;align-items:center;gap:4px;margin-left:6px;padding:1px 8px;display:inline-flex}.flair-badge--inline{padding:0 6px;font-size:12px}.flair-badge--title{background:var(--color-premiumSoft,#fbeecf);color:var(--color-premium,#8a6d1f)}.flair-badge__label{white-space:nowrap}.flair-picker{margin:4px 0 0}.flair-picker__count{font-weight:var(--font-weightSemibold,600)}.flair-picker__group{margin-top:var(--space-md,16px)}.flair-picker__group-title{margin:0 0 var(--space-sm,8px);font-size:var(--font-small,13px);font-weight:var(--font-weightSemibold,600);text-transform:uppercase;letter-spacing:.05em;color:var(--color-textSecondary,#5c5c5c)}.flair-picker__grid{gap:var(--space-sm,8px);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin:0;padding:0;list-style:none;display:grid}.flair-picker__more{margin-top:var(--space-sm,8px);align-self:flex-start}.flair-tile{align-items:center;gap:var(--space-sm,10px);border:1px solid var(--color-border,#e4e0f0);background:var(--color-surface,#fff);min-width:0;box-shadow:var(--elevation-low,0px 1px 3px 0px #0000000f);border-radius:14px;padding:10px 12px;display:flex}.flair-tile__icon{background:var(--color-surfaceHover,#f2f0f7);border-radius:50%;flex:none;justify-content:center;align-items:center;width:42px;height:42px;font-size:21px;line-height:1;display:inline-flex;box-shadow:inset 0 0 0 1px #0000000d}.flair-tile--badge .flair-tile__icon{background:#f59e0b29}.flair-tile--frame .flair-tile__icon{background:#3b82f629}.flair-tile--title .flair-tile__icon{background:#7c5cc42e}.flair-tile__body{flex-direction:column;flex:auto;gap:4px;min-width:0;display:flex}.flair-tile__name{font-weight:var(--font-weightSemibold,600);color:var(--color-textPrimary,#1a1a1a);overflow-wrap:anywhere;line-height:1.2}.flair-tile__hint{font-size:var(--font-small,13px);color:var(--color-textTertiary,#8c8c8c);line-height:1.3}.flair-tile__action{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.flair-tile__equipped{font-size:var(--font-small,13px);font-weight:var(--font-weightSemibold,600);color:var(--color-primary,#6c4ad0)}.flair-tile__equip{align-self:flex-start}.flair-tile--owned{border-color:var(--color-premiumBg,#ede7f6)}.flair-tile--equipped{border-color:var(--color-primary,#6c4ad0);background:var(--color-premiumBg,#ede7f6);box-shadow:0 0 0 1px var(--color-primary,#6c4ad0)}.flair-tile--locked{background:var(--color-surfaceHover,#faf9fc);border-style:dashed}.flair-tile--locked .flair-tile__icon{filter:grayscale();opacity:.5}.flair-tile--locked .flair-tile__name{color:var(--color-textSecondary,#5c5c5c)}.result-placement-cta{align-items:center;gap:var(--space-sm,8px);margin:var(--space-md,16px) 0;padding:var(--space-md,16px) var(--space-lg,24px);border-radius:var(--radius-md,12px);background:var(--color-surfaceHover,#f5f5f3);text-align:center;flex-direction:column;display:flex}.result-placement-cta__text{font-weight:var(--font-weightSemibold,600);color:var(--color-textPrimary,#1a1a1a);margin:0}.leaderboard-score{font-variant-numeric:tabular-nums;font-weight:var(--font-weightSemibold,600)}.leaderboard-empty{color:var(--color-textSecondary,#5c5c5c);padding:var(--space-lg,24px);text-align:center;margin:0}.leaderboard-empty-state{align-items:center;gap:var(--space-xs,4px);padding:var(--space-xl,32px) var(--space-lg,24px);flex-direction:column;display:flex}.leaderboard-empty-state .leaderboard-empty{padding:0}.leaderboard-empty-state__icon{color:var(--color-textTertiary,#8c8c8c);display:flex}.leaderboard-footnote{color:var(--color-textTertiary,#8c8c8c);font-size:var(--font-small,14px);text-align:center;max-width:460px;margin:0 auto}.leaderboard-locked{padding:var(--space-xl,32px) var(--space-lg,24px);gap:var(--space-md,16px);text-align:center;flex-direction:column;align-items:center;display:flex}.leaderboard-locked p{color:var(--color-textSecondary,#5c5c5c);margin:0}.auth-divider{margin:4px 0}.magic-link-form{flex-direction:column;gap:8px;margin:8px 0;display:flex}.magic-link-label{font-weight:600}.magic-link-row{flex-wrap:wrap;gap:8px;display:flex}.magic-link-row input{font:inherit;border-radius:var(--radius-md,12px);border:1px solid var(--color-border,#e2e2e2);background:var(--color-surface,#fff);color:inherit;flex:220px;padding:10px 14px}.magic-link-row input:focus-visible{outline:3px solid var(--color-focus,#2563eb);outline-offset:2px}.about-version-list{gap:var(--space-xs,4px) var(--space-lg,24px);grid-template-columns:auto 1fr;margin:0;display:grid}.about-version-list dt{font-size:var(--font-body,18px);color:var(--color-textSecondary,#5c5c5c)}.about-version-list dd{font-size:var(--font-body,18px);color:var(--color-textPrimary,#1a1a1a);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0}.policy-updated{font-size:var(--font-small,14px);color:var(--color-textTertiary,#8c8c8c);margin:0}.info-link{min-height:var(--touch-minimum,48px);font-size:var(--font-body,18px);font-weight:var(--font-weightSemibold,600);color:var(--color-primary,#1a237e);border-radius:var(--radius-sm,6px);overflow-wrap:anywhere;align-items:center;display:inline-flex}.info-link:focus-visible{outline:3px solid var(--color-focus,#2563eb);outline-offset:2px}.opponent-rail{width:100%;max-width:var(--board-max-width,360px);margin:.5rem auto 0}.opponent-rail__list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.opponent-bar{background:var(--color-surfaceSubtle,#0000000a);border-radius:8px;align-items:center;gap:.4rem;padding:.25rem .4rem;font-size:.85rem;display:flex}.opponent-bar__name{text-overflow:ellipsis;white-space:nowrap;flex:0 0 6.5rem;max-width:6.5rem;font-weight:600;overflow:hidden}.opponent-bar__attempts{gap:2px;display:inline-flex}.opponent-attempt-seg{background:var(--color-borderSubtle,#00000026);border-radius:2px;width:6px;height:12px}.opponent-attempt-seg--filled{background:var(--color-textSecondary,#6b7280)}.opponent-pips{gap:2px;display:inline-flex}.opponent-pip{border-radius:50%;width:8px;height:8px}.opponent-pip--green{background:var(--color-statusCorrect,#2e7d32)}.opponent-pip--yellow{background:var(--color-statusPresent,#e65100)}.opponent-bar--solved{background:var(--color-statusCorrectBg,#e8f5e9)}.opponent-bar__solved{color:var(--color-statusCorrect,#2e7d32);margin-left:auto;font-weight:700}.translate-content{width:100%;max-width:var(--content-max-width,600px);align-items:center;gap:var(--space-lg,24px);flex-direction:column;margin:0 auto;display:flex}.translate-picker{gap:var(--space-md,16px);flex-direction:column;width:100%;display:flex}.translate-picker__title{text-align:center;font-size:var(--font-bodyLarge,20px);font-weight:var(--font-weightSemibold,600);color:var(--color-textPrimary,#1a1a1a);margin:0}.translate-lang-list{gap:var(--space-sm,8px);flex-direction:column;width:100%;margin:0;padding:0;list-style:none;display:flex}.translate-lang-option{align-items:center;gap:var(--space-md,16px);width:100%;min-height:var(--touch-minimum,48px);padding:var(--space-md,16px);border:1px solid var(--color-border,#0000001f);border-radius:var(--radius-md,12px);background:var(--color-surface,#fff);color:var(--color-textPrimary,#1a1a1a);font-size:var(--font-body,18px);font-weight:var(--font-weightSemibold,600);text-align:left;cursor:pointer;transition:background-color var(--motion-micro,.1s) ease-out, border-color var(--motion-micro,.1s) ease-out;display:flex}.translate-lang-option:hover{background:var(--color-surfaceHover,#f5f5f3)}.translate-lang-option.is-active{border-color:var(--color-primary,#1a237e)}.translate-lang-option__flag{font-size:1.5em;line-height:1}.translate-lang-option__name{flex:1}.translate-lang-option__chevron{color:var(--color-textTertiary,#8c8c8c);display:inline-flex}.translate-hub{align-items:center;gap:var(--space-lg,24px);flex-direction:column;width:100%;display:flex}.translate-hub-lang{align-items:center;gap:var(--space-sm,8px);min-height:var(--touch-minimum,48px);padding:var(--space-sm,8px) var(--space-lg,24px);border:1px solid var(--color-border,#0000001f);border-radius:var(--radius-full,999px);background:var(--color-surface,#fff);cursor:pointer;display:inline-flex}.translate-hub-lang__flag{font-size:1.4em;line-height:1}.translate-hub-lang__name{font-size:var(--font-body,18px);font-weight:var(--font-weightBold,700);color:var(--color-textPrimary,#1a1a1a)}.translate-hub-lang__change{font-size:var(--font-small,14px);color:var(--color-primary,#1a237e)}.translate-hub-modes{gap:var(--space-sm,8px);flex-direction:column;width:100%;display:flex}.translate-mode-btn{align-items:center;gap:var(--space-md,16px);width:100%;min-height:var(--touch-minimum,48px);padding:var(--space-md,16px) var(--space-lg,24px);border:1px solid var(--color-border,#0000001f);border-radius:var(--radius-lg,20px);background:var(--color-surface,#fff);box-shadow:var(--elevation-low,0px 1px 3px 0px #00000014);text-align:left;cursor:pointer;transition:background-color var(--motion-micro,.1s) ease-out, transform var(--motion-micro,.1s) ease-out;display:flex}.translate-mode-btn:hover{background:var(--color-surfaceHover,#f5f5f3)}.translate-mode-btn:active{transform:scale(.99)}.translate-mode-btn__text{flex-direction:column;flex:1;gap:2px;display:flex}.translate-mode-btn__title{align-items:center;gap:var(--space-sm,8px);font-size:var(--font-bodyLarge,20px);font-weight:var(--font-weightBold,700);color:var(--color-textPrimary,#1a1a1a);display:inline-flex}.translate-mode-btn__desc{font-size:var(--font-small,14px);color:var(--color-textSecondary,#5c5c5c)}.translate-mode-btn__chevron{color:var(--color-primary,#1a237e);display:inline-flex}.translate-mode-btn.is-disabled{cursor:default;opacity:.55;box-shadow:none;background:var(--color-surfaceDark,#f0f0f0)}.translate-mode-btn.is-disabled:hover{background:var(--color-surfaceDark,#f0f0f0)}.translate-mode-btn__badge{border-radius:var(--radius-full,999px);background:var(--color-primary,#1a237e);color:#fff;min-width:22px;height:22px;font-size:var(--font-tiny,12px);font-weight:var(--font-weightBold,700);align-items:center;padding:0 8px;line-height:1;display:inline-flex}.translate-mode-btn__badge.is-premium{background:var(--color-premiumBg,#ede7f6);color:var(--color-premium,#5e35b1)}.translate-review{gap:var(--space-md,16px);flex-direction:column;width:100%;display:flex}.translate-review__caughtup{text-align:center;color:var(--color-textSecondary,#5c5c5c);font-size:var(--font-body,18px);margin:0}.translate-words-controls{align-items:center;gap:var(--space-sm,8px);display:flex}.translate-words-search{min-width:0;min-height:var(--touch-minimum,48px);padding:0 var(--space-md,16px);border:1px solid var(--color-border,#0000001f);border-radius:var(--radius-full,999px);background:var(--color-surface,#fff);color:var(--color-textPrimary,#1a1a1a);font-size:var(--font-body,18px);flex:auto}.translate-words-search:focus-visible{outline:2px solid var(--color-primary,#1a237e);outline-offset:2px}.translate-words-filter{white-space:nowrap;min-height:var(--touch-minimum,48px);padding:0 var(--space-md,16px);border:1px solid var(--color-border,#0000001f);border-radius:var(--radius-full,999px);background:var(--color-surface,#fff);color:var(--color-textSecondary,#5c5c5c);font-size:var(--font-small,14px);font-weight:var(--font-weightSemibold,600);cursor:pointer;flex:none}.translate-words-filter.is-active{background:var(--color-primary,#1a237e);border-color:var(--color-primary,#1a237e);color:#fff}.translate-words{gap:var(--space-xs,6px);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.translate-word{align-items:center;gap:var(--space-sm,8px);padding:var(--space-sm,8px) var(--space-md,16px);border-radius:var(--radius-md,12px);background:var(--color-surface,#fff);box-shadow:var(--elevation-low,0px 1px 3px 0px #00000014);font-size:var(--font-body,18px);display:flex}.translate-word__sv{color:var(--color-textPrimary,#1a1a1a);font-weight:var(--font-weightSemibold,600)}.translate-word__arrow{color:var(--color-textTertiary,#8c8c8c)}.translate-word__target{color:var(--color-textSecondary,#5c5c5c);flex:1}.translate-word__chip{border-radius:var(--radius-full,999px);font-size:var(--font-tiny,12px);font-weight:var(--font-weightBold,700);white-space:nowrap;flex-shrink:0;padding:2px 10px}.translate-word__chip.is-mastered{background:var(--color-statusCorrectBg,#e8f5e9);color:var(--color-statusCorrect,#2e7d32)}.translate-word__chip.is-learning{background:var(--color-surfaceDark,#f0f0f0);color:var(--color-textSecondary,#5c5c5c)}.translate-word__chip.is-hard{background:var(--color-statusPresentBg,#fff3e0);color:var(--color-statusPresent,#e65100)}.translate-words-empty{padding:var(--space-lg,24px);text-align:center;color:var(--color-textSecondary,#5c5c5c);margin:0}.translate-words-pager{justify-content:center;align-items:center;gap:var(--space-md,16px);display:flex}.translate-words-pageinfo{color:var(--color-textSecondary,#5c5c5c);font-size:var(--font-small,14px);font-variant-numeric:tabular-nums}.translate-stats{justify-content:center;gap:var(--space-md,16px) var(--space-lg,24px);color:var(--color-textSecondary,#5c5c5c);font-size:var(--font-small,14px);flex-wrap:wrap;display:flex}.translate-stats span{white-space:nowrap}.translate-panel{align-items:center;gap:var(--space-md,16px);width:100%;padding:var(--space-xl,32px) var(--space-lg,24px);text-align:center;background:var(--color-surface,#fff);border-radius:var(--radius-lg,20px);box-shadow:var(--elevation-low,0px 1px 3px 0px #00000014);color:var(--color-textSecondary,#5c5c5c);flex-direction:column;display:flex}.translate-panel p{font-size:var(--font-bodyLarge,20px);color:var(--color-textSecondary,#5c5c5c);margin:0}.translate-panel__actions{gap:var(--space-sm,8px);flex-wrap:wrap;justify-content:center;display:flex}.translate-board{align-items:center;gap:var(--space-lg,24px);flex-direction:column;width:100%;display:flex}.translate-prompt{align-items:center;gap:var(--space-xs,6px);flex-direction:column;display:flex}.translate-prompt-word{font-size:var(--font-headingMd,32px);font-weight:var(--font-weightBold,700);color:var(--color-textPrimary,#1a1a1a);line-height:1.1}.translate-prompt-target{font-size:var(--font-small,14px);color:var(--color-textSecondary,#5c5c5c);text-transform:uppercase;letter-spacing:.04em}.translate-message{min-height:1.4em;color:var(--color-danger,#c62828);font-size:var(--font-body,18px);margin:0}.translate-board .keyboard{z-index:2;width:100%;padding-top:var(--space-sm,8px);padding-bottom:var(--space-sm,8px);background:var(--color-background,#fafaf8);position:sticky;bottom:0}@media (max-width:480px){.translate-content,.translate-hub{gap:var(--space-md,16px)}.translate-board{gap:var(--space-sm,8px)}.translate-prompt-word{font-size:var(--font-headingSm,24px)}}