/* Real activity in the local demo; Trama keeps its ink, gold and stitched milestones. */
.game-hud{display:flex;align-items:center;gap:16px}.hud-stat{display:flex;gap:5px;align-items:center;text-decoration:none;color:var(--blue);min-height:44px;font-size:13px;white-space:nowrap}.hud-stat .icon{width:19px;height:19px}.hud-stat b{font-variant-numeric:tabular-nums}.hud-stat small{font-size:10px;color:var(--muted)}.hud-fire{color:oklch(46% .12 51)}.hud-level{font-size:10px;background:var(--soft);padding:6px 9px;border-radius:7px;color:var(--blue)}.header-tools{gap:17px}.game-dashboard{grid-template-columns:minmax(0,1fr) 285px;gap:25px}.streak-live{display:inline-flex;align-items:center;gap:9px;font-size:12px;text-decoration:none;white-space:nowrap;color:var(--muted);min-height:44px}.streak-live .icon{color:oklch(46% .12 51)}.streak-live b{color:var(--ink)}.game-dashboard .hero{min-height:260px;padding:29px 31px}.game-dashboard .hero h2{font-size:43px;max-width:400px}.game-dashboard .hero .hero-copy{max-width:69%}.game-dashboard .hero .art-illustration{width:35%;right:-5px}.game-dashboard .hero p{font-size:13px;max-width:320px}.daily-quests{margin-top:29px}.daily-quests h2{font-size:20px}.quest-total{font-size:12px;font-variant-numeric:tabular-nums;color:var(--blue);background:var(--soft);padding:5px 9px;border-radius:7px}.quest-row{display:grid;grid-template-columns:42px minmax(0,1fr) 64px;gap:14px;align-items:center;border-bottom:1px solid var(--line);padding:18px 0;text-decoration:none;transition:background-color 130ms ease-out}.quest-row:hover{background:color-mix(in oklch,var(--soft) 35%,transparent)}.quest-icon{width:40px;height:40px;background:var(--soft);border-radius:11px;display:grid;place-items:center;color:var(--blue)}.quest-title{display:flex;gap:12px;justify-content:space-between;align-items:center;font-size:13px}.quest-title b{font-weight:600}.quest-title small{font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--muted)}.quest-row p{font-size:11px;margin:4px 0 10px}.quest-reward{font-size:11px;font-weight:600;color:var(--blue);text-align:right}.quest-reward>.icon{margin-left:auto}.quest-row.is-done .quest-icon{background:var(--green-bg);color:var(--green)}.quest-row.is-done .quest-title b{color:var(--green)}.quest-row.is-done .trama-meter>span{background:var(--green)}.trama-meter{height:8px;border-radius:10px;background:var(--soft);overflow:hidden;width:100%}.trama-meter>span{display:block;background:var(--blue);width:100%;height:100%;transform-origin:left;border-radius:10px}.goal-panel{padding:22px}.goal-panel-head{display:flex;gap:12px;align-items:center}.goal-panel-head h2{margin:0;font-size:17px}.goal-panel-head p{font-size:11px;margin:4px 0 0}.goal-art{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;border-radius:13px;background:var(--yellow);color:var(--ink)}.goal-art .icon{width:25px;height:25px}.goal-numbers{display:flex;gap:9px;align-items:baseline;margin:25px 0 10px;font-variant-numeric:tabular-nums}.goal-numbers>b{font-size:38px;letter-spacing:-1px;line-height:1}.goal-numbers>span{font-size:13px;color:var(--muted)}.goal-legend{font-size:10px;color:var(--muted);margin-top:10px}.goal-panel .section-head h2{font-size:14px;line-height:1.3}.goal-panel .section-head>.icon{color:oklch(46% .12 51);width:20px}.streak-help{font-size:10px;line-height:1.6;margin:13px 0 0}.goal-panel .week{margin:20px 0}.level-line{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:11px;margin-bottom:10px}.level-line b{font-weight:600}.level-line span{font-size:10px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.game-plan{margin-top:20px}.game-plan .lesson-row{gap:12px}.game-plan .row-end>.icon+.icon{display:none}.session-toolbar{display:flex;gap:19px;align-items:center;margin:2px 0 28px;min-height:62px}.session-back{width:37px;height:44px;display:grid;place-items:center;color:var(--muted);flex-shrink:0}.session-back .icon{transform:rotate(180deg)}.session-track{flex:1;min-width:0}.session-track>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin-bottom:10px}.session-track b{font-size:12px;font-weight:600}.session-track span{color:var(--muted);font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums}.session-xp{font-size:12px;color:var(--blue);font-weight:600;display:flex;align-items:center;gap:5px;white-space:nowrap;font-variant-numeric:tabular-nums}.session-xp>.icon{width:18px;height:18px}.learning-session .session-top{margin:0 0 18px}.learning-session .flash{min-height:410px;margin:0 0 24px;padding:28px 20px;perspective:1000px;box-shadow:0 12px 35px color-mix(in oklch,var(--ink) 5%,transparent);transform-origin:center}.flash .card-phase{font-size:11px;color:var(--muted);margin-bottom:15px}.learning-session .flash .word{font-size:clamp(44px,6vw,72px);margin:17px 0 19px}.learning-session .flash .meaning{margin:7px 0 16px;font-size:25px}.learning-session .flash .translit{font-size:13px}.recall-prompt{font-size:13px;margin:0 0 24px}.learning-session .flash .audio-caption{margin-top:7px;font-size:10px}.answer-zone{min-height:80px;display:grid;place-items:center}.answer-zone .ratings{width:100%}.reveal-action{min-width:250px;min-height:53px}.ratings button{border-radius:13px;min-height:77px;background:var(--surface);font-size:14px}.ratings button:last-child{background:var(--blue);color:var(--surface);border-color:var(--blue)}.ratings button:last-child small{color:var(--surface);opacity:.88}.ratings button small{font-size:11px}.ratings button:first-child{color:var(--muted)}.quiz-card .prompt{font-size:30px;margin:8px 0 5px;letter-spacing:-.7px}.quiz-card .options{max-width:550px}.quiz-card .options button{display:flex;align-items:center;gap:13px;font-size:17px;min-height:65px;padding:13px 16px}.option-key{width:23px;height:23px;display:grid;place-items:center;border:1px solid var(--line);border-radius:5px;font-size:10px;color:var(--muted);flex-shrink:0}.feedback{display:flex;gap:14px;align-items:flex-start;animation:none;padding:20px;border:1px solid color-mix(in oklch,var(--green) 20%,transparent)}.feedback p{font-size:13px;margin:5px 0 0}.feedback-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:color-mix(in oklch,var(--green) 12%,transparent);flex-shrink:0}.feedback-icon>.icon{width:19px;height:19px}.feedback.wrong{border-color:color-mix(in oklch,var(--red) 20%,transparent)}.feedback.wrong .feedback-icon{background:color-mix(in oklch,var(--red) 10%,transparent)}.learning-session .session-actions .btn{min-height:52px;min-width:205px}.session-result{text-align:center;padding:0 10px 25px}.result-art{margin:15px auto 10px;width:175px;height:145px;display:grid;place-items:center;background:var(--soft);border-radius:50%}.result-flower{width:150px;height:135px;object-fit:contain}.session-result h1{font-size:37px;max-width:620px;margin:25px auto 14px}.session-result>p{font-size:14px;margin:0 auto;max-width:58ch}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:29px 0;padding:23px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.result-stats b{display:block;font-size:32px;font-weight:400;color:var(--blue);font-variant-numeric:tabular-nums;letter-spacing:-1px}.result-stats span{font-size:11px;color:var(--muted);display:block;margin-top:3px}.result-goal>div:first-child{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:12px;margin-bottom:12px}.result-goal span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.result-next{margin:28px 0 12px;padding:23px;background:var(--soft);border-radius:15px}.result-next>b{font-size:16px;font-weight:600}.result-next p{font-size:12px;margin:8px auto 17px}.result-next .btn{min-width:210px}.result-actions{display:flex;justify-content:center;gap:25px}.session-result>.hint{font-size:10px;margin:15px auto 0}.reward-toast{position:fixed;top:99px;left:50%;transform:translateX(-50%);z-index:150;background:var(--ink);color:var(--surface);border-radius:13px;box-shadow:0 10px 32px color-mix(in oklch,var(--ink) 18%,transparent);padding:13px 21px;display:flex;align-items:center;gap:15px;max-width:90vw;pointer-events:none}.reward-toast strong{color:var(--yellow);font-size:18px;white-space:nowrap;font-variant-numeric:tabular-nums}.reward-toast span{font-size:12px;white-space:nowrap}.stitch-burst{position:fixed;inset:0;pointer-events:none;z-index:140;overflow:hidden}.stitch-burst i{position:absolute;display:block;width:11px;height:3px;background:currentColor;border-radius:1px}.stitch-burst i:after{content:'';position:absolute;inset:0;transform:rotate(90deg);background:currentColor}.motion-ghost{user-select:none!important}.progress-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0 38px}.progress-overview>section{display:grid;grid-template-columns:48px 1fr;column-gap:15px;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.progress-overview .goal-art{grid-row:span 2;align-self:center}.progress-overview b{font-size:32px;font-weight:400;line-height:1.1;font-variant-numeric:tabular-nums}.progress-overview section>span:last-child{font-size:11px;margin-top:5px;color:var(--muted)}.progress-section{margin:34px 0}.progress-section h2{font-size:22px}.progress-section>.section-head{margin-bottom:12px}.progress-section>.section-head>span{font-size:12px;color:var(--muted)}.badges-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.achievement{text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:23px 18px;display:flex;flex-direction:column;align-items:center}.achievement-medal{width:62px;height:62px;border-radius:19px;background:var(--soft);color:var(--muted);display:grid;place-items:center;margin-bottom:18px}.achievement-medal>.icon{width:30px;height:30px}.achievement.earned .achievement-medal{background:var(--yellow);color:var(--ink);transform:rotate(-5deg)}.achievement.earned{border-color:color-mix(in oklch,var(--blue) 25%,var(--line))}.achievement>b{font-size:14px}.achievement small{font-size:11px;color:var(--muted);margin-top:8px;max-width:27ch}.achievement-status{font-size:10px;color:var(--muted);margin-top:auto;padding-top:17px}.achievement.earned .achievement-status{color:var(--green);font-weight:600}.progress-explanation{font-size:12px;max-width:80ch}.goal-panel .day.now span{outline:2px solid var(--blue);outline-offset:2px;border:0}.day.active.now span{outline-color:var(--blue)}@media(max-width:1150px){.game-hud{gap:12px}.hud-level{display:none}.game-dashboard{grid-template-columns:minmax(0,1fr) 240px;gap:20px}.goal-panel{padding:19px}.goal-panel-head{display:block}.goal-panel-head>.goal-art{margin-bottom:12px}.game-dashboard .hero h2{font-size:37px}.game-dashboard .hero-copy{max-width:78%}.game-dashboard .hero .art-illustration{opacity:.35;width:41%;right:-25px}.quest-row{gap:10px;grid-template-columns:36px minmax(0,1fr) 54px}.quest-icon{width:35px;height:35px}.progress-overview{gap:12px}.progress-overview>section{padding:16px;column-gap:10px}}@media(max-width:900px){.game-dashboard{grid-template-columns:1fr}.game-dashboard>.right{grid-template-columns:1fr}.goal-panel{padding:22px;display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.goal-panel-head{display:flex;grid-column:span 2}.goal-panel-head>.goal-art{margin-bottom:0}.goal-panel .goal-numbers,.goal-panel>.trama-meter,.goal-panel>.goal-legend{grid-column:span 2}.goal-panel>hr{grid-column:span 2;width:100%}.goal-panel>.section-head,.goal-panel>.week,.goal-panel>.streak-help,.goal-panel>.level-line,.goal-panel>.trama-meter{grid-column:span 2}.goal-panel>.week{max-width:380px;width:100%;margin-left:auto;margin-right:auto}.game-dashboard .culture{margin-top:0}.game-dashboard .hero .art-illustration{opacity:1;right:-8px;width:36%}.game-dashboard .hero-copy{max-width:65%}.badges-grid{grid-template-columns:repeat(2,1fr)}.progress-overview>section{display:block}.progress-overview .goal-art{margin-bottom:15px}.progress-overview b{display:block}.progress-overview section>span:last-child{display:block}}@media(max-width:620px){header #breadcrumb{display:none}header{justify-content:flex-end;padding:0 14px}.header-tools{width:100%;justify-content:space-between;gap:7px}.game-hud{gap:10px}.hud-stat{font-size:12px;gap:3px}.hud-stat small{font-size:9px}.hud-stat .icon{width:17px;height:17px}.streak-live{display:none}.game-dashboard .hero{min-height:285px;padding:27px 24px}.game-dashboard .hero h2{font-size:35px}.game-dashboard .hero-copy{max-width:100%}.game-dashboard .hero p{max-width:220px;font-size:12px}.game-dashboard .hero .art-illustration{opacity:.13;right:-55px;width:58%}.game-dashboard .hero .btn{font-size:12px;min-height:48px}.daily-quests{margin-top:25px}.daily-quests h2{font-size:20px}.quest-row{grid-template-columns:34px minmax(0,1fr) 50px;gap:10px;padding:19px 0}.quest-icon{width:33px;height:33px;border-radius:9px}.quest-icon>.icon{width:19px;height:19px}.quest-title{font-size:12px;gap:8px}.quest-title small{font-size:10px}.quest-row p{font-size:10px;margin-bottom:9px}.quest-reward{font-size:10px;white-space:nowrap}.goal-panel{display:block}.goal-panel-head{display:flex}.goal-panel-head>.goal-art{margin:0}.goal-panel .week{max-width:none}.goal-panel .goal-numbers{margin-top:22px}.session-toolbar{gap:10px;margin:0 0 25px}.session-back{width:28px}.session-back>.icon{width:20px}.session-track b{font-size:11px;max-width:18ch}.session-track>div:first-child{gap:7px;align-items:center}.session-track span{font-size:10px}.session-xp{font-size:11px;gap:3px}.session-xp .icon{width:15px}.learning-session .session-top{font-size:10px}.learning-session .session-top>span{font-size:10px}.learning-session .flash{min-height:350px;padding:23px 15px}.learning-session .flash .word{font-size:48px;line-height:1.2;overflow-wrap:anywhere}.learning-session .flash .meaning{font-size:22px;margin-top:5px}.flash .card-phase{font-size:10px}.recall-prompt{font-size:12px}.ratings{gap:7px}.ratings button{font-size:11px;padding:12px 6px;min-height:78px;border-radius:10px}.ratings button small{font-size:9px;line-height:1.4}.reveal-action{width:100%;font-size:13px;min-height:54px}.learning-session .hint{font-size:10px;max-width:40ch;margin-left:auto;margin-right:auto}.quiz-card .prompt{font-size:25px;line-height:1.3}.quiz-card .options{gap:10px}.quiz-card .options button{font-size:17px;min-height:59px;padding:12px 14px}.feedback{padding:17px 15px;gap:10px}.feedback p{font-size:12px}.feedback b{font-size:13px}.learning-session .session-actions .btn{width:100%;min-height:53px}.session-result{padding:0 0 20px}.session-result h1{font-size:32px;line-height:1.15}.session-result>p{font-size:13px}.result-art{width:150px;height:130px;margin-top:0}.result-flower{width:140px;height:125px}.result-stats{gap:8px;margin:24px 0;padding:21px 0}.result-stats b{font-size:27px}.result-stats span{font-size:10px}.result-next{padding:21px 17px}.result-next>b{font-size:15px}.result-next .btn{width:100%;min-width:0}.result-actions{gap:17px}.result-actions .text-link{font-size:11px}.reward-toast{top:77px;max-width:92vw;padding:12px 17px;gap:12px}.reward-toast strong{font-size:17px}.reward-toast span{font-size:11px}.progress-overview{gap:9px;margin:23px 0 30px}.progress-overview>section{padding:15px 12px;border-radius:11px}.progress-overview .goal-art{width:32px;height:32px;border-radius:9px}.progress-overview .goal-art>.icon{width:20px;height:20px}.progress-overview b{font-size:28px}.progress-overview section>span:last-child{font-size:10px}.progress-section h2{font-size:20px}.achievement{padding:20px 12px;border-radius:12px}.achievement>b{font-size:12px}.achievement small{font-size:10px}.achievement-medal{width:51px;height:51px;border-radius:16px}.achievement-medal>.icon{width:27px;height:27px}.badges-grid{gap:11px}.game-plan .row-title{font-size:12px}.game-plan .row-meta{font-size:10px}.game-plan .row-end{display:none}}@media(max-width:350px){.header-tools{gap:5px}.game-hud{gap:7px}.hud-stat small{display:none}.game-dashboard .hero h2{font-size:33px}.quest-row{grid-template-columns:29px minmax(0,1fr) 45px;gap:8px}.quest-icon{width:29px;height:29px}.quest-title{font-size:11px}.quest-title small{font-size:9px}.quest-reward{font-size:9px}.quest-row p{font-size:9px}.session-toolbar{gap:8px}.session-xp{font-size:10px}.session-track b{font-size:10px}.learning-session .flash .word{font-size:42px}.reward-toast{padding:12px 13px}.reward-toast span{font-size:10px}}@media(prefers-reduced-motion:reduce){.motion-ghost,.stitch-burst{display:none!important}.learning-session .flash{animation:none!important}.achievement.earned .achievement-medal{transform:none}.reward-toast{animation:none!important}}
.daily-path{margin:23px 0 35px;padding:23px 26px;background:var(--surface);border:1px solid var(--line);border-radius:17px}.daily-path .section-head h2{font-size:18px;margin:0}.daily-path .section-head>span{font-size:12px;color:var(--blue)}.path-track{display:flex;justify-content:space-around;position:relative;isolation:isolate;margin:30px 0 15px}.path-track:before{content:'';position:absolute;top:29px;height:3px;left:17%;right:17%;background:var(--line);z-index:-1}.path-node{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;min-width:90px;min-height:115px}.path-node>span{display:grid;place-items:center;width:60px;height:60px;border:2px solid var(--line);background:var(--surface);border-radius:21px;color:var(--muted);box-shadow:0 5px 9px color-mix(in oklch,var(--ink) 4%,transparent)}.path-node.current>span{background:var(--blue);border-color:var(--blue);color:var(--surface);outline:3px solid var(--soft);outline-offset:4px}.path-node.complete>span{background:var(--green-bg);border-color:var(--green);color:var(--green)}.path-node>b{font-size:12px;font-weight:600;margin-top:6px}.path-node>small{font-size:10px;color:var(--muted)}.daily-path>p{font-size:11px;margin:12px 0 0;text-align:center}@media(max-width:620px){.daily-path{padding:20px 15px}.daily-path .section-head h2{font-size:16px}.path-node{min-width:70px}.path-node>span{width:53px;height:53px;border-radius:18px}.path-node>b{font-size:11px}.path-track:before{top:26px}.daily-path>p{font-size:10px}.path-track{margin-top:26px}}
nav .count>.icon{width:12px;height:12px}
