:root{--bg:#f4f7f5;--surface:#fff;--surface-subtle:#f8faf9;--ink:#20322d;--ink-strong:#172620;--muted:#71807a;--muted-2:#93a09b;--line:#dfe6e3;--line-strong:#cfd9d5;--accent:#15956f;--accent-hover:#0f7c5c;--accent-soft:#e9f6f1;--accent-line:#b9dfd1;--danger:#c94b4b;--danger-soft:#fbefef;--danger-line:#efc4c4;--shadow-soft:0 1px 2px rgba(25,55,46,.03),0 12px 30px rgba(25,55,46,.05)}*{box-sizing:border-box}body,html{min-width:320px;background:var(--bg)}body{margin:0;min-height:100vh;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,select{font:inherit}button{color:inherit}button:focus-visible,select:focus-visible{outline:3px solid rgba(21,149,111,.18);outline-offset:2px}button,select{-webkit-tap-highlight-color:transparent}.site-shell{min-height:100vh}.app-topbar{position:-webkit-sticky;position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:68px;padding:max(6px,env(safe-area-inset-top)) max(18px,calc((100vw - 1180px) / 2)) 6px;background:hsla(0,0%,100%,.97);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{display:inline-flex;align-items:center;justify-content:flex-start;flex:0 1 auto;min-width:0;padding:0;border:0;background:transparent;cursor:pointer}.brand-logo{display:block;width:auto;height:56px;max-width:238px;object-fit:contain}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:4px;margin-left:auto}.desktop-nav-item{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 11px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-size:.8rem;font-weight:720;cursor:pointer}.desktop-nav-item.active,.desktop-nav-item:hover{background:var(--accent-soft);color:var(--accent-hover)}.desktop-nav-item img{width:17px;height:17px;opacity:.78}.desktop-nav-item.active img{opacity:1}.language-selector{position:relative;flex:0 0 auto}.language-trigger{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 9px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--ink);font:inherit;font-size:.86rem;font-weight:650;cursor:pointer}.language-trigger:hover:not(:disabled){border-color:var(--line-strong);background:var(--surface-subtle)}.language-trigger:disabled{color:var(--muted);background:var(--surface-subtle);cursor:default}.language-flag{width:22px;height:15px;flex:0 0 auto;border-radius:3px;object-fit:cover;box-shadow:0 0 0 1px rgba(16,42,36,.09)}.language-chevron{display:inline-grid;place-items:center;width:14px;height:14px;margin-left:1px;color:var(--muted);line-height:1;transition:transform .16s ease}.language-chevron svg{width:14px;height:14px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.language-trigger[aria-expanded=true] .language-chevron{transform:rotate(180deg)}.language-menu{position:absolute;z-index:30;top:calc(100% + 7px);right:0;width:180px;padding:6px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 16px 42px rgba(17,49,42,.14)}.language-option{display:grid;grid-template-columns:22px minmax(0,1fr) 18px;align-items:center;grid-gap:9px;gap:9px;width:100%;min-height:40px;padding:6px 8px;border:0;border-radius:8px;background:transparent;color:var(--ink);font:inherit;font-size:.86rem;font-weight:600;text-align:left;cursor:pointer}.language-option.is-selected,.language-option:hover{background:var(--accent-soft)}.language-check{color:var(--accent);font-weight:800;text-align:center}.page-content{width:min(100% - 36px,1180px);margin:0 auto;padding:36px 0 52px}.achievements-section,.player-overview,.question-panel,.result-panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-soft)}.section-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--accent-hover);font-size:.73rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.section-heading-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.section-title{margin:7px 0 0;color:var(--ink-strong);font-size:clamp(1.6rem,3vw,2.25rem);line-height:1.05;letter-spacing:-.035em}.achievement-count,.section-meta{color:var(--muted);font-size:.78rem;font-weight:650}.primary-button,.secondary-button,.tertiary-button{min-height:48px;border-radius:11px;padding:0 18px;font-weight:750;cursor:pointer;transition:background-color .14s ease,border-color .14s ease,transform .14s ease}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--accent);background:var(--accent);color:#fff}.primary-button:hover:not(:disabled){border-color:var(--accent-hover);background:var(--accent-hover)}.primary-button:disabled{border-color:var(--line-strong);background:#dfe6e3;color:var(--muted);cursor:default}.primary-button:active,.secondary-button:active,.tertiary-button:active{transform:translateY(1px)}.secondary-button{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink)}.secondary-button:hover:not(:disabled){background:var(--surface-subtle);border-color:#bcc9c4}.tertiary-button{min-height:42px;border:0;background:transparent;color:var(--muted)}.tertiary-button:hover:not(:disabled){background:var(--surface-subtle);color:var(--ink)}.player-overview{padding:18px 20px;border-radius:18px}.player-level-summary{display:grid;grid-template-columns:minmax(240px,.9fr) minmax(0,1.4fr);align-items:center;grid-gap:24px;gap:24px}.player-level-copy{min-width:0}.level-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:6px}.level-title-row strong{color:var(--ink-strong);font-size:1.18rem;letter-spacing:-.02em}.level-title-row span{color:var(--muted);font-size:.8rem;font-weight:650}.level-track,.mastery-track{overflow:hidden;border-radius:999px;background:#e1e8e5}.level-track{height:7px;margin-top:11px}.level-fill,.mastery-fill{height:100%;border-radius:inherit;background:var(--accent);transition:width .22s ease}.overview-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px}.overview-metric{display:flex;align-items:center;gap:9px;min-width:0;min-height:58px;padding:9px 10px;border:1px solid var(--line);border-radius:12px;background:var(--surface-subtle)}.overview-metric-icon{flex:0 0 auto;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--accent-soft);color:var(--accent-hover);font-size:.76rem;font-weight:850;line-height:1;text-align:center}.overview-metric-copy{min-width:0}.overview-metric-copy span,.overview-metric-copy strong{display:block}.overview-metric-copy strong{color:var(--ink-strong);font-size:.96rem;line-height:1.05}.overview-metric-copy span{margin-top:3px;overflow:hidden;color:var(--muted);font-size:.7rem;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.categories-section{margin-top:8px}.categories-heading-row{align-items:flex-end;padding:0 2px}.section-link{min-height:36px;border:1px solid var(--line);border-radius:10px;padding:0 12px;background:var(--surface);color:var(--ink);font-size:.76rem;font-weight:750;cursor:pointer}.section-link:hover{background:var(--surface-subtle)}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.category-card{position:relative;display:grid;grid-template-rows:minmax(160px,1fr) auto;min-width:0;min-height:286px;overflow:hidden;border:1px solid var(--line);border-radius:22px;padding:0;background:linear-gradient(160deg,var(--surface) 35%,var(--category-soft) 100%);color:var(--ink);text-align:left;box-shadow:var(--shadow-soft);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.category-card.available{cursor:pointer}.category-card.available:hover{transform:translateY(-2px);border-color:var(--category-accent);box-shadow:0 16px 36px rgba(22,44,36,.1)}.category-card.selected{border-color:var(--category-accent);box-shadow:0 0 0 2px var(--category-accent),0 16px 36px rgba(22,44,36,.1)}.category-card:disabled{cursor:default;opacity:1}.category-art{display:grid;place-items:center;min-height:0;padding:12px 16px 0}.category-art img{display:block;width:min(100%,188px);height:174px;object-fit:contain}.category-card-copy{display:flex;flex-direction:column;min-width:0;padding:6px 18px 16px}.category-card-copy>strong{color:var(--ink-strong);font-size:1.14rem;line-height:1.16;letter-spacing:-.02em}.category-description{min-height:2.4em;margin-top:5px;color:var(--muted);font-size:.79rem;line-height:1.38}.category-status{position:absolute;top:12px;right:12px;z-index:2;margin:0;border-radius:999px;padding:5px 8px;background:var(--category-soft);color:var(--category-accent);font-size:.68rem;font-weight:800}.category-card.coming-soon .category-status{background:hsla(0,0%,100%,.72);color:var(--muted)}.theme-category-pill{display:inline-flex;align-items:center;gap:6px;width:-moz-fit-content;width:fit-content;border-radius:999px;padding:4px 7px;background:var(--theme-accent-soft,var(--accent-soft));color:var(--theme-accent,var(--accent-hover));font-size:.64rem;font-weight:800}.theme-category-dot{width:6px;height:6px;border-radius:50%;background:var(--theme-accent,var(--accent))}.theme-stars{display:inline-flex;align-items:center;gap:1px;flex:0 0 auto;font-size:.92rem}.theme-stars .earned{color:var(--theme-accent,var(--accent-hover))}.theme-stars .empty{color:#b8c4c0}.theme-stars.compact{font-size:.83rem}.theme-browser-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.theme-browser-card{display:grid;grid-template-columns:150px minmax(0,1fr);min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-soft)}.theme-browser-card.locked{border-color:var(--line-strong)}.theme-browser-visual{position:relative;display:grid;place-items:center;min-height:190px;padding:13px;background:var(--theme-accent-soft,var(--surface-subtle));border-right:1px solid var(--line)}.theme-browser-visual>img{display:block;width:100%;height:100%;max-height:155px;object-fit:contain}.theme-browser-icon{position:absolute;left:10px;bottom:10px;display:grid;place-items:center;width:34px;height:34px;border:1px solid hsla(0,0%,100%,.84);border-radius:10px;background:hsla(0,0%,100%,.92);color:var(--ink-strong);font-size:.84rem;font-weight:800;box-shadow:0 4px 12px rgba(28,58,50,.09)}.theme-browser-icon>span{display:block;line-height:1;transform:translateY(-1px)}.theme-browser-copy{display:flex;flex-direction:column;min-width:0;padding:18px}.theme-browser-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.theme-browser-heading h2{margin:6px 0 0;color:var(--ink-strong);font-size:1.18rem;line-height:1.1;letter-spacing:-.025em}.theme-browser-copy>p{display:-webkit-box;margin:9px 0 0;overflow:hidden;color:var(--muted);font-size:.8rem;line-height:1.38;-webkit-box-orient:vertical;-webkit-line-clamp:2}.theme-browser-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px;color:var(--muted);font-size:.69rem;font-weight:650}.theme-browser-card .mastery-fill{background:var(--theme-accent,var(--accent))}.theme-browser-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:8px;gap:8px;margin-top:14px}.theme-browser-actions.single{grid-template-columns:minmax(0,1fr)}.theme-browser-actions .primary-button,.theme-browser-actions .secondary-button{min-height:42px;padding-inline:12px;font-size:.76rem}.achievements-section{padding:20px;border-radius:18px}.achievements-heading-row{margin-bottom:13px}.achievements-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:9px;gap:9px}.achievement-card{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;grid-gap:10px;gap:10px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-subtle)}.achievement-card.locked{opacity:.68}.achievement-card.unlocked{border-color:var(--accent-line);background:var(--accent-soft)}.achievement-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--surface);color:var(--muted);font-size:.78rem;font-weight:850;line-height:1;text-align:center}.achievement-icon-glyph{display:block;line-height:1;transform:translateY(-1px)}.achievement-card.unlocked .achievement-icon{background:var(--accent);color:#fff}.achievement-copy{min-width:0}.achievement-copy span,.achievement-copy strong{display:block}.achievement-copy strong{color:var(--ink-strong);font-size:.82rem;line-height:1.2}.achievement-copy span{margin-top:3px;color:var(--muted);font-size:.72rem;line-height:1.32}.achievement-status{grid-column:1/-1;color:var(--muted);font-size:.68rem;font-weight:750}.result-unlocks{display:grid;grid-gap:8px;gap:8px;margin-top:14px}.unlock-callout{display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid var(--accent-line);border-radius:11px;background:var(--accent-soft);text-align:left}.unlock-callout-icon{flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--accent);color:#fff;font-size:.78rem;font-weight:850;line-height:1;text-align:center}.unlock-callout span,.unlock-callout strong{display:block}.unlock-callout strong{color:var(--ink-strong);font-size:.8rem}.unlock-callout div>span{margin-top:2px;color:var(--muted);font-size:.75rem}.quiz-page{width:min(100% - 36px,900px);padding-top:22px}.quiz-toolbar{display:grid;grid-template-columns:auto minmax(220px,1fr) auto;align-items:center;grid-gap:14px;gap:14px;margin-bottom:12px}.back-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:44px;min-height:42px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--muted);font-size:.82rem;font-weight:700;cursor:pointer}.back-button:hover{color:var(--ink);border-color:var(--line-strong)}.quiz-progress-block{min-width:0}.quiz-progress-copy{display:flex;justify-content:center;margin-bottom:6px;color:var(--muted);font-size:.76rem}.quiz-progress-copy strong{color:var(--ink);font-weight:720}.progress-track{height:7px;overflow:hidden;border-radius:999px;background:#dfe7e4}.progress-fill{height:100%;border-radius:inherit;background:var(--accent);transition:width .22s ease}.live-stats{display:flex;align-items:center;gap:7px}.live-stat{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:42px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--muted);font-size:.75rem}.live-stat-symbol{color:var(--accent-hover);font-weight:800}.live-stat strong{color:var(--ink-strong);font-size:.9rem}.question-panel{padding:clamp(20px,3.5vw,32px);border-radius:18px}.question-copy{text-align:center}.question-copy h1,.result-panel h1{color:var(--ink-strong);letter-spacing:-.04em}.question-copy h1{max-width:820px;margin:10px auto 18px;font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.15}.question-image-wrap{display:grid;place-items:center;width:min(100%,760px);aspect-ratio:975/610;margin:0 auto 18px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-subtle)}.question-image{display:block;width:100%;height:100%;object-fit:contain}.answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:9px;gap:9px;width:min(100%,760px);margin:0 auto}.answer-button{display:grid;grid-template-columns:36px minmax(0,1fr) 26px;align-items:center;grid-gap:10px;gap:10px;min-height:64px;padding:9px 12px;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface);text-align:left;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,transform .12s ease}.answer-button:hover:not(:disabled){border-color:#9fcaba;background:#fbfefd;transform:translateY(-1px)}.answer-button:disabled{cursor:default}.answer-letter,.answer-status{display:grid;place-items:center;border-radius:9px;font-size:.78rem;font-weight:800;line-height:1}.answer-letter{width:34px;height:34px;background:#eef2f0;color:var(--muted)}.answer-text{min-width:0;color:var(--ink-strong);font-weight:700;line-height:1.2}.answer-status{width:26px;height:26px;border-radius:50%;line-height:1;padding-bottom:1px}.answer-button.correct{border-color:var(--accent-line);background:var(--accent-soft);animation:answer-pop .18s ease-out}.answer-button.correct .answer-letter,.answer-button.correct .answer-status{background:var(--accent);color:#fff}.answer-button.wrong{border-color:var(--danger-line);background:var(--danger-soft);animation:answer-shake .18s ease-out}.answer-button.wrong .answer-letter,.answer-button.wrong .answer-status{background:var(--danger);color:#fff}.feedback-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:14px;gap:14px;width:min(100%,760px);margin:10px auto 0;padding:10px 11px 10px 13px;border:1px solid var(--line);border-left-width:3px;border-radius:11px;background:var(--surface)}.feedback-bar.success{border-color:var(--accent-line);border-left-color:var(--accent);background:color-mix(in srgb,var(--accent-soft) 34%,var(--surface))}.feedback-bar.error{border-color:var(--danger-line);border-left-color:var(--danger);background:color-mix(in srgb,var(--danger-soft) 28%,var(--surface))}.feedback-copy{display:flex;align-items:center;gap:8px;min-width:0}.feedback-mark{flex:0 0 auto;display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;color:#fff;font-size:.72rem;font-weight:800;line-height:1;padding-bottom:1px}.feedback-bar.success .feedback-mark{background:var(--accent)}.feedback-bar.error .feedback-mark{background:var(--danger)}.feedback-text{min-width:0}.feedback-text span,.feedback-text strong{display:block}.feedback-text strong{color:var(--ink-strong);font-size:.84rem;line-height:1.15}.feedback-text span{margin-top:2px;overflow:hidden;color:var(--muted);font-size:.74rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.feedback-button{flex:0 0 auto;min-height:40px;padding-inline:16px}.feedback-next-icon{margin-left:1px}.result-page{display:grid;place-items:center;min-height:calc(100vh - 64px);padding-top:28px;padding-bottom:48px}.result-panel{width:min(100%,610px);padding:34px;border-radius:18px;text-align:center}.result-icon{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 14px;border-radius:15px;background:var(--accent-soft);color:var(--accent-hover);font-size:1.35rem;font-weight:850;line-height:1;text-align:center}.result-panel h1{margin:9px 0 17px;font-size:clamp(1.7rem,4vw,2.35rem)}.result-score{display:flex;align-items:flex-end;justify-content:center;gap:2px}.result-score strong{color:var(--accent-hover);font-size:clamp(3.8rem,10vw,5.1rem);line-height:.9;letter-spacing:-.08em}.result-score span{color:var(--muted-2);font-size:1.3rem;font-weight:700}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-top:24px}.result-stats>div{padding:13px 8px;border:1px solid var(--line);border-radius:11px;background:var(--surface-subtle)}.result-stats span,.result-stats strong{display:block}.result-stats strong{color:var(--ink-strong);font-size:1.15rem}.result-stats span{margin-top:3px;color:var(--muted);font-size:.73rem}.result-mastery{margin-top:14px;padding:13px 14px;border:1px solid var(--line);border-radius:11px}.result-progress-detail{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;color:var(--muted);font-size:.7rem}.result-divider{height:1px;margin:22px 0 17px;background:var(--line)}.result-label{color:var(--muted);font-size:.77rem;font-weight:700}.reward-row{display:flex;justify-content:center;gap:8px;margin-top:9px}.reward-row span{padding:8px 11px;border-radius:9px;background:var(--surface-subtle);border:1px solid var(--line);color:var(--ink);font-size:.82rem;font-weight:750}.result-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:9px;gap:9px;margin-top:22px}.result-home-button{grid-column:1/-1}.result-actions.no-practice{grid-template-columns:1fr}.result-actions.no-practice .result-home-button{grid-column:auto}.loading-page{display:grid;place-items:center;min-height:100vh;background:var(--bg)}.loading-indicator{width:38px;height:38px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .75s linear infinite}.reload-button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:var(--surface);cursor:pointer}@keyframes spin{to{transform:rotate(1turn)}}@keyframes answer-pop{50%{transform:scale(1.012)}}@keyframes answer-shake{33%{transform:translateX(-2px)}66%{transform:translateX(2px)}}@media (max-width:860px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.player-level-summary{grid-template-columns:1fr;gap:16px}.achievements-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.app-topbar{min-height:56px;padding:max(8px,env(safe-area-inset-top)) 12px 8px}.brand{gap:9px}.language-trigger{min-height:36px;gap:6px;padding:0 8px;border-radius:10px;font-size:.78rem}.language-flag{width:20px;height:14px}.page-content{width:min(100% - 20px,1180px);padding-top:16px;padding-bottom:max(24px,env(safe-area-inset-bottom))}.player-overview,.question-panel,.result-panel{border-radius:14px}.player-overview{padding:14px}.player-level-summary{gap:13px}.level-title-row{gap:8px;margin-top:4px}.level-title-row strong{font-size:1.02rem}.level-title-row span{font-size:.72rem}.overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.overview-metric{min-height:52px;padding:8px}.overview-metric-icon{width:28px;height:28px;border-radius:8px}.categories-heading-row,.themes-heading-row{align-items:flex-end;margin-bottom:10px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.category-card{grid-template-columns:1fr;grid-template-rows:108px auto;min-height:164px;border-radius:16px}.category-art{padding:5px 5px 0}.category-art img{width:108px;height:108px}.category-card-copy{align-items:center;justify-content:center;padding:3px 8px 9px;text-align:center}.category-card-copy>strong{font-size:.88rem;line-height:1.12}.category-description{display:none}.category-status{top:7px;right:7px;padding:4px 6px;font-size:.59rem}.section-title{margin-top:5px;font-size:1.45rem}.theme-percent-badge{right:12px;bottom:12px;min-width:66px;padding:7px 8px}.theme-card-heading{gap:10px}.theme-icon{width:40px;height:40px;border-radius:11px;font-size:1.15rem}.theme-card-heading h2{font-size:1.35rem}.theme-card-meta{display:grid;grid-gap:3px;gap:3px;margin-top:12px;font-size:.73rem}.theme-card-meta>span[aria-hidden=true]{display:none}.theme-mastery-row{margin-top:15px}.theme-card-actions,.theme-card-actions.single{grid-template-columns:1fr;max-width:none;margin-top:17px}.achievements-section{padding:16px;border-radius:14px}.achievements-grid{grid-template-columns:1fr;gap:7px}.achievement-card{grid-template-columns:34px minmax(0,1fr) auto;align-items:center;padding:10px}.achievement-card.unlocked{grid-template-columns:34px minmax(0,1fr)}.achievement-icon{width:32px;height:32px;border-radius:8px}.achievement-status{grid-column:auto;white-space:nowrap}.quiz-page{width:min(100% - 16px,900px);padding-top:9px}.quiz-toolbar{grid-template-columns:40px minmax(0,1fr) auto;gap:7px;margin-bottom:8px}.back-button{width:40px;min-width:40px;min-height:40px;padding:0;border-radius:10px;font-size:.9rem}.back-label,.live-stat-label{display:none}.quiz-progress-copy{justify-content:flex-start;margin-bottom:5px;font-size:.7rem}.progress-track{height:6px}.live-stats{gap:4px}.live-stat{gap:3px;min-width:39px;min-height:40px;padding:0 7px;border-radius:10px;font-size:.72rem}.live-stat strong{font-size:.84rem}.question-panel{padding:13px 11px 14px}.question-kicker{display:none}.question-copy h1{margin:1px auto 11px;font-size:clamp(1.24rem,6.2vw,1.55rem);line-height:1.15;letter-spacing:-.035em}.question-image-wrap{width:100%;margin-bottom:9px;padding:5px;border-radius:11px}.answer-grid{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.answer-button{grid-template-columns:28px minmax(0,1fr) 22px;gap:6px;min-height:60px;padding:7px 8px;border-radius:10px}.answer-letter{width:27px;height:27px;border-radius:8px;font-size:.72rem}.answer-text{font-size:.88rem;line-height:1.15}.answer-status{width:22px;height:22px;font-size:.7rem}.feedback-bar{position:-webkit-sticky;position:sticky;bottom:max(7px,env(safe-area-inset-bottom));z-index:15;grid-template-columns:minmax(0,1fr) auto;gap:8px;width:100%;margin-top:8px;padding:8px 8px 8px 10px;border-radius:10px}.feedback-copy{gap:7px}.feedback-mark{width:20px;height:20px;font-size:.66rem}.feedback-text strong{font-size:.8rem}.feedback-text span{font-size:.69rem}.feedback-button{min-height:38px;padding:0 10px;font-size:.76rem}.result-page{min-height:calc(100vh - 56px);padding-top:14px;padding-bottom:max(24px,env(safe-area-inset-bottom))}.result-panel{padding:24px 16px}.result-icon{width:48px;height:48px;margin-bottom:12px}.result-panel h1{margin-bottom:15px}.result-stats{gap:6px;margin-top:19px}.result-stats>div{padding:11px 5px}.result-stats span{font-size:.68rem}.result-progress-detail{gap:8px;font-size:.66rem}.result-actions{grid-template-columns:1fr}.result-home-button{grid-column:auto}}@media (max-width:360px){.language-name{display:none}.language-trigger{gap:5px;padding:0 7px}.answer-button{grid-template-columns:25px minmax(0,1fr) 20px;gap:4px;padding-left:6px;padding-right:6px}.answer-letter{width:25px;height:25px}.answer-text{font-size:.82rem}.feedback-bar{grid-template-columns:minmax(0,1fr) auto}.feedback-text span{max-width:145px}.feedback-button{width:auto;padding-inline:9px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (max-width:380px){.category-card{grid-template-rows:96px auto;min-height:150px}.category-art img{width:96px;height:96px}.category-card-copy>strong{font-size:.82rem}.category-status{top:6px;right:6px;padding:3px 5px;font-size:.55rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mobile-bottom-nav{display:none}.explore-page,.friendly-home-page,.profile-page{display:grid;grid-gap:22px;gap:22px}.explore-title-block h1,.profile-heading h1{margin:7px 0 0;color:var(--ink-strong);font-size:clamp(1.85rem,4vw,2.7rem);line-height:1.02;letter-spacing:-.045em}.explore-title-block p,.profile-heading p{max-width:720px;margin:8px 0 0;color:var(--muted);font-size:.9rem;line-height:1.45}.compact-heading-row{margin-bottom:10px}.continue-section{min-width:0}.home-continue-card{display:grid;grid-template-columns:150px minmax(0,1fr) auto;align-items:center;grid-gap:18px;gap:18px;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:18px;padding:12px 14px 12px 12px;background:linear-gradient(110deg,var(--surface) 45%,var(--theme-accent-soft,var(--accent-soft)) 100%);box-shadow:var(--shadow-soft)}.home-continue-visual{display:grid;place-items:center;width:150px;height:104px;overflow:hidden;border-radius:13px;background:hsla(0,0%,100%,.78)}.home-continue-visual img{width:100%;height:100%;padding:6px;object-fit:contain}.home-continue-copy{min-width:0}.home-continue-category{color:var(--theme-accent,var(--accent-hover));font-size:.67rem;font-weight:800}.home-continue-copy h2{margin:4px 0 0;overflow:hidden;color:var(--ink-strong);font-size:1.28rem;line-height:1.1;letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap}.home-continue-progress{grid-template-columns:minmax(100px,240px) auto;align-items:center;grid-gap:9px;gap:9px;margin-top:10px}.home-continue-progress .mastery-track{margin:0}.home-continue-progress .mastery-fill{background:var(--theme-accent,var(--accent))}.home-continue-progress>span{color:var(--muted);font-size:.7rem;font-weight:750}.home-continue-action{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 16px;border:1px solid var(--theme-accent,var(--accent));border-radius:11px;background:var(--theme-accent,var(--accent));color:#fff;font-size:.8rem;font-weight:780;cursor:pointer}.home-category-grid .category-card{cursor:pointer}.home-category-grid .category-card:hover{transform:translateY(-2px);border-color:var(--category-accent);box-shadow:0 16px 36px rgba(22,44,36,.1)}.explore-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,330px);align-items:end;grid-gap:24px;gap:24px}.explore-title-block{display:flex;align-items:center;gap:16px;min-width:0}.explore-category-art{display:grid;place-items:center;flex:0 0 auto;width:92px;height:92px;border-radius:22px;background:var(--category-soft,var(--accent-soft))}.explore-category-art img{width:88px;height:88px;object-fit:contain}.theme-search{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;grid-gap:8px;gap:8px;min-height:46px;border:1px solid var(--line);border-radius:12px;padding:0 12px;background:var(--surface)}.theme-search:focus-within{border-color:var(--accent-line);box-shadow:0 0 0 3px rgba(21,149,111,.08)}.theme-search svg{width:19px;height:19px;fill:none;stroke:var(--muted);stroke-width:1.8;stroke-linecap:round}.theme-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:.84rem}.theme-search input::placeholder{color:var(--muted-2)}.category-filter-scroll{display:flex;gap:7px;padding:2px 1px 5px;scrollbar-width:none}.category-filter-scroll::-webkit-scrollbar{display:none}.category-filter-chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;border:1px solid var(--line);border-radius:999px;padding:0 11px;background:var(--surface);color:var(--muted);font-size:.72rem;font-weight:740;cursor:pointer}.category-filter-chip img{width:24px;height:24px;object-fit:contain}.category-filter-chip.active,.category-filter-chip:hover{border-color:var(--chip-accent,var(--accent-line));background:var(--chip-soft,var(--accent-soft));color:var(--chip-accent,var(--accent-hover))}.theme-browser-section{min-width:0}.empty-themes-state{display:grid;place-items:center;min-height:270px;border:1px dashed var(--line-strong);border-radius:18px;padding:28px;background:hsla(0,0%,100%,.55);text-align:center}.empty-themes-state img{width:104px;height:104px;object-fit:contain;opacity:.78}.empty-themes-state strong{margin-top:8px;color:var(--ink-strong);font-size:1rem}.empty-themes-state span{max-width:420px;margin-top:5px;color:var(--muted);font-size:.78rem}.profile-heading{padding:4px 2px 0}@media (max-width:980px){.desktop-nav-item span{display:none}.desktop-nav-item{width:38px;padding:0;justify-content:center}.theme-browser-grid{grid-template-columns:1fr}}@media (max-width:700px){.has-bottom-nav .page-content{padding-bottom:calc(78px + env(safe-area-inset-bottom))}.app-topbar{min-height:60px;padding-top:max(5px,env(safe-area-inset-top));padding-bottom:5px}.brand-logo{height:49px;max-width:184px}.desktop-nav{display:none}.mobile-bottom-nav{position:fixed;z-index:40;left:10px;right:10px;bottom:max(8px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-height:58px;padding:5px;border:1px solid rgba(204,216,211,.9);border-radius:18px;background:hsla(0,0%,100%,.96);box-shadow:0 14px 36px rgba(22,48,41,.16);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-nav-item{display:grid;justify-items:center;align-content:center;grid-gap:2px;gap:2px;min-width:0;border:0;border-radius:13px;padding:5px 4px;background:transparent;color:var(--muted);font-size:.61rem;font-weight:740;cursor:pointer}.mobile-nav-item img{width:20px;height:20px;opacity:.72}.mobile-nav-item.active{background:var(--accent-soft);color:var(--accent-hover)}.mobile-nav-item.active img{opacity:1}.explore-page,.friendly-home-page,.profile-page{gap:16px}.explore-title-block h1,.profile-heading h1{margin-top:5px;font-size:1.62rem}.home-continue-card{grid-template-columns:86px minmax(0,1fr) 36px;gap:10px;padding:8px;border-radius:14px}.home-continue-visual{width:86px;height:70px;border-radius:10px}.home-continue-category{font-size:.58rem}.home-continue-copy h2{font-size:.96rem}.home-continue-progress{grid-template-columns:minmax(70px,1fr) auto;margin-top:7px}.home-continue-action{width:36px;min-height:36px;padding:0;border-radius:10px}.explore-header{grid-template-columns:1fr;gap:12px}.explore-title-block{gap:10px}.explore-category-art{width:64px;height:64px;border-radius:16px}.explore-category-art img{width:62px;height:62px}.explore-title-block p{display:none}.theme-search{min-height:42px}.category-filter-chip{min-height:34px;padding-inline:9px;font-size:.67rem}.category-filter-chip img{width:22px;height:22px}.theme-browser-card{grid-template-columns:112px minmax(0,1fr);border-radius:14px}.theme-browser-visual{min-height:168px;padding:8px}.theme-browser-copy{padding:12px}.theme-browser-heading h2{margin-top:4px;font-size:1rem}.theme-browser-copy>p{margin-top:6px;font-size:.72rem}.theme-browser-meta{display:grid;grid-gap:2px;gap:2px;margin-top:9px;font-size:.62rem}.theme-browser-actions{grid-template-columns:1fr;gap:6px;margin-top:10px}.theme-browser-actions .primary-button,.theme-browser-actions .secondary-button{min-height:38px}.theme-browser-heading .theme-stars{display:none}.profile-page .player-overview{margin-top:0}}@media (max-width:380px){.brand-logo{height:43px;max-width:156px}.home-continue-card{grid-template-columns:76px minmax(0,1fr) 34px}.home-continue-visual{width:76px;height:64px}.category-filter-chip span{max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.profile-nudge{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;border:1px solid var(--border);border-radius:16px;background:#fff}.profile-nudge>div{display:grid;grid-gap:2px;gap:2px}.profile-nudge strong{font-size:14px}.profile-nudge span{color:var(--muted);font-size:13px}.compact-button{min-height:38px!important;padding:8px 14px!important;white-space:nowrap}.theme-detail-page{display:grid;grid-gap:18px;gap:18px}.detail-back-button{width:max-content;display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;color:var(--muted);font:inherit;font-weight:700;padding:0;cursor:pointer}.theme-detail-hero{display:grid;grid-template-columns:minmax(170px,250px) minmax(0,1fr) auto;align-items:center;grid-gap:28px;gap:28px;padding:24px;border:1px solid color-mix(in srgb,var(--theme-accent,#159c79) 18%,var(--border));border-radius:24px;background:linear-gradient(110deg,#fff 48%,var(--theme-accent-soft,#eef8f5));box-shadow:0 12px 32px rgba(22,48,62,.06)}.theme-detail-art{min-height:168px;display:grid;place-items:center;border-radius:20px;background:hsla(0,0%,100%,.7);overflow:hidden}.theme-detail-art img{width:100%;height:180px;object-fit:contain}.theme-detail-copy{min-width:0}.theme-detail-copy h1{margin:10px 0 6px;font-size:clamp(28px,4vw,44px);line-height:1.04}.theme-detail-copy p{margin:0;max-width:650px;color:var(--muted)}.theme-detail-stars{display:flex;gap:4px;margin-top:14px;font-size:20px}.theme-detail-stars .earned{color:#f2ae16}.theme-detail-stars .empty{color:#ccd6d4}.theme-detail-actions{display:grid;grid-gap:10px;gap:10px;min-width:190px}.theme-detail-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}.theme-detail-stat{display:grid;grid-gap:3px;gap:3px;padding:16px;border:1px solid var(--border);border-radius:16px;background:#fff}.theme-detail-stat strong{font-size:22px}.theme-detail-stat span{color:var(--muted);font-size:13px}.theme-detail-progress-card{display:grid;grid-gap:10px;gap:10px;padding:18px;border:1px solid var(--border);border-radius:18px;background:#fff}.friend-invite-card,.friends-empty-card,.profile-editor-card{border:1px solid var(--border);border-radius:20px;background:#fff}.profile-editor-card{display:grid;grid-gap:18px;gap:18px;padding:20px;margin-bottom:18px}.profile-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.profile-editor-heading h2{margin:4px 0}.profile-editor-heading p{margin:0;color:var(--muted);max-width:720px}.profile-current-avatar{width:72px;height:72px;border-radius:20px}.profile-name-field{display:grid;grid-gap:7px;gap:7px;max-width:460px;font-weight:700}.profile-name-field input{width:100%;min-height:46px;border:1px solid var(--border);border-radius:13px;background:#fff;padding:0 13px;font:inherit}.profile-name-field small{color:var(--muted);font-weight:500}.avatar-picker{display:flex;gap:10px;flex-wrap:wrap}.avatar-choice{width:68px;height:68px;padding:4px;border:2px solid transparent;border-radius:18px;background:transparent;cursor:pointer}.avatar-choice img{width:100%;height:100%;display:block;border-radius:15px}.avatar-choice.selected{border-color:var(--accent);background:var(--accent-soft)}.profile-editor-actions{display:flex;align-items:center;gap:12px}.profile-editor-actions .primary-button{width:auto;min-width:150px}.profile-saved{font-size:13px}.private-badge,.profile-saved{color:var(--accent);font-weight:800}.private-badge{margin-left:auto;padding:6px 10px;border-radius:999px;background:var(--accent-soft);font-size:12px}.friend-invite-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:12px 24px;gap:12px 24px;padding:20px}.friend-invite-card h2{margin:5px 0}.friend-invite-card p{margin:0;color:var(--muted);max-width:700px}.friend-invite-card .primary-button{width:auto;min-width:180px}.friend-invite-card .primary-button:disabled{opacity:.48;cursor:not-allowed}.cloud-note{grid-column:1/-1;color:var(--muted);font-size:12px}.friends-list-section{display:grid;grid-gap:12px;gap:12px}.friends-empty-card{display:flex;align-items:center;gap:14px;padding:18px}.friends-empty-card>div:not(.friends-empty-icon){display:grid;grid-gap:3px;gap:3px}.friends-empty-card span{color:var(--muted)}.friends-empty-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:14px;background:var(--accent-soft);color:var(--accent);font-size:24px;font-weight:700}@media (max-width:760px){.profile-nudge{align-items:flex-start}.profile-nudge span{display:none}.theme-detail-hero{grid-template-columns:110px minmax(0,1fr);gap:14px;padding:14px;border-radius:18px}.theme-detail-art{min-height:104px}.theme-detail-art img{height:110px}.theme-detail-copy h1{font-size:24px}.theme-detail-copy p{font-size:13px}.theme-detail-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;min-width:0}.theme-detail-actions>:only-child{grid-column:1/-1}.theme-detail-stats{grid-template-columns:repeat(2,1fr)}.profile-editor-card{padding:15px}.profile-editor-heading p{font-size:13px}.profile-current-avatar{width:60px;height:60px}.avatar-picker{gap:7px}.avatar-choice{width:56px;height:56px;border-radius:15px}.friend-invite-card{grid-template-columns:1fr;padding:16px}.friend-invite-card .primary-button{width:100%}}@media (max-width:390px){.theme-detail-hero{grid-template-columns:90px minmax(0,1fr)}.theme-detail-art img{height:92px}.theme-detail-copy h1{font-size:21px}.theme-detail-actions{grid-template-columns:1fr}.theme-detail-stats{gap:7px}.theme-detail-stat{padding:12px}.avatar-choice{width:50px;height:50px}}.profile-input-wrap{position:relative;max-width:460px}.profile-name-field input{min-height:50px;border:2px solid #bdcbc6;border-radius:14px;background:#f8fbfa;padding:0 48px 0 14px;color:var(--ink-strong);font-weight:650;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.9);transition:border-color .14s ease,background-color .14s ease,box-shadow .14s ease}.profile-name-field input::placeholder{color:#87958f;font-weight:600;opacity:1}.profile-name-field input:hover{border-color:#9eb4ac;background:#fff}.profile-name-field input:focus,.profile-name-field input:focus-visible{outline:none;border-color:var(--accent);background:#fff;box-shadow:0 0 0 4px rgba(21,149,111,.13),inset 0 1px 0 hsla(0,0%,100%,.95)}.profile-input-edit-icon{position:absolute;top:50%;right:14px;display:grid;place-items:center;width:26px;height:26px;border-radius:8px;transform:translateY(-50%);background:var(--accent-soft);color:var(--accent-hover);font-size:15px;font-weight:900;pointer-events:none}.game-action-button,.home-continue-action.game-action-button{--cta-color:var(--theme-accent,var(--accent));position:relative;isolation:isolate;overflow:hidden;border-color:color-mix(in srgb,var(--cta-color) 78%,#0b4739);border-radius:14px;background:var(--cta-color);background-image:linear-gradient(135deg,color-mix(in srgb,var(--cta-color) 82%,#fff) 0,var(--cta-color) 48%,color-mix(in srgb,var(--cta-color) 78%,#083f33) 100%);color:#fff;box-shadow:0 4px 0 color-mix(in srgb,var(--cta-color) 58%,#073d31),0 10px 22px color-mix(in srgb,var(--cta-color) 24%,transparent);text-shadow:0 1px 0 rgba(0,0,0,.1);transform:translateY(0);transition:transform .14s ease,box-shadow .14s ease,filter .14s ease}.game-action-button:before,.home-continue-action.game-action-button:before{content:"";position:absolute;z-index:-1;top:0;left:9%;width:64%;height:42%;border-radius:999px;background:linear-gradient(90deg,hsla(0,0%,100%,.28),hsla(0,0%,100%,0));transform:skewX(-18deg);pointer-events:none}.game-action-button:hover:not(:disabled),.home-continue-action.game-action-button:hover:not(:disabled){border-color:color-mix(in srgb,var(--cta-color) 78%,#0b4739);background-color:var(--cta-color);filter:saturate(1.08) brightness(1.03);transform:translateY(-2px);box-shadow:0 6px 0 color-mix(in srgb,var(--cta-color) 58%,#073d31),0 14px 28px color-mix(in srgb,var(--cta-color) 28%,transparent)}.game-action-button:active:not(:disabled),.home-continue-action.game-action-button:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 color-mix(in srgb,var(--cta-color) 58%,#073d31),0 5px 12px color-mix(in srgb,var(--cta-color) 20%,transparent)}.game-action-play{display:grid;place-items:center;width:25px;height:25px;flex:0 0 25px;border-radius:999px;background:hsla(0,0%,100%,.2);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.18);font-size:10px;line-height:1;padding-left:1px}.home-continue-action.game-action-button{min-height:50px;padding:0 17px;font-weight:850}.game-action-arrow,.game-action-label{position:relative;z-index:1}@media (max-width:680px){.home-continue-action.game-action-button{width:42px;min-height:42px;padding:0;border-radius:13px}.home-continue-action .game-action-arrow,.home-continue-action .game-action-label{display:none}.home-continue-action .game-action-play{width:24px;height:24px;flex-basis:24px}}.game-action-button:hover:not(:disabled),.home-continue-action.game-action-button:hover:not(:disabled){background:var(--cta-color);background-image:linear-gradient(135deg,color-mix(in srgb,var(--cta-color) 86%,#fff) 0,var(--cta-color) 48%,color-mix(in srgb,var(--cta-color) 75%,#083f33) 100%)}.profile-name-field input{cursor:text}@media (max-width:680px){.home-continue-card{grid-template-columns:86px minmax(0,1fr) 42px}}.desktop-nav-item img.nav-profile-avatar,.mobile-nav-item img.nav-profile-avatar{object-fit:cover;opacity:1}.desktop-nav-item img.nav-profile-avatar{width:26px;height:26px;border-radius:8px}.game-action-button,.home-continue-action.game-action-button{--cta-color:var(--accent)}.home-continue-progress{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:5px;gap:5px}.home-continue-progress-label{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.home-continue-progress-label span{overflow:hidden;color:var(--muted);font-size:.68rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.home-continue-progress-label strong{color:var(--theme-accent,var(--accent));font-size:.72rem;font-weight:850}.category-filter-scroll{width:100%;min-width:0;flex-wrap:nowrap!important;overflow-x:auto;overflow-y:hidden;white-space:nowrap;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.category-filter-chip{flex:0 0 auto;min-height:32px;padding-inline:9px}.category-filter-chip img{width:20px;height:20px}.profile-friends-section{min-width:0}.profile-friends-heading{align-items:end}.profile-friends-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);grid-gap:12px;gap:12px}.profile-friends-grid .friend-invite-card,.profile-friends-grid .friends-empty-card{min-width:0;height:100%}@media (max-width:700px){.has-bottom-nav .page-content{padding-bottom:calc(68px + env(safe-area-inset-bottom))}.mobile-bottom-nav{left:0;right:0;bottom:0;min-height:60px;padding:4px 8px calc(4px + env(safe-area-inset-bottom));border:0;border-top:1px solid rgba(204,216,211,.95);border-radius:0;background:hsla(0,0%,100%,.98);box-shadow:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-nav-item{min-height:52px;border-radius:0;padding:5px 4px 4px}.mobile-nav-item.active{background:transparent;color:var(--accent-hover);box-shadow:inset 0 3px 0 var(--accent)}.mobile-nav-item img.nav-profile-avatar{width:24px;height:24px;border-radius:8px}.categories-heading-row .section-title{margin-top:3px;font-size:1.14rem;line-height:1.08;letter-spacing:-.025em}.categories-heading-row .section-kicker{font-size:.64rem}.home-continue-progress-label span{font-size:.61rem}.home-continue-progress-label strong{font-size:.66rem}.category-filter-scroll{margin-inline:-2px;padding:1px 2px 4px}.category-filter-chip{min-height:30px;padding-inline:8px;font-size:.64rem}.category-filter-chip img{width:18px;height:18px}.profile-friends-grid{grid-template-columns:1fr}}@media (max-width:380px){.categories-heading-row .section-title{font-size:1.06rem}}:root{--brand-teal:#08cf98;--brand-teal-strong:#0ab887;--brand-teal-deep:#087a66;--accent:#0ab887;--accent-hover:#087a66;--accent-soft:#e8faf4;--accent-line:#b8ebdb;--font-body:"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;--font-display:"Trebuchet MS","Segoe UI Variable Display","Segoe UI",ui-rounded,sans-serif}body{font-family:var(--font-body)}.category-card-copy>strong,.desktop-nav-item,.game-action-button,.home-continue-copy h2,.mobile-nav-item,.primary-button,.section-title,.theme-browser-heading h2,h1,h2,h3{font-family:var(--font-display)}.section-kicker{color:var(--brand-teal-deep);letter-spacing:.075em}.home-continue-progress{width:min(100%,360px);max-width:360px;gap:6px;margin-top:9px}.home-continue-progress-label{justify-content:flex-start;gap:8px}.home-continue-progress-label span{flex:0 1 auto;max-width:250px;color:#63756f;font-weight:720}.home-continue-progress-label strong{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:44px;min-height:23px;padding:2px 8px;border:1px solid var(--accent-line);border-radius:999px;background:linear-gradient(135deg,#f2fff9 0,var(--accent-soft) 100%);color:var(--brand-teal-deep);font-family:var(--font-display);font-size:.69rem;font-weight:900;line-height:1;box-shadow:0 3px 10px rgba(8,122,102,.08)}.home-continue-progress .mastery-track{width:100%;height:6px;overflow:hidden;border-radius:999px;background:#dfeae6}.home-continue-progress .mastery-fill{border-radius:inherit;background:linear-gradient(90deg,var(--brand-teal) 0,var(--brand-teal-strong) 100%);box-shadow:0 0 8px rgba(8,207,152,.18)}.game-action-button,.home-continue-action.game-action-button{--cta-color:var(--brand-teal-strong)}@media (max-width:680px){.home-continue-progress{width:100%;max-width:100%;gap:4px;margin-top:7px}.home-continue-progress-label{gap:6px}.home-continue-progress-label span{max-width:calc(100% - 46px);font-size:.61rem}.home-continue-progress-label strong{min-width:40px;min-height:20px;padding:2px 6px;font-size:.62rem}.home-continue-progress .mastery-track{height:5px}}.cloud-sync-status{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border:1px solid var(--line);border-radius:999px;background:hsla(0,0%,100%,.72);color:var(--muted);font-size:12px;font-weight:750;line-height:1.2}.cloud-sync-status.synced{border-color:rgba(0,203,155,.25);background:rgba(0,203,155,.09)}.cloud-sync-status.connecting,.cloud-sync-status.synced{color:var(--brand-deep,var(--accent))}.cloud-sync-status.offline{background:rgba(255,184,0,.08)}@media (max-width:620px){.profile-editor-actions{flex-wrap:wrap}.cloud-sync-status{max-width:100%}}.compact-profile-page{display:grid;grid-gap:18px;gap:18px}.compact-profile-heading{margin-bottom:-2px}.compact-profile-heading h1{margin:3px 0 0;font-size:clamp(1.85rem,3.2vw,2.55rem)}.blocked-users-panel,.friend-card,.profile-summary-card,.received-invite-card{border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow-soft)}.profile-summary-card{min-height:112px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}.profile-summary-identity{min-width:0;display:flex;align-items:center;gap:15px}.profile-summary-avatar{width:72px;height:72px;flex:0 0 auto;border-radius:20px;background:var(--accent-soft)}.profile-summary-copy{min-width:0;display:grid;grid-gap:3px;gap:3px}.profile-summary-copy h2{margin:0;font-size:1.55rem;line-height:1.05}.profile-summary-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:var(--muted);font-size:.79rem;font-weight:700}.profile-summary-meta>span:first-child{color:var(--ink)}.profile-summary-meta .cloud-sync-status{min-height:24px;padding:3px 8px;font-size:.69rem}.compact-editor-card{margin-bottom:0;border-style:dashed;box-shadow:none}.received-invite-card{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-color:var(--accent-line);background:linear-gradient(135deg,#f7fffc 0,var(--accent-soft) 100%)}.received-invite-card.error{border-color:#efc9c5;background:#fff8f7}.received-invite-person{min-width:0;display:flex;align-items:center;gap:14px}.received-invite-person img{width:62px;height:62px;flex:0 0 auto;border-radius:18px}.received-invite-person h2{margin:3px 0;font-size:1.2rem}.received-invite-card.error p,.received-invite-person p{margin:0;color:var(--muted);font-size:.84rem}.received-invite-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.social-loading-row{display:flex;align-items:center;gap:10px;color:var(--muted);font-weight:700}.loading-indicator.small{width:22px;height:22px}.profile-friends-section{display:grid;grid-gap:14px;gap:14px}.active-friend-invite-card{margin:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;border-color:var(--accent-line);background:linear-gradient(135deg,#fff,#f3fff9)}.invite-link-panel{min-width:min(100%,530px);display:grid;grid-gap:8px;gap:8px}.invite-link-input{width:100%;min-height:44px;padding:0 12px;border:1px solid var(--line-strong);border-radius:10px;background:#fff;color:var(--ink);font:inherit;font-size:.78rem}.invite-link-input:focus{outline:3px solid rgba(10,184,135,.15);border-color:var(--accent)}.invite-link-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.invite-expiry{color:var(--muted);font-size:.72rem;font-weight:650}.social-status-message{min-height:36px;display:flex;align-items:center;padding:8px 12px;border:1px solid var(--accent-line);border-radius:11px;background:var(--accent-soft);color:var(--brand-teal-deep);font-size:.78rem;font-weight:750}.text-button{min-height:34px;border:0;border-radius:8px;padding:5px 8px;background:transparent;color:var(--muted);font:inherit;font-size:.76rem;font-weight:750;cursor:pointer}.text-button:hover{background:var(--surface-subtle);color:var(--ink)}.danger-text{color:#b34b45}.danger-text:hover{background:#fff2f0;color:#913932}.friends-list{display:grid;grid-gap:10px;gap:10px}.friend-card{overflow:hidden}.friend-card-main{min-height:92px;padding:14px 16px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:13px;gap:13px}.friend-avatar{width:58px;height:58px;border-radius:17px;background:var(--accent-soft)}.friend-card-copy{min-width:0;display:grid;grid-gap:3px;gap:3px}.friend-card-copy>strong{font-family:var(--font-display);font-size:1.02rem}.friend-card-copy>span{color:var(--muted);font-size:.76rem}.friend-progress-line{width:min(100%,340px);display:grid;grid-template-columns:minmax(90px,1fr) auto;align-items:center;grid-gap:8px;gap:8px;margin-top:3px}.friend-progress-line>span{min-width:34px;color:var(--brand-teal-deep);font-size:.7rem;font-weight:900;text-align:right}.friend-progress-track{height:6px;overflow:hidden;border-radius:999px;background:#dfeae6}.friend-progress-track>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand-teal) 0,var(--brand-teal-strong) 100%)}.friend-detail{padding:0 16px 14px 87px;border-top:1px solid var(--line);background:#fbfdfc}.friend-theme-progress-list{display:grid;grid-gap:8px;gap:8px;padding-top:12px}.friend-theme-progress{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,34%);align-items:center;grid-gap:16px;gap:16px}.friend-theme-progress>div:first-child{min-width:0;display:grid;grid-gap:2px;gap:2px}.friend-theme-progress strong{font-size:.84rem}.friend-theme-progress span{color:var(--muted);font-size:.7rem}.friend-theme-progress-value{display:grid;grid-template-columns:minmax(70px,1fr) 38px;align-items:center;grid-gap:8px;gap:8px}.friend-theme-progress-value b{color:var(--brand-teal-deep);font-size:.72rem;text-align:right}.friend-safety-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:10px}.blocked-users-panel{box-shadow:none;background:#fbfdfc}.blocked-users-panel summary{padding:12px 14px;color:var(--muted);font-size:.77rem;font-weight:750;cursor:pointer}.blocked-users-list{display:grid;grid-gap:1px;gap:1px;border-top:1px solid var(--line)}.blocked-user-row{min-height:54px;padding:8px 12px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:10px;gap:10px}.blocked-user-row img{width:36px;height:36px;border-radius:10px}.blocked-user-row span{font-weight:700}@media (max-width:720px){.compact-profile-page{gap:12px}.compact-profile-heading h1{font-size:1.55rem}.profile-summary-card{min-height:86px;padding:12px 13px;border-radius:16px}.profile-summary-avatar{width:54px;height:54px;border-radius:15px}.profile-summary-copy h2{font-size:1.18rem}.profile-summary-card>.secondary-button{min-height:36px;padding-inline:11px;font-size:.72rem}.received-invite-card{padding:14px;display:grid}.received-invite-person img{width:52px;height:52px}.received-invite-actions{width:100%}.received-invite-actions .primary-button,.received-invite-actions .secondary-button{flex:1 1;min-width:0}.active-friend-invite-card{grid-template-columns:1fr}.invite-link-panel{min-width:0;width:100%}.friend-card-main{grid-template-columns:auto minmax(0,1fr);padding:12px}.friend-card-main>.secondary-button{grid-column:1/-1;width:100%}.friend-avatar{width:50px;height:50px;border-radius:14px}.friend-detail{padding:0 12px 12px}.friend-theme-progress{grid-template-columns:1fr;gap:5px}.friend-theme-progress-value{grid-template-columns:1fr 38px}.friend-safety-actions{justify-content:flex-start}}.explore-title-block h1,.theme-browser-section{margin-top:0}.theme-detail-progress-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.theme-detail-progress-heading strong{min-width:0;color:var(--ink-strong)}.theme-detail-progress-heading span{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-width:46px;min-height:26px;padding:3px 9px;border:1px solid var(--accent-line);border-radius:999px;background:var(--accent-soft);color:var(--brand-teal-deep);font-family:var(--font-display);font-size:.76rem;font-weight:900;line-height:1}.theme-detail-progress-card>.mastery-track{height:7px}.theme-detail-progress-card>.mastery-track .mastery-fill{background:linear-gradient(90deg,var(--brand-teal) 0,var(--brand-teal-strong) 100%)}.theme-detail-stats{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:700px){.explore-page{gap:10px}.explore-header,.explore-title-block{gap:8px}.explore-title-block h1{margin:0;font-size:1.38rem;line-height:1.05}.explore-category-art{width:54px;height:54px;border-radius:14px}.explore-category-art img{width:52px;height:52px}.theme-search{min-height:38px}.category-filter-scroll{padding-bottom:2px}.theme-browser-section{margin-top:2px}.theme-detail-page{gap:10px}.detail-back-button{gap:6px;font-size:.78rem;line-height:1}.theme-detail-hero{grid-template-columns:82px minmax(0,1fr);gap:10px;padding:11px;border-radius:16px}.theme-detail-art{min-height:82px;border-radius:14px}.theme-detail-art img{height:84px}.theme-category-pill{padding:3px 6px;font-size:.58rem}.theme-detail-copy h1{margin:5px 0 3px;font-size:1.18rem;line-height:1.04}.theme-detail-copy p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:.72rem;line-height:1.25}.theme-detail-stars{gap:2px;margin-top:7px;font-size:17px}.theme-detail-actions{gap:7px;margin-top:1px}.theme-detail-actions .primary-button,.theme-detail-actions .secondary-button{min-height:44px}.theme-detail-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.theme-detail-stat{gap:2px;min-width:0;padding:10px 8px;border-radius:14px}.theme-detail-stat strong{font-size:1.15rem;line-height:1}.theme-detail-stat span{overflow:hidden;font-size:.66rem;line-height:1.15;text-overflow:ellipsis}.theme-detail-progress-card{gap:8px;padding:13px;border-radius:16px}.theme-detail-progress-heading{gap:12px}.theme-detail-progress-heading strong{font-size:.88rem}.theme-detail-progress-heading span{min-width:42px;min-height:24px;padding-inline:7px;font-size:.7rem}.theme-detail-progress-card>.mastery-track{height:6px}.theme-detail-progress-card .result-progress-detail{margin-top:2px;gap:10px;font-size:.63rem}}@media (max-width:390px){.theme-detail-hero{grid-template-columns:74px minmax(0,1fr)}.theme-detail-art img{height:76px}.theme-detail-copy h1{font-size:1.1rem}.theme-detail-stat{padding-inline:6px}.theme-detail-stat strong{font-size:1.05rem}.theme-detail-stat span{font-size:.61rem}}.cloud-sync-compact-icon,.profile-summary-edit-icon{display:none}@media (max-width:720px){.profile-summary-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:10px;gap:10px;min-height:74px;padding:10px 12px}.profile-summary-identity{display:contents}.profile-summary-avatar{width:48px;height:48px;border-radius:14px}.profile-summary-copy{gap:2px}.profile-summary-copy>.section-kicker{display:none}.profile-summary-copy h2{font-size:1.08rem;line-height:1.08;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-summary-meta{gap:6px;flex-wrap:nowrap;min-width:0;font-size:.75rem}.profile-summary-meta>span:first-child{white-space:nowrap}.profile-summary-meta .cloud-sync-status{width:22px;height:22px;min-height:22px;padding:0;display:inline-grid;place-items:center;flex:0 0 auto;border-radius:999px}.cloud-sync-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cloud-sync-compact-icon{display:block;width:7px;height:7px;border-radius:999px;background:currentColor}.profile-summary-edit-button{min-width:38px!important;width:38px;min-height:38px!important;height:38px;padding:0!important;border-radius:12px;display:inline-grid;place-items:center}.profile-summary-edit-icon{display:block;font-size:.92rem;line-height:1}.profile-summary-edit-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}.social-dashboard-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-gap:14px;gap:14px;align-items:start}.challenges-card,.friends-leaderboard-card{padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-soft)}.social-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.social-card-heading>div{display:grid;grid-gap:3px;gap:3px}.social-card-heading h3{margin:0;color:var(--ink-strong);font-size:1rem;line-height:1.25}.leaderboard-trophy{display:inline-grid;width:36px;height:36px;place-items:center;border-radius:12px;background:#fff6d9;color:#e3a000;font-size:1rem}.friends-leaderboard-list{display:grid;grid-gap:7px;gap:7px}.leaderboard-row{display:grid;grid-template-columns:26px 34px minmax(0,1fr) auto;align-items:center;grid-gap:8px;gap:8px;min-height:44px;padding:6px 8px;border-radius:12px;background:var(--surface-subtle)}.leaderboard-row.self{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}.leaderboard-row img{width:32px;height:32px;object-fit:contain;border-radius:10px}.leaderboard-rank{color:var(--muted);text-align:center;font-size:.78rem}.leaderboard-name{min-width:0;overflow:hidden;color:var(--ink);font-size:.82rem;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.leaderboard-row>b{color:var(--accent-hover);font-size:.76rem;white-space:nowrap}.challenge-list{display:grid;grid-gap:8px;gap:8px}.challenge-empty{display:grid;grid-gap:3px;gap:3px;padding:14px;border-radius:13px;background:var(--surface-subtle);color:var(--muted);font-size:.82rem}.challenge-empty strong{color:var(--ink)}.challenge-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:8px 12px;gap:8px 12px;padding:11px;border:1px solid var(--line);border-radius:14px;background:var(--surface-subtle)}.challenge-row.status-active{border-color:var(--accent-line);background:var(--accent-soft)}.challenge-person{display:flex;align-items:center;gap:9px;min-width:0}.challenge-person img{width:38px;height:38px;flex:0 0 auto;object-fit:contain;border-radius:11px}.challenge-person>div{display:grid;grid-gap:2px;gap:2px;min-width:0}.challenge-person span,.challenge-person strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.challenge-person strong{color:var(--ink-strong);font-size:.82rem}.challenge-person span{color:var(--muted);font-size:.7rem}.challenge-row-meta{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0}.challenge-status{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;background:#edf1ef;color:var(--muted);font-size:.65rem;font-weight:800;white-space:nowrap}.challenge-status.status-active{background:#d7f6eb;color:var(--accent-hover)}.challenge-status.status-completed{background:#e9eefc;color:#4d61b8}.challenge-scoreline{color:var(--ink-strong);font-size:.78rem;font-weight:850;white-space:nowrap}.challenge-waiting{color:var(--muted);font-size:.68rem}.challenge-row-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:7px}.challenge-row-actions .game-action-button{gap:6px}.social-status-message.compact{margin:0 0 10px;padding:8px 10px}.friend-card-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.challenge-composer{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.8fr) auto;align-items:end;grid-gap:10px;gap:10px;padding:12px;border-top:1px solid var(--line);background:var(--accent-soft)}.challenge-composer-copy{display:grid;grid-gap:2px;gap:2px}.challenge-composer-copy strong{color:var(--ink-strong);font-size:.84rem}.challenge-composer label>span,.challenge-composer-copy span{color:var(--muted);font-size:.68rem}.challenge-composer label{display:grid;grid-gap:4px;gap:4px}.challenge-composer select{width:100%;min-height:38px;padding:0 32px 0 10px;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface);color:var(--ink);font-size:.76rem;font-weight:700}.challenge-result-card{display:grid;grid-gap:10px;gap:10px;padding:15px;border:1px solid var(--accent-line);border-radius:16px;background:var(--accent-soft)}.challenge-result-outcome{color:var(--ink-strong);font-size:1.08rem}.challenge-result-scores{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;grid-gap:10px;gap:10px}.challenge-result-player{display:grid;grid-gap:2px;gap:2px;padding:10px;border-radius:12px;background:hsla(0,0%,100%,.78)}.challenge-result-player.self{box-shadow:inset 0 0 0 1px rgba(21,149,111,.22)}.challenge-result-player small,.challenge-result-player span{color:var(--muted);font-size:.7rem}.challenge-result-player strong{color:var(--accent-hover);font-size:1rem}.challenge-versus{color:var(--muted);font-weight:900}.challenge-result-card p{margin:0;color:var(--muted);font-size:.78rem}.challenge-result-wait{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.78rem}@media (max-width:860px){.social-dashboard-grid{grid-template-columns:1fr}}@media (max-width:720px){.challenges-card,.friends-leaderboard-card{padding:12px;border-radius:15px}.social-card-heading{margin-bottom:9px}.social-card-heading h3{font-size:.82rem}.leaderboard-trophy{width:30px;height:30px;border-radius:10px}.leaderboard-row{grid-template-columns:22px 30px minmax(0,1fr) auto;min-height:39px;padding:4px 6px}.leaderboard-row img{width:28px;height:28px}.challenge-row{grid-template-columns:minmax(0,1fr);gap:7px;padding:9px}.challenge-row-meta{flex-wrap:wrap}.challenge-row-actions,.challenge-row-meta{justify-content:flex-start}.friend-card-main{grid-template-columns:44px minmax(0,1fr)}.friend-card-actions{grid-column:1/-1;justify-content:stretch}.friend-card-actions>button{flex:1 1}.challenge-composer{grid-template-columns:1fr;align-items:stretch;gap:8px;padding:10px}.challenge-composer .primary-button{width:100%}.challenge-result-card{padding:12px}.challenge-result-scores{gap:6px}.challenge-result-player{padding:8px}.challenge-result-player strong{font-size:.9rem}}