[data-theme=dark]{--bg:#0f172a;--bg-elevated:#1e293b;--bg-card:#1e293b;--text:#f8fafc;--text-muted:#64748b;--accent:#10b981;--accent-deep:#047857;--accent-dim:#10b98126;--accent-glow:#10b98166;--danger:#f87171;--shadow:0 8px 32px #0006;--radius:16px;--radius-lg:24px;--logo-paper:#e2e8f0;--nav-h:72px;--path-line:#334155;--bg-soft:#1e293b}[data-theme=light]{--bg:#f0fdf4;--bg-elevated:#fff;--bg-card:#fff;--bg-soft:#dcfce7;--text:#0f172a;--text-muted:#64748b;--accent:#059669;--accent-deep:#047857;--accent-dim:#05966924;--accent-glow:#05966940;--danger:#ef4444;--shadow:0 8px 28px #0f172a14;--radius:16px;--radius-lg:24px;--logo-paper:#fff;--nav-h:72px;--path-line:#bbf7d0}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;-webkit-user-select:none;user-select:none;font-family:Satoshi,system-ui,-apple-system,sans-serif}.app-shell{max-width:480px;height:100%;margin:0 auto;position:relative;overflow:hidden}.app-main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.screen{height:100%;padding:max(12px, env(safe-area-inset-top)) 20px calc(env(safe-area-inset-bottom) + var(--nav-h));flex-direction:column;animation:.25s fadeIn;display:flex}.scroll-natural{scrollbar-width:none;-ms-overflow-style:none}.scroll-natural::-webkit-scrollbar{width:0;height:0;display:none}.top-bar-safe{flex-shrink:0;padding-top:4px}.flow-screen{padding-bottom:env(safe-area-inset-bottom)}.pricing-screen.flow-screen{padding-bottom:0}.tab-screen{padding-bottom:calc(env(safe-area-inset-bottom) + var(--nav-h))}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.scanplay-logo{object-fit:contain;flex-shrink:0;width:auto;margin-right:-10px;display:block}.wordmark{align-items:center;gap:2px;display:flex}.wordmark-text{letter-spacing:-.03em;font-family:Satoshi,system-ui,sans-serif;font-size:1.35rem;font-weight:700}.wordmark-accent{color:var(--accent)}.top-bar{flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 0 8px;display:flex}.icon-btn{background:var(--bg-elevated);width:44px;height:44px;color:var(--text-muted);cursor:pointer;box-shadow:var(--shadow);border:none;border-radius:12px;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.icon-btn:active{transform:scale(.96)}.home-screen{justify-content:space-between}.home-main{text-align:center;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;gap:12px;min-height:0;padding-top:8px;padding-bottom:24px;display:flex}.home-main .plan-card{flex-shrink:0;width:100%;max-width:360px;margin-top:20px}.tagline{letter-spacing:-.03em;max-width:280px;font-size:1.5rem;font-weight:700;line-height:1.2}.subtagline{color:var(--text-muted);max-width:300px;margin-bottom:32px;font-size:.95rem;line-height:1.45}.camera-zone{flex-direction:column;align-items:center;gap:16px;display:flex}.camera-btn{cursor:pointer;background:0 0;border:none;width:120px;height:120px;padding:0;position:relative}.camera-ring{background:var(--accent-dim);box-shadow:0 0 0 4px var(--accent-dim), 0 0 40px var(--accent-glow);border-radius:50%;animation:2s infinite pulse-ring;position:absolute;inset:0}@keyframes pulse-ring{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.06)}}.camera-inner{background:var(--accent);color:#0f1419;box-shadow:var(--shadow);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:14px}.camera-btn:active .camera-inner{transform:scale(.95)}.camera-label{color:var(--accent);font-size:1.1rem;font-weight:700}.text-link{color:var(--text-muted);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;margin-top:28px;font-size:.9rem;text-decoration:underline}.text-link:active{color:var(--accent)}.home-footer{padding-bottom:8px}.mode-hints{text-align:center;color:var(--text-muted);font-size:.8rem}.scanning-screen{justify-content:center;align-items:center}.scanning-screen-branded{position:relative;overflow:hidden}.scanning-content{text-align:center;z-index:1;width:100%;max-width:320px;position:relative}.scanning-status-wow{color:var(--accent);min-height:2.6em;margin-bottom:36px;font-size:1.15rem;font-weight:800;line-height:1.35}.progress-stage{margin-bottom:0}.progress-track-wow{background:var(--bg-elevated);border-radius:99px;height:14px;position:relative;overflow:visible;box-shadow:inset 0 2px 6px #00000026}.progress-fill-wow{background:linear-gradient(90deg, var(--accent), #34d399);height:100%;box-shadow:0 0 16px var(--accent-glow);border-radius:99px;transition:width .35s;position:absolute;inset:0 auto 0 0;overflow:hidden}.progress-shimmer{background:linear-gradient(90deg,#0000 0%,#ffffff59 50%,#0000 100%);animation:1.4s ease-in-out infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-runner{z-index:2;width:40px;height:40px;filter:drop-shadow(0 2px 6px var(--accent-glow));transition:left .35s,transform .35s;position:absolute}.progress-pct{color:var(--text-muted);margin-top:14px;font-size:.85rem;font-weight:800;display:block}.scanning-bg{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.scanning-orb{opacity:.35;will-change:transform;border-radius:50%;position:absolute}.scanning-orb-a{background:var(--accent);width:220px;height:220px;animation:12s ease-in-out infinite orb-drift-a;top:-60px;right:-70px}.scanning-orb-b{background:var(--accent);width:160px;height:160px;animation:14s ease-in-out infinite orb-drift-b;bottom:15%;left:-50px}.scanning-orb-c{background:#34d399;width:100px;height:100px;animation:10s ease-in-out infinite orb-drift-c;top:40%;left:55%}@keyframes orb-drift-a{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-12px,16px)scale(1.05)}}@keyframes orb-drift-b{0%,to{transform:translate(0)scale(1)}50%{transform:translate(14px,-10px)scale(1.08)}}@keyframes orb-drift-c{0%,to{opacity:.25;transform:translate(0)}50%{opacity:.4;transform:translate(-8px,12px)}}@media (prefers-reduced-motion:reduce){.progress-shimmer,.scanning-orb-a,.scanning-orb-b,.scanning-orb-c{animation:none}.progress-runner{transition:none}}.mode-main{flex-direction:column;flex:1;padding-top:8px;display:flex}.ready-badge{background:var(--accent-dim);color:var(--accent);border-radius:99px;align-self:flex-start;margin-bottom:16px;padding:6px 12px;font-size:.8rem;font-weight:600;display:inline-block}.mode-heading{letter-spacing:-.02em;font-size:1.6rem;font-weight:700}.mode-sub{color:var(--text-muted);margin:6px 0 24px;font-size:.9rem}.mode-grid{flex-direction:column;flex:1;gap:12px;display:flex}.mode-card{border-radius:var(--radius);background:var(--bg-card);color:var(--text);text-align:left;cursor:pointer;box-shadow:var(--shadow);border:none;flex-direction:column;align-items:flex-start;gap:4px;padding:20px;transition:transform .15s;display:flex}.mode-card:active{transform:scale(.98)}.mode-icon{font-size:1.5rem}.mode-title{font-size:1.1rem;font-weight:700}.mode-desc{color:var(--text-muted);font-size:.85rem}.btn-primary,.btn-secondary,.btn-ghost,.btn-lg{border-radius:var(--radius);cursor:pointer;border:none;font-family:inherit;font-weight:600;transition:transform .12s}.btn-primary{background:var(--accent);color:#0f1419;padding:14px 20px;font-size:1rem}.btn-secondary{background:var(--bg-elevated);color:var(--text);box-shadow:var(--shadow);padding:14px 20px;font-size:1rem}.btn-ghost{color:var(--text-muted);background:0 0;align-self:center;margin-top:12px;padding:12px;font-size:.9rem}.btn-lg{width:100%;padding:16px;font-size:1.05rem}.btn-primary:active,.btn-secondary:active,.btn-lg:active{transform:scale(.98)}.game-screen{padding-bottom:calc(env(safe-area-inset-bottom) + 12px)}.game-header{justify-content:space-between;align-items:center;padding:8px 0 16px;display:flex}.game-progress{color:var(--text-muted);font-size:.9rem;font-weight:600}.game-body{flex-direction:column;flex:1;min-height:0;display:flex}.game-actions{gap:10px;padding-top:16px;display:flex}.game-actions .btn-primary,.game-actions .btn-secondary{flex:1}.flashcards-body{justify-content:center;align-items:center}.flashcard{aspect-ratio:3/4;perspective:1000px;cursor:pointer;background:0 0;border:none;width:100%;max-width:340px;max-height:55vh;position:relative}.flashcard-face{backface-visibility:hidden;border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow);flex-direction:column;justify-content:center;align-items:center;padding:28px;transition:transform .45s;display:flex;position:absolute;inset:0}.flashcard .back,.flashcard.flipped .front{transform:rotateY(180deg)}.flashcard.flipped .back{transform:rotateY(0)}.card-label{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:12px;font-size:.75rem;font-weight:600}.card-text{text-align:center;word-break:break-word;font-size:1.5rem;font-weight:700;line-height:1.3}.card-hint{color:var(--text-muted);font-size:.8rem;position:absolute;bottom:20px}.quiz-body{gap:20px}.quiz-prompt{color:var(--text-muted);font-size:.9rem}.quiz-term{letter-spacing:-.02em;font-size:1.75rem;font-weight:700}.quiz-options{flex-direction:column;gap:10px;margin-top:auto;padding-bottom:8px;display:flex}.quiz-option{border-radius:var(--radius);background:var(--bg-card);color:var(--text);text-align:left;cursor:pointer;box-shadow:var(--shadow);border:2px solid #0000;padding:16px 18px;font-family:inherit;font-size:.95rem}.quiz-option.correct{border-color:var(--accent);background:var(--accent-dim)}.quiz-option.wrong{border-color:var(--danger);opacity:.85}.match-body{-webkit-overflow-scrolling:touch;overflow-y:auto}.match-grid{grid-template-columns:1fr 1fr;gap:10px;padding-bottom:16px;display:grid}.match-card{border-radius:var(--radius);background:var(--bg-card);min-height:72px;color:var(--text);cursor:pointer;box-shadow:var(--shadow);text-align:center;word-break:break-word;border:2px solid #0000;justify-content:center;align-items:center;padding:12px;font-family:inherit;font-size:.8rem;font-weight:600;line-height:1.25;display:flex}.match-card span{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.match-card.selected{border-color:var(--accent);background:var(--accent-dim)}.match-card.matched{opacity:.35;pointer-events:none}.match-card.wrong{border-color:var(--danger);animation:.35s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.results-screen{justify-content:center;gap:24px}.results-card{text-align:center;background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:32px 24px}.score-ring{background:conic-gradient(var(--accent) calc(var(--pct) * 1%), var(--bg-elevated) 0);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 20px;display:flex;position:relative}.score-ring:before{content:"";background:var(--bg-card);border-radius:50%;position:absolute;inset:8px}.score-value{color:var(--accent);font-size:2rem;font-weight:700;position:relative}.results-title{margin-bottom:6px;font-size:1.5rem;font-weight:700}.results-sub{color:var(--text-muted);margin-bottom:20px;font-size:.9rem;line-height:1.4}.results-stats{justify-content:center;gap:24px;display:flex}.stat{flex-direction:column;gap:2px;display:flex}.stat-val{font-size:.95rem;font-weight:700}.stat-label{color:var(--text-muted);font-size:.75rem}.new-best{color:var(--accent);margin-top:16px;font-size:.9rem;font-weight:700}.beat-hint{color:var(--text-muted);margin-top:12px;font-size:.85rem}.results-actions{flex-direction:column;gap:10px;display:flex}.results-path-progress{color:var(--accent);margin:8px 0 4px;font-size:.9rem;font-weight:800}.home-install-btn{width:100%;max-width:280px}.home-install-hint{color:var(--text-muted);text-align:center;max-width:300px;padding:0 12px;font-size:.82rem;line-height:1.45}.bottom-nav{width:100%;max-width:480px;height:var(--nav-h);background:var(--bg-elevated);padding-bottom:env(safe-area-inset-bottom);z-index:100;border-top:1px solid #64748b33;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav-item{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-width:0;padding:0 2px;font-family:inherit;font-size:.62rem;font-weight:700;display:flex}.bottom-nav-label{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.62rem;line-height:1.1;overflow:hidden}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-icon{font-size:1.25rem}.xp-bar{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);align-items:center;gap:12px;margin-bottom:12px;padding:10px 14px;display:flex}.xp-stat{flex-direction:column;align-items:center;min-width:40px;display:flex}.xp-label{color:var(--text-muted);text-transform:uppercase;font-size:.65rem;font-weight:700}.xp-value{color:var(--accent);font-size:1.1rem;font-weight:800}.xp-track-wrap{flex:1}.xp-track{background:var(--bg);border-radius:99px;height:8px;overflow:hidden}.xp-fill{background:var(--accent);border-radius:99px;height:100%;transition:width .3s}.xp-small{color:var(--text-muted);margin-top:4px;font-size:.7rem;display:block}.streak-badge{flex-direction:row;gap:4px}.streak-fire{font-size:1rem}.mascot{text-align:center;margin-bottom:16px}.mascot-icon{justify-content:center;margin-bottom:8px;display:flex}.mascot-message{color:var(--text-muted);max-width:280px;margin:0 auto;font-size:.95rem;font-weight:600;line-height:1.4}.mascot--excited .mascot-message{color:var(--accent)}.modal-overlay{z-index:200;background:#0f172ad9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-card);border-radius:var(--radius-lg);text-align:center;width:100%;max-width:340px;box-shadow:var(--shadow);padding:28px 24px}.modal-title{margin:12px 0 20px;font-size:1.2rem;font-weight:800}.screen-title{text-align:center;flex:1;font-size:1.1rem;font-weight:800}.top-spacer{width:44px}.import-main{flex-direction:column;flex:1;justify-content:center;gap:14px;display:flex}.import-card{border-radius:var(--radius-lg);background:var(--bg-card);color:var(--text);text-align:left;cursor:pointer;box-shadow:var(--shadow);border:none;flex-direction:column;align-items:flex-start;gap:6px;padding:24px;display:flex}.import-icon{font-size:2rem}.import-title{font-size:1.15rem;font-weight:800}.import-desc{color:var(--text-muted);font-size:.9rem}.history-main{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.history-list{flex-direction:column;gap:12px;list-style:none;display:flex}.history-card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;display:flex;overflow:hidden}.history-card-play{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;align-items:stretch;gap:12px;padding:14px;display:flex}.history-card-play:active{background:var(--bg-soft)}.history-card-body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.history-card-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.history-play-label{color:var(--accent);background:var(--accent-dim);text-transform:uppercase;letter-spacing:.03em;border-radius:99px;flex-shrink:0;padding:4px 10px;font-size:.72rem;font-weight:800}.history-card-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.history-meta-pill{color:var(--text-muted);font-size:.78rem;font-weight:600}.history-step-badge{color:#fbbf24;background:#fbbf241f;border-radius:99px;padding:2px 8px;font-size:.72rem;font-weight:700}.history-card-footer{border-top:1px solid var(--border);background:var(--bg-soft);justify-content:space-between;align-items:center;gap:8px;padding:8px 12px 12px;display:flex}.history-delete-btn{color:var(--danger,#f87171);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;padding:8px 10px;font-size:.78rem;font-weight:700}.history-delete-btn:hover{background:#f871711a}.history-meta{color:var(--text-muted);font-size:.78rem}.history-progress{color:var(--accent);font-weight:700}.history-thumb{background:var(--bg);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;display:flex;overflow:hidden}.history-thumb img{object-fit:cover;width:100%;height:100%}.history-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.history-title{word-break:break-word;font-size:.95rem;font-weight:700;line-height:1.3}.history-badge{color:var(--accent);background:var(--accent-dim);border-radius:99px;padding:2px 8px;font-size:.68rem;font-weight:700}.history-date{color:var(--text-muted);font-size:.72rem}.history-delete{background:var(--bg-card);color:var(--text-muted);border-radius:var(--radius);cursor:pointer;box-shadow:var(--shadow);border:none;flex-shrink:0;padding:0 12px;font-size:.9rem}.deck-actions--compact{flex-wrap:wrap;flex:1;gap:6px;margin:0}.deck-actions--compact .deck-action-btn{min-height:32px;padding:6px 10px;font-size:.68rem}.account-guest-card{border-radius:var(--radius);background:var(--bg-soft);flex-direction:column;gap:12px;padding:14px;display:flex}.account-guest-text{color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.45}.account-email{word-break:break-all;font-size:.9rem}.stats-login-hint,.stats-section--empty .stats-login-hint{color:var(--text-muted);margin:0;font-size:.88rem;line-height:1.45}.btn-sm{margin-top:8px;padding:10px 16px;font-size:.85rem}.empty-state{text-align:center;color:var(--text-muted);padding:48px 20px}.empty-icon{margin-bottom:12px;font-size:3rem;display:block}.empty-hint{margin-top:8px;font-size:.9rem}.settings-main{flex:1;overflow-y:auto}.settings-section{margin-bottom:24px}.settings-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:10px;font-size:.75rem;font-weight:800}.settings-row{border-bottom:1px solid #64748b26;justify-content:space-between;align-items:center;padding:14px 0;display:flex}.settings-select{background:var(--bg);color:var(--text);border:none;border-radius:10px;padding:8px 12px;font-family:inherit;font-weight:600}.toggle{background:var(--text-muted);cursor:pointer;border:none;border-radius:99px;width:52px;height:30px;position:relative}.toggle.on{background:var(--accent)}.toggle:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle.on:after{transform:translate(22px)}.btn-link{color:var(--accent);cursor:pointer;background:0 0;border:none;font-family:inherit;font-weight:700}.btn-danger{border-radius:var(--radius);width:100%;color:var(--danger);cursor:pointer;background:#f8717126;border:none;margin-top:12px;padding:14px;font-family:inherit;font-weight:700}.plan-badge{border-radius:99px;margin-top:8px;padding:4px 10px;font-size:.75rem;font-weight:800;display:inline-block}.plan-badge.plus{background:var(--accent-dim);color:var(--accent)}.plan-badge.pro{color:#fbbf24;background:#fbbf2433}.plan-badge--free{color:var(--text-muted);background:#94a3b833}.plan-badge--plus{background:var(--accent-dim);color:var(--accent)}.plan-badge--pro{color:#fbbf24;background:#fbbf2433}.plan-badge-icon{margin-left:4px}.top-bar .plan-badge{margin-top:0;margin-left:auto}.top-bar-compact .plan-badge{padding:3px 8px;font-size:.65rem}.plan-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:14px 16px}.plan-card-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.plan-card-title{font-size:.9rem;font-weight:800}.plan-card-perks{gap:6px;margin:0;padding:0;list-style:none;display:grid}.plan-card-perks li{align-items:center;gap:8px;font-size:.82rem;display:flex}.plan-card-perks li.locked{color:var(--text-muted);opacity:.75}.plan-card-hint{color:var(--text-muted);margin:10px 0 0;font-size:.75rem}.plan-card-upgrade{width:100%;margin-top:12px}.plan-perks-bar{width:100%;max-width:760px;margin:0 auto;padding:8px 16px 0}.plan-perks-summary{color:var(--text-muted);margin:0 0 8px;font-size:.78rem;font-weight:700}.plan-perks-chips{flex-wrap:wrap;gap:6px;display:flex}.plan-perk-chip{border:1px solid var(--border);background:var(--bg);cursor:default;border-radius:99px;padding:4px 8px;font-family:inherit;font-size:.68rem}.plan-perk-chip.unlocked{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.plan-perk-chip.locked{color:var(--text-muted);opacity:.85;cursor:pointer}.deck-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0 16px;display:flex}.deck-action-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:99px;padding:8px 12px;font-family:inherit;font-size:.75rem;font-weight:700}.deck-action-btn.locked{opacity:.7;color:var(--text-muted)}.mode-toggles{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:8px;display:flex}.exam-chip{border:2px solid var(--border);background:var(--surface);cursor:pointer;color:var(--text);border-radius:99px;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:.85rem;font-weight:700;display:inline-flex}.exam-chip.active{color:#fbbf24;background:#fbbf241f;border-color:#fbbf24}.exam-chip.locked{opacity:.75;color:var(--text-muted)}.express-chip.disabled{opacity:.5}.exam-mode-hint,.spaced-due-hint,.spaced-locked-hint,.words-truncated-hint{text-align:center;margin:0 0 10px;font-size:.78rem;font-weight:700}.words-truncated-hint{color:#fbbf24}.spaced-due-hint{color:var(--accent)}.spaced-locked-hint{color:var(--text-muted)}.stats-section--locked .stat-tile--blurred{filter:blur(4px);-webkit-user-select:none;user-select:none}.stats-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.stat-tile{background:var(--bg);text-align:center;border-radius:12px;padding:12px 8px}.stat-tile-val{color:var(--accent);font-size:1.25rem;font-weight:800;display:block}.stat-tile-label{color:var(--text-muted);font-size:.68rem}.stats-lock-hint{color:var(--text-muted);margin:12px 0 8px;font-size:.82rem}.app-toast{bottom:calc(72px + env(safe-area-inset-bottom,0px));z-index:200;background:var(--surface);border:1px solid var(--accent);color:var(--text);text-align:center;border-radius:99px;max-width:calc(100vw - 32px);padding:10px 18px;font-size:.85rem;font-weight:700;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000040}.history-limit-badge{color:var(--text-muted);margin-left:auto;font-size:.72rem;font-weight:700}.exam-pass-label,.exam-fail-note{color:#fbbf24;margin:8px 0 0;font-size:.82rem;font-weight:700}.pricing-compare-wrap{margin-bottom:0;overflow-x:auto}.pricing-compare-wrap.scroll-natural,.pricing-compare-wrap{scrollbar-width:none;-ms-overflow-style:none}.pricing-compare-wrap::-webkit-scrollbar{display:none}.pricing-compare{border-collapse:collapse;width:100%;font-size:.78rem}.pricing-compare th,.pricing-compare td{border-bottom:1px solid var(--border);text-align:center;padding:10px 8px}.pricing-compare th:first-child,.pricing-compare td:first-child{text-align:left;font-weight:700}.pricing-compare .col-current{background:var(--accent-dim);color:var(--accent);font-weight:800}.pricing-current-tag{margin-top:2px;font-size:.6rem;font-weight:700;display:block}.pricing-cards{gap:12px;display:grid}.pricing-note{color:var(--text-muted);text-align:center;margin-top:16px;font-size:.78rem}.about-text{color:var(--text-muted);font-size:.9rem;line-height:1.5}.dev-section{opacity:.7;border-top:1px dashed var(--text-muted);margin-top:32px;padding-top:16px}.dev-plans{gap:8px;display:flex}.dev-plan-btn{background:var(--bg);color:var(--text);cursor:pointer;border:2px solid #0000;border-radius:10px;flex:1;padding:10px;font-family:inherit;font-weight:700}.dev-plan-btn.active{border-color:var(--accent);color:var(--accent)}.scans-left{color:var(--accent);font-size:.85rem;font-weight:700}.auth-gate{flex-direction:column;height:100%;display:flex}.auth-gate .auth-screen{flex:1;min-height:0}.auth-loading{color:var(--text-muted);flex:1;justify-content:center;align-items:center;font-weight:600;display:flex}.auth-main{flex:1;padding-top:8px}.auth-tabs{background:var(--bg-soft);border-radius:14px;gap:8px;margin-bottom:16px;padding:4px;display:flex}.auth-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;padding:12px 16px;font-family:inherit;font-size:.95rem;font-weight:700;transition:background .15s,color .15s}.auth-tab.active{background:var(--bg-card);color:var(--text);box-shadow:var(--shadow)}.auth-tab:disabled{opacity:.6;cursor:not-allowed}.auth-hint{color:var(--text-muted);margin:4px 0 8px;font-size:.85rem}.auth-resend{width:100%;margin-bottom:12px}.auth-forgot{align-self:flex-start;margin:4px 0 8px}.auth-title{margin-bottom:8px;font-size:1.75rem;font-weight:800}.auth-sub{color:var(--text-muted);margin-bottom:24px;line-height:1.4}.auth-error{color:var(--danger);margin-bottom:12px;font-size:.9rem;font-weight:600;line-height:1.4}.auth-error-detail{opacity:.85;font-weight:500}.auth-info{color:var(--accent);margin-bottom:12px;font-size:.9rem;font-weight:600;line-height:1.4}.auth-form{flex-direction:column;gap:8px;display:flex}.field-label{margin-top:8px;font-size:.85rem;font-weight:700}.field-input{border-radius:var(--radius);background:var(--bg-card);width:100%;color:var(--text);box-shadow:var(--shadow);border:2px solid #0000;padding:14px 16px;font-family:inherit;font-size:1rem}.field-password{position:relative}.field-password .field-input{padding-right:48px}.pass-toggle{cursor:pointer;background:0 0;border:none;font-size:1.1rem;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.auth-or{text-align:center;color:var(--text-muted);margin:16px 0;font-size:.9rem}.pricing-main{flex-direction:column;flex:1;gap:14px;min-height:0;padding-bottom:16px;display:flex;overflow-y:auto}.pricing-intro{color:var(--text-muted);text-align:center;font-size:.9rem;line-height:1.45}.pricing-current-pill{color:var(--accent);background:var(--accent-dim);border-radius:99px;margin-top:4px;padding:2px 8px;font-size:.68rem;font-weight:800;display:inline-block}.pricing-highlights{margin:0 0 14px;padding:0;list-style:none}.pricing-highlights li{color:var(--text-muted);padding:3px 0;font-size:.85rem}.pricing-highlights li:before{content:"✓ ";color:var(--accent);font-weight:800}.pricing-select-btn{width:100%}.pricing-compare-section{border-top:1px dashed #64748b40;margin-top:8px;padding-top:16px}.pricing-compare-title{text-align:center;color:var(--text-muted);margin-bottom:12px;font-size:.95rem;font-weight:800}.pricing-sticky-cta{padding:12px 0 calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--bg) 70%, transparent);border-top:1px solid #64748b26;flex-shrink:0}.pricing-sticky-cta .btn-lg{width:100%}.pricing-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:20px}.pricing-card.current{border:2px solid var(--accent)}.pricing-header{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.pricing-header h3{font-size:1.2rem;font-weight:800}.pricing-price{color:var(--accent);font-weight:800}.pricing-price small{color:var(--text-muted);font-size:.75rem;font-weight:600}.pricing-features{margin-bottom:16px;list-style:none}.pricing-features li{color:var(--text-muted);padding:4px 0;font-size:.9rem}.pricing-features li:before{content:"✓ ";color:var(--accent);font-weight:700}.pricing-note{color:var(--text-muted);text-align:center;font-size:.8rem}.express-toggle{cursor:pointer;align-items:center;gap:10px;margin-bottom:12px;font-weight:700;display:flex}.exam-badge{color:var(--accent);margin-bottom:12px;font-size:.85rem;font-weight:700}.xp-earned{color:var(--accent);margin-bottom:12px;font-size:1.1rem;font-weight:800}.confetti{pointer-events:none;z-index:300;position:fixed;inset:0;overflow:hidden}.confetti-piece{border-radius:2px;width:8px;height:8px;animation:1.8s ease-in forwards confetti-fall;position:absolute;top:-10px}@keyframes confetti-fall{to{opacity:0;transform:translateY(100vh)rotate(720deg)}}.home-screen-branded,.mode-screen-branded{position:relative;overflow:hidden}.brand-decor{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.brand-blob{background:var(--accent-dim);filter:blur(40px);border-radius:50%;position:absolute}.brand-blob-1{width:180px;height:180px;animation:8s ease-in-out infinite blob-float;top:-40px;right:-50px}.brand-blob-2{width:140px;height:140px;animation:10s ease-in-out infinite reverse blob-float;bottom:120px;left:-40px}.brand-blob-3{opacity:.6;width:100px;height:100px;top:45%;right:10%}@keyframes blob-float{0%,to{transform:translateY(0)}50%{transform:translateY(12px)}}.top-bar-raised,.gamification-hud,.home-main,.mode-main-path,.home-footer{z-index:1;position:relative}.gamification-hud{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px;display:grid}.hud-streak,.hud-level,.hud-xp,.hud-score{background:var(--bg-card);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);border:2px solid #0000;padding:10px 8px}.hud-streak.active{border-color:var(--accent);background:var(--accent-dim)}.hud-streak.cold{opacity:.65}.hud-flame{filter:grayscale();opacity:.4;font-size:1.25rem;display:block}.hud-flame.lit{filter:none;opacity:1;animation:1.2s ease-in-out infinite flame-pulse}@keyframes flame-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.hud-streak-num,.hud-xp-val,.hud-score-val{color:var(--accent);font-size:1.15rem;font-weight:800;line-height:1.1;display:block}.hud-streak-label,.hud-level-label,.hud-xp-label,.hud-score-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.04em;white-space:nowrap;margin-top:2px;font-size:.62rem;font-weight:700;line-height:1.25;display:block;overflow:visible}.hud-level-ring{background:conic-gradient(var(--accent) calc(var(--pct) * 1%), var(--bg-soft) 0);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto 4px;display:flex;position:relative}.hud-level-ring:before{content:"";background:var(--bg-card);border-radius:50%;position:absolute;inset:4px}.hud-level-num{color:var(--accent);font-size:1rem;font-weight:800;position:relative}.scanplay-unit-banner{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--accent) 0%, var(--accent-deep) 100%);box-shadow:0 8px 0 var(--accent-deep), var(--shadow);color:#fff;align-items:center;gap:14px;margin-bottom:20px;padding:16px 18px;display:flex}.unit-banner-sheet{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.unit-banner-tag{letter-spacing:.12em;text-transform:uppercase;opacity:.9;margin-bottom:2px;font-size:.65rem;font-weight:900;display:inline-block}.unit-banner-title{margin:0;font-size:1.35rem;font-weight:900;line-height:1.15}.unit-banner-sub{opacity:.92;margin:4px 0 0;font-size:.82rem;font-weight:600}.scanplay-path-area{width:100%;height:var(--path-height,960px);box-sizing:border-box;flex-shrink:0;margin-bottom:8px;padding:52px 16px;position:relative;overflow:visible}.scanplay-path-line{width:100%;height:100%;color:var(--path-line);pointer-events:none;z-index:0;position:absolute;inset:0}.scanplay-path-step{z-index:2;position:absolute;transform:translate(-50%,-50%)}.scanplay-path-row{display:none}.scanplay-path-row--left{align-items:flex-start;padding-left:8%}.scanplay-path-row--right{align-items:flex-end;padding-right:8%}.scanplay-node{background:linear-gradient(180deg, var(--accent) 0%, var(--accent-deep) 100%);width:80px;height:80px;box-shadow:0 6px 0 var(--accent-deep), 0 12px 24px #04785740;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .12s,box-shadow .12s;display:flex;position:relative}.scanplay-node:active{box-shadow:0 2px 0 var(--accent-deep), 0 4px 12px #04785733;transform:translateY(4px)}.scanplay-node.active{animation:2s ease-in-out infinite scanplay-pulse}.scanplay-node.done,.scanplay-node.tier-gold{cursor:default;background:linear-gradient(#fbbf24 0%,#d97706 100%);box-shadow:0 6px #b45309,0 12px 24px #b4530940}.scanplay-node.tier-iron{background:linear-gradient(#94a3b8 0%,#64748b 100%);box-shadow:0 6px #475569,0 12px 24px #47556940}.scanplay-node.tier-bronze{background:linear-gradient(#d97706 0%,#92400e 100%);box-shadow:0 6px #78350f,0 12px 24px #78350f40}.scanplay-node.tier-gold:active,.scanplay-node.tier-gold:disabled{transform:none;box-shadow:0 6px #b45309,0 12px 24px #b4530940}.scanplay-node-pct{color:#fff;white-space:nowrap;background:#0f172abf;border-radius:99px;padding:2px 6px;font-size:.62rem;font-weight:800;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.path-tier-legend{flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 12px;display:flex}.path-tier-chip{background:var(--bg-card);border:1px solid var(--border,#64748b33);border-radius:99px;padding:4px 8px;font-size:.68rem;font-weight:800}.scanplay-orbit{pointer-events:none;z-index:2;width:0;height:0;position:absolute;top:50%;left:50%}.scanplay-orbit-track{will-change:transform;animation:5s linear infinite scanplay-orbit}.scanplay-path-buddy{filter:drop-shadow(0 4px 8px #04785759);position:absolute;top:-20px;left:54px}@keyframes scanplay-orbit{to{transform:rotate(360deg)}}.exam-mode-card{border-radius:var(--radius);background:var(--bg-card);width:100%;max-width:360px;box-shadow:var(--shadow);border:1px solid #64748b33;margin:0 auto 12px;padding:12px 14px}.exam-mode-card-head{text-align:left;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.exam-mode-card-icon{font-size:1.5rem;line-height:1}.exam-mode-card-desc{color:var(--text-muted);margin-top:4px;font-size:.78rem;line-height:1.35}.exam-mode-toggle.on{color:#b45309;background:#fbbf2426;border-color:#fbbf24}.results-tier{margin:8px 0 0;font-size:.82rem;font-weight:800}.results-tier.tier-gold{color:#d97706}.results-tier.tier-iron{color:#64748b}.results-tier.tier-bronze{color:#92400e}.mistakes-screen .top-bar{gap:8px}.mistakes-count{color:var(--danger);background:#f871711f;border-radius:99px;margin-left:auto;padding:4px 10px;font-size:.82rem;font-weight:800}.mistakes-main{flex:none;width:100%;padding-bottom:16px}.mistakes-intro{color:var(--text-muted);margin-bottom:14px;font-size:.88rem;line-height:1.45}.mistakes-list{flex-direction:column;gap:10px;list-style:none;display:flex}.mistake-item{border-radius:var(--radius);background:var(--bg-card);box-shadow:var(--shadow);grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:12px;display:grid}.mistake-item.corrected{opacity:.85}.mistake-check{width:24px;height:24px;color:var(--danger);background:#f8717126;border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:flex}.mistake-check.ok{background:var(--accent-dim);color:var(--accent)}.mistake-term{font-size:.9rem;font-weight:800;display:block}.mistake-def{color:var(--text-muted);font-size:.78rem;display:block}.mistake-meta{color:var(--text-muted);text-transform:uppercase;font-size:.65rem}.mistake-status{text-transform:uppercase;font-size:.65rem;font-weight:800}.mistake-status.ok{color:var(--accent)}.mistake-status.pending{color:var(--danger)}.import-multi-hint,.import-picked{color:var(--text-muted);text-align:center;margin-bottom:12px;font-size:.85rem;line-height:1.45}.import-picked .btn-lg{width:100%;margin-top:10px}[data-device=mobile] .tab-screen.mistakes-screen{scrollbar-width:none;overflow-y:auto}[data-device=mobile] .mistakes-main{flex:none;overflow:visible}.scanplay-node.done{background:linear-gradient(#fbbf24 0%,#d97706 100%);box-shadow:0 6px #b45309,0 12px 24px #b4530940}.scanplay-node.done:active{box-shadow:0 2px #b45309}.scanplay-node.locked{cursor:not-allowed;opacity:.72;background:linear-gradient(#cbd5e1 0%,#94a3b8 100%);animation:none;box-shadow:0 6px #64748b,0 8px 16px #64748b33}.scanplay-node.locked .scanplay-node-icon{opacity:.55;filter:grayscale(.8)}.scanplay-node.locked:active{transform:none}.scanplay-node.unlocking{animation:.7s forwards scanplay-unlock}.scanplay-node-lock{filter:none;opacity:.9;font-size:.75rem;line-height:1;position:absolute;bottom:-4px;right:-2px}@keyframes scanplay-unlock{0%{opacity:.7;background:linear-gradient(#cbd5e1 0%,#94a3b8 100%);transform:scale(.9);box-shadow:0 6px #64748b}45%{transform:scale(1.1)}to{background:linear-gradient(180deg, var(--accent) 0%, var(--accent-deep) 100%);box-shadow:0 6px 0 var(--accent-deep), 0 12px 24px #04785740;opacity:1;transform:scale(1)}}.scanplay-node-icon{filter:drop-shadow(0 1px 2px #00000026);font-size:1.85rem}.scanplay-node-star{color:#d97706;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.85rem;font-weight:900;display:flex;position:absolute;top:-6px;right:-4px;box-shadow:0 2px 6px #00000026}.scanplay-path-buddy{pointer-events:none;white-space:nowrap;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.buddy-bubble{background:var(--bg-card);color:var(--text);box-shadow:var(--shadow);white-space:nowrap;border-radius:12px;padding:6px 10px;font-size:.72rem;font-weight:800;position:relative}.buddy-bubble:after{content:"";border:6px solid #0000;border-top-color:var(--bg-card);position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}@keyframes scanplay-pulse{0%,to{box-shadow:0 6px 0 var(--accent-deep), 0 0 0 0 #05966973}50%{box-shadow:0 6px 0 var(--accent-deep), 0 0 0 10px #05966900}}.express-chip{background:var(--bg-card);box-shadow:var(--shadow);cursor:pointer;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;margin-bottom:12px;padding:10px 14px;font-size:.88rem;font-weight:700;display:inline-flex}.express-chip input{width:18px;height:18px;accent-color:var(--accent)}.scanplay-rescan{align-self:center;margin-top:8px}.mode-main-path{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;overscroll-behavior-x:none;scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden auto}.mode-main-path::-webkit-scrollbar{width:0;height:0;display:none}.mode-screen-path{flex-direction:column;flex:1;max-width:100%;min-height:0;display:flex;overflow:hidden}.top-bar-compact{flex-shrink:0}.scanplay-path{flex:none;width:100%;max-width:100%;overflow:hidden}.streak-lost-modal .streak-lost-flame{margin:-8px 0 8px;font-size:2rem;display:block}.device-badge{background:var(--bg-card);color:var(--text-muted);box-shadow:var(--shadow);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:.72rem;font-weight:800;display:inline-flex}.device-badge--desktop{color:var(--accent);background:var(--accent-dim)}.device-badge--compact{padding:5px 8px}.device-badge-size{opacity:.7;font-weight:700}.settings-row-device{justify-content:flex-start}.settings-device-hint{color:var(--text-muted);margin-top:8px;font-size:.82rem;line-height:1.4}.home-dropzone,.import-dropzone{border-radius:var(--radius-lg);border:2px dashed var(--path-line);background:var(--bg-card);cursor:pointer;width:100%;box-shadow:var(--shadow);flex-direction:column;align-items:center;gap:8px;padding:28px 20px;transition:border-color .2s,background .2s;display:flex}.home-dropzone:hover,.import-dropzone:hover,.home-dropzone--active,.import-dropzone--active{border-color:var(--accent);background:var(--accent-dim)}.home-dropzone-icon,.import-dropzone-icon{font-size:2rem}.home-dropzone-title,.import-dropzone-title{color:var(--text);font-size:1.05rem;font-weight:800}.home-dropzone-sub,.import-dropzone-sub{color:var(--text-muted);font-size:.85rem}.home-dropzone-btn{margin-top:8px}.home-hero{display:contents}.import-screen--desktop .import-main{width:100%;max-width:520px;margin:0 auto}.import-card--primary{border:2px solid var(--accent-dim)}.bottom-nav-items{flex:1;display:flex}.side-nav-brand{display:none}[data-device=desktop]{--shell-max:1180px;--sidebar-w:220px}[data-device=desktop] html,[data-device=desktop] body,[data-device=desktop] #root{overflow:auto}[data-device=desktop] body{background:radial-gradient(ellipse at 15% 0%, var(--accent-dim) 0%, transparent 55%), radial-gradient(ellipse at 85% 100%, var(--accent-dim) 0%, transparent 50%), var(--bg)}[data-device=desktop] .app-shell{max-width:var(--shell-max);grid-template-columns:var(--sidebar-w) minmax(0, 1fr);height:auto;min-height:100vh;margin:0 auto;display:grid;overflow:visible;box-shadow:0 0 0 1px #64748b1a,0 24px 64px #0f172a1f}[data-device=desktop] .app-main{min-height:100vh;overflow:hidden}[data-device=desktop] .bottom-nav--desktop{width:var(--sidebar-w);z-index:10;border-top:none;border-right:1px solid #64748b26;flex-direction:column;align-items:stretch;max-width:none;height:100vh;padding:20px 12px;position:sticky;top:0;bottom:auto;left:auto;transform:none}[data-device=desktop] .side-nav-brand{border-bottom:1px solid #64748b26;flex-direction:column;gap:8px;margin-bottom:16px;padding:0 8px 20px;display:flex}[data-device=desktop] .side-nav-device{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;font-weight:800}[data-device=desktop] .bottom-nav-items{flex-direction:column;gap:6px}[data-device=desktop] .bottom-nav-item{border-radius:12px;flex-direction:row;flex:none;justify-content:flex-start;gap:12px;padding:12px 14px;font-size:.85rem}[data-device=desktop] .bottom-nav-item.active{background:var(--accent-dim)}[data-device=desktop] .bottom-nav-item:hover{background:var(--bg-soft)}[data-device=desktop] .bottom-nav-icon{font-size:1.1rem}[data-device=desktop] .screen{padding:env(safe-area-inset-top) 28px 24px}[data-device=desktop] .tab-screen,[data-device=desktop] .flow-screen{padding-bottom:24px}[data-device=desktop] .home-screen--desktop .home-main{text-align:left;grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:center;gap:28px 40px;width:100%;max-width:920px;margin:0 auto;display:grid}[data-device=desktop] .home-screen--desktop .tagline{max-width:none;font-size:1.75rem}[data-device=desktop] .home-screen--desktop .subtagline{max-width:none;margin-bottom:0}[data-device=desktop] .home-screen--desktop .text-link{text-align:center;grid-column:1/-1;margin-top:0}[data-device=desktop] .home-screen--desktop .home-footer{grid-column:1/-1}[data-device=desktop] .home-screen--desktop .home-dropzone{justify-content:center;min-height:260px}[data-device=desktop] .gamification-hud,[data-device=desktop] .mode-main-path,[data-device=desktop] .settings-main,[data-device=desktop] .history-main,[data-device=desktop] .achievements-main{width:100%;max-width:760px;margin-left:auto;margin-right:auto}[data-device=desktop] .scanplay-path-area{min-height:400px}[data-device=desktop] .icon-btn:hover{background:var(--bg-soft)}[data-device=desktop] .scanplay-node:hover{transform:translateY(-2px)}[data-device=mobile] .app-shell{flex-direction:column;max-width:480px;height:100dvh;display:flex}[data-device=mobile] .app-main{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}[data-device=mobile] .screen{flex:1;height:auto;min-height:0}[data-device=mobile] .flow-screen,[data-device=mobile] .tab-screen{overflow:hidden}[data-device=mobile] .tab-screen.achievements-screen{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;overflow:hidden auto}[data-device=mobile] .tab-screen.achievements-screen::-webkit-scrollbar{display:none}[data-device=mobile] .home-main,[data-device=mobile] .history-main,[data-device=mobile] .settings-main{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex:1;min-height:0;overflow-y:auto}[data-device=mobile] .achievements-main{flex:none;width:100%;padding-bottom:24px;overflow:visible}[data-device=mobile] .home-main::-webkit-scrollbar{display:none}[data-device=mobile] .history-main::-webkit-scrollbar{display:none}[data-device=mobile] .settings-main::-webkit-scrollbar{display:none}[data-device=mobile] .scanplay-path{flex:none}[data-device=mobile] .scanplay-path-area{height:var(--path-height,960px);max-width:100%}[data-device=mobile] .scanplay-path-buddy{max-width:calc(100vw - 80px);top:calc(100% + 10px);left:50%;right:auto;transform:translate(-50%)}[data-device=mobile] .scanplay-path-step--right .scanplay-path-buddy{left:50%;right:auto;transform:translate(-50%)}[data-device=mobile] .mode-main-path{touch-action:pan-y;padding-bottom:32px;overflow-x:hidden}[data-device=mobile] .scanplay-path-step{max-width:calc(100% - 16px)}[data-device=mobile] .buddy-bubble{white-space:normal;text-align:center;max-width:140px;padding:5px 8px;font-size:.65rem}[data-device=mobile] .bottom-nav--mobile{width:100%;max-width:480px;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.achievements-screen .top-bar{gap:8px}.achievements-count{color:var(--accent);background:var(--accent-dim);border-radius:99px;margin-left:auto;padding:4px 10px;font-size:.82rem;font-weight:800}.achievements-main{flex:none;width:100%;padding-top:4px;padding-bottom:16px}.achievements-intro{color:var(--text-muted);margin-bottom:16px;font-size:.88rem;line-height:1.45}.achievements-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.achievement-badge{background:var(--bg-card);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);border:2px solid #64748b26;flex-direction:column;align-items:center;gap:4px;min-height:138px;padding:14px 10px;display:flex}.achievement-badge.unlocked{border-color:var(--accent);background:var(--accent-dim)}.achievement-badge.locked{background:var(--bg-elevated);border-color:#64748b33}.achievement-badge.locked .achievement-name,.achievement-badge.locked .achievement-desc{color:var(--text-muted)}.achievement-icon-wrap{justify-content:center;align-items:center;margin-bottom:2px;display:inline-flex;position:relative}.achievement-icon{font-size:1.85rem;line-height:1;display:block}.achievement-badge.locked .achievement-icon{filter:grayscale();opacity:.38}.achievement-lock{font-size:.72rem;line-height:1;position:absolute;bottom:-4px;right:-8px}.achievement-name{color:var(--text);font-size:.82rem;font-weight:800;line-height:1.2}.achievement-desc{color:var(--text-muted);flex:1;font-size:.68rem;line-height:1.35}.achievement-progress,.achievement-locked-tag{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-top:4px;font-size:.68rem;font-weight:800}.achievement-badge.unlocked .achievement-progress{color:var(--accent)}.achievement-unlocked-tag{color:var(--accent);text-transform:uppercase;margin-top:4px;font-size:.62rem;font-weight:800}