/* styles.css */
:root{--ink:#202722;--muted:#858d87;--green:#526d55;--mint:#e6eee5;--paper:#f6f7f4;--line:#e8ebe6;--white:#fff;--yellow:#f5c85f;--red:#ca6a58;--shadow:0 12px 32px #28332a0b}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'DM Sans',sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:0;color:inherit}#app{min-height:100vh}.shell{max-width:1440px;margin:auto;min-height:100vh;display:grid;grid-template-columns:240px 1fr}.sidebar{padding:28px 18px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:#fafbf9}.brand{display:flex;align-items:center;gap:11px;margin:0 10px 40px;font:800 20px Manrope,sans-serif;letter-spacing:-.8px}.brand-mark{width:35px;height:35px;border-radius:12px;background:var(--green);color:white;display:grid;place-items:center;font-size:19px}.nav-label{font-size:10px;letter-spacing:1.5px;color:#a1a9a1;font-weight:700;margin:0 12px 10px}.nav{display:grid;gap:5px}.nav button{height:43px;border-radius:11px;background:transparent;text-align:left;padding:0 12px;color:#727b73;font-weight:600;display:flex;align-items:center;gap:12px}.nav button.active,.nav button:hover{background:var(--mint);color:#38533b}.nav-icon{width:19px;text-align:center;font-size:16px}.sidebar-bottom{margin-top:auto}.mini-profile{margin-top:20px;padding:13px;background:white;border:1px solid var(--line);border-radius:14px;display:flex;gap:10px;align-items:center}.avatar{width:34px;height:34px;border-radius:11px;background:#efe1cd;display:grid;place-items:center;font-size:18px}.mini-profile strong{display:block;font-size:12px}.mini-profile small{color:var(--muted);font-size:10px}.main{padding:0 38px 54px;min-width:0}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:30px}.crumb{font-size:12px;color:var(--muted)}.top-right{display:flex;align-items:center;gap:9px}.pill{padding:8px 12px;border:1px solid var(--line);border-radius:20px;background:white;font-size:12px;font-weight:700}.pill.gold{color:#8d6921;background:#fff8e8;border-color:#f4e7c6}.content{max-width:1050px;margin:auto}.eyebrow{color:var(--green);font-size:10px;text-transform:uppercase;letter-spacing:1.6px;font-weight:800}.welcome{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.welcome h1{font:700 30px Manrope,sans-serif;letter-spacing:-1px;margin:8px 0 4px}.welcome p{margin:0;color:var(--muted)}.date{color:var(--muted);font-size:12px}.hero{background:var(--green);color:white;border-radius:20px;padding:26px 30px;display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center;position:relative;overflow:hidden;margin-bottom:20px}.hero:after{content:'';position:absolute;width:240px;height:240px;border:1px solid #ffffff20;border-radius:50%;right:50px;top:-145px;box-shadow:0 0 0 24px #ffffff08,0 0 0 52px #ffffff06}.hero h2{font:700 22px Manrope,sans-serif;margin:6px 0}.hero p{color:#d5e2d5;margin:0 0 18px;font-size:12px}.hero .eyebrow{color:#c6d8c6}.btn{border-radius:10px;padding:12px 18px;font-weight:700;font-size:12px;background:white;color:#345039}.btn.primary{background:var(--green);color:white}.btn.light{background:#eef2ec;color:var(--green)}.hero .btn{position:relative;z-index:1}.hero-art{font-size:64px;position:relative;z-index:1;margin:0 24px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}.stat,.panel,.card{background:white;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.stat{padding:15px 16px}.stat-top{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.stat-icon{font-size:16px}.stat strong{display:block;font:700 22px Manrope;margin:10px 0 2px}.stat small{font-size:10px;color:#919991}.dashboard-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.panel{padding:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.panel-head h3{font:700 15px Manrope;margin:0}.text-link{background:none;color:var(--green);font-size:11px;font-weight:700}.continue-card{padding:15px;border-radius:13px;background:#f6f8f5;display:flex;align-items:center;gap:13px;margin-bottom:14px}.lesson-icon{width:45px;height:45px;background:#e5eee4;border-radius:12px;display:grid;place-items:center;font-size:20px}.continue-copy{flex:1}.continue-copy strong{font-size:12px}.continue-copy small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.progress{height:5px;background:#e8ece7;border-radius:9px;overflow:hidden;margin-top:9px}.progress i{display:block;height:100%;border-radius:9px;background:#789578}.circle-arrow{width:33px;height:33px;border:1px solid var(--line);border-radius:50%;background:white;color:var(--green);font-size:16px}.skill-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #f0f2ef;font-size:11px}.skill-row:last-child{border:0}.skill-row span:last-child{color:var(--muted)}.skill-bar{grid-column:1/-1;height:4px;background:#edf0ec;border-radius:5px;margin-top:-3px}.skill-bar i{display:block;height:100%;background:#91a78e;border-radius:5px}.daily{background:#fff9ea;border-color:#f3eaca}.daily .circle-arrow{border:0;background:#f5e9c9}.section-title{font:700 24px Manrope;margin:0 0 6px;letter-spacing:-.6px}.section-sub{color:var(--muted);margin:0 0 22px}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.mode-card{padding:19px;min-height:154px;text-align:left;transition:.15s}.mode-card:hover,.word-card:hover{transform:translateY(-2px);border-color:#bdcdbb}.mode-icon{height:37px;width:37px;border-radius:11px;background:var(--mint);display:grid;place-items:center;font-size:17px;margin-bottom:14px}.mode-card strong{display:block;font-size:13px;margin-bottom:5px}.mode-card small{font-size:11px;color:var(--muted);line-height:1.5}.tag{display:inline-block;font-size:9px;color:var(--green);background:#eef3ec;padding:4px 7px;border-radius:6px;margin-top:12px;font-weight:700}.game-wrap{max-width:690px;margin:auto}.game-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.back-btn{background:transparent;color:var(--muted);font-weight:700}.game-progress{width:50%;height:6px;background:#e7ebe5;border-radius:8px;overflow:hidden}.game-progress i{display:block;height:100%;background:#82977e;transition:width .25s}.question-panel{padding:34px;min-height:355px}.question-panel h2{font:700 24px Manrope;letter-spacing:-.5px;margin:9px 0 7px}.question-hint{color:var(--muted);font-size:12px;margin:0 0 26px}.prompt{font-size:20px;font-weight:700;text-align:center;padding:25px 12px;background:#f7f8f6;border-radius:13px;margin:22px 0}.prompt .blank{color:#97aa93;border-bottom:2px solid #9aac97;padding:0 22px}.options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.option{padding:14px;border:1px solid var(--line);border-radius:11px;background:white;text-align:left;font-weight:600}.option:hover,.option.selected{border-color:#91aa8d;background:#f5f8f3}.option.correct{border-color:#7ca47b;background:#eff7ef;color:#365d39}.option.wrong{border-color:#d8998d;background:#fff2f0;color:#944838}.sentence-tokens{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;min-height:50px;margin:16px 0}.token{background:#edf2eb;padding:10px 13px;border-radius:9px;font-weight:600}.token-button{border:1px solid var(--line);background:white;padding:9px 13px;border-radius:9px}.token-button:hover{border-color:#a8bba5}.question-footer{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.feedback{font-size:12px;color:var(--green);font-weight:700}.feedback.bad{color:var(--red)}.game-result{text-align:center;padding:28px}.result-icon{font-size:55px}.result-xp{font:800 38px Manrope;color:var(--green);margin:10px}.word-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.word-card{padding:18px;transition:.15s}.word-card strong{display:block;font:700 16px Manrope}.word-card .meaning{color:var(--green);font-size:12px;margin:6px 0}.word-card p{color:var(--muted);font-size:11px;line-height:1.5;min-height:33px}.word-actions{display:flex;gap:8px}.word-actions button{padding:7px 10px;border-radius:8px;background:#f3f5f2;color:var(--green);font-size:10px;font-weight:700}.search{border:1px solid var(--line);border-radius:9px;padding:10px 12px;background:white;width:220px}.filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.filter{background:white;border:1px solid var(--line);border-radius:20px;padding:8px 13px;font-size:11px;color:var(--muted);font-weight:700}.filter.active{background:var(--green);color:white;border-color:var(--green)}.leader-top{display:flex;gap:8px;align-items:center}.leader-list{width:100%;border-collapse:collapse}.leader-list th{text-align:left;color:#9aa29a;font-size:9px;text-transform:uppercase;letter-spacing:1px;padding:10px;border-bottom:1px solid var(--line)}.leader-list td{padding:12px 10px;border-bottom:1px solid #f0f2ef;font-size:12px}.leader-list tr:last-child td{border:0}.leader-list tr.you{background:#f0f5ef}.rank{font-weight:800;color:var(--green);width:36px}.player{display:flex;align-items:center;gap:9px;font-weight:700}.player .avatar{width:30px;height:30px;font-size:15px}.rating{font-weight:700}.up{color:#558258;font-size:10px}.league-hero{background:#f5f0fa;border:1px solid #e9dff2;border-radius:16px;padding:23px;display:flex;align-items:center;gap:18px;margin-bottom:17px}.league-badge{width:64px;height:64px;background:#e9ddf4;border-radius:19px;display:grid;place-items:center;font-size:31px}.league-hero h2{font:700 20px Manrope;margin:0 0 4px}.league-hero p{margin:0;color:var(--muted);font-size:12px}.profile-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:16px}.profile-avatar{font-size:42px;width:78px;height:78px;border-radius:24px;background:#efe1cd;display:grid;place-items:center;margin-bottom:14px}.profile-card{text-align:center;padding:27px}.profile-card h2{font:700 19px Manrope;margin:5px}.profile-card p{color:var(--muted);font-size:12px}.field{display:grid;gap:6px;margin:12px 0}.field label{font-size:10px;font-weight:700;color:#778078}.field input,.field select{width:100%;padding:11px;border:1px solid var(--line);border-radius:9px;background:white;color:var(--ink)}.location-line{padding:12px;background:#f5f7f4;border-radius:10px;font-size:12px;line-height:1.7}.empty{color:var(--muted);text-align:center;padding:40px}.setup-overlay{position:fixed;inset:0;background:#17201999;display:grid;place-items:center;padding:16px;z-index:10}.setup-box{background:white;border-radius:20px;padding:30px;width:min(500px,100%);max-height:92vh;overflow:auto}.setup-box h1{font:700 25px Manrope;margin:8px 0}.setup-box>p{color:var(--muted);font-size:12px;line-height:1.6}.setup-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.area-label{display:flex;justify-content:space-between}.area-label span{color:var(--muted);font-weight:400}.alert{background:#f1f5ef;color:#536d54;padding:10px;border-radius:9px;font-size:11px;line-height:1.5}.notice{font-size:11px;color:var(--muted);line-height:1.6}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:11px 17px;border-radius:10px;background:#202722;color:white;font-size:12px;z-index:20;box-shadow:var(--shadow)}.mobile-menu{display:none}.mini-map{display:flex;gap:9px;overflow:auto;padding:8px 2px 13px}.mini-node{min-width:76px;padding:10px 7px;border:1px solid var(--line);border-radius:12px;background:#fff;display:grid;gap:5px;justify-items:center;color:var(--muted)}.mini-node span{font-weight:800;font-size:15px}.mini-node small{font-size:9px}.mini-node.current{border-color:#839a7d;background:#f0f5ef;color:#38533b}.mini-node.done{border-color:#dce8d9;color:#4f7552;background:#f5f8f4}.mini-node:disabled{opacity:.55;cursor:not-allowed}.journey-current{margin-bottom:18px}.journey-current .panel-head{align-items:center}.stage-panel{padding:17px;margin:11px 0}.level-grid{display:grid;grid-template-columns:repeat(10,minmax(38px,1fr));gap:6px}.level-chip{border:1px solid var(--line);border-radius:8px;background:#f7f8f6;padding:8px 3px;color:var(--muted);display:grid;justify-items:center;gap:3px}.level-chip b{font-size:11px}.level-chip small{font-size:8px}.level-chip.current{background:var(--green);color:#fff;border-color:var(--green)}.level-chip.done{background:#eef4ec;color:#486b49;border-color:#dce7da}.level-chip:disabled{cursor:not-allowed;opacity:.5}.word-meta{font-size:10px;color:var(--muted);margin:6px 0}.word-meta span{font-family:serif;color:#727c73}.translation{font-size:11px;font-weight:700;color:#526d55}.translation span{font-size:9px;font-weight:500;color:#8b948c}.word-detail{display:none;border-top:1px solid var(--line);padding-top:10px;margin-top:8px;font-size:10px;color:#687169;line-height:1.8}.word-card.expanded .word-detail{display:block}.question-meta{margin-top:17px;padding-top:12px;border-top:1px solid #edf0ec;font-size:10px;color:var(--muted)}
@media(max-width:900px){.shell{grid-template-columns:72px 1fr}.sidebar{padding:22px 10px}.brand{margin:0 6px 35px}.brand-name,.nav-label,.nav-text,.mini-profile>div:last-child{display:none}.nav button{justify-content:center;padding:0}.mini-profile{justify-content:center;padding:8px}.main{padding:0 24px 40px}.dashboard-grid{grid-template-columns:1fr}.mode-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.shell{display:block}.sidebar{position:fixed;z-index:5;bottom:0;left:0;right:0;height:62px;border-right:0;border-top:1px solid var(--line);padding:5px 8px;background:#fff;display:block}.brand,.sidebar-bottom{display:none}.nav{display:flex;justify-content:space-around;gap:0}.nav button{height:50px;width:52px;flex-direction:column;gap:1px;padding:2px;border-radius:9px}.nav-icon{font-size:17px}.nav-text{display:block;font-size:8px}.main{padding:0 15px 90px}.topbar{height:62px;margin-bottom:22px}.top-right{gap:5px}.pill{padding:7px 9px;font-size:10px}.welcome{align-items:start}.welcome h1{font-size:24px}.date{display:none}.hero{padding:20px;border-radius:16px}.hero h2{font-size:18px}.hero-art{font-size:43px;margin:0 3px}.hero .btn{padding:10px 13px}.stats{grid-template-columns:1fr 1fr;gap:9px}.stat{padding:12px}.stat strong{font-size:19px;margin:7px 0 1px}.panel{padding:16px}.mode-grid{grid-template-columns:1fr 1fr;gap:9px}.mode-card{padding:14px;min-height:146px}.word-grid{grid-template-columns:1fr;gap:9px}.word-card{padding:13px}.word-card p{min-height:0}.profile-grid{grid-template-columns:1fr}.question-panel{padding:21px;min-height:320px}.question-panel h2{font-size:20px}.prompt{font-size:17px;padding:19px 8px}.options{grid-template-columns:1fr}.option{padding:12px}.leader-list td{padding:10px 5px;font-size:10px}.leader-list th{padding:8px 5px;font-size:8px}.leader-top{flex-wrap:wrap}.leader-top .search{width:100%}.setup-box{padding:22px}.setup-row{grid-template-columns:1fr 1fr}.section-title{font-size:21px}.level-grid{grid-template-columns:repeat(6,minmax(37px,1fr))}.level-chip{padding:7px 2px}.mini-node{min-width:68px}.journey-current .panel-head{align-items:flex-start;flex-direction:column;gap:12px}}
.countdown-banner{margin:-6px 0 12px;padding:12px 16px;border:1px solid #efd6cf;border-radius:12px;background:#fff2ef;color:#934938;font-weight:600;font-size:13px;text-align:center}.countdown-banner strong{display:inline-grid;place-items:center;width:25px;height:25px;margin:0 3px;border-radius:50%;background:#d97c67;color:white;font-size:14px}.auto-next{color:var(--red);font-weight:700}.mini-scoreboard{display:flex;align-items:center;gap:16px;padding:14px 17px;margin:0 0 14px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.score-ring{width:66px;height:66px;flex:0 0 66px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) var(--progress),#e8ece7 0);position:relative}.score-ring:before{content:'';position:absolute;inset:6px;border-radius:50%;background:#fff}.score-ring>div{z-index:1;text-align:center;display:grid;line-height:1}.score-ring b{font:800 16px Manrope;color:var(--ink)}.score-ring b small{font:600 9px 'DM Sans',sans-serif;color:var(--muted)}.score-ring span{font-size:8px;color:var(--muted);margin-top:3px}.score-details{flex:1;min-width:0}.score-details>b{font:700 12px Manrope}.score-details p{display:flex;gap:13px;margin:5px 0 8px;font-size:10px;font-weight:700}.score-good{color:#4f8054!important}.score-bad{color:#bf6253!important}.score-track{height:5px;background:#edf0ec;border-radius:8px;overflow:hidden;margin-bottom:5px}.score-track i{display:block;height:100%;background:#789578;border-radius:8px}.score-details>small{font-size:9px;color:var(--muted)}
.game-header-left{display:flex;align-items:center;gap:16px}.game-header-left button{padding:8px 11px;border-radius:9px;background:#eef2ec;color:var(--green);font-size:12px;font-weight:700}.game-header-count{font-size:12px;font-weight:800;color:var(--ink);white-space:nowrap}.game-wrap .game-top .back-btn,.game-wrap .game-top>span{display:none}.game-wrap .game-top{grid-template-columns:1fr;margin-bottom:8px}.game-wrap .game-progress{width:100%}@media(max-width:600px){.game-header-left{gap:8px}.game-header-left button{font-size:10px;padding:7px 8px}.game-header-count{font-size:10px}}
.main.is-language-session .topbar{margin-bottom:8px}.main.is-language-session .content{max-width:1180px}.game-wrap{max-width:1180px;display:grid;grid-template-columns:minmax(0,1fr) 248px;grid-template-areas:"top side" "countdown side" "question side";align-items:start;gap:0 18px}.game-top{grid-area:top;min-height:45px;margin-bottom:10px}.mini-scoreboard{grid-area:side;display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px 15px;margin:0;position:sticky;top:12px;text-align:center}.score-details{width:100%}.score-details p{justify-content:center}.countdown-banner{grid-area:countdown;margin:0 0 12px}.question-panel{grid-area:question;min-height:390px}.game-progress{width:min(50%,380px)}
.game-header-left{min-width:0}.game-clock{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border:1px solid #e8ebe6;border-radius:9px;background:#fff;font-size:12px;font-variant-numeric:tabular-nums;font-weight:800;color:#526d55;white-space:nowrap}.game-clock:before{content:'⏱';font-size:12px}.pass-trophy{display:inline-flex;align-items:center;gap:6px;margin:6px 0 0;padding:6px 10px;border-radius:20px;background:#fff4d8;color:#8d6921;font-size:11px;font-weight:800}.game-time-result{display:inline-flex;align-items:center;gap:9px;margin:4px auto 10px;padding:9px 13px;border:1px solid var(--line);border-radius:11px;background:#f8faf7;color:var(--muted);font-size:11px}.game-time-result strong{color:var(--ink);font-variant-numeric:tabular-nums}
.main.is-language-session .top-right{display:none}.main.is-language-session .topbar{justify-content:flex-start}
@media(max-width:760px){.main.is-language-session .topbar{margin-bottom:8px}.game-wrap{max-width:100%;grid-template-columns:minmax(0,1fr) 128px;gap:0 10px}.mini-scoreboard{padding:12px 8px;top:6px}.score-details>small{font-size:8px}.score-details p{gap:7px;font-size:9px}.score-ring{width:58px;height:58px;flex-basis:58px}.question-panel{padding:20px;min-height:380px}}
@media(max-width:540px){.game-wrap{grid-template-columns:1fr;grid-template-areas:"top" "side" "countdown" "question";gap:8px}.game-top{margin:0}.mini-scoreboard{position:static;flex-direction:row;text-align:left;justify-content:flex-start;padding:9px 12px;gap:12px}.score-details p{justify-content:flex-start}.score-details{width:auto}.countdown-banner{margin:0}.question-panel{min-height:0}.game-progress{width:34%}.game-top .back-btn{font-size:11px}.question-panel h2{font-size:19px}}
@media(min-width:541px){.game-wrap{grid-template-columns:minmax(0,1fr) 248px;grid-template-areas:"top ." "countdown ." "question .";align-items:start}.game-top{grid-column:1;grid-row:1}.countdown-banner{grid-column:1;grid-row:2}.question-panel{grid-column:1;grid-row:3}.game-wrap .mini-scoreboard{grid-area:auto;grid-column:2;grid-row:3;align-self:start;position:static}}
.question-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0}.question-tags span{display:inline-flex;align-items:center;min-height:25px;padding:5px 9px;border:1px solid #e8ebe6;border-radius:20px;background:#f8faf7;color:#667267;font-size:10px;font-weight:700;line-height:1.2}
.main.is-language-session .topbar{height:64px;margin-bottom:0;border-bottom:0}
.game-wrap .game-top{display:none}
.learning-path{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:12px 15px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:12px;font-weight:700}.learning-path span{color:var(--green)}.learning-path b{color:#b0b8b0}.current-level-topic{margin:0 0 4px;color:var(--muted);font-size:12px}
.return-level-btn{margin-bottom:12px}
.shell.is-language-session{grid-template-columns:minmax(0,1fr)}.shell.is-language-session>.sidebar{display:none}.main.is-language-session{padding:0 24px 28px}.main.is-language-session .content{max-width:1100px}.game-header-left{gap:12px}.question-panel{padding:28px;min-height:0}.question-panel h2{margin:8px 0 5px}.question-hint{margin-bottom:16px}.question-tags{margin:8px 0}.mini-scoreboard{border-radius:13px;box-shadow:none}.score-details>small{line-height:1.5}
@media(max-width:600px){.shell.is-language-session>.sidebar{display:none}.main.is-language-session{padding:0 12px 18px}.question-panel{padding:18px}.game-header-left{gap:8px}}
.main-level-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px}.main-level-row{min-width:0;min-height:64px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff}.main-level-row.selected{grid-column:1/-1;border-color:#bfd0bc;background:#f4f8f2}.main-level-row.completed{background:#fbfcfa}.level-status{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#f0f2ee;color:#879087;font-size:13px;font-weight:800}.main-level-row.selected .level-status{background:var(--green);color:white}.main-level-row.completed .level-status{background:#e8f1e5;color:#527755}.main-level-copy{min-width:0}.main-level-copy b,.main-level-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-level-copy b{font-size:12px;line-height:1.4}.main-level-copy small{margin-top:3px;color:var(--muted);font-size:10px}.small-btn{padding:8px 14px;white-space:nowrap}
@media(max-width:700px){.main-level-list{grid-template-columns:1fr}.main-level-row.selected{grid-column:auto}}
.main:has(.home-page)>.topbar{display:none}.main:has(.home-page){padding-top:30px}.play-now-hero{min-height:300px;padding:38px 42px}.play-now-hero .eyebrow{font-size:12px}.play-now-hero h2{font-size:30px;max-width:720px}.play-now-hero p{font-size:15px;line-height:1.5}.play-now-hero .btn{min-width:220px;min-height:60px;display:inline-flex;align-items:center;justify-content:center;font-size:18px;border-radius:14px;margin-top:8px}.play-now-hero .hero-art{font-size:78px}
@media(max-width:600px){.main:has(.home-page){padding:18px 14px 90px}.play-now-hero{min-height:220px;padding:24px}.play-now-hero h2{font-size:22px}.play-now-hero p{font-size:12px}.play-now-hero .btn{min-width:100%;min-height:54px;font-size:16px}.play-now-hero .hero-art{font-size:42px}}
:root{--ink:#252343;--muted:#77768f;--green:#6349e8;--mint:#eeeaff;--paper:#f5f4ff;--line:#e8e6f3;--white:#fff;--yellow:#c8f36e;--red:#e56d76;--shadow:0 14px 34px #35287912}
body{background:radial-gradient(ellipse at 85% 0%,#ece8ff 0,transparent 38%),var(--paper);color:var(--ink)}
.shell{max-width:1560px}.sidebar{background:#fbfaff;border-color:#e7e4f2}.brand-mark{background:linear-gradient(145deg,#806bff,#573ce0);box-shadow:0 8px 18px #7258e833}.nav button{border-radius:13px}.nav button.active,.nav button:hover{background:#eeeaff;color:#543bd1}.avatar{background:#eee9ff;border-radius:13px}
.panel,.stat,.card{border-color:#e9e6f3;border-radius:18px;box-shadow:var(--shadow)}.panel{padding:22px}.btn{border-radius:13px;transition:transform .16s,box-shadow .16s}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #392c7a20}.btn.primary{background:linear-gradient(135deg,#7158f2,#5539d4);color:#fff}.btn.light{background:#f0edff;color:#5942d2}.text-link{color:#5d45d8}
.hero{background:linear-gradient(120deg,#4936bd 0%,#7158eb 70%,#8e74ff 100%);border-radius:24px;box-shadow:0 20px 42px #513bc32b}.hero .eyebrow{color:#dcd5ff}.hero p{color:#ebe8ff}.hero:after{border-color:#ffffff30;box-shadow:0 0 0 24px #ffffff0d,0 0 0 52px #ffffff08}.play-now-hero{min-height:310px;padding:42px 46px}.play-now-hero .btn{background:var(--yellow);color:#282343;box-shadow:0 8px 20px #25204630;font-weight:800}.play-now-hero .btn:hover{background:#d7ff91}.hero-art{filter:drop-shadow(0 12px 10px #2d245944)}
.stat{transition:transform .18s,border-color .18s}.stat:hover{transform:translateY(-3px);border-color:#cec5ff}.stat-icon{color:#7158eb}.daily{background:linear-gradient(145deg,#fffdf5,#fff8df);border-color:#f4e9bf}
.mini-node{border-radius:15px;min-width:88px;background:#fff;border-color:#e7e3f4;transition:transform .15s,border-color .15s,box-shadow .15s}.mini-node:hover:not(:disabled){transform:translateY(-3px);border-color:#a997ff;box-shadow:0 7px 18px #6550c21c}.mini-node.current{background:linear-gradient(145deg,#f1edff,#e8e2ff);border-color:#8b76f5;color:#5038c8}.mini-node.done{background:#f2f9e8;border-color:#cfe8a9;color:#527c25}.stage-panel{background:#faf9ff;border:1px solid #eeebf8;border-radius:16px}.learning-path{border-color:#e5e0f8;background:#fff;border-radius:14px}.learning-path span{color:#6148df}.main-level-row{border-radius:15px;transition:transform .15s,border-color .15s}.main-level-row:hover{transform:translateY(-2px);border-color:#c5bbfa}.main-level-row.selected{background:linear-gradient(100deg,#f0edff,#faf9ff);border-color:#a99af5}.level-status{border-radius:10px}.main-level-row.selected .level-status{background:#6248e6}
.game-header-left button{background:#efedff;color:#553fd0;border-radius:11px}.game-clock{border-color:#e7e2fa;background:#fff;color:#5940d5;border-radius:11px}.game-header-count{padding:8px 10px;border-radius:10px;background:#fff;border:1px solid #ece8f8}.question-panel{border-radius:22px;box-shadow:0 16px 40px #39306f12}.question-panel .eyebrow{color:#6c56e2}.question-tags span{background:#f5f3ff;border-color:#e7e1ff;color:#5b48be;border-radius:10px}.prompt{background:#f6f5fc;border-radius:16px}.option,.token-button,.token{border-radius:13px;transition:transform .15s,border-color .15s,background .15s}.option:hover,.token-button:hover{transform:translateY(-1px);border-color:#a99af5;background:#f7f5ff}.option.correct{background:#f1fae6;border-color:#a9d773;color:#416e1e}.option.wrong{background:#fff0f1;border-color:#f0a0a4;color:#a8434d}.token{background:#eeeaff;color:#503dc5}.mini-scoreboard{background:linear-gradient(150deg,#fff,#f8f6ff);border-color:#e6e0fb;border-radius:18px}.score-ring{background:conic-gradient(#7258ee var(--progress),#ebe8f5 0)}.score-track i{background:linear-gradient(90deg,#876fff,#6748e5)}.score-good{color:#548222!important}.score-bad{color:#cf5864!important}.pass-trophy{background:#f3f9df;color:#547b20}.countdown-banner{border-color:#f5d9bd;background:#fff7eb;color:#966332;border-radius:14px}.countdown-banner strong{background:#f1a858}
.game-result{border-radius:24px;box-shadow:0 20px 50px #39306f18}.result-xp{color:#6248df}.alert{background:#f3f0ff;color:#5744b9;border-radius:12px}.question-meta{border-color:#eeebf6}.search,.filter,.field input,.field select{border-radius:12px}.filter.active{background:#6248df;border-color:#6248df}.tag{background:#eeebff;color:#5942ca}.progress{border-radius:20px;background:#eeecf6}.progress i{background:linear-gradient(90deg,#8b74ff,#6146df);border-radius:20px}
button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #a99afa;outline-offset:2px}
@media(max-width:600px){.play-now-hero{padding:24px;border-radius:20px}.panel{padding:17px}.mini-node{min-width:76px}}
.stat-clickable{cursor:pointer;text-align:left;color:inherit;font:inherit}.stat-clickable:hover{transform:translateY(-4px);box-shadow:0 18px 34px #4938a01c;border-color:#b6a9fa}.stat-clickable:focus-visible{outline:3px solid #a99afa;outline-offset:3px}
.nav-groups{display:grid;gap:22px}.nav-group .nav-label{margin-bottom:8px}.nav button{position:relative;transition:background .16s,color .16s,transform .16s}.nav button.active{box-shadow:inset 3px 0 #765af1}.nav button:hover{transform:translateX(2px)}.nav-count{margin-left:auto;border-radius:9px;background:#f0edff;color:#6349dc;padding:3px 6px;font-size:9px;font-weight:800}.sidebar-bottom .mini-profile{border-color:#e9e6f3;box-shadow:0 5px 18px #38278308}.stat-action{display:block;margin-top:9px;color:#6248df;font-size:10px;font-style:normal;font-weight:800}.stat-clickable{display:block;width:100%}.word-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 8px}.word-tools .filters{margin:0;flex:1}.word-tools .search{max-width:290px}.word-result-count{margin:12px 2px;color:var(--muted);font-size:11px;font-weight:600}.word-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.word-card-top>strong{font:700 18px Manrope,sans-serif;overflow-wrap:anywhere}.index-word-hint{min-height:34px;margin:14px 0;color:var(--muted);font-size:11px;line-height:1.55}.featured-word .word-detail{line-height:1.9}.word-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin:20px 0}.word-pagination span{font-size:11px;color:var(--muted);font-weight:700}.word-pagination button:disabled{opacity:.45;cursor:not-allowed}.dictionary-overlay{position:fixed;inset:0;z-index:30;background:#221c4988;display:grid;place-items:center;padding:18px}.dictionary-modal{position:relative;width:min(560px,100%);max-height:86vh;overflow:auto;border:1px solid #e9e6f3;border-radius:22px;padding:28px;background:#fff;box-shadow:0 24px 80px #20184a33}.dictionary-modal h2{margin:8px 40px 5px 0;font:800 27px Manrope,sans-serif;overflow-wrap:anywhere}.dictionary-modal h3{margin:18px 0 6px;font:700 14px Manrope,sans-serif}.dictionary-modal p{font-size:13px;line-height:1.7}.dictionary-close{position:absolute;right:17px;top:14px;width:36px;height:36px;border-radius:11px;background:#f2efff;color:#5a43ce;font-size:24px}.dictionary-loading{padding:22px 0;color:var(--muted)}.dictionary-sense{padding:10px 0;border-bottom:1px solid var(--line)}.dictionary-sense>b{font-size:11px;color:#6248df;text-transform:capitalize}.dictionary-sense p{margin:5px 0}.dictionary-sense small{color:var(--muted);font-size:11px}.dictionary-modal .notice{margin:18px 0}
/* Keep the optional level overview readable when expanded. */
.stage-overview{margin:14px 0 20px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow)}.stage-overview>summary{cursor:pointer;font-weight:700;color:var(--ink)}.stage-overview>.notice{margin:12px 0}.stage-summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:11px 4px;border-top:1px solid #efedf6;line-height:1.4}.stage-summary b{font-size:12px}.stage-summary span{flex:0 0 auto;color:var(--muted);font-size:11px}@media(max-width:600px){.stage-summary{align-items:flex-start;flex-direction:column;gap:3px}}
@media(max-width:900px){.nav-count{display:none}.nav button.active{box-shadow:none}.word-tools{align-items:flex-start;flex-direction:column}.word-tools .search{max-width:none;width:100%}}
@media(max-width:600px){.nav-groups{display:flex;align-items:center;justify-content:space-around;gap:0;height:100%}.nav-group{min-width:0}.nav-group .nav{display:flex;align-items:center;gap:0}.nav-group .nav-label{display:none}.sidebar .nav button{width:52px;height:50px;flex:0 1 52px}.nav button:hover{transform:none}.word-tools{gap:8px}.word-tools .filters{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.word-tools .filter{white-space:nowrap}.word-tools .search{width:100%}.word-pagination{gap:7px}.dictionary-modal{padding:23px 19px;border-radius:18px}}

/* Language folders and word entry */
.words-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:8px}.words-heading .section-title{margin:5px 0}.folder-back{display:inline-block;margin-bottom:12px;padding:0;background:none;font-size:12px;font-weight:800}.language-folder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}.language-folder{display:flex;align-items:center;gap:15px;min-width:0;padding:19px;border:1px solid #e8e4f7;border-radius:17px;background:linear-gradient(140deg,#fff,#faf9ff);box-shadow:0 10px 25px #4436840a;text-align:left;transition:transform .2s,border-color .2s,box-shadow .2s}.language-folder:hover{transform:translateY(-3px);border-color:#bdb1fa;box-shadow:0 14px 25px #44368413}.folder-icon{width:49px;height:49px;display:grid;place-items:center;border-radius:15px;background:#f0edff;font-size:26px}.folder-copy{display:grid;gap:5px;min-width:0;flex:1}.folder-copy strong{font:800 16px Manrope,sans-serif}.folder-copy small{color:var(--muted);font-size:11px}.folder-arrow{color:#7158eb;font-size:18px;font-weight:800}.word-form label{display:grid;gap:6px;margin:13px 0;color:#625b7a;font-size:11px;font-weight:800}.word-form input,.word-form select,.word-form textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);font:500 13px 'DM Sans',sans-serif}.word-form textarea{min-height:76px;resize:vertical}.word-form .form-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.word-form>.btn{width:100%;margin-top:10px}
/* Small motion cues keep practice lively without slowing answers. */
.question-panel{animation:question-arrive .32s cubic-bezier(.2,.8,.2,1) both}.question-panel h2{animation:question-copy .35s .04s both}.options .option{animation:option-arrive .28s both}.options .option:nth-child(2){animation-delay:.035s}.options .option:nth-child(3){animation-delay:.07s}.options .option:nth-child(4){animation-delay:.105s}.option.correct{animation:correct-pop .32s ease-out}.option.wrong{animation:wrong-shake .28s ease-out}.game-result{animation:result-arrive .42s cubic-bezier(.2,.8,.2,1) both}.score-ring{transition:background .4s ease,transform .3s}.game-clock{transition:color .2s}
@keyframes question-arrive{from{opacity:0;transform:translateY(12px) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes question-copy{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes option-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes correct-pop{50%{transform:scale(1.025)}}@keyframes wrong-shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}@keyframes result-arrive{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
.celebration-overlay{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:20px;background:#20174870;backdrop-filter:blur(5px);animation:celebrate-fade .24s ease both}.celebration-card{position:relative;width:min(390px,100%);overflow:hidden;padding:30px 24px 26px;border:1px solid #eee9ff;border-radius:25px;background:linear-gradient(150deg,#fff,#f7f4ff);box-shadow:0 28px 80px #17103950;text-align:center;animation:celebrate-pop .4s cubic-bezier(.2,.9,.25,1.2) both}.celebration-card:before,.celebration-card:after{content:'✦';position:absolute;color:#bcadff;font-size:20px;animation:sparkle 1.1s ease-in-out infinite alternate}.celebration-card:before{top:28px;left:28px}.celebration-card:after{right:31px;top:57px;animation-delay:.4s}.celebration-sparks{color:#a490ff;font-size:18px;letter-spacing:12px}.celebration-trophy{margin:7px 0 12px;font-size:68px;filter:drop-shadow(0 9px 8px #6653ac33);animation:trophy-bounce .8s .15s ease both}.celebration-card h2{margin:8px 0;font:800 26px Manrope,sans-serif}.celebration-card p{margin:8px;color:#625c76;font-size:13px}.celebration-card small{color:#9892a7;font-size:10px}.trophy-gold{background:#fff4d5;color:#967016}.trophy-silver{background:#f0f1f5;color:#686d79}.trophy-bronze{background:#fff0e5;color:#a25c2c}
@keyframes celebrate-fade{from{opacity:0}to{opacity:1}}@keyframes celebrate-pop{from{opacity:0;transform:translateY(15px) scale(.88)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes trophy-bounce{0%{transform:scale(.4) rotate(-15deg)}65%{transform:scale(1.18) rotate(7deg)}100%{transform:scale(1) rotate(0)}}@keyframes sparkle{from{opacity:.3;transform:scale(.8) rotate(-10deg)}to{opacity:1;transform:scale(1.25) rotate(15deg)}}
@media(max-width:600px){.words-heading{align-items:flex-start}.words-heading>.btn{padding:10px 11px;font-size:11px;white-space:nowrap}.language-folder-grid{grid-template-columns:1fr;gap:9px;margin:16px 0}.language-folder{padding:14px}.folder-icon{width:42px;height:42px;font-size:22px}.word-form .form-two{grid-template-columns:1fr;gap:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.option.wrong,.token-button.wrong,.question-panel:has(.option.wrong),.question-panel:has(.token-button.wrong){animation:none!important}
.tally-summary{display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:12px;margin:22px 0}.tally-summary .panel{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:150px;padding:19px;background:linear-gradient(145deg,#fff,var(--medal-bg,#faf9ff))}.tally-summary .tally-xp{background:linear-gradient(145deg,#fff,#f2eeff)}.tally-icon{font-size:24px}.tally-summary small{color:var(--muted);font-size:11px;font-weight:700}.tally-summary strong{font:800 28px Manrope,sans-serif}.tally-summary section>span:last-child{color:var(--muted);font-size:10px}.medal-rule-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.medal-rule-grid>div{display:grid;gap:8px;padding:13px;border:1px solid var(--line);border-radius:13px;background:#fcfbff}.medal-rule-grid b{font:800 13px Manrope,sans-serif}.medal-rule-grid span{color:var(--muted);font-size:10px;line-height:1.5}.medal-history{display:grid;gap:8px}.medal-history-row{display:grid;grid-template-columns:34px minmax(0,1fr) 115px 72px;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:13px;background:#fff}.medal-history-icon{font-size:20px}.medal-history-row strong{font-size:12px}.medal-history-row>span:nth-last-of-type(1){font-size:10px;color:var(--muted)}.medal-history-row>b{text-align:right;font-size:11px;color:#6248df}.medal-empty{display:grid;justify-items:center;gap:8px;padding:34px 15px;text-align:center}.medal-empty>span{font-size:45px}.medal-empty strong{font:800 17px Manrope,sans-serif}.medal-empty p{margin:0 0 8px;color:var(--muted);font-size:12px}
@media(max-width:850px){.tally-summary{grid-template-columns:repeat(2,1fr)}.medal-rule-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.tally-summary{gap:8px}.tally-summary .panel{min-height:126px;padding:13px}.tally-summary strong{font-size:23px}.medal-history-row{grid-template-columns:28px minmax(0,1fr) auto;gap:7px;padding:10px}.medal-history-row>span:nth-last-of-type(1){grid-column:2}.medal-history-row>b{grid-column:3;grid-row:1/3}.medal-rule-grid{gap:7px}.medal-rule-grid>div{padding:10px}}
.leaderboard-empty{display:grid;justify-items:center;gap:11px;margin-top:20px;padding:38px 22px;text-align:center}.empty-rank-icon{width:62px;height:62px;display:grid;place-items:center;border-radius:20px;background:#efedff;color:#6248df;font-size:31px}.leaderboard-empty h2{margin:0;font:800 20px Manrope,sans-serif}.leaderboard-empty p{max-width:520px;margin:0;color:var(--muted);font-size:12px;line-height:1.7}.leaderboard-empty>small{max-width:490px;color:var(--muted);font-size:10px;line-height:1.6}.personal-rating{display:flex;align-items:center;justify-content:space-between;gap:25px;width:min(390px,100%);margin:8px 0;padding:15px 17px;border:1px solid #e8e4f7;border-radius:14px;background:#faf9ff}.personal-rating span{color:var(--muted);font-size:12px;font-weight:700}.personal-rating strong{font:800 24px Manrope,sans-serif;color:#6248df}
@media(max-width:600px){.leaderboard-empty{padding:27px 16px}.leaderboard-empty h2{font-size:18px}.personal-rating{gap:10px}}
.picture-cue{display:grid;justify-items:center;gap:5px;width:min(132px,45vw);margin:10px auto 4px;padding:9px;border:1px solid #e9e5fb;border-radius:18px;background:linear-gradient(145deg,#fbfaff,#f1edff);animation:question-arrive .3s ease both}.picture-cue span{display:grid;place-items:center;width:66px;height:66px;border-radius:15px;background:#fff;font-size:43px;box-shadow:0 5px 14px #4938a012}.picture-cue small{color:#6655c7;font-size:10px;font-weight:800;text-transform:capitalize}
.picture-cue{width:min(270px,100%);min-height:176px;margin:14px auto 12px;padding:12px;border:1px solid #e6e0fb;border-radius:22px;background:linear-gradient(150deg,#fff,#f7f5ff);box-shadow:0 12px 28px #44348a12;overflow:hidden}.vocab-illustration{display:block;width:100%;max-width:238px;height:auto;filter:drop-shadow(0 7px 7px #463a7710)}.picture-cue small{padding:5px 10px;border-radius:99px;background:#eeeaff;color:#5944c9;font-size:9px;letter-spacing:1.1px}

/* Prevent dashboard columns and mini strips from widening the page. */
html,body{width:100%;max-width:100%;overflow-x:clip}
.shell{width:100%;grid-template-columns:240px minmax(0,1fr);overflow-x:clip}
.main,.content,.home-page,.dashboard-grid,.dashboard-grid>.panel,.stage-panel{min-width:0;max-width:100%}
.main{width:100%}
.hero{grid-template-columns:minmax(0,1fr) auto}
.dashboard-grid{grid-template-columns:minmax(0,1.25fr) minmax(240px,.75fr)}
.mini-map{width:100%;max-width:100%;overscroll-behavior-inline:contain}
.hero-art{display:grid;place-items:center;width:112px;height:112px;margin:0 12px;border:1px solid #ffffff2b;border-radius:30px;background:#ffffff16;font-size:62px;filter:none}
@media(max-width:1100px){.dashboard-grid{grid-template-columns:minmax(0,1fr)}.daily{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:14px;align-items:center}.daily .panel-head{grid-column:1/-1}.daily .lesson-icon{grid-row:2/5}.daily .progress,.daily>.btn{grid-column:1/-1}}
@media(max-width:900px){.shell{grid-template-columns:72px minmax(0,1fr)}}
@media(max-width:600px){.shell{display:block}.main{width:100%;min-width:0}.hero{grid-template-columns:minmax(0,1fr) auto;gap:5px}.hero-art{width:58px;height:58px;margin:0;border-radius:18px;font-size:34px}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.daily{display:block}.mini-map{overflow-x:auto}}
.picture-cue{width:min(220px,100%);min-height:0;margin:12px auto;padding:10px;border:1px solid #e6e0fb;border-radius:20px;background:#fff;box-shadow:0 10px 25px #44348a12;overflow:hidden}.photo-crop{width:100%;aspect-ratio:4/5;border-radius:13px;background-repeat:no-repeat;background-size:500% 200%;background-color:#f7f5f1;box-shadow:inset 0 0 0 1px #14141408}.picture-cue small{padding:5px 10px;border-radius:99px;background:#eeeaff;color:#5944c9;font-size:9px;letter-spacing:1.1px}
/* Calm glass surfaces: keep text contrast high while adding depth and motion. */
:root{--ink:#1c2638;--muted:#758198;--green:#536987;--mint:#e8eef8;--paper:#f3f6fc;--line:#dfe6f2;--white:#fff;--shadow:0 18px 50px #293d5c12}
body{background:radial-gradient(ellipse at 8% 5%,#c9d8ff70,transparent 38%),radial-gradient(ellipse at 92% 28%,#b9e9e355,transparent 34%),linear-gradient(150deg,#f5f7fc,#edf2f8 58%,#f8faff);background-attachment:fixed}
.sidebar{background:#f9fbffbd;border-right-color:#ffffffc7;backdrop-filter:blur(24px) saturate(155%);-webkit-backdrop-filter:blur(24px) saturate(155%)}
.topbar{position:relative;background:#f8faff85;border-bottom-color:#ffffffbc;backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%)}
.panel,.stat,.card,.mode-card,.setup-box,.mini-profile,.stage-panel,.journey-current,.level-section,.game-result,.dictionary-modal{background:#ffffffc9;border-color:#ffffffdf;box-shadow:0 14px 42px #30436212,inset 0 1px #ffffffd9;backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%)}
.hero,.play-now-hero{background:linear-gradient(125deg,#314666ed,#576e94dc 58%,#7185a6dc);border:1px solid #ffffff57;box-shadow:0 22px 58px #374d702c,inset 0 1px #ffffff4d;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.pill,.tag,.question-tags span,.game-header-count,.game-clock{background:#ffffffb8;border-color:#ffffffdb;box-shadow:0 5px 14px #334b6e0b;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.btn.primary{background:linear-gradient(135deg,#5878b3,#6c62cb);box-shadow:0 9px 22px #5864b32e;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.btn.primary:hover{transform:translateY(-2px);box-shadow:0 14px 28px #5864b33b;filter:saturate(1.08)}
.stat,.mode-card,.mini-node,.option,.token-button{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background-color .2s ease}
.stat:hover,.mode-card:hover{transform:translateY(-3px);box-shadow:0 19px 44px #3043621b,inset 0 1px #fff}
.game-wrap{perspective:1000px}
.question-panel.has-legacy-photo{display:grid;grid-template-columns:minmax(112px, min(28%, 204px)) minmax(0,1fr);grid-template-rows:auto auto auto auto auto;column-gap:clamp(14px,2.3vw,28px);row-gap:5px;align-items:center}
.question-panel.has-legacy-photo>.eyebrow{grid-column:1/-1;grid-row:1}
.question-panel.has-legacy-photo>h2{grid-column:2;grid-row:2;align-self:end;margin:0 0 4px;font-size:clamp(20px,2.4vw,30px);line-height:1.18}
.question-panel.has-legacy-photo>.question-tags{grid-column:2;grid-row:3;margin:0;align-self:center}
.question-panel.has-legacy-photo>.picture-cue{grid-column:1;grid-row:2/5;width:100%;max-width:none;margin:0;padding:7px;border-radius:18px;align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:6px}
.question-panel.has-legacy-photo>.picture-cue .photo-crop{width:100%;aspect-ratio:4/5}
.question-panel.has-legacy-photo>.question-hint{grid-column:2;grid-row:4;align-self:start;margin:4px 0 8px;line-height:1.45}
.question-panel.has-legacy-photo>.prompt,.question-panel.has-legacy-photo>.options,.question-panel.has-legacy-photo>.sentence-tokens,.question-panel.has-legacy-photo>.question-footer,.question-panel.has-legacy-photo>.question-meta,.question-panel.has-legacy-photo>.alert{grid-column:1/-1}
.picture-cue{animation:photo-arrive .42s cubic-bezier(.2,.8,.2,1) both}
@keyframes photo-arrive{from{opacity:0;transform:translateY(7px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:600px){.question-panel.has-legacy-photo{grid-template-columns:minmax(86px,34%) minmax(0,1fr);column-gap:12px;row-gap:4px;padding:15px}.question-panel.has-legacy-photo>h2{font-size:19px;line-height:1.2}.question-panel.has-legacy-photo>.picture-cue{padding:5px}.question-panel.has-legacy-photo>.picture-cue small{font-size:7px;letter-spacing:.7px;padding:4px 6px}.question-panel.has-legacy-photo>.question-tags{gap:5px;flex-wrap:wrap}.question-panel.has-legacy-photo>.question-tags span{font-size:9px;padding:5px 7px}.question-panel.has-legacy-photo>.question-hint{font-size:11px;margin:2px 0 7px}.question-panel.has-legacy-photo>.options{grid-template-columns:1fr 1fr}.question-panel.has-legacy-photo>.options .option{font-size:12px;padding:10px 9px}}
@media(prefers-reduced-motion:reduce){.picture-cue,.stat,.mode-card,.btn.primary{animation:none!important;transition:none!important}}
/* Keep the real picture and its reading prompt in one glance, with answers below. */
.question-panel.has-legacy-photo>.prompt{grid-column:2;grid-row:5;align-self:center;min-width:0;margin:4px 0 8px;padding:12px 14px;text-align:left;font-size:clamp(14px,1.55vw,18px);line-height:1.45;overflow-wrap:anywhere}
.question-panel.has-legacy-photo>.prompt .mistake-sentence{margin:0 0 10px;font-size:inherit;font-weight:700;line-height:1.4}
.question-panel.has-legacy-photo>.options{grid-column:1/-1;grid-row:auto}
.question-panel.has-legacy-photo>.question-footer,.question-panel.has-legacy-photo>.question-meta{grid-column:1/-1}
.question-panel.has-legacy-photo>h2,.question-panel.has-legacy-photo>.question-tags,.question-panel.has-legacy-photo>.question-hint{min-width:0;overflow-wrap:anywhere}
.milestone-chip{width:max-content;max-width:100%;margin:12px auto;padding:9px 14px;border:1px solid #ead48a;border-radius:99px;background:linear-gradient(120deg,#fff8dc,#fff);color:#795c11;font-size:11px;font-weight:800;letter-spacing:.4px;text-align:center;box-shadow:0 5px 18px #b58c2714}
@media(max-width:600px){.question-panel.has-legacy-photo>.prompt{padding:9px 10px;font-size:13px;line-height:1.4}.question-panel.has-legacy-photo>.prompt .mistake-sentence{font-size:13px}.milestone-chip{font-size:9px;padding:8px 11px}}
/* Compact phone widths without letting long answer text force the layout off-screen. */
@media(max-width:600px){
  .shell.is-language-session,.main.is-language-session,.main.is-language-session .content,.game-wrap,.game-wrap>.mini-scoreboard,.game-wrap>.question-panel{width:100%;max-width:100%;min-width:0}
  .game-wrap{grid-template-columns:minmax(0,1fr);overflow-x:clip}
  .game-wrap>.mini-scoreboard,.game-wrap>.question-panel{box-sizing:border-box}
  .mini-scoreboard,.score-details{min-width:0;max-width:100%}
  .question-panel.has-legacy-photo{grid-template-columns:minmax(78px,30%) minmax(0,1fr);min-width:0}
  .question-panel.has-legacy-photo>.question-tags{max-width:100%;min-width:0}
  .question-panel.has-legacy-photo>.question-tags span{max-width:100%;white-space:normal;overflow-wrap:anywhere}
  .question-panel.has-legacy-photo>.options{width:100%;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr))}
  .question-panel.has-legacy-photo>.options .option{min-width:0;white-space:normal;overflow-wrap:anywhere}
  .question-panel.has-legacy-photo>.prompt,.question-panel.has-legacy-photo>.question-hint,.question-panel.has-legacy-photo>.question-meta{min-width:0;max-width:100%;overflow-wrap:anywhere}
}
@media(max-width:600px){.question-panel.has-legacy-photo>.prompt{width:auto;max-width:100%;min-width:0}.question-panel.has-legacy-photo>.question-meta{white-space:normal;line-height:1.5}.question-panel.has-legacy-photo>.options{width:auto;max-width:100%}}
@media(max-width:600px){.question-panel.has-legacy-photo{grid-template-columns:minmax(78px,105px) minmax(0,1fr);column-gap:12px}.question-panel.has-legacy-photo>.eyebrow{grid-column:1/-1}.question-panel.has-legacy-photo>.question-tags,.question-panel.has-legacy-photo>h2,.question-panel.has-legacy-photo>.question-hint,.question-panel.has-legacy-photo>.prompt{width:auto;max-width:100%;min-width:0}}
@media(max-width:600px){.question-panel.has-legacy-photo>.question-hint,.question-panel.has-legacy-photo>.prompt,.question-panel.has-legacy-photo>.question-meta,.question-panel.has-legacy-photo>.question-tags{white-space:normal!important;overflow-wrap:anywhere}.question-panel.has-legacy-photo>.question-tags{display:flex;flex-wrap:wrap}}

/* Clear, readable curriculum phases across every CEFR band. */
.phase-chip,.phase-map-item{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:6px 10px;border:1px solid #dfe7e1;border-radius:999px;background:#f0f5f0;color:#3d6247;font-size:10px;font-weight:800;line-height:1.35;white-space:normal}
.phase-chip.practice,.phase-map-item.practice{background:#edf5fb;border-color:#d9e8f6;color:#376487}
.phase-chip.medium,.phase-map-item.medium{background:#f1edff;border-color:#e3dcff;color:#5a49b4}
.phase-chip.hard,.phase-map-item.hard{background:#fff3e6;border-color:#f4e0c9;color:#96601e}
.phase-current{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:8px 0;color:var(--muted);font-size:11px}
.phase-goal{max-width:760px;margin:0 0 12px;color:var(--muted);font-size:12px;line-height:1.55}
.stage-phase-map{margin-top:15px;padding:16px;border:1px solid var(--line);border-radius:15px;background:#f8faf8}
.stage-phase-map h4{margin:0 0 5px;font:700 14px Manrope,sans-serif}
.stage-phase-map>p{margin:0 0 14px;color:var(--muted);font-size:11px;line-height:1.5}
.phase-map-stage{display:grid;grid-template-columns:minmax(145px,.65fr) minmax(0,2fr);gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
.phase-map-stage>b{font-size:11px}
.phase-map-stage>div{display:flex;flex-wrap:wrap;gap:6px}
.phase-map-item{font-size:9px;padding:5px 8px}
.learning-path .phase-chip{margin-right:2px}
@media(max-width:600px){.phase-map-stage{grid-template-columns:minmax(0,1fr);gap:6px}.stage-phase-map{padding:12px}.learning-path{flex-wrap:wrap;gap:8px}.phase-current{gap:6px}}

/* interface.css */
/* Wordwise Glass — a shared visual language for play, learning, and rewards. */
:root{--font-ui:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-display:'Plus Jakarta Sans',var(--font-ui);--ink:#1c2942;--muted:#7b879d;--green:#4b63ed;--mint:#eef1ff;--paper:#f2f5fb;--line:#dfe5ef;--white:#fff;--red:#cd6172;--glass:linear-gradient(145deg,#fffffff0,#ffffffa8);--shadow:0 12px 34px #263d6910,inset 0 1px 0 #fff;--accent:#5168f4}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 8% 10%,#dfe7ffab,transparent 42%),radial-gradient(ellipse at 96% 34%,#ccefeb88,transparent 38%),#f2f5fb;color:var(--ink);font:14px/1.5 var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body,button,input,select,textarea{font-family:var(--font-ui)}h1,h2,h3,h4,.brand,.section-title,.question-panel h2,.stat strong{font-family:var(--font-display)!important}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{position:relative;isolation:isolate;transition:transform .18s,box-shadow .18s,background .18s;color:inherit}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #7b92ff;outline-offset:3px}button:active:not(:disabled){transform:scale(.975)}button.glass-pressed:after{content:'';position:absolute;z-index:3;pointer-events:none;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--press-x,50%) var(--press-y,50%),#fff9,transparent 66%);animation:glass-flash .3s ease-out both}.ui-icon{display:inline-block;flex:none;width:21px;height:21px;vertical-align:middle}.reward-art{display:block;width:48px;height:48px;object-fit:contain;flex:none;user-select:none;filter:drop-shadow(0 5px 8px #26365316)}
body .shell.app-shell{display:grid;grid-template-columns:236px minmax(0,1fr);max-width:none;width:100%;min-height:100dvh;gap:0;background:none}.app-shell .sidebar.glass-sidebar{position:sticky;top:18px;align-self:start;display:flex;flex-direction:column;width:auto;height:calc(100dvh - 36px);min-width:0;margin:18px 0 18px 18px;padding:23px 13px 13px;border:1px solid #ffffffef;border-radius:27px;background:linear-gradient(155deg,#ffffffd9,#ffffff88);box-shadow:0 10px 28px #263d6909,inset 0 1px 0 #fff;backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);z-index:20}.app-shell .brand{width:100%;display:flex;align-items:center;gap:10px;border:0;background:none;padding:0 9px;margin:0 0 27px;text-align:left;letter-spacing:-.7px;overflow:visible}.brand .brand-mark{display:grid;place-items:center;width:41px;height:41px;border:1px solid #91a4ff;border-radius:14px;background:linear-gradient(150deg,#7c95ff,#445be5);color:white;box-shadow:0 6px 15px #536bee30,inset 0 1px #ffffff90}.brand-mark svg{width:29px;height:29px}.brand-name{font-size:21px;font-weight:850;line-height:1.1}.brand-name>span{display:block;margin-top:6px;color:#98a2b7;font:700 7px/1 var(--font-ui);letter-spacing:2.1px}.app-shell .nav-group{margin-bottom:21px}.app-shell .nav-label{margin:0 13px 8px;color:#a0aabd;font-size:8px;font-weight:800;letter-spacing:1.65px}.app-shell .nav{gap:5px}.app-shell .nav button{display:flex;align-items:center;gap:10px;width:100%;height:45px;padding:0 12px;border:1px solid transparent;border-radius:14px;background:transparent;color:#7a879f;text-align:left;font-size:11px;font-weight:650}.app-shell .nav button:hover{background:#ffffffc2;color:#4054be}.app-shell .nav button.active{background:linear-gradient(120deg,#eef1ff,#ffffffd9);border-color:#dfe5ff;color:#4e60d7;box-shadow:0 4px 13px #5e6acb0c,inset 0 1px #fff}.app-shell .nav-icon{display:grid;place-items:center;width:25px;height:28px;flex:none}.nav-icon .ui-icon{width:19px;height:19px}.nav-icon .nav-reward{width:34px;height:34px}.nav-active-dot{width:5px;height:5px;border-radius:50%;background:#5b70ec;margin-left:auto;box-shadow:0 0 0 4px #5b70ec0b}.app-shell .nav-count{margin-left:auto;background:#eaf0ff;color:#8c9bc2;border-radius:5px;padding:2px 4px;font-size:8px}.sidebar-player{display:flex;align-items:center;gap:9px;width:100%;padding:11px 9px;margin-top:auto;border:1px solid #ffffffd9;border-radius:17px;background:#ffffffab;text-align:left;box-shadow:0 5px 20px #2d426707}.player-avatar,.header-avatar{display:grid;place-items:center;width:35px;height:35px;flex:none;border:1px solid #fff;border-radius:12px;background:linear-gradient(145deg,#dbe4ff,#ede7ff);color:#596bb1;font-weight:800;font-size:12px}.player-copy{flex:1;min-width:0}.player-copy>b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}.player-copy>small{font-size:8px;color:#91a0b6}.sidebar-player>.ui-icon{width:13px;height:13px;color:#a2acc0}.app-shell .main{width:100%;min-width:0;padding:18px 34px 24px}.app-shell .content{max-width:1180px;width:100%;min-width:0;margin:0 auto}.app-shell .topbar.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1180px;min-height:62px;height:auto;padding:9px 0;margin:0 auto 23px;border:0;background:none}.header-title{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700}.header-title>.ui-icon{width:18px;height:18px;color:#8495b4}.header-language{margin-left:4px;padding:3px 6px;border:1px solid #dfe5f0;border-radius:6px;font-size:8px;color:#a2aec1}.header-actions{display:flex;align-items:center;gap:9px;flex:none}.xp-balance,.streak-balance{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:35px;padding:3px 11px 3px 7px;border:1px solid #ffffffeb;border-radius:13px;background:#ffffffad;box-shadow:0 4px 13px #31467508,inset 0 1px #fff;backdrop-filter:blur(18px)}.xp-balance>.reward-art{width:26px;height:26px}.xp-balance>b,.streak-balance>b{font-size:10px}.xp-balance>span,.streak-balance>span{font-size:8px;color:#96a1b6;font-weight:600}.streak-balance>.ui-icon{width:17px;height:17px;color:#de9871}.header-avatar{width:35px;height:35px;font-size:10px;border-radius:12px}.mobile-dock{display:none}.app-footer{display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:34px auto 0;padding:15px 0 0;border-top:1px solid #dce3ef9c;color:#a9b3c4;font-size:9px}.app-footer>span{font-family:var(--font-display);font-weight:800;letter-spacing:-.4px}.app-footer button{display:flex;gap:6px;align-items:center;background:none;color:#8c9bb4;font-size:9px;padding:0}.app-footer .ui-icon{width:13px;height:13px}
.app-shell .panel,.app-shell .card,.app-shell .stat{border:1px solid #ffffffed;border-radius:23px;background:var(--glass);box-shadow:var(--shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.app-shell .panel{padding:24px}.app-shell .panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 20px}.app-shell .panel-head h3{font-size:15px;font-weight:750;letter-spacing:-.4px;line-height:1.35;margin:0}.app-shell .eyebrow{display:block;font-size:8px;font-weight:800;letter-spacing:1.6px;color:#8f9db9}.app-shell .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:11px 17px;border:1px solid #ffffffc9;border-radius:13px;background:#ffffffe0;box-shadow:inset 0 1px #fff,0 4px 14px #263d6907;color:#576583;font-size:11px;font-weight:750;line-height:1.35;text-decoration:none}.app-shell .btn.primary{background:linear-gradient(145deg,#6f85ff,#4e64e6);border:1px solid #7187fb;color:#fff;box-shadow:0 6px 14px #536bea26,inset 0 1px #ffffff5e;animation:none}.app-shell .btn.primary:hover{box-shadow:0 8px 19px #536bea45,inset 0 1px #ffffff7a;transform:translateY(-1px)}.app-shell .btn.light{background:#edf1fb9e;border-color:#e5eaf6;color:#7181a4}.btn>.ui-icon{width:16px;height:16px}.app-shell .text-link{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:0;background:none;font-size:10px;font-weight:700;color:#687ee0}.text-link>.ui-icon{width:14px;height:14px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:4px 0 24px}.page-heading>h1{margin:0;font-size:29px;font-weight:750;letter-spacing:-1.1px;line-height:1.25}.page-heading .btn{min-height:36px;font-size:10px}.view-enter{animation:page-arrive .36s cubic-bezier(.2,.8,.2,1) both}
.launch-card{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);gap:20px;align-items:center;min-height:306px;padding:32px 38px;margin-bottom:20px;border:1px solid #8396e6;border-radius:29px;background:radial-gradient(circle at 78% 23%,#546fc3ad,transparent 37%),linear-gradient(125deg,#263b75,#344e95 64%,#526ac0);box-shadow:0 20px 50px #354c8d24,inset 0 1px #b9c7ff80;color:white;position:relative;overflow:hidden}.launch-copy{position:relative;z-index:2}.launch-kicker{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1.8px;font-weight:700;color:#b9c7f0}.live-dot{width:5px;height:5px;border-radius:50%;background:#9de1d0;box-shadow:0 0 0 4px #9de1d015}.launch-tags{display:flex;align-items:center;gap:6px;margin:15px 0 9px}.launch-tags>span{padding:3px 7px;background:#ffffff13;border:1px solid #ffffff21;border-radius:6px;color:#d1dcff;font-size:8px;font-weight:700}.launch-card h1{margin:0;font-size:41px;line-height:1.12;letter-spacing:-1.5px;font-weight:750}.launch-card h1>span{display:block;max-width:620px;margin-top:8px;font-size:25px;letter-spacing:-.9px;line-height:1.25;font-weight:650}.launch-mini{display:flex;gap:8px;align-items:center;margin:12px 0 23px;color:#bdcbee;font-size:10px}.launch-mini>span{width:3px;height:3px;background:#95a9e0;border-radius:50%}.app-shell .play-large{min-width:154px;min-height:45px;background:linear-gradient(145deg,#fffffff8,#eaf0ff);border-color:#fff;color:#425994;box-shadow:0 7px 18px #15285b24,inset 0 1px #fff;font-size:12px;gap:10px}.play-large>.ui-icon:last-child{width:15px;margin-left:15px}.launch-art{height:250px;width:100%;position:relative;display:grid;place-items:center;isolation:isolate}.hero-trophy{position:relative;z-index:2;width:260px;height:260px;filter:drop-shadow(0 16px 18px #14225260);animation:collectible-float 7s ease-in-out infinite}.hero-xp{position:absolute;right:-13px;bottom:2px;z-index:3;width:95px;height:95px;transform:rotate(-12deg);filter:drop-shadow(0 6px 12px #1c2b6260);animation:collectible-float 6s 1s ease-in-out infinite}.art-orbit{position:absolute;border:1px solid #b2c4ff25;border-radius:50%;width:230px;height:230px;transform:rotate(-22deg) scaleY(.65)}.orbit-two{width:300px;height:300px;transform:rotate(30deg) scaleY(.6);border-color:#b2c4ff13}.art-label{position:absolute;left:0;bottom:22px;transform:rotate(-8deg);border:1px solid #c8d2ff40;background:#ffffff15;backdrop-filter:blur(9px);border-radius:8px;padding:7px 10px;color:#c9d6ff;font-size:8px;letter-spacing:2px;font-weight:800;z-index:4}.app-shell .dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 21px}.app-shell .stat{display:block;min-width:0;text-align:left;padding:18px 19px}.app-shell .stat:hover{transform:translateY(-2px);box-shadow:0 14px 30px #2c43621a,inset 0 1px #fff}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#96a0b4;font-size:10px}.stat-top>i{display:grid;place-items:center;width:28px;height:28px;font-style:normal;color:#9caae2}.stat-top>.ui-icon,.stat-top>i>.ui-icon{width:19px;height:19px}.stat-top .reward-art{width:32px;height:32px}.app-shell .stat strong{display:block;margin:10px 0 10px;color:#283955;font-size:25px;font-weight:750;letter-spacing:-1px;line-height:1.2}.stat strong>small{font-size:12px;font-weight:600;letter-spacing:-.2px;color:#8a98af}.stat-bottom{display:flex;align-items:center;justify-content:space-between;color:#95a1b8;font-size:9px}.stat-bottom>.ui-icon{width:13px;height:13px}.home-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:18px;margin-bottom:18px}.home-path .panel-head h3{margin-top:5px}.mini-progress-strip{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:7px;margin:21px 0 17px}.mini-progress-strip>button{display:grid;place-items:center;aspect-ratio:1;background:#f1f4fa;border:1px solid #e5eaf5;border-radius:11px;color:#a9b4c8;font-size:10px;font-weight:800}.mini-progress-strip>button>.ui-icon{width:14px;height:14px}.mini-progress-strip>button.current{background:#e5eaff;border-color:#abb9ff;color:#5269e7;box-shadow:0 4px 9px #5b6eec0e}.mini-progress-strip>button.done{background:#e7f4ef;color:#69a589;border-color:#d7eae1}.home-path-bottom{display:flex;justify-content:space-between;gap:8px;color:#9ba7bc;font-size:9px}.home-path-bottom>b{font-size:8px;color:#7f93b5;white-space:nowrap}.daily-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px 15px;align-content:center;align-items:center;background:linear-gradient(140deg,#fffdf5f0,#fff5dfb0)!important;border-color:#fffdf3!important}.daily-symbol{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:#fff0c6;color:#c9a459;box-shadow:inset 0 1px #fff}.daily-symbol>.ui-icon{width:26px;height:26px}.daily-card h3{font-size:16px;letter-spacing:-.5px;line-height:1.45;margin:5px 0}.daily-card>.btn{grid-column:1/-1;justify-self:start;min-height:36px;font-size:10px;margin-top:7px}.home-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.app-shell .shortcut{display:flex;align-items:center;gap:12px;padding:17px 18px;text-align:left;min-width:0}.shortcut-symbol{display:grid;place-items:center;width:41px;height:41px;flex:none;border-radius:13px;background:#edf1fd;color:#91a1db}.shortcut>.reward-art{width:44px;height:44px}.shortcut>span:not(.shortcut-symbol){min-width:0;flex:1}.shortcut b{display:block;font-size:11px}.shortcut small{display:block;color:#a0acc0;font-size:8px;margin-top:3px}.shortcut>.ui-icon{margin-left:auto;width:15px;height:15px;color:#a9b5cd}
.app-shell .phase-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 20px}.phase-track>div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 8px;padding:12px 14px;border:1px solid #e1e7f4;border-radius:14px;background:#ffffff65;color:#abb4c7}.phase-track>div>span{grid-row:1/3;align-self:center;display:grid;place-items:center;width:20px;height:20px;border:1px solid #dbe2f0;border-radius:50%}.phase-track>div>span>i{width:4px;height:4px;border-radius:50%;background:#b5c0d5}.phase-track>div>span>.ui-icon{width:12px;height:12px}.phase-track b{font-size:9px;font-weight:650}.phase-track small{font-size:8px;color:#acb7ca}.phase-track>div.active{background:#edf0ff;border-color:#bec9ff;color:#5a70d4}.phase-track>div.active>span{border-color:#b0bfff;background:#dde4ff}.phase-track>div.active>span>i{background:#697de3;box-shadow:0 0 0 3px #ffffff7a}.phase-track>div.done{color:#85a897;background:#edf6f1}.phase-chip{display:inline-flex;align-items:center;padding:5px 9px;font-size:9px;border-radius:9px;border:1px solid #dfe7e8;background:#edf5f0;color:#6a977e;white-space:normal}.phase-chip.medium{background:#f0edfb;border-color:#e0daf3;color:#8a7ab8}.phase-chip.hard{background:#fbf0e8;border-color:#f0dece;color:#bf936a}.phase-chip.practice{background:#eaf2fc;border-color:#dce7f4;color:#7b9abc}.current-course{margin-bottom:17px}.course-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.course-heading h2{margin:5px 0;font-size:25px;font-weight:750;letter-spacing:-.9px}.course-heading p{margin:0;color:#9aa7bc;font-size:11px}.course-details{display:flex;align-items:center;gap:18px;margin:19px 0 23px;padding-top:16px;border-top:1px solid #e6ebf4;font-size:9px;color:#9aa7bd}.course-details>span{display:flex;align-items:center;gap:6px}.course-details .ui-icon{width:14px;height:14px}.course-details>b{margin-left:auto;font-size:9px;color:#7186b8}.app-shell .mini-map{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;overflow:visible;padding:0;background:none;border:0}.app-shell .mini-node{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;min-width:0;min-height:147px;padding:16px;border:1px solid #e4e9f3;border-radius:18px;background:#f6f8fc;color:#8e9db6;text-align:left;opacity:1;box-shadow:inset 0 1px #fff}.mini-node>span{display:grid;place-items:center;width:29px;height:29px;border:1px solid #e0e6f2;background:#ffffff80;border-radius:10px;font-size:11px;font-weight:800;color:#b2bfd4}.mini-node>span>.ui-icon{width:13px;height:13px}.app-shell .mini-node>small{display:block;margin:12px 0 4px;font-size:7px;letter-spacing:1.2px;color:#a6b3c9;font-weight:700}.app-shell .mini-node .mini-topic{display:block;font-size:11px;line-height:1.45;font-weight:700;word-break:normal;color:#8a98b2}.mini-node>em{display:block;font-size:7px;font-style:normal;color:#b0bdd2;margin-top:auto;padding-top:10px}.app-shell .mini-node.current{border-color:#a9b9fb;background:linear-gradient(150deg,#eef1ff,#ffffffd9);box-shadow:0 7px 15px #596ed512,inset 0 1px #fff;color:#5a6fde}.mini-node.current>span{background:#6c80ec;color:#fff;border-color:#8b9df5;box-shadow:0 5px 10px #6075e826}.mini-node.current>small{color:#8999db}.mini-node.current .mini-topic{color:#5c6caa}.mini-node.current>em{color:#7b8bd1}.app-shell .mini-node.done{background:linear-gradient(145deg,#edf7f2,#f9fffc);border-color:#d6eade}.mini-node.done>span{background:#dff0e6;border-color:#cbe3d6;color:#76a48c}.mini-node.done .mini-topic{color:#779984}.mini-node.done>small,.mini-node.done>em{color:#9bb4a6}.mini-node:disabled .mini-topic{color:#b7c1d1}.app-shell .path-levels,.app-shell .stage-overview{padding:0;margin:0 0 13px;overflow:hidden}.path-levels>summary,.stage-overview>summary{display:flex;align-items:center;justify-content:space-between;padding:19px 22px;font-size:11px;list-style:none;cursor:pointer}.path-levels>summary::-webkit-details-marker,.stage-overview>summary::-webkit-details-marker{display:none}.path-levels>summary>span{display:flex;align-items:center;gap:12px;color:#9ba8bc;font-size:9px}.path-levels>summary .ui-icon,.stage-overview>summary>.ui-icon{width:14px;height:14px;color:#a3aec1}.path-levels[open]>summary .ui-icon,.stage-overview[open]>summary>.ui-icon{transform:rotate(90deg)}.app-shell .main-level-list{display:grid;gap:8px;padding:0 16px 16px}.app-shell .main-level-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #e3e9f4;border-radius:13px;background:#f8faff;box-shadow:none}.main-level-row.selected{background:#eef2ff!important;border-color:#c5d1fb!important}.main-level-copy{flex:1;min-width:0}.main-level-copy>b{font-size:11px}.main-level-copy>small{font-size:8px;color:#98a8c1}.main-level-row .level-status{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#e9eefb;color:#91a5ce;flex:none}.level-status>.ui-icon{width:14px;height:14px}.main-level-row .small-btn{min-height:31px;padding:6px 10px;font-size:9px}.stage-phase-map{margin:0 17px 17px;background:#f7f9fd;border-color:#e4eaf4;padding:13px}.phase-map-stage{grid-template-columns:130px minmax(0,1fr);border-color:#e4eaf4}.phase-map-stage>b{font-size:9px;color:#8291ab}.phase-map-item{font-size:8px;padding:4px 7px}.practice-section{margin-top:25px}.app-shell .mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.app-shell .mode-card{display:flex;align-items:center;gap:12px;min-height:90px;padding:18px;text-align:left}.app-shell .mode-card .mode-icon{display:grid;place-items:center;width:36px;height:36px;margin:0;border-radius:12px;background:#edf1fc;color:#91a1d3;flex:none}.mode-icon>.ui-icon{width:18px;height:18px}.app-shell .mode-card strong{flex:1;font-size:11px;margin:0;line-height:1.4}.mode-card>.ui-icon{width:14px;height:14px;color:#a5b2cb}
body .shell.app-shell.is-playing{display:block}.app-shell.is-playing .sidebar,.app-shell.is-playing .mobile-dock{display:none}.app-shell.is-playing .main{padding:10px 26px 24px;max-width:none}.app-shell.is-playing .content,.app-shell.is-playing .topbar{max-width:1110px}.app-shell.is-playing .topbar{min-height:65px;margin-bottom:17px;padding:8px 0;border-bottom:1px solid #dfe6f1a1}.session-header{display:flex;align-items:center;gap:15px;min-width:0}.glass-back{display:inline-flex;align-items:center;gap:7px;min-height:35px;padding:8px 12px;border:1px solid #ffffffdf;border-radius:12px;background:#ffffff95;color:#8595b1;font-size:10px;font-weight:650}.glass-back>.ui-icon{width:14px;height:14px}.app-shell .game-header-count{padding:0;min-width:40px;border:0;border-radius:0;background:none;box-shadow:none;font-size:10px;color:#6f7e9e;font-weight:750}.session-clock{display:flex;align-items:center;gap:6px;color:#8e9cc2;font-size:10px}.session-clock>.ui-icon{width:15px;height:15px}.session-clock>b{font-variant-numeric:tabular-nums;font-size:11px}.app-shell .game-wrap{display:grid;grid-template-columns:minmax(0,1fr) 232px;align-items:start;gap:20px;width:100%;max-width:none;margin:0;min-width:0;perspective:none;overflow:visible}.app-shell .question-panel{grid-column:1;grid-row:1;align-self:start;width:100%;min-width:0;min-height:490px;padding:29px;position:relative}.app-shell .question-panel>.eyebrow{font-size:8px;color:#92a1c4;font-weight:800;letter-spacing:1.5px;line-height:1.6}.app-shell .question-panel h2{margin:18px 0 11px;font-size:25px;font-weight:700;letter-spacing:-.9px;line-height:1.25;color:#24354f}.app-shell .question-tags{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px}.app-shell .question-tags>span{font-size:8px;font-weight:600;color:#9aa8c2;background:#edf2fc80;padding:4px 7px;border:1px solid #e6ecf8;border-radius:7px;box-shadow:none}.app-shell .prompt{padding:24px 18px;margin:17px 0 22px;background:#f1f4fa9e;border:1px solid #e9edf7;border-radius:17px;box-shadow:inset 0 1px #ffffffcc;font-size:22px;line-height:1.5;font-weight:650;letter-spacing:-.35px;overflow-wrap:anywhere}.app-shell .prompt .blank{padding:0 10px;color:#92a4ce;border-color:#a5b4d7}.app-shell .options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:8px;min-width:0}.app-shell .option{display:flex;align-items:center;gap:10px;min-width:0;min-height:53px;padding:11px 13px;border:1px solid #dde5f4;border-radius:13px;background:#ffffffac;box-shadow:inset 0 1px #fff;color:#53617a;font-size:12px;font-weight:600;line-height:1.5;text-align:left;overflow-wrap:anywhere}.choice-key{display:grid;place-items:center;width:25px;height:25px;flex:none;border:1px solid #e7ecf5;border-radius:8px;background:#f7f9fd;color:#acb8d0;font-size:9px;font-weight:700}.choice-label{min-width:0}.app-shell .option:hover{background:#f4f6ff;border-color:#bfccf4}.app-shell .option.correct{background:#eff8f2;border-color:#a6d1b6;color:#72a387}.app-shell .option.wrong{background:#fff0f2;border-color:#eab8c2;color:#c78694;animation:none}.app-shell .option.selected{border-color:#9baeee;background:#f0f3ff}.app-shell .token-button,.app-shell .token{padding:10px 14px;border:1px solid #dbe4f4;border-radius:11px;background:#ffffffd9;color:#6b7b9b;font-size:13px;box-shadow:0 3px 0 #e2e8f5}.app-shell .sentence-tokens{display:flex;flex-wrap:wrap;gap:8px;min-height:67px;padding:13px;margin:14px 0;border:1px solid #e1e8f5;border-radius:16px;background:#f3f6fb88}.app-shell .question-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:20px;padding-top:16px;border:0}.app-shell .feedback{font-size:11px;color:#7ba18a}.app-shell .feedback.bad{color:#c38594}.app-shell .alert{font-family:var(--font-ui);font-size:11px;line-height:1.6;padding:13px 15px;background:#f2f5fd;border:1px solid #e1e8f8;border-radius:12px;color:#8799bc}.app-shell .countdown-banner{grid-column:1/-1;padding:10px 15px;border:1px solid #eacbd2;background:#fff4f6a6;color:#bb8a98;border-radius:12px;margin:0;font-size:10px;animation:none}.app-shell .mini-scoreboard{display:flex;flex-direction:column;align-items:center;gap:15px;grid-column:2;grid-row:1;align-self:start;width:100%;min-width:0;margin:0;padding:22px 20px;border:1px solid #ffffffed;border-radius:23px;background:var(--glass);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.app-shell .score-ring{display:grid;place-items:center;position:relative;flex:none;width:91px;height:91px;background:conic-gradient(#879bf4 var(--progress),#e8edf6 0);border-radius:50%;margin:0}.score-ring:before{content:'';position:absolute;inset:6px;border-radius:50%;background:#fbfcff}.app-shell .score-ring>div{position:relative;z-index:1;text-align:center}.app-shell .score-ring b{font:750 24px/1 var(--font-display);letter-spacing:-1px;color:#6a7ba5}.score-ring b>small{font-size:10px;font-weight:600;color:#aeb9cd;letter-spacing:0}.score-ring span{display:block;margin-top:6px;font-size:8px;color:#a3afc5}.app-shell .score-details{width:100%;min-width:0;text-align:center}.score-details>b{font-size:12px;font-weight:700}.score-numbers{display:flex;justify-content:center;gap:19px;margin:16px 0 17px}.score-numbers>span{display:grid;grid-template-columns:auto auto;align-items:center;gap:1px 4px}.score-numbers .ui-icon{width:11px;height:11px}.score-numbers b{font-size:13px;line-height:1}.score-numbers small{grid-column:1/-1;font-size:8px;font-weight:500}.score-good{color:#85ab99}.score-bad{color:#c893a0}.score-accuracy{display:flex;justify-content:space-between;border-top:1px solid #e6ebf4;padding-top:13px;font-size:9px;color:#9caac3}.score-accuracy b{font-size:10px;color:#8496bd}.score-remaining{display:block;font-size:8px;color:#acb8ce;margin-top:8px}.app-shell .question-panel.has-legacy-photo{display:grid;grid-template-columns:minmax(115px,27%) minmax(0,1fr);grid-template-rows:auto auto auto auto auto;column-gap:22px;row-gap:6px;align-items:center}.app-shell .question-panel.has-legacy-photo>.eyebrow{grid-column:1/-1;grid-row:1;margin-bottom:12px}.app-shell .question-panel.has-legacy-photo>h2{grid-column:2;grid-row:2;font-size:23px;margin:0;align-self:end}.app-shell .question-panel.has-legacy-photo>.question-tags{grid-column:2;grid-row:3;margin:4px 0;align-self:center}.app-shell .question-panel.has-legacy-photo>.picture-cue{grid-column:1;grid-row:2/5;width:100%;padding:6px;align-self:center;border:1px solid #e4e8f3;border-radius:17px;background:#ffffffb8;box-shadow:0 8px 20px #4d5f8e0b;animation:none}.picture-cue .photo-crop{width:100%;aspect-ratio:4/5;border-radius:11px}.app-shell .picture-cue>small{font-size:6px;padding:4px 7px;background:#eef2fb;color:#9ba9c7;letter-spacing:1.2px}.app-shell .question-panel.has-legacy-photo>.prompt{grid-column:2;grid-row:4;margin:0;padding:13px 15px;font-size:16px;line-height:1.5;align-self:start}.app-shell .question-panel.has-legacy-photo>.options{grid-column:1/-1;grid-row:auto;width:100%;margin-top:17px}.app-shell .question-panel.has-legacy-photo>.question-footer,.app-shell .question-panel.has-legacy-photo>.alert,.app-shell .question-panel.has-legacy-photo>.sentence-tokens{grid-column:1/-1}.question-enter .question-panel{animation:question-slide .22s ease-out both}.question-enter .mini-scoreboard{animation:none}
.result-stage{max-width:590px;margin:8px auto}.app-shell .result-card{padding:29px 37px;text-align:center}.result-art{height:150px;display:grid;place-items:center;margin-bottom:4px}.result-art .reward-art{height:175px;width:175px}.result-seal{display:grid;place-items:center;width:83px;height:83px;border:1px solid #d6e4ef;border-radius:27px;background:linear-gradient(145deg,#edf5ff,#e1eff0);box-shadow:0 10px 20px #58779912,inset 0 1px white;color:#81b4aa}.result-seal>.ui-icon{width:37px;height:37px;stroke-width:2}.result-card h1{font-size:27px;font-weight:750;letter-spacing:-1px;line-height:1.3;margin:12px 0 5px}.result-caption{margin:0;color:#9aabc3;font-size:11px}.earned-tier{display:inline-block;margin-top:10px;padding:4px 10px;background:#fdf5df;border:1px solid #f3e7c5;border-radius:8px;color:#b59b5d;font-size:9px;font-weight:700}.result-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:24px 0 18px;padding:18px 0;border-top:1px solid #e5ebf4;border-bottom:1px solid #e5ebf4}.result-stats b{display:block;font-size:18px;font-weight:750;letter-spacing:-.4px;color:#61759a;font-variant-numeric:tabular-nums}.result-stats span{font-size:8px;color:#a2b0c7}.result-reward{display:flex;align-items:center;justify-content:center;gap:5px}.result-reward .reward-art{width:42px;height:42px}.result-reward>b{font-size:29px;letter-spacing:-1px;font-family:var(--font-display);color:#7186ca}.result-reward>span{font-size:10px;color:#a5b2cd;margin-left:4px}.result-breakdown{display:flex;flex-wrap:wrap;gap:7px 13px;justify-content:center;margin:8px 0 20px}.result-breakdown>span{font-size:8px;color:#a6b3ca;display:flex;gap:5px}.result-breakdown b{color:#8e9dc2;font-weight:600}.result-actions{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:15px}.result-auto{display:block;font-size:8px;color:#b1bdd0;margin-top:15px}
.app-shell .xp-vault{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 29px;margin-bottom:20px;background:linear-gradient(130deg,#eff3fff0,#ffffffae)}.xp-vault>div{display:flex;align-items:center;gap:12px}.xp-vault .reward-art{width:86px;height:86px}.xp-vault small{display:block;color:#a0acc4;font-size:8px;letter-spacing:1.8px;font-weight:700}.xp-vault b{display:block;font-family:var(--font-display);font-size:34px;letter-spacing:-1px;line-height:1.4}.xp-vault em{font-style:normal;font:600 10px var(--font-ui);color:#a5b1c8;margin-left:7px;letter-spacing:0}.vault-detail{display:flex;align-items:center;gap:10px;font-size:10px;color:#96a7c6}.vault-detail>span{width:3px;height:3px;background:#abb8d0;border-radius:50%}.reward-collection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:20px}.reward-collection>.collection-group:only-child{grid-column:1/-1}.collectibles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.collectible{display:flex;flex-direction:column;align-items:center;padding:0 5px 8px}.collectible .reward-art{width:100%;max-width:156px;height:155px;transition:transform .35s}.collectible:hover .reward-art{transform:translateY(-5px) rotate(3deg)}.collectible>b{font-size:10px;margin-top:1px}.collectible>span{font-size:8px;color:#a6b3c8;margin-top:4px}.segmented{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px;padding:4px;border:1px solid #e1e7f2;border-radius:13px;background:#e9eef7aa;box-shadow:inset 0 1px 3px #53698d08}.segmented>button{padding:7px 12px;border:1px solid transparent;border-radius:9px;color:#a1aec4;background:none;font-size:9px;font-weight:650;line-height:1.3}.segmented>button.active{color:#6c82c9;background:#ffffffed;border-color:#fdfefe;box-shadow:0 3px 9px #5069980d,inset 0 1px #fff}.reward-history-list>div{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid #e8edf5}.reward-history-list .reward-art{width:47px;height:47px}.reward-history-list>div>span{flex:1;min-width:0}.reward-history-list b{display:block;font-size:11px}.reward-history-list small{display:block;font-size:8px;color:#a1afc7;margin-top:3px}.reward-history-list strong{font-size:9px;color:#93a2bf;font-weight:600}.empty-collection{display:flex;flex-direction:column;align-items:center;padding:5px 0 20px}.empty-collection .reward-art{width:135px;height:135px;opacity:.8}.empty-collection b{font-size:14px;margin:2px 0 19px}.guide-tabs{display:flex;width:max-content;max-width:100%;gap:4px;margin:0 0 24px;overflow:auto;flex-wrap:nowrap;padding:5px}.guide-tabs>button{display:flex;align-items:center;gap:7px;white-space:nowrap;min-height:36px;padding:8px 14px;font-size:10px;flex:none}.guide-tabs .ui-icon{width:15px;height:15px}.guide-tabs .reward-art{width:22px;height:22px}.guide-start{text-align:center;padding:34px!important}.guide-mark{display:grid;place-items:center;width:57px;height:57px;margin:0 auto 18px;background:#e8edff;border:1px solid #dbe3fc;border-radius:19px;color:#8da0de}.guide-mark>.ui-icon{width:27px;height:27px}.guide-start h2{margin:0;font-size:25px;letter-spacing:-.8px}.guide-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:33px 0}.guide-steps>div{padding:0 12px}.guide-steps>div>span{display:block;margin-bottom:9px;font-size:9px;color:#acb9d6;letter-spacing:2px}.guide-steps b{font-size:13px}.guide-steps p{font-size:11px;color:#9caac2;line-height:1.6;margin:8px auto 0;max-width:220px}.guide-intro-rewards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:18px}.guide-intro-rewards>button{display:flex;flex-direction:column;align-items:center;padding:18px;text-align:center}.guide-intro-rewards .reward-art{width:112px;height:112px}.guide-intro-rewards b{font-size:14px}.guide-intro-rewards span{font-size:9px;color:#9aabc5;margin-top:7px;line-height:1.5}.guide-section-head{display:flex;align-items:center;gap:15px;margin-bottom:20px}.guide-section-head .reward-art{width:75px;height:75px}.guide-section-head h2{margin:0;font-size:23px;letter-spacing:-.7px}.guide-section-head p{margin:5px 0 0;color:#a0adc6;font-size:10px}.rule-rows>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 8px;border-top:1px solid #e5ebf4}.rule-rows b{display:block;font-size:11px;font-weight:650}.rule-rows small{display:block;color:#a1aec5;font-size:9px;margin-top:4px}.rule-rows strong{font-size:12px;color:#7c91d0;white-space:nowrap}.guide-note{display:flex;align-items:center;gap:11px;margin-top:18px;border-radius:14px;color:#99aac5;font-size:10px;line-height:1.7}.guide-note>.ui-icon{width:19px;height:19px;color:#a3b2cd}.guide-award-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.guide-award{text-align:center;padding:22px!important}.guide-award>.reward-art{width:100%;height:210px;max-width:220px;margin:0 auto 12px}.guide-award h2{font-size:18px;margin:0 0 15px;letter-spacing:-.5px}.guide-award ul{display:grid;gap:10px;list-style:none;margin:0;padding:15px 0 0;border-top:1px solid #e4eaf4;text-align:left}.guide-award li{display:flex;align-items:flex-start;gap:8px;color:#96a5c0;font-size:10px;line-height:1.6}.guide-award li>.ui-icon{width:12px;height:12px;margin-top:2px;color:#a6b9d4}.medal-threshold{font-size:13px;color:#8499bf}.guide-award>p{font-size:10px;color:#a0afc7;margin:8px 0 0}.guide-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.guide-rule>.ui-icon{width:26px;height:26px;color:#9aabcf;margin-bottom:15px}.guide-rule h3{font-size:14px;letter-spacing:-.3px;margin:0 0 9px}.guide-rule p{font-size:11px;line-height:1.8;color:#9caac3;margin:0}
.app-shell .profile-grid{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:20px}.app-shell .profile-card{text-align:center;padding:32px 24px}.app-shell .profile-avatar{width:80px;height:80px;margin:0 auto 19px;border-radius:26px;font-family:var(--font-display);font-size:26px;color:#7a8fbf;background:linear-gradient(140deg,#e1e9ff,#f1edff);border:2px solid white;box-shadow:0 8px 20px #596c9c13}.profile-card h2{font-size:23px;letter-spacing:-.7px;margin:0 0 10px}.profile-numbers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:25px 0;border-top:1px solid #e7edf5;border-bottom:1px solid #e7edf5;padding:18px 0}.profile-numbers>div{display:flex;flex-direction:column;align-items:center;justify-content:center}.profile-numbers .reward-art{width:28px;height:28px}.profile-numbers .ui-icon{width:20px;height:20px;color:#a8b5d3;margin:4px}.profile-numbers b{margin-top:8px;font-size:14px}.profile-numbers span{font-size:8px;color:#acb8cd}.location-card{display:flex;align-items:center;gap:13px;padding:18px;border:1px solid #e5ebf6;border-radius:15px;background:#f4f7fc;margin:0 0 23px}.location-card>.ui-icon{width:24px;height:24px;color:#9aafd6}.location-card b{display:block;font-size:12px}.location-card small{display:block;font-size:9px;color:#9eacc4;margin-top:4px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;border-top:1px solid #e7edf5;font-size:10px}.settings-row>span{color:#a0adc4}.settings-row>b{font-size:10px;font-weight:600}.settings-link{display:flex;align-items:center;gap:10px;width:100%;padding:14px 0;margin-top:7px;border-top:1px solid #e7edf5;background:none;text-align:left;font-size:10px;color:#95a5c3}.settings-link>.ui-icon{width:16px;height:16px}.settings-link>.ui-icon:last-child{margin-left:auto}.competition-empty{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:690px;margin:0 auto;min-height:410px;justify-content:center;padding:36px!important}.competition-mark{display:grid;place-items:center;width:75px;height:75px;margin-bottom:23px;border:1px solid #dce6f5;border-radius:25px;background:#eaf1ff;color:#a7badf}.competition-mark>.ui-icon{width:31px;height:31px}.status-pill{padding:4px 9px;background:#eef3f8;border:1px solid #e3eaf5;border-radius:8px;color:#a6b3ca;font-size:8px}.competition-empty h2{font-size:25px;letter-spacing:-.8px;margin:15px 0 9px}.competition-empty p{font-size:10px;color:#a2afc6;line-height:1.7;max-width:350px;margin:15px 0 22px}.personal-rating{display:flex;flex-direction:column;gap:5px;padding:15px 20px;width:220px;background:#f1f5fc;border-radius:14px;margin:12px 0 0}.personal-rating>span{font-size:9px;color:#a4b1c8}.personal-rating>strong{font-family:var(--font-display);font-size:31px;color:#7b92bb;letter-spacing:-1px}.league-display{width:158px;height:158px;margin-bottom:6px}
.app-shell .words-heading{margin-bottom:20px}.app-shell .words-heading h1,.app-shell .section-title{font-family:var(--font-display);font-size:29px;font-weight:750;letter-spacing:-1px;line-height:1.3;margin:6px 0}.words-heading .eyebrow{font-size:8px}.language-folder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.app-shell .language-folder{display:flex;align-items:center;gap:13px;min-width:0;min-height:117px;padding:22px;border:1px solid #ffffffdf;border-radius:22px;background:var(--glass);box-shadow:var(--shadow);text-align:left}.app-shell .folder-icon{display:grid;place-items:center;position:relative;width:46px;height:49px;background:linear-gradient(145deg,#e8eeff,#f4f6fe);border:1px solid #e1e8fa;border-radius:14px;color:#a6b6d7;font-size:10px;flex:none}.folder-icon>.ui-icon{position:absolute;opacity:.35;width:28px;height:28px}.folder-icon>b{position:relative;font-size:10px;letter-spacing:1px}.folder-copy{flex:1;min-width:0}.folder-copy>strong{font-size:12px}.folder-copy>small{font-size:9px;color:#a4b1c9}.folder-arrow{font-size:15px;color:#b4bfd1}.app-shell .word-tools{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.app-shell .filters{display:flex;flex-wrap:wrap;gap:5px}.app-shell .filter{font-size:9px;padding:8px 11px;border:1px solid #e0e7f4;background:#ffffff80;border-radius:10px;color:#a0aec7}.app-shell .filter.active{background:#eaf0ff;border-color:#cfdafa;color:#8299cf}.app-shell .search{max-width:100%;min-width:180px;border:1px solid #dfe6f3;border-radius:12px;background:#ffffffb3;padding:10px 14px;font-size:10px;color:#7d90b3;box-shadow:inset 0 1px #fff}.search::placeholder{color:#b2bdd0}.app-shell .word-card{padding:20px;border:1px solid #ffffffdc;background:var(--glass);border-radius:20px;box-shadow:var(--shadow)}.word-card h3{font-family:var(--font-display);font-weight:750;letter-spacing:-.5px}.word-result-count,.word-pagination{font-size:9px;color:#a3b0c6}.app-shell .word-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.app-shell .word-save{color:#a6b7d4}.app-shell .word-card p{font-size:11px;color:#98a8c1;line-height:1.7}.app-shell .word-card .tag{background:#f0f4fc;border:1px solid #e3eaf6;color:#a0b1d0;font-size:8px}.setup-overlay,.word-modal-overlay{backdrop-filter:blur(14px);background:#253d6a44}.setup-box,.word-modal{max-height:90dvh;overflow:auto;border:1px solid #ffffffeb;border-radius:26px;background:linear-gradient(145deg,#fffffff5,#f2f6ffed);box-shadow:0 30px 90px #253d6a30;color:var(--ink);font-family:var(--font-ui)}.setup-box h1{font-family:var(--font-display);font-size:27px;letter-spacing:-1px;line-height:1.3}.setup-box>p{color:#a0aec3;font-size:11px}.field label{font-size:9px;color:#95a5c0}.field input,.field select{border:1px solid #dfe6f4;background:#ffffffae;border-radius:12px;padding:11px 12px;font-size:11px;color:#7186aa}.toast{border:1px solid #ffffffc9;border-radius:13px;background:#26395ded;backdrop-filter:blur(20px);box-shadow:0 8px 24px #293c642a;font-size:11px}
.celebration-overlay{position:fixed;inset:0;display:grid;place-items:center;z-index:2000;padding:20px;background:#263b6738;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.celebration-card{position:relative;isolation:isolate;width:min(430px,100%);padding:30px 30px 28px;text-align:center;border:1px solid #fffffff2;border-radius:31px;background:radial-gradient(ellipse at 50% 16%,#fdf5dfaa,transparent 47%),linear-gradient(145deg,#fffffff7,#f1f5ffed);box-shadow:0 25px 80px #233c6b28,inset 0 1px white;animation:celebration-arrive .48s cubic-bezier(.2,.85,.2,1) both;overflow:visible}.celebration-close{position:absolute;right:16px;top:16px;display:grid;place-items:center;width:29px;height:29px;border:1px solid #e3e9f4;border-radius:10px;background:#ffffffa8;color:#a8b5ce;z-index:5}.celebration-close>.ui-icon{width:13px;height:13px}.celebration-trophy{display:grid;place-items:center;height:173px;margin:0 auto 15px;position:relative;z-index:2}.celebration-trophy>.reward-art{width:210px;height:210px;filter:drop-shadow(0 12px 12px #9a7b3920);animation:trophy-arrive .6s cubic-bezier(.15,.85,.2,1) both}.celebration-card>.eyebrow{color:#b19d6a;font-size:8px;font-weight:800;letter-spacing:2px}.celebration-card h2{font-family:var(--font-display);font-size:29px;line-height:1.3;letter-spacing:-1px;margin:13px 0 12px;color:#526b96}.celebration-card h2>span{color:#758ed0}.celebration-card>p{font-size:10px;color:#9eacc6;margin:0}.celebration-next{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid #dcece6;border-radius:10px;background:#eff8f2;color:#91b29f;font-size:9px;margin:18px 0 14px}.celebration-next>.ui-icon{width:13px;height:13px}.celebration-card>small{display:block;font-size:8px;color:#b0bbce;font-variant-numeric:tabular-nums}.confetti-burst{position:absolute;left:50%;top:30%;width:0;height:0;z-index:0;pointer-events:none}.confetti-burst>i{position:absolute;width:5px;height:10px;background:var(--confetti,#a5b9f1);border-radius:2px;animation:confetti-out 1.8s calc(var(--i)*.012s) cubic-bezier(.1,.6,.3,1) both}.confetti-burst>i:nth-child(3n){--confetti:#edcf8a;width:7px;height:7px}.confetti-burst>i:nth-child(3n+1){--confetti:#a5d5c5}.confetti-burst>i:nth-child(4n){--confetti:#d4b6e7}
@keyframes glass-flash{from{opacity:1}to{opacity:0}}@keyframes page-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes question-slide{from{opacity:.8;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes collectible-float{0%,100%{translate:0 0;rotate:-2deg}50%{translate:0 -8px;rotate:2deg}}@keyframes celebration-arrive{from{opacity:0;transform:translateY(17px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes trophy-arrive{from{opacity:0;transform:translateY(12px) scale(.8) rotate(-8deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes confetti-out{0%{opacity:0;transform:translate(0,0) rotate(0)}15%{opacity:1}100%{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--turn))}}
@media(min-width:1500px){body .shell.app-shell{grid-template-columns:260px minmax(0,1fr)}.app-shell .sidebar.glass-sidebar{padding:27px 17px 17px}.app-shell .main{padding-left:46px;padding-right:46px}.app-shell .nav button{height:48px;font-size:12px}.launch-card{min-height:325px}.launch-card h1{font-size:46px}}
@media(max-width:1100px){body .shell.app-shell{grid-template-columns:212px minmax(0,1fr)}.app-shell .main{padding-left:24px;padding-right:24px}.app-shell .sidebar.glass-sidebar{margin-left:13px;padding-left:10px;padding-right:10px}.app-shell .brand{padding-left:6px}.brand-name{font-size:19px}.app-shell .nav button{font-size:10px;gap:7px}.launch-card{padding:28px;grid-template-columns:minmax(0,1fr) 220px}.launch-card h1{font-size:37px}.launch-card h1>span{font-size:22px}.hero-trophy{width:240px;height:240px}.hero-xp{width:78px;height:78px;right:-13px}.app-shell .stat{padding:15px}.stat-top{font-size:9px}.app-shell .stat strong{font-size:23px}.home-grid{grid-template-columns:minmax(0,1.3fr) minmax(220px,1fr)}.app-shell .mini-node{padding:13px;min-height:145px}.mini-node .mini-topic{font-size:10px}.app-shell .game-wrap{grid-template-columns:minmax(0,1fr) 205px;gap:15px}.app-shell .question-panel{padding:24px}.guide-award>.reward-art{height:175px}.guide-award h2{font-size:16px}.app-shell .language-folder{padding:18px;gap:10px}.language-folder-grid{gap:12px}.app-shell .word-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shortcut{padding:14px!important;gap:8px!important}.shortcut b{font-size:10px}.shortcut small{font-size:7px}.guide-rule-grid{gap:13px}}
@media(max-width:900px){body .shell.app-shell{grid-template-columns:87px minmax(0,1fr)}.app-shell .sidebar.glass-sidebar{margin:14px 0 14px 12px;padding:20px 8px 10px;top:14px;height:calc(100dvh - 28px);border-radius:23px}.app-shell .brand{justify-content:center;padding:0;margin-bottom:31px}.brand-name,.app-shell .nav-label,.app-shell .nav-text,.app-shell .nav-count,.nav-active-dot,.player-copy,.sidebar-player>.ui-icon{display:none}.app-shell .nav button{justify-content:center;gap:0;height:47px;padding:0;border-radius:14px}.app-shell .nav-group{margin-bottom:18px}.sidebar-player{justify-content:center;padding:7px;border-radius:15px}.player-avatar{width:32px;height:32px;font-size:10px}.app-shell .main{padding:13px 24px 24px}.app-shell .topbar.app-header{margin-bottom:20px}.launch-card{grid-template-columns:minmax(0,1fr) 210px}.dashboard-stats{gap:10px!important}.home-grid{grid-template-columns:minmax(0,1fr)}.daily-card{grid-template-columns:auto minmax(0,1fr) auto;gap:13px;padding:20px!important}.daily-card>.btn{grid-column:auto;margin:0;justify-self:end}.home-shortcuts{gap:10px}.phase-track>div{padding:11px 10px;gap:2px 6px}.phase-track b{font-size:8px}.phase-track small{font-size:7px}.app-shell .mini-map{gap:9px}.app-shell .mini-node{padding:11px;min-height:145px}.app-shell .game-wrap{grid-template-columns:minmax(0,1fr) 190px;gap:13px}.app-shell .mini-scoreboard{padding:21px 15px}.app-shell .question-panel{padding:23px;min-height:480px}.app-shell .question-panel.has-legacy-photo{column-gap:15px;grid-template-columns:minmax(105px,29%) minmax(0,1fr)}.app-shell .question-panel.has-legacy-photo>h2{font-size:21px}.app-shell .question-panel.has-legacy-photo>.prompt{font-size:14px;padding:11px}.reward-collection{grid-template-columns:minmax(0,1fr)}.collectible .reward-art{height:155px;max-width:175px}.collectible>b{font-size:12px}.collectible>span{font-size:9px}.guide-award-grid{gap:12px}.guide-award{padding:19px!important}.guide-award>.reward-art{height:165px}.guide-start h2{font-size:23px}.guide-steps{gap:10px}.guide-steps>div{padding:0 5px}.guide-steps b{font-size:12px}.guide-steps p{font-size:10px}.app-shell .profile-grid{grid-template-columns:minmax(0,1fr)}.profile-card{padding:28px!important}.profile-numbers{max-width:400px;margin:25px auto}.language-folder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-settings{padding:25px!important}}
@media(max-width:680px){body .shell.app-shell{display:block;min-height:100dvh}.app-shell .sidebar.glass-sidebar{display:none}.app-shell .main{padding:6px 16px calc(100px + env(safe-area-inset-bottom))}.app-shell .topbar.app-header{min-height:60px;margin-bottom:15px;padding:8px 0}.header-title{font-size:12px;gap:7px;min-width:0}.header-title>.ui-icon{width:16px;height:16px}.header-language{display:none}.header-actions{gap:6px}.header-avatar{display:none}.streak-balance,.xp-balance{min-height:32px;padding:3px 8px 3px 5px;border-radius:12px;gap:3px}.xp-balance>.reward-art{width:23px;height:23px}.streak-balance>.ui-icon{width:14px;height:14px}.xp-balance>b,.streak-balance>b{font-size:9px}.xp-balance>span,.streak-balance>span{font-size:7px}.streak-balance>span{display:none}.app-shell .content{max-width:100%}.mobile-dock{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;gap:2px;position:fixed;z-index:100;left:12px;right:12px;bottom:max(10px,env(safe-area-inset-bottom));padding:6px;min-height:64px;border:1px solid #ffffffeb;border-radius:23px;background:linear-gradient(150deg,#fffffff0,#f1f5ffd4);backdrop-filter:blur(28px) saturate(175%);-webkit-backdrop-filter:blur(28px) saturate(175%);box-shadow:0 8px 35px #263d6920,inset 0 1px white}.mobile-dock>button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;min-width:0;height:49px;padding:4px 0;background:none;border-radius:17px;color:#acb8d0}.mobile-dock>button.active{color:#7f96dc;background:#e8eefe;border:1px solid #d9e3ff;box-shadow:inset 0 1px #fff,0 3px 8px #5b71a50a}.mobile-dock>button>span{display:grid;place-items:center;width:27px;height:25px}.mobile-dock .ui-icon{width:19px;height:19px}.mobile-dock .reward-art{width:30px;height:30px}.mobile-dock small{font-size:7px;font-weight:650}.app-footer{display:none}.app-shell .panel{border-radius:21px;padding:21px}.page-heading{margin:6px 0 20px;gap:10px}.page-heading>h1{font-size:24px;letter-spacing:-.9px}.page-heading .btn{font-size:9px;padding:8px 10px;min-height:33px}.page-heading .btn .ui-icon{width:13px}.launch-card{display:block;position:relative;min-height:300px;padding:26px 24px;border-radius:25px;margin-bottom:15px;overflow:hidden}.launch-copy{width:calc(100% - 100px)}.launch-kicker{font-size:7px;letter-spacing:1.2px}.launch-tags{margin-top:17px}.launch-tags>span{font-size:7px;padding:3px 5px}.launch-card h1{font-size:37px;letter-spacing:-1.4px}.launch-card h1>span{font-size:22px;letter-spacing:-.7px;line-height:1.3;margin-top:7px}.launch-mini{flex-wrap:wrap;gap:6px;font-size:8px;margin:12px 0 22px;line-height:1.6}.app-shell .play-large{min-height:42px;min-width:144px;padding:10px 15px;font-size:11px}.launch-art{position:absolute;right:2px;top:42px;width:150px;height:204px;z-index:1}.hero-trophy{width:180px;height:210px;max-width:none;filter:drop-shadow(0 10px 9px #1727594d)}.hero-xp{width:65px;height:65px;right:0;bottom:0}.art-orbit{width:150px;height:180px}.orbit-two{width:190px;height:230px}.art-label{left:17px;bottom:3px;padding:5px 7px;font-size:6px;letter-spacing:1.6px}.app-shell .dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}.app-shell .stat{padding:14px 15px;border-radius:19px}.stat-top{font-size:9px}.stat-top>i{width:24px;height:24px}.stat-top>i>.ui-icon{width:17px;height:17px}.stat-top .reward-art{width:29px;height:29px}.app-shell .stat strong{font-size:24px;margin:8px 0 10px}.stat-bottom{font-size:8px}.stat-bottom>.ui-icon{width:12px;height:12px}.home-grid{gap:14px;margin-bottom:14px}.home-path .panel-head h3{font-size:15px}.home-path .panel-head .text-link{font-size:9px}.mini-progress-strip{gap:6px;margin:19px 0 15px}.mini-progress-strip>button{border-radius:9px;font-size:9px}.mini-progress-strip>button>.ui-icon{width:11px;height:11px}.home-path-bottom{font-size:8px;line-height:1.5}.home-path-bottom>b{font-size:7px}.daily-card{grid-template-columns:auto minmax(0,1fr);padding:20px!important}.daily-card h3{font-size:15px}.daily-card>.btn{grid-column:1/-1;justify-self:start;margin-top:4px}.home-shortcuts{grid-template-columns:minmax(0,1fr);gap:9px}.app-shell .shortcut{padding:14px 17px!important;gap:12px!important;border-radius:17px}.shortcut-symbol{width:37px;height:37px;border-radius:12px}.shortcut b{font-size:11px}.shortcut small{font-size:8px}.shortcut>.reward-art{width:39px;height:39px}.phase-track{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-bottom:16px!important}.phase-track>div{padding:10px 12px;gap:2px 8px}.phase-track b{font-size:9px}.phase-track small{font-size:7px}.course-heading{align-items:flex-start;gap:12px}.course-heading h2{font-size:21px;letter-spacing:-.7px;line-height:1.3;margin-top:8px}.course-heading p{font-size:9px;line-height:1.6}.course-heading>.btn{min-height:35px;padding:9px 11px;font-size:9px;gap:5px;flex:none}.course-heading>.btn>.ui-icon{width:12px;height:12px}.course-heading>.btn>.ui-icon:last-child{display:none}.course-details{gap:12px;margin:17px 0 20px;padding-top:14px;flex-wrap:wrap;font-size:8px}.course-details .ui-icon{width:12px;height:12px}.course-details>b{font-size:8px}.app-shell .mini-map{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:100%;width:100%;overflow:visible}.app-shell .mini-node{padding:15px;min-height:143px}.app-shell .mini-node .mini-topic{font-size:11px}.app-shell .mini-node>small{font-size:7px;margin-top:10px}.mini-node>em{font-size:7px}.app-shell .path-levels,.app-shell .stage-overview{padding:0;border-radius:17px}.path-levels>summary,.stage-overview>summary{padding:17px 18px;font-size:10px}.app-shell .main-level-row{padding:10px;gap:9px;flex-wrap:nowrap}.main-level-copy>b{font-size:9px;line-height:1.6}.main-level-copy>small{font-size:7px}.main-level-row .level-status{width:25px;height:25px}.main-level-row .small-btn{font-size:8px;min-height:29px;padding:6px 9px}.app-shell .main-level-list{padding:0 10px 10px}.phase-map-stage{grid-template-columns:minmax(0,1fr);gap:8px}.phase-map-item{font-size:7px}.app-shell .mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.app-shell .mode-card{display:flex;flex-direction:column;align-items:flex-start;gap:11px;min-height:124px;padding:16px;border-radius:18px}.app-shell .mode-card strong{font-size:10px}.mode-card>.ui-icon{position:absolute;right:15px;top:24px;width:12px}.app-shell.is-playing .main{padding:3px 12px 23px}.app-shell.is-playing .topbar{min-height:59px;padding:7px 0;margin-bottom:14px;gap:7px}.session-header{gap:9px}.glass-back{padding:7px 8px;min-height:31px;border-radius:10px;gap:4px;font-size:8px}.glass-back>.ui-icon{width:12px;height:12px}.app-shell .game-header-count{font-size:9px;min-width:32px}.session-clock{gap:4px}.session-clock>b{font-size:10px}.session-clock>.ui-icon{width:12px;height:12px}.is-playing .xp-balance{padding-right:6px;gap:1px}.is-playing .xp-balance>.reward-art{width:21px;height:21px}.is-playing .xp-balance>b{font-size:8px}.is-playing .xp-balance>span{display:none}.app-shell .game-wrap{display:flex;flex-direction:column;gap:13px;min-width:0;width:100%;max-width:100%}.app-shell .mini-scoreboard{order:0;display:flex;flex-direction:row;align-items:center;gap:13px;min-height:94px;padding:13px 15px;border-radius:19px}.app-shell .score-ring{width:62px;height:62px}.score-ring:before{inset:5px}.app-shell .score-ring b{font-size:21px}.score-ring b>small{font-size:8px}.score-ring span{font-size:7px;margin-top:3px}.app-shell .score-details{flex:1;text-align:left;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 8px;align-items:center}.score-details>b{font-size:10px}.score-numbers{grid-column:1;display:flex;justify-content:flex-start;gap:12px;margin:0}.score-numbers>span{display:flex;gap:3px}.score-numbers b{font-size:10px}.score-numbers .ui-icon{width:9px;height:9px}.score-numbers small{font-size:7px}.score-accuracy{grid-column:2;grid-row:1/3;border:0;padding:0;display:flex;flex-direction:column;gap:1px;align-items:flex-end;font-size:7px}.score-accuracy>b{font-size:16px;letter-spacing:-.5px}.score-remaining{grid-column:1/-1;margin:0;font-size:7px}.app-shell .question-panel{order:1;padding:20px;min-height:390px;width:100%;max-width:100%;border-radius:22px}.app-shell .question-panel>.eyebrow{font-size:7px;line-height:1.7;letter-spacing:1.3px}.app-shell .question-panel h2{font-size:22px;letter-spacing:-.7px;margin:15px 0 11px}.app-shell .question-tags{margin-bottom:13px}.app-shell .question-tags>span{font-size:7px}.app-shell .prompt{font-size:19px;line-height:1.6;padding:19px 13px;margin:15px 0 19px;border-radius:14px}.app-shell .options{gap:9px}.app-shell .option{min-height:48px;padding:10px;font-size:11px;gap:8px;border-radius:12px}.choice-key{width:22px;height:22px;font-size:8px;border-radius:7px}.app-shell .options.sentence-options{grid-template-columns:minmax(0,1fr)}.app-shell .question-panel.has-legacy-photo{padding:19px;grid-template-columns:minmax(88px,30%) minmax(0,1fr);column-gap:14px;row-gap:6px;min-height:390px}.app-shell .question-panel.has-legacy-photo>.eyebrow{margin-bottom:10px}.app-shell .question-panel.has-legacy-photo>h2{font-size:20px;letter-spacing:-.6px;line-height:1.3}.app-shell .question-panel.has-legacy-photo>.picture-cue{padding:5px;border-radius:14px}.app-shell .question-panel.has-legacy-photo>.prompt{font-size:12px;padding:10px 11px;line-height:1.6;min-width:0;width:100%;margin:0}.app-shell .question-panel.has-legacy-photo>.question-tags>span{font-size:7px;padding:4px 6px}.app-shell .question-panel.has-legacy-photo>.options{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:17px;gap:9px}.app-shell .question-panel.has-legacy-photo>.options.sentence-options{grid-template-columns:minmax(0,1fr)}.app-shell .question-panel.has-legacy-photo>.options .option{font-size:11px;padding:10px;min-width:0}.picture-cue .photo-crop{border-radius:9px}.app-shell .picture-cue>small{font-size:5px;padding:4px 3px;letter-spacing:.8px;text-align:center}.app-shell .question-footer{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.app-shell .feedback{font-size:10px}.question-footer .btn{font-size:9px;min-height:33px;padding:8px 11px}.app-shell .alert{font-size:10px;padding:11px 12px}.app-shell .token-button,.app-shell .token{font-size:12px;padding:9px 12px}.app-shell .sentence-tokens{padding:11px;gap:7px}.app-shell .countdown-banner{font-size:9px;padding:9px 12px;width:100%;order:0}.app-shell .result-card{padding:25px 22px;border-radius:24px}.result-stage{margin:4px auto}.result-card h1{font-size:24px}.result-art{height:126px}.result-art .reward-art{width:150px;height:150px}.result-stats{gap:5px;margin:20px 0 15px;padding:16px 0}.result-stats b{font-size:17px}.result-actions{gap:8px}.result-actions .btn{font-size:10px;padding:10px 13px;min-height:40px}.xp-vault{padding:19px!important;align-items:flex-start!important;gap:10px!important;flex-direction:column}.xp-vault .reward-art{width:70px;height:70px}.xp-vault b{font-size:31px}.xp-vault small{font-size:7px}.vault-detail{padding-left:10px;font-size:9px}.reward-collection{gap:14px;margin-bottom:16px}.collectible .reward-art{height:135px;max-width:145px}.collectible>b{font-size:10px}.collectible>span{font-size:8px}.reward-history .panel-head{flex-wrap:wrap;gap:12px}.reward-history-list>div{gap:9px}.reward-history-list b{font-size:10px}.reward-history-list small{font-size:7px}.reward-history-list strong{font-size:8px}.reward-history-list .reward-art{width:41px;height:41px}.guide-tabs{margin-bottom:18px;border-radius:12px;gap:3px;padding:4px}.guide-tabs>button{font-size:9px;gap:5px;padding:7px 10px;min-height:34px}.guide-tabs .ui-icon{width:13px;height:13px}.guide-tabs .reward-art{width:19px;height:19px}.guide-start{padding:26px 21px!important}.guide-start h2{font-size:22px}.guide-steps{grid-template-columns:minmax(0,1fr);gap:20px;margin:26px 0}.guide-steps>div{display:grid;grid-template-columns:30px minmax(0,1fr);gap:4px 10px;text-align:left;padding:0}.guide-steps>div>span{grid-row:1/3;font-size:10px;padding-top:3px;letter-spacing:1px}.guide-steps b{font-size:12px}.guide-steps p{margin:0;max-width:none;font-size:10px}.guide-intro-rewards{gap:9px;margin-top:14px}.guide-intro-rewards>button{padding:12px 8px!important;border-radius:17px}.guide-intro-rewards .reward-art{width:78px;height:78px}.guide-intro-rewards b{font-size:11px}.guide-intro-rewards span{font-size:7px;line-height:1.6;margin-top:5px}.guide-section-head{gap:9px;margin-bottom:12px}.guide-section-head .reward-art{width:57px;height:57px}.guide-section-head h2{font-size:20px}.guide-section-head p{font-size:9px}.rule-rows>div{padding:13px 0;gap:10px}.rule-rows b{font-size:10px}.rule-rows small{font-size:8px}.rule-rows strong{font-size:11px}.guide-note{font-size:9px;line-height:1.8;gap:10px}.guide-note>.ui-icon{width:17px;height:17px}.guide-award-grid{grid-template-columns:minmax(0,1fr);gap:14px}.guide-award{display:grid;grid-template-columns:105px minmax(0,1fr);grid-template-rows:auto auto;column-gap:17px;text-align:left;padding:20px!important;align-items:center}.guide-award>.reward-art{grid-column:1;grid-row:1/4;width:110px;height:137px;max-width:none;margin:0}.guide-award>h2{grid-column:2;margin:0 0 10px;font-size:17px;align-self:end}.guide-award>ul{grid-column:2;margin:0;padding:9px 0 0;gap:7px;align-self:start}.guide-award li{font-size:9px;gap:5px}.guide-award li>.ui-icon{width:10px;height:10px}.guide-award>.medal-threshold{grid-column:2;font-size:12px;align-self:start}.guide-award>p{grid-column:2;font-size:9px;margin:5px 0 0;align-self:start}.guide-rule-grid{grid-template-columns:minmax(0,1fr);gap:12px}.guide-rule{display:grid;grid-template-columns:33px minmax(0,1fr);gap:6px 10px;padding:21px!important}.guide-rule>.ui-icon{grid-row:1/3;margin:0;width:22px;height:22px}.guide-rule>h3{font-size:13px;margin:0}.guide-rule>p{font-size:10px;line-height:1.8}.app-shell .profile-grid{gap:16px}.profile-card h2{font-size:22px}.profile-settings{padding:23px!important}.settings-row{font-size:9px}.settings-row>b{font-size:9px}.app-shell .language-folder-grid{gap:12px}.app-shell .language-folder{flex-direction:column;align-items:flex-start;padding:20px;gap:12px;border-radius:20px;min-height:165px}.folder-arrow{position:absolute;top:27px;right:20px;font-size:13px}.folder-copy>strong{font-size:13px}.folder-copy>small{font-size:8px}.app-shell .words-heading h1{font-size:24px}.words-heading .eyebrow{font-size:7px}.words-heading>.btn{font-size:9px;padding:9px 12px;min-height:35px}.word-tools{gap:11px!important}.app-shell .search{width:100%;font-size:10px}.app-shell .filter{font-size:8px;padding:7px 9px;border-radius:9px}.app-shell .word-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.app-shell .word-card{padding:15px;border-radius:18px;min-width:0}.word-card h3{font-size:17px}.app-shell .word-card p{font-size:9px}.word-card small{font-size:8px}.app-shell .word-card .tag{font-size:7px}.competition-empty{min-height:405px;padding:28px!important}.competition-empty h2{font-size:23px}.competition-empty p{font-size:10px}.setup-box{padding:25px 22px;max-width:100%;border-radius:23px}.setup-box h1{font-size:24px}.celebration-card{padding:26px 23px 24px;border-radius:28px}.celebration-trophy{height:160px;margin-bottom:12px}.celebration-trophy>.reward-art{width:195px;height:195px}.celebration-card h2{font-size:26px;letter-spacing:-.8px}.celebration-card>p{font-size:9px}.celebration-next{font-size:8px;padding:7px 10px}.celebration-card>small{font-size:8px}}
@media(max-width:360px){.app-shell .main{padding-left:12px;padding-right:12px}.header-title>.ui-icon{display:none}.header-title{font-size:11px}.xp-balance>b,.streak-balance>b{font-size:8px}.xp-balance>span{font-size:6px}.launch-card{padding:23px 20px;min-height:298px}.launch-copy{width:calc(100% - 81px)}.launch-art{right:-13px;top:48px;width:140px}.hero-trophy{width:157px}.hero-xp{width:57px;height:57px;right:6px;bottom:7px}.launch-card h1{font-size:34px}.launch-card h1>span{font-size:20px}.launch-mini{font-size:7px;gap:5px}.launch-tags>span{font-size:6px}.launch-kicker{font-size:6px;letter-spacing:1px}.app-shell .play-large{min-width:137px;min-height:41px;font-size:10px}.stat-top{font-size:8px}.app-shell .stat{padding:12px 13px}.app-shell .stat strong{font-size:22px}.stat-bottom{font-size:7px}.app-shell .panel{padding:18px}.home-path-bottom{font-size:7px}.mini-progress-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.mini-progress-strip>button{aspect-ratio:auto;height:32px}.page-heading>h1{font-size:22px}.phase-track>div{padding:9px;font-size:8px}.phase-track b{font-size:8px}.phase-track>div>span{width:17px;height:17px}.course-heading h2{font-size:19px}.course-details{gap:8px;font-size:7px}.course-details>b{font-size:7px}.app-shell.is-playing .main{padding-left:10px;padding-right:10px}.glass-back{font-size:7px;padding:7px}.session-header{gap:6px}.session-clock>.ui-icon{display:none}.is-playing .xp-balance{padding:3px 5px 3px 2px}.is-playing .xp-balance>.reward-art{width:18px;height:18px}.app-shell .question-panel.has-legacy-photo{padding:16px;grid-template-columns:minmax(78px,30%) minmax(0,1fr);column-gap:12px}.app-shell .question-panel.has-legacy-photo>h2{font-size:18px}.app-shell .question-panel.has-legacy-photo>.prompt{font-size:11px;padding:9px}.app-shell .question-panel.has-legacy-photo>.options .option{font-size:10px;padding:9px;gap:6px}.choice-key{width:19px;height:19px;font-size:7px}.app-shell .mini-scoreboard{gap:11px;padding:12px 13px}.score-numbers{gap:8px}.score-remaining{font-size:6px}.app-shell .question-panel>.eyebrow{font-size:6px;letter-spacing:1px}.guide-tabs{gap:2px;width:100%}.guide-tabs>button{gap:4px;font-size:8px;padding:7px 8px;flex:1;justify-content:center}.guide-tabs .ui-icon,.guide-tabs .reward-art{display:none}.guide-award{grid-template-columns:86px minmax(0,1fr);gap:5px 10px;padding:17px!important}.guide-award>.reward-art{width:90px;height:124px}.guide-award>h2{font-size:15px}.guide-award li{font-size:8px}.guide-intro-rewards .reward-art{width:65px;height:70px}.collectible .reward-art{height:112px}.collectible>b{font-size:9px}.collectible>span{font-size:7px}.result-card h1{font-size:23px}.mobile-dock{left:9px;right:9px;padding:5px;gap:0;border-radius:21px}.mobile-dock>button{border-radius:15px}.mobile-dock small{font-size:6px}.guide-rule>p{font-size:9px}}
.path-heading-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.page-heading:has(.path-heading-actions){flex-wrap:wrap}.reward-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:17px}.profile-skills{margin-top:20px}.skill-focus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.skill-focus-grid>div>span{display:flex;justify-content:space-between;gap:10px;color:#8b9bb6;font-size:10px}.skill-focus-grid b{color:#8398c6;font-size:10px}.skill-focus-bar{height:5px;border-radius:9px;background:#e9eef7;margin-top:12px;overflow:hidden}.skill-focus-bar>i{display:block;height:100%;background:linear-gradient(90deg,#9cace7,#a3c8c8);border-radius:9px}.header-title>.header-reward{width:25px;height:25px}.app-shell .btn.primary.play-large{background:linear-gradient(145deg,#fffffff9,#e7eeff);border-color:#ffffffd9;color:#49619b;box-shadow:0 7px 18px #15285b24,inset 0 1px #fff}.app-shell .btn.primary.play-large:hover{box-shadow:0 9px 20px #14295740,inset 0 1px #fff}.guide-tabs{scrollbar-width:none;-ms-overflow-style:none}.guide-tabs::-webkit-scrollbar{display:none}.result-art{height:172px}.result-art .reward-art{width:160px;height:160px}.celebration-trophy{height:205px;animation:none}.celebration-trophy>.reward-art{width:190px;height:190px}.celebration-card h2,.result-card h1{overflow-wrap:anywhere}.collectible>b{font-size:12px}.collectible>span{font-size:10px}.guide-award li{font-size:11px;color:#8293af}.result-caption{color:#8193b0}.result-stats span{font-size:9px;color:#8f9fba}
@media(max-width:680px){.launch-art{right:9px;top:47px;width:141px;height:196px}.hero-trophy{width:151px;height:188px}.hero-xp{width:59px;height:59px;right:-1px;bottom:0}.art-label{left:15px;bottom:1px}.mobile-dock small{font-size:8px}.score-details>b{font-size:11px}.score-numbers b{font-size:11px}.score-numbers small{font-size:8px}.score-remaining{font-size:8px}.score-accuracy{font-size:8px}.app-shell .option,.app-shell .question-panel.has-legacy-photo>.options .option{font-size:12px}.app-shell .question-panel.has-legacy-photo>.prompt{font-size:13px}.guide-award li{font-size:10px}.collectible>b{font-size:11px}.collectible>span{font-size:9px}.celebration-trophy{height:190px;margin-bottom:12px}.celebration-trophy>.reward-art{width:180px;height:180px}.result-art{height:159px}.result-art .reward-art{width:148px;height:148px}.result-stats span{font-size:9px}.guide-tabs .reward-art{width:18px;height:18px}.header-title>.header-reward{width:22px;height:22px}}
@media(max-width:360px){.launch-art{right:4px;top:52px;width:122px;height:189px}.hero-trophy{width:134px;height:181px}.hero-xp{width:53px;height:53px;right:0;bottom:0}.art-label{left:10px;bottom:1px}.mobile-dock small{font-size:7px}.score-remaining{font-size:7px}.score-numbers small{font-size:7px}.app-shell .question-panel.has-legacy-photo>.prompt{font-size:12px}.app-shell .question-panel.has-legacy-photo>.options .option{font-size:11px}.guide-award li{font-size:9px}.guide-tabs .reward-art{display:none}.header-title>.header-reward{display:none}}
@media(max-width:680px){.reward-links{grid-template-columns:minmax(0,1fr);gap:10px}.skill-focus-grid{grid-template-columns:minmax(0,1fr);gap:20px}.profile-skills{margin-top:16px}.path-heading-actions{gap:7px}.path-heading-actions>.btn{font-size:9px}.milestone-chip{font-size:9px;display:flex;align-items:center;justify-content:center;gap:6px}.milestone-chip>.ui-icon{width:15px;height:15px}}
.app-shell *,#modal-root *{font-family:var(--font-ui)}.app-shell h1,.app-shell h2,.app-shell h3,.app-shell h4,.app-shell .stat strong,.app-shell .score-ring b,.app-shell .result-stats b,.app-shell .result-reward>b,.app-shell .xp-vault b{font-family:var(--font-display)!important}.celebration-overlay{overflow:auto}.celebration-card{max-height:calc(100dvh - 40px);overflow:auto;scrollbar-width:none}.celebration-card::-webkit-scrollbar{display:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@supports not (backdrop-filter:blur(1px)){.app-shell .panel,.app-shell .sidebar.glass-sidebar,.mobile-dock,.celebration-card{background:#fbfcff}}


/* Four primary destinations; account tools and path remain within their parent flow. */
.simple-navigation .nav-groups{margin-top:32px}.simple-navigation .nav{gap:12px}.simple-navigation .nav>button{min-height:60px}
.simple-navigation .app-header{position:relative;z-index:40;overflow:visible}.simple-navigation .header-actions{overflow:visible}.simple-navigation .xp-balance,.simple-navigation .streak-balance{cursor:pointer;color:inherit;font-family:inherit}
.account-menu{position:relative}.account-menu>summary{display:flex;align-items:center;justify-content:center;list-style:none;cursor:pointer}.account-menu>summary::-webkit-details-marker{display:none}.account-menu>summary:focus-visible{outline:3px solid #7b92ff;outline-offset:3px}.account-popover{position:absolute;right:0;top:calc(100% + 12px);width:230px;max-width:calc(100vw - 36px);padding:9px;border:1px solid #e1e5ee;border-radius:18px;background:#fcfdff;box-shadow:0 18px 50px #27355126;z-index:60}.account-name{display:block;padding:10px 12px;border-bottom:1px solid #e9ecf2;margin-bottom:5px;font-size:12px;font-weight:750;overflow-wrap:anywhere}.account-popover button{display:flex;align-items:center;gap:10px;width:100%;padding:13px 12px;border:0;border-radius:10px;background:transparent;text-align:left;font-size:13px;font-weight:600;cursor:pointer}.account-popover button:hover{background:#eef1fc}.account-popover .ui-icon{width:18px;height:18px;color:#697ab4}
.simple-navigation .mobile-dock{grid-template-columns:repeat(4,minmax(0,1fr))}.secondary-back{display:inline-flex;align-items:center;gap:7px;margin:0 0 15px;padding:8px 0;border:0;background:transparent;color:#6777ac;font-size:12px;font-weight:650;cursor:pointer}.secondary-back .ui-icon{width:18px;height:18px}.ranking-tabs{display:flex;width:fit-content;gap:5px;margin-bottom:22px}.ranking-tabs button{display:flex;align-items:center;gap:8px;font-size:13px;padding:11px 18px}.ranking-tabs .ui-icon{width:18px;height:18px}.simple-navigation .home-grid{margin-top:24px;align-items:start}.simple-navigation .daily-card{min-height:225px;align-self:start}.simple-navigation .app-footer{margin-top:24px}
@media(max-width:1120px) and (min-width:681px){.simple-navigation .nav-groups{margin-top:25px}.simple-navigation .nav>button{min-height:52px}}
@media(max-width:680px){.simple-navigation .mobile-dock>button{min-height:49px}.simple-navigation .mobile-dock small{font-size:10px}.simple-navigation .mobile-dock .ui-icon{width:22px;height:22px}.simple-navigation .home-grid{margin-top:16px}.simple-navigation .daily-card{min-height:180px}.ranking-tabs{width:100%}.ranking-tabs button{flex:1;justify-content:center;padding:11px 12px;font-size:12px}.simple-navigation .header-title{font-size:13px}.simple-navigation .app-header{gap:10px}.account-popover{width:215px}.simple-navigation .app-footer{margin-bottom:8px}}

.simple-navigation .play-large{min-height:48px;min-width:180px;font-size:14px}.simple-navigation .streak-balance{display:inline-flex}
@media(max-width:680px){.simple-navigation .streak-balance{min-height:32px;padding:4px 6px;gap:4px}.simple-navigation .streak-balance .ui-icon{width:16px;height:16px}.simple-navigation .streak-balance b{font-size:11px}.simple-navigation .streak-balance>span{display:none}.simple-navigation .xp-balance b{font-size:11px}.simple-navigation .xp-balance>span{font-size:9px}.simple-navigation .xp-balance .reward-art{width:23px;height:23px}.simple-navigation .header-actions{gap:5px}.simple-navigation .play-large{min-height:46px;min-width:168px;font-size:13px}}

/* library-world.css */
.launch-card{grid-template-columns:minmax(0,1fr) 140px;min-height:158px;padding:15px 26px;gap:14px;margin-bottom:16px;border-radius:22px;background:linear-gradient(115deg,#183f57f5,#254f6ee8 65%,#386983b8);border-color:#a2d1df70;box-shadow:0 12px 36px #102d3930,inset 0 1px #c3ecf452}
.launch-kicker{font-size:8px;color:#b6d8df;letter-spacing:1.6px}
.app-shell .launch-card .launch-copy{min-width:0;width:100%;max-width:none;padding-right:0}
.launch-tags{margin:5px 0 5px;gap:6px}
.launch-tags>span{font-size:8px;padding:2px 6px}
.launch-card h1.launch-record{display:flex;align-items:baseline;flex-wrap:nowrap;gap:14px;margin:0 0 10px;min-width:0;line-height:1.25;letter-spacing:-.6px}
.launch-record>b{flex:none;font-size:29px;font-weight:750;white-space:nowrap}
.launch-card h1.launch-record>span{display:inline;min-width:0;max-width:none;margin:0;font-size:18px;font-weight:550;letter-spacing:-.4px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.launch-record>small{flex:none;padding:4px 8px;border:1px solid #bddfec48;border-radius:7px;font-size:11px;letter-spacing:0;color:#d2e8f0;font-weight:650;white-space:nowrap}
.app-shell .play-large{min-height:38px;min-width:145px;padding:8px 14px;font-size:11px}
.launch-art{height:120px;width:140px;min-height:0;position:relative;inset:auto}
.launch-art .hero-trophy{width:140px;height:140px;position:relative;inset:auto}
.launch-art .hero-xp{width:52px;height:52px;bottom:0;right:-2px}
.launch-art .art-orbit{width:125px;height:125px}.launch-art .orbit-two{width:165px;height:165px}
.app-shell .dashboard-stats{gap:12px;margin-bottom:16px}
body .app-shell.is-playing{grid-template-columns:minmax(0,1fr)}
.app-shell.is-playing .main{padding-top:12px}
.app-shell.is-playing .main{grid-column:1}
.app-shell.is-playing .topbar.app-header{margin-bottom:14px;min-height:52px}
.app-shell.is-playing .content{background:none}
.app-shell .question-panel{background:#fdfffff7}
.app-shell .mini-scoreboard{background:#f9fffff5}
.app-shell .mini-scoreboard,.app-shell .mini-scoreboard *{font-family:var(--font-ui)!important}
/* Library */
.library-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;padding:24px 26px;border:1px solid #ffffffba;border-radius:22px;background:linear-gradient(130deg,#fafffff5,#e9f5faf0);box-shadow:var(--shadow);backdrop-filter:blur(20px)}
.library-hero h1{margin:4px 0 6px;font-size:29px;letter-spacing:-1px;line-height:1.2}
.library-hero p{margin:0;color:#657f8e;font-size:12px}
.library-total{display:flex;align-items:center;gap:12px;flex:none;padding:12px 16px;border:1px solid #d0e1e7;border-radius:15px;background:#ffffffc4}
.library-total .ui-icon{width:25px;height:25px;color:#4d7e85}.library-total strong{display:block;font-size:23px;line-height:1.15}.library-total small{font-size:10px;color:#7b9099}
.app-shell .language-folder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}
.app-shell .language-folder{display:flex;align-items:center;gap:14px;min-width:0;min-height:124px;padding:22px;border:1px solid #ffffffd9;border-radius:21px;background:linear-gradient(135deg,#fffffff5,#f4fcffeb);box-shadow:var(--shadow);text-align:left;backdrop-filter:blur(18px)}
.app-shell .language-folder:hover{border-color:#8bc1c5;transform:translateY(-3px);box-shadow:0 15px 30px #0e3b4540}
.app-shell .language-folder .folder-icon{width:52px;height:58px;flex:none;position:relative;display:grid;place-items:center;border:1px solid #c2dadf;border-radius:15px;background:linear-gradient(145deg,#e2eff5,#f8ffff);color:#48717f}
.folder-icon b{position:absolute;bottom:6px;right:6px;font-size:8px;letter-spacing:.6px;background:#fff;padding:1px 3px;border-radius:3px}.folder-icon>.ui-icon{width:26px;height:26px}
.folder-copy{min-width:0}.folder-copy strong{font-size:17px}.folder-copy small{display:block;font-size:11px;color:#6d8393;margin-top:5px}.folder-copy em{display:block;font-size:9px;font-style:normal;color:#73928e;margin-top:5px}
.folder-arrow{margin-left:auto;color:#638998;font-size:18px}
.library-utility{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#f9ffffeb;border:1px solid #fff;border-radius:14px;backdrop-filter:blur(12px)}
.library-utility p{margin:0;color:#6b848c;font-size:11px}.library-utility button{white-space:nowrap}
.library-language-bar{display:flex;align-items:center;gap:6px;padding:8px;margin:0 0 16px;max-width:100%;overflow-x:auto;background:#f9ffffed;border:1px solid #fff;border-radius:14px;backdrop-filter:blur(15px)}
.library-language-bar button{display:inline-flex;align-items:center;gap:6px;flex:none;min-height:33px;padding:7px 12px;border:1px solid transparent;border-radius:9px;background:transparent;color:#6a818b;font-size:11px;font-weight:650}
.library-language-bar button.active{color:#2f6966;background:#e3f2ef;border-color:#c7dfd8}.library-language-bar .ui-icon{width:14px;height:14px}
.library-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px 16px;border:1px solid #ffffffd9;background:#fafffff2;border-radius:17px;margin-bottom:14px;backdrop-filter:blur(16px)}
.library-search{display:flex;align-items:center;gap:9px;flex:1 1 280px;min-width:0;padding:10px 13px;border:1px solid #ccdfe5;border-radius:11px;background:#fff;max-width:480px}.library-search .ui-icon{width:17px;height:17px;color:#79959e}.library-search input{width:100%;min-width:0;padding:0;border:0;background:none;font-size:12px;outline:0;box-shadow:none}
.library-controls .filters{display:flex;gap:6px;flex-wrap:wrap}.library-controls .filter{margin:0;min-height:34px;padding:7px 12px;font-size:10px;background:#fff;border:1px solid #d9e5e8;border-radius:9px}.library-controls .filter.active{background:#2c6768;color:#fff;border-color:#2c6768}
.library-controls select{padding:8px 11px;border:1px solid #d3e2e5;border-radius:9px;background:#fff;font-size:11px;max-width:150px;color:#496773}
.library-count-row{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:8px 13px;margin-bottom:12px;border:1px solid #ffffff9c;border-radius:11px;background:#eff8f8ec;color:#587a82;font-size:10px}.library-count-row p{margin:0}
.app-shell .word-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.app-shell .word-card.library-word{display:flex;flex-direction:column;min-width:0;min-height:235px;height:auto;padding:22px;border:1px solid #ffffffe0;border-radius:20px;background:linear-gradient(140deg,#fffffff9,#f8fdfff0);box-shadow:var(--shadow)}
.library-word .word-card-top{display:flex;align-items:start;gap:10px;justify-content:space-between}.library-word .word-card-top strong{display:block;min-width:0;overflow-wrap:anywhere;font-size:23px;line-height:1.3;letter-spacing:-.6px}.library-word[lang="ar"] .word-card-top strong{font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;font-size:29px;line-height:1.55}
.word-language-label{flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;border:1px solid #d8e8eb;background:#eef6f8;color:#73929c;font-size:8px;font-weight:750}
.library-word .word-meta{font-size:10px;color:#78909a;min-height:15px;margin:9px 0}
.library-word .meaning{font-size:14px;line-height:1.65;color:#284e5d;margin:2px 0 10px;max-height:none}
.library-word .word-equivalent{font-weight:700;font-size:12px;color:#387974;margin-bottom:8px}
.library-word .word-example{margin:0 0 12px;padding-left:10px;border-left:2px solid #bcd8d6;font-size:11px;color:#718997;line-height:1.6}.word-example .example-english{display:block;margin-top:4px;font-style:normal;color:#4c6c76}
.library-word .word-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;padding-top:14px;margin-top:auto;border-top:1px solid #e1ebee}
.library-word .word-actions button{display:inline-flex;align-items:center;gap:5px;padding:8px 10px;border:1px solid #d9e8e9;border-radius:9px;background:#eef6f6;color:#466f78;font-size:10px;font-weight:700}.word-actions .ui-icon{width:14px;height:14px}
.library-word .word-actions button[aria-pressed="true"]{background:#def1e9;color:#2b7165;border-color:#b6dcd2}
.word-pagination{background:#fafffff0;border-radius:14px;padding:12px;gap:20px;display:flex;justify-content:center;align-items:center;margin-top:18px;color:#6c8590;font-size:11px}.word-pagination:empty{display:none}
.dictionary-modal.library-detail{background:#fcffff;border:1px solid #fff;border-radius:24px;width:min(600px,calc(100vw - 30px));max-height:86dvh;padding:30px;overflow-y:auto}.library-detail .dictionary-heading{padding-right:20px}.library-detail h2{font-size:34px;overflow-wrap:anywhere;margin:9px 0}.library-detail h3{font-size:12px;margin:20px 0 9px;color:#4b7b82}.library-detail p{font-size:14px;line-height:1.7;color:#41606b}.library-detail .word-source{display:flex;gap:12px;flex-wrap:wrap;border-top:1px solid #e2eaed;padding-top:14px;margin-top:22px;font-size:10px}.library-detail .word-source a{color:#658799}.library-detail .dictionary-close{position:absolute;top:17px;right:17px}.library-detail .dictionary-close .ui-icon{width:18px;height:18px}
.library-detail .word-detail-facts{padding:13px 16px;border:1px solid #dce9eb;background:#eef6f7;border-radius:12px;font-size:12px;line-height:1.8;color:#587782}.library-detail .word-detail-facts b{color:#2e5961}
.word-empty{grid-column:1/-1;padding:45px 20px;border-radius:18px;background:#fafffff2;text-align:center;color:#68848c}.word-empty h3{color:#294e5b}.word-empty .ui-icon{width:34px;height:34px;margin-bottom:10px}
.library-word-source{color:#8fa3ab;font-size:9px}
@media(min-width:1600px){.app-shell .main{padding-left:50px;padding-right:50px}}
@media(max-width:1100px){.app-shell .word-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell .language-folder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.launch-record>b{font-size:26px}.launch-card h1.launch-record>span{font-size:16px}.launch-card h1.launch-record{gap:10px}.launch-card{grid-template-columns:minmax(0,1fr) 100px;padding:20px}.launch-art{width:100px}.launch-art .hero-trophy{width:115px;height:115px}.launch-art .hero-xp{width:44px;height:44px}}
@media(max-width:900px){body .shell.app-shell{grid-template-columns:86px minmax(0,1fr)}.app-shell .main{padding:14px 20px 24px}.launch-card{grid-template-columns:minmax(0,1fr);min-height:158px}.launch-art{display:none}.app-shell .sidebar .nav-count{display:block}.app-shell .sidebar .player-copy{display:block}.app-shell .sidebar .nav button{justify-content:flex-start}.app-shell .sidebar .brand{justify-content:flex-start}.launch-record>b{font-size:26px}.launch-card h1.launch-record>span{font-size:17px}.launch-record>small{font-size:10px}}
@media(max-width:680px){body .shell.app-shell{display:block}.app-shell .main{padding:10px 12px 96px}.app-shell .topbar.app-header{min-height:51px;padding:7px 9px;gap:6px;margin-bottom:12px;border-radius:15px}.header-leading{gap:7px}.header-title{gap:6px;font-size:10px}.header-title>.ui-icon,.header-language{display:none}.header-actions{gap:5px}.streak-balance{display:none}.xp-balance{min-height:32px;padding:2px 7px 2px 3px}.header-avatar{width:31px;height:31px;font-size:9px}.app-shell .sidebar.glass-sidebar{display:none;left:10px;top:10px;height:calc(100dvh - 94px);max-height:700px;width:238px}.app-shell .sidebar .nav button,.app-shell .sidebar .sidebar-player{width:220px}.app-shell .sidebar :is(.brand-name,.nav-text,.nav-count,.nav-active-dot,.player-copy){opacity:1}.app-shell .mobile-dock{background:#fafffff2;border-color:#ffffffd9;backdrop-filter:blur(24px);box-shadow:0 -5px 25px #0a2f3e30}.launch-card{min-height:148px;padding:17px 16px;border-radius:19px;gap:0}.launch-kicker{font-size:7px}.launch-tags{margin-top:7px;margin-bottom:9px}.launch-tags>span{font-size:7px}.launch-card h1.launch-record{gap:8px;margin-bottom:14px;align-items:center}.launch-record>b{font-size:22px;letter-spacing:-.6px}.launch-card h1.launch-record>span{font-size:12px;letter-spacing:-.2px;line-height:1.3}.launch-record>small{font-size:9px;padding:4px 6px;letter-spacing:-.1px}.app-shell .play-large{min-height:36px;min-width:144px;font-size:10px}.launch-art{display:none}.app-shell .dashboard-stats{gap:9px}.page-heading{padding:12px 15px}.page-heading>h1{font-size:22px}.app-shell .word-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.app-shell .word-card.library-word{padding:16px;min-height:235px;border-radius:17px}.library-word .word-card-top strong{font-size:20px}.library-word .meaning{font-size:12px;line-height:1.6}.library-word .word-meta{font-size:9px}.library-word .word-actions button{font-size:9px;padding:7px 8px}.word-language-label{width:24px;height:24px;font-size:7px}.library-word .word-example{font-size:10px}.library-hero{padding:18px;gap:10px;margin-bottom:12px}.library-hero h1{font-size:24px}.library-hero p{font-size:10px;max-width:240px}.library-total{padding:9px;gap:7px}.library-total strong{font-size:18px}.library-total>.ui-icon{display:none}.library-total small{font-size:8px}.app-shell .language-folder-grid{gap:10px}.app-shell .language-folder{min-height:112px;padding:15px;gap:10px;border-radius:17px}.app-shell .language-folder .folder-icon{width:38px;height:45px;border-radius:11px}.folder-icon>.ui-icon{width:23px;height:23px}.folder-copy strong{font-size:14px}.folder-copy small{font-size:10px}.folder-copy em{font-size:8px}.folder-arrow{display:none}.library-controls{padding:11px;gap:9px}.library-controls select{max-width:135px;font-size:10px}.library-search{flex-basis:100%;max-width:none}.library-language-bar{gap:3px;padding:6px}.library-language-bar button{padding:7px 10px;font-size:10px}.library-utility{align-items:start;padding:12px;gap:10px;flex-wrap:wrap}.library-count-row{font-size:9px;padding:8px}.app-shell.is-playing .main{padding:8px 10px 22px}.app-shell.is-playing .topbar.app-header{padding:6px 9px;min-height:49px;margin-bottom:10px}.app-shell.is-playing .header-leading{flex:1}.app-shell.is-playing .session-header{gap:8px}.app-shell.is-playing .header-actions{flex:none}.session-header .glass-back{padding:6px 8px}.session-header .session-clock{padding:5px 8px}.library-detail.dictionary-modal{padding:25px 20px}.library-detail h2{font-size:30px}}
@media(max-width:430px){.app-shell .word-grid{grid-template-columns:minmax(0,1fr)}.app-shell .word-card.library-word{min-height:224px;padding:22px}.library-word .word-card-top strong{font-size:24px}.library-word .meaning{font-size:14px}.library-word .word-example{font-size:12px}.library-word .word-meta{font-size:10px}.library-word .word-actions button{font-size:11px;padding:9px 12px}.library-total{display:none}.library-word .word-equivalent{font-size:13px}.app-shell .language-folder{gap:9px;padding:14px}.folder-copy strong{font-size:13px}.folder-copy small{font-size:9px}}
@media(max-width:360px){.launch-record>b{font-size:19px}.launch-card h1.launch-record>span{font-size:11px}.launch-record>small{font-size:8px;padding:4px}.launch-card h1.launch-record{gap:6px}.header-title{font-size:9px}.app-shell .language-folder .folder-icon{width:31px;height:39px}.folder-copy strong{font-size:12px}.app-shell .language-folder{padding:12px;gap:7px}.folder-copy em{font-size:7px}.folder-copy small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.app-shell .sidebar.glass-sidebar,.app-shell .sidebar .nav button,.app-shell .sidebar .sidebar-player{transition:none}}


/* Shared glass surface and navigation layout. No image background. */
:root{--font-ui:-apple-system,BlinkMacSystemFont,'Segoe UI',Inter,sans-serif;--font-display:var(--font-ui);--ink:#192a43;--muted:#64748b;--line:#dce5f0;--glass:linear-gradient(140deg,#ffffffcf,#ffffffa8);--shadow:0 12px 32px #405a7810,inset 0 1px #fff}
body{background:#eef2f8;color:var(--ink);font-family:var(--font-ui)}
body:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 9% 0%,#e0e9ff 0,transparent 48%),radial-gradient(ellipse at 94% 28%,#def3f1 0,transparent 45%),linear-gradient(155deg,#f6f8fc,#eaf0f8);animation:none}
body:after{content:none}
body .shell.app-shell{display:grid;grid-template-columns:232px minmax(0,1fr);gap:22px;width:100%;max-width:1680px;margin:0 auto;padding:18px;align-items:start}
.app-shell .main{grid-column:2;min-width:0;width:100%;padding:0 0 24px}
.app-shell .sidebar.glass-sidebar{display:flex;position:sticky;inset:18px auto auto;grid-column:1;width:232px;height:calc(100dvh - 36px);margin:0;padding:20px 13px 13px;border:1px solid #ffffffdb;border-radius:24px;background:#ffffffb8;box-shadow:var(--shadow);backdrop-filter:blur(24px) saturate(135%);overflow:auto;z-index:5;transition:none}
.app-shell .sidebar .brand{width:auto;gap:11px;padding:3px;margin:0 0 24px}
.app-shell .sidebar .brand-mark{width:43px;height:43px;flex:none}
.app-shell .sidebar .brand-name{display:block;font-size:20px;letter-spacing:-.6px}
.app-shell .sidebar :is(.brand-name,.nav-text,.nav-count,.nav-active-dot,.player-copy){opacity:1;pointer-events:auto;transition:none}
.app-shell .sidebar .nav-group{margin-bottom:10px}.app-shell .sidebar .nav-label{display:none}
.app-shell .sidebar .nav{gap:5px}.app-shell .sidebar .nav button{width:100%;height:46px;padding:0 12px;gap:12px;justify-content:flex-start;overflow:hidden;transition:background .16s,border-color .16s;color:#52647c}
.app-shell .sidebar .nav-icon{width:23px;flex:none}.app-shell .sidebar .nav-text{display:inline;font-size:12px;white-space:nowrap}
.app-shell .sidebar .nav button.active{color:#3455be;background:#e9efffd9;border-color:#d4def9}
.app-shell .sidebar .sidebar-player{width:100%;padding:9px;gap:10px;margin-top:auto;overflow:hidden}.app-shell .sidebar .player-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.app-shell .topbar.app-header{position:relative;min-height:62px;height:auto;padding:11px 16px;margin:0 0 18px;border:1px solid #ffffffdf;border-radius:21px;background:#ffffffbd;box-shadow:var(--shadow);backdrop-filter:blur(24px) saturate(135%)}
.header-leading{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.header-title{min-width:0;gap:10px}.header-title>span:first-of-type{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.header-actions{flex:none}.app-shell .content{max-width:none;min-width:0}
.app-shell :is(.panel,.stat,.library-hero,.language-folder,.library-controls,.library-utility,.book-intro,.book-section,.book-about-heading){background:var(--glass);border-color:#ffffffeb;box-shadow:var(--shadow);backdrop-filter:blur(20px) saturate(125%)}
.app-shell .question-panel,.app-shell .mini-scoreboard{background:#ffffffde}
.app-shell .launch-card{background:linear-gradient(120deg,#ffffffd9,#e8efffcc);border:1px solid #fff;box-shadow:var(--shadow);color:#1e3356;backdrop-filter:blur(24px)}
.launch-card .launch-kicker{color:#526d9c}.launch-card .launch-tags>span{color:#49618a;border-color:#d3ddf0;background:#ffffffa3}.launch-card .launch-record>small{color:#49618a;border-color:#cedbf1;background:#ffffff8a}.launch-card .live-dot{background:#5277dd;box-shadow:0 0 0 4px #5277dd14}
.app-shell .btn.primary{background:#486ae2;border-color:#486ae2;color:#fff;box-shadow:0 5px 14px #486ae222}
.app-shell .app-footer{margin-top:20px;padding:12px 16px;border:1px solid #ffffffad;border-radius:14px;background:#ffffff94;color:#61718b}
.app-shell .library-hero h1{color:#1f3251}.library-controls select{max-width:175px}
body .app-shell.is-playing{grid-template-columns:minmax(0,1fr);max-width:1200px}.app-shell.is-playing .main{grid-column:1;padding:0 0 24px}.app-shell.is-playing .sidebar.glass-sidebar{display:none}.app-shell.is-playing .topbar.app-header{min-height:54px;margin-bottom:14px}
@media(max-width:1120px) and (min-width:681px){body .shell.app-shell{grid-template-columns:76px minmax(0,1fr);gap:16px;padding:16px}.app-shell .sidebar.glass-sidebar{width:76px;padding:16px 8px;top:16px;height:calc(100dvh - 32px)}.app-shell .sidebar .brand{padding:0 6px}.app-shell .sidebar :is(.brand-name,.nav-text,.nav-count,.nav-active-dot,.player-copy,.sidebar-player>.ui-icon){display:none}.app-shell .sidebar .nav button{width:58px;justify-content:center;padding:0}.app-shell .sidebar .sidebar-player{width:58px;justify-content:center;padding:8px}.app-shell .sidebar .nav-icon{width:23px}body .app-shell.is-playing{grid-template-columns:minmax(0,1fr)}}
@media(max-width:680px){body .shell.app-shell{display:block;padding:10px;max-width:100%}.app-shell .sidebar.glass-sidebar{display:none!important}.app-shell .main{padding:0 0 94px}.app-shell .topbar.app-header{min-height:54px;padding:9px 11px;margin-bottom:13px;border-radius:17px}.header-title{font-size:13px;gap:7px}.header-title>.ui-icon{display:block;width:17px;height:17px}.header-language{display:none}.header-actions{gap:7px}.app-shell .mobile-dock{background:#ffffffe6;border-color:#ffffffd9;backdrop-filter:blur(24px);box-shadow:0 -4px 24px #374e7410}.app-shell.is-playing .main{padding:0 0 20px}.app-shell.is-playing .topbar.app-header{padding:8px;margin-bottom:10px}.library-controls select{max-width:100%;font-size:11px}.app-shell .app-footer{font-size:11px}}
@media(prefers-reduced-motion:reduce){.app-shell *{scroll-behavior:auto!important}}
@supports not (backdrop-filter:blur(1px)){.app-shell :is(.panel,.sidebar.glass-sidebar,.topbar.app-header,.library-hero,.book-section){background:#fbfcff}}

.library-record-summary{padding:10px 14px;margin:0 0 12px;border:1px solid #fff;border-radius:12px;background:#ffffff94;font-size:11px;color:#61718b}.library-record-summary summary{cursor:pointer;font-weight:650}.library-record-summary p{margin:8px 0 0;line-height:1.7}.location-change-note{font-size:11px;color:#64748b;line-height:1.6}

.learning-focus{grid-column:1/-1}.learning-focus>p{color:var(--muted);font-size:12px;margin:0}.focus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.focus-grid>div{display:grid;grid-template-columns:1fr auto;gap:7px;padding:15px;border:1px solid #dce6f1;border-radius:14px;background:#ffffff88}.focus-grid b{font-size:12px}.focus-grid strong{font-size:15px;color:#486ae2}.focus-grid small{grid-column:1/-1;font-size:10px;color:var(--muted)}@media(max-width:680px){.focus-grid{grid-template-columns:1fr}}

/* lesson-content.css */
/* Stable stimulus: photograph/diagram and its own question are a single unit. */
.app-shell .verified-question{display:block!important;min-height:520px;padding:26px!important}
.lesson-meta{display:flex;flex-wrap:wrap;gap:7px;font-size:11px;color:#60718c;margin:12px 0}
.lesson-meta>span{padding:4px 8px;border-radius:7px;background:#edf2fa;border:1px solid #e0e7f3}
.app-shell .verified-question h2{margin:13px 0 18px;font-size:25px}
.lesson-stimulus{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:center;margin-bottom:21px;min-width:0}
.lesson-stimulus.with-visual{grid-template-columns:minmax(130px,32%) minmax(0,1fr)}
.lesson-picture{border:1px solid #e1e7ee;border-radius:18px;overflow:hidden;background:#fff;aspect-ratio:339/426;width:100%;max-height:247px}
.lesson-picture>svg{display:block;width:100%;height:100%}
.lesson-picture.count-picture{aspect-ratio:300/210;max-height:none;border-color:#c9d8ec;background:#f5f9ff}
.lesson-copy{min-width:0}
.lesson-context{font-size:15px;line-height:1.65;color:#52627a;margin:0 0 15px;overflow-wrap:anywhere}
.lesson-prompt{font-size:21px;line-height:1.55;font-weight:650;color:#233650;overflow-wrap:anywhere}
.lesson-prompt .blank{padding:0 7px;color:#416baf;border-bottom:2px solid #96b0d7;white-space:nowrap}
.app-shell .verified-question .options{margin:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.app-shell .verified-question .options.sentence-options{grid-template-columns:minmax(0,1fr)}
.app-shell .verified-question .option{font-size:14px;color:#314760;min-height:53px}
.app-shell .verified-question .option:disabled{opacity:1;cursor:default}
.app-shell .verified-question .option.correct{color:#225c41;background:#eaf7ef;border-color:#7fb392}
.app-shell .verified-question .option.wrong{color:#8e3d4d;background:#fff0f2;border-color:#dda3af;animation:none!important}
.app-shell .verified-question .token-button,.app-shell .verified-question .token{font-size:14px;line-height:1.5;text-align:left}
.app-shell .verified-question .token-button:disabled{visibility:hidden;pointer-events:none}
.token-placeholder{font-size:13px;color:#73849c;align-self:center}
.lesson-feedback{margin-top:18px;min-height:0;border-radius:12px}
.lesson-feedback.show-correction{background:#f0f5fc;border:1px solid #d8e2f0;padding:14px}
.correction-heading{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px;font-size:12px;color:#465c7c}
.lesson-feedback p{font-size:13px;line-height:1.65;color:#455b76;margin:8px 0 12px}
.lesson-v3{animation:none!important}.app-shell.is-language-session .content{animation:none!important}
.lesson-heading-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.app-shell .verified-question .lesson-heading-row h2{margin:8px 0}
.lesson-next{display:inline-flex;align-items:center;gap:5px;flex:none;background:#eef3fa;color:#36577e;border:1px solid #dbe5f2;border-radius:9px;padding:8px 10px;font-size:11px;font-weight:650}
.lesson-next .ui-icon{width:13px;height:13px}
.app-shell .verified-question .token,.app-shell .verified-question .token-button,.app-shell .verified-question .lesson-next{animation:none!important;transition:none!important;transform:none!important}
.lesson-v3 .built-sentence,.lesson-v3 .token-bank{overflow-anchor:none;align-content:center}
.lesson-v3 .built-sentence{position:relative}
.lesson-v3 .token-bank button[aria-pressed="true"]{visibility:hidden;pointer-events:none}
@media(max-width:680px){.lesson-heading-row{gap:7px;margin-bottom:10px}.lesson-next{font-size:10px;padding:7px 9px}.app-shell .verified-question .lesson-heading-row h2{font-size:20px;margin:8px 0}}
@media(max-width:680px){
 .app-shell .verified-question{padding:18px!important;min-height:0;border-radius:21px}
 .lesson-meta{font-size:10px;margin:8px 0;gap:5px}.lesson-meta>span{padding:3px 6px}
 .app-shell .verified-question h2{font-size:21px;margin:10px 0 14px}
 .lesson-stimulus{gap:13px;margin-bottom:17px}.lesson-stimulus.with-visual{grid-template-columns:minmax(90px,33%) minmax(0,1fr)}
 .lesson-picture{border-radius:13px;max-height:175px}.lesson-context{font-size:13px;line-height:1.55;margin-bottom:10px}
 .lesson-prompt{font-size:17px;line-height:1.5}.with-visual .lesson-prompt{font-size:16px}
 .app-shell .verified-question .option{font-size:13px;min-height:48px;padding:10px;gap:8px}
 .app-shell .verified-question .token,.app-shell .verified-question .token-button{font-size:13px;padding:9px 10px}
 .lesson-feedback p{font-size:12px}.correction-heading{font-size:11px}
 .app-shell .mini-scoreboard{min-height:86px}.lesson-v3 .score-remaining{font-size:9px}
}
@media(max-width:360px){.lesson-stimulus.with-visual{grid-template-columns:92px minmax(0,1fr);gap:10px}.with-visual .lesson-prompt{font-size:14px}.app-shell .verified-question{padding:15px!important}.app-shell .verified-question .option{font-size:12px}.lesson-context{font-size:12px}}

/* books.css */
/* Local, lightweight book covers and responsive beginner reference pages. */
:root{--book-en:#407d7c;--book-es:#ae6546;--book-sk:#556eae;--book-fr:#8269a8;--book-ar:#9e7b30;--book-de:#59745c}
.library-hero h1,.book-intro h1,.book-about-heading h1{letter-spacing:-.045em}
.language-folder-grid .language-folder{padding:24px;min-height:176px;gap:22px;border:1px solid #ffffffdb;box-shadow:0 12px 35px #142d3a17;align-items:center}
.book-cover{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;flex:none;width:88px;height:116px;padding:13px 12px 12px 17px;border-radius:3px 9px 9px 3px;color:white;background:linear-gradient(110deg,#ffffff10,#ffffff05 12%,#ffffff30 13%,#0000 17%),linear-gradient(150deg,color-mix(in srgb,var(--book-accent,#407d7c),#fff 14%),var(--book-accent,#407d7c));box-shadow:inset 2px 0 2px #ffffff70,inset -1px 0 #ffffff55,5px 6px 0 -2px #ecede2,6px 7px 0 -2px #a5ada8,9px 12px 18px #173a3b25;overflow:hidden;text-align:left}
.book-cover:after{content:'';position:absolute;width:95px;height:95px;border:1px solid #ffffff35;border-radius:50%;right:-30px;bottom:-25px;z-index:-1;box-shadow:0 0 0 12px #ffffff0b,0 0 0 25px #ffffff08}
.book-cover>span{font-size:6px;letter-spacing:.2em;font-weight:700;color:#ffffffe0}.book-cover>b{font-size:12px;font-weight:700;overflow-wrap:anywhere;line-height:1.3}.book-cover>i{font-size:8px;font-style:normal;font-weight:600;letter-spacing:.2em}
.folder-copy{min-width:0}.folder-copy strong{font-size:20px!important;letter-spacing:-.03em}.folder-copy em{line-height:1.5}.language-folder .folder-arrow{margin-left:auto}.language-folder{--book-accent:var(--book-en)}
.book-intro{display:flex;align-items:center;gap:34px;padding:36px;margin:8px 0 28px;background:linear-gradient(130deg,#fffffff4,#f1fafae8);border:1px solid #fff;border-radius:26px;box-shadow:0 12px 35px #18364318}
.book-cover.large{width:128px;height:168px;padding:20px 18px 18px 25px}.book-cover.large>span{font-size:9px}.book-cover.large>b{font-size:18px}.book-cover.large>i{font-size:11px}
.book-intro h1,.book-about-heading h1{font-size:clamp(28px,3vw,42px);line-height:1.2;margin:9px 0 12px}.book-intro p{font-size:15px;color:#607d85;margin:0 0 16px}.book-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#688087;font-size:12px}.book-meta i{width:4px;height:4px;border-radius:50%;background:#a0b5b8}
.book-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:26px}.book-choice{display:flex;align-items:flex-start;text-align:left;gap:18px;padding:30px;border:1px solid #ffffffed;border-radius:24px;background:linear-gradient(135deg,#fffffff7,#f0f8f7ed);box-shadow:0 12px 35px #163f451a;color:#274c57;transition:transform .2s,box-shadow .2s}.book-choice:hover{transform:translateY(-3px);box-shadow:0 16px 35px #15394228}.book-choice:active{transform:scale(.985)}.book-choice>span:nth-child(2){min-width:0}.book-choice small{display:block;font-size:9px;letter-spacing:.12em;color:#718d94;font-weight:700;line-height:1.6}.book-choice strong{display:block;font-size:22px;letter-spacing:-.025em;margin:10px 0}.book-choice p{font-size:13px;line-height:1.7;color:#68828a;margin:0}.book-choice>i{align-self:center;margin-left:auto}.book-choice>i .ui-icon{width:18px;height:18px}.book-choice-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;flex:none;background:#e2eeeb;color:#4d7776}.book-choice-icon .ui-icon{width:23px;height:23px}
.book-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 24px}.book-tabs button,.book-jump a,.book-number-filters button{display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border:1px solid #c5d9de90;border-radius:12px;background:#f8fcfbdc;color:#57737c;font-size:12px;font-weight:650;text-decoration:none;line-height:1.4}.book-tabs button.active,.book-number-filters button.active{background:#315d69;color:#fff;border-color:#315d69}.book-tabs .ui-icon{width:16px;height:16px}.book-tabs button:first-child{padding:10px}.book-tabs button:first-child span{font-size:11px}
.book-about-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:10px 0 26px}.book-about-heading p{font-size:18px;margin:0;color:#4d717a}.book-about-heading p>span{font-size:13px;color:#7b9298}.book-greeting{display:flex;flex-direction:column;align-items:flex-end;gap:4px;background:#f6fbf9dd;border:1px solid #fff;padding:18px 24px;border-radius:18px;min-width:140px}.book-greeting strong{font-size:25px;color:#315f68}.book-greeting>span{font-size:12px;color:#6c858d}.book-greeting small{font-size:10px;color:#8b9da1}.book-jump{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.book-jump a{background:#f9fcf5e6;padding:8px 13px;font-size:11px}
.book-section{background:linear-gradient(135deg,#fffffffa,#f6faf9f2);border:1px solid #fff;border-radius:23px;box-shadow:0 10px 30px #183c4412;padding:28px;margin-bottom:22px;scroll-margin-top:18px;min-width:0}.book-section-heading{display:flex;align-items:center;gap:13px;margin-bottom:22px}.book-section h2{margin:0;font-size:19px;letter-spacing:-.025em;line-height:1.4;color:#2b515b}.book-section-heading p{font-size:12px;line-height:1.7;margin:6px 0 0;color:#71868b;max-width:850px}.book-section-icon{display:grid;place-items:center;background:#e8f1ec;color:#62817a;width:36px;height:36px;border-radius:11px;flex:none}.book-section-icon .ui-icon{width:18px;height:18px}.book-123{font-size:10px;font-weight:800}.book-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.book-story-number{font-size:11px;font-weight:700;color:#a3b6b4}.book-story-grid h3{font-size:15px;margin:9px 0 10px;color:#40636b}.book-story-grid p,.book-pronunciation p,.book-pronunciation li,.book-usage,.book-sources p{font-size:12px;line-height:1.85;color:#6a8188;margin:0}.book-pronunciation .book-section-heading{margin-bottom:12px}.book-pronunciation ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0;margin:20px 0 0;list-style:none}.book-pronunciation li{padding-left:12px;border-left:2px solid #c1d8d0}
.book-number-filters{display:flex;gap:7px;margin-bottom:18px;flex-wrap:wrap}.book-number-filters button{padding:7px 13px;font-size:11px}.book-number-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.book-number{display:flex;align-items:flex-start;gap:12px;padding:16px 13px;min-width:0;background:#f0f6f3b0;border:1px solid #dfebe59c;border-radius:13px}.number-digit{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:8px;color:#568579;background:#e2ede6;font-size:12px;line-height:1.2}.book-number>div{min-width:0}.book-number strong{display:block;color:#345c66;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.book-entry-hint{display:block;color:#8a7c69;font-size:10px;line-height:1.6;overflow-wrap:anywhere}.book-number small{display:block;font-size:10px;color:#87999c;line-height:1.7;overflow-wrap:anywhere}.book-calendar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.book-calendar-grid.weekdays{grid-template-columns:repeat(4,minmax(0,1fr))}.book-entry{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:17px;background:#f0f6f3b0;border:1px solid #dfebe59c;border-radius:13px;min-width:0}.book-entry-english{font-size:10px;letter-spacing:.02em;color:#91a29f}.book-entry strong{font-size:16px;color:#345c66;line-height:1.5;overflow-wrap:anywhere}.book-entry [lang=ar],.book-number [lang=ar]{font-size:21px;line-height:1.7}.book-usage{margin-top:20px;padding:15px;border-left:2px solid #b9d2c6;background:#edf5f033;border-radius:0 10px 10px 0}.book-sources{padding:10px 4px;color:#70878d;font-size:11px;margin-bottom:20px}.book-sources summary{cursor:pointer;font-weight:650}.book-sources p{margin:14px 0;max-width:800px}.book-sources a{display:flex;gap:9px;align-items:center;width:fit-content;max-width:100%;margin:10px 0;color:#547e80;text-decoration:underline}.book-sources .ui-icon{width:12px;height:12px;flex:none}.book-next{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:24px 0}.book-next>span{font-size:14px;font-weight:600;color:#365d65}
.book-choice:focus-visible,.language-folder:focus-visible,.book-tabs button:focus-visible,.book-jump a:focus-visible,.book-number-filters button:focus-visible{outline:3px solid #709e9a;outline-offset:4px}
@media(min-width:1600px){.book-number-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.book-calendar-grid.weekdays{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media(max-width:1100px){.book-choices{gap:14px}.book-choice{padding:24px;gap:14px}.book-choice-icon{width:38px;height:38px}.book-choice strong{font-size:19px}.book-number-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.book-calendar-grid,.book-calendar-grid.weekdays{grid-template-columns:repeat(3,minmax(0,1fr))}.book-story-grid,.book-pronunciation ul{gap:20px}.language-folder-grid .language-folder{padding:20px;gap:20px}}
@media(max-width:720px){.book-intro{padding:24px;gap:24px;border-radius:21px}.book-cover.large{width:90px;height:122px;padding:14px 12px 13px 17px}.book-cover.large>span{font-size:6px}.book-cover.large>b{font-size:13px}.book-cover.large>i{font-size:8px}.book-intro h1{font-size:29px}.book-intro p{font-size:12px;line-height:1.7}.book-intro .eyebrow{font-size:8px}.book-meta{font-size:10px;gap:7px}.book-choices{grid-template-columns:1fr}.book-choice{align-items:center}.book-choice strong{margin:6px 0}.book-story-grid{grid-template-columns:1fr;gap:20px}.book-story-grid article{border-bottom:1px solid #d9e4e3;padding-bottom:18px}.book-story-grid article:last-child{border-bottom:0;padding-bottom:0}.book-pronunciation ul{grid-template-columns:1fr;gap:14px}.book-about-heading{align-items:flex-start;gap:12px}.book-greeting{min-width:100px;padding:15px}.book-greeting strong{font-size:22px}.book-section{padding:22px}.book-number-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.book-calendar-grid,.book-calendar-grid.weekdays{grid-template-columns:repeat(2,minmax(0,1fr))}.book-number{padding:13px 10px;gap:9px}.number-digit{width:23px;height:24px;font-size:10px}.book-number strong{font-size:13px}.book-tabs{gap:6px}.book-tabs button{padding:10px 12px;font-size:11px}.book-about-heading .eyebrow{font-size:8px}.book-about-heading h1{font-size:28px}.book-about-heading p{font-size:14px}.book-about-heading p span{font-size:11px}.book-next>span{font-size:12px}.book-next .btn{font-size:12px;padding:13px}}
@media(max-width:390px){.book-intro{padding:20px;gap:20px}.book-intro h1{font-size:25px}.book-cover.large{width:75px;height:105px}.book-cover.large>b{font-size:11px}.book-intro .book-meta i{display:none}.book-meta{display:block}.book-intro p{margin-bottom:10px}.book-section{padding:17px}.book-number{gap:7px;padding:12px 8px}.book-entry-hint{font-size:9px}.book-number strong{font-size:12px}.book-number [lang=ar]{font-size:18px}.book-greeting{min-width:83px;padding:12px}.book-greeting strong{font-size:19px}.book-choice{padding:22px 18px;gap:12px}.book-choice small{font-size:8px}.book-choice-icon{width:33px;height:36px}.book-tabs button:first-child span{display:none}.book-about-heading h1{font-size:25px}.language-folder-grid .language-folder{padding:19px}.folder-copy strong{font-size:19px!important}}
@media(max-width:720px){.book-number strong{font-size:14px}.book-entry-hint{font-size:11px}.book-number small{font-size:10px}.book-number .number-digit{font-size:11px}.book-entry [lang=ar],.book-number [lang=ar]{font-size:20px}}
.base-word-meaning{display:flex;flex-direction:column;gap:4px;border-left:2px solid #bfd6c9;padding:9px 12px;margin:12px 0;color:#71888a;font-size:12px;line-height:1.7}.base-word-meaning>b{color:#527879}.sense-reading{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:10px 0;color:#6f837f}.sense-reading>span{font-size:12px;color:#8d806f}.sense-reading>[lang=ar]{font-size:23px}.sense-credit{display:block;margin-top:10px;color:#8b9b9d;font-size:10px}.dictionary-sense p{overflow-wrap:anywhere}
.book-cover[data-cover=sk]>b{font-size:9.5px;white-space:nowrap;letter-spacing:-.03em}.book-cover.large[data-cover=sk]>b{font-size:15px}.book-about-heading{padding:24px;margin-bottom:20px;border:1px solid #fff;border-radius:23px;background:linear-gradient(135deg,#ffffffed,#f1f8f4ed);box-shadow:0 9px 25px #183b4212}.book-about-heading .eyebrow{color:#6b8b8f}.book-greeting{border-color:#d5e3dce0}
@media(max-width:720px){.book-about-heading{padding:20px}.book-cover.large[data-cover=sk]>b{font-size:10.5px}}
@media(max-width:390px){.book-about-heading{padding:17px}.book-cover.large[data-cover=sk]>b{font-size:8.5px}}
@media(prefers-reduced-motion:reduce){.book-choice{transition:none}.book-choice:hover{transform:none}}

/* cinematic.css */
/* Wordwise Afterlight — original environment films, tactile surfaces, four simple tabs. */
:root{color-scheme:dark;--font-ui:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-display:var(--font-ui);--ink:#f0f2f5;--muted:#aab6c5;--green:#d6b77c;--mint:#213835;--paper:#101820;--line:#ffffff17;--white:#17222d;--accent:#d6b77c;--red:#df8391;--shadow:0 16px 44px #0003,inset 0 1px #ffffff08}
body{background:radial-gradient(ellipse at 85% 0,#24454238,transparent 40%),radial-gradient(ellipse at 0 70%,#44334c23,transparent 45%),#0c131b;color:var(--ink);font-size:15px}
body:before{content:'';position:fixed;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent,#0a15201a);z-index:-1}
::selection{background:#c1a57455;color:#fff}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #eccd91;outline-offset:4px}
.app-shell h1,.app-shell h2,.app-shell h3,.app-shell h4{color:#f1f3f5}
body .shell.app-shell{grid-template-columns:220px minmax(0,1fr);padding:18px;gap:24px;max-width:1800px;margin:auto}
.app-shell .main{padding:0;min-width:0}.app-shell .sidebar.glass-sidebar{position:sticky;top:18px;width:auto;height:calc(100dvh - 36px);margin:0;padding:24px 13px 14px;border:1px solid #ffffff0c;border-radius:23px;background:linear-gradient(165deg,#1d2934d9,#101923f2);box-shadow:0 16px 44px #0002,inset 0 1px #ffffff09;backdrop-filter:blur(24px)}
.brand{gap:12px;padding:5px 10px 24px;color:#f1f2f3}.brand-mark{width:44px;height:44px;border-radius:14px;color:#f7e1b3;background:linear-gradient(145deg,#487172,#193a40);border:1px solid #8cb0aa70;box-shadow:inset 0 1px #d1e8d14d,0 8px 20px #0004}.brand-mark svg{width:28px;height:28px}.brand-name{font-size:22px;letter-spacing:-.8px}.brand-name>span{font-size:8px;letter-spacing:2.3px;color:#91a49f;margin-top:7px}
.simple-navigation .nav-groups{margin-top:25px}.simple-navigation .nav{gap:10px}.app-shell .sidebar .nav button{font-size:14px;font-weight:600;color:#a6b6c3;background:transparent;border:1px solid transparent;border-radius:13px;min-height:56px;padding:13px 15px;gap:13px}.app-shell .sidebar .nav button:hover{background:#ffffff06;color:#f3eee4}.app-shell .sidebar .nav button.active{background:linear-gradient(105deg,#46635f48,#334e5120);border-color:#aac5b02b;color:#e9d5af;box-shadow:inset 3px 0 #d6b77c}.nav-icon{color:inherit}.nav .nav-icon>.ui-icon{width:22px;height:22px}.nav-reward{width:28px;height:28px}
.sidebar-player{background:#ffffff05;border-color:#ffffff0e;border-radius:14px}.player-avatar,.header-avatar{background:linear-gradient(145deg,#435c69,#283a4b);border:1px solid #9daeb838;color:#eee2ca}.player-copy>b{font-size:12px;color:#e5e7eb}.player-copy>small{font-size:10px;color:#98a7b8}.sidebar-player>.ui-icon{color:#8597aa}
.app-shell .topbar.app-header{min-height:66px;margin:0 0 24px;padding:10px 20px;border:1px solid #ffffff0d;border-radius:18px;background:#17222dbf;box-shadow:0 10px 25px #0001,inset 0 1px #ffffff06;backdrop-filter:blur(24px)}
.header-title{font-size:15px;color:#edf0f3;gap:11px}.header-title>.ui-icon{color:#a3b8c3}.simple-navigation .header-actions{gap:9px}.simple-navigation .xp-balance,.simple-navigation .streak-balance{border:1px solid #ffffff10;background:#0d151f88;color:#eee7d8;box-shadow:inset 0 1px #ffffff04;min-height:37px;border-radius:12px;padding:6px 10px;gap:6px}.xp-balance .reward-art{width:27px;height:27px}.xp-balance b,.streak-balance b{font-size:13px;color:#f6f0df}.xp-balance>span,.streak-balance>span{font-size:10px;color:#a6b0bd}.streak-balance .ui-icon{color:#e2a575;width:18px;height:18px}.header-avatar{width:38px;height:38px;border-radius:12px;font-size:11px;font-weight:700}.account-popover{background:#1a2835;border-color:#435365;box-shadow:0 15px 50px #0009}.account-name{color:#ede5d6;border-color:#ffffff15}.account-popover button{color:#d5dee8}.account-popover button:hover{background:#ffffff08}.account-popover .ui-icon{color:#d4b784}
.app-shell .panel,.app-shell .card{background:linear-gradient(145deg,#1c2934f5,#14202afa);border:1px solid #ffffff12;box-shadow:var(--shadow);border-radius:21px;color:#e7ecf1}.app-shell .panel{padding:26px}.app-shell .panel-head{gap:14px}.panel-head h3{font-size:18px;letter-spacing:-.35px}.eyebrow{font-size:10px;letter-spacing:1.6px;color:#c3af88}.text-link,.secondary-back{color:#dbbf8c;font-size:12px;font-weight:650}.text-link .ui-icon{width:15px;height:15px}.text-link:hover,.secondary-back:hover{color:#f4dba8}.btn,.app-shell .btn{min-height:43px;border-radius:11px;font-size:13px;font-weight:650;padding:11px 16px;gap:9px}.btn.primary,.app-shell .btn.primary{background:linear-gradient(145deg,#e5cf9e,#c4a36b);border:1px solid #e8d5b0;color:#242c30;box-shadow:0 5px 16px #0003,inset 0 1px #fff5}.btn.primary:hover,.app-shell .btn.primary:hover{background:linear-gradient(145deg,#f1ddba,#d9b781);box-shadow:0 8px 22px #0004}.btn.light,.app-shell .btn.light{background:#ffffff08;color:#d5dee7;border-color:#ffffff1c;box-shadow:inset 0 1px #ffffff08}.app-shell .btn.light:hover{background:#ffffff10}.page-heading{padding:4px 0 19px;margin:0;min-width:0}.page-heading>h1{font-size:30px;letter-spacing:-1px}.secondary-back{margin-bottom:12px}.app-footer{color:#8392a4;font-size:11px;letter-spacing:.4px;border-top:1px solid #ffffff0a;padding-top:17px}
/* Continuous camera movement, rendered from lightweight local artwork. */
.scene-has-film{position:relative;isolation:isolate;overflow:hidden}
.scene-has-film:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#09121fe8 0%,#09121fa6 40%,#09121f1a 78%);z-index:1;pointer-events:none}
.scene-has-film>:not(.ambient-scene){position:relative;z-index:2}
.scene-has-film>.ambient-scene{position:absolute;inset:-2%;z-index:0;pointer-events:none;animation:ambient-breathe 18s ease-in-out infinite alternate;animation-play-state:paused;transform-origin:60% 50%;will-change:auto}
.ambient-scene img{width:100%;height:100%;object-fit:cover;display:block}
.scene-has-film.motion-running>.ambient-scene{animation-play-state:running;will-change:transform}
@keyframes ambient-breathe{from{transform:translate3d(-.4%,0,0) scale(1.01)}to{transform:translate3d(.4%,0,0) scale(1.065)}}
@media(prefers-reduced-motion:reduce){.scene-has-film>.ambient-scene{animation:none!important;transform:none;will-change:auto}}
.app-shell .launch-card{display:block;min-height:330px;padding:40px;border:1px solid #d8c39345;border-radius:23px;background:#13232c url('assets/world/city.jpg') center 55%/cover no-repeat;box-shadow:0 25px 65px #0003,inset 0 1px #fff1;color:#fff;margin-bottom:0}.launch-copy{max-width:75%;width:auto}.launch-kicker{font-size:10px;letter-spacing:2px;color:#e0cda6}.live-dot{background:#d5bc80;box-shadow:0 0 0 4px #e9cc831a}.launch-tags{margin:21px 0 15px;gap:8px}.launch-tags>span{background:#ffffff0c;border-color:#ffffff29;color:#e1e4e6;font-size:11px;padding:5px 10px;border-radius:6px}.app-shell .launch-card h1.launch-record{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 15px;margin:0 0 25px;max-width:670px}.launch-record>b{font-size:46px;line-height:1.1;color:#f8f2e6;letter-spacing:-1.8px}.app-shell .launch-card h1.launch-record>span{font-size:22px;line-height:1.3;font-weight:500;letter-spacing:-.6px;margin:0;color:#e8edf0}.launch-record>small{font-size:12px;letter-spacing:0;color:#e9d4a8;background:#142730aa;border:1px solid #dec59442;padding:5px 9px;border-radius:6px}.app-shell .btn.primary.play-large{min-width:170px;min-height:49px;font-size:14px;background:linear-gradient(145deg,#edd8b0,#c5a268);color:#1c2930;border-color:#e8d3a8;box-shadow:0 8px 24px #0004}.launch-art{display:none!important}
.simple-navigation .home-grid{grid-template-columns:minmax(0,1.6fr) minmax(240px,.8fr);margin-top:24px;gap:22px;align-items:start}.home-path{min-width:0}.home-path-toolbar{margin-bottom:23px}.path-previous{min-height:37px;border-color:#ffffff22;background:#ffffff05;color:#d8c59f;font-size:12px}.home-path .panel-head h3{font-size:21px;margin-top:5px}.home-path-bottom{font-size:11px;color:#b6bfcb;margin-top:15px}.home-path-bottom>b{font-size:10px;color:#9baab7}.simple-navigation .daily-card{min-height:280px;padding:27px!important;background:radial-gradient(ellipse at 100% 0,#87644130,transparent 65%),linear-gradient(145deg,#253331,#172629)!important;border-color:#ba9d6840!important;box-shadow:0 18px 45px #0003}.daily-symbol{width:54px;height:54px;background:linear-gradient(145deg,#dfc58d,#8a7149);color:#232e32;box-shadow:inset 0 1px #ffff9a,0 7px 16px #0003;border-radius:15px}.daily-card h3{font-size:20px;line-height:1.3;color:#f0e9dc;margin-top:12px}.daily-card .eyebrow{color:#bfad87}.daily-card>.btn{margin-top:15px;font-size:13px;min-height:44px}
/* Learning path: consistent material and clear status, rather than extra scenery. */
.phase-track>div{background:#ffffff03;border-color:#ffffff10;color:#99a9bb;padding:14px}.phase-track b{font-size:11px}.phase-track small{font-size:10px;color:#9daab9}.phase-track>div>span{border-color:#526575}.phase-track>div.active{background:#b99a5020;border-color:#c3a57560;color:#e5cb9b}.phase-track>div.active>span{background:#c3a57533;border-color:#c3a575}.phase-track>div.active>span>i{background:#d7bd85}.phase-track>div.done{background:#5e927820;color:#a2c7ad}.phase-chip{font-size:11px;background:#45615838;color:#b8d1b7;border-color:#8aab7c33}.phase-chip.practice{background:#294d6c66;color:#a6c6df;border-color:#607f9b}.phase-chip.medium{background:#5b456d55;color:#d1bbdc;border-color:#826d94}.phase-chip.hard{background:#6b4e3555;color:#e5c094;border-color:#97714a}.course-heading h2{font-size:27px}.course-heading p{font-size:13px;color:#b2becb;max-width:680px;line-height:1.65}.course-details{font-size:12px;color:#acb8c5;border-top-color:#ffffff12;flex-wrap:wrap}.course-details>b{font-size:12px;color:#d6bd91}.app-shell .mini-node{background:linear-gradient(150deg,#26343f,#1b2933);border-color:#ffffff14;color:#b5c0cb;min-height:160px;padding:18px;box-shadow:inset 0 1px #ffffff06}.mini-node>span{background:#ffffff08;border-color:#ffffff16;color:#d9c8a7;font-size:17px}.mini-node small{font-size:9px;color:#aeb9c4;letter-spacing:1px}.mini-node b.mini-topic{font-size:15px;color:#e0e5e9}.mini-node em{font-size:10px;color:#acb8c5}.app-shell .mini-node.current{border-color:#d1b578;background:linear-gradient(145deg,#48544a,#273938);box-shadow:inset 0 1px #bcae7b60,0 8px 18px #0002}.mini-node.current>span{background:#d6bb86;color:#263436}.mini-node.current em{color:#edd5a5}.app-shell .mini-node.done{background:linear-gradient(145deg,#2a443b,#1b312f);border-color:#93b8a02f}.mini-node.done b.mini-topic,.mini-node.done em{color:#b4d1bb}.app-shell .mini-node:disabled{background:#131d25;border-color:#ffffff08;color:#687787}.mini-node:disabled b.mini-topic,.mini-node:disabled small,.mini-node:disabled em{color:#6b7b8b}.main-level-list{margin-top:18px}.main-level-row{border-color:#ffffff12;background:#ffffff03}.main-level-row.selected{border-color:#bfaa7860;background:#8d77451c}.main-level-copy b{color:#e5e9ed;font-size:14px}.main-level-copy small{color:#adbac8;font-size:11px}.level-status{background:#ffffff08;color:#c1a571}.path-levels>summary,.stage-overview>summary{color:#e0e5eb;font-size:14px}.phase-map-stage{border-color:#ffffff10}.phase-map-stage>b{color:#dce4eb;font-size:13px}.phase-map-item{background:#ffffff06;border-color:#ffffff15;color:#b7c5d1;font-size:11px}.mode-card{background:linear-gradient(145deg,#25323d,#1a2630)!important;border-color:#ffffff14!important;min-height:100px}.mode-card strong{font-size:14px;color:#dde4e9}.mode-icon,.shortcut-symbol{background:#c7ab7220;color:#d9bf89;border:1px solid #d4be7e26}.practice-section .panel-head h3{font-size:20px}
/* Books: walnut shelf, linen covers, brass edges and properly sized reading text. */
.library-hero{background:#15202a url('assets/world/library.jpg') center 47%/cover no-repeat;border:1px solid #ccac7042;border-radius:21px;min-height:240px;padding:32px;align-items:center;margin-bottom:24px;box-shadow:0 18px 45px #0003}.library-hero h1{color:#f5ede0;font-size:35px;letter-spacing:-1px;margin:8px 0 10px}.library-hero p{color:#c6d0d9;font-size:14px;max-width:470px;line-height:1.6}.library-hero .eyebrow{color:#d3bd91}.library-total{background:#101b24ad;border:1px solid #e0c79733;padding:17px;border-radius:13px;backdrop-filter:blur(10px);color:#e6d4af}.library-total strong{font-size:27px;color:#ecdfc3}.library-total small{font-size:10px;color:#b9c4cd}.library-total .ui-icon{color:#cfb586}.app-shell .language-folder-grid{gap:20px}.app-shell .language-folder{display:flex;align-items:center;gap:23px;min-height:205px;padding:27px;background:radial-gradient(ellipse at 15% 10%,#ba936f13,transparent),linear-gradient(150deg,#253139,#17232c);border:1px solid #c8b08c2b;border-bottom:5px solid #574638;box-shadow:0 13px 20px #0003,inset 0 1px #e4cf9d12;overflow:visible;border-radius:18px}.app-shell .language-folder:hover{transform:translateY(-4px);border-color:#d4ba8780;box-shadow:0 20px 27px #0004}.book-cover{width:93px;height:133px;flex:none;position:relative;transform:perspective(600px) rotateY(-16deg) rotateZ(-3deg);border-radius:3px 8px 8px 3px;box-shadow:-5px 0 0 #0004 inset,4px 4px 0 #efe9d1,6px 5px 0 #7b6751,9px 9px 13px #0007;border:1px solid #d1b87f80;background:repeating-linear-gradient(0deg,#ffffff04 0 1px,transparent 1px 3px),linear-gradient(120deg,#224a47,#132f30);color:#e2c58b}.book-cover:before{content:'';position:absolute;inset:9px 9px 9px 15px;border:1px solid #d9bf7b55;pointer-events:none}.book-cover:after{content:'';position:absolute;inset:0 auto 0 6px;width:3px;background:linear-gradient(90deg,#0004,#fff2);border-right:1px solid #f7e6af22}.book-cover[data-cover=en]{background-color:#24473b}.book-cover[data-cover=es]{background:linear-gradient(120deg,#784839,#442c29)}.book-cover[data-cover=sk]{background:linear-gradient(120deg,#496b80,#253e55)}.book-cover[data-cover=fr]{background:linear-gradient(120deg,#665276,#362c46)}.book-cover[data-cover=ar]{background:linear-gradient(120deg,#7a6436,#443b20)}.book-cover[data-cover=de]{background:linear-gradient(120deg,#555760,#30333c)}.book-cover>span{font-size:7px;letter-spacing:1.6px;color:#e0c28e}.book-cover>b{font-size:15px;color:#e9d4aa;text-shadow:0 1px #0009}.book-cover>i{font-size:28px;color:#d8bd83;opacity:.8}.folder-copy>strong{font-size:19px;color:#f1ede5;letter-spacing:-.4px}.folder-copy>small{font-size:12px;color:#bec6ce;margin-top:8px}.folder-copy>em{font-size:11px;color:#9aaab8;margin-top:6px}.folder-arrow{color:#d9be89}.library-utility{padding:18px 2px;color:#a8b7c3;background:transparent;border-color:#ffffff0e;font-size:12px}.library-utility p{font-size:12px;color:#a8b7c3}.library-language-bar{background:#18232e;border:1px solid #ffffff0e;border-radius:12px;padding:7px}.library-language-bar button{font-size:12px;background:transparent;color:#a5b7c5}.library-language-bar button.active{background:#d0b27825;color:#efd8aa;box-shadow:none}.book-intro{background:#15202a url('assets/world/library.jpg') center/cover no-repeat;border-color:#c6ad7440;min-height:260px;border-radius:20px;padding:32px;isolation:isolate;position:relative}.book-intro:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0d1829cc,#0d182980);border-radius:inherit;z-index:-1}.book-intro h1{font-size:34px;color:#f4ead6}.book-intro p,.book-meta{color:#c3d0d6;font-size:13px}.book-cover.large{width:124px;height:174px}.book-cover.large>b{font-size:20px}.book-choice{background:linear-gradient(145deg,#22303a,#17242d);border-color:#ffffff16;color:#d4e0e5;box-shadow:0 12px 25px #0002}.book-choice small{font-size:10px;color:#bda57b}.book-choice strong{font-size:23px;color:#edece6}.book-choice p{font-size:13px;color:#afbdc9}.book-choice-icon,.book-section-icon{background:#d4b2771a;color:#ddc18e}.book-tabs button,.book-jump a,.book-number-filters button{background:#1a2935;border:1px solid #ffffff16;color:#b6c4d0;font-size:12px}.book-tabs button.active,.book-number-filters button.active{background:#67573566;border-color:#aa925b70;color:#e9d1a1}.book-about-heading{background:transparent;border-color:#ffffff14}.book-about-heading h1{color:#edf0ec}.book-about-heading p{color:#acbbc9}.book-greeting{background:#e0c38c14;border-color:#d7b88330}.book-greeting strong{color:#e8d0a6}.book-greeting span,.book-greeting small{color:#bfcccd}.book-section{background:linear-gradient(145deg,#1b2b35,#15222c);border:1px solid #ffffff13;border-radius:18px;box-shadow:0 12px 24px #0002}.book-section h2,.book-section h3{color:#f0ede5}.book-section p,.book-section li,.book-usage{font-size:14px;color:#b7c5cd;line-height:1.8}.book-story-grid>article{background:#ffffff03;border-color:#ffffff12}.book-story-number{color:#ddbe82}.book-section-heading h2{font-size:23px}.book-number,.book-entry{background:#263640;border-color:#ffffff12;color:#e6e9e6}.book-number strong,.book-entry strong{color:#f0ece2;font-size:18px}.book-number .number-digit{background:#d4b77f16;color:#dfc796;border-color:#c7b07435}.book-entry-english,.book-entry-hint{color:#b8c6ca}.book-sources{color:#b7c4ce;border-color:#ffffff15}.book-sources a{color:#ddc591}.book-next{color:#b8c5cb}
.library-controls{background:#172631;border:1px solid #ffffff16;border-radius:15px;padding:15px}.library-search{border:1px solid #61737c66;background:#0b1720;color:#aebdc7}.library-search input{color:#e5ecf2;font-size:14px;background:transparent}.library-search input::placeholder{color:#8597a5}.library-controls select{background:#233541;border-color:#ffffff1c;color:#d2dce4;font-size:12px;min-height:39px}.filter,.filters button{background:#ffffff04;color:#b8c6cf;border-color:#ffffff18;font-size:12px;padding:9px 12px}.filter.active,.filters .active{background:#a88b5438;color:#edcfa1;border-color:#ae925865}.library-record-summary{background:#ffffff03;border-color:#ffffff0d;color:#b6c5ce;font-size:12px}.library-record-summary p{color:#acbac6}.library-count-row{font-size:12px;color:#a7b6c3}.word-grid{gap:18px}.app-shell .word-card.library-word{min-height:270px;padding:23px;background:linear-gradient(145deg,#22323e,#172631);border-color:#ffffff12;box-shadow:0 12px 27px #0002}.word-card-top strong{color:#f1ede4;font-size:26px}.library-word .word-language-label{background:#cdb17d14;border-color:#d5bd7e2e;color:#dbc08d}.library-word .word-meta{font-size:12px;color:#9caebc;line-height:1.65}.library-word .meaning{font-size:16px;color:#c8d8df;line-height:1.6}.library-word .word-example{font-size:14px;color:#b5c5cf;line-height:1.65}.library-word .word-equivalent{font-size:16px;color:#dbc394}.word-actions{border-color:#ffffff13}.word-actions button{background:#ffffff06;color:#dfc38c;font-size:12px;padding:10px 12px;border-color:#ffffff11}.word-actions button[aria-pressed=true]{background:#62876b2b;color:#bdd3b6}.base-word-meaning{color:#bdcbd3;background:#ffffff04;border-color:#ffffff14}.word-empty{color:#b3c1cc}.word-pagination{font-size:13px;color:#b2c3cf}.library-detail.dictionary-modal{background:#182732;color:#dae4e9;border-color:#ffffff24}.library-detail h2{color:#f5efdf}.library-detail h3{color:#d6ba84}.library-detail p{color:#c6d2db}.library-detail .word-source{border-color:#ffffff17}.library-detail .word-source a{color:#d5be8d}
/* Rewards, rankings, guide and profile share the display-gallery finish. */
.app-shell .xp-vault{position:relative;isolation:isolate;overflow:hidden;min-height:210px;background:#15212a url('assets/world/gallery.jpg') center/cover no-repeat;border:1px solid #d7b57a45;padding:28px 32px}.xp-vault>div,.xp-vault>.vault-detail{position:relative;z-index:2}.xp-vault small{color:#d0bd99;font-size:11px;letter-spacing:2px}.xp-vault b{color:#f5e7c7;font-size:42px}.xp-vault b em{color:#c9b385;font-size:15px}.xp-vault .reward-art{width:83px;height:83px;filter:drop-shadow(0 7px 15px #0006)}.vault-detail{font-size:12px;color:#b9c4cd}.collection-group{position:relative;overflow:hidden}.collectibles{gap:17px}.collectible{padding:14px 10px 17px;border-radius:13px;border:1px solid #d7bd8620;background:radial-gradient(ellipse at 50% 25%,#b6986226,transparent 65%),linear-gradient(160deg,#27313b,#14222d);box-shadow:inset 0 1px #ffffff06,0 5px 14px #0003;position:relative}.collectible:after{content:'';display:block;height:5px;margin:15px 0 0;border:1px solid #e5c98a26;border-radius:4px;background:linear-gradient(90deg,#493a23,#ae8f55,#493a23);box-shadow:0 7px 12px #0008}.collectible .reward-art{height:180px;max-width:100%;filter:drop-shadow(0 15px 9px #0008)}.collectible>b{font-size:14px;color:#e7d2ac}.collectible>span{font-size:12px;color:#adbcc8}.segmented{background:#0e1923;border:1px solid #ffffff13;box-shadow:none}.segmented button{font-size:12px;color:#adbdc9}.segmented button.active{background:#be9e5a2e;color:#ecd4a3;box-shadow:inset 0 0 0 1px #d0b37638}.reward-history-list>div{border-color:#ffffff13}.reward-history-list b{color:#ece4d7;font-size:13px}.reward-history-list small{color:#a3b3c0;font-size:11px}.reward-history-list strong{color:#ccbb98;font-size:12px}.reward-rank-link{width:100%;margin-top:20px}.shortcut b{font-size:14px;color:#e2e8ed}.shortcut small{font-size:12px;color:#aabac7}.empty-collection>b{color:#ddd8ca;font-size:17px}.competition-empty{position:relative;isolation:isolate;overflow:hidden;min-height:430px!important;background:#14232c url('assets/world/gallery.jpg') center/cover no-repeat!important;border-color:#d1b88535!important}.competition-empty:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b1622ef,#0b1622ab 65%,#0b16224d)}.competition-empty h2{font-size:29px;color:#eee6d3}.competition-empty p{font-size:14px;color:#bbc8d1;max-width:420px}.competition-mark{background:#b49a6626;color:#d7bd88;border-color:#ddc38a35}.status-pill{background:#162a33c9;border-color:#acbfa334;color:#c1ccbc;font-size:11px}.personal-rating{background:#0d1a25b0;border-color:#ffffff17}.personal-rating>span{color:#aebeca;font-size:12px}.personal-rating strong{color:#ecddbd;font-size:40px}.ranking-tabs{margin-top:2px}.ranking-tabs button{font-size:14px}.league-display{filter:drop-shadow(0 10px 15px #0006)}
.guide-tabs{margin-bottom:23px}.guide-tabs button{font-size:12px}.guide-start{background:radial-gradient(ellipse at 100% 0,#88714d30,transparent 75%),#192832!important}.guide-start h2{font-size:28px}.guide-steps>div{background:#ffffff03;border-color:#ffffff13}.guide-steps b{font-size:16px;color:#e5e8e6}.guide-steps p{font-size:13px;color:#abbcc7}.guide-mark{background:#d2b58026;color:#dbc18c;border-color:#dfc88c33}.guide-steps>div>span{color:#e1c692}.guide-intro-rewards button{background:radial-gradient(ellipse at 50% 30%,#78634229,transparent),#192933!important;border-color:#ffffff17!important}.guide-intro-rewards b{font-size:16px;color:#ece6d8}.guide-intro-rewards span{font-size:12px;color:#b1c0ca}.guide-section-head h2{font-size:26px}.guide-section-head p{font-size:13px;color:#a8bac6}.rule-rows>div{border-color:#ffffff13}.rule-rows b{font-size:14px;color:#e2e6e5}.rule-rows small{font-size:12px;color:#abbcc8}.rule-rows strong{font-size:18px;color:#e4c78b}.guide-note{font-size:13px;color:#b4c5cd;background:#172831;border-color:#8b9f8c35}.guide-award{background:radial-gradient(ellipse at 50% 15%,#b28c4323,transparent 70%),#172731!important}.guide-award h2{font-size:22px;color:#e7d8b8}.guide-award li{font-size:13px;color:#bdcbd0}.guide-award p{font-size:13px;color:#b9c6ce}.medal-threshold{color:#dfc58f}.guide-rule h3{font-size:17px;color:#e3e7e7}.guide-rule p{font-size:14px;color:#b6c6cf;line-height:1.75}.guide-rule>.ui-icon{color:#d2b787}
.profile-card{background:radial-gradient(ellipse at 50% 0,#586e5f40,transparent),linear-gradient(160deg,#23323c,#17242f)!important}.profile-avatar{width:80px;height:80px;font-size:27px;background:linear-gradient(145deg,#537476,#1f424e);border-color:#aeb7955c;box-shadow:0 9px 23px #0005}.profile-card h2{font-size:28px;color:#ece5d5}.profile-numbers b{color:#ede3cd;font-size:24px}.profile-numbers span{color:#aab9c5;font-size:11px}.location-card{background:#ffffff04;border-color:#ffffff15;color:#d8e1e7}.location-card b{color:#e2e7e9;font-size:16px}.location-card small{color:#aebbc6;font-size:13px}.location-card .ui-icon{color:#d9be89}.location-change-note{color:#a9bac8;font-size:12px}.settings-row{font-size:13px;border-color:#ffffff13;color:#acbdca}.settings-row b{font-size:13px;color:#dce4ea}.settings-link{font-size:14px;color:#d9c399;border-color:#ffffff12}.focus-grid>div{background:#ffffff04;border-color:#ffffff14}.focus-grid b{color:#d9e2e6;font-size:13px}.focus-grid strong{color:#d9c395;font-size:20px}.focus-grid small{color:#acbdc8;font-size:11px}.skill-focus-grid>div>span{font-size:13px;color:#aebdca}.skill-focus-grid b{font-size:13px;color:#dcc08a}.skill-focus-bar{background:#0a1620}.skill-focus-bar>i{background:linear-gradient(90deg,#608c86,#d4b986)}
/* Lesson foreground deliberately uses warm paper for unambiguous learning colours. */
.app-shell.is-playing{background:none}.app-shell.is-playing .main{padding:0}.app-shell .verified-question{background:linear-gradient(140deg,#fcfbf7,#f3f2ed)!important;border:1px solid #d2cab9!important;box-shadow:0 24px 60px #0004!important;color:#233344;border-radius:21px!important}.app-shell .verified-question h2{color:#1d3040;font-size:25px}.verified-question .eyebrow{color:#68725d;font-size:11px;letter-spacing:1px}.lesson-meta>span{font-size:11px;color:#536477;border-color:#d9dfde;background:#e7ebe7}.app-shell .verified-question .option{background:#fffdfa;color:#273d4d;font-size:15px;border-color:#d9dedb;border-radius:12px;box-shadow:0 3px 0 #d0d6d133;min-height:56px;transition:background .16s,border-color .16s}.app-shell .verified-question .option:hover:not(:disabled){background:#f0f4f1;border-color:#769895;transform:none;box-shadow:0 3px 0 #94ada955}.choice-key{background:#e9eeeb;color:#5b6d67;border-color:#d4ddd9;font-size:12px}.lesson-context{color:#526174;font-size:16px}.lesson-prompt{color:#24394b;font-size:23px}.lesson-prompt .blank{color:#346b71;border-bottom-color:#8daea6}.lesson-picture{box-shadow:0 7px 18px #00000013;border-color:#d7dcd7}.lesson-heading-row .lesson-next{font-size:12px;background:#e9ede7;color:#566b68;border-color:#cbd6cb;min-height:35px}.app-shell .verified-question .option.correct{background:#e1f0e3;border-color:#79a187;color:#23523c;box-shadow:none}.app-shell .verified-question .option.wrong{background:#fff0ec;border-color:#d79f91;color:#843f38;box-shadow:none;animation:none!important}.verified-question .token-button,.verified-question .token{background:#fffefa!important;border:1px solid #c8d3cd!important;box-shadow:0 3px 0 #b6c3b65c!important;color:#2a424a!important;border-radius:10px;font-size:15px!important;padding:11px 15px!important;min-height:43px}.built-sentence{background:#e7ede6;border:1px dashed #a5b8a9;border-radius:14px}.token-placeholder{color:#6d7e72;font-size:14px}.token-bank{background:transparent}.lesson-feedback.show-correction{background:#e4eee9;border-color:#abc1b4}.lesson-feedback .correction-heading{color:#345445;font-size:13px}.lesson-feedback p{font-size:15px;color:#355247}.lesson-feedback .btn.light{color:#274d40;background:#fffdf5;border-color:#afc4b6}.app-shell .mini-scoreboard{background:linear-gradient(145deg,#25383e,#15242f);border:1px solid #c8b37e33;box-shadow:0 16px 35px #0003}.score-details>b{color:#e5d7b9;font-size:15px}.score-numbers b{font-size:17px}.score-numbers small{font-size:11px;color:#a9b9c7}.score-good{color:#adcfb1}.score-bad{color:#e0a59d}.score-ring{background:conic-gradient(#d9bf88 var(--progress),#30424a 0)}.score-ring>div{background:#1c2c34;color:#eee1c1}.score-ring b{font-size:31px;color:#eee1c1}.score-ring small{color:#99a9ae}.score-ring span{color:#a6b7bb;font-size:10px}.score-accuracy{color:#b0bec7;font-size:12px}.score-accuracy b{color:#e6d6b2}.score-remaining{font-size:12px;color:#afbec4}.session-header{gap:12px}.glass-back,.session-clock{background:#ffffff05;border-color:#ffffff1a;color:#d7d9d6;font-size:12px}.session-clock b{color:#e4cfa7;font-size:14px}.game-header-count{color:#c1ccd5;font-size:13px}.app-shell.is-language-session .question-enter{animation:none!important}
.app-shell .result-card{background:radial-gradient(ellipse at 50% 0,#c3994e26,transparent 70%),linear-gradient(145deg,#24343d,#14222e);border-color:#d7b77d3d}.result-card h1{color:#f0e6ce;font-size:34px}.result-caption{font-size:15px;color:#b3c4ce}.earned-tier{color:#dfbd7e;background:#b8954e1f;border-color:#c7a46445}.result-stats>div{background:#ffffff04;border-color:#ffffff16}.result-stats b{color:#eee0bf;font-size:26px}.result-stats span{font-size:12px;color:#a9bac7}.result-reward>b{color:#edd08e;font-size:32px}.result-reward>span{color:#b0c1cb;font-size:13px}.result-breakdown span{font-size:12px;color:#afbfca}.result-breakdown b{color:#e0c083}.result-auto{font-size:12px;color:#a6b6c4}.result-seal{background:#6c9b7d22;color:#bdd4b8}.celebration-overlay{background:#07111ee0;backdrop-filter:blur(12px)}.celebration-card{background:radial-gradient(ellipse at 50% 10%,#9e7a3830,transparent 70%),linear-gradient(145deg,#253743,#13222d);border-color:#c9ad744f;box-shadow:0 30px 100px #0009}.celebration-card h2{color:#f4ead4;font-size:34px}.celebration-card h2 span{color:#e9c985}.celebration-card>p{color:#bfccd3;font-size:13px}.celebration-card>small{color:#adbec6;font-size:12px}.celebration-next{background:#88a77b1c;color:#c3d7b7;border-color:#89aa7c37;font-size:12px}.celebration-close{color:#c0cbd4;background:#ffffff09}.milestone-chip{color:#e6d0a3;background:#ae8b4f26;border-color:#d4b8774a}
.setup-overlay,.modal-overlay{backdrop-filter:blur(10px);background:#07131bba}.setup-box{background:linear-gradient(145deg,#23313d,#172530);border-color:#b8a37444;box-shadow:0 20px 60px #0006;color:#dce5e9}.setup-box h1{color:#f0e5cd}.setup-box p,.setup-box label{color:#b4c3cd}.setup-box :is(input,select){background:#0f1d27;color:#e7e6df;border-color:#53646f;min-height:44px;font-size:14px}.dictionary-close{background:#ffffff0d;color:#b5c4cf}.toast{background:#273a40;color:#efe3c8;border-color:#c9ae7945;box-shadow:0 6px 20px #0005}
.app-shell .mobile-dock{background:#12212fed;border-color:#7a887f38;box-shadow:0 -8px 35px #0005;backdrop-filter:blur(25px)}.mobile-dock>button{background:transparent;color:#a7b7c8}.mobile-dock>button.active{background:linear-gradient(145deg,#7f704530,#6c826b22);color:#e4c992;box-shadow:inset 0 1px #e6cb8629}.mobile-dock .ui-icon{color:inherit}.simple-navigation .mobile-dock small{font-size:11px}
/* Subtle, non-flashing entrance only. Answer rows stay mounted and motion-free. */
@keyframes afterlight-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
.app-shell .content.view-enter{animation:afterlight-enter .32s ease-out both}.app-shell .reward-art{filter:drop-shadow(0 8px 12px #0004)}.app-shell .question-enter,.lesson-v3,.verified-question{animation:none!important}
@media(min-width:1600px){.app-shell .launch-card{min-height:370px}.launch-record>b{font-size:53px}.launch-record>span{font-size:25px!important}}
@media(max-width:1120px) and (min-width:681px){body .shell.app-shell{grid-template-columns:76px minmax(0,1fr);padding:16px;gap:18px}.app-shell .sidebar.glass-sidebar{position:sticky;width:76px;top:16px;left:auto;height:calc(100dvh - 32px);margin:0;padding:17px 8px}.app-shell .sidebar .brand{width:58px;padding:4px 4px 20px}.app-shell .sidebar :is(.brand-name,.nav-text,.player-copy){display:none}.app-shell .sidebar .nav button{width:58px;padding:13px;justify-content:center;min-height:54px}.app-shell .sidebar .sidebar-player{width:58px;padding:8px;justify-content:center}.sidebar-player>.ui-icon{display:none}.simple-navigation .home-grid{grid-template-columns:minmax(0,1fr) minmax(210px,.6fr);gap:16px}.app-shell .panel{padding:22px}.app-shell .launch-card{padding:31px;min-height:300px}.launch-copy{max-width:85%}.launch-record>b{font-size:38px}.app-shell .launch-card h1.launch-record>span{font-size:20px}.app-shell .language-folder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell .language-folder{padding:22px;gap:19px}.folder-copy>strong{font-size:17px}.app-shell .word-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collectible .reward-art{height:150px}}
@media(max-width:850px){.simple-navigation .home-grid{grid-template-columns:minmax(0,1fr)}.simple-navigation .daily-card{min-height:170px!important;grid-template-columns:54px minmax(0,1fr) auto;gap:18px}.daily-card>.btn{grid-column:auto;margin:0;justify-self:end}.daily-card h3{font-size:18px;margin-top:8px}.app-shell .mini-map{gap:9px}.app-shell .mini-node{padding:12px;min-height:145px}.mini-node b.mini-topic{font-size:13px}.course-details{gap:12px}.phase-track b{font-size:10px}}
@media(max-width:680px){body .shell.app-shell{display:block;padding:12px;gap:0}.app-shell .main{padding:0 0 94px}.app-shell .sidebar.glass-sidebar{display:none!important}.app-shell .topbar.app-header{min-height:58px;border-radius:15px;padding:9px 11px;margin-bottom:16px;gap:8px}.header-title{font-size:14px;gap:7px}.header-title>.ui-icon{width:18px;height:18px}.simple-navigation .header-actions{gap:5px}.header-avatar{width:32px;height:32px;font-size:10px;border-radius:10px}.simple-navigation .xp-balance,.simple-navigation .streak-balance{min-height:32px;padding:4px 6px;gap:3px;border-radius:10px}.simple-navigation .xp-balance b,.simple-navigation .streak-balance b{font-size:11px}.simple-navigation .xp-balance .reward-art{width:21px;height:21px}.simple-navigation .xp-balance>span{font-size:8px}.simple-navigation .streak-balance .ui-icon{width:15px;height:15px}.simple-navigation .streak-balance>span{display:none}.account-popover{width:218px;max-width:calc(100vw - 26px)}.app-shell .panel{padding:21px;border-radius:18px}.panel-head h3{font-size:17px}.eyebrow{font-size:9px}.app-shell .launch-card{min-height:285px;padding:25px 22px;border-radius:19px;background-position:60% center}.launch-copy{max-width:100%}.launch-kicker{font-size:9px;letter-spacing:1.5px}.launch-tags{margin:19px 0 13px}.launch-tags>span{font-size:10px;padding:4px 8px}.app-shell .launch-card h1.launch-record{gap:7px 10px;margin-bottom:23px;max-width:100%}.launch-record>b{font-size:33px;letter-spacing:-1px}.app-shell .launch-card h1.launch-record>span{font-size:17px;line-height:1.4;max-width:100%;color:#e7edef}.launch-record>small{font-size:10px;padding:4px 8px}.app-shell .btn.primary.play-large{font-size:14px;min-height:46px;min-width:164px}.scene-has-film:after{background:linear-gradient(90deg,#07121ad9,#07121a55),linear-gradient(0deg,#07121a44,transparent)}.simple-navigation .home-grid{margin-top:18px;gap:18px}.home-path-toolbar{margin-bottom:21px}.home-path-toolbar .text-link,.path-previous{font-size:11px}.home-path .panel-head h3{font-size:19px}.home-path .text-link{font-size:11px}.home-path-bottom{font-size:10px;align-items:start;gap:12px}.home-path-bottom>b{font-size:9px}.simple-navigation .daily-card{grid-template-columns:47px minmax(0,1fr);padding:22px!important;min-height:190px!important;gap:11px 15px}.daily-symbol{width:47px;height:47px}.daily-card h3{font-size:18px}.daily-card>.btn{grid-column:1/-1;justify-self:start;margin-top:7px;min-height:42px;font-size:13px}.simple-navigation .app-footer{font-size:10px}.page-heading>h1{font-size:26px}.page-heading{padding:3px 0 18px}.text-link,.secondary-back{font-size:12px}.app-shell .btn{font-size:12px;min-height:40px;padding:9px 12px}.path-heading-actions{gap:7px}.path-heading-actions>.btn{font-size:11px}.phase-chip{font-size:10px}.phase-track{gap:7px!important}.phase-track>div{padding:11px 9px;gap:5px}.phase-track b{font-size:10px;line-height:1.4}.phase-track small{font-size:9px}.course-heading{align-items:start;gap:12px}.course-heading h2{font-size:23px}.course-heading p{font-size:12px;line-height:1.65}.course-heading>.btn{min-width:85px}.course-details{font-size:10px;gap:9px}.course-details>b{font-size:10px}.app-shell .mini-map{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.app-shell .mini-node{padding:15px;min-height:143px}.mini-node b.mini-topic{font-size:16px}.mini-node small{font-size:9px}.mini-node em{font-size:11px}.main-level-row{gap:10px;padding:13px}.main-level-copy b{font-size:13px}.main-level-copy small{font-size:10px}.main-level-row .btn{min-width:60px;font-size:11px}.phase-map-item{font-size:10px}.mode-card strong{font-size:13px}.practice-section .panel-head h3{font-size:18px}.library-hero{min-height:240px;padding:25px 21px;gap:12px;background-position:57% center;display:block}.library-hero h1{font-size:31px;max-width:250px;line-height:1.15}.library-hero p{font-size:13px;max-width:245px}.library-total{display:inline-flex;padding:9px 12px;margin-top:12px;gap:9px}.library-total strong{font-size:21px}.library-total small{font-size:9px}.app-shell .language-folder-grid{grid-template-columns:minmax(0,1fr);gap:16px}.app-shell .language-folder{flex-direction:row;align-items:center;min-height:175px;padding:23px;gap:24px}.book-cover{width:82px;height:119px}.book-cover>b{font-size:14px}.folder-copy>strong{font-size:19px}.folder-copy>small{font-size:12px}.folder-copy>em{font-size:11px;line-height:1.6}.folder-arrow{display:none}.library-utility p{font-size:12px}.library-language-bar button{font-size:11px;padding:8px 10px}.book-intro{padding:25px;gap:20px;min-height:240px}.book-cover.large{width:92px;height:132px}.book-cover.large>b{font-size:16px}.book-intro h1{font-size:27px}.book-intro p,.book-meta{font-size:12px}.book-choice{padding:22px;gap:14px;min-height:180px}.book-choice small{font-size:9px}.book-choice strong{font-size:22px}.book-choice p{font-size:13px}.book-choice-icon{width:40px;height:40px}.book-about-heading h1{font-size:29px}.book-tabs button,.book-jump a,.book-number-filters button{font-size:11px;padding:9px 11px}.book-section{padding:22px 18px}.book-section-heading h2{font-size:22px}.book-section p,.book-section li{font-size:13px}.book-story-grid h3{font-size:18px}.book-number strong,.book-entry strong{font-size:17px}.book-entry-hint{font-size:11px}.library-controls{padding:12px;gap:10px}.library-search input{font-size:13px}.library-controls select{font-size:11px;min-height:39px}.filter,.filters button{font-size:11px;padding:8px 11px}.app-shell .word-grid{grid-template-columns:minmax(0,1fr);gap:14px}.app-shell .word-card.library-word{min-height:250px;padding:24px}.word-card-top strong{font-size:28px}.library-word .word-meta{font-size:12px}.library-word .meaning{font-size:16px}.library-word .word-example{font-size:14px}.word-actions button{font-size:12px;min-height:39px}.library-record-summary,.library-count-row{font-size:11px}.library-count-row{gap:10px;flex-wrap:wrap}.library-detail h2{font-size:33px}.library-detail p{font-size:15px}.app-shell .xp-vault{min-height:200px;padding:23px;background-position:62% center}.xp-vault b{font-size:36px}.xp-vault small{font-size:9px}.xp-vault .reward-art{width:68px;height:68px}.vault-detail{font-size:11px}.collectibles{gap:8px}.collectible{padding:10px 5px 14px;border-radius:10px}.collectible .reward-art{height:126px}.collectible>b{font-size:12px}.collectible>span{font-size:11px}.reward-history .panel-head{flex-wrap:wrap}.segmented button{font-size:11px}.reward-history-list b{font-size:12px}.reward-history-list small{font-size:10px}.reward-history-list strong{font-size:11px}.shortcut b{font-size:14px}.shortcut small{font-size:11px}.competition-empty{min-height:400px!important;padding:30px 20px!important}.competition-empty h2{font-size:27px}.competition-empty p{font-size:13px}.personal-rating strong{font-size:35px}.ranking-tabs button{font-size:13px;min-height:42px}.guide-tabs button{font-size:11px;padding:10px}.guide-start h2{font-size:25px}.guide-steps b{font-size:16px}.guide-steps p{font-size:13px}.guide-intro-rewards b{font-size:14px}.guide-intro-rewards span{font-size:11px}.guide-section-head h2{font-size:23px}.rule-rows b{font-size:13px}.rule-rows small{font-size:11px}.rule-rows strong{font-size:16px}.guide-note{font-size:12px}.guide-award h2{font-size:20px}.guide-award li,.guide-award p{font-size:12px}.guide-rule h3{font-size:17px}.guide-rule p{font-size:13px}.profile-card h2{font-size:26px}.profile-numbers b{font-size:23px}.settings-row,.settings-row b{font-size:12px}.settings-link{font-size:13px}.location-card b{font-size:16px}.location-card small{font-size:12px}.skill-focus-grid>div>span,.skill-focus-grid b{font-size:12px}.app-shell.is-playing .main{padding:0 0 20px}.app-shell.is-playing .topbar.app-header{min-height:55px;padding:8px 9px}.session-header{gap:8px}.glass-back{font-size:10px;padding:7px}.glass-back .ui-icon{width:15px;height:15px}.session-clock{padding:6px 8px}.session-clock b{font-size:11px}.session-clock .ui-icon{width:14px;height:14px}.game-header-count{font-size:11px}.app-shell .verified-question{padding:22px 18px!important;min-height:0}.app-shell .verified-question h2{font-size:22px}.verified-question .eyebrow{font-size:10px;letter-spacing:.7px}.lesson-meta{gap:5px}.lesson-meta>span{font-size:10px;padding:4px 7px}.lesson-stimulus.with-visual{grid-template-columns:minmax(88px,35%) minmax(0,1fr);gap:14px}.lesson-picture{border-radius:12px;max-height:220px}.lesson-context{font-size:13px;line-height:1.7}.lesson-prompt{font-size:18px;line-height:1.6}.app-shell .verified-question .option{min-height:53px;font-size:14px;padding:11px;gap:9px}.choice-key{width:24px;height:24px;font-size:11px}.lesson-heading-row .lesson-next{font-size:10px;min-height:33px}.verified-question .token-button,.verified-question .token{font-size:14px!important;padding:10px 12px!important;min-height:41px}.token-placeholder{font-size:12px}.lesson-feedback p{font-size:14px}.lesson-feedback .correction-heading{font-size:12px}.app-shell .mini-scoreboard{padding:17px;border-radius:15px}.score-details>b{font-size:13px}.score-numbers b{font-size:15px}.score-numbers small{font-size:10px}.score-accuracy,.score-remaining{font-size:11px}.score-ring b{font-size:25px}.result-card h1{font-size:28px}.result-caption{font-size:14px}.result-stats b{font-size:22px}.result-stats span{font-size:11px}.result-reward>b{font-size:30px}.result-reward>span{font-size:12px}.result-auto{font-size:11px}.result-breakdown span{font-size:11px}.celebration-card h2{font-size:29px}.celebration-card>p{font-size:12px}.celebration-next{font-size:11px}.celebration-card>small{font-size:11px}.simple-navigation .mobile-dock>button{min-height:49px}.mobile-dock{border-radius:20px!important;padding:6px!important;left:12px!important;right:12px!important;bottom:10px!important}.simple-navigation .mobile-dock small{font-size:10px}}
@media(max-width:360px){body .shell.app-shell{padding:10px}.header-title{font-size:12px;gap:5px}.header-title>.ui-icon{display:none}.simple-navigation .xp-balance,.simple-navigation .streak-balance{padding:4px}.header-avatar{width:29px;height:29px}.app-shell .launch-card{padding:23px 19px}.launch-record>b{font-size:30px}.app-shell .launch-card h1.launch-record>span{font-size:16px}.app-shell .panel{padding:18px}.app-shell .language-folder{gap:20px;padding:20px}.folder-copy>strong{font-size:18px}.book-cover{width:73px;height:110px}.book-cover>b{font-size:13px}.app-shell .verified-question{padding:20px 15px!important}.lesson-stimulus.with-visual{gap:12px}.lesson-prompt{font-size:17px}.session-header{gap:5px}.glass-back span{font-size:9px}.game-header-count{font-size:10px}.session-clock{padding:5px}.session-clock .ui-icon{display:none}.collectible .reward-art{height:109px}.guide-award{grid-template-columns:85px minmax(0,1fr)!important}.guide-award li{font-size:12px}.app-shell .xp-vault{padding:21px}.home-path .panel-head h3{font-size:18px}.home-path .text-link{font-size:10px}}
@media(prefers-reduced-motion:reduce){.app-shell *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@supports not (backdrop-filter:blur(1px)){.app-shell .sidebar.glass-sidebar,.app-shell .topbar.app-header,.app-shell .mobile-dock{background:#17232e}}

/* Resolve older light-skin selectors at the shared component boundary. */
.app-shell .brand .brand-mark{background:linear-gradient(145deg,#487172,#193a40);border-color:#8cb0aa70;color:#f7e1b3;box-shadow:inset 0 1px #d1e8d14d,0 8px 20px #0004}.app-shell .library-hero h1{color:#f5ede0}.app-shell .launch-card .launch-kicker{color:#e0cda6}.app-shell .launch-card .launch-tags>span{background:#102331b3;border-color:#d7c38c66;color:#e7dfcc}.app-shell .launch-record>small{background:#142730cc;border-color:#dec59466;color:#e9d4a8}.app-shell .home-path-toolbar .text-link,.app-shell .home-path .panel-head .text-link,.app-shell .panel-head .text-link{color:#d7bd87}.app-shell .profile-card .profile-avatar{background:linear-gradient(145deg,#537476,#1f424e);border-color:#aeb7955c;color:#f0e4c7}.app-shell .profile-numbers{border-color:#ffffff19}.app-shell .mini-node.done>span{background:#b2c6a62b;border-color:#b4cda94d;color:#bdd6b6}.app-shell .mini-node.current>span{background:#d6bb86;color:#263436}.app-shell .mini-node.current .mini-topic{color:#f3e8cd}.app-shell .mini-node.current em{color:#edd5a5}.app-shell .mini-node:not(:disabled) b.mini-topic{color:#e0e5e9}.app-shell .mini-node.done b.mini-topic{color:#b4d1bb}.app-shell .mini-scoreboard .score-ring>div{background:#1c2c34;color:#eee1c1}.app-shell .mini-scoreboard .score-ring b{color:#eee1c1}.app-shell .mini-scoreboard .score-ring{background:conic-gradient(#d9bf88 var(--progress),#30424a 0)}.app-shell .verified-question>.eyebrow{color:#68725d}.app-shell .game-header-count{color:#c1ccd5}
.collectible:after{width:85%;margin:15px auto 0!important;align-self:center}

.app-shell .text-link{color:#d7bd87}.app-shell .library-controls{background:#172631;border-color:#ffffff16;box-shadow:0 10px 25px #0002}.app-shell .library-controls .filters button{background:#ffffff04;border-color:#ffffff18;color:#b8c6cf}.app-shell .library-controls .filters button.active{background:#a88b5438;border-color:#ae925865;color:#edcfa1}.app-shell .library-count-row{background:transparent;border-color:#ffffff12;color:#a7b6c3}.app-shell .library-count-row>p,.app-shell .library-count-row>span{color:#a7b6c3}.app-shell .library-word .meaning{color:#c8d8df}.app-shell .library-word .word-example{color:#b5c5cf}.app-shell .library-language-bar{scrollbar-color:#63717b #15232c;scrollbar-width:thin}.app-shell .result-stats{border-color:#ffffff1c}

/* path-carousel.css */
/* Seven text cards: three small on either side of the selected mini level. */
.home-path-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.path-previous{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;min-height:37px;border:1px solid #ffffff22;border-radius:12px;background:#ffffff05;color:#d8c59f;font-size:12px;font-weight:650}
.home-path-toolbar button:disabled{opacity:.35;cursor:default}
.path-carousel{position:relative;isolation:isolate;margin:19px -8px 0;min-width:0;max-width:calc(100% + 16px)}
.path-explore-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 8px 8px;color:#b9c8ce;font-size:11px}
.path-explore-heading>span{display:flex;align-items:center;gap:7px}.path-explore-heading .ui-icon{width:15px;height:15px;color:#d4bd8c}.path-explore-heading>small{font-size:10px;color:#bca987}
.path-rail{position:relative;width:100%;min-width:0;height:210px;overflow:hidden;contain:layout paint;touch-action:pan-y pinch-zoom;user-select:none;cursor:grab;direction:ltr;outline-offset:-2px;border-radius:14px}
.path-rail.is-dragging{cursor:grabbing}.path-rail:focus-visible{outline:2px solid #e5c98f}
.path-slide{position:absolute;left:50%;top:12px;width:var(--card-width,240px);height:var(--card-height,150px);opacity:0;pointer-events:none;will-change:transform;backface-visibility:hidden}
.path-card{position:absolute;inset:0;border:1px solid #b9c6c143;border-radius:14px;overflow:hidden;background:#12232d;transform:scale(var(--frame-sx,1),var(--frame-sy,1));transform-origin:center;pointer-events:none;padding:0;box-shadow:0 9px 16px #0006;backface-visibility:hidden;isolation:isolate;transition:none!important;animation:none!important}
.path-slide.is-visible .path-card{pointer-events:auto}.path-card:focus-visible{outline:3px solid #f2dcaa;outline-offset:-4px}.path-slide.is-active .path-card{border-color:var(--world-accent);box-shadow:0 9px 20px #0007,0 0 0 1px #c6b07b55}




.path-cleared-mark{position:absolute;inset:8px 8px auto auto;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#132c30d9;color:#e3cf9e;border:1px solid #c3c5a655;pointer-events:none}.path-cleared-mark .ui-icon{width:14px;height:14px}
.path-slide:not(.is-active) .path-cleared-mark{display:none}
.path-number{position:absolute;top:var(--number-y,170px);left:50%;transform:translate(-50%,-50%);font-size:11px;line-height:18px;font-weight:700;color:#94a6af;pointer-events:none;font-variant-numeric:tabular-nums}
.path-slide.is-active .path-number{color:#ead3a2}.path-slide.is-cleared .path-number{color:#a4c5b2}.path-slide.is-locked .path-number{color:#768691}
.path-selected{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:4px 9px 17px;min-height:96px}
.path-selected>div{min-width:0}.path-selected-kicker{display:flex;align-items:center;gap:5px;font-size:9px;letter-spacing:1.5px;color:#d6c399}.path-selected-status{margin-left:8px;letter-spacing:0;font-size:10px;color:#9cb8ac}
.path-selected h4{font-size:18px;line-height:1.3;letter-spacing:-.3px;color:#f0e9d9;margin:6px 0;height:2.6em;max-width:100%;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.path-selected-target{font-size:10px;color:#a5b5be}.app-shell .path-selected .world-play{flex:none;min-width:84px;min-height:42px;font-size:12px;padding:9px 14px;border-radius:11px;gap:7px}.world-play .ui-icon{width:14px;height:14px}.world-play:disabled{opacity:.5;cursor:default}
.path-carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:12px 8px 0;border-top:1px solid #ffffff0e}
.path-arrow{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border:1px solid #ffffff20;border-radius:10px;background:#ffffff05;color:#ddc99e}.path-arrow:hover{background:#ffffff10}.path-arrow .ui-icon{width:15px;height:15px}
.path-dots{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0}.path-dots button{width:25px;height:28px;padding:0;display:grid;place-items:center;color:#8c9fa9;background:transparent;border:1px solid transparent;border-radius:7px;font-size:10px;font-weight:650}.path-dots button.done{color:#adc7b1}.path-dots button.selected{background:#b9a47327;border-color:#c0a46f65;color:#f0d9a7}.path-dots button:hover{background:#ffffff0a}.path-dots button:focus-visible,.path-arrow:focus-visible{outline:2px solid #ecd49c;outline-offset:2px}
.path-scroll-hint{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 9px 0;color:#7f939e;font-size:9px}.path-position{font-weight:600;color:#acb9bd;font-size:10px}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.app-shell .app-footer{background:transparent;border-color:#ffffff10;color:#8ea2ae}

@media(max-width:680px){.path-carousel{margin-top:14px}.path-explore-heading{font-size:10px}.path-card{border-radius:9px}.path-selected{padding:0 8px 13px;gap:10px;min-height:87px}.path-selected h4{font-size:16px;min-height:21px}.path-selected-kicker{font-size:8px;letter-spacing:1px}.path-selected-status{font-size:9px;margin-left:5px}.path-selected-target{font-size:9px}.app-shell .path-selected .world-play{min-width:68px;min-height:38px;font-size:11px;padding:8px 10px}.path-carousel-controls{gap:4px;padding:10px 4px 0}.path-arrow{width:27px;height:29px;flex-basis:27px;border-radius:8px}.path-dots{gap:1px;flex:1}.path-dots button{width:22px;height:27px;font-size:9px}.path-number{font-size:9px}.path-scroll-hint{font-size:8px}.path-position{font-size:9px}}
@media(max-width:360px){.path-dots button{width:18px;font-size:8px}.path-arrow{width:24px;flex-basis:24px}.path-selected-status{font-size:8px}.path-selected h4{font-size:14px}.path-explore-heading{font-size:9px}}
@media(prefers-reduced-motion:reduce){.path-slide{will-change:auto}}

/* lesson-progress.css */
/* Dedicated tracker; no circle or inherited light centre. */
.app-shell .lesson-v3 .mini-scoreboard.mini-tracker{display:block;width:100%;min-width:0;min-height:0;max-width:100%;position:static;align-self:start;padding:20px!important;margin:0;border:1px solid #a9c5c331;border-radius:19px;background:radial-gradient(ellipse at 0 0,#61999615,transparent 75%),linear-gradient(150deg,#20343e,#15232d);box-shadow:inset 0 1px #ffffff08,0 12px 25px #0002;text-align:left;color:#dde8eb;overflow:hidden;font-variant-numeric:tabular-nums}
.tracker-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:24px}.tracker-heading>span{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:650;color:#d9e3e5}.tracker-heading .ui-icon{width:16px;height:16px;color:#d9c08c}.tracker-heading>small{font-size:8px;letter-spacing:1.2px;color:#8fa9b2;white-space:nowrap}
.tracker-goal{display:flex;align-items:flex-end;justify-content:space-between;gap:8px}.tracker-goal>div{display:flex;align-items:baseline;gap:6px;line-height:1}.tracker-goal strong{font-size:47px;font-weight:750;letter-spacing:-2px;color:#f2e6c9}.tracker-goal>div>span{font-size:19px;color:#88a2ae}.tracker-goal-label{font-size:10px;color:#b6c7cb;max-width:55px;line-height:1.5;margin-bottom:4px}
.tracker-segments{display:flex;gap:4px;margin:18px 0 22px}.tracker-segments i{display:block;flex:1;min-width:0;height:5px;border-radius:3px;background:#40596388}.tracker-segments i.filled{background:#d8c18d;box-shadow:0 0 6px #d8c18d16}
.tracker-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tracker-stats>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 10px;border:1px solid #ffffff0d;border-radius:10px;background:#06172230}.tracker-stats span{display:flex;align-items:center;gap:4px;font-size:10px;color:#b7c8cf}.tracker-stats .ui-icon{width:13px;height:13px;flex:none}.tracker-stats b{font-size:18px;line-height:1;color:#e1ecea}.tracker-correct .ui-icon{color:#9bc7b0}.tracker-wrong .ui-icon{color:#e1a498}.tracker-wrong b{color:#e6b4a8}
.tracker-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:18px;padding-top:14px;border-top:1px solid #ffffff0c;font-size:10px;color:#9db2bc}.tracker-footer>span{display:flex;align-items:center;gap:7px}.tracker-footer b{font-size:12px;color:#d8e4e7}.tracker-footer>small{font-size:9px;color:#c5b995;text-align:right}
@media(max-width:900px) and (min-width:681px){.app-shell .lesson-v3 .mini-tracker{padding:16px!important}.tracker-heading>small{display:none}.tracker-heading{margin-bottom:18px}.tracker-stats{gap:6px}.tracker-stats>div{padding:9px 7px}.tracker-stats span{font-size:9px}.tracker-footer{flex-wrap:wrap}}
@media(max-width:680px){.app-shell .lesson-v3 .mini-scoreboard.mini-tracker{padding:13px 15px!important;border-radius:14px;display:grid;grid-template-columns:80px minmax(0,1fr);column-gap:14px;row-gap:8px}.tracker-heading{grid-column:1/-1;margin:0}.tracker-heading>span{font-size:11px}.tracker-heading>small{font-size:8px}.tracker-goal{grid-column:1;grid-row:2/4;display:block;align-self:center}.tracker-goal strong{font-size:34px;letter-spacing:-1px}.tracker-goal>div>span{font-size:14px}.tracker-goal-label{display:block;max-width:none;font-size:8px;margin-top:5px}.tracker-segments{grid-column:2;grid-row:3;margin:0;gap:3px}.tracker-segments i{height:4px}.tracker-stats{grid-column:2;grid-row:2;gap:8px}.tracker-stats>div{padding:8px}.tracker-stats span{font-size:9px}.tracker-stats b{font-size:16px}.tracker-footer{grid-column:1/-1;margin:0;padding-top:8px;font-size:9px}.tracker-footer b{font-size:10px}.tracker-footer>small{font-size:9px}}
@media(max-width:360px){.app-shell .lesson-v3 .mini-scoreboard.mini-tracker{grid-template-columns:66px minmax(0,1fr);padding:12px!important;column-gap:10px}.tracker-stats>div{padding:7px 5px}.tracker-stats span{font-size:8px;gap:2px}.tracker-stats .ui-icon{width:11px;height:11px}}

/* book-nights.css */
/* Representative night cities for each language, with dark reading-safe overlays. */
.app-shell .book-intro.night-book,.app-shell .language-folder.night-book{position:relative;isolation:isolate;overflow:hidden;background:#090e16!important;border:1px solid #9bacb33a;box-shadow:inset 0 1px #ffffff09,0 15px 35px #0003}
.night-book>.book-night-scene{position:absolute;inset:-2%;z-index:-2;pointer-events:none;animation:book-night-breathe 18s ease-in-out infinite alternate;animation-play-state:paused;transform-origin:68% 50%;will-change:transform}
.book-night-scene img{width:100%;height:100%;object-fit:cover;object-position:65% center;display:block}
.night-book.motion-running>.book-night-scene{animation-play-state:running}
.night-book:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#070c14ed 0%,#080e18dc 38%,#080e1848 72%,#080e1810),linear-gradient(0deg,#050a1488,transparent 65%);pointer-events:none}
.app-shell .book-intro.night-book{min-height:290px;padding:35px 42px;border-radius:23px;gap:35px}
.app-shell .book-intro.night-book h1{color:#fff3dc;font-size:38px;letter-spacing:-1px}.app-shell .book-intro.night-book p{color:#d2dce2}.night-book .eyebrow{color:#bba77d}.night-book .book-meta{color:#b9c6cd}.book-intro .book-night-scene img{object-fit:contain;object-position:right center}
@media(min-width:681px){.book-intro>.book-night-scene{left:45%;mask-image:linear-gradient(90deg,transparent,#000 35%)}}
.app-shell .language-folder.night-book{min-height:210px;border-color:#ffffff20}.night-book .folder-copy>strong{color:#f3e9d4}.night-book .folder-copy>small,.night-book .folder-copy>em{color:#c0cbd0}.night-book .folder-arrow{color:#decda7}.language-folder.night-book:after{background:linear-gradient(90deg,#070c14e8,#070c14c7 45%,#070c1452),linear-gradient(0deg,#050a1480,transparent)}
.book-city{display:flex;align-items:center;gap:5px;margin-top:13px;font-size:10px;color:#c9b990;letter-spacing:.2px}.book-city>.ui-icon{width:12px;height:12px}
@keyframes book-night-breathe{from{transform:translate3d(-.4%,0,0) scale(1.015)}to{transform:translate3d(.4%,0,0) scale(1.075)}}
@media(max-width:680px){.app-shell .book-intro.night-book{min-height:245px;padding:25px 21px;gap:20px;border-radius:18px}.app-shell .book-intro.night-book h1{font-size:29px}.night-book .book-meta{font-size:11px}.book-city{font-size:9px}.night-book:after{background:linear-gradient(90deg,#070c14ef,#070c14bd 70%,#070c1460),linear-gradient(0deg,#050a14b0,transparent)}.app-shell .language-folder.night-book{min-height:180px}.book-night-scene img{object-position:65% center}}
@media(prefers-reduced-motion:reduce){.night-book>.book-night-scene{animation:none!important;transform:none;will-change:auto}}

/* stage-settings.css */
.learning-stage-control{padding-bottom:23px;margin-bottom:24px;border-bottom:1px solid #ffffff13;min-width:0}
.learning-stage-control>label{display:block;font-size:15px;font-weight:700;color:#e9e2cf;margin-bottom:12px}.learning-stage-input{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center}
.learning-stage-input select{min-width:0;width:100%;background:#0f202c;color:#e5e5dc;border:1px solid #b4c3c32b;border-radius:11px;padding:11px 12px;min-height:42px;font-size:13px;outline-offset:3px}.learning-stage-input select:focus-visible{outline:2px solid #d1b57d}.learning-stage-input option{background:#152531;color:#e9e6da}.app-shell .learning-stage-input>.btn{min-height:42px;font-size:12px;padding:10px 16px}.learning-stage-input>.btn:disabled{opacity:.4;cursor:default}
.learning-stage-control>.stage-switch-target{color:#d9c18d;font-size:12px;margin:12px 0 6px;line-height:1.6}.learning-stage-control>small{font-size:11px;line-height:1.6;color:#9db1bb}
.main-level-row.is-locked{opacity:.58}.main-level-row.is-locked>.level-status{color:#899ca7;background:#ffffff04}.main-level-row .btn:disabled{cursor:default;color:#9aabb4;border-color:#ffffff15}.main-level-row .btn:disabled:hover{transform:none;background:#ffffff05}
.home-path-toolbar{flex-wrap:wrap}.home-path-toolbar .return-live-path{font-size:10px}.home-path-toolbar .text-link:disabled{cursor:default;opacity:.4}.home-path-toolbar .text-link:disabled .ui-icon{width:12px;height:12px}.path-selected-kicker{letter-spacing:.3px}.path-selected-number{white-space:nowrap}.path-number{font-size:10px}.path-dots button{font-size:9px}.tracker-heading>small{font-size:8px;letter-spacing:.2px;text-transform:none}
@media(max-width:680px){.learning-stage-control{padding-bottom:20px;margin-bottom:20px}.learning-stage-control>label{font-size:14px}.learning-stage-input select{font-size:12px;padding:10px;min-height:40px}.app-shell .learning-stage-input>.btn{min-height:40px;font-size:11px;padding:9px 12px}.learning-stage-control>.stage-switch-target{font-size:11px}.learning-stage-control>small{font-size:10px}.home-path-toolbar .return-live-path{order:3;flex-basis:100%;justify-content:center}.path-position{font-size:8px}.path-number{font-size:8px}.path-dots button{font-size:8px}.tracker-heading>small{font-size:7px}}
.stage-chooser{display:flex;align-items:center;gap:20px;min-width:0;margin:0 0 20px;padding:16px 18px;border:1px solid #c9bb9140;border-radius:18px;background:linear-gradient(115deg,#22383fe8,#16232ce8);box-shadow:inset 0 1px #ffffff09}
.stage-chooser-title{display:flex;align-items:center;gap:10px;flex:none;color:#dec799}.stage-chooser-title>.ui-icon{width:22px;height:22px}.stage-chooser-title span{display:grid;gap:5px}.stage-chooser-title b{font-size:13px;color:#eee3cb}.stage-chooser-title small{font-size:10px;color:#aabcc3}
.stage-choice-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;flex:1;min-width:0}.stage-choice-buttons button{display:grid;gap:4px;min-height:49px;padding:8px 10px;border:1px solid #c5c9b526;border-radius:11px;background:#ffffff04;color:#b6c7cc;text-align:left;transition:background .16s,border-color .16s}.stage-choice-buttons button>b{font-size:15px;line-height:1.2}.stage-choice-buttons button>span{font-size:9px;line-height:1.3}.stage-choice-buttons button:hover{background:#dcc48d12;border-color:#dbc28d80}.stage-choice-buttons button.selected{border-color:#d2b579;background:linear-gradient(135deg,#ddc99924,#c2a26815);color:#efdbac}.stage-choice-buttons button:focus-visible{outline:2px solid #f1d598;outline-offset:3px}
.stage-locked-list{display:flex;align-items:center;gap:8px;font-size:10px;line-height:1.4;color:#8399a3;flex:none}.stage-locked-list>.ui-icon{width:15px;height:15px}.stage-locked-list>span{display:grid;gap:4px}.stage-locked-list small{font-size:9px;color:#a6a894}.phase-map-stage.stage-is-locked{opacity:.55}
@media(max-width:1250px){.stage-chooser{flex-wrap:wrap;gap:13px}.stage-chooser-title{flex:1}.stage-choice-buttons{order:3;flex-basis:100%}.stage-locked-list{margin-left:auto}}
@media(max-width:680px){.stage-chooser{padding:13px 12px;border-radius:15px;gap:12px;margin-bottom:15px}.stage-chooser-title{gap:7px}.stage-chooser-title b{font-size:12px}.stage-chooser-title small{font-size:9px}.stage-chooser-title>.ui-icon{width:18px;height:18px}.stage-choice-buttons{gap:6px}.stage-choice-buttons button{padding:9px 7px;min-height:43px;text-align:center}.stage-choice-buttons button>span{display:none}.stage-choice-buttons button>b{font-size:14px}.stage-locked-list{font-size:8px;gap:5px}.stage-locked-list>.ui-icon{width:12px;height:12px}.stage-locked-list small{font-size:8px}}

/* stickers.css */
/* Mini cards are labels; collectible pictures are revealed only through earned pieces. */
.mini-card-label{position:absolute;left:50%;top:50%;width:var(--label-width,150px);transform:translate(-50%,-50%);display:grid;justify-items:center;gap:4px;color:#d6c7a5;pointer-events:none;text-align:center}
.mini-card-label>small{font-size:clamp(6px,calc(var(--label-width,150px)*.08),11px);font-weight:600;letter-spacing:.3px;line-height:1.2;color:#97afb6}.mini-card-label>b{font-size:clamp(10px,calc(var(--label-width,150px)*.18),43px);font-weight:750;line-height:1;letter-spacing:-.6px}
.path-card{background:radial-gradient(ellipse at 50% 0,#c2a36f16,transparent 70%),linear-gradient(145deg,#233c45,#142632);box-shadow:inset 0 1px #ffffff0a,0 9px 16px #0005}
.path-slide.is-active .path-card{background:radial-gradient(ellipse at 50% 0,#d2b57829,transparent 75%),linear-gradient(145deg,#28434b,#172b37)}.path-slide.is-active .mini-card-label>b{color:#f3dfb6}.path-slide.is-cleared .mini-card-label>b{color:#a9cdb8}.path-slide.is-locked .mini-card-label{opacity:.5}.path-number .ui-icon{width:11px;height:11px}.path-number:empty{display:none}
.sticker-summary{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:13px 0 0;margin-top:15px;border-top:1px solid #ffffff10;background:transparent;color:#d8e0df}.sticker-summary>span:nth-child(2){display:grid;gap:5px;min-width:0}.sticker-summary b{font-size:12px;font-weight:650}.sticker-summary small{font-size:10px;color:#9fb2ba}.sticker-summary-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border:1px solid #c9ac7345;border-radius:10px;color:#d5be89;background:#c0a36612}.sticker-summary-icon .ui-icon{width:19px;height:19px}.sticker-summary>.ui-icon{width:15px;height:15px;flex:none;margin-left:auto;color:#bfa77a}.sticker-summary-track{display:flex;gap:3px;margin-left:auto;width:75px;flex:none}.sticker-summary-track i{height:14px;flex:1;min-width:0;border-radius:2px;background:#46616b55}.sticker-summary-track i.earned{background:#d9c18d}
.sticker-mosaic{position:relative;display:grid;grid-template-columns:repeat(var(--piece-cols),minmax(0,1fr));grid-template-rows:repeat(var(--piece-rows),minmax(0,1fr));gap:2px;aspect-ratio:16/9;width:100%;padding:5px;border:1px solid #c3b58b38;border-radius:13px;background:#0a1923;overflow:hidden}
.sticker-tile{position:relative;min-width:0;min-height:0;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#233b47,#162c37);border-radius:3px}.sticker-tile>b{font-size:10px;letter-spacing:.4px;font-weight:600;color:#78949f}.sticker-tile.earned{box-shadow:inset 0 0 0 1px #e0cfa444}.sticker-crop{position:absolute;inset:0;background-repeat:no-repeat}
.full-sticker{position:relative;display:block;width:100%;overflow:hidden;border:6px solid #eee9d8;border-bottom-width:11px;border-radius:16px;background:#e8ddc2;box-shadow:0 10px 21px #0004,inset 0 0 0 1px #1a253d25}.full-sticker img{width:100%;height:auto;aspect-ratio:16/9;display:block;object-fit:contain}.full-sticker:after{content:'';position:absolute;bottom:-1px;right:-1px;width:22px;height:22px;background:linear-gradient(135deg,#0000 46%,#e2d7bd 48%,#fff8df 58%,#bcb49c);border-radius:0 0 5px 0}.sticker-seal{position:absolute;left:9px;bottom:7px;background:#101d26d9;border:1px solid #f0dcaa5c;border-radius:5px;padding:4px 7px;color:#f0dbaa;font-size:8px;font-weight:700;letter-spacing:.5px}
.sticker-earned{display:flex;align-items:center;gap:13px;text-align:left;width:100%;min-height:81px;padding:12px 14px;margin:17px 0;background:linear-gradient(115deg,#4d664725,#20313c);border:1px solid #c7b57d40;border-radius:13px;color:#e7dfc8}.sticker-earned-art{width:55px;height:58px;flex:none;display:grid;place-items:center}.sticker-fragment{display:block;position:relative;width:42px;aspect-ratio:32/45;border:2px solid #ece2c5;border-radius:6px;box-shadow:0 5px 9px #0004;background-repeat:no-repeat}.sticker-fragment>i{position:absolute;bottom:2px;right:2px;border-radius:3px;padding:1px 3px;background:#12212dcc;color:#f6e3bb;font-size:8px;font-style:normal}.sticker-earned>span:nth-child(2){display:grid;gap:6px;min-width:0}.sticker-earned b{font-size:13px;font-weight:700}.sticker-earned small{font-size:10px;line-height:1.5;color:#abbec6}.sticker-earned>.ui-icon{width:14px;height:14px;margin-left:auto;color:#cab27f;flex:none}.sticker-just-completed .sticker-earned-art{width:93px;height:62px}.sticker-earned-art .full-sticker{border-width:3px;border-bottom-width:5px;border-radius:8px}.sticker-earned-art .sticker-seal{display:none}.sticker-earned-art .full-sticker:after{width:10px;height:10px}
.celebration-card:has(.sticker-earned) .celebration-trophy{height:130px;margin:0}.celebration-card:has(.sticker-earned) .celebration-trophy>.reward-art{width:155px;height:155px}.celebration-card .sticker-earned{margin:14px 0;min-height:74px}.celebration-card:has(.sticker-earned) h2{font-size:29px}.result-card:has(.sticker-earned) .result-art{height:112px}.result-card:has(.sticker-earned) .result-art .reward-art{width:125px;height:125px}
.sticker-collection{margin-top:24px}.sticker-collection .panel-head{gap:12px;align-items:center}.sticker-collection .panel-head h3{margin:5px 0 0}.sticker-total{font-size:11px;color:#d2bc87;white-space:nowrap}.sticker-collection-hint{font-size:12px;color:#9fb3bd;line-height:1.6;margin:16px 0 20px}.sticker-collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.sticker-collection-card{display:block;min-width:0;text-align:left;padding:13px;border:1px solid #ffffff11;border-radius:16px;background:#091c252e;color:#e4e4d9}.sticker-collection-card:hover{background:#ffffff04;border-color:#d4ba7d42}.sticker-collection-card.is-complete{border-color:#c6b47c48;background:#bca36d0a}.sticker-card-caption{display:flex;align-items:center;gap:8px;justify-content:space-between;margin-top:12px}.sticker-card-caption>span{display:grid;gap:5px;min-width:0}.sticker-card-caption b{font-size:12px}.sticker-card-caption small{font-size:10px;line-height:1.5;color:#a1b8bf}.sticker-card-caption>.ui-icon{width:16px;height:16px;flex:none;color:#baa77a}
.sticker-dialog{width:min(520px,calc(100vw - 28px));max-height:calc(100dvh - 35px);padding:0;border:1px solid #b8c8c23b;border-radius:23px;background:#192d38;color:#e9e4d8;box-shadow:0 35px 100px #0009;overflow:auto}.sticker-dialog::backdrop{background:#040b12bf;backdrop-filter:blur(7px)}.sticker-dialog>section{position:relative;padding:30px}.sticker-dialog-close{position:absolute;right:15px;top:15px;display:grid;place-items:center;width:30px;height:30px;border:1px solid #ffffff20;border-radius:10px;background:#ffffff06;color:#b5c8ce}.sticker-dialog-close .ui-icon{width:16px;height:16px}.sticker-dialog h2{font-size:27px;letter-spacing:-.7px;margin:11px 0 23px}.sticker-dialog h3{font-size:20px;margin:22px 0 9px}.sticker-dialog p{font-size:13px;line-height:1.7;color:#b1c5cb;margin:0 0 23px}.sticker-dialog .sticker-mosaic{border-radius:15px;padding:7px}.sticker-dialog .sticker-tile>b{font-size:13px}.sticker-dialog .btn{font-size:12px;min-height:42px}.sticker-dialog button:focus-visible,.sticker-summary:focus-visible,.sticker-collection-card:focus-visible{outline:2px solid #e2ca92;outline-offset:3px}
@media(max-width:1000px){.sticker-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.sticker-summary{gap:9px;margin-top:12px;padding-top:12px}.sticker-summary b{font-size:11px}.sticker-summary small{font-size:9px}.sticker-summary-icon{width:31px;height:33px}.sticker-summary-track{width:49px;gap:2px}.sticker-summary-track i{height:12px}.sticker-summary>.ui-icon{width:12px;height:12px}.sticker-collection-grid{gap:12px;grid-template-columns:minmax(0,1fr)}.sticker-collection-card{padding:13px}.sticker-collection{margin-top:18px}.sticker-collection-hint{font-size:11px}.sticker-total{font-size:10px}.sticker-earned{gap:10px;padding:10px}.sticker-earned b{font-size:12px}.sticker-earned small{font-size:9px}.sticker-earned-art{width:45px}.sticker-just-completed .sticker-earned-art{width:77px}.sticker-earned .sticker-fragment{width:37px}.celebration-card:has(.sticker-earned){padding-top:23px;padding-bottom:23px}.celebration-card:has(.sticker-earned) h2{font-size:25px}.celebration-card:has(.sticker-earned) .celebration-trophy{height:95px}.celebration-card:has(.sticker-earned) .celebration-trophy>.reward-art{width:124px;height:124px}.celebration-card:has(.sticker-earned)>p{font-size:10px}.sticker-dialog>section{padding:25px 20px}.sticker-dialog h2{font-size:23px}.sticker-dialog h3{font-size:18px}.sticker-dialog p{font-size:12px}.mini-card-label>b{letter-spacing:0}}
@media(max-width:360px){.sticker-summary-track{display:none}.sticker-summary b{font-size:10px}.sticker-earned small{font-size:8px}}


/* home-progress.css */
/* Compact daily learning header and the live sticker panel. */
.app-shell .topbar.home-daily-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 24px;padding:16px 22px}
.home-word-eyebrow{grid-column:1;grid-row:1;display:flex;align-items:center;gap:7px;color:#c8b68f;font-size:9px;font-weight:700;letter-spacing:1.7px;line-height:1.5}
.home-word-eyebrow .ui-icon{width:13px;height:13px}
.home-daily-header .header-leading{grid-column:1;grid-row:2;min-width:0}
.home-daily-header .header-actions{grid-column:2;grid-row:1/3;align-self:center}
.daily-word-name{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;line-height:1.3}
.daily-word-name strong{color:#f0e6d0;font-size:23px;font-weight:700;letter-spacing:-.4px}
.daily-word-name span{font-size:10px;color:#9db1bd}
.daily-word p{font-size:12px;line-height:1.6;color:#bdcbd2;margin:4px 0 0;max-width:650px;overflow-wrap:anywhere}
.home-side-column{display:grid;gap:22px;min-width:0;align-content:start}
.home-side-column>.daily-card{width:100%}
.app-shell .home-sticker{padding:23px;min-width:0;background:radial-gradient(ellipse at 100% 0,#b49a6120,transparent 70%),linear-gradient(145deg,#20313a,#152530);border-color:#c7ad7830}
.home-sticker-heading{display:flex;align-items:center;gap:11px;margin-bottom:18px}
.home-sticker-symbol{display:grid;place-items:center;width:38px;height:41px;flex:none;border:1px solid #c4ae753e;border-radius:12px;background:#c6ae7010;color:#dbc38e}
.home-sticker-symbol .ui-icon{width:22px;height:22px}
.home-sticker-heading .eyebrow{font-size:8px;letter-spacing:1.3px;color:#aeb8a7}
.home-sticker-heading h3{margin:5px 0 0;font-size:17px;line-height:1.35;color:#eee4cf;letter-spacing:-.3px}
.home-sticker-count{margin-left:auto;white-space:nowrap;font-size:25px;font-weight:700;color:#e8d2a3;font-variant-numeric:tabular-nums}
.home-sticker-count small{font-size:13px;color:#9bb0b9;font-weight:500}
.home-sticker-preview{display:block;width:100%;padding:0;background:transparent;border:0;border-radius:13px;text-align:left}
.home-sticker-preview:hover .sticker-mosaic{border-color:#e1ca8b75}
.home-sticker-preview:focus-visible{outline:2px solid #e3ca8d;outline-offset:4px}
.home-sticker-caption{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:15px;font-size:10px;line-height:1.5;color:#a9bec5}
.home-sticker-caption .text-link{font-size:10px;gap:5px}
.home-sticker-caption .ui-icon{width:13px;height:13px}
.path-arrow:disabled{opacity:.28;cursor:default;background:transparent;box-shadow:none}
.path-arrow:disabled:hover{background:transparent}
@media(max-width:1000px){.home-side-column{gap:18px}.app-shell .home-sticker{padding:20px}}
@media(max-width:680px){
 .app-shell .topbar.home-daily-header{gap:10px 9px;padding:12px 15px}
 .home-word-eyebrow{font-size:8px;letter-spacing:1.2px;gap:5px}
 .home-word-eyebrow .ui-icon{width:12px;height:12px}
 .home-daily-header .header-actions{grid-column:2;grid-row:1}
 .home-daily-header .header-leading{grid-column:1/-1;grid-row:2}
 .daily-word-name strong{font-size:22px}
 .daily-word p{font-size:12px;margin-top:4px}
 .home-side-column{gap:18px}.app-shell .home-sticker{padding:21px}
}
@media(max-width:360px){.app-shell .topbar.home-daily-header{padding:11px;column-gap:5px}.home-word-eyebrow{font-size:7px;letter-spacing:.7px}.home-word-eyebrow .ui-icon{display:none}.home-sticker-heading .eyebrow{font-size:7px}.home-sticker-heading h3{font-size:16px}}

/* Compact navigation in the header; stages sit directly under Play now. */
.app-shell .topbar.app-header.has-track-switch{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:3px 18px;padding:13px 20px}
.has-track-switch .header-leading{min-width:0}
.has-track-switch .header-actions{grid-column:3;grid-row:1/3;gap:6px}
.app-shell .header-learning-tracks{grid-column:2;grid-row:1/3;align-self:center;display:flex;gap:4px;margin:0;padding:3px;background:#0b18255c;border:1px solid #b0c5c51a;border-radius:11px}
.app-shell .header-learning-tracks>button{min-height:35px;gap:6px;padding:7px 10px;border-radius:8px;border-color:transparent;background:transparent;white-space:nowrap}
.app-shell .header-learning-tracks>button.selected{background:#bfa67420;border-color:#d5bb7755;box-shadow:inset 0 1px #ffffff0c}
.app-shell .header-learning-tracks b{font-size:11px;letter-spacing:0}
.app-shell .header-learning-tracks small,.app-shell .header-learning-tracks>button>.ui-icon:last-child{display:none}
.app-shell .header-learning-tracks>button>.ui-icon{width:16px;height:16px}
.has-track-switch .daily-word-name strong{font-size:21px}
.has-track-switch .daily-word p{font-size:11px;max-width:480px}
.has-track-switch .xp-balance,.has-track-switch .streak-balance{min-height:35px;padding:5px 7px;gap:4px}
.has-track-switch .xp-balance .reward-art{width:24px;height:24px}
.has-track-switch .xp-balance b,.has-track-switch .streak-balance b{font-size:11px}
.has-track-switch .header-avatar{width:35px;height:35px;font-size:11px}
.app-shell .launch-card.journey-card{display:block;min-height:260px;padding:28px 32px}
.journey-card .launch-copy{width:auto;max-width:100%;min-width:0}
.journey-card .launch-tags{margin:14px 0 12px}
.journey-card .launch-tags>span{padding:4px 8px;font-size:10px}
.app-shell .journey-card h1.launch-record{margin-bottom:20px;max-width:100%;gap:8px 14px}
.journey-card .launch-record>b{font-size:clamp(30px,3vw,44px)}
.app-shell .journey-card h1.launch-record>span{font-size:clamp(16px,1.6vw,22px)!important}
.journey-card .launch-record>small{font-size:10px;padding:4px 8px}
.app-shell .journey-card .play-large{min-height:41px;min-width:148px;font-size:12px;padding:10px 16px}
.journey-card .journey-stages{position:relative;z-index:2;display:flex;align-items:center;gap:9px;width:max-content;max-width:100%;margin:13px 0 0;padding:5px 7px 5px 11px;border:1px solid #d7c38c2b;border-radius:11px;background:#10222b80;box-shadow:none;backdrop-filter:blur(8px)}
.journey-stage-label{font-size:10px;font-weight:600;color:#b5c4c9}
.journey-stages .stage-choice-buttons{display:flex;order:initial;gap:4px;flex:none}
.journey-stages .stage-choice-buttons button{display:grid;place-items:center;min-height:32px;min-width:38px;padding:7px 9px;border-radius:7px;text-align:center;border-color:#d7e2dd14;background:#15293380}
.journey-stages .stage-choice-buttons button>b{font-size:12px;line-height:1}
.journey-stages .stage-choice-buttons button.selected{background:#ceb37a29;border-color:#d4ba7a9c;color:#f1dcaa}
.journey-stage-lock{display:flex;align-items:center;gap:4px;font-size:9px;color:#a1b2b8;padding-left:3px;white-space:nowrap}
.journey-stage-lock .ui-icon{width:12px;height:12px}
.journey-language{display:grid;place-items:center;width:28px;min-height:28px;padding:5px;border:0;border-left:1px solid #becbc526;background:transparent;color:#b5c5c7}
.journey-language .ui-icon{width:15px;height:15px}
.journey-language:hover{color:#f0d399}
.journey-language:focus-visible{outline:2px solid #dec38b;outline-offset:2px;border-radius:5px}
@media(max-width:1100px){
 .app-shell .topbar.app-header.has-track-switch{grid-template-columns:minmax(0,1fr) auto;gap:7px 14px}
 .has-track-switch .header-actions{grid-column:2}
 .app-shell .header-learning-tracks{grid-column:1/-1;grid-row:3;justify-self:center}
 .app-shell .launch-card.journey-card{padding:25px 27px;min-height:250px}
}
@media(max-width:680px){
 .app-shell .topbar.app-header.has-track-switch{padding:11px 13px;gap:8px}
 .home-daily-header.has-track-switch .header-actions{grid-row:1}
 .home-daily-header.has-track-switch .header-leading{grid-row:2;grid-column:1/-1}
 .app-shell .header-learning-tracks{width:100%;justify-content:center;padding:3px;gap:4px}
 .app-shell .header-learning-tracks>button{flex:1;justify-content:center;min-height:38px;padding:7px 9px;gap:6px}
 .app-shell .header-learning-tracks b{font-size:11px}
 .has-track-switch .daily-word-name strong{font-size:21px}
 .has-track-switch .daily-word p{font-size:12px}
 .has-track-switch .xp-balance,.has-track-switch .streak-balance{min-height:31px;padding:4px 5px}
 .has-track-switch .xp-balance .reward-art{width:21px;height:21px}
 .has-track-switch .xp-balance b,.has-track-switch .streak-balance b{font-size:11px}
 .has-track-switch .header-avatar{width:31px;height:31px;font-size:10px}
 .app-shell .launch-card.journey-card{padding:23px 19px;min-height:0}
 .journey-card .launch-tags{margin:14px 0 12px}
 .app-shell .journey-card h1.launch-record{margin-bottom:18px;gap:8px 10px}
 .journey-card .journey-stages{gap:7px;margin-top:12px;padding:4px 5px 4px 8px;backdrop-filter:none}
 .journey-stage-label{font-size:9px}
 .journey-stages .stage-choice-buttons{gap:4px}
 .journey-stages .stage-choice-buttons button{min-width:34px;min-height:38px;padding:8px}
 .journey-stage-lock{gap:3px;font-size:8px;padding-left:0}
 .journey-language{width:24px;padding:4px}
}
@media(max-width:360px){
 .journey-card .journey-stages{gap:5px;padding-left:7px}
 .journey-stages .stage-choice-buttons button{min-width:31px;padding:7px}
 .journey-stage-lock>span{display:none}
 .journey-stage-label{font-size:8px}
}
@media(max-width:680px){.journey-stages .stage-choice-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.journey-stages .stage-choice-buttons button{min-width:0}.journey-stages .stage-choice-buttons button>b{font-size:11px}}
@media(max-width:360px){.journey-stage-label{display:none}.journey-stages .stage-choice-buttons button{padding:7px 6px}.journey-stages .stage-choice-buttons button>b{font-size:10px}}

/* vocab-game.css */
/* Vocabulary practice shares Wordwise's glass, teal and warm-gold palette. */
.home-learning-column{display:grid;gap:20px;min-width:0;align-content:start}
.app-shell .home-learning-column .home-path{padding:21px}.home-learning-column .home-path-toolbar{margin-bottom:12px;gap:9px}.home-learning-column .path-previous{min-height:32px;padding:7px 11px;font-size:10px}.home-learning-column .home-path-toolbar .text-link{font-size:10px}.home-learning-column .home-path .panel-head{margin-bottom:9px}.home-learning-column .home-path .panel-head h3{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:19px;margin:5px 0 0}.home-path-clears{font-size:9px;font-weight:500;letter-spacing:0;color:#b8b58f}.home-learning-column .path-explore-heading{display:none}.home-learning-column .path-carousel{margin-top:7px}.home-learning-column .path-selected{min-height:72px;padding:2px 8px 12px;gap:11px}.home-learning-column .path-selected h4{font-size:16px;height:1.3em;-webkit-line-clamp:1;margin:6px 0}.home-learning-column .path-selected-kicker{font-size:8px;letter-spacing:1px}.home-learning-column .path-selected-status{font-size:9px}.home-learning-column .path-selected-target{font-size:9px}.app-shell .home-learning-column .world-play{min-height:36px;min-width:76px;font-size:11px;padding:8px 12px}.home-learning-column .path-carousel-controls{padding-top:9px}.home-learning-column .path-scroll-hint{padding-top:7px}
.app-shell .vocab-launch-banner{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(155px,.65fr);gap:20px;align-items:center;min-height:245px;padding:29px;border:1px solid #c7bd8a38;border-radius:24px;background:radial-gradient(ellipse at 100% 0,#8bb3972e,transparent 65%),radial-gradient(ellipse at 10% 100%,#c8aa651a,transparent 65%),linear-gradient(120deg,#1c3639,#122a33);overflow:hidden;box-shadow:0 16px 35px #0002,inset 0 1px #ffffff06}
.vocab-launch-copy{position:relative;z-index:2;min-width:0}.vocab-launch-copy>.eyebrow{display:flex;align-items:center;gap:8px;color:#c8c49a;font-size:9px;letter-spacing:1.5px}.vocab-launch-copy>.eyebrow .ui-icon{width:15px;height:15px;color:#b7cbb3}.vocab-launch-copy h3{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 12px;font-size:34px;line-height:1.2;letter-spacing:-1px;color:#f0e3c3;margin:18px 0 10px}.vocab-launch-copy h3>span{font-size:18px;font-weight:550;letter-spacing:-.2px;color:#bbcfc9}.vocab-launch-detail{font-size:11px;line-height:1.7;color:#9db8be;margin:0 0 22px}.vocab-banner-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.vocab-banner-actions>.btn{font-size:12px;min-height:43px;gap:11px;min-width:125px}.vocab-banner-actions>.text-link{font-size:10px;gap:6px}
.vocab-banner-art{position:relative;width:100%;height:175px;pointer-events:none;user-select:none;z-index:1}.vocab-art-orbit{position:absolute;left:-10%;top:-25%;width:130%;height:150%;border:1px solid #bfd1af13;border-radius:50%;transform:rotate(-20deg)}.vocab-art-orbit:after{content:'';position:absolute;inset:23px;border:1px solid #c4d8b50c;border-radius:50%}.vocab-art-word,.vocab-art-match{position:absolute;display:grid;gap:8px;padding:16px 19px;min-width:125px;max-width:100%;border:1px solid #c2c99c5e;border-radius:14px;background:linear-gradient(130deg,#6682743d,#7d8b6030);box-shadow:inset 0 1px #f4e7b32e,0 12px 24px #0003;backdrop-filter:blur(12px)}.vocab-art-word{top:0;left:0;transform:rotate(-8deg)}.vocab-art-match{bottom:0;right:0;transform:rotate(7deg);background:linear-gradient(130deg,#caaf6b30,#b8b56c1c);border-color:#d9c28366}.vocab-banner-art small{font-size:7px;font-weight:650;letter-spacing:1.3px;color:#b1c7b4}.vocab-banner-art b{font-size:24px;line-height:1.2;font-weight:650;letter-spacing:-.5px;color:#e4e2bd;overflow-wrap:anywhere}.vocab-art-match b{color:#f0d8a3}.vocab-art-match>i{position:absolute;top:-10px;right:-6px;display:grid;place-items:center;width:23px;height:23px;background:#35594f;border:1px solid #a7c5a970;border-radius:50%;color:#d3deba}.vocab-art-match>i>.ui-icon{width:13px;height:13px}.vocab-art-arrow{position:absolute;left:49%;top:43%;transform:rotate(28deg);display:flex;color:#a7c5b473}.vocab-art-arrow>.ui-icon{width:28px;height:28px}
@media(max-width:1100px) and (min-width:681px){.app-shell .vocab-launch-banner{grid-template-columns:minmax(0,1fr) 130px;padding:24px;gap:12px;min-height:230px}.vocab-launch-copy h3{font-size:29px}.vocab-launch-copy h3>span{font-size:16px}.vocab-banner-art{height:165px}.vocab-art-word,.vocab-art-match{padding:13px;min-width:112px}.vocab-banner-art b{font-size:21px}.vocab-banner-actions{gap:11px}.vocab-banner-actions>.btn{min-width:112px;font-size:11px}.vocab-banner-actions>.text-link{font-size:9px}}
@media(max-width:680px){.home-learning-column{gap:18px}.app-shell .home-learning-column .home-path{padding:20px}.home-learning-column .home-path-toolbar{margin-bottom:11px}.home-learning-column .home-path .panel-head h3{font-size:18px;gap:8px}.home-path-clears{font-size:8px}.home-learning-column .path-selected{padding-bottom:10px;min-height:69px}.home-learning-column .path-selected h4{font-size:15px}.app-shell .home-learning-column .world-play{min-width:68px;min-height:35px;font-size:10px;padding:7px 10px}.home-learning-column .path-selected-status{font-size:8px}.home-learning-column .path-selected-kicker{font-size:8px;letter-spacing:.6px}.app-shell .vocab-launch-banner{display:block;min-height:235px;padding:24px 21px;border-radius:21px}.vocab-launch-copy>.eyebrow{font-size:8px;letter-spacing:1.2px;max-width:calc(100% - 105px)}.vocab-launch-copy h3{max-width:calc(100% - 110px);font-size:30px;gap:7px;margin-top:19px;margin-bottom:13px}.vocab-launch-copy h3>span{font-size:16px;line-height:1.3}.vocab-launch-detail{font-size:10px;max-width:calc(100% - 85px);margin-bottom:22px}.vocab-banner-actions{gap:15px}.vocab-banner-actions>.btn{min-width:122px;min-height:41px;font-size:12px}.vocab-banner-actions>.text-link{font-size:10px}.vocab-banner-art{position:absolute;right:15px;top:27px;width:105px;height:112px}.vocab-art-word,.vocab-art-match{padding:11px 12px;gap:5px;min-width:94px;border-radius:10px}.vocab-banner-art small{font-size:6px;letter-spacing:1px}.vocab-banner-art b{font-size:18px}.vocab-art-word{left:0;top:0;transform:rotate(-8deg)}.vocab-art-match{right:0;bottom:0}.vocab-art-match>i{width:18px;height:18px;top:-7px}.vocab-art-match>i>.ui-icon{width:10px;height:10px}.vocab-art-arrow{top:43%;left:43%;opacity:.6}.vocab-art-arrow>.ui-icon{width:19px;height:19px}}
@media(max-width:360px){.app-shell .home-learning-column .home-path{padding:18px 15px}.home-learning-column .home-path .panel-head h3{font-size:17px}.home-learning-column .path-selected h4{font-size:14px}.home-learning-column .home-path-toolbar .text-link{font-size:9px}.home-learning-column .path-previous{font-size:9px;padding:7px 9px}.app-shell .vocab-launch-banner{padding:23px 18px;min-height:235px}.vocab-launch-copy h3{font-size:28px;max-width:calc(100% - 95px)}.vocab-launch-copy h3>span{font-size:14px}.vocab-banner-art{right:13px;top:31px;width:88px;height:105px}.vocab-art-word,.vocab-art-match{min-width:82px;padding:10px}.vocab-banner-art b{font-size:16px}.vocab-banner-actions{gap:12px}.vocab-banner-actions>.btn{min-width:111px;font-size:11px}.vocab-banner-actions>.text-link{font-size:9px}}

.app-shell .vocab-intro{padding:36px;background:radial-gradient(ellipse at 100% 0,#628f7b24,transparent 70%),linear-gradient(145deg,#24363e,#162630)}.vocab-intro>.eyebrow{font-size:10px;color:#ccb783}.vocab-intro h1{font-size:clamp(30px,3.8vw,45px);line-height:1.15;letter-spacing:-1.4px;color:#f0e6cf;margin:16px 0 13px}.vocab-intro>p{font-size:15px;line-height:1.6;color:#b2c4cc}.vocab-intro-bottom{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:25px}.vocab-intro-bottom>.text-link{font-size:12px}.vocab-lifetime{display:flex;flex-wrap:wrap;gap:17px 28px;padding-top:24px;margin-top:29px;border-top:1px solid #ffffff13;font-size:11px;color:#9db5be}.vocab-lifetime b{color:#d9c697;font-size:16px;margin-right:4px}
.vocab-level-map{margin-top:24px}.vocab-level-map .panel-head{align-items:center;gap:12px}.vocab-level-map .panel-head h3{font-size:20px}.vocab-level-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:23px}.vocab-level{display:flex;align-items:center;gap:13px;text-align:left;padding:17px;border:1px solid #ffffff13;border-radius:13px;background:#14263055;color:#d9e0da;min-width:0}.vocab-level-number{display:grid;place-items:center;flex:none;width:38px;height:40px;border:1px solid #c6b47c27;background:#c6b47c0b;border-radius:11px;color:#d7c08a;font-size:17px;font-weight:700}.vocab-level-number .ui-icon{width:19px;height:19px}.vocab-level>span:nth-child(2){display:grid;gap:6px;min-width:0}.vocab-level b{font-size:13px;font-weight:650}.vocab-level small{font-size:11px;color:#9cb1bb}.vocab-level>.ui-icon{margin-left:auto;width:19px;height:19px;color:#93b6af;flex:none}.vocab-level.is-current{border-color:#d1b97788;background:#b9a2640e}.vocab-level.is-cleared .vocab-level-number{background:#98b6a11d;color:#b6d4bf}.vocab-level:disabled{opacity:.42;cursor:default}.vocab-level:not(:disabled):hover{border-color:#dec99a70;background:#e3ca8c0b}
.vocab-arena{max-width:1060px;margin:0 auto;color:#e2e8e7}.vocab-live-score{display:flex;gap:9px;flex:none}.vocab-live-score>span{display:flex;align-items:center;gap:5px;min-height:34px;padding:7px 10px;border:1px solid #ffffff16;border-radius:10px;font-size:11px;font-variant-numeric:tabular-nums}.vocab-live-score .ui-icon{width:14px;height:14px}.vocab-live-score b{font-size:14px}.vocab-correct-score{color:#b5d5be;background:#99c1a609}.vocab-wrong-score{color:#e5a59b;background:#cb8f7809}
.vocab-board{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(285px,.85fr);gap:20px;align-items:stretch}.vocab-question-card,.vocab-feedback-panel{min-width:0;border:1px solid #b9c4bf27;border-radius:23px;box-shadow:0 17px 40px #0002,inset 0 1px #ffffff05;background:linear-gradient(145deg,#20323d,#162832);backdrop-filter:blur(20px)}
.vocab-question-card{padding:30px}.vocab-question-meta{display:flex;justify-content:space-between;gap:10px;color:#96adb6;font-size:10px}.vocab-question-meta>span:first-child{color:#d1bd8c}.vocab-question-card>h2{font-size:16px;letter-spacing:-.2px;line-height:1.4;font-weight:600;color:#dce2d9;margin:23px 0 0}.vocab-main-word{padding:27px 0 28px;min-height:154px;display:flex;flex-direction:column;justify-content:center}.vocab-word{font-size:clamp(30px,4.4vw,55px);font-weight:750;letter-spacing:-1.8px;line-height:1.2;color:#edd5a6;margin:0;overflow-wrap:anywhere;outline:none}.vocab-context{font-size:13px;line-height:1.65;color:#a9c0c9;margin:13px 0 0}.vocab-spelling-hint{font-size:clamp(23px,3vw,36px);line-height:1.55;letter-spacing:1px;display:flex;flex-wrap:wrap;gap:2px 6px}.vocab-spelling-hint>span{color:#849d9f;line-height:1.1}.vocab-spelling-clue{font-size:14px;line-height:1.7;color:#d3dfdd;margin:12px 0 0}.vocab-spelling-clue+.vocab-context{font-size:12px;margin-top:10px;color:#91abb7}
.vocab-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.vocab-option{display:flex;align-items:center;gap:9px;min-width:0;min-height:58px;padding:12px;border:1px solid #b4c8c534;border-radius:12px;background:#0b1b2738;color:#e0e6df;text-align:left;transition:background-color .15s,border-color .15s;position:relative}.vocab-choice-key{flex:none;display:grid;place-items:center;width:24px;height:25px;font-size:10px;color:#9aafb5;background:#ffffff06;border:1px solid #ffffff12;border-radius:7px}.vocab-option>b{font-size:14px;line-height:1.4;font-weight:600;overflow-wrap:anywhere;min-width:0}.vocab-choice-state{margin-left:auto;display:flex;flex:none}.vocab-choice-state .ui-icon{width:15px;height:15px}.vocab-option:hover:not(:disabled){border-color:#e1c89285;background:#d4b98313}.vocab-option:focus-visible,.vocab-level:focus-visible{outline:2px solid #ddca8f;outline-offset:3px}.vocab-option.is-correct{border-color:#94c6a577;background:#6a9b7c25;color:#c5e4cb}.vocab-option.is-wrong{border-color:#db9f9177;background:#ae716025;color:#efb4a9}.vocab-option:disabled{cursor:default;opacity:1}.vocab-option:disabled:not(.is-correct):not(.is-wrong){opacity:.48}
.vocab-feedback-panel{padding:25px;background:radial-gradient(ellipse at 100% 0,#7c89621d,transparent 70%),linear-gradient(145deg,#1c3039,#13242e);min-height:390px}.vocab-feedback-content{height:100%;display:flex;flex-direction:column}.vocab-feedback-idle{margin:auto 0;display:grid;justify-items:center;text-align:center;padding:25px 10px;color:#96afb7}.vocab-feedback-idle>span{display:grid;place-items:center;width:64px;height:68px;border:1px solid #b4c0a02c;background:#b6bb8f0a;border-radius:19px;color:#c1bd94;margin-bottom:22px;transform:rotate(-5deg)}.vocab-feedback-idle .ui-icon{width:30px;height:30px}.vocab-feedback-idle h3{font-size:18px;font-weight:650;letter-spacing:-.4px;color:#d7dccc;margin:0}.vocab-feedback-idle p{font-size:12px;line-height:1.6;margin:10px 0 0}
.vocab-answer-status{display:flex;align-items:center;gap:9px;margin-bottom:22px;font-size:14px}.vocab-answer-status>.ui-icon{width:20px;height:20px}.vocab-answer-status>strong{font-size:17px;font-weight:650}.vocab-answer-status.is-correct{color:#b5d5b7}.vocab-answer-status.is-wrong{color:#e9b3a1}.vocab-answer-status>span{margin-left:auto;font-size:11px;color:#e2c68c;white-space:nowrap}.vocab-meaning-list{display:grid;gap:20px;margin-bottom:25px}.vocab-meaning>span{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#96b0ba;font-weight:650}.vocab-meaning h3{font-size:25px;letter-spacing:-.4px;color:#e7d3a9;margin:8px 0 10px;overflow-wrap:anywhere}.vocab-meaning h3>small{display:block;font-size:10px;line-height:1.5;letter-spacing:0;margin-top:5px;color:#93adb8;font-weight:500}.vocab-meaning p{font-size:14px;line-height:1.7;margin:0;color:#bcced5}.vocab-meaning.your-choice{padding-bottom:19px;border-bottom:1px solid #ffffff12}.vocab-meaning.your-choice h3{color:#d9a99b}.vocab-next-controls{margin-top:auto;padding-top:17px;border-top:1px solid #ffffff13}.vocab-timer{font-size:11px;line-height:1.5;color:#95adb7;margin:0 0 13px}.vocab-countdown{font-variant-numeric:tabular-nums;color:#d9c797;font-size:13px}.vocab-next-controls>.btn{width:100%;font-size:12px;min-height:43px}
.app-shell .vocab-result{max-width:800px;margin:20px auto;text-align:center;padding:35px}.vocab-result-seal{display:grid;place-items:center;margin:0 auto 24px;width:67px;height:67px;border:1px solid #c7be8c4a;border-radius:50%;background:linear-gradient(145deg,#758c5832,#b8a26712);color:#c7d2a5}.vocab-result-seal .ui-icon{width:32px;height:32px}.vocab-result>.eyebrow{font-size:9px;color:#bcaf87}.vocab-result h1{font-size:34px;line-height:1.2;letter-spacing:-1px;color:#eee3c7;margin:16px 0 13px}.vocab-result>p{font-size:14px;line-height:1.6;color:#a9bdc7}.vocab-result-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border-top:1px solid #ffffff13;border-bottom:1px solid #ffffff13;padding:22px 0;margin:26px 0;color:#93adb7;font-size:11px}.vocab-result-stats>span{display:grid;gap:7px}.vocab-result-stats b{font-size:28px;letter-spacing:-.8px;color:#d9caa3}.vocab-result-actions{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.vocab-result>small{display:block;font-size:10px;line-height:1.6;color:#93abb6;margin-top:19px}.vocab-result-word-list{margin-top:31px;text-align:left;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 25px;padding-top:24px;border-top:1px solid #ffffff13}.vocab-result-word-list>div{display:flex;align-items:start;gap:10px;min-width:0}.vocab-result-word-list>div>span:first-child{display:flex;padding-top:2px;flex:none;color:#b8cfb5}.vocab-result-word-list>div>span.missed{color:#dfa394}.vocab-result-word-list .ui-icon{width:15px;height:15px}.vocab-result-word-list b{font-size:12px;color:#d5ddcd;line-height:1.5;display:flex;align-items:center;flex-wrap:wrap;gap:5px}.vocab-result-word-list i{display:flex;color:#829caa}.vocab-result-word-list small{display:block;font-size:11px;line-height:1.65;color:#95adb9;margin-top:5px}
@media(max-width:1000px){.vocab-board{grid-template-columns:minmax(0,1.1fr) minmax(245px,.85fr);gap:15px}.vocab-question-card{padding:23px}.vocab-options{gap:9px}.vocab-option{padding:10px;gap:7px}.vocab-option>b{font-size:13px}.vocab-feedback-panel{padding:21px}.vocab-intro{padding:28px}}
@media(max-width:680px){
 .vocab-level-map{margin-top:18px}.app-shell .vocab-intro{padding:25px 21px}.vocab-intro h1{font-size:32px;letter-spacing:-1px}.vocab-intro>p{font-size:13px}.vocab-lifetime{gap:13px 19px;font-size:10px;margin-top:23px;padding-top:20px}.vocab-lifetime b{font-size:14px}.vocab-level-map .panel-head h3{font-size:18px}.vocab-level-map .phase-chip{font-size:9px}.vocab-level-grid{gap:9px;margin-top:18px}.vocab-level{padding:12px;gap:9px;flex-wrap:wrap;position:relative}.vocab-level-number{width:30px;height:32px;font-size:14px;border-radius:9px}.vocab-level b{font-size:12px}.vocab-level small{font-size:9px}.vocab-level>span:nth-child(2){gap:4px}.vocab-level>.ui-icon{display:none}
 .vocab-live-score{gap:5px}.vocab-live-score>span{padding:6px 8px;gap:4px;font-size:10px;min-height:31px}.vocab-live-score b{font-size:12px}.vocab-live-score .ui-icon{width:12px;height:12px}.vocab-board{grid-template-columns:minmax(0,1fr);gap:13px}.vocab-question-card{padding:20px;border-radius:18px}.vocab-question-meta{font-size:9px}.vocab-question-card>h2{font-size:15px;margin-top:17px}.vocab-main-word{min-height:116px;padding:20px 0}.vocab-word{font-size:37px;letter-spacing:-1px}.vocab-context{font-size:12px;margin-top:10px}.vocab-options{gap:9px}.vocab-option{min-height:49px;padding:10px 9px;gap:8px;border-radius:10px}.vocab-option>b{font-size:13px}.vocab-choice-key{width:21px;height:22px;font-size:9px}.vocab-choice-state .ui-icon{width:13px;height:13px}.vocab-spelling-hint{font-size:26px;gap:2px 5px;line-height:1.5}.vocab-spelling-clue{font-size:13px;line-height:1.6;margin-top:9px}.vocab-spelling-clue+.vocab-context{font-size:11px}.vocab-feedback-panel{padding:21px;border-radius:18px;min-height:220px}.vocab-feedback-idle{padding:9px;grid-template-columns:auto minmax(0,1fr);gap:5px 15px;justify-items:start;text-align:left}.vocab-feedback-idle>span{grid-row:1/3;width:43px;height:45px;border-radius:13px;margin:0}.vocab-feedback-idle .ui-icon{width:23px;height:23px}.vocab-feedback-idle h3{font-size:16px;align-self:end}.vocab-feedback-idle p{font-size:11px;margin:0}.vocab-answer-status{margin-bottom:18px}.vocab-answer-status>strong{font-size:16px}.vocab-meaning-list{gap:17px;margin-bottom:20px}.vocab-meaning h3{font-size:23px;margin-top:7px;margin-bottom:8px}.vocab-meaning p{font-size:13px;line-height:1.7}.vocab-meaning.your-choice{padding-bottom:16px}.vocab-next-controls{display:flex;justify-content:space-between;gap:10px;align-items:center;padding-top:15px}.vocab-timer{font-size:10px;line-height:1.6;margin:0}.vocab-next-controls>.btn{width:auto;font-size:11px;min-height:40px;flex:none}.vocab-session-header .game-header-count{font-size:10px}.app-shell .vocab-result{margin:12px auto;padding:25px 20px}.vocab-result h1{font-size:28px}.vocab-result>.eyebrow{font-size:8px}.vocab-result>p{font-size:13px}.vocab-result-stats{gap:8px;font-size:10px;margin:22px 0;padding:19px 0}.vocab-result-stats b{font-size:24px}.vocab-result-word-list{grid-template-columns:minmax(0,1fr);gap:17px}.vocab-result-actions>.btn{font-size:11px}.vocab-result>small{font-size:9px}
}
@media(max-width:360px){.vocab-question-card{padding:18px 14px}.vocab-feedback-panel{padding:18px}.vocab-option{padding:10px 7px;gap:6px}.vocab-option>b{font-size:12px}.vocab-choice-key{width:18px;height:20px}.vocab-live-score>span{padding:5px 6px}.vocab-level{padding:11px 9px}.vocab-level-number{width:25px;height:29px}.vocab-level b{font-size:11px}.vocab-level small{font-size:8px}.vocab-next-controls>.btn{padding:8px 10px;font-size:10px}}
.vocab-answer-status>span{display:flex;align-items:center;gap:5px}.vocab-answer-status .reward-art{width:20px;height:20px;object-fit:contain}
.vocab-result-stats .vocab-result-xp{display:flex;align-items:center;justify-content:center;gap:4px}.vocab-result-xp .reward-art{width:29px;height:29px;object-fit:contain}.vocab-result h1{overflow-wrap:anywhere}
@media(prefers-reduced-motion:reduce){.vocab-option{transition:none}}

.learning-track-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:0 0 23px}.learning-track-switch>button{display:flex;align-items:center;gap:13px;text-align:left;padding:15px 19px;min-height:74px;border:1px solid #a4b9b526;border-radius:17px;background:#15263085;color:#a8bdc3;min-width:0}.learning-track-switch>button>span{display:grid;gap:5px;min-width:0}.learning-track-switch b{font-size:14px;font-weight:650;color:#bdcbd0;letter-spacing:-.2px}.learning-track-switch small{font-size:10px;color:#8ea9b1}.learning-track-switch>button>.ui-icon{width:23px;height:23px;flex:none;color:#9db8b4}.learning-track-switch>button>.ui-icon:last-child{margin-left:auto;width:17px;height:17px}.learning-track-switch>button.selected{background:linear-gradient(120deg,#34514a70,#283d3990);border-color:#c7bb7c70;box-shadow:inset 3px 0 #d3bd85,0 9px 20px #0001}.learning-track-switch>button.selected b{color:#eadab6}.learning-track-switch>button.selected small{color:#b7c7b6}.learning-track-switch>button:focus-visible{outline:2px solid #dec38b;outline-offset:3px}
.vocab-course-kicker{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap}.vocab-course-kicker>.eyebrow{color:#ccb783;font-size:10px}.vocab-course-kicker>span:last-child{font-size:10px;color:#9fb9bf;letter-spacing:.1px}.vocab-map-stage-count{font-size:11px;line-height:1.6;color:#9fb6bc;margin:7px 0 0}.vocab-map-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.6fr);gap:20px;margin-top:22px}.vocab-stage-label,.vocab-level-jump>label{display:grid;gap:8px;color:#a7b9bf;font-size:10px;font-weight:600}.vocab-stage-label>select,.vocab-level-jump input{width:100%;min-width:0;border:1px solid #aabdbb31;border-radius:10px;background:#11222b;color:#dbe2db;font-family:inherit;font-size:12px;min-height:42px;padding:10px 12px;outline-offset:3px}.vocab-level-jump>div{display:flex;gap:8px;margin-top:8px}.vocab-level-jump .btn{min-height:42px;font-size:11px;flex:none}.vocab-level-jump .ui-icon{width:14px;height:14px}.vocab-level-jump input{max-width:100%;width:100%}.vocab-phase-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:21px 0}.vocab-phase-track>span{display:grid;gap:6px;padding:13px 12px;border:1px solid #b7c6bd1b;border-radius:11px;background:#0f232b33;color:#96aeb4}.vocab-phase-track b{font-size:10px;font-weight:600;line-height:1.4}.vocab-phase-track small{font-size:9px;color:#8ba4ad}.vocab-phase-track .active{background:#b5a36914;border-color:#c7ad6952;color:#ddcba2}.vocab-phase-track .active small{color:#c4b78e}.vocab-map-range{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;line-height:1.5;color:#b8c8c6;padding:0 1px;margin-bottom:2px}.vocab-map-range>.text-link{font-size:10px}.vocab-map-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;padding-top:18px;border-top:1px solid #ffffff10}.vocab-map-pagination>.btn{font-size:11px;min-height:39px;gap:7px}.vocab-map-pagination>span{font-size:10px;color:#97acb4;white-space:nowrap}.vocab-map-pagination .ui-icon{width:14px;height:14px}.vocab-map-pagination button:disabled{opacity:.3;cursor:default}.vocab-level-number{font-variant-numeric:tabular-nums}.vocab-map-controls select:focus-visible,.vocab-map-controls input:focus-visible{outline:2px solid #d3bd8a}.vocab-map-controls select option{background:#162b35;color:#d5dddc}
@media(max-width:680px){.learning-track-switch{gap:9px;margin-bottom:17px}.learning-track-switch>button{padding:12px 11px;gap:9px;min-height:69px;border-radius:14px}.learning-track-switch>button>.ui-icon{width:19px;height:19px}.learning-track-switch>button>.ui-icon:last-child{display:none}.learning-track-switch b{font-size:12px;line-height:1.3}.learning-track-switch small{font-size:9px}.learning-track-switch>button>span{gap:6px}.vocab-course-kicker{gap:9px}.vocab-course-kicker>.eyebrow{font-size:9px}.vocab-course-kicker>span:last-child{font-size:9px}.vocab-map-controls{grid-template-columns:minmax(0,1fr);gap:15px;margin-top:20px}.vocab-stage-label>select,.vocab-level-jump input{font-size:12px;min-height:41px}.vocab-level-jump>div{margin-top:7px}.vocab-level-jump .btn{font-size:11px}.vocab-phase-track{gap:6px;margin:18px 0}.vocab-phase-track>span{padding:11px 7px;border-radius:9px;gap:6px}.vocab-phase-track b{font-size:8px;line-height:1.45}.vocab-phase-track small{font-size:8px}.vocab-map-range{font-size:10px}.vocab-map-range>.text-link{font-size:9px}.vocab-map-pagination{gap:7px;margin-top:18px;padding-top:16px}.vocab-map-pagination>.btn{font-size:10px;padding:8px 10px;min-height:38px}.vocab-map-pagination>span{font-size:9px}.vocab-map-stage-count{font-size:10px}.vocab-lifetime{column-gap:17px}.vocab-level-number{width:auto;min-width:30px;padding:0 5px}}
@media(max-width:360px){.learning-track-switch>button{padding:11px 9px;gap:7px}.learning-track-switch>button>.ui-icon{width:17px;height:17px}.learning-track-switch b{font-size:11px}.learning-track-switch small{font-size:8px}.vocab-phase-track b{font-size:7px}.vocab-phase-track small{font-size:7px}.vocab-level-number{min-width:25px}.vocab-map-pagination>.btn{font-size:9px;padding:7px 8px}.vocab-map-pagination .ui-icon{width:12px;height:12px}}

.vocab-stage-cleared{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #c7bb7b50;border-radius:9px;color:#dfcf9b;background:#b7a26510;font-size:11px;margin:4px 0 6px}.vocab-stage-cleared .ui-icon{width:15px;height:15px}

/* The Vocab hub keeps learning details and its bounded path beside each other. */
.vocab-learning-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch;min-width:0}
.app-shell .vocab-learning-layout>.panel{min-width:0;margin:0;padding:25px}
.app-shell .vocab-learning-layout>.vocab-intro{background:#10232e}
.vocab-intro.scene-has-film:after{background:linear-gradient(180deg,#07142170 0%,#091a25b3 38%,#0c2029ed 65%,#10252af5 100%),linear-gradient(90deg,#08152377,transparent)}
.vocab-intro>.ambient-scene img{object-position:60% center}
.vocab-learning-layout .vocab-intro h1{font-size:clamp(29px,2.6vw,36px);line-height:1.14;letter-spacing:-1.1px;margin:22px 0 12px;color:#fff4df;text-shadow:0 2px 20px #0007}
.vocab-learning-layout .vocab-intro>p{font-size:13px;line-height:1.55;margin:0;color:#d5e0e4}
.vocab-learning-layout .vocab-intro-bottom{gap:15px;margin-top:20px}
.vocab-learning-layout .vocab-intro-bottom>.btn{font-size:12px;min-height:42px}
.vocab-learning-layout .vocab-intro-bottom>.text-link{font-size:11px;color:#ead4a6}
.vocab-learning-layout .vocab-lifetime{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 20px;padding:19px 0;margin:23px 0 0;border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff14}
.vocab-learning-layout .vocab-lifetime>span{display:grid;gap:5px;min-width:0;font-size:10px;color:#aec1c7}
.vocab-learning-layout .vocab-lifetime b{font-size:19px;font-variant-numeric:tabular-nums;line-height:1.25;color:#eed8ac}
.vocab-learning-layout .vocab-map-controls{grid-template-columns:minmax(0,1fr) minmax(125px,.8fr);gap:13px;margin-top:20px}
.vocab-learning-layout .vocab-map-controls select,.vocab-learning-layout .vocab-map-controls input{background:#0c1d28cc}
.vocab-learning-layout .vocab-phase-track{gap:7px;margin:17px 0 0}
.vocab-learning-layout .vocab-phase-track>span{padding:10px 8px;background:#10232abf;gap:5px;min-width:0}
.vocab-learning-layout .vocab-phase-track b{font-size:9px;line-height:1.4}
.vocab-learning-layout .vocab-phase-track small{font-size:9px}
.vocab-learning-layout .vocab-phase-track .active{background:#8e805630;border-color:#c7ad6952}
.vocab-learning-layout .vocab-course-kicker>span:last-child{color:#d1dedf}
.vocab-learning-layout .vocab-level-map{display:flex;flex-direction:column}
.vocab-learning-layout .vocab-level-map .panel-head{margin-bottom:17px;align-items:start}
.vocab-learning-layout .vocab-level-map .panel-head h3{font-size:21px}
.vocab-learning-layout .vocab-level-map .phase-chip{font-size:9px;white-space:nowrap}
.vocab-learning-layout .vocab-map-range{margin:0 0 11px}
.vocab-learning-layout .vocab-level-grid{margin:0;gap:8px;max-height:390px;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#78958c66 #ffffff05;padding:1px 7px 3px 1px;scrollbar-gutter:stable;align-content:start}
.vocab-learning-layout .vocab-level-grid:focus-visible{outline:2px solid #d4bf8a;outline-offset:4px;border-radius:8px}
.vocab-learning-layout .vocab-level{padding:11px 10px;min-height:62px;gap:9px;border-radius:11px}
.vocab-learning-layout .vocab-level-number{width:29px;min-width:29px;height:33px;font-size:14px;border-radius:9px}
.vocab-learning-layout .vocab-level>span:nth-child(2){gap:5px}
.vocab-learning-layout .vocab-level b{font-size:12px}
.vocab-learning-layout .vocab-level small{font-size:10px;line-height:1.35}
.vocab-learning-layout .vocab-level>.ui-icon{display:none}
.vocab-learning-layout .vocab-map-pagination{margin-top:auto;padding-top:17px;gap:9px}
.vocab-learning-layout .vocab-map-pagination>.btn{font-size:10px;padding:9px 11px;min-height:39px}
.vocab-launch-banner.scene-has-film:after{background:linear-gradient(90deg,#10272dea 0%,#10272dc2 55%,#10272d70 100%)}
@media(min-width:981px) and (max-width:1250px){
 .vocab-learning-layout{gap:16px}
 .app-shell .vocab-learning-layout>.panel{padding:22px}
 .vocab-learning-layout .vocab-phase-track{grid-template-columns:repeat(2,minmax(0,1fr))}
 .vocab-learning-layout .vocab-phase-track>span{display:flex;justify-content:space-between;align-items:center}
}
@media(max-width:980px){
 .vocab-learning-layout{grid-template-columns:minmax(0,1fr);gap:18px}
 .vocab-learning-layout .vocab-intro h1{font-size:30px;margin-top:18px}
 .vocab-learning-layout .vocab-lifetime{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:20px;padding:17px 0}
 .vocab-learning-layout .vocab-map-controls{grid-template-columns:minmax(0,1fr) minmax(150px,.7fr);margin-top:17px}
 .vocab-learning-layout .vocab-phase-track{margin-top:15px}
 .vocab-learning-layout .vocab-level-grid{max-height:380px}
 .vocab-learning-layout .vocab-map-pagination{margin-top:17px}
}
@media(max-width:680px){
 .app-shell .vocab-learning-layout>.panel{padding:21px}
 .vocab-learning-layout .vocab-intro h1{font-size:29px;line-height:1.13;letter-spacing:-.9px;margin:19px 0 11px}
 .vocab-learning-layout .vocab-intro>p{font-size:12px}
 .vocab-learning-layout .vocab-intro-bottom{gap:16px;margin-top:17px}
 .vocab-learning-layout .vocab-intro-bottom>.btn{font-size:11px;min-height:40px}
 .vocab-learning-layout .vocab-intro-bottom>.text-link{font-size:10px}
 .vocab-learning-layout .vocab-lifetime{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 17px;margin-top:20px;padding:16px 0}
 .vocab-learning-layout .vocab-lifetime b{font-size:17px}
 .vocab-learning-layout .vocab-map-controls{grid-template-columns:minmax(0,1fr) minmax(112px,.9fr);gap:11px}
 .vocab-learning-layout .vocab-map-controls select,.vocab-learning-layout .vocab-map-controls input{font-size:11px;padding:9px;min-height:40px}
 .vocab-learning-layout .vocab-level-jump .btn{min-height:40px;padding:8px 10px}
 .vocab-learning-layout .vocab-level-jump .ui-icon{display:none}
 .vocab-learning-layout .vocab-level-map .panel-head h3{font-size:19px}
 .vocab-learning-layout .vocab-phase-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:15px}
 .vocab-learning-layout .vocab-phase-track>span{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:10px 9px}
 .vocab-learning-layout .vocab-phase-track b,.vocab-learning-layout .vocab-phase-track small{font-size:8px}
 .vocab-learning-layout .vocab-level-grid{max-height:350px;padding-right:5px}
 .vocab-learning-layout .vocab-level{padding:10px 8px;gap:7px;min-height:64px;flex-wrap:nowrap}
 .vocab-learning-layout .vocab-level-number{width:26px;min-width:26px;height:31px;font-size:12px;padding:0 3px}
 .vocab-learning-layout .vocab-level b{font-size:11px}
 .vocab-learning-layout .vocab-level small{font-size:9px}
 .vocab-learning-layout .vocab-map-pagination>.btn{font-size:10px;padding:8px 9px;min-height:39px}
}
@media(max-width:360px){
 .app-shell .vocab-learning-layout>.panel{padding:18px 16px}
 .vocab-learning-layout .vocab-map-controls{grid-template-columns:minmax(0,1fr) minmax(104px,.85fr);gap:9px}
 .vocab-learning-layout .vocab-phase-track b,.vocab-learning-layout .vocab-phase-track small{font-size:7px}
 .vocab-learning-layout .vocab-level{gap:6px;padding:9px 7px}
 .vocab-learning-layout .vocab-level-number{min-width:22px;width:22px}
 .vocab-learning-layout .vocab-level b{font-size:10px}
 .vocab-learning-layout .vocab-level small{font-size:8px}
 .vocab-learning-layout .vocab-map-pagination>.btn{font-size:9px;padding:8px}
}

/* lesson-workspace.css */
/* Both learning tracks: controls above the tracker on the left; game on the right.
   Presentation-only wrappers use display:contents so existing live nodes stay mounted. */
body .shell.app-shell.is-playing.lesson-workspace{max-width:none;width:100%;margin:0;padding:20px 24px}
.app-shell.is-playing.lesson-workspace .main{display:grid;grid-template-columns:clamp(220px,22vw,280px) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"tools question" "progress question";gap:14px 22px;align-items:start;padding:0;min-width:0}
.app-shell.is-playing.lesson-workspace .content,
.app-shell.is-playing.lesson-workspace .lesson-v3,
.app-shell.is-playing.is-vocab-session .vocab-arena{display:contents}
.app-shell.is-playing.lesson-workspace .topbar.app-header{grid-area:tools;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:13px 8px;align-items:center;width:100%;max-width:none;min-height:0;margin:0;padding:13px 12px;border-radius:16px}
.app-shell.is-playing.lesson-workspace .header-leading,
.app-shell.is-playing.lesson-workspace .session-header,
.app-shell.is-playing.lesson-workspace .header-actions{display:contents}
.app-shell.is-playing.lesson-workspace .glass-back{grid-column:1;grid-row:1;justify-self:start;display:inline-flex;align-items:center;gap:5px;min-width:0;max-width:100%;min-height:34px;padding:7px 8px;font-size:10px;line-height:1.35}
.app-shell.is-playing.lesson-workspace .glass-back .ui-icon{width:14px;height:14px;flex:none}
.app-shell.is-playing.lesson-workspace .glass-back>span{min-width:0;white-space:normal}
.app-shell.is-playing.lesson-workspace .game-header-count{grid-column:1;grid-row:2;justify-self:start;font-size:12px;line-height:1.4;padding-left:5px;font-variant-numeric:tabular-nums}
.app-shell.is-playing.lesson-workspace .session-clock{grid-column:2;grid-row:2;justify-self:end;display:inline-flex;align-items:center;gap:5px;min-height:29px;padding:5px 7px;white-space:nowrap}
.app-shell.is-playing.lesson-workspace .session-clock .ui-icon{display:block;width:14px;height:14px}
.app-shell.is-playing.lesson-workspace .session-clock b{font-size:12px}
.app-shell.is-playing.lesson-workspace .xp-balance{grid-column:2;grid-row:1;justify-self:end;display:inline-flex;align-items:center;gap:4px;min-height:34px;padding:4px 6px;border-radius:10px}
.app-shell.is-playing.lesson-workspace .xp-balance .reward-art{width:22px;height:22px;flex:none}
.app-shell.is-playing.lesson-workspace .xp-balance b{font-size:12px}
.app-shell.is-playing.lesson-workspace .xp-balance>span{display:none}
.app-shell.is-playing.lesson-workspace .mini-scoreboard.mini-tracker{grid-area:progress;align-self:start;width:100%;margin:0}
.app-shell.is-playing.lesson-workspace .verified-question{grid-area:question;align-self:stretch;width:100%;max-width:none;min-width:0;min-height:calc(100dvh - 40px);margin:0}
@media(max-width:1000px) and (min-width:681px){
 body .shell.app-shell.is-playing.lesson-workspace{padding:16px}
 .app-shell.is-playing.lesson-workspace .main{grid-template-columns:220px minmax(0,1fr);gap:12px 16px}
 .app-shell.is-playing.lesson-workspace .topbar.app-header{padding:12px 10px;gap:11px 7px}
 .app-shell.is-playing.lesson-workspace .glass-back{font-size:9px;padding:7px}
 .app-shell.is-playing.lesson-workspace .xp-balance b{font-size:11px}
 .app-shell.is-playing.lesson-workspace .verified-question{min-height:calc(100dvh - 32px)}
}
@media(max-width:680px){
 body .shell.app-shell.is-playing.lesson-workspace{padding:10px 12px}
 .app-shell.is-playing.lesson-workspace .main{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;grid-template-areas:"tools" "progress" "question";gap:10px}
 .app-shell.is-playing.lesson-workspace .topbar.app-header{grid-template-columns:auto auto auto minmax(0,1fr);gap:6px;padding:8px;border-radius:13px}
 .app-shell.is-playing.lesson-workspace .glass-back{grid-column:1;grid-row:1;font-size:9px;min-height:31px;padding:6px;gap:4px}
 .app-shell.is-playing.lesson-workspace .glass-back .ui-icon{width:12px;height:12px}
 .app-shell.is-playing.lesson-workspace .glass-back>span{white-space:nowrap}
 .app-shell.is-playing.lesson-workspace .game-header-count{grid-column:2;grid-row:1;font-size:10px;padding:0}
 .app-shell.is-playing.lesson-workspace .session-clock{grid-column:3;grid-row:1;padding:4px 5px;gap:4px;min-height:29px}
 .app-shell.is-playing.lesson-workspace .session-clock .ui-icon{width:12px;height:12px}
 .app-shell.is-playing.lesson-workspace .session-clock b{font-size:10px}
 .app-shell.is-playing.lesson-workspace .xp-balance{grid-column:4;grid-row:1;gap:3px;min-height:31px;padding:4px 5px}
 .app-shell.is-playing.lesson-workspace .xp-balance .reward-art{width:19px;height:19px}
 .app-shell.is-playing.lesson-workspace .xp-balance b{font-size:10px}
 .app-shell.is-playing.lesson-workspace .verified-question{min-height:0}
}
@media(max-width:360px){
 body .shell.app-shell.is-playing.lesson-workspace{padding:9px}
 .app-shell.is-playing.lesson-workspace .topbar.app-header{gap:5px;padding:7px}
 .app-shell.is-playing.lesson-workspace .glass-back{font-size:8px}
 .app-shell.is-playing.lesson-workspace .xp-balance b{font-size:9px}
 .app-shell.is-playing.lesson-workspace .session-clock{gap:3px;padding:4px}
}

/* Vocab uses the same workspace for every meaning, spelling and review level. */
.app-shell.is-playing.is-vocab-session .vocab-mini-tracker{grid-area:progress;align-self:start;min-width:0;width:100%;margin:0;padding:23px 20px;border:1px solid #9bb5b540;border-radius:22px;background:linear-gradient(145deg,#233b43,#172831);box-shadow:inset 0 1px #ffffff08,0 12px 30px #0002;color:#c4d3d6}
.vocab-tracker-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
.vocab-tracker-heading>span{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700}
.vocab-tracker-heading .ui-icon{width:17px;height:17px;color:#ddc38c;flex:none}
.vocab-tracker-heading>small{font-size:9px;white-space:nowrap;color:#98b0ba}
.vocab-tracker-lesson{display:grid;gap:5px;margin-top:17px;line-height:1.5}
.vocab-tracker-lesson>b{font-size:13px;color:#e6d7b5}
.vocab-tracker-lesson>span{font-size:10px;color:#97b0ba}
.vocab-progress-goal{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:23px 0 15px}
.vocab-progress-goal>div{display:flex;align-items:baseline;gap:7px;font-variant-numeric:tabular-nums}
.vocab-progress-goal strong{font-size:49px;line-height:1;letter-spacing:-2px;color:#f1e2ba}
.vocab-progress-goal>div>span{font-size:22px;color:#88a4ad;white-space:nowrap}
.vocab-progress-goal>span{max-width:62px;font-size:11px;line-height:1.5;color:#b6c8ca}
.vocab-progress-segments{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;margin-bottom:22px}
.vocab-progress-segments>i{height:6px;border-radius:5px;background:#354c57}
.vocab-progress-segments>i.filled{background:#d2bb80}
.vocab-mini-tracker .vocab-live-score{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.vocab-mini-tracker .vocab-live-score>span{min-width:0;gap:5px;padding:10px 8px;font-size:10px;white-space:nowrap}
.vocab-mini-tracker .vocab-live-score b{font-size:18px;margin-left:auto}
.vocab-mini-tracker .vocab-live-score .ui-icon{width:12px;height:12px;flex:none}
.vocab-progress-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:20px;padding-top:15px;border-top:1px solid #ffffff12;font-size:10px;color:#a6bcc2}
.vocab-progress-footer b{color:#e2e6dd;margin-left:5px}
.vocab-progress-footer>small{font-size:9px;color:#dcc48c}
.app-shell.is-playing.is-vocab-session .vocab-board{grid-area:question;align-self:stretch;display:flex;flex-direction:column;gap:0;width:100%;min-width:0;min-height:calc(100dvh - 40px);border:1px solid #b9c4bf27;border-radius:23px;background:linear-gradient(145deg,#20323d,#162832);box-shadow:0 17px 40px #0002,inset 0 1px #ffffff05}
.app-shell.is-playing.is-vocab-session .vocab-question-card{flex:1;padding:clamp(22px,2.6vw,40px);border:0;box-shadow:none;background:none;backdrop-filter:none;border-radius:23px 23px 0 0}
.app-shell.is-playing.is-vocab-session .vocab-question-card>h2{margin-top:20px}
.app-shell.is-playing.is-vocab-session .vocab-main-word{min-height:160px;padding:25px 0}
.app-shell.is-playing.is-vocab-session .vocab-feedback-panel{border:0;border-top:1px solid #b9c4bf20;box-shadow:none;backdrop-filter:none;min-height:0;padding:22px clamp(22px,2.6vw,40px);border-radius:0 0 23px 23px}
.app-shell.is-playing.is-vocab-session .vocab-feedback-idle{grid-template-columns:auto minmax(0,1fr);gap:3px 12px;justify-items:start;text-align:left;padding:0}
.app-shell.is-playing.is-vocab-session .vocab-feedback-idle>span{grid-row:1/3;width:38px;height:40px;margin:0;transform:none;border-radius:10px}
.app-shell.is-playing.is-vocab-session .vocab-feedback-idle .ui-icon{width:20px;height:20px}
.app-shell.is-playing.is-vocab-session .vocab-feedback-idle h3{font-size:13px;align-self:end}
.app-shell.is-playing.is-vocab-session .vocab-feedback-idle p{font-size:11px;margin:0}
.app-shell.is-playing.is-vocab-session .vocab-answer-status{margin-bottom:14px}
.app-shell.is-playing.is-vocab-session .vocab-answer-status>span{display:flex;align-items:center;gap:3px}
.app-shell.is-playing.is-vocab-session .vocab-answer-status .reward-art{width:23px;height:23px}
.app-shell.is-playing.is-vocab-session .vocab-meaning-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:18px}
.app-shell.is-playing.is-vocab-session .vocab-meaning:only-child{grid-column:1/-1}
.app-shell.is-playing.is-vocab-session .vocab-meaning h3{font-size:23px;margin:5px 0 7px}
.app-shell.is-playing.is-vocab-session .vocab-meaning p{font-size:13px;line-height:1.65;overflow-wrap:anywhere}
.app-shell.is-playing.is-vocab-session .vocab-meaning.your-choice{padding-bottom:0;border-bottom:0}
.app-shell.is-playing.is-vocab-session .vocab-next-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:14px}
.app-shell.is-playing.is-vocab-session .vocab-timer{margin:0}
.app-shell.is-playing.is-vocab-session .vocab-next-controls>.btn{width:auto;flex:none;padding:10px 17px}
@media(min-width:1101px){
 .app-shell.is-playing.is-vocab-session .vocab-options{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1000px) and (min-width:681px){
 .app-shell.is-playing.is-vocab-session .vocab-mini-tracker{padding:20px 14px}
 .vocab-tracker-heading>span{font-size:11px;gap:6px}
 .vocab-mini-tracker .vocab-live-score>span{font-size:9px;padding:9px 6px;gap:3px}
 .vocab-mini-tracker .vocab-live-score b{font-size:15px}
 .app-shell.is-playing.is-vocab-session .vocab-board{min-height:calc(100dvh - 32px)}
 .app-shell.is-playing.is-vocab-session .vocab-meaning-list{grid-template-columns:minmax(0,1fr);gap:16px}
}
@media(max-width:680px){
 .app-shell.is-playing.is-vocab-session .vocab-mini-tracker{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 16px;padding:14px 16px;border-radius:17px}
 .vocab-tracker-heading{grid-column:1/-1}
 .vocab-tracker-lesson{grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0}
 .vocab-tracker-lesson>b{font-size:11px}.vocab-tracker-lesson>span{font-size:9px}
 .vocab-progress-goal{grid-column:1;grid-row:3/5;margin:0;display:block}
 .vocab-progress-goal strong{font-size:36px}.vocab-progress-goal>div>span{font-size:17px}
 .vocab-progress-goal>span{display:block;font-size:9px;max-width:none;margin-top:4px}
 .vocab-progress-segments{grid-column:2;align-self:end;margin:0;gap:4px}
 .vocab-progress-segments>i{height:5px}
 .vocab-mini-tracker .vocab-live-score{grid-column:2;gap:7px}
 .vocab-mini-tracker .vocab-live-score>span{padding:6px;font-size:9px;min-height:30px}
 .vocab-mini-tracker .vocab-live-score b{font-size:14px}
 .vocab-progress-footer{grid-column:1/-1;margin:0;padding-top:9px;font-size:9px}
 .vocab-progress-footer>small{font-size:9px}
 .app-shell.is-playing.is-vocab-session .vocab-board{min-height:0;border-radius:18px}
 .app-shell.is-playing.is-vocab-session .vocab-question-card{padding:20px 17px;border-radius:18px 18px 0 0}
 .app-shell.is-playing.is-vocab-session .vocab-main-word{min-height:116px;padding:20px 0}
 .app-shell.is-playing.is-vocab-session .vocab-feedback-panel{padding:18px 17px;border-radius:0 0 18px 18px}
 .app-shell.is-playing.is-vocab-session .vocab-meaning-list{grid-template-columns:minmax(0,1fr);gap:15px}
 .app-shell.is-playing.is-vocab-session .vocab-meaning h3{font-size:21px}
 .app-shell.is-playing.is-vocab-session .vocab-meaning p{font-size:12px}
 .app-shell.is-playing.is-vocab-session .vocab-answer-status>strong{font-size:15px}
 .app-shell.is-playing.is-vocab-session .vocab-timer{font-size:10px}
 .app-shell.is-playing.is-vocab-session .vocab-next-controls>.btn{min-height:39px;font-size:10px;padding:9px 12px}
}
@media(max-width:360px){
 .app-shell.is-playing.is-vocab-session .vocab-mini-tracker{padding:12px;gap:9px 12px}
 .vocab-mini-tracker .vocab-live-score>span{font-size:8px;gap:3px}
 .vocab-mini-tracker .vocab-live-score b{font-size:12px}
}

/* Optional teaching support is stable and stays inside the question canvas. */
.verified-question .lesson-study{margin:0 0 17px;border:1px solid #b5c4ca66;border-radius:12px;background:#eef3f33d;font-size:12px;color:#47626c}
.lesson-study>summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:11px 13px;cursor:pointer;list-style:none;font-weight:650}
.lesson-study>summary::-webkit-details-marker{display:none}
.lesson-study>summary .ui-icon{width:16px;height:16px;flex:none}
.lesson-study>summary>span{margin-left:auto;font-size:10px;color:#6b7d84;font-weight:500}
.lesson-study>div{padding:0 14px 13px;line-height:1.65}
.lesson-study p{margin:0;font-size:12px;color:#47626c}
.lesson-study blockquote{margin:9px 0 0;padding-left:12px;border-left:2px solid #9aab88;font-size:12px;color:#233e49}
@media(max-width:680px){.verified-question .lesson-study{margin-bottom:12px}.lesson-study>summary{padding:10px;font-size:10px;gap:6px}.lesson-study>summary>span{font-size:9px;max-width:60%;text-align:right}.lesson-study>div{padding:0 11px 11px}}

/* managed.css */
.managed-lesson-image{display:block;width:100%;height:100%;max-height:360px;object-fit:contain}.managed-guide p{white-space:normal;line-height:1.7}.managed-announcement{padding:10px 24px;text-align:center;color:#f9e3ac;background:#23424b;font-size:14px}.managed-maintenance{position:fixed;inset:0;z-index:9999;background:#101b24ed;backdrop-filter:blur(20px);display:grid;place-items:center;padding:25px;color:#f6ead2}.managed-maintenance>div{max-width:580px;text-align:center}.managed-maintenance h1{font-size:clamp(30px,5vw,52px);line-height:1.12}.managed-maintenance a{color:#e4c78c}

/* performance.css */
/* Opaque teaching surfaces keep their glass edges without recomputing a blurred
   background every time a word, option, score or countdown changes. */
.app-shell.is-playing .verified-question,.app-shell.is-playing .mini-tracker,
.app-shell.is-playing .vocab-mini-tracker,.app-shell.is-playing .vocab-board,
.app-shell.is-playing .app-header,.app-shell.is-playing .game-header-count,
.app-shell.is-playing .xp-balance{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.app-shell.is-playing .verified-question,.app-shell.is-playing .vocab-board{contain:layout style}
.app-shell .scene-has-film,.app-shell .home-path,.app-shell .daily-card,
.app-shell .home-sticker,.app-shell .vocab-level-map{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.app-shell:not(.is-playing) .glass-sidebar,.app-shell:not(.is-playing) .app-header{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}

/* language-courses.css */
/* Target-language direction never changes the English controls or progress rail. */
.learning-language-control{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--line,#31414b)}
.learning-language-control label{display:block;font-weight:700;margin-bottom:10px}
.learning-language-control small{display:block;color:var(--muted,#a8b9c2);margin-top:10px;font-size:12px;line-height:1.6}
.course-language-badge{display:inline-flex;align-items:center;gap:8px;font-size:12px;padding:7px 10px;background:rgba(212,185,126,.12);border:1px solid rgba(212,185,126,.25);color:#e9d5a6;border-radius:9px}
.course-reward-label{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.course-reward-label small{color:#a8b9c2;line-height:1.5}
.stage-chooser-title .language-settings-link{padding:0;color:inherit;text-align:left;background:none;border:0;cursor:pointer;font:inherit}
.native-course [lang=ar]{font-family:'Segoe UI',Tahoma,Arial,sans-serif;line-height:1.8;letter-spacing:0}
.native-course .lesson-prompt[dir=rtl],.native-course .choice-label[dir=rtl]{text-align:right;unicode-bidi:plaintext}
.native-course .sentence-tokens[dir=rtl]{direction:rtl}
.native-course .lesson-copy{min-width:0}
.native-course .lesson-context{font-size:clamp(15px,1.3vw,20px);line-height:1.55}
.native-course .lesson-prompt{overflow-wrap:anywhere;font-size:clamp(21px,2.1vw,31px)}
.native-course .choice-label{overflow-wrap:anywhere;white-space:normal}
.native-course .lesson-study blockquote{unicode-bidi:plaintext}
.native-course .lesson-translation{margin:12px 0 0;font:400 13px/1.65 var(--font-ui,system-ui);color:#667782;letter-spacing:0;overflow-wrap:anywhere;max-width:760px}
.native-course .lesson-translation>span{font-weight:650;margin-right:5px}
.vocab-question-card[data-vocab-language]:not([data-vocab-language="English"]) .vocab-context,.vocab-question-card[data-vocab-language]:not([data-vocab-language="English"]) .vocab-spelling-clue{font-size:13px;line-height:1.6}
.vocab-word[lang=ar],.vocab-option b[lang=ar]{font-family:'Segoe UI',Tahoma,Arial,sans-serif;letter-spacing:0;line-height:1.8}
.native-course .option .choice-key{direction:ltr}
@media(max-width:680px){.learning-language-control .learning-stage-input{gap:8px}.learning-language-control select{min-width:0;width:100%}.native-course .sentence-tokens{gap:6px}.native-course .token-button,.native-course .token{padding:9px 10px;min-height:42px}}

/* school.css */
/* Classroom uses the same dark glass, gold accent and text tokens as the game. */
:root{--sc-ink:var(--ink,#f0f2f5);--sc-muted:var(--muted,#aab6c5);--sc-line:var(--line,#ffffff17);--sc-surface:var(--white,#17222d);--sc-inset:#111c27;--sc-accent:var(--accent,#d6b77c);--sc-success:#b5d69a;--sc-error:#e2b29a}
/* A focused school desk. No photographic backdrops, films or camera motion. */
body .shell.app-shell.simple-navigation[data-screen="Classroom"]{grid-template-columns:88px minmax(0,1fr);gap:0;padding:0;max-width:none;background:var(--sc-surface)}
[data-screen="Classroom"]>.main{min-width:0;padding:24px 30px 40px;background:var(--sc-surface)}
[data-screen="Classroom"] .content{max-width:1440px;margin:0 auto;padding:0;animation:none!important}
[data-screen="Classroom"]>.sidebar.glass-sidebar{width:72px;margin:16px 8px;padding:22px 8px;top:16px;height:calc(100dvh - 32px);border-radius:20px;background:var(--sc-inset);border:0;box-shadow:none}
[data-screen="Classroom"] .sidebar :is(.brand-name,.nav-text,.player-copy),[data-screen="Classroom"] .sidebar-player>.ui-icon{display:none}
[data-screen="Classroom"] .sidebar :is(.brand,.nav button,.sidebar-player){justify-content:center;padding-inline:6px}
[data-screen="Classroom"] .sidebar .brand{margin:0 0 28px}.app-shell[data-screen="Classroom"] .brand-mark{height:42px;width:42px;background:var(--sc-surface);border:0;color:var(--sc-ink);border-radius:13px}
[data-screen="Classroom"] .sidebar .nav button{height:50px;min-height:50px;border-radius:13px;margin-bottom:10px;color:var(--sc-muted)}
[data-screen="Classroom"] .sidebar .nav button.active{background:var(--sc-surface);color:var(--sc-ink);box-shadow:none;border:0}
[data-screen="Classroom"] .sidebar .nav-icon{width:24px;height:24px}.app-shell[data-screen="Classroom"] .sidebar-player{background:#ffffff08;border:0;padding:6px}
[data-screen="Classroom"]>.main>.app-header{display:flex;align-items:center;gap:20px;min-height:66px;height:auto;padding:14px 22px;margin:0 0 24px;border:1px solid var(--sc-line);border-radius:16px;background:var(--sc-surface);box-shadow:none;color:var(--sc-ink)}
[data-screen="Classroom"]>.main>.app-header .header-title{color:var(--sc-ink);font-size:17px}[data-screen="Classroom"]>.main>.app-header .header-actions{display:none}
.school-overview-brand{display:flex;align-items:center;justify-content:space-between;flex:1;gap:24px;min-width:0}.school-overview-brand>.eyebrow{font-size:10px;letter-spacing:.14em;color:var(--sc-muted);margin:0}
.school-language-picker{display:flex;align-items:center;gap:10px;color:var(--sc-muted);font-size:11px;flex-shrink:0}.school-language-picker select{width:160px;min-height:38px;border:1px solid var(--sc-line);border-radius:9px;background:var(--sc-surface);color:var(--sc-ink);padding:7px 11px;font:inherit;font-size:13px;color-scheme:light}
.school-app{--sc-ink:var(--ink);--sc-muted:var(--muted);--sc-line:var(--line);--sc-green:var(--accent);max-width:1440px;margin:0 auto;color:var(--sc-ink);font-size:15px;line-height:1.65}
.school-app :is(h1,h2,h3,p){color:inherit}.school-app button{font-family:inherit;transition:background-color .14s,color .14s,border-color .14s}.school-app :is(button,input,select,textarea):focus-visible{outline:2px solid var(--sc-line);outline-offset:3px}
.school-app .btn{font-size:13px;min-height:42px;padding:11px 18px;border-radius:10px;gap:9px;box-shadow:none;font-weight:650;white-space:normal}.school-app .btn.primary{background:var(--sc-inset);color:var(--sc-ink);border:1px solid var(--sc-line);box-shadow:none}.school-app .btn.primary:hover{background:var(--sc-inset)}.school-app .btn.light{background:var(--sc-surface);color:var(--sc-ink);border:1px solid var(--sc-line)}.school-app .btn:disabled{background:var(--sc-surface);color:var(--sc-muted);border:1px solid var(--sc-line);cursor:default;opacity:1}
.school-app .text-link{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--sc-ink);background:none;padding:6px 0;font-weight:650}.school-app .text-link .ui-icon{width:17px;height:17px}.school-app .panel{padding:26px;border:1px solid var(--sc-line);border-radius:17px;background:var(--sc-surface);box-shadow:none;color:var(--sc-ink)}
.school-kicker,.school-app .eyebrow{display:block;font-size:10px;letter-spacing:.12em;line-height:1.6;font-weight:700;color:var(--sc-muted)}.school-app .school-tag{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border:1px solid var(--sc-line);border-radius:6px;background:var(--sc-surface);color:var(--sc-ink);font-size:10px;font-weight:650;line-height:1.5}.school-app .school-muted{font-size:12px;color:var(--sc-muted)}.school-error{padding:16px;border:1px solid var(--sc-line);background:var(--sc-surface);color:var(--sc-ink);border-radius:10px}
.school-tabs{display:flex;gap:26px;border-bottom:1px solid var(--sc-line);margin:0 0 28px;padding:0;background:none;width:100%;overflow-x:auto;scrollbar-width:none}.school-tabs .school-tab{padding:0 0 14px;color:var(--sc-muted);border:0;border-bottom:3px solid transparent;border-radius:0;background:none;font-size:13px;flex-shrink:0;font-weight:550}.school-tabs .school-tab.active{color:var(--sc-ink);border-bottom-color:var(--sc-line);font-weight:750}
.school-dashboard{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:34px;margin:0 0 25px;align-items:stretch}.school-welcome{padding:14px 0 8px;min-width:0}.school-desk-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.school-live-label{font-size:10px;color:var(--sc-muted);display:inline-flex;gap:6px;align-items:center}.school-live-label:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--sc-inset)}
.school-welcome h1{font-size:clamp(27px,3vw,41px);line-height:1.2;letter-spacing:-.04em;margin:25px 0 10px;font-weight:700;color:var(--sc-ink)}.school-welcome-name{font-size:14px;color:var(--sc-muted)!important;margin:0 0 27px}.school-current-class{display:flex;align-items:center;gap:15px;margin:0 0 25px}.school-current-class>span{display:grid;place-items:center;width:55px;height:61px;flex:none;border:1px solid var(--sc-line);border-radius:12px;background:var(--sc-surface);color:var(--sc-muted);font-size:22px;font-weight:750}.school-current-class small{font-size:10px;letter-spacing:.08em;color:var(--sc-muted)}.school-current-class h2{font-size:20px;letter-spacing:-.02em;margin:5px 0 0;font-weight:650;line-height:1.35}
.school-desk-actions{display:flex;align-items:center;gap:24px;margin:0 0 23px}.school-desk-actions .btn{min-height:45px;padding-inline:22px}.school-desk-foot{display:flex;flex-wrap:wrap;gap:22px;font-size:11px;color:var(--sc-muted)}.school-desk-foot>span{display:inline-flex;gap:7px;align-items:center}.school-desk-foot .ui-icon{width:15px;height:15px}
.school-focus-board{display:flex;flex-direction:column;min-width:0;border-radius:18px;background:var(--sc-inset);color:var(--sc-ink);padding:26px 29px;box-shadow:inset 0 0 0 1px #365b4a}.school-board-top{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--sc-line);padding-bottom:18px;margin-bottom:21px;font-size:9px;letter-spacing:.14em;color:var(--sc-muted)}.school-board-top>b{font-size:10px;letter-spacing:.08em;font-weight:500;color:var(--sc-muted)}.school-board-topic{font-size:11px;color:var(--sc-muted)}.school-focus-board h2{font-size:clamp(22px,2.4vw,29px);font-weight:600;line-height:1.3;margin:13px 0;color:var(--sc-ink);letter-spacing:-.025em}.school-focus-board p{font-size:13px;line-height:1.9;color:var(--sc-muted);margin:0 0 25px}.school-board-bottom{display:flex;gap:16px;justify-content:space-between;align-items:center;margin-top:auto;font-size:10px;color:var(--sc-muted)}.school-board-bottom>span:first-child{padding:4px 9px;border:1px solid var(--sc-line);border-radius:5px;color:var(--sc-muted)}
.school-period-launches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 34px}.school-period-launch{display:flex;align-items:center;gap:11px;min-width:0;padding:17px 12px;text-align:start;border:1px solid var(--sc-line);border-radius:12px;background:var(--sc-surface);color:var(--sc-ink)}.school-period-launch:hover{background:var(--sc-surface);border-color:var(--sc-line)}.school-period-launch.current{background:var(--sc-surface);border-color:var(--sc-line)}.school-period-symbol{display:grid;place-items:center;flex:none;color:var(--sc-muted)}.school-period-symbol .ui-icon{width:20px;height:20px}.school-period-launch>span:nth-child(2){min-width:0;flex:1}.school-period-launch b{display:block;font-size:12px;line-height:1.4}.school-period-launch small{display:block;font-size:9px;color:var(--sc-muted);margin-top:5px;line-height:1.5}.school-period-launch>i{display:none}
.school-dashboard-bottom{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.8fr);gap:27px;align-items:start}.school-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 19px}.school-section-heading h2{font-size:20px;margin:7px 0 0;color:var(--sc-ink);font-weight:650}.school-section-heading>.ui-icon{color:var(--sc-muted);width:24px;height:24px}.school-unit-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.school-unit-tile{display:flex;flex-direction:column;min-width:0;padding:18px 16px;text-align:start;border:1px solid var(--sc-line);border-radius:12px;background:var(--sc-surface);color:var(--sc-ink);min-height:157px}.school-unit-tile:hover{border-color:var(--sc-line)}.school-unit-tile.current{background:var(--sc-surface);border-color:var(--sc-line)}.school-unit-tile>small{font-size:8px;letter-spacing:.08em;color:var(--sc-muted);font-weight:650}.school-unit-tile h3{font-size:14px;line-height:1.4;margin:12px 0 18px;font-weight:650}.school-unit-tile progress{display:block;width:100%;height:4px;border:0;border-radius:5px;overflow:hidden;background:var(--sc-surface);accent-color:#7f9c6a;margin-top:auto}.school-unit-tile progress::-webkit-progress-bar{background:var(--sc-surface)}.school-unit-tile progress::-webkit-progress-value{background:var(--sc-inset)}.school-unit-tile>span{display:flex;justify-content:space-between;gap:10px;margin-top:12px;font-size:10px;color:var(--sc-muted)}.school-unit-tile>span>.ui-icon{width:13px;height:13px}
.school-record{padding:23px;border:1px solid var(--sc-line);border-radius:15px;background:var(--sc-surface)}.school-record .school-section-heading h2{font-size:17px}.school-record dl{margin:20px 0 12px}.school-record dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:15px;padding:12px 0;border-bottom:1px solid var(--sc-line)}.school-record dt{font-size:11px;color:var(--sc-muted)}.school-record dd{font-size:20px;font-weight:650;margin:0;color:var(--sc-ink)}.school-record dd>small{font-size:10px;font-weight:400;color:var(--sc-muted)}.school-next-school-day{margin-top:25px;padding-top:20px;border-top:1px solid var(--sc-line)}.school-next-school-day>small{font-size:8px;letter-spacing:.12em;color:var(--sc-muted)}.school-next-school-day>b{display:block;margin:8px 0;font-size:12px;font-weight:600;color:var(--sc-ink)}
/* The active class has one top bar and a full-width, stationary study desk. */
body .shell.app-shell.simple-navigation.is-school-room{display:grid;grid-template-columns:minmax(0,1fr);gap:0;width:100%;max-width:none;padding:0;margin:0;background:var(--sc-surface)}body .app-shell.is-school-room>.main{grid-column:1;width:100%;max-width:none;margin:0;padding:0 22px 25px;background:var(--sc-surface)}body .app-shell.is-school-room .content{max-width:none;padding:0;margin:0;animation:none!important}body .app-shell.is-school-room :is(.topbar,.mobile-dock){display:none}.is-school-room .school-app{max-width:none;margin:0}
.school-room{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;align-items:start}.school-room-header{grid-column:1/-1;position:sticky;top:0;z-index:60;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;min-height:64px;padding:10px 24px;margin:0 -22px;width:calc(100% + 44px);background:var(--sc-inset);color:var(--sc-ink);border-bottom:1px solid var(--sc-line)}.school-room-header:before{content:"";position:absolute;bottom:100%;height:80px;left:0;right:0;background:var(--sc-inset)}.school-header-brand{display:flex;align-items:center;gap:15px;min-width:0}.school-menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:5px;background:#ffffff08;color:var(--sc-muted);padding:7px 9px;border:1px solid var(--sc-line);border-radius:8px;font-size:10px;min-height:34px}.school-menu-toggle>.ui-icon{width:16px;height:16px}.school-room-wordmark>b{font-size:16px;letter-spacing:-.4px;color:var(--sc-ink);display:block;line-height:1.2}.school-room-wordmark>small{font-size:7px;color:var(--sc-muted);letter-spacing:.1em}.school-header-lesson{padding-left:22px;border-left:1px solid var(--sc-line);min-width:0}.school-header-lesson h1{font-size:15px;margin:0;font-weight:600;color:var(--sc-ink)}.school-header-lesson small{display:block;margin-top:3px;font-size:9px;color:var(--sc-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.school-room-header .school-language-picker{color:var(--sc-muted);font-size:10px}.school-room-header .school-language-picker select{background:var(--sc-inset);border-color:var(--sc-line);color:var(--sc-ink);color-scheme:dark;min-height:34px;width:144px;font-size:11px}
.school-rail{position:sticky;top:84px;display:flex;flex-direction:column;gap:13px;min-width:0;max-height:calc(100dvh - 100px);overflow:auto;scrollbar-width:thin;scrollbar-color:#becbb3 transparent}.school-room-controls{padding:17px;background:var(--sc-surface);border:1px solid var(--sc-line);border-radius:14px}.school-controls-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.school-controls-top .text-link{font-size:9px}.school-controls-top .ui-icon{width:13px;height:13px}.school-controls-top .school-tag{font-size:8px;padding:4px 6px}.school-timer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.school-timer-grid span{display:block;font-size:9px;color:var(--sc-muted);margin:0 0 6px}.school-timer-grid b{display:block;font-size:26px;line-height:1.2;font-variant-numeric:tabular-nums;color:var(--sc-ink);font-weight:650;letter-spacing:-1px}.school-timer-grid small{display:block;font-size:8px;color:var(--sc-muted);margin-top:4px}.school-period-clock{border-left:1px solid var(--sc-line);padding-left:14px;text-align:start}.school-room-controls .school-pause{width:100%;min-height:33px;padding:7px 12px;font-size:10px}.school-room-controls>[data-school-clock-status]{display:block;font-size:8px;color:var(--sc-muted);margin-top:9px}.school-learning-goal{border-top:1px solid var(--sc-line);padding-top:16px;margin-top:16px}.school-learning-goal>small{font-size:9px;font-weight:700;color:var(--sc-muted)}.school-learning-goal>p{font-size:12px;line-height:1.8;color:var(--sc-muted);margin:7px 0 0}
.school-period-nav{display:flex;flex-direction:column;gap:4px;padding:6px;background:var(--sc-surface);border:1px solid var(--sc-line);border-radius:13px}.school-period-nav button{display:flex;align-items:center;text-align:start;gap:12px;padding:13px 10px;border:1px solid transparent;border-radius:9px;background:none;color:var(--sc-muted);width:100%;min-width:0}.school-period-nav button>span{display:grid;place-items:center;flex:none;width:25px;height:25px;border:1px solid var(--sc-line);border-radius:7px;font-size:10px;color:var(--sc-muted)}.school-period-nav button>b{font-size:11px;font-weight:600;min-width:0;flex:1}.school-period-nav button small{display:block;font-size:9px;color:var(--sc-muted);font-weight:400;margin-top:3px}.school-period-nav button>i{font-size:8px;font-style:normal}.school-period-nav button.active{background:var(--sc-surface);border-color:var(--sc-line);color:var(--sc-ink)}.school-period-nav button.active>span{background:var(--sc-inset);color:var(--sc-ink);border-color:var(--sc-line)}.school-period-nav button.done>span{background:var(--sc-surface);border-color:var(--sc-line);color:var(--sc-muted)}.school-attendance-rule{font-size:9px;color:var(--sc-muted);line-height:1.7;padding:0 8px}.school-attendance-rule .ui-icon{width:12px;height:12px;vertical-align:middle;margin-right:6px}
.school-workspace{min-width:0;border:1px solid var(--sc-line);border-radius:17px;background:var(--sc-surface);box-shadow:0 5px 15px #23462804;scroll-margin-top:82px;overflow:clip}.school-workspace-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:1px solid var(--sc-line);padding:23px 30px;background:var(--sc-surface)}.school-workspace-heading h2{font-size:24px;letter-spacing:-.03em;margin:6px 0 0;line-height:1.35;color:var(--sc-ink);font-weight:650}.school-period-number{font-size:27px;color:var(--sc-muted);font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}.school-period-number>small{display:block;font-size:7px;font-weight:650;letter-spacing:.12em;text-align:end;color:var(--sc-muted)}.school-period-number>i{font-size:12px;font-style:normal;color:var(--sc-muted);margin-left:4px}.school-period-content{padding:23px 30px 30px;min-height:370px}.school-period-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px 30px;border-top:1px solid var(--sc-line);background:var(--sc-surface)}.school-period-footer b{display:block;font-size:11px;font-weight:500;color:var(--sc-muted)}.school-period-footer small{display:block;font-size:9px;color:var(--sc-muted);margin-top:5px}.school-period-footer .btn{flex-shrink:0;font-size:12px}
.school-activity-plan{border:1px solid var(--sc-line);border-radius:9px;background:var(--sc-surface);padding:11px 14px;margin:0 0 20px}.school-activity-plan summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;font-size:10px;color:var(--sc-muted)}.school-activity-plan summary::-webkit-details-marker{display:none}.school-activity-plan .ui-icon{width:14px;height:14px}.school-activity-plan summary>b{font-weight:600;color:var(--sc-muted)}.school-activity-plan summary>span{margin-left:auto;font-size:9px}.school-activity-plan ol{margin:15px 0 2px;padding-inline-start:20px;color:var(--sc-muted);font-size:12px;line-height:1.85}.school-lesson-tabs{display:flex;gap:20px;border-bottom:1px solid var(--sc-line);margin:0 0 22px;overflow:auto;scrollbar-width:none}.school-lesson-tab{font-size:11px;font-weight:500;padding:0 0 12px;border:0;border-bottom:2px solid transparent;background:none;color:var(--sc-muted);white-space:nowrap}.school-lesson-tab.active{color:var(--sc-muted);border-bottom-color:var(--sc-line);font-weight:700}
.school-study-cards,.school-grammar-models,.school-model-grid,.school-workbook-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.school-study-card{border:1px solid var(--sc-line);border-radius:12px;background:var(--sc-surface);padding:22px;min-width:0}.school-study-card.studied{border-color:var(--sc-line);background:var(--sc-surface)}.school-study-card>small,.school-pattern-label,.school-model-grid article>small{font-size:9px;letter-spacing:.08em;color:var(--sc-muted)}.school-word-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:13px;margin:14px 0 16px}.school-word-line h3{margin:0;font-size:27px;letter-spacing:-.03em;color:var(--sc-ink);line-height:1.4;font-weight:650;max-width:100%;overflow-wrap:anywhere}.school-sound-hint{display:inline-flex;gap:6px;align-items:center;color:var(--sc-muted);font-size:11px;overflow-wrap:anywhere}.school-sound-hint>small{font-size:8px;letter-spacing:.08em;color:var(--sc-muted)}.school-word-meaning{margin:0 0 16px}.school-word-meaning>span{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--sc-muted)}.school-word-meaning>p{font-size:14px;line-height:1.8;color:var(--sc-muted);margin:6px 0 0}.school-word-meaning>small{font-size:11px;color:var(--sc-muted);line-height:1.8}.school-pronunciation-note{font-size:11px;line-height:1.8;color:var(--sc-muted);margin:0 0 20px}
.school-check{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--sc-line);border-radius:7px;padding:8px 12px;font-size:10px;color:var(--sc-muted);background:var(--sc-surface);font-weight:500}.school-check[aria-pressed="true"]{color:var(--sc-muted);background:var(--sc-surface);border-color:var(--sc-line)}.school-check .ui-icon{width:13px;height:13px}.school-teacher-note{display:flex;gap:13px;padding:17px 19px;border:1px solid var(--sc-line);border-radius:10px;background:var(--sc-surface);margin:0 0 22px}.school-teacher-avatar{flex:none;width:29px;height:29px;color:var(--sc-muted)}.school-teacher-avatar .ui-icon{width:24px;height:24px}.school-teacher-note b{font-size:11px;color:var(--sc-muted)}.school-teacher-note p{font-size:12px;line-height:1.85;margin:5px 0 0;color:var(--sc-muted)}
.school-teaching-guide{margin:0 0 24px}.school-teaching-guide>h2{font-size:24px;font-weight:650;line-height:1.4;margin:16px 0;color:var(--sc-ink)}.school-rule{font-size:15px;line-height:1.85;color:var(--sc-muted)!important;margin:12px 0 18px}.school-language-tip{border-inline-start:3px solid var(--sc-line);background:var(--sc-surface);padding:15px 18px;color:var(--sc-muted);font-size:12px;line-height:1.85}.school-grammar-models,.school-model-grid{margin:23px 0}.school-grammar-models article,.school-model-grid article{padding:20px;border:1px solid var(--sc-line);border-radius:12px;background:var(--sc-surface);min-width:0}.school-grammar-models blockquote,.school-model-grid blockquote{font-size:24px;line-height:1.65;font-weight:600;color:var(--sc-ink);margin:14px 0;overflow-wrap:anywhere}.school-grammar-models mark{background:var(--sc-surface);color:var(--sc-muted);border-bottom:2px solid var(--sc-line);padding:1px 3px;border-radius:3px}.school-grammar-models article>small{font-size:10px;color:var(--sc-muted)}.school-english-help{font-size:13px;color:var(--sc-muted)!important;line-height:1.85}
.school-workbook{margin:0}.school-workbook>h2{font-size:21px;color:var(--sc-muted);margin:0 0 9px}.school-workbook-grid{margin:20px 0}.school-workbook-item{min-width:0;align-self:start;padding:20px;border:1px solid var(--sc-line);border-radius:12px;background:var(--sc-surface)}.school-workbook-item>small,.school-reading-check>small{font-size:9px;letter-spacing:.08em;color:var(--sc-muted)}.school-app .school-task-instruction{font-size:15px;color:var(--sc-muted);font-weight:600;line-height:1.65;letter-spacing:0;margin:17px 0}.school-task-context{font-size:12px;color:var(--sc-muted);margin:15px 0}.school-task-context>small,.school-translation>small{display:block;font-size:8px;letter-spacing:.12em;font-weight:650;color:var(--sc-muted)}.school-task-context p{font-size:12px;line-height:1.85;color:var(--sc-muted);margin:6px 0}.school-task-context.is-meaning p{font-size:21px;font-weight:500;line-height:1.6;color:var(--sc-ink)}.school-app .school-target-sentence{font-size:24px;font-weight:600;line-height:1.65;color:var(--sc-ink);margin:19px 0;overflow-wrap:anywhere}.school-translation{border-inline-start:2px solid var(--sc-line);padding-inline-start:12px;margin:18px 0}.school-translation p{font-size:13px;line-height:1.85;color:var(--sc-muted);margin:5px 0}.school-workbook-item .school-target-sentence{font-size:19px}.school-workbook-item .school-task-context.is-meaning p{font-size:17px}
.school-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0 0}.school-options button{display:flex;align-items:center;text-align:start;gap:12px;min-height:56px;padding:13px 15px;min-width:0;border:1px solid var(--sc-line);border-radius:10px;background:var(--sc-surface);color:var(--sc-muted);font-size:15px;line-height:1.7;overflow-wrap:anywhere}.school-options button>span{display:grid;place-items:center;flex:none;width:22px;height:22px;font-size:9px;border:1px solid var(--sc-line);border-radius:6px;color:var(--sc-muted)}.school-options button:hover:not(:disabled){border-color:var(--sc-line);background:var(--sc-surface)}.school-options button:disabled{cursor:default;opacity:1}.school-options button.correct{background:var(--sc-surface);border-color:var(--sc-line);color:var(--sc-muted)}.school-options button.wrong{background:var(--sc-surface);border-color:var(--sc-line);color:var(--sc-muted)}.school-long-options{grid-template-columns:minmax(0,1fr)}.school-workbook-item .school-options button{font-size:12px;padding:10px;min-height:45px}.school-reading-answer{font-size:12px;line-height:1.85;padding:14px;margin-top:16px;background:var(--sc-surface);border-radius:9px;color:var(--sc-muted)}.school-reading-answer b{font-size:12px;font-weight:650;color:var(--sc-muted)}.school-reading-answer p{margin:6px 0 0}.school-reading-answer.wrong{background:var(--sc-surface);color:var(--sc-muted)}.school-reading-answer.wrong b{color:var(--sc-muted)}
.school-application{padding:23px;border:1px solid var(--sc-line);border-radius:12px;background:var(--sc-surface);margin:0 0 24px}.school-application h3{font-size:20px;color:var(--sc-muted);margin:0 0 17px}.school-application label,.school-workbook-item label{display:block;font-size:12px;color:var(--sc-muted);line-height:1.7;margin-top:18px}.school-app :is(textarea,input[type="text"],input[type="time"]){display:block;width:100%;padding:13px 15px;margin:8px 0 0;border:1px solid var(--sc-line);border-radius:8px;background:var(--sc-surface);color:var(--sc-ink);font:inherit;font-size:15px;line-height:1.85;resize:vertical;box-shadow:none;color-scheme:light}.school-app textarea::placeholder{color:var(--sc-muted)}.school-app textarea:focus{border-color:var(--sc-line);outline:2px solid var(--sc-line)}.school-application textarea{min-height:75px}.school-workbook-item input{min-height:45px}
.school-reading-passage{margin:0 0 25px}.school-reading-passage h2{font-size:24px;margin:17px 0 24px;color:var(--sc-muted)}.school-reading-document+.school-reading-document{padding-top:22px;margin-top:22px;border-top:1px solid var(--sc-line)}.school-reading-document h3{font-size:17px;color:var(--sc-muted)}.school-reading-document h3>small{display:block;color:var(--sc-muted);font-size:9px;letter-spacing:.08em;margin-bottom:6px}.school-bilingual-model{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.school-bilingual-model>blockquote{font-size:21px;line-height:1.95;white-space:pre-line;color:var(--sc-muted);margin:0;overflow-wrap:anywhere}.school-bilingual-model:has(>blockquote:only-child){grid-template-columns:minmax(0,1fr)}.school-bilingual-model .school-word-meaning{padding-inline-start:20px;border-inline-start:1px solid var(--sc-line)}.school-bilingual-model .school-word-meaning p{font-size:13px;line-height:1.95;white-space:pre-line;color:var(--sc-muted)}.school-reading-passage>.school-check{margin-top:22px}.school-reading-checks h2{font-size:23px;margin:0 0 20px;color:var(--sc-muted)}.school-reading-check{padding:21px;border:1px solid var(--sc-line);border-radius:12px;margin:15px 0;background:var(--sc-surface)}.school-reading-check h3{font-size:17px;font-weight:600;line-height:1.7;color:var(--sc-muted)}.school-reading-check>p{font-size:17px;line-height:1.9;color:var(--sc-muted)}.school-reading-check .school-options{grid-template-columns:minmax(0,1fr)}.school-writing-label{display:block;font-size:17px;font-weight:550;color:var(--sc-muted)}.school-writing-label>small{display:block;font-size:10px;color:var(--sc-muted);margin:8px 0}.school-writing-label textarea{min-height:180px}
.school-reading-flow[data-view="read"] :is(.school-reading-checks,.school-writing-label),.school-reading-flow[data-view="check"] :is(.school-teacher-note,.school-reading-passage,.school-writing-label),.school-reading-flow[data-view="retell"] :is(.school-teacher-note,.school-reading-passage,.school-reading-checks){display:none}
.school-support-heading h2{font-size:21px;line-height:1.6;color:var(--sc-muted);margin:15px 0}.school-support-heading>small{font-size:11px;color:var(--sc-muted)}.school-writing-wordbank{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:20px 0}.school-writing-wordbank small{font-size:10px;color:var(--sc-muted);margin-right:6px}.school-writing-wordbank>span{font-size:11px;padding:5px 9px;border:1px solid var(--sc-line);border-radius:6px;background:var(--sc-surface);color:var(--sc-muted)}.school-writing-assignment{border-bottom:1px solid var(--sc-line);padding-bottom:22px;margin-bottom:25px}.school-writing-assignment h2{font-size:20px;line-height:1.65;color:var(--sc-muted);margin:17px 0}.school-writing-assignment h3{font-size:14px;color:var(--sc-muted);margin-top:20px}.school-writing-assignment>p,.school-writing-assignment li{font-size:13px;line-height:1.9;color:var(--sc-muted)}.school-writing-assignment ol{padding-inline-start:20px}.school-writing-task>h2{font-size:23px;color:var(--sc-muted);margin-top:15px}.school-writing-task>label{font-size:13px;color:var(--sc-muted)}.school-writing-task textarea{min-height:240px;background:repeating-linear-gradient(var(--sc-surface),var(--sc-surface) 31px,var(--sc-surface) 31px,var(--sc-surface) 32px);line-height:32px;padding-top:10px}.school-writing-count{display:flex;justify-content:space-between;gap:15px;margin:12px 0;color:var(--sc-muted);font-size:10px}.school-writing-count b{font-weight:500}.school-writing-selfcheck{padding:18px;border:1px solid var(--sc-line);border-radius:10px;margin:24px 0}.school-writing-selfcheck h3{font-size:16px;color:var(--sc-muted);margin:0 0 16px}.school-writing-selfcheck .school-check{display:flex;width:100%;justify-content:flex-start;text-align:start;margin:8px 0;font-size:11px;padding:11px}
.school-quiz-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:27px;align-items:start}.school-question-column,.school-question-stem{min-width:0}.school-quiz-heading{display:flex;align-items:center;gap:12px;margin:0 0 22px}.school-quiz-split>.school-feedback{min-width:0;margin:0;padding:23px;border:1px solid var(--sc-line);border-radius:13px;background:var(--sc-surface);align-self:start;scroll-margin-top:85px}.school-feedback>b{display:block;font-size:17px;color:var(--sc-muted)}.school-feedback>p{font-size:14px;line-height:1.9;color:var(--sc-muted);margin:13px 0 24px;overflow-wrap:anywhere}.school-feedback.correct{background:var(--sc-surface);border-color:var(--sc-line)}.school-feedback.wrong{background:var(--sc-surface);border-color:var(--sc-line)}.school-feedback.wrong>b{color:var(--sc-muted)}.school-feedback.wrong>p{color:var(--sc-muted)}.school-feedback-placeholder{border-style:dashed!important;background:var(--sc-surface)!important}.school-feedback-placeholder>span{display:block;color:var(--sc-muted);margin-bottom:14px}.school-feedback-placeholder>b{font-size:14px;color:var(--sc-muted)}.school-feedback-placeholder>p{font-size:12px;color:var(--sc-muted);margin:9px 0 0}
.school-built-tokens,.school-token-bank{display:flex;gap:9px;flex-wrap:wrap;padding:17px;border:1px solid var(--sc-line);border-radius:10px;min-height:68px;margin:14px 0;background:var(--sc-surface)}.school-build button:not(.btn){padding:9px 13px;border:1px solid var(--sc-line);background:var(--sc-surface);border-radius:8px;color:var(--sc-muted);font-size:14px}.school-build button:disabled{opacity:.35}.school-built-tokens>button:disabled{opacity:1}.school-built-tokens>span{font-size:12px;color:var(--sc-muted)}.school-build .btn{margin-top:4px}.school-quiz-result{text-align:center;padding:35px 20px}.school-result-seal{display:grid;place-items:center;width:65px;height:65px;background:var(--sc-surface);border:1px solid var(--sc-line);border-radius:50%;color:var(--sc-muted);margin:0 auto 24px}.school-result-seal .ui-icon{width:27px;height:27px}.school-quiz-result h2{font-size:32px;color:var(--sc-muted);margin:18px 0}.school-quiz-result p{font-size:14px;color:var(--sc-muted)}.school-quiz-result>small{display:block;font-size:11px;color:var(--sc-muted);margin:14px 0 25px}.school-quiz-result .btn{margin:10px}
/* Curriculum, saved work and timetable use the same paper hierarchy. */
.school-syllabus .panel-head{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:25px}.school-syllabus h2,.school-timetable h2,.school-register h2{font-size:25px;color:var(--sc-ink);margin:9px 0 15px}.school-stage-tabs{display:flex;gap:5px;padding:4px;background:var(--sc-surface);border-radius:9px}.school-stage-tabs .school-tab{background:none;font-size:11px;padding:8px 12px;color:var(--sc-muted);border-radius:6px}.school-stage-tabs .school-tab.active{background:var(--sc-surface);color:var(--sc-muted)}.school-syllabus-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:25px}.school-unit-list{display:flex;flex-direction:column;gap:6px;max-height:620px;overflow:auto;padding:0 6px 0 0;scrollbar-width:thin}.school-unit{display:flex;gap:10px;align-items:center;text-align:start;padding:12px 10px;border:1px solid transparent;border-radius:8px;background:none;color:var(--sc-muted)}.school-unit>span{font-size:9px;color:var(--sc-muted)}.school-unit>b{font-size:11px;font-weight:500;flex:1}.school-unit>small{font-size:9px;color:var(--sc-muted)}.school-unit.active{background:var(--sc-surface);border-color:var(--sc-line);color:var(--sc-muted)}.school-class-list>h3{font-size:18px;color:var(--sc-muted);margin:8px 0 18px}.school-class-row{display:flex;align-items:center;gap:14px;text-align:start;padding:16px 10px;border:0;border-bottom:1px solid var(--sc-line);background:none;width:100%;color:var(--sc-muted)}.school-class-number{display:grid;place-items:center;flex:none;width:32px;height:32px;border:1px solid var(--sc-line);border-radius:8px;font-size:12px;color:var(--sc-muted)}.school-class-row>span:nth-child(2){flex:1}.school-class-row b{display:block;font-size:13px;font-weight:550}.school-class-row small{display:block;font-size:10px;line-height:1.7;color:var(--sc-muted);margin-top:5px}.school-class-row>span:last-child{font-size:10px;color:var(--sc-muted)}.school-class-row:hover{background:var(--sc-surface)}.school-class-row.done .school-class-number{background:var(--sc-surface)}
.school-two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.school-timetable>p,.school-register>p{font-size:13px;line-height:1.8;color:var(--sc-muted)}.school-timetable fieldset{padding:0;border:0;margin:22px 0}.school-timetable legend{font-size:11px;color:var(--sc-muted)}.school-day-options{display:flex;gap:6px;margin-top:10px}.school-day-options label{flex:1}.school-day-options input{position:absolute;opacity:0}.school-day-options span{display:block;text-align:center;padding:10px 5px;border:1px solid var(--sc-line);border-radius:7px;font-size:11px;color:var(--sc-muted)}.school-day-options input:checked+span{background:var(--sc-surface);color:var(--sc-muted);border-color:var(--sc-line)}.school-field{display:block;font-size:12px;color:var(--sc-muted);margin:20px 0}.school-field input{max-width:220px}.school-form-error{font-size:11px;color:var(--sc-muted);margin-bottom:13px}.school-schedule-preview h3{font-size:22px;margin:10px 0;color:var(--sc-muted)}.school-schedule-preview ul{padding:0;list-style:none;margin:20px 0}.school-schedule-preview li{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid var(--sc-line)}.school-calendar-date{width:42px;text-align:center;font-size:9px;color:var(--sc-muted)}.school-calendar-date b{display:block;font-size:20px;color:var(--sc-muted)}.school-schedule-preview li>span:nth-child(2){flex:1}.school-schedule-preview li b{font-size:13px;font-weight:550;color:var(--sc-muted)}.school-schedule-preview li small{display:block;font-size:10px;color:var(--sc-muted);margin-top:5px}
.school-register-table{overflow-x:auto}.school-register-table table{width:100%;border-collapse:collapse;font-size:11px;text-align:start}.school-register-table th,.school-register-table td{padding:14px 10px;border-bottom:1px solid var(--sc-line);color:var(--sc-muted);white-space:nowrap}.school-register-table th{font-size:9px;color:var(--sc-muted);font-weight:600}.school-in-progress{display:flex;align-items:center;gap:15px;padding:17px;border:1px solid var(--sc-line);border-radius:9px;font-size:12px;color:var(--sc-muted);background:var(--sc-surface);margin:22px 0}.school-empty{text-align:center;padding:35px 15px;color:var(--sc-muted)}.school-empty>svg{width:36px;height:36px;color:var(--sc-muted)}.school-empty h3{font-size:23px;color:var(--sc-muted)}.school-empty p{font-size:13px;color:var(--sc-muted)}
.school-class-plan>.eyebrow{margin-top:20px}.school-class-plan>h1{font-size:32px;color:var(--sc-muted);margin:15px 0}.school-class-plan>h3{font-size:19px;font-weight:500;color:var(--sc-muted)}.school-plan-parts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:28px 0}.school-plan-parts>div{border:1px solid var(--sc-line);border-radius:10px;padding:16px;background:var(--sc-surface)}.school-plan-parts small,.school-actual-patterns>small{font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:var(--sc-muted)}.school-plan-parts p,.school-actual-patterns>p{font-size:13px;color:var(--sc-muted);line-height:1.85;margin:8px 0 0}.school-actual-patterns{border-bottom:1px solid var(--sc-line);padding-bottom:25px;margin-bottom:25px}.school-submission{padding:20px;border:1px solid var(--sc-line);border-radius:10px;margin-bottom:20px;color:var(--sc-muted)}.school-submission h3{font-size:18px;color:var(--sc-muted)}.school-submission small{font-size:10px;color:var(--sc-muted)}.school-written-text{white-space:pre-wrap;line-height:1.9;font-size:14px}.school-class-plan>.btn{margin-right:10px}
.school-congratulations-backdrop{position:fixed;inset:0;z-index:300;background:var(--sc-inset);display:grid;place-items:center;padding:20px}.school-congratulations{width:min(440px,100%);padding:35px;border-radius:20px;background:var(--sc-surface);color:var(--sc-muted);box-shadow:0 15px 60px #193b3525;text-align:center}.school-congratulations .eyebrow{font-size:10px;color:var(--sc-muted)}.school-congratulations h2{font-size:30px;color:var(--sc-muted);margin:20px 0 12px}.school-congratulations p{font-size:13px;line-height:1.85;color:var(--sc-muted)}.school-congratulations .btn{display:inline-flex;gap:10px;align-items:center;background:var(--sc-inset);border-radius:9px;padding:13px 20px;color:var(--sc-ink);font-size:13px;margin-top:18px}
body .app-shell.is-school-room .sidebar.glass-sidebar{display:flex;position:fixed;left:8px;top:8px;bottom:8px;width:72px;height:calc(100dvh - 16px);margin:0;z-index:100;transform:translateX(-100px);opacity:0;visibility:hidden;pointer-events:none;transition:transform .15s,opacity .15s,visibility .15s}body .app-shell.is-school-room.school-nav-open .sidebar.glass-sidebar{display:flex!important;transform:translateX(0);opacity:1;visibility:visible;pointer-events:auto}.school-nav-scrim{position:fixed;inset:0;z-index:90;background:#00000016;border:0;padding:0;cursor:default}.school-nav-scrim[hidden]{display:none}
@media(max-width:1150px){.school-dashboard{gap:25px}.school-period-launches{grid-template-columns:repeat(3,minmax(0,1fr))}.school-period-launch{padding:14px}.school-dashboard-bottom{grid-template-columns:minmax(0,1.5fr) minmax(240px,.8fr)}.school-unit-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.school-room{grid-template-columns:200px minmax(0,1fr);gap:16px}.school-period-content,.school-workspace-heading{padding:22px}.school-room-header .school-language-picker>span{display:none}}
@media(max-width:900px){[data-screen="Classroom"]>.main{padding:20px}.school-dashboard{grid-template-columns:1fr 1fr;gap:20px}.school-focus-board{padding:22px}.school-dashboard-bottom{grid-template-columns:1fr}.school-record dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.school-record dl>div{display:block}.school-record dd{margin-top:10px}.school-next-school-day{display:flex;align-items:center;gap:20px;margin-top:20px;padding-top:15px;flex-wrap:wrap}.school-next-school-day>b{margin:0;flex:1}.school-room{grid-template-columns:1fr;gap:14px}.school-rail{position:static;max-height:none;overflow:visible;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.school-room-controls{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding:12px 15px}.school-controls-top{grid-column:1;grid-row:1}.school-timer-grid{grid-column:2;grid-row:1;margin:0;gap:20px;max-width:240px;justify-self:center}.school-timer-grid span{font-size:8px}.school-timer-grid b{font-size:21px}.school-timer-grid small{display:none}.school-room-controls .school-pause{grid-column:3;grid-row:1;width:auto;min-height:32px}.school-room-controls>[data-school-clock-status],.school-room-controls>.school-learning-goal,.school-attendance-rule{display:none}.school-period-nav{flex-direction:row;overflow:auto;padding:4px;gap:3px}.school-period-nav button{flex:1;min-width:115px;padding:10px 9px;gap:9px}.school-period-nav button>i{display:none}.school-period-nav button>b{font-size:10px}.school-period-nav button small{font-size:8px}.school-room-header{gap:16px}.school-header-lesson{padding-left:16px}.school-room-wordmark>b{font-size:14px}.school-room-wordmark>small{font-size:6px}.school-syllabus-layout{grid-template-columns:180px minmax(0,1fr)}.school-quiz-split{gap:20px}}
@media(max-width:700px){body .shell.app-shell.simple-navigation[data-screen="Classroom"]{display:block}.app-shell[data-screen="Classroom"]>.sidebar.glass-sidebar{display:none}[data-screen="Classroom"]>.main{padding:12px 13px 90px}.app-shell[data-screen="Classroom"]>.mobile-dock{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.school-overview-brand>.eyebrow{display:none}.school-overview-brand{justify-content:flex-end}.school-overview-brand .school-language-picker>span{display:none}.school-overview-brand select{width:140px}.app-shell[data-screen="Classroom"]>.main>.app-header{gap:12px;min-height:60px;padding:12px 14px;border-radius:12px;margin-bottom:22px}.school-tabs{gap:22px;margin-bottom:22px}.school-tabs .school-tab{font-size:11px;padding-bottom:11px}.school-dashboard{grid-template-columns:1fr;gap:22px}.school-welcome{padding:0 4px}.school-welcome h1{font-size:34px;margin-top:21px}.school-welcome-name{font-size:13px;margin-bottom:22px}.school-current-class h2{font-size:18px}.school-current-class>span{height:52px;width:48px;font-size:19px}.school-desk-actions{gap:20px;margin-bottom:19px}.school-desk-foot{font-size:10px;gap:16px}.school-focus-board{min-height:265px;padding:23px}.school-focus-board h2{font-size:26px}.school-period-launches{grid-template-columns:1fr;gap:7px;margin-bottom:28px}.school-period-launch{padding:13px 15px;gap:15px}.school-period-launch b{font-size:13px}.school-period-launch small{font-size:10px;margin-top:3px}.school-period-launch>i{display:block}.school-period-launch>i>.ui-icon{width:17px;height:17px;color:var(--sc-muted)}.school-unit-tiles{gap:9px}.school-unit-tile{padding:16px 13px;min-height:150px}.school-unit-tile h3{font-size:13px}.school-section-heading h2{font-size:19px}.school-record{padding:20px}.school-record dl{grid-template-columns:1fr;gap:0}.school-record dl>div{display:flex}.school-record dd{margin-top:0}.school-next-school-day{display:block}.school-next-school-day>b{margin:9px 0}.school-app .panel{padding:20px 16px}.school-two-column{grid-template-columns:1fr}.school-syllabus .panel-head{display:block}.school-stage-tabs{margin:22px 0 0}.school-syllabus-layout{grid-template-columns:1fr}.school-unit-list{flex-direction:row;overflow-x:auto;max-height:none;padding:0 0 8px}.school-unit{min-width:160px}.school-unit small{display:none}.school-plan-parts{grid-template-columns:1fr}.school-register-table th,.school-register-table td{padding:13px 8px}.school-in-progress{flex-wrap:wrap}
 body .app-shell.is-school-room>.main{padding:0 10px 16px}.school-room-header{margin:0 -10px;width:calc(100% + 20px);grid-template-columns:minmax(0,1fr) auto;padding:9px 12px;gap:8px}.school-header-brand{gap:10px}.school-menu-toggle{padding:6px;min-height:29px}.school-menu-toggle>span{display:none}.school-room-wordmark>b{font-size:14px}.school-room-wordmark>small{display:none}.school-header-lesson{grid-column:1/-1;grid-row:2;padding:8px 0 0;border-left:0;border-top:1px solid var(--sc-line)}.school-header-lesson h1{font-size:13px}.school-header-lesson small{font-size:8px}.school-room-header .school-language-picker{grid-column:2;grid-row:1}.school-room-header .school-language-picker select{width:128px;min-height:30px;font-size:10px}.school-room-controls{grid-template-columns:auto 1fr auto;gap:10px}.school-controls-top>.school-tag{display:none}.school-controls-top .text-link{font-size:0}.school-controls-top .ui-icon{width:17px;height:17px}.school-timer-grid{gap:20px;max-width:none;justify-self:start}.school-timer-grid b{font-size:21px}.school-room-controls .school-pause{font-size:9px;padding:7px 10px}.school-pause .ui-icon{width:12px;height:12px}.school-period-nav button{min-width:115px}.school-period-nav button>span{width:22px;height:22px;font-size:9px}.school-workspace-heading{padding:20px}.school-workspace-heading h2{font-size:21px}.school-period-number{font-size:23px}.school-period-content{padding:19px 17px;min-height:300px}.school-period-footer{padding:17px;gap:16px;align-items:flex-start}.school-period-footer b{font-size:10px;line-height:1.8}.school-period-footer small{font-size:8px}.school-period-footer .btn{font-size:10px;min-height:40px;padding:10px 13px}.school-activity-plan{padding:11px}.school-activity-plan summary{font-size:9px}.school-activity-plan summary>span{font-size:8px}.school-lesson-tabs{gap:18px}.school-lesson-tab{font-size:10px}.school-study-cards,.school-grammar-models,.school-model-grid,.school-workbook-grid,.school-bilingual-model{grid-template-columns:1fr}.school-study-card{padding:20px}.school-word-line h3{font-size:28px}.school-bilingual-model .school-word-meaning{padding:15px 0 0;border-left:0;border-top:1px solid var(--sc-line)}.school-app .school-target-sentence{font-size:22px}.school-options{gap:9px}.school-options button{font-size:15px;padding:13px 11px}.school-quiz-split{grid-template-columns:minmax(0,1fr);gap:20px}.school-quiz-split .school-question-column{display:contents}.school-question-stem{order:0}.school-quiz-split>.school-feedback{order:1;scroll-margin-top:115px;padding:18px}.school-quiz-split>.school-feedback-placeholder{display:none}.school-answerzone{order:2}.school-quiz-split .school-options{margin:0}.school-writing-count{display:block}.school-writing-count span{display:block;font-size:9px;margin-top:6px}.school-application{padding:18px}.school-feedback .btn{max-width:100%}}
@media(max-width:760px){.simple-navigation .mobile-dock{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.school-app *{scroll-behavior:auto;transition:none!important;animation:none!important}}

/* Reading text keeps an accessible contrast on paper; native examples stay prominent. */
.school-app :is(.school-english-help,.school-language-tip,.school-translation p,.school-writing-assignment>p,.school-writing-assignment li,.school-writing-task>label,.school-writing-count,.school-plan-parts p,.school-actual-patterns>p,.school-register>p,.school-timetable>p,.school-written-text,.school-reading-check>p){color:var(--sc-muted)!important}
.school-app .school-options button{color:var(--sc-ink)}.school-app .school-options button.correct{color:var(--sc-ink)}.school-app .school-options button.wrong{color:var(--sc-muted)}
.school-app .school-feedback>p{color:var(--sc-muted)}.school-app .school-feedback.wrong>p{color:var(--sc-muted)}.school-app .school-reading-answer{color:var(--sc-muted)}
.school-app .school-workbook-item label,.school-app .school-application label,.school-app .school-writing-label{color:var(--sc-muted)}.school-app .school-task-context p{color:var(--sc-muted)}
.school-app .school-feedback-placeholder>p{color:var(--sc-muted)}.school-app .school-class-row small{color:var(--sc-muted)}.school-app .school-register-table :is(th,td){color:var(--sc-muted)}

/* Shared game surfaces; layout and saved learning activity state are unchanged. */
body .shell.app-shell.simple-navigation[data-screen="Classroom"],
[data-screen="Classroom"]>.main,
body .shell.app-shell.simple-navigation.is-school-room,
body .app-shell.is-school-room>.main{background:transparent}
[data-screen="Classroom"]>.sidebar.glass-sidebar{background:linear-gradient(165deg,#1d2934d9,#101923f2);border:1px solid var(--sc-line);box-shadow:var(--shadow)}
.app-shell[data-screen="Classroom"] .brand-mark{background:linear-gradient(145deg,#487172,#193a40);color:#f7e1b3;border:1px solid #8cb0aa70}
[data-screen="Classroom"] .sidebar .nav button.active{background:linear-gradient(105deg,#46635f48,#334e5120);border:1px solid #aac5b02b;color:#e9d5af;box-shadow:inset 3px 0 var(--sc-accent)}
[data-screen="Classroom"]>.main>.app-header{background:#17222dbf;border-color:var(--sc-line);box-shadow:var(--shadow)}
.school-room-header,.school-room-header:before{background:#17222d;border-color:var(--sc-line)}
.school-app .panel,.school-workspace,.school-focus-board{background:linear-gradient(145deg,#1c2934f5,#14202afa);border:1px solid var(--sc-line);box-shadow:var(--shadow)}
.school-workspace-heading,.school-period-footer,.school-record{background:#1b2932}
.school-period-launch,.school-unit-tile,.school-room-controls,.school-period-nav,.school-study-card,.school-workbook-item,.school-reading-check{background:var(--sc-surface);border-color:var(--sc-line)}
.school-period-launch.current,.school-unit-tile.current,.school-unit.active,.school-period-nav button.active,.school-stage-tabs .school-tab.active{background:var(--mint,#213835);border-color:#d6b77c55;color:var(--sc-accent)}
.school-period-launch:hover,.school-unit-tile:hover,.school-class-row:hover{background:#21313b;border-color:#d6b77c55}
.school-app .btn.primary,.school-congratulations .btn{background:linear-gradient(145deg,#e5cf9e,#c4a36b);border:1px solid #e8d5b0;color:#242c30;box-shadow:0 5px 16px #0003,inset 0 1px #fff5}
.school-app .btn.primary:hover{background:linear-gradient(145deg,#f1ddba,#d9b781)}
.school-app .btn.light,.school-check{background:#ffffff08;color:#d5dee7;border-color:#ffffff1c}
.school-app .btn:disabled{background:#ffffff08;color:#8c9aa5;border-color:var(--sc-line)}
.school-app .text-link,.school-app .school-tag,.school-app .school-kicker,.school-app .eyebrow,.school-app .school-period-number,.school-board-topic,.school-board-bottom>span:first-child,.school-lesson-tab.active,.school-tabs .school-tab.active{color:var(--sc-accent)}
.school-lesson-tab.active,.school-tabs .school-tab.active{border-bottom-color:var(--sc-accent)}
.school-app .school-tag,.school-current-class>span{background:#d6b77c12;border-color:#d6b77c33;color:var(--sc-accent)}
.school-language-picker select,.school-room-header .school-language-picker select{background:#111c27;color:var(--sc-ink);border-color:var(--sc-line);color-scheme:dark}
.school-app :is(textarea,input[type="text"],input[type="time"]){background:var(--sc-inset);color:var(--sc-ink);border-color:#ffffff22;color-scheme:dark}
.school-app textarea:focus{border-color:var(--sc-accent);outline:2px solid #d6b77c22}
.school-app textarea::placeholder{color:#8193a1}
.school-writing-task textarea{background:repeating-linear-gradient(#111c27,#111c27 31px,#aab6c514 31px,#aab6c514 32px)}
.school-app :is(.school-english-help,.school-language-tip,.school-translation p,.school-writing-assignment>p,.school-writing-assignment li,.school-writing-task>label,.school-writing-count,.school-plan-parts p,.school-actual-patterns>p,.school-register>p,.school-timetable>p,.school-written-text,.school-reading-check>p){color:var(--sc-muted)!important}
.school-app .school-task-context.is-meaning p{color:#e6d3ac}
.school-app .school-target-sentence,.school-app .school-options button{color:var(--sc-ink)}
.school-app .school-options button{background:#182732;border-color:#ffffff22}
.school-app .school-options button:hover:not(:disabled){background:#243640;border-color:#d6b77c66}
.school-app .school-options button.correct,.school-check[aria-pressed="true"]{background:#233a2d;border-color:#91b87766;color:var(--sc-success)}
.school-app .school-options button.wrong{background:#392b2c;border-color:#d9988166;color:var(--sc-error)}
.school-grammar-models mark{background:#d6b77c24;color:#f2dba9;border-bottom-color:var(--sc-accent)}
.school-language-tip{border-inline-start-color:var(--sc-accent)}
.school-app .school-feedback,.school-app .school-feedback-placeholder{background:#13222d!important;border-color:var(--sc-line)}
.school-app .school-feedback.correct,.school-reading-answer{background:#203428!important;border-color:#91b87744;color:var(--sc-success)}
.school-app .school-feedback.wrong,.school-reading-answer.wrong{background:#32272a!important;border-color:#d9988144;color:var(--sc-error)}
.school-app .school-feedback.correct>b,.school-reading-answer>b{color:var(--sc-success)}
.school-app .school-feedback.wrong>b,.school-reading-answer.wrong>b{color:var(--sc-error)}
.school-app .school-feedback>p,.school-app .school-feedback.wrong>p,.school-app .school-application label,.school-app .school-workbook-item label,.school-app .school-writing-label,.school-app .school-task-context p,.school-app .school-register-table :is(th,td){color:var(--sc-muted)}
.school-period-nav button.active>span{background:var(--sc-accent);color:#242c30;border-color:var(--sc-accent)}
.school-day-options input:checked+span{background:var(--mint,#213835);color:var(--sc-accent);border-color:#d6b77c55}
.school-rail{scrollbar-color:#506270 transparent}
.school-unit-tile progress::-webkit-progress-bar{background:#ffffff0d}.school-unit-tile progress::-webkit-progress-value{background:var(--sc-accent)}
.school-app :is(button,input,select,textarea):focus-visible{outline-color:var(--sc-accent)}

/* school-polish.css */
/* Shared School Word typography. Classroom design is owned by school.css. */
:root{--font-ui:Inter,"Segoe UI",Arial,sans-serif;--font-display:Inter,"Segoe UI",Arial,sans-serif}
body,button,input,select,textarea{font-family:var(--font-ui);font-synthesis:none}
body{font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}
.app-shell h1,.app-shell h2,.app-shell h3{font-family:var(--font-display);line-height:1.25;letter-spacing:-.025em}
.app-shell h1{font-weight:750}.app-shell h2{font-weight:700}.app-shell button{line-height:1.4}.app-shell p{line-height:1.7}
.app-shell .brand-name{font-size:23px;letter-spacing:-.9px;white-space:nowrap}.app-shell .brand-name>span{font-size:9px;letter-spacing:.2em}.brand-mark>svg{width:36px;height:36px}
.lesson-card h1,.question-title{font-size:clamp(24px,2.3vw,34px);line-height:1.4}.lesson-card .question-instruction{font-size:15px;color:#7ab8c3}
.app-shell .lesson-v3 .lesson-heading-row h2{font-size:clamp(20px,2vw,27px);font-weight:650;line-height:1.4;color:#29434e}
.app-shell .lesson-v3 .lesson-context{font-size:15px;line-height:1.8;font-weight:400;color:#607e89;margin:12px 0}
.app-shell .lesson-v3 .lesson-prompt{font-size:clamp(24px,2.4vw,34px);font-weight:650;line-height:1.55;color:#173d4b;letter-spacing:-.02em}
.app-shell .lesson-v3 .lesson-translation{font-size:14px;line-height:1.8;color:#617d85;border-inline-start:2px solid #a8bfc1;padding-inline-start:12px}
.app-shell .lesson-v3 .lesson-translation>span{font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}
.app-shell .lesson-v3 .lesson-meta{font-size:11px;line-height:1.5}.app-shell .lesson-v3 .lesson-study summary{font-size:13px;line-height:1.5}

/* gamer-account.css */
.account-overlay{position:fixed;inset:0;z-index:400;background:#071019cc;backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px;overflow:auto}
.account-box{position:relative;width:min(580px,100%);max-height:92dvh;overflow:auto;padding:32px;border:1px solid var(--line);border-radius:22px;background:#17222d;color:var(--ink);box-shadow:var(--shadow)}
.account-box h1{font-size:28px;letter-spacing:-.8px;margin:16px 0 10px}.account-box p{font-size:14px;line-height:1.7;color:var(--muted)}.account-box label{display:block;font-size:13px;margin-top:17px;color:#d8e1e5}.account-box input,.account-box select{display:block;width:100%;padding:12px;margin-top:7px;border:1px solid #ffffff24;border-radius:9px;background:#101b26;color:var(--ink);font:inherit;min-height:44px;color-scheme:dark}.account-box small{font-size:11px;color:var(--muted)}
.account-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}.account-box .account-agree{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.7}.account-agree input{width:17px;min-height:17px;margin-top:2px;flex:none}.account-box a,.account-box button:not(.btn){color:var(--accent)}.account-box button:not(.btn){background:none;border:0;padding:0;font-size:13px;cursor:pointer}.account-box .account-close{position:absolute;right:20px;top:17px;font-size:26px!important;padding:4px!important}.account-box .btn.primary{width:100%;margin-top:12px;min-height:46px;background:linear-gradient(145deg,#e5cf9e,#c4a36b);color:#242c30;border-radius:10px}.account-box .btn:disabled{opacity:.5;cursor:default}.account-error{color:#f0ac9d!important;font-size:12px!important;margin:12px 0 0}.account-status{color:#b5d69a!important}.account-notice{background:#d6b77c12;border:1px solid #d6b77c33;border-radius:10px;padding:12px;font-size:12px;line-height:1.7;color:#e1cfad}.account-entry{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.account-entry h2{font-size:21px;margin:10px 0}
.account-box{padding:26px;max-height:94dvh}.account-box>p{margin:8px 0;font-size:13px}.account-box h1{margin:12px 0 8px}.account-box label{margin-top:12px}.account-box input,.account-box select{padding:10px 12px;min-height:40px}.account-box .account-agree input{min-height:17px}.account-notice{padding:10px;font-size:11px}.account-box .btn.primary{margin-top:8px}
@media(max-width:540px){.account-box{padding:25px 20px}.account-pair{grid-template-columns:1fr;gap:0}.account-entry{display:block}.account-entry>.btn{margin-top:18px}}

.account-locked #app{visibility:hidden;pointer-events:none}.account-locked .account-close{display:none!important}

#cloud-save-status{position:fixed;bottom:10px;right:14px;z-index:450;padding:6px 10px;border-radius:8px;background:#17222dee;color:#bed4ce;font:12px/1.5 system-ui;max-width:min(420px,90vw);pointer-events:none}#cloud-save-status[data-error="true"]{color:#ffcfad}.account-locked #cloud-save-status{display:none}

.account-box [data-account-backup],.account-box [data-account-logout]{display:block;margin-top:18px;padding:8px 0!important}

/* design-system.css */
/* School Word foundation: shared type hierarchy, accessible focus and motion. */
:root{--sw-space-1:4px;--sw-space-2:8px;--sw-space-3:12px;--sw-space-4:16px;--sw-space-6:24px;--sw-space-8:32px;--sw-body:clamp(15px,.9vw + 5px,18px);--sw-title:clamp(25px,2vw,36px);--sw-focus:#f1d89c}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-rendering:optimizeLegibility}
button,input,select,textarea{font-family:inherit}button,a,input,select,textarea{touch-action:manipulation}
:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--sw-focus)!important;outline-offset:4px}
.school-question-column h2,.school-question-column h3{font-size:var(--sw-title);line-height:1.25;letter-spacing:-.5px;color:#f0f4f3}
.school-question-stem{font-size:var(--sw-body);line-height:1.65;color:#c4d4d1}
.school-feedback{line-height:1.7}.school-feedback p{font-size:15px;color:#c1d0cf}.school-feedback h3{font-size:20px}
.account-links{font-size:12px!important;text-align:center;margin-top:20px!important}
@media(max-width:600px){.account-overlay{padding:12px}.account-box{max-height:96dvh}.school-question-column button{min-height:44px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* atlas-theme.css */
/* School Word / Atlas. Original interface inspired by the owner's visual references.
   One presentation layer; no changes to curriculum, authentication or saved progress. */
:root{--ink:#edf2fa;--muted:#a7b5ca;--accent:#edc77e;--white:#141e30;--line:#adc8ef26;--sc-inset:#0d1525;--sw-gold:#edc77e;--sw-cyan:#74d9eb;--sw-panel:linear-gradient(145deg,#202b40ee,#101929f5);--glass:linear-gradient(145deg,#202b40ee,#101929f5);--sw-metal:inset 0 1px 0 #eef7ff38,inset 0 -1px 0 #0008,0 12px 32px #0003;--sc-surface:#141e30;--sc-ink:#edf2fa;--sc-muted:#a7b5ca;--sc-line:#adc8ef26;color-scheme:dark}
html{background:#090e19}body{background:radial-gradient(ellipse at 80% 0,#25426a40,transparent 55%),radial-gradient(ellipse at 0 75%,#3e301d25,transparent 45%),#090e19;color:var(--ink)}
body .shell.app-shell{background:transparent;--font-display:Inter,"Segoe UI",sans-serif;--font-ui:Inter,"Segoe UI",sans-serif}
.app-shell .main{min-width:0}.app-shell :is(h1,h2,h3,h4){text-wrap:balance}.app-shell :is(.panel,.app-header,.mobile-dock),.app-shell .sidebar.glass-sidebar{background:var(--sw-panel);border-color:var(--line);box-shadow:var(--sw-metal)}
.app-shell :is(.panel,.app-header){border-radius:20px}.app-shell .app-header{border-top-color:#b9d4f044;min-height:76px}.app-shell .sidebar.glass-sidebar{border-radius:24px;background:linear-gradient(165deg,#202b3cef,#101827f5);border:1px solid #b4cbe22b}
.app-shell .brand-mark{background:linear-gradient(145deg,#3e626d,#152f3d);border:1px solid #d6bb7a88;border-radius:18px;color:#ffe3a0;box-shadow:inset 0 1px #fff5,0 0 20px #66cbd010}.app-shell .brand-name{color:#f3f5f8}.app-shell .brand-name>span{color:#9eafc1}
.app-shell .nav button{border:1px solid transparent;transition:background-color .16s,border-color .16s,color .16s}.app-shell .nav button.active{color:#f5d796;background:linear-gradient(110deg,#dac17820,#ffffff07);border-color:#dcc17e55;box-shadow:inset 3px 0 #edcb84,inset 0 1px #fff1}.app-shell .nav button:hover{background-color:#c5d9fa0a;color:#fff}
.app-shell .sidebar-player{background:linear-gradient(140deg,#28374b,#141d2c);border:1px solid #cfb67b66;box-shadow:inset 0 1px #fff2;border-radius:15px}.app-shell .avatar{border:1px solid #bad6eb3b;background:linear-gradient(145deg,#3a5469,#243448);color:#f5dda6}
.app-shell :is(.btn.primary,.play-large,.school-app .btn.primary),.account-box .btn.primary{background:linear-gradient(165deg,#ffeab6 0%,#edc77e 48%,#bb904b 100%);border:1px solid #ffe9ad;color:#172130;box-shadow:inset 0 2px #fff8,inset 0 -2px #9d713b80,0 4px 16px #d8ab4b20;border-radius:11px;font-weight:750;text-shadow:0 1px #fff3;transition:filter .16s,transform .16s}
.app-shell .btn.primary:hover,.account-box .btn.primary:hover{filter:brightness(1.08)}.app-shell .btn:active{transform:translateY(1px)}.app-shell :is(.btn.light,.glass-back,.path-previous,.path-arrow){background:linear-gradient(160deg,#2b3a50,#172232);border:1px solid #a6bfd247;color:#dfdfd5;box-shadow:inset 0 1px #ffffff20;border-radius:11px}
.app-shell button:disabled{filter:saturate(.35);cursor:not-allowed;box-shadow:none}.app-shell :is(.text-link,.eyebrow,.launch-kicker){color:#e5c88f}.app-shell :is(input,textarea,select),.account-box :is(input,select){background:#0d1726;color:#e9eff9;border:1px solid #aec5e23b;border-radius:10px;color-scheme:dark}.app-shell :is(input,textarea,select):focus,.account-box input:focus{border-color:#edc77e;outline-offset:3px}
/* Home: keep the scenery unobstructed and the stage choices under Play. */
.app-shell .launch-card{border:1px solid #dcb97980;border-radius:23px;box-shadow:inset 0 1px #fff5,0 14px 45px #0004}.app-shell .launch-card h1{color:#f3d593;text-shadow:0 2px 16px #0009}.app-shell .launch-card h1>span{color:#f1f4fa}.app-shell .launch-copy{position:relative;z-index:2}.app-shell .launch-card .play-large{min-height:48px;min-width:175px;font-size:15px}.app-shell .launch-card :is(.stage-switcher,.home-stage-picker){background:#0e172be8;border-color:#d0b77a45}
.app-shell .learning-track-switch{background:#0c1424;border:1px solid #aec7eb24;border-radius:14px;padding:5px;gap:5px}.app-shell .learning-track-switch button{color:#aebed1;border-radius:10px}.app-shell .learning-track-switch button.selected{color:#f2d99e;background:linear-gradient(145deg,#e7cd8d22,#27394b);border:1px solid #d2b77d88;box-shadow:inset 0 1px #fff2}
/* Machined edge cards use CSS gradients, not screenshots or heavy video loops. */
.app-shell .path-card{background:linear-gradient(155deg,#35475a,#172535 55%,#121d2b);border:1px solid #91b8d17a;border-radius:15px;box-shadow:inset 0 0 0 3px #0c162a,inset 0 0 0 4px #91b8d13d,0 7px 16px #0005;color:#dce7ef}
.app-shell .path-slide.is-active .path-card,.app-shell .path-card[aria-current="true"]{background:radial-gradient(ellipse at 0 100%,#4ce2df25,transparent 70%),linear-gradient(145deg,#34475a,#172535);border-color:#f2d58f;box-shadow:inset 0 0 0 3px #102031,inset 0 0 0 4px #f1d39488,0 0 20px #eec77b20;color:#ffe5a1}
.app-shell .path-number{color:inherit}.app-shell .path-selected h4{color:#eff4fb}.app-shell .path-dots button.active{background:#e0bd7022;border-color:#edc77e;color:#ffe3a0}
.app-shell :is(.vocab-level,.school-unit-tile,.school-period-launch){background:linear-gradient(145deg,#293c53,#152337);border:1px solid #8ab4d35c;box-shadow:inset 0 1px #c7e4ff28,inset 0 0 0 3px #9ebdd00a,0 5px 12px #0002;border-radius:14px;color:#e9eff9}
.app-shell :is(.vocab-level.is-current,.school-unit-tile.current,.school-period-launch.current){border-color:#edc77e;background:radial-gradient(ellipse at top,#ebc47b22,transparent 80%),linear-gradient(145deg,#304053,#192639);box-shadow:inset 0 0 0 3px #ecce8720,0 0 18px #e6be7017}
.app-shell .vocab-level:disabled{opacity:.62}.app-shell .vocab-level-number{background:#0c192b;border:1px solid #99c1d15c;color:#f4d898;border-radius:10px}.app-shell .vocab-intro{border-top-color:#e3c48470}.app-shell .vocab-intro h1{color:#f6dca0;font-size:clamp(28px,3.1vw,47px)}.app-shell .vocab-lifetime>span{background:#0c1528b8;border:1px solid #a8c4e45c;box-shadow:inset 0 1px #fff2;border-radius:11px;padding:14px}.app-shell .vocab-lifetime b{color:#f1d493}
/* Shared classroom and study desk. */
body .shell.app-shell.simple-navigation[data-screen="Classroom"],body .shell.app-shell.simple-navigation.is-school-room{background:transparent}.app-shell[data-screen="Classroom"]>.main,.app-shell.is-school-room>.main{background:transparent}
.app-shell :is(.school-focus-board,.school-record,.school-clock-card,.school-periods,.school-workspace,.school-study-card,.school-grammar-card,.school-feedback,.school-teaching-guide){background:var(--sw-panel);border:1px solid var(--line);box-shadow:var(--sw-metal);border-radius:17px}
.app-shell :is(.school-room-header,.school-room-topbar){background:linear-gradient(120deg,#253c43,#162637);border:1px solid #c6b37b52;box-shadow:0 8px 24px #0005}.app-shell .school-unit-tile h3{font-size:17px}.app-shell .school-unit-tile.current h3{color:#f5d794}.app-shell .school-unit-tile progress{accent-color:#78c9cb}.app-shell .school-unit-tile progress::-webkit-progress-value{background:linear-gradient(90deg,#60b9c9,#ecd098)}.app-shell .school-record dd{color:#83dce7}
.app-shell .school-question-column :is(h2,h3){color:#f2d798;font-size:clamp(24px,2.1vw,34px)}.app-shell .school-question-stem{color:#b7d5e6;font-size:17px;line-height:1.75}.app-shell .school-feedback h3{color:#e6ca91;font-size:21px}.app-shell .school-feedback p{color:#c1cfe0}.app-shell .school-period-launch b{font-size:13px}.app-shell .school-period-launch small{font-size:11px}.app-shell .school-tabs .school-tab.active{color:#f1d28e;border-bottom-color:#edc77e}
/* Questions stay calm and readable; no flashing, pulsing or animated borders. */
.app-shell .lesson-v3 .question-panel,.app-shell .question-panel,.app-shell .vocab-question{background:linear-gradient(145deg,#1c2940,#101b2c);color:#eaf0fa;border:1px solid #b8c9dc55;box-shadow:inset 0 0 0 4px #e6c78b0d,0 15px 35px #0003;border-radius:20px}
.app-shell .lesson-v3 .lesson-heading-row h2,.app-shell .question-panel h2{color:#f0d59a}.app-shell .lesson-v3 .lesson-prompt,.app-shell .question-panel>.prompt{color:#eaf2fc;background:#0b152328;border-color:#d1b78130;font-size:clamp(24px,2.4vw,36px);line-height:1.45}.app-shell .lesson-v3 :is(.lesson-context,.lesson-translation){color:#a8c4d7}.app-shell .lesson-v3 .lesson-study{background:#7eacd50c;border-color:#a8c4df30;color:#b4cbdb}
.app-shell :is(.option,.school-option,.token-button,.token,.vocab-choice){background:linear-gradient(165deg,#2a3d52,#19283b);border:1px solid #a5bfd65c;color:#e8f0f9;box-shadow:inset 0 1px #ffffff24,inset 0 -2px #060c1840;border-radius:12px;transition:background-color .14s,border-color .14s;animation:none!important}
.app-shell :is(.option,.school-option,.vocab-choice):not(:disabled):hover{border-color:#edcb85;background:linear-gradient(145deg,#3b4350,#233348)}.app-shell :is(.option.correct,.option.is-correct,.school-option.correct,.vocab-choice.correct){background:#163e3d;border-color:#6ed2ae;color:#d7fff0}.app-shell :is(.option.wrong,.option.is-wrong,.school-option.wrong,.vocab-choice.wrong){background:#402936;border-color:#e4a299;color:#ffe5df}
.app-shell .choice-key{background:#0e1b2c;border:1px solid #a6c2d540;color:#e9d8ac}.app-shell .picture-cue,.app-shell .photo-crop{border-color:#d8be7b77;box-shadow:0 0 0 4px #ead1970b;border-radius:15px}.app-shell .mini-scoreboard.mini-tracker{background:var(--sw-panel);border-color:#afc5e650;box-shadow:var(--sw-metal)}.tracker-goal strong{color:#ffe2a0}.tracker-segments i.filled{background:linear-gradient(135deg,#ffe6a3,#bd914c)}.tracker-heading>span{color:#e5d6af}.tracker-stats b{color:#85e1c5}.tracker-wrong b{color:#f2a9a3}
.app-shell .result-card{background:radial-gradient(ellipse at top,#e8c97715,transparent 60%),var(--sw-panel);border:1px solid #e0c38b8c;box-shadow:inset 0 0 0 5px #d5c3930d,0 22px 60px #0006;border-radius:23px}.app-shell .result-card h1{color:#f5d894}.app-shell .result-stats{border-color:#ccb78144}.app-shell .result-stats b{color:#f1e6c1}.app-shell .result-stats span{color:#aac6d5}.app-shell .celebration-card{background:var(--sw-panel);border:1px solid #e0c38b99;box-shadow:0 25px 80px #0008}
/* Account flow uses the same material palette; genuine fields, not image-based forms. */
.account-overlay{background:radial-gradient(ellipse at 12% 40%,#1d506157,transparent 55%),radial-gradient(ellipse at 80% 15%,#84653622,transparent 50%),#090f1cf5;backdrop-filter:none}.account-box{background:linear-gradient(150deg,#243448ed,#101a2bf5);border:1px solid #d1b77c88;box-shadow:inset 0 0 0 5px #c7b98108,0 24px 80px #0008;border-radius:21px;padding:32px;width:min(580px,100%)}.account-box h1{color:#f7dfaa;font-size:30px}.account-box p{color:#b3c3d5}.account-box label{color:#e0e8f3}.account-box a,.account-box button:not(.btn){color:#edc77e}
/* Retire the legacy ivory lesson material, including its older important rules. */
.app-shell .verified-question{background:linear-gradient(145deg,#1c2940,#101b2c)!important;border:1px solid #b8c9dc55!important;box-shadow:inset 0 0 0 4px #e6c78b0d,0 15px 35px #0003!important;color:#eaf0fa}
.app-shell .verified-question .option{background:linear-gradient(165deg,#2a3d52,#19283b);border-color:#a5bfd65c;color:#e8f0f9;box-shadow:inset 0 1px #ffffff24}.app-shell .verified-question .option:hover:not(:disabled){background:#2a3b50;border-color:#edcb85;box-shadow:inset 0 1px #ffffff24}.app-shell .verified-question .option.correct{background:#163e3d;border-color:#6ed2ae;color:#d7fff0}.app-shell .verified-question .option.wrong{background:#402936;border-color:#e4a299;color:#ffe5df}
.app-shell .verified-question :is(.token-button,.token){background:linear-gradient(165deg,#2a3d52,#19283b)!important;border-color:#a5bfd65c!important;color:#e8f0f9!important;box-shadow:inset 0 1px #ffffff24!important}
.app-shell .verified-question :is(.built-sentence,.sentence-tokens){background:#0b1628;border-color:#91b7cc55;color:#e5eef7}.app-shell .verified-question .token-placeholder{color:#97b0c6}.app-shell .verified-question .lesson-prompt{background:transparent;color:#edf3fb}.app-shell .verified-question .eyebrow{color:#c4bd9e}.app-shell .verified-question .lesson-meta>span{background:#83b6d414;border-color:#abc5de33;color:#bbcede}.app-shell .verified-question .lesson-next{background:#203349;border-color:#b6c8df44;color:#f1d59a}
.app-shell .verified-question .lesson-feedback.show-correction{background:#132b3d;border-color:#84b6ca55;color:#e1eaf5}.app-shell .verified-question .lesson-feedback p{color:#bfd2e2}.app-shell .verified-question .lesson-feedback .correction-heading{color:#f2cd91}.app-shell .verified-question .lesson-study :is(p,blockquote){color:#b9cfdf}.app-shell .lesson-v3 .mini-scoreboard.mini-tracker{background:var(--sw-panel);border-color:#afc5e650;box-shadow:var(--sw-metal)}
/* Fine metal highlights are static; only small hover and press transitions move. */
.app-shell :is(.home-path,.vocab-level-map,.school-record,.profile-settings,.reward-history){border-top:1px solid #e4c47c66;background-image:linear-gradient(90deg,transparent,#f8dd9c88,transparent),var(--sw-panel);background-size:55% 1px,100% 100%;background-position:50% 0,0 0;background-repeat:no-repeat}
.app-shell .path-card::after{content:"";position:absolute;inset:6px;border:1px solid #d2e3f322;border-radius:9px;pointer-events:none}.app-shell .path-slide.is-active .path-card::after{border-color:#efcd845c;background:linear-gradient(90deg,transparent,#fce3a5aa,transparent) top center/60% 2px no-repeat}
.app-shell .school-options button{background:linear-gradient(160deg,#2a3d52,#17273a);border:1px solid #a5bfd65c;color:#e8f0f9;box-shadow:inset 0 1px #ffffff24;border-radius:12px;font-size:15px}.app-shell .school-options button:hover:not(:disabled){border-color:#edcb85;background:#29394b}.app-shell .school-options button.correct{background:#163e3d;border-color:#6ed2ae;color:#d7fff0}.app-shell .school-options button.wrong{background:#402936;border-color:#e4a299;color:#ffe5df}.app-shell .school-options button>span{color:#e6d3a7;border-color:#b4cfdf55;background:#102033}
.app-shell :is(.school-rule,.school-writing-assignment,.school-reading-passage,.school-workbook-item,.book-choice,.library-word,.word-card,.guide-rule,.guide-award,.profile-card,.competition-empty,.setup-box){background:var(--sw-panel);border-color:#a9c5e23b;color:#e8eff9;box-shadow:var(--sw-metal)}
.app-shell :is(.book-choice,.library-word,.word-card){border-radius:16px}.app-shell .book-tabs button.active,.app-shell .guide-tabs>button.active,.app-shell .reward-history-tabs>button.active{color:#f6d795;background:#d3b4761c;border-color:#d4b77777}.app-shell :is(.library-word h3,.word-card h3){color:#f1d599}.app-shell :is(.library-word p,.word-card p){color:#b9cbdc}.app-shell :is(.library-word .word-example,.word-card blockquote){color:#8fc4d8}.app-shell .profile-numbers>div{border-color:#afc6de30}.app-shell .profile-numbers b,.app-shell .xp-vault b{color:#f5d99e}.app-shell .competition-empty h2{color:#f1d598}.app-shell :is(.guide-rule h3,.guide-award h2){color:#efd39a}.app-shell .guide-rule p{color:#b4c7d9}.app-shell .reward-history-list>div{border-color:#b2c9df25}
.app-shell :is(.library-hero,.book-about-heading,.book-section,.library-controls,.library-utility){background:var(--sw-panel);border-color:#aec6df3d;box-shadow:var(--sw-metal);backdrop-filter:none}.app-shell :is(.library-hero,.book-about-heading){padding:28px;border-radius:20px}.app-shell :is(.book-section,.book-about-heading) :is(h1,h2,h3,b,strong){color:#f1d99e}.app-shell :is(.book-section,.book-about-heading) :is(p,li,small){color:#b8cbdc}.app-shell :is(.book-number,.book-calendar-card,.book-greeting){background:#0d1c30;border-color:#abc6dc33;color:#e6eef8}.app-shell :is(.book-number-filters button,.book-section-icon){background:#1b3046;border-color:#aec4dc33;color:#c8d9e6}.app-shell .book-number-filters button.active{background:#b5985633;border-color:#edc77e;color:#ffe4a3}.app-shell .vocab-level b{font-size:14px}.app-shell .vocab-level small{font-size:11px}.app-shell :is(.option,.school-options button,.vocab-choice):disabled{filter:none}
.app-shell :is(.nav-text,.sidebar-player .player-copy){font-size:14px}.app-shell .school-word-meaning{color:#bfd2e2}.app-shell .school-word-line h3{color:#f3dcab}.app-shell .school-sound-hint{color:#90cbdc}.app-shell .school-study-card .school-kicker{color:#8fb7cb}.app-shell .school-room-header{border-radius:0 0 16px 16px;border-top:0}.app-shell .school-room-header .school-header-brand{color:#f3dda9}.app-shell .school-periods button.active{background:linear-gradient(110deg,#e8c98020,#74cddd0e);border:1px solid #d3b87966}
.app-shell .school-period-nav button.active{background:linear-gradient(110deg,#e8c98020,#74cddd0e);border-color:#d3b87966;color:#f2d9a4}.app-shell .school-period-nav{background:var(--sw-panel);border-color:#aec5df33}.app-shell .school-period-footer{background:#121e31;border-color:#aec5df33}
.app-shell.is-playing.is-vocab-session .vocab-board,.app-shell.is-playing.is-vocab-session .vocab-mini-tracker{background:var(--sw-panel);border-color:#aec6df44;box-shadow:var(--sw-metal)}.app-shell.is-playing.is-vocab-session .vocab-feedback-panel{background:#111e31;color:#c4d4e6;border-top-color:#a4bed733}.app-shell .vocab-options .vocab-option{background:linear-gradient(165deg,#2a3d52,#19283b);border:1px solid #a5bfd65c;box-shadow:inset 0 1px #ffffff24;color:#e8f0f9;filter:none}.app-shell .vocab-options .vocab-option:hover:not(:disabled){border-color:#edcb85;background:#293a50}.app-shell .vocab-options .vocab-option.is-correct{background:#163e3d;border-color:#6ed2ae;color:#d7fff0}.app-shell .vocab-options .vocab-option.is-wrong{background:#402936;border-color:#e4a299;color:#ffe5df}.app-shell .vocab-question-card>h2{color:#efd399}.app-shell .vocab-result{background:radial-gradient(ellipse at top,#e8c97715,transparent 60%),var(--sw-panel);border-color:#dfc58b88}.app-shell .vocab-result h1,.app-shell .vocab-result-stats b{color:#f4d89b}.app-shell .vocab-word{overflow-wrap:anywhere}
.account-overlay{background:linear-gradient(90deg,#070e1815,#070e1840),url('assets/atlas/academy-courtyard.webp') center/cover no-repeat #090f1c}body .shell.app-shell:has(.result-card){background:linear-gradient(#091020a6,#091020d9),url('assets/atlas/academy-courtyard.webp') center/cover fixed no-repeat #090f1c}
.app-shell .school-dashboard{padding:26px;border-radius:20px;border:1px solid #cfb78566;background:linear-gradient(90deg,#0c1528ed 5%,#0c1528ca 58%,#0c1528b0),url('assets/atlas/academy-courtyard.webp') 25% 50%/cover;box-shadow:var(--sw-metal)}.app-shell .school-dashboard .school-focus-board{background:#142138e8;border-color:#93b8d444}.app-shell .school-dashboard .school-welcome h1{color:#f7dda4}
@media(min-width:1100px){.account-overlay{padding-inline-start:43%;padding-inline-end:5%}.account-box{width:min(560px,100%);background:linear-gradient(145deg,#243448e8,#101a2bf2);backdrop-filter:blur(10px)}.app-shell .vocab-learning-layout{gap:24px}.app-shell .school-dashboard-bottom{gap:25px}.app-shell .school-unit-tile{min-height:175px;padding:23px 20px}.app-shell .school-period-launch{min-height:85px;padding:17px}.app-shell :is(.path-selected-kicker,.home-path-clears,.vocab-map-stage-count){font-size:11px}}
@media(max-width:760px){.app-shell .app-header{min-height:64px;border-radius:15px}.app-shell :is(.panel,.question-panel){border-radius:16px}.app-shell .launch-card h1{font-size:32px}.app-shell .launch-card h1>span{font-size:21px}.app-shell .vocab-intro h1{font-size:30px}.app-shell .school-unit-tile h3{font-size:15px}.app-shell .school-question-stem{font-size:15px}.account-box{padding:25px 20px}.account-overlay{background-position:30% center;background-image:linear-gradient(#09102060,#09102090),url('assets/atlas/academy-courtyard.webp')}.app-shell .school-dashboard{padding:20px;gap:20px}.app-shell .lesson-v3 .lesson-prompt{font-size:24px}.app-shell .vocab-lifetime>span{padding:10px}}
/* Level lists and secondary widgets share the same materials at every stage. */
.app-shell .main-level-row{background:linear-gradient(145deg,#24344a,#142136);border-color:#a8c3de3d;color:#edf2fa}.app-shell .main-level-row.selected{background:linear-gradient(120deg,#d8b76d20,#21364b)!important;border-color:#e4c88688!important}.app-shell .main-level-row :is(b,strong,h3){color:#f2e0b7}.app-shell .main-level-row :is(small,p){color:#adc2d6}.app-shell .main-level-row .level-status{background:#163249;color:#efd399;border:1px solid #9fbfd441}.app-shell :is(.mini-node,.phase-track>div,.phase-track>div.active,.phase-track>div.done,.stage-map-row,.filter,.search){background:#182a40;border-color:#a5c1dc33;color:#bed0e1}.app-shell .mini-node.current,.app-shell .phase-track>div.active{background:#bda66e20;border-color:#edc77e88;color:#f3d99a}.app-shell .mobile-dock>button.active{background:#d5bd7a20;border-color:#d7be7d66;color:#f3dbab}
/* Compact classroom recall: one metadata row, then the meaningful prompt. */
.app-shell .school-workbook-heading{display:flex;align-items:baseline;gap:9px 18px;flex-wrap:wrap;margin:0 0 16px}.app-shell .school-workbook-heading h2{margin:0;font-size:22px;line-height:1.35;color:#dce6f2}.app-shell .school-workbook-heading>.school-muted{margin:0;font-size:13px;line-height:1.6;color:#95b3c7}
.app-shell .school-workbook-item{padding:20px;min-height:0}.app-shell .school-workbook-item-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:5px 14px;margin-bottom:12px}.app-shell .school-workbook-item-heading>small{font-size:11px;line-height:1.4;color:#93aec6;letter-spacing:.05em}.app-shell .school-workbook-instruction{font-size:12px;line-height:1.4;font-weight:600;color:#aabdd2}.app-shell .school-workbook-item .school-task-context{margin:0 0 12px;padding:0;background:none;border:0}.app-shell .school-workbook-item .school-task-context p{font-size:19px;line-height:1.4;color:#f1d399;margin:0}.app-shell .school-workbook-item .school-options{margin-top:12px;gap:9px}.app-shell .school-workbook-item .school-options button{min-height:44px;padding:9px 13px;font-size:15px;line-height:1.45}.app-shell .school-workbook-grid{gap:16px}
.account-welcome{min-width:0;max-width:600px;color:#edf3fa;text-shadow:0 2px 20px #04101dda}.account-welcome>span{font-size:12px;letter-spacing:.2em;color:#f0d49b}.account-welcome h2{font-size:clamp(36px,4.3vw,65px);line-height:1.12;letter-spacing:-.04em;margin:22px 0;color:#f5e9cc}.account-welcome p{max-width:510px;font-size:16px;line-height:1.85;color:#c2d5e3;margin:0}.account-overlay.has-welcome{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,560px);gap:5vw;padding:5vw;background-image:linear-gradient(90deg,#07102090,#07102015),url('assets/atlas/academy-courtyard.webp')}
@media(max-width:900px){.account-overlay.has-welcome{grid-template-columns:minmax(0,1fr);gap:22px;align-content:start;padding:28px 18px;justify-items:center}.account-welcome{width:min(560px,100%)}.account-welcome h2{font-size:30px;margin:12px 0}.account-welcome h2 br{display:none}.account-welcome p{font-size:13px;line-height:1.65}.account-welcome>span{font-size:10px}.account-overlay.has-welcome .account-box{max-height:none;overflow:visible}.app-shell .school-workbook-heading{gap:5px;margin-bottom:13px}.app-shell .school-workbook-heading h2{font-size:20px}.app-shell .school-workbook-heading>.school-muted{font-size:12px}.app-shell .school-workbook-item{padding:16px}.app-shell .school-workbook-item .school-task-context p{font-size:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* brand-identity.css */
.sw-wordmark{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:#eef2f7;font-size:23px;font-weight:800;line-height:1.2;flex-shrink:0}.sw-logo{display:inline-block;flex:0 0 auto;vertical-align:middle;object-fit:contain}.sw-account-brand{display:flex;align-items:center;gap:12px}.sw-account-brand .sw-logo{width:42px;height:42px}.app-shell .brand-mark{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.app-shell .brand-mark .sw-logo{width:100%;height:100%}.brand-mark:has(>.sw-logo){display:flex;align-items:center;justify-content:center}.brand-mark>.sw-logo{max-width:100%;max-height:100%}@media(max-width:650px){.sw-wordmark{font-size:18px;gap:8px}.sw-wordmark .sw-logo{width:32px;height:32px}}