:root{--bg: #f4f1ff;--card: #ffffff;--ink: #2d2a45;--ink-soft: #6f6a8f;--primary: #7c5cff;--primary-dark: #5d3fe0;--secondary: #ffb53d;--good: #2fbf71;--bad: #ff5d73;--tile: #ffffff;--tile-border: #d9d2ff;--radius: 16px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Nunito,Avenir Next,Segoe UI,system-ui,-apple-system,sans-serif}button{font:inherit;cursor:pointer}.shell{min-height:100dvh;padding:calc(12px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));display:flex;flex-direction:column;align-items:center}.shell-center{justify-content:center;gap:12px}.screen{width:100%;max-width:480px;display:flex;flex-direction:column;gap:14px}.card{background:var(--card);border-radius:var(--radius);padding:16px;box-shadow:0 2px 10px #2d2a4514}.card h2{margin:0 0 8px;font-size:1rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft)}.btn{border:none;border-radius:var(--radius);padding:12px 18px;min-height:48px;font-weight:800;font-size:1rem;transition:transform .05s ease,opacity .15s ease}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:default}.btn-primary{background:var(--primary);color:#fff}.btn-primary:not(:disabled):hover{background:var(--primary-dark)}.btn-secondary{background:var(--secondary);color:#5a3c00}.btn-ghost{background:#e9e4ff;color:var(--primary-dark)}.btn-big{font-size:1.25rem;min-height:56px}.error-banner{width:100%;max-width:480px;background:var(--bad);color:#fff;border-radius:var(--radius);padding:10px 14px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-weight:700}.error-dismiss{background:none;border:none;color:#fff;font-size:1rem}.notice-banner{width:100%;max-width:480px;background:var(--secondary);color:#5a3c00;border-radius:var(--radius);padding:10px 14px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-weight:700}.notice-dismiss{background:none;border:none;color:#5a3c00;font-size:1rem}.error-text{color:var(--bad);font-weight:700;text-align:center}.loading-text{color:var(--ink-soft);font-weight:700}.spinner{width:44px;height:44px;border-radius:50%;border:5px solid #ddd6ff;border-top-color:var(--primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-header{width:100%;max-width:480px;display:flex;justify-content:flex-end;align-items:center;gap:10px;min-height:28px;margin-bottom:4px}.locale-picker{display:inline-flex;align-items:center;gap:4px;font-size:.85rem}.sound-toggle{background:none;border:none;padding:4px 6px;font-size:1rem;line-height:1;cursor:pointer;margin-right:auto}.locale-select{border:none;background:none;color:var(--primary-dark);font-weight:800;font-size:.85rem;font-family:inherit;padding:4px 2px;cursor:pointer}.auth-user{font-weight:800;font-size:.85rem;color:var(--ink-soft);overflow-wrap:anywhere}.auth-user-btn{background:none;border:none;padding:4px 2px;text-align:right;text-decoration:underline;text-decoration-color:var(--tile-border);text-underline-offset:3px}.btn-link{background:none;border:none;color:var(--primary-dark);font-weight:800;font-size:.85rem;padding:4px 6px}.home{padding-top:24px;text-align:center}.title{margin:0;font-size:3rem;font-weight:900;letter-spacing:-.02em}.title-accent{color:var(--primary)}.tagline{margin:-6px 0 6px;color:var(--ink-soft);font-weight:700}.how-to p{margin:0;text-align:left;line-height:1.45}.scoring-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.chip{border:2px solid var(--tile-border);background:var(--card);border-radius:999px;padding:10px 8px;min-height:44px;font-weight:800;color:var(--ink-soft)}.chip-active{border-color:var(--primary);background:var(--primary);color:#fff}.target-prompt-grid .chip-big{min-height:56px;font-size:1rem}.target-prompt-dismiss{display:block;margin:10px auto 0}.screen-loading{align-items:center;padding:48px 0}.kid-badge{display:inline-block;margin-left:8px;background:var(--good);color:#fff;border-radius:999px;padding:3px 10px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;vertical-align:middle}.mode-hint{margin:-8px 0 0;font-size:.8rem;font-weight:700;color:var(--ink-soft)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-notice{font-weight:700;color:var(--ink);border:2px solid var(--secondary);text-align:left}.field{display:flex;flex-direction:column;gap:4px;text-align:left}.field span{font-size:.8rem;font-weight:800;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em}.input{border:2px solid var(--tile-border);border-radius:12px;padding:10px 12px;min-height:44px;font:inherit;background:var(--card);color:var(--ink)}.input:focus{outline:none;border-color:var(--primary)}.lb-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lb-days{background:var(--bg);border:2px solid var(--tile-border);border-radius:999px;padding:2px 10px;font-size:.75rem;font-weight:800;color:var(--ink-soft);white-space:nowrap}.lb-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.lb-row{display:flex;align-items:center;gap:10px;background:var(--card);border:2px solid transparent;border-radius:var(--radius);padding:10px 14px}.lb-row-me{border-color:var(--primary)}.lb-rank{font-weight:900;color:var(--ink-soft);min-width:2.4em;font-variant-numeric:tabular-nums}.lb-name{flex:1;font-weight:800;text-align:left;overflow-wrap:anywhere}.lb-you{color:var(--primary);font-size:.8rem}.lb-score{font-weight:900;color:var(--primary);font-variant-numeric:tabular-nums}.lb-empty{color:var(--ink-soft);font-weight:700;text-align:center}.play-header{display:flex;justify-content:space-between;align-items:center}.round-badge{white-space:nowrap;background:var(--primary);color:#fff;border-radius:999px;padding:6px 14px;font-weight:800;font-size:.9rem}.timer{font-size:1.5rem;font-weight:900;font-variant-numeric:tabular-nums}.timer-low{color:var(--bad);animation:pulse 1s ease infinite}@keyframes pulse{50%{opacity:.4}}.word-box{background:var(--card);border:3px solid var(--tile-border);border-radius:var(--radius);min-height:60px;display:flex;align-items:center;justify-content:center;font-size:1.7rem;font-weight:900;letter-spacing:.12em;padding:6px 12px;word-break:break-all}.word-valid{border-color:var(--good)}.word-notWord,.word-duplicate{border-color:var(--bad)}.word-placeholder{color:#c4bce6;font-size:1rem;font-weight:700;letter-spacing:normal}.word-hint{margin:-6px 0 0;text-align:center;font-size:.85rem;font-weight:700;color:var(--ink-soft)}.tile-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.tile{aspect-ratio:1;min-width:44px;min-height:44px;border:none;border-radius:14px;background:var(--tile);box-shadow:0 3px 0 var(--tile-border);font-size:1.6rem;font-weight:900;color:var(--ink)}.tile:not(:disabled):active{transform:translateY(2px);box-shadow:0 1px 0 var(--tile-border)}.tile-used{background:#e3def5;color:#b3abd6;box-shadow:none}.word-controls{display:grid;grid-template-columns:1fr 1fr 1.6fr;gap:8px}.banked h2{margin:0 0 6px;font-size:1rem;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em}.banked-count{color:var(--primary)}.banked-empty{margin:0;color:var(--ink-soft);font-size:.9rem}.banked-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.banked-word{background:var(--card);border-radius:999px;padding:6px 12px;font-weight:800;font-size:.9rem;box-shadow:0 1px 4px #2d2a451a}.banked-len{color:var(--primary);margin-left:4px}.screen-title{margin:0;font-size:1.6rem;font-weight:900;text-align:center}.screen-sub{margin:-6px 0 0;text-align:center;color:var(--ink-soft);font-size:.9rem}.category-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.category-row{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--card);border-radius:var(--radius);padding:12px 14px;min-height:56px;text-align:left}.category-available{border:2px solid var(--primary);font:inherit;color:inherit}.category-available:active{transform:scale(.98)}.category-used{opacity:.6}.category-auto{border:2px dashed var(--tile-border)}.category-info{display:flex;flex-direction:column;gap:2px}.category-name{font-weight:800}.category-desc{font-size:.78rem;color:var(--ink-soft);line-height:1.3}.category-preview{font-size:1.2rem;font-weight:900;color:var(--good);white-space:nowrap}.category-score{font-size:1.1rem;font-weight:900;color:var(--ink-soft)}.category-tag{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--secondary);white-space:nowrap}.summary{padding-top:16px;text-align:center}.final-score{display:flex;flex-direction:column;align-items:center}.final-score-value{font-size:4rem;font-weight:900;color:var(--primary);line-height:1}.final-score-label{color:var(--ink-soft);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.summary-stats{display:flex;justify-content:center;gap:24px}.stat{display:flex;flex-direction:column}.stat-value{font-size:1.4rem;font-weight:900}.stat-label{font-size:.75rem;color:var(--ink-soft);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.level-bar{height:8px;border-radius:999px;background:var(--bg);border:2px solid var(--tile-border);overflow:hidden;margin:4px 0 2px}.level-bar-fill{height:100%;border-radius:999px;background:var(--primary);transition:width .3s ease}.summary-list{list-style:none;margin:0;padding:0}.summary-row{display:flex;justify-content:space-between;padding:8px 2px;border-bottom:1px solid #efeafd}.summary-row:last-child{border-bottom:none}.summary-name{font-weight:700;text-align:left}.summary-score{font-weight:900;font-variant-numeric:tabular-nums}.summary-total{border-top:2px solid var(--primary);color:var(--primary);font-size:1.05rem}.matches{text-align:center}.count-badge{display:inline-block;margin-left:8px;background:var(--bad);color:#fff;border-radius:999px;min-width:1.6em;padding:2px 7px;font-size:.8rem;font-weight:900;vertical-align:middle}.btn-small{min-height:38px;padding:6px 14px;font-size:.85rem}.mp-action{width:100%}.mp-waiting{display:flex;align-items:center;justify-content:center;gap:10px;font-weight:700;color:var(--ink-soft);min-height:48px}.spinner-small{width:22px;height:22px;border-width:3px}.invite-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}.mp-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.mp-row{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--bg);border:2px solid var(--tile-border);border-radius:var(--radius);padding:10px 14px;min-height:56px;font:inherit;color:inherit;text-align:left}.mp-row:active{transform:scale(.98)}.invite-row{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--bg);border:2px dashed var(--tile-border);border-radius:var(--radius);padding:10px 14px}.friend-row{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--bg);border:2px solid var(--tile-border);border-radius:var(--radius);padding:10px 14px}.invite-actions{display:flex;gap:6px;align-items:center}.push-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.mp-row-info{display:flex;flex-direction:column;gap:2px;text-align:left}.mp-row-name{font-weight:800;overflow-wrap:anywhere}.mp-row-sub{font-size:.78rem;color:var(--ink-soft);font-weight:700}.mp-row-wait{font-size:.8rem;font-weight:700;color:var(--ink-soft);white-space:nowrap}.mp-badge{border-radius:999px;padding:4px 12px;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.mp-badge-turn{background:var(--primary);color:#fff}.mp-badge-won{background:var(--good);color:#fff}.mp-badge-lost{background:var(--bad);color:#fff}.mp-badge-tie{background:var(--secondary);color:#5a3c00}.mp-empty{margin:0;color:var(--ink-soft);font-weight:700;font-size:.9rem}.match-detail{text-align:center}.mpd-outcome{align-self:center;font-size:1rem;padding:8px 20px}.mpd-resigned{font-weight:700;text-transform:none;letter-spacing:normal}.mpd-totals{display:flex;justify-content:center;align-items:center;gap:18px}.mpd-total{display:flex;flex-direction:column;min-width:90px}.mpd-total-value{font-size:2.4rem;font-weight:900;color:var(--primary);line-height:1.1}.mpd-total-label{font-size:.75rem;color:var(--ink-soft);font-weight:800;text-transform:uppercase;letter-spacing:.06em;overflow-wrap:anywhere}.mpd-totals-dash{font-size:1.6rem;font-weight:900;color:var(--ink-soft)}.mpd-waiting{text-align:center}.mpd-grid-head{display:grid;grid-template-columns:2em 1fr 1fr;gap:8px;font-size:.75rem;font-weight:800;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;padding-bottom:6px}.mpd-grid-head span{overflow-wrap:anywhere}.mpd-rounds{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.mpd-round{display:grid;grid-template-columns:2em 1fr 1fr;gap:8px;align-items:start;padding:8px 0;border-top:1px solid #efeafd}.mpd-round-num{font-weight:900;color:var(--ink-soft);font-variant-numeric:tabular-nums;padding-top:2px}.mpd-cell{display:flex;flex-direction:column;gap:2px;text-align:left}.mpd-cell-pending{color:var(--ink-soft);font-size:.85rem;font-weight:700;padding-top:2px}.mpd-score{font-weight:900;font-variant-numeric:tabular-nums}.mpd-category{font-size:.75rem;font-weight:800;color:var(--primary-dark)}.mpd-words{font-size:.7rem;color:var(--ink-soft);font-weight:700;line-height:1.4;overflow-wrap:anywhere}.wcard{display:flex;flex-direction:column;gap:6px;text-align:left}.btn-speak{background:#e9e4ff;border:none;border-radius:999px;width:28px;height:28px;padding:0;font-size:.85rem;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex:none;vertical-align:middle;transition:transform .05s ease}.btn-speak:active{transform:scale(.92)}.wcard>.btn-speak{align-self:flex-start}.spell-clue-text .btn-speak{align-self:center}.wod-word .btn-speak,.spell-flourish .btn-speak{margin-left:8px}.btn .spinner{display:inline-block;margin:0 auto}.wcard-translation{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}.wcard-lang{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft)}.wcard-translation-text{font-size:1.15rem;font-weight:900;color:var(--primary-dark)}.wcard-jyutping{font-size:.85rem;font-weight:700;color:var(--ink-soft)}.wcard-missing{margin:0;font-size:.85rem;font-weight:700;color:var(--ink-soft);font-style:italic}.wcard-definition{margin:0;font-size:.9rem;line-height:1.4;color:var(--ink)}.wcard-example{margin:0;font-size:.85rem;line-height:1.4;color:var(--ink-soft);font-style:italic}.wcard-locked{align-self:flex-start;background:#e9e4ff;border:none;border-radius:999px;padding:5px 12px;font-size:.75rem;font-weight:800;color:var(--primary-dark)}.round-words{text-align:left}.round-words-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px;background:none;border:none;padding:0;font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);min-height:32px}.round-words-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}.round-word{border-top:1px solid #efeafd;padding-top:10px;display:flex;flex-direction:column;gap:4px}.round-word-text{font-weight:900;letter-spacing:.08em}.learn-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.collection-group{margin-top:10px;text-align:left}.collection-stage{margin:0 0 6px;font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--primary-dark);display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}.collection-count{color:var(--ink-soft)}.collection-hint{font-size:.7rem;font-weight:700;text-transform:none;letter-spacing:normal;color:var(--ink-soft)}.collection-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.collection-item{display:flex;flex-direction:column;gap:6px;max-width:100%}.collection-item:has(.wcard){flex-basis:100%}.collection-word{align-self:flex-start;background:var(--bg);border:2px solid var(--tile-border);border-radius:999px;padding:8px 14px;min-height:40px;font-weight:800;font-size:.9rem;color:var(--ink)}.collection-word[aria-expanded=true]{border-color:var(--primary);background:#e9e4ff}.learn-attribution{margin-top:4px;font-size:.72rem;font-weight:700;color:var(--ink-soft);text-align:center}.pack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.pack-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--bg);border:2px solid var(--tile-border);border-radius:14px;padding:12px 8px;color:var(--ink);cursor:pointer}.pack-card:hover{border-color:var(--primary)}.pack-card-lock{position:absolute;top:6px;right:8px;font-size:.8rem}.pack-card-ribbon{position:absolute;top:-8px;left:-6px;background:var(--secondary);color:#5a3c00;border-radius:999px;padding:2px 8px;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;transform:rotate(-4deg);box-shadow:0 1px 4px #2d2a452e}.pack-card-emoji{font-size:1.8rem;line-height:1.1}.pack-card-title{font-weight:800;font-size:.9rem}.pack-card-count{font-weight:700;font-size:.75rem;color:var(--ink-soft)}.pack-detail{text-align:center}.pack-detail-emoji{font-size:1.6em;vertical-align:-.15em}.pack-progress{display:flex;flex-direction:column;gap:6px}.pack-progress-track{height:14px;border-radius:999px;background:var(--bg);border:2px solid var(--tile-border);overflow:hidden}.pack-progress-fill{height:100%;border-radius:999px;background:var(--good);transition:width .3s ease}.pack-progress-label{font-size:.8rem;font-weight:800;color:var(--ink-soft)}.pack-words{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;text-align:left}.pack-word-item{display:flex;flex-direction:column;gap:6px;max-width:100%}.pack-word-item:has(.wcard){flex-basis:100%}.pack-stage{margin-left:8px;padding:2px 8px;border-radius:999px;background:#e9e4ff;color:var(--primary-dark);font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.pack-word-hidden{display:inline-flex;align-items:center;justify-content:center;width:72px;min-height:40px;border:2px dashed var(--tile-border);border-radius:999px;color:var(--ink-soft);font-weight:800;font-size:.9rem;letter-spacing:.2em}.pack-hint{margin:0;font-size:.85rem;font-weight:700;color:var(--ink-soft)}.review{text-align:center}.review-tiles{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px}.review-tile{width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:var(--tile);box-shadow:0 3px 0 var(--tile-border);font-size:1.6rem;font-weight:900;color:var(--ink)}.review-answer{text-align:left}.review-grades{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.btn-grade{min-height:56px;color:#fff}.btn-grade-again{background:var(--bad)}.btn-grade-good{background:var(--primary)}.btn-grade-easy{background:var(--good)}.review-empty{text-align:center;font-weight:700;color:var(--ink-soft)}.review-empty-emoji{margin:0;font-size:2.2rem}.review-empty p{margin:6px 0 0}.review-mode{display:grid;grid-template-columns:1fr 1fr;gap:8px}.spell-clue{text-align:center}.spell-clue-label{margin:0;font-size:.8rem;font-weight:800;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em}.spell-clue-text{margin:6px 0 0;font-size:1.15rem;font-weight:700;display:flex;flex-direction:column;gap:2px}.spell-attempt{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;min-height:48px}.spell-slot{width:42px;height:48px;display:inline-flex;align-items:center;justify-content:center;border:2px dashed var(--tile-border);border-radius:12px;background:transparent;padding:0;font-size:1.3rem;font-weight:900;color:var(--ink)}.spell-slot-filled{border-style:solid;background:var(--card);box-shadow:0 2px 0 var(--tile-border)}.spell-correct .spell-slot-filled{border-color:var(--good);background:var(--good);color:#fff}.spell-reveal .spell-slot-filled{border-color:var(--primary);background:var(--primary);color:#fff;animation:bank-pop .25s cubic-bezier(.2,1.4,.4,1)}.spell-shake{animation:spell-shake .45s ease-in-out}@keyframes spell-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.spell-flourish{margin:-4px 0 0;text-align:center;font-weight:900;color:var(--good);animation:bank-pop .3s cubic-bezier(.2,1.4,.4,1)}.spell-flourish-reveal{color:var(--primary)}.spell-tiles{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.spell-tile{width:48px;flex:none}.spell-tile-lit{background:var(--good);color:#fff;box-shadow:none}.spell-tile-revealed{background:var(--primary);color:#fff;box-shadow:none;animation:bank-pop .25s cubic-bezier(.2,1.4,.4,1)}.spell-controls{display:grid;grid-template-columns:1fr 1.2fr 1.2fr;gap:8px}.paywall{text-align:center;padding-top:24px}.paywall-title{font-size:2.2rem}.paywall-card{text-align:left}.paywall-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.paywall-list li{display:flex;align-items:flex-start;gap:10px;font-weight:700;line-height:1.4}.paywall-emoji{font-size:1.3rem;line-height:1.2}.paywall-note{margin:0;font-size:.85rem;font-weight:800;color:var(--ink-soft)}.ask-parent,.parent-consent{text-align:center;padding-top:16px}.consent-card{text-align:left}.consent-celebrate{margin:0;font-size:3rem;line-height:1}.consent-steps{margin:0;padding-left:1.4em;display:flex;flex-direction:column;gap:6px;font-weight:700;line-height:1.4}.consent-list{margin:0 0 12px;padding-left:1.2em;display:flex;flex-direction:column;gap:4px;font-weight:700;line-height:1.4}.consent-link{width:100%;background:var(--bg);border:2px dashed var(--tile-border);border-radius:12px;padding:10px 12px;font-weight:700;font-size:.8rem;color:var(--primary-dark);overflow-wrap:anywhere;text-align:left}.consent-actions{display:flex;flex-direction:column;gap:8px;margin-top:10px}.consent-text{margin:0;line-height:1.5}.consent-fineprint{margin:8px 0 0;font-size:.8rem;font-weight:700;color:var(--ink-soft);line-height:1.45}.consent-email{color:var(--primary-dark);font-weight:800;overflow-wrap:anywhere}.btn-link-inline{padding:0;font-size:inherit}.policy{padding-top:16px;text-align:center}.draft-banner{width:100%;background:var(--secondary);color:#5a3c00;border-radius:var(--radius);padding:8px 14px;font-weight:800;font-size:.85rem}.policy-body{text-align:left}.policy-body h2{margin:18px 0 6px}.policy-body h2:first-of-type{margin-top:0}.policy-meta{margin:0 0 12px;font-size:.78rem;font-weight:700;color:var(--ink-soft)}.policy-body p{margin:0 0 10px;font-size:.9rem;line-height:1.55}.policy-body ul{margin:0 0 10px;padding-left:1.2em;display:flex;flex-direction:column;gap:6px}.policy-body li{font-size:.9rem;line-height:1.5}.home-footer{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:8px;color:var(--ink-soft);font-weight:700;font-size:.8rem}.vs-badge{background:var(--secondary);color:#5a3c00;border-radius:999px;padding:6px 12px;font-weight:800;font-size:.8rem;overflow-wrap:anywhere}.paywall-actions{display:flex;flex-direction:column;gap:10px;width:100%;max-width:420px;margin:4px auto 8px}.achv-toast-stack{position:fixed;top:calc(10px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:60;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;width:max-content;max-width:min(92vw,440px)}.achv-toast{pointer-events:auto;display:flex;align-items:center;gap:10px;background:var(--primary-dark);color:#fff;border:none;border-radius:999px;padding:10px 18px;font-weight:800;font-size:.95rem;box-shadow:0 6px 18px #2d2a454d;text-align:left;animation:achv-toast-in .35s cubic-bezier(.2,1.4,.4,1)}.achv-toast-emoji{font-size:1.4rem;animation:achv-toast-bounce .9s ease-in-out 2}@keyframes achv-toast-in{0%{opacity:0;transform:translateY(-24px) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes achv-toast-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px) scale(1.15)}}.achv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin-top:10px}.achv-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;border-radius:var(--radius);padding:12px 8px}.achv-card-earned{background:linear-gradient(160deg,#fff7e0,#ffe9b8);border:2px solid var(--secondary);box-shadow:0 2px 8px #ffb53d40}.achv-card-locked{background:#efedf8;border:2px dashed var(--tile-border);opacity:.65;filter:grayscale(1)}.achv-emoji{font-size:1.9rem;line-height:1.2}.achv-card-locked .achv-emoji{font-weight:900;color:var(--ink-soft)}.achv-name{font-weight:800;font-size:.85rem}.achv-desc{font-size:.72rem;color:var(--ink-soft);font-weight:700;line-height:1.3}.achv-date{font-size:.68rem;color:#a06900;font-weight:800}.wod-word{font-size:2rem;font-weight:900;letter-spacing:.1em;color:var(--primary-dark);margin:6px 0 2px;text-align:center;word-break:break-word}.wod-translation{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:6px;margin:2px 0 6px}.wod-definition{margin:4px 0;font-size:.95rem;line-height:1.45;text-align:center}.wod-example{margin:4px 0 0;font-style:italic;color:var(--ink-soft);font-size:.9rem;text-align:center}.quest-list{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}.quest-row{display:flex;align-items:center;gap:10px}.quest-emoji{font-size:1.4rem;line-height:1}.quest-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.quest-title{font-weight:800;font-size:.85rem}.quest-row-done .quest-title{color:var(--ink-soft)}.quest-bar{height:10px;border-radius:999px;background:var(--bg);border:2px solid var(--tile-border);overflow:hidden}.quest-bar-fill{height:100%;border-radius:999px;background:var(--good);transition:width .3s ease}.quest-count{font-weight:800;font-size:.8rem;color:var(--ink-soft);min-width:2.8em;text-align:right}.quest-count-done{color:var(--good);font-size:1.05rem}.quests-all-done{box-shadow:0 0 0 2px var(--secondary),0 0 14px #ffb53d73}.quest-bonus{margin:10px 0 0;font-weight:800;font-size:.85rem;color:#a06900;text-align:center}.word-box-wrap{position:relative;width:100%}.bank-flourish{position:absolute;left:50%;bottom:calc(100% + 4px);transform:translate(-50%);margin:0;pointer-events:none;white-space:nowrap;max-width:94vw;overflow:hidden;text-overflow:ellipsis;border-radius:999px;padding:6px 14px;font-weight:900;font-size:.9rem;box-shadow:0 4px 12px #2d2a4540;animation:flourish-pop 2.5s ease-out forwards;z-index:5}.bank-flourish-wow{background:linear-gradient(120deg,#ffd76e,#ffb53d);color:#5a3c00}.bank-flourish-pack{background:linear-gradient(120deg,#b9a6ff,#7c5cff);color:#fff}@keyframes flourish-pop{0%{opacity:0;transform:translate(-50%) translateY(8px) scale(.7)}12%{opacity:1;transform:translate(-50%) translateY(0) scale(1.06)}20%{transform:translate(-50%) translateY(0) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-10px) scale(.95)}}.banked-word{animation:bank-pop .3s cubic-bezier(.2,1.4,.4,1)}@keyframes bank-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.profile{text-align:center}.profile-identity{display:flex;flex-direction:column;gap:2px}.profile-username{margin:0;font-size:1.4rem;font-weight:900;overflow-wrap:anywhere}.profile-since{margin:0;font-size:.8rem;font-weight:700;color:var(--ink-soft)}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.profile-strip-hint{margin:0 0 10px}.profile-badges{display:flex;justify-content:center;gap:8px;margin-bottom:12px}.profile-badge{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;font-size:1.5rem;background:var(--bg);border:2px solid var(--tile-border);border-radius:12px}.profile-friends-count{margin:0 0 10px;font-size:1.1rem;font-weight:800}.profile .mp-empty{margin-bottom:10px}.family{text-align:center}.family-child-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.family-child-id{display:flex;flex-direction:column;gap:2px;text-align:left;min-width:0}.family-badge{border-radius:999px;padding:4px 12px;font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;flex-shrink:0}.family-badge-granted{background:var(--good);color:#fff}.family-badge-pending{background:var(--secondary);color:#5a3c00}.family-badge-revoked{background:var(--bad);color:#fff}.family-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.family-pending-hint,.ask-grownup-note{margin:0}.first-run{border:2px solid var(--primary)}.first-run-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:10px}.how-to-btn{margin-top:10px}.tutorial-ring{position:fixed;z-index:60;pointer-events:none;border:3px solid var(--secondary);border-radius:14px;box-shadow:0 0 0 100vmax #2d2a4573;transition:all .25s ease}.tutorial-bubble{position:fixed;z-index:61;width:min(320px,calc(100vw - 24px));background:var(--card);color:var(--ink);border:2px solid var(--primary);border-radius:var(--radius);box-shadow:0 10px 30px #2d2a4540;padding:12px 14px;text-align:center}.tutorial-step-count{display:block;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft)}.tutorial-message{margin:6px 0 0;font-weight:800;line-height:1.35}.tutorial-nudge{margin:6px 0 0;font-size:.85rem;font-weight:700;color:var(--ink-soft)}.tutorial-skip{margin-top:8px;font-size:.8rem;color:var(--ink-soft)}.tutorial-finale{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:16px;background:#2d2a4573}.tutorial-finale-card{position:static;display:flex;flex-direction:column;gap:10px;width:min(360px,100%)}.tutorial-finale-card p{margin:0;line-height:1.45}.tutorial-finale-title{margin:0;font-size:1.4rem}.auth-avatar{margin-right:4px;text-decoration:none;display:inline-block}.lb-avatar{font-size:1.2rem;line-height:1}.mp-avatar{margin-right:6px}.mpd-avatar{font-size:1.2em}.profile-identity-row{display:flex;align-items:center;gap:12px}.profile-identity-text{display:flex;flex-direction:column;gap:2px;min-width:0}.profile-avatar-btn{flex:none;width:64px;height:64px;font-size:2.2rem;line-height:1;display:flex;align-items:center;justify-content:center;background:var(--bg, #fff);border:2px solid var(--tile-border);border-radius:50%;cursor:pointer}.profile-avatar-btn:hover,.profile-avatar-btn:focus-visible{border-color:var(--primary)}.avatar-picker{margin-top:12px}.avatar-picker-title{margin:0 0 8px;font-size:.95rem}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px}.avatar-option{font-size:1.5rem;line-height:1;padding:8px 0;background:none;border:2px solid transparent;border-radius:10px;cursor:pointer}.avatar-option:hover,.avatar-option:focus-visible{border-color:var(--tile-border)}.avatar-option-active{border-color:var(--primary);background:var(--card)}.confetti-layer{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:70}.confetti-piece{position:absolute;top:-14px;animation:confetti-fall 1.2s ease-in forwards}@keyframes confetti-fall{to{transform:translate(var(--confetti-drift, 0px),105vh) rotate(var(--confetti-spin, 360deg));opacity:.6}}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.landing{gap:18px}.landing-hero{position:relative;overflow:hidden;border-radius:24px;padding:30px 20px 26px;text-align:center;color:#fff;background:linear-gradient(160deg,#6d4df6,#8b66ff 55%,#b79bff);box-shadow:0 14px 34px #5d3fe059}.landing-hero:before,.landing-hero:after{content:"";position:absolute;border-radius:50%;background:#ffffff1a;pointer-events:none}.landing-hero:before{width:220px;height:220px;top:-90px;right:-70px}.landing-hero:after{width:160px;height:160px;bottom:-70px;left:-50px}.hero-tiles{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:16px}.hero-row{display:flex;gap:8px;justify-content:center}.hero-tile{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:#fff;color:var(--ink);font-size:1.6rem;font-weight:900;box-shadow:0 4px #2d2a454d;transform:rotate(var(--tilt, 0deg));animation:hero-pop .5s cubic-bezier(.34,1.56,.64,1) backwards;animation-delay:calc(var(--i, 0) * 70ms)}.hero-tile-accent{background:var(--secondary);color:#5a3c00}@keyframes hero-pop{0%{opacity:0;transform:scale(.3) rotate(var(--tilt, 0deg))}}.hero-tagline{position:relative;margin:0 0 6px;font-size:1.3rem;font-weight:800}.hero-sub{position:relative;margin:0 auto 18px;max-width:36ch;line-height:1.5;color:#ffffffe0}.hero-actions{position:relative;display:flex;flex-direction:column;gap:10px}.btn-hero{background:#fff;color:var(--primary-dark)}.btn-hero:not(:disabled):active{background:#f0ebff}.btn-hero-ghost{background:#ffffff29;color:#fff;border:1.5px solid rgba(255,255,255,.55)}.btn-hero-ghost:not(:disabled):active{background:#ffffff47}.landing-h2{margin:8px 0 -6px;text-align:center;font-size:1rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft)}.landing-steps{display:flex;flex-direction:column;gap:12px}.step-row{display:flex;align-items:flex-start;gap:12px;background:var(--card);border-radius:var(--radius);padding:14px;box-shadow:0 2px 10px #2d2a4514}.step-num{flex-shrink:0;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:#fff;font-weight:900}.step-row h3{margin:0 0 3px;font-size:1rem}.step-row p{margin:0;font-size:.95rem;line-height:1.45;color:var(--ink-soft)}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.feature-card:last-child:nth-child(odd){grid-column:1 / -1}.feature-card{background:var(--card);border-radius:var(--radius);padding:14px;box-shadow:0 2px 10px #2d2a4514}.feature-emoji{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#f0ebff;font-size:1.5rem;margin-bottom:8px}.feature-card h3{margin:0 0 4px;font-size:.95rem}.feature-card p{margin:0;font-size:.85rem;line-height:1.45;color:var(--ink-soft)}.landing-cta{text-align:center}.landing-cta h2{font-size:1.15rem;text-transform:none;letter-spacing:normal;color:var(--ink)}.landing-cta p{margin:0 0 14px;color:var(--ink-soft);line-height:1.45}.free-note{margin:12px 0 0!important;font-size:.85rem}@media(max-width:374px){.hero-tile{width:40px;height:40px;font-size:1.35rem}.feature-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.hero-tile{animation:none}}.play-icon-btn{flex-shrink:0;width:38px;height:38px;border:none;border-radius:12px;background:var(--card);box-shadow:0 2px 6px #2d2a451f;font-size:1rem;font-weight:900;color:var(--ink-soft);display:grid;place-items:center}.play-icon-btn:active{transform:translateY(1px)}.play-header{gap:8px}.score-chip{margin-left:auto;background:var(--card);border-radius:999px;padding:6px 12px;font-weight:900;font-variant-numeric:tabular-nums;box-shadow:0 2px 6px #2d2a451f;white-space:nowrap}.play-clock{display:flex;align-items:center;gap:8px}.pause-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center}.pause-emoji{margin:0;font-size:3rem}.pause-title{margin:0;font-size:1.6rem}.pause-hint{margin:0 0 10px;max-width:32ch;color:var(--ink-soft);line-height:1.45}