@font-face{font-family:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(./rubik-arabic-wght-normal-CGnJ-sf6.woff2)format("woff2-variations");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(./rubik-cyrillic-ext-wght-normal-BjodpZir.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(./rubik-cyrillic-wght-normal-DveCct9I.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(./rubik-hebrew-wght-normal-BIkpbuMU.woff2)format("woff2-variations");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(./rubik-latin-ext-wght-normal-OacczzuJ.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(./rubik-latin-wght-normal-CnQIisVs.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-canvas:#fff9ed;--color-surface:#fff;--color-surface-muted:#fff3dd;--color-text:#071b3d;--color-text-secondary:#45607f;--color-primary:#1877e8;--color-primary-pressed:#0d5fc5;--color-primary-on:#fff;--color-mascot:#ff9418;--color-mint:#46c9ad;--color-gold:#ffb51b;--color-coral:#f65;--color-border:#eadfcb;--color-focus:#005bd8;--font-ui:"Rubik Variable", "Rubik", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-tile:14px;--radius-control:20px;--radius-card:24px;--radius-hero:28px;--shadow-surface:0 4px 14px #071b3d17;--motion-tap:90ms;--motion-feedback:.18s;--motion-transition:.24s;--motion-result:.42s;--motion-easing:cubic-bezier(.2, .8, .2, 1)}:root[data-contrast=high]{--color-canvas:#fff;--color-text:#00112d;--color-text-secondary:#1d3859;--color-border:#071b3d;--color-focus:#003b9e;--shadow-surface:0 0 0 2px #071b3d}@media (prefers-contrast:more){:root{--color-canvas:#fff;--color-text:#00112d;--color-text-secondary:#1d3859;--color-border:#071b3d;--color-focus:#003b9e}}@media (prefers-reduced-motion:reduce){:root{--motion-tap:0s;--motion-feedback:0s;--motion-transition:0s;--motion-result:0s}}*,:before,:after{box-sizing:border-box}html{--platform-safe-top:0px;--platform-safe-right:0px;--platform-safe-bottom:0px;--platform-safe-left:0px;background:var(--color-canvas);min-width:320px;min-height:100%;color:var(--color-text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}body{background:var(--color-canvas);min-width:320px;min-height:100dvh;margin:0;overflow-x:hidden}button,input,select,textarea{font:inherit}button{min-width:44px;min-height:44px}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}#app{min-height:100dvh}.screen-container{width:min(100%,480px);min-height:100dvh;padding:max(16px, env(safe-area-inset-top), var(--platform-safe-top)) max(16px, env(safe-area-inset-right), var(--platform-safe-right)) max(16px, env(safe-area-inset-bottom), var(--platform-safe-bottom)) max(16px, env(safe-area-inset-left), var(--platform-safe-left));background:var(--color-canvas);margin-inline:auto;display:grid;overflow:hidden}.brand-lockup{align-content:center;place-items:center;min-width:0;display:grid}.brand-lockup h1{color:var(--color-text);letter-spacing:-.04em;margin:0;font-size:clamp(3rem,18vw,4rem);font-weight:900;line-height:1}.boot-screen .brand-lockup{gap:var(--space-6)}.boot-mascot{object-fit:contain;width:160px;height:160px;animation:boot-breathe 1.2s var(--motion-easing) infinite alternate}.foundation-screen .brand-lockup{gap:var(--space-5)}.foundation-mascot{object-fit:contain;width:min(82vw,320px);height:auto}.foundation-screen{gap:var(--space-5);padding-bottom:max(24px, env(safe-area-inset-bottom), var(--platform-safe-bottom));grid-template-rows:minmax(0,1fr) auto}.foundation-screen .brand-lockup{align-content:end}.foundation-actions{gap:var(--space-3);display:grid}.primary-button,.secondary-button,.text-button,.hint-button{justify-content:center;align-items:center;gap:var(--space-3);cursor:pointer;touch-action:manipulation;border:0;font-weight:800;line-height:1;display:inline-flex}.primary-button{border-radius:var(--radius-control);background:var(--color-primary);min-height:64px;box-shadow:0 6px 0 var(--color-primary-pressed);color:var(--color-primary-on);transition:transform var(--motion-tap) var(--motion-easing), box-shadow var(--motion-tap) var(--motion-easing);padding:0 24px;font-size:1.25rem}.primary-button:active{box-shadow:0 2px 0 var(--color-primary-pressed);transform:translateY(4px)}.secondary-button{border:2px solid var(--color-primary);border-radius:var(--radius-control);background:var(--color-surface);min-height:56px;color:var(--color-primary);padding:0 20px;font-size:1rem}.text-button{min-height:44px;color:var(--color-text-secondary);background:0 0;padding:0 16px;font-size:.95rem}.foundation-play{width:100%;min-height:72px;font-size:1.5rem}.local-record{justify-content:center;align-items:center;gap:var(--space-2);min-height:28px;color:var(--color-text-secondary);margin:0;font-size:.95rem;font-weight:700;display:flex}.home-screen{padding-bottom:max(16px, env(safe-area-inset-bottom), var(--platform-safe-bottom));grid-template-rows:auto minmax(0,1fr) auto auto;gap:12px;position:relative}.home-screen.has-connection{grid-template-rows:auto auto minmax(0,1fr) auto auto}.connection-notice{border:1px solid color-mix(in srgb, var(--color-primary) 28%, var(--color-border));background:var(--color-surface-muted);min-height:54px;color:var(--color-text);border-radius:17px;grid-template-columns:34px minmax(0,1fr) 44px;align-items:center;gap:8px;padding:5px 6px 5px 10px;display:grid}.connection-notice.is-loading{grid-template-columns:34px minmax(0,1fr)}.connection-notice-icon{background:var(--color-surface);width:32px;height:32px;color:var(--color-primary);border-radius:11px;place-items:center;display:grid}.connection-notice.is-loading .connection-notice-icon svg{animation:1s linear infinite connection-spin}.connection-notice-copy{gap:2px;min-width:0;display:grid}.connection-notice-copy strong{font-size:.74rem}.connection-notice-copy small{color:var(--color-text-secondary);text-overflow:ellipsis;font-size:.64rem;line-height:1.2;overflow:hidden}.connection-notice button{background:var(--color-surface);min-width:44px;min-height:44px;color:var(--color-primary);cursor:pointer;border:0;border-radius:14px;place-items:center;padding:0;display:grid}.home-controls{justify-content:space-between;align-items:center;min-height:44px;display:flex}.icon-button{border:1px solid var(--color-border);background:var(--color-surface);min-width:44px;min-height:44px;color:var(--color-text);cursor:pointer;border-radius:15px;place-items:center;padding:0;display:inline-grid;box-shadow:0 2px 7px #071b3d12}.profile-button{border:1px solid var(--color-border);background:var(--color-surface);min-width:44px;max-width:180px;min-height:44px;color:var(--color-text);cursor:pointer;border-radius:15px;align-items:center;gap:7px;padding:0 12px;font-weight:750;display:flex}.profile-button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.home-hero{align-content:center;place-items:center;gap:4px;min-height:0;display:grid}.home-hero h1{z-index:1;letter-spacing:-.04em;margin:0 0 -8px;font-size:clamp(3.4rem,15vw,4rem);font-weight:900;line-height:1}.home-mascot{object-fit:contain;width:min(78vw,304px);max-height:34vh}.home-play-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.home-play{width:100%;min-height:72px;font-size:1.5rem}.mode-picker-button{border-radius:var(--radius-control);background:var(--color-surface-muted);width:64px;min-height:72px;color:var(--color-primary);cursor:pointer;border:0;place-items:center;padding:0;display:grid}.home-meta{grid-template-columns:minmax(0,1fr) 84px;gap:8px 12px;display:grid}.daily-card,.streak-card,.season-chip{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-surface);cursor:pointer}.daily-card{border-radius:var(--radius-card);text-align:left;align-items:center;gap:14px;min-height:112px;padding:14px 16px;display:flex}.daily-card>svg{color:var(--color-mint);flex:none}.daily-card span{gap:7px;min-width:0;display:grid}.daily-card strong{font-size:1rem}.daily-card small{color:var(--color-text-secondary);font-size:.75rem;line-height:1.25}.daily-card.is-complete>svg{color:var(--color-primary)}.streak-card{border-radius:var(--radius-card);align-content:center;place-items:center;gap:2px;min-height:112px;padding:8px;display:grid}.streak-card svg{color:var(--color-coral)}.streak-card strong{font-size:1.8rem;line-height:1}.streak-card small{color:var(--color-text-secondary);font-size:.62rem;font-weight:800}.season-chip{min-height:44px;color:var(--color-primary);text-align:left;border-radius:16px;grid-column:1/-1;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 14px;font-size:.78rem;font-weight:800;display:grid}.season-chip span{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.first-run-note{min-height:28px;color:var(--color-text-secondary);text-align:center;margin:0;font-size:.9rem;font-weight:700}.sheet-backdrop{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#071b3d7a;align-items:end;display:grid;position:absolute;inset:0}.mode-sheet,.album-detail{width:100%;padding:22px 20px max(24px, env(safe-area-inset-bottom), var(--platform-safe-bottom));background:var(--color-canvas);border-radius:28px 28px 0 0;gap:18px;display:grid;box-shadow:0 -16px 48px #071b3d38}.mode-sheet header{justify-content:space-between;align-items:start;display:flex}.mode-sheet header p{color:var(--color-primary);letter-spacing:.08em;margin:0 0 5px;font-size:.72rem;font-weight:900}.mode-sheet h2{margin:0;font-size:1.55rem}.mode-options{gap:10px;display:grid}.mode-option{border:2px solid var(--color-border);background:var(--color-surface);min-height:68px;color:var(--color-text);text-align:left;cursor:pointer;border-radius:18px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;padding:9px 14px;display:grid}.mode-option.is-selected{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 16%, transparent)}.mode-option-icon{background:var(--color-surface-muted);width:44px;height:44px;color:var(--color-primary);border-radius:14px;place-items:center;display:grid}.mode-option>span:last-child{gap:4px;display:grid}.mode-option small{color:var(--color-text-secondary)}.run-screen{gap:var(--space-3);grid-template-rows:auto minmax(0,1fr) auto;position:relative}.run-hud{align-items:center;gap:var(--space-1);width:100%;min-height:76px;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-surface);grid-template-columns:44px repeat(3,minmax(0,1fr));display:grid}.hud-pause{background:var(--color-surface-muted);min-width:44px;min-height:44px;color:var(--color-text);cursor:pointer;border:0;border-radius:15px;place-items:center;padding:0;display:grid}.hud-stat{min-width:0;color:var(--color-text);font-variant-numeric:tabular-nums;justify-items:center;gap:2px;display:grid}.hud-stat strong{text-overflow:clip;white-space:nowrap;max-width:100%;font-size:.88rem;overflow:hidden}.hud-icon{place-items:center;display:grid}.hud-icon-progress{background:var(--color-mint);width:24px;height:24px;color:var(--color-text);border-radius:50%;font-size:.72rem;font-weight:900}.hud-icon-time{color:var(--color-primary)}.hud-icon-combo{color:var(--color-gold);fill:color-mix(in srgb, var(--color-gold) 36%, transparent)}.hud-icon-difficulty{color:var(--color-primary)}.hud-mode-icon{background:var(--color-mint);border-radius:50%;place-items:center;width:24px;height:24px;font-size:1rem;font-weight:900;display:grid}.board-region{align-content:center;place-items:center;gap:var(--space-2);min-height:0;display:grid}.onboarding-prompt{color:var(--color-primary);letter-spacing:.08em;margin:0;font-size:.78rem;font-weight:900}.game-grid{gap:4px;width:100%;display:grid}.game-tile{aspect-ratio:1;border-radius:var(--radius-tile);background:var(--color-surface);cursor:pointer;touch-action:manipulation;min-width:0;min-height:0;transition:transform var(--motion-tap) var(--motion-easing), border-color var(--motion-feedback) var(--motion-easing), box-shadow var(--motion-feedback) var(--motion-easing);border:2px solid #0000;place-items:center;padding:2px;display:grid;position:relative;overflow:visible;box-shadow:0 2px 6px #071b3d14}.game-tile:active:not(:disabled){transform:scale(.96)}.game-tile:disabled{cursor:default;opacity:1}.game-tile img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:88%;height:88%}.game-tile.is-correct{border-color:var(--color-mint);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-mint) 35%, transparent);animation:correct-pop var(--motion-feedback) var(--motion-easing)}.game-tile.is-wrong{border-color:var(--color-coral);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-coral) 28%, transparent);animation:wrong-shake var(--motion-feedback) var(--motion-easing)}.game-tile.is-hinted{border-color:var(--color-gold);box-shadow:0 0 0 4px color-mix(in srgb, var(--color-gold) 35%, transparent)}.feedback-announcer{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hint-button{border:2px solid var(--color-gold);background:var(--color-surface);min-height:44px;color:var(--color-text);border-radius:16px;padding:0 18px;font-size:.85rem}.progress-dots{justify-content:center;align-items:center;gap:10px;min-height:16px;display:flex}.progress-dots span{background:var(--color-border);border-radius:50%;width:8px;height:8px}.progress-dots span.is-complete{background:var(--color-primary)}.sprint-progress{background:var(--color-border);border-radius:999px;width:100%;height:8px;overflow:hidden}.sprint-progress span{border-radius:inherit;background:var(--color-primary);height:100%;transition:width .25s linear;display:block}.pause-backdrop{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#071b3d7a;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.pause-dialog{gap:var(--space-4);border-radius:var(--radius-hero);background:var(--color-canvas);text-align:center;width:min(100%,342px);padding:28px 24px 22px;display:grid;box-shadow:0 18px 60px #071b3d47}.pause-dialog h2{margin:0 0 var(--space-2);font-size:2rem;font-weight:900}.result-screen{gap:var(--space-4);grid-template-rows:minmax(0,1fr);grid-auto-rows:auto;align-content:center;padding:24px;overflow-y:auto}.result-heading{align-content:end;place-items:center;min-height:0;display:grid}.result-heading h1{z-index:1;letter-spacing:-.04em;margin:0 0 -10px;font-size:clamp(3rem,15vw,4rem);font-weight:900;line-height:1}.result-mascot{object-fit:contain;width:min(58vw,230px);height:min(27vh,230px)}.result-card{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);min-height:214px;box-shadow:var(--shadow-surface);text-align:center;padding:18px 16px}.result-score{justify-content:center;align-items:center;gap:var(--space-2);color:var(--color-primary);display:flex}.result-score strong{color:var(--color-text);font-variant-numeric:tabular-nums;font-size:clamp(2.6rem,13vw,3.8rem);line-height:1}.result-score>span{color:var(--color-text-secondary);align-self:end;padding-bottom:5px;font-size:.7rem;font-weight:900}.result-record{min-height:20px;color:var(--color-primary);letter-spacing:.08em;margin:10px 0 18px;font-size:.78rem;font-weight:900}.result-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.result-stats div{border-right:1px solid var(--color-border);min-width:0;padding:0 6px}.result-stats div:last-child{border-right:0}.result-stats dt{color:var(--color-text-secondary);text-overflow:ellipsis;font-size:.64rem;font-weight:800;overflow:hidden}.result-stats dd{font-variant-numeric:tabular-nums;margin:7px 0 0;font-size:1.1rem;font-weight:900}.result-replay{width:100%;min-height:72px}.result-home{justify-self:center}.season-result-progress{min-height:18px;color:var(--color-text-secondary);letter-spacing:.06em;margin:12px 0 0;font-size:.68rem;font-weight:850}.result-social-note{color:var(--color-text-secondary);margin:5px 0 0;font-size:.68rem;line-height:1.25}.verification-panel{border:1px solid var(--color-border);background:var(--color-surface);min-height:62px;color:var(--color-text-secondary);box-shadow:var(--shadow-surface);border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 12px;display:grid}.verification-panel.is-verified{color:#237c49;border-color:#319d5d5c}.verification-panel.is-error{grid-template-columns:minmax(0,1fr)}.verification-panel div{gap:2px;min-width:0;display:grid}.verification-panel strong{color:var(--color-text);letter-spacing:.035em;font-size:.72rem;font-weight:900}.verification-panel small{font-size:.67rem;line-height:1.25}.verification-panel button{background:var(--color-primary);color:#fff;border:0;border-radius:12px;min-width:88px;min-height:44px;font-size:.65rem;font-weight:900}.result-social-panel{border:1px solid var(--color-border);background:var(--color-surface-muted);border-radius:16px;gap:8px;padding:10px;display:grid}.result-social-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.result-social-actions>button{border:1px solid color-mix(in srgb, var(--color-primary) 35%, var(--color-border));background:var(--color-surface);min-width:0;min-height:48px;color:var(--color-text);border-radius:13px;justify-content:center;align-items:center;gap:6px;padding:6px;font-size:.67rem;font-weight:900;display:flex}.result-social-actions>button:only-child{grid-column:1/-1}.social-action-message{color:var(--color-text-secondary);text-align:center;margin:0;font-size:.7rem;line-height:1.35}.friends-ranking{gap:4px;max-height:190px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.friends-ranking li{border-radius:10px;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:36px;padding:4px 8px;font-size:.75rem;display:grid}.friends-ranking li.is-current{background:var(--color-primary-soft);color:var(--color-primary)}.friends-ranking strong{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.friends-ranking b{font-variant-numeric:tabular-nums}.meta-screen{scrollbar-width:thin;align-content:start;gap:18px;display:grid;overflow:hidden auto}.challenge-intro-screen{grid-auto-rows:max-content}.challenge-state,.challenge-hero{border:1px solid var(--color-border);border-radius:var(--radius-hero);background:var(--color-surface);min-height:320px;box-shadow:var(--shadow-surface);text-align:center;align-content:center;place-items:center;gap:12px;padding:28px 20px;display:grid}.challenge-state h2,.challenge-state p,.challenge-hero h2,.challenge-hero p{margin:0}.challenge-state p{max-width:27ch;color:var(--color-text-secondary);line-height:1.4}.challenge-state .primary-button{width:100%;min-height:58px;margin-top:8px}.challenge-crossed-cats{background:var(--color-primary-soft);width:100px;height:100px;color:var(--color-primary);border-radius:32px;place-items:center;display:grid;transform:rotate(-4deg)}.challenge-hero>p{color:var(--color-primary);letter-spacing:.08em;font-size:.76rem;font-weight:900}.challenge-hero h2{font-size:clamp(1.8rem,10vw,2.7rem);line-height:1.05}.challenge-score{color:var(--color-primary);align-items:center;gap:8px;display:flex}.challenge-score strong{color:var(--color-text);font-variant-numeric:tabular-nums;font-size:2rem}.challenge-hero>small{color:var(--color-text-secondary);align-items:center;gap:6px;display:flex}.challenge-closed{background:var(--color-surface-muted);text-align:center;border-radius:16px;gap:4px;padding:16px;display:grid}.challenge-closed span{color:var(--color-text-secondary);font-size:.8rem}.challenge-accept{width:100%;min-height:68px}.spin-icon{animation:1s linear infinite connection-spin}.screen-header{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;min-height:48px;display:grid}.screen-header h1{text-align:center;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.4rem;font-weight:900;overflow:hidden}.header-spacer{width:44px}.profile-identity{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-surface);justify-items:center;gap:8px;padding:20px;display:grid}.profile-avatar{background:var(--color-surface-muted);width:76px;height:76px;color:var(--color-primary);border-radius:50%;place-items:center;display:grid}.profile-identity label{color:var(--color-text-secondary);font-size:.75rem;font-weight:750}.profile-identity input{border:2px solid var(--color-border);background:var(--color-canvas);width:min(100%,260px);min-height:48px;color:var(--color-text);text-align:center;border-radius:15px;padding:0 14px;font-size:1.05rem;font-weight:750}.profile-identity p{color:var(--color-text-secondary);align-items:center;gap:6px;margin:2px 0 0;font-size:.7rem;display:flex}.profile-stats{background:var(--color-surface-muted);text-align:center;border-radius:18px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:14px 8px;display:grid}.profile-stats div{border-right:1px solid var(--color-border)}.profile-stats div:last-child{border-right:0}.profile-stats dt{color:var(--color-text-secondary);font-size:.65rem;font-weight:800}.profile-stats dd{margin:5px 0 0;font-size:1.35rem;font-weight:900}.meta-menu{gap:10px;display:grid}.meta-menu button{border:1px solid var(--color-border);background:var(--color-surface);min-height:72px;color:var(--color-text);text-align:left;cursor:pointer;border-radius:18px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 14px;display:grid}.meta-menu button>svg:first-child{color:var(--color-primary)}.meta-menu button span{gap:4px;display:grid}.meta-menu button small{color:var(--color-text-secondary)}.settings-group{border:1px solid var(--color-border);background:var(--color-border);border-radius:20px;gap:1px;display:grid;overflow:hidden}.settings-group h2{background:var(--color-surface-muted);color:var(--color-primary);letter-spacing:.08em;margin:0;padding:12px 14px 8px;font-size:.72rem}.setting-row{background:var(--color-surface);cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:68px;padding:10px 14px;display:grid}.setting-row>span{gap:4px;display:grid}.setting-row small{color:var(--color-text-secondary);font-size:.72rem}.setting-row input{appearance:none;border:2px solid var(--color-border);background:var(--color-surface-muted);cursor:pointer;border-radius:999px;width:52px;height:32px;margin:0;position:relative}.setting-row input:after{background:var(--color-surface);content:"";width:24px;height:24px;transition:transform var(--motion-feedback) var(--motion-easing);border-radius:50%;position:absolute;inset:2px auto auto 2px;box-shadow:0 2px 5px #071b3d2e}.setting-row input:checked{border-color:var(--color-primary);background:var(--color-primary)}.setting-row input:checked:after{transform:translate(20px)}.setting-choice{background:var(--color-surface);border:0;gap:12px;margin:0;padding:14px;display:grid}.setting-choice legend{float:left;background:var(--color-surface);width:100%;color:var(--color-text);gap:4px;padding:0 0 12px;display:grid}.setting-choice legend small{color:var(--color-text-secondary);font-size:.72rem;font-weight:400}.segmented-control{clear:both;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.segmented-control label{cursor:pointer;min-width:0;position:relative}.segmented-control input{opacity:0;width:1px;height:1px;position:absolute}.segmented-control span{border:2px solid var(--color-border);min-height:44px;color:var(--color-text-secondary);border-radius:13px;place-items:center;padding:0 5px;font-size:.68rem;font-weight:850;display:grid}.segmented-control input:checked+span{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-primary-on)}.segmented-control input:focus-visible+span{outline:3px solid var(--color-focus);outline-offset:3px}.privacy-note{background:var(--color-surface-muted);color:var(--color-text-secondary);gap:8px;margin:0;padding:12px 14px;font-size:.72rem;line-height:1.4;display:flex}.privacy-note svg{color:var(--color-mint);flex:none}.danger-button{border:2px solid var(--color-coral);color:#c43227;cursor:pointer;background:0 0;border-radius:17px;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:0 16px;font-size:.78rem;font-weight:850;display:inline-flex}.album-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.album-tabs button{border:1px solid var(--color-border);background:var(--color-surface);min-width:0;min-height:44px;color:var(--color-text-secondary);cursor:pointer;border-radius:14px;padding:0 5px;font-size:.7rem;font-weight:850}.album-tabs button.is-selected{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-primary-on)}.album-spread{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.album-item{border:1px solid var(--color-border);background:var(--color-surface);min-width:0;min-height:190px;color:var(--color-text);text-align:center;cursor:pointer;border-radius:20px;align-content:center;place-items:center;gap:7px;padding:12px 8px;display:grid}.album-art{background:var(--color-surface-muted);border-radius:20px;place-items:center;width:104px;height:104px;display:grid;position:relative}.album-art img{object-fit:contain;width:92px;height:92px}.album-item.is-locked .album-art img{opacity:.18;filter:grayscale()brightness(.4)}.album-item.is-locked .album-art svg{color:var(--color-text-secondary);position:absolute}.album-item strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.82rem;overflow:hidden}.album-item small{color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.65rem;line-height:1.25;display:-webkit-box;overflow:hidden}.album-summary{color:var(--color-text-secondary);text-align:center;margin:0;font-size:.78rem;font-weight:750}.album-detail{text-align:center;justify-items:center;position:relative}.album-detail-close{position:absolute;top:16px;right:16px}.album-detail h2,.album-detail p{margin:0}.album-detail p{color:var(--color-text-secondary)}.album-detail.is-locked>img{opacity:.18;filter:grayscale()brightness(.4)}.album-detail-lock{color:var(--color-text-secondary);position:absolute;top:86px}.album-detail .primary-button{width:100%}.season-summary{border-radius:var(--radius-card);background:linear-gradient(145deg, var(--color-surface-muted), var(--color-surface));box-shadow:var(--shadow-surface);padding:18px}.season-summary>p{color:var(--color-primary);letter-spacing:.08em;margin:0 0 5px;font-size:.7rem;font-weight:900}.season-summary h2{margin:0 0 18px;font-size:1.7rem}.season-level-row{justify-content:space-between;margin-bottom:8px;font-size:.78rem;display:flex}.season-progress{background:var(--color-border);border-radius:999px;height:10px;overflow:hidden}.season-progress span{border-radius:inherit;background:var(--color-primary);height:100%;display:block}.season-summary>small{color:var(--color-text-secondary);margin-top:10px;font-size:.68rem;line-height:1.35;display:block}.season-play{width:100%;min-height:52px;margin-top:14px}.season-sync-notice,.season-reward-notice{background:var(--color-surface-muted);min-height:52px;color:var(--color-text-secondary);border-radius:16px;align-items:center;gap:10px;padding:10px 12px;font-size:.74rem;display:flex}.season-sync-notice span,.season-reward-notice span{flex:1;min-width:0}.season-sync-notice button{background:var(--color-surface);width:44px;min-width:44px;height:44px;color:var(--color-primary);border:0;border-radius:14px;place-items:center;padding:0;display:grid}.season-reward-notice{background:color-mix(in srgb, var(--color-mint) 35%, var(--color-surface));color:var(--color-text)}.season-reward-notice>svg{color:var(--color-gold);flex:none}.season-reward-notice span{gap:3px;display:grid}.season-reward-notice small{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.season-track{gap:8px;margin:0;padding:0;list-style:none;display:grid}.season-track li{border:1px solid var(--color-border);background:var(--color-surface);min-height:60px;color:var(--color-text-secondary);border-radius:17px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 12px;display:grid}.season-track li.is-complete{color:var(--color-text)}.season-track li.is-current{border:2px solid var(--color-primary);color:var(--color-text);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 14%, transparent)}.season-level-marker{background:var(--color-surface-muted);border-radius:50%;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.season-track li.is-complete .season-level-marker{background:var(--color-mint);color:var(--color-text)}.season-track li.is-current .season-level-marker{background:var(--color-primary);color:var(--color-primary-on)}.season-track li>span:nth-child(2){gap:3px;display:grid}.season-track small{color:var(--color-text-secondary)}.season-track li>svg{color:var(--color-gold)}.season-archive{border:1px solid var(--color-border);background:var(--color-surface-muted);border-radius:18px;padding:14px}.season-archive summary{cursor:pointer;align-items:center;gap:9px;min-height:44px;font-size:.8rem;font-weight:850;display:flex}.season-archive article{padding:12px 4px 4px}.season-archive p{color:var(--color-text-secondary);margin:5px 0 0;font-size:.75rem}.empty-state{text-align:center;align-content:center;place-items:center;gap:12px;min-height:60vh;display:grid}.empty-state h2,.empty-state p{margin:0}.empty-state p{color:var(--color-text-secondary)}:root[data-reduced-motion=true] *,:root[data-reduced-motion=true] :before,:root[data-reduced-motion=true] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}:root[data-large-targets=true] button,:root[data-large-targets=true] input{min-height:52px}.fatal-screen{width:min(100%,480px);min-height:100dvh;color:var(--color-text);text-align:center;align-content:center;justify-items:center;margin-inline:auto;padding:24px;display:grid}.fatal-screen h1{margin:0 0 24px;font-size:2rem}.fatal-screen button{border-radius:var(--radius-control);background:var(--color-primary);min-height:60px;color:var(--color-primary-on);border:0;padding-inline:28px;font-size:1.25rem;font-weight:700}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes boot-breathe{0%{opacity:.88;transform:scale(.98)}to{opacity:1;transform:scale(1.02)}}@keyframes connection-spin{to{transform:rotate(360deg)}}@keyframes correct-pop{50%{transform:scale(1.06)}}@keyframes wrong-shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (height<=568px){.screen-container{padding-block:max(10px, env(safe-area-inset-top), var(--platform-safe-top)) max(10px, env(safe-area-inset-bottom), var(--platform-safe-bottom))}.foundation-screen{gap:10px}.home-screen{gap:7px}.home-hero{gap:0}.home-hero h1{margin-bottom:-4px;font-size:2.65rem}.home-mascot{width:min(52vw,168px);max-height:25vh}.home-play,.mode-picker-button{min-height:64px}.daily-card,.streak-card{min-height:82px}.daily-card{padding:9px 12px}.season-chip{min-height:44px}.mode-sheet{gap:12px;padding-top:16px}.mode-option{min-height:60px}.foundation-mascot{width:min(36vh,200px)}.foundation-screen .brand-lockup{gap:10px}.foundation-screen .brand-lockup h1{font-size:2.65rem}.run-screen{gap:8px}.run-hud{min-height:64px;padding-block:4px}.result-screen{gap:10px;padding:12px 16px}.result-heading h1{font-size:2.7rem}.result-mascot{width:122px;height:122px}.result-card{min-height:190px;padding:12px}.result-score strong{font-size:2.5rem}.result-record{margin:6px 0 12px}.result-replay{min-height:64px}}@media (width>=720px){body{background:#f3ead7}.screen-container,.fatal-screen{box-shadow:0 0 40px #071b3d1a}}