:root{--ink:#27354d;--muted:#76829a;--purple:#6f63dc;--deep:#1c2941;--paper:#f6f8fc;--line:#e3e8f2}body,body.world-mode{background:var(--paper);color:var(--ink)}.sidebar{background:var(--deep)}.brandmark{background:#b2b9f1;color:#24335c}.brand small{color:#95a5c6}.nav-label{color:#7d8dad}.navitem{color:#a8b7d3}.navitem.active{background:#344563;color:#f5f7fd}.navitem.active .icon{color:#c4caff}.nav-dot{background:#c1c8fd}.buddy{background:#223451;border-color:#3a4e6e}.buddy strong{color:#c9d4f1}.buddy p{color:#8b9fc2}.teacher{color:#b7c6e3}.side-foot{color:#7d91b3}.shell>header{background:#fff;border-color:#e3e8f2;height:78px;padding:0 36px}.breadcrumb{color:#8c98ad}.breadcrumb strong{color:#4b5d7c}.xp-chip{background:#eeedff;border-color:#dedcfb;color:#7568c9}.xp-chip .icon{fill:#8e7ae0;stroke:#8e7ae0}.avatar{background:#edf0fe;color:#7180b8}.profile small{color:#8d9bb3}main{padding:32px 36px 24px}.page-heading{margin-bottom:27px}.page-heading h1{font-size:31px;color:#273750}.page-heading p{color:#8591a8;font-size:12px}.eyebrow{color:#8c93b6;font-size:8px;letter-spacing:1.5px}.primary{background:#7465db;color:#fff;box-shadow:0 3px 0 #4e49ad16}.secondary{background:#f0f1fb;border-color:#dfe3f4;color:#7380b1}.icon-button{border-color:#e0e6f2;color:#8190af}.wave{color:#96abd7}.hero{background:#eceffd;border-color:#e0e5f7}.hero h2{color:#3c4672}.hero p{color:#8893b2}.pill{background:#f4f5ff;border-color:#dadef7;color:#8991bd}.orbit{border-color:#ced6ed}.orbit:after{border-color:#dce3f5}.hero-actions>span{color:#939cc0}.hero-star{color:#a8b5e0}.code-float{color:#93a0c5;background:#f8f9ff;border-color:#dce3f6}.art-label{color:#93a1bf}.stat-row strong{color:#475577}.stat-row .icon{color:#a0a6d7}.stat-row strong small{color:#9fa9c1}.stat-row label{color:#919cb5}.stat-row .stat-note{color:#9aa6bc}.stat-note .icon{color:#a59be0}.peach{background:#edf1fe;border-color:#dde5f9}.mint{background:#eaf4fa;border-color:#d9e9f3}.mini-icon{background:#dfe7fb;color:#899dce}.mint .mini-icon{background:#d9eaf5;color:#87aac4}.practice-card .eyebrow{color:#8d9bc6}.practice-card p{color:#929ebb}.mint p{color:#8ea6ba}.mint .eyebrow{color:#85a3bc}.text-button{color:#7b81ba}.mint .text-button{color:#769bb9}.decor-keys{color:#bdcae9}.badge-card.earned{background:#f0efff;border-color:#dfdcfa}.badge-card.earned>div{background:#e4e0fd;color:#9e8bd7}.badge-card.earned h3{color:#8175b1}.badge-card.earned small{color:#9b91c0}.badge-card.earned p{color:#9d95b7}.earned-xp{color:#8c7dbc;background:#f0ecfc;border-color:#dfd7f6}.teacher-note{background:#edf2fa;color:#8b9cbb}.teacher-note p{color:#9eacc5}.feedback.retry{background:#f0f0fb;color:#8889b1}.skill-number{background:#e9f1fa;color:#8aabce}.info-banner{background:#edf1fc;border-color:#dfe6f6;color:#8c9abe}.hub-mode{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #e0e4f5;border-radius:7px;background:#fff;font-size:10px;color:#8590b4;white-space:nowrap}.hub-mode .icon{width:13px;height:13px;color:#a198ce}.hub-adventure-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;align-items:center;background:#fff;border:1px solid #e3e8f4;border-radius:19px;padding:29px 30px;box-shadow:0 5px 20px #41507304;overflow:hidden}.hub-kicker{display:flex;align-items:center;gap:10px;font-size:8px;letter-spacing:1.5px;color:#9399bd}.hub-kicker i{width:4px;height:4px;border-radius:50%;background:#a6a8cb}.hub-hero-copy h2{font-size:37px;line-height:1.14;letter-spacing:-1.2px;color:#354368;margin:18px 0 15px;font-weight:600}.hub-hero-copy p{font-size:12px;color:#8d98b3;line-height:1.7;max-width:350px}.hub-hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:23px}.hub-hero-actions .primary,.hub-hero-actions .secondary{font-size:11px;padding:12px 15px}.hub-journey-note{display:flex;align-items:center;gap:6px;font-size:9px;color:#9ca8c1;margin-top:19px}.hub-journey-note .icon{width:12px;height:12px;color:#9caee0}.hub-hero-scene{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;padding-bottom:18px}.hub-world-art{width:100%;max-width:470px;display:block}.scene-label{position:absolute;bottom:2px;left:50%;transform:translateX(-50%);font-size:7px;letter-spacing:1.8px;color:#879ac0;white-space:nowrap;text-align:center}.scene-label>span{display:block;font-size:8px;letter-spacing:0;color:#a3b0c8;margin-top:6px}.hub-stat-strip{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:12px;margin:19px 0 24px;padding:19px 0}.hub-stat-strip>div{display:flex;align-items:center;gap:13px;padding:0 23px;border-right:1px solid var(--line)}.hub-stat-strip>div:last-child{border:0}.hub-stat-strip .icon{width:22px;height:22px;color:#a3a6d8}.hub-stat-strip strong{font-family:'Space Grotesk';display:block;font-size:21px;color:#4b577d;line-height:1.1;font-weight:500}.hub-stat-strip strong em{font-style:normal;font-family:'DM Sans';font-size:10px;color:#a5afc7;font-weight:400}.hub-stat-strip small{font-size:9px;color:#95a1ba;display:block;margin-top:6px}.hub-mid-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:18px}.hub-quest-panel,.hub-next-lesson{border:1px solid var(--line);border-radius:15px;background:#fff;padding:23px}.hub-quest-panel .section-heading{margin-bottom:12px;align-items:flex-start}.hub-quest-panel .eyebrow{font-size:7px;letter-spacing:1.1px;margin-bottom:9px}.hub-quest-panel h2{font-size:20px}.hub-count{color:#95a0bf;background:#f1f3fc;border:1px solid #e3e7f6;font-size:9px;padding:5px 8px;border-radius:15px}.hub-quest-panel>p{font-size:11px;color:#98a2bc;line-height:1.7;max-width:420px}.hub-story-progress{height:4px;background:#edf0f8;border-radius:4px;overflow:hidden;margin:19px 0}.hub-story-progress i{display:block;height:100%;background:#afa6e8;border-radius:4px}.hub-rune-row{display:flex;justify-content:space-between;gap:5px}.hub-rune-row>span{display:flex;flex-direction:column;align-items:center;gap:6px;color:#abb6cf;min-width:35px}.hub-rune-row b{width:29px;height:29px;display:grid;place-items:center;background:#f3f5fa;border:1px solid #e5eaf5;border-radius:7px;font-family:'Space Grotesk';font-weight:500;font-size:13px;color:#abb6cf}.hub-rune-row small{font-size:7px;color:#a8b2c9}.hub-rune-row .earned b{background:#ece9ff;border-color:#d9d4f7;color:#9a88cd}.hub-rune-row .earned small{color:#9e95bc}.hub-quest-panel .text-button{margin-top:21px;font-size:10px;color:#8c83bd}.hub-next-lesson{background:#f1f4fc;border-color:#e0e7f6;display:flex;flex-direction:column;align-items:flex-start}.hub-next-lesson>.eyebrow{font-size:7px;letter-spacing:1.2px}.hub-lesson-title{display:flex;align-items:center;gap:12px;margin:9px 0 14px}.hub-lesson-title h2{font-size:22px;line-height:1.2;color:#6373a1}.hub-lesson-title h2 small{font-family:'DM Sans';display:block;letter-spacing:0;font-size:9px;color:#96a4c5;font-weight:400;margin-top:8px}.hub-lesson-title .lang-icon{width:42px;height:42px;border:1px solid #d6e1f4;font-size:17px}.hub-next-lesson>p{font-size:11px;color:#95a2c2;line-height:1.75}.lesson-tags{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0 20px}.lesson-tags span{font-size:8px;background:#e7ecf9;color:#8e9fc1;border:1px solid #dde4f6;border-radius:5px;padding:5px 7px}.hub-next-lesson>.secondary{margin-top:auto;background:#fff;border-color:#dbe3f5;color:#8b9bc3;font-size:10px;padding:10px 13px}.hub-practice-heading{margin:30px 0 17px}.hub-practice-heading h2{font-size:20px}.hub-practice-heading p{font-size:11px;color:#99a5bd}.hub-practice-heading .text-button{margin-top:0;font-size:9px}.hub-modules{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.hub-module{display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:1px solid var(--line);border-radius:13px;background:#fff;padding:20px 17px;color:#5d6d92}.hub-module-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#eceffd;color:#9da8d9;margin-bottom:17px}.hub-module:nth-child(2) .hub-module-icon{background:#e9f1fd;color:#99b4dc}.hub-module:nth-child(3) .hub-module-icon{background:#e9f5fa;color:#8eb6c9}.hub-module:nth-child(4) .hub-module-icon{background:#eeebfc;color:#ac9bd0}.hub-module h3{font-size:16px;letter-spacing:-.4px;color:#637292}.hub-module p{font-size:10px;line-height:1.8;color:#99a5bd;margin:10px 0 22px}.hub-module-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #eef1f8;width:100%;padding-top:13px;margin-top:auto;font-size:8px;color:#9caacc}.hub-module-foot .icon{width:13px;height:13px;color:#9eacd0}.hub-english-note{display:flex;align-items:center;gap:28px;background:#eef3fb;border:1px solid #e0e8f5;border-radius:11px;padding:18px 21px;margin-top:23px}.hub-word{font-family:'Space Grotesk';font-size:21px;letter-spacing:-.5px;color:#7e91bd}.hub-word small{display:block;font-family:'DM Sans';font-size:9px;color:#a1aec9;letter-spacing:0;margin-top:3px}.hub-english-note p{font-size:11px;color:#9da9c3}.hub-english-note p small{display:block;font-size:9px;font-style:italic;color:#a6b3cc;margin-top:4px}.hub-english-note .listen{margin-left:auto;background:#e3eafb;color:#92a6d0}.world-mode .shell>main{padding:23px 24px 16px;max-width:none}.world-mode .shell>footer{padding-top:0;padding-bottom:15px;font-size:8px}.world-mode #rpg-screen{height:calc(100dvh - 148px);min-height:590px;border:1px solid #dce3f1;border-radius:15px;background:#1d2c43;box-shadow:0 4px 16px #2c3e660b}.world-mode #rpg-screen .rpg-top{height:64px;min-height:64px;background:#1e3048;padding:0 21px;border-color:#455a76;gap:18px}.rpg-brand strong{font-size:18px;letter-spacing:-.2px;color:#e1e8f8;font-weight:500}.rpg-brand small{font-size:6px;letter-spacing:2px;color:#93a7c8}.rpg-brand>span{background:#344967;color:#acd9eb;border-color:#6b8cac;font-size:22px;width:32px;height:32px}.world-mode:not(.adventure-expanded) .rpg-chapter{display:none}.rpg-top-actions{margin-left:auto}.rpg-top-actions button{border-color:#4a6487;background:#2b405e;color:#a9bbdc;font-size:9px;padding:8px 10px}.rpg-top-actions .icon{color:#a0b6d7}.rpg-top-actions kbd{color:#90a6ca;border-color:#4f6587}.world-mode:not(.adventure-expanded) .hero-card{display:none}.world-mode:not(.adventure-expanded) .quest-card{top:25px}.world-mode .quest-card,.world-mode .hero-card,.world-mode .realm-card,.world-mode .nearby-panel{background:#20344aeb;border-color:#92adc966}.quest-card h2{color:#d0def7}.quest-eyebrow{color:#9db9df}.quest-eyebrow .icon{color:#b7cdeb}.quest-eyebrow span{color:#91a8c8}.quest-card p{color:#96b1d4}.quest-card button{background:#3e587b;border-color:#6b84a8;color:#c3d7f4}.realm-card strong{color:#d5e0f5}.realm-card small{color:#94aac9}.realm-card>span{color:#abc8e7}.world-map-button{background:#253b52e8;border-color:#829bc268;color:#b6cbe9}.world-map-button .icon{color:#aec8e9}.world-map-button kbd{border-color:#7291b5;color:#a0b9da}.hero-card strong{color:#cfddf7}.hero-card small{color:#99afd0}.hero-card>span:last-child{color:#b3c7ee}.hero-xp{background:#415b7f}.hero-xp i{background:#9ca5e9}.nearby-panel>span{color:#92add1}.nearby-panel>strong{color:#d0def7}.nearby-panel p{color:#a4bedf}.nearby-panel button{background:#9bbcf0;color:#354b78}.nearby-panel kbd{color:#5b72a4}.rune-pocket span{color:#90abcc;border-color:#92b4dc5e;background:#263f59}.rune-pocket span.collected{background:#94b8e9;color:#405981;border-color:#b1cdef}.world-caption{background:#20384de3;border-color:#8da7d25e;color:#c0d5f1}.rpg-bottom{background:#1e3048;border-color:#456285;color:#8fa8cb}.save-dot{background:#9eace6}.controls-hint{color:#96add2}.controls-hint kbd{border-color:#4d6b91;color:#b4c7e5}.rpg-bottom button{color:#9fb6d8}.rpg-bottom button span{border-color:#526f93}.touch-pad button{background:#294462e0;border-color:#97b6df7d;color:#b7cdeb}.world-marker>span{color:#c1def3;background:#314e74cf;box-shadow:0 0 0 1px #a0c6ee50,0 2px 4px #182b482a}.world-marker small{color:#d8eaff;background:#304f74bd;text-shadow:none}.world-marker.shard small{background:#405c89bc;color:#d0e6ff}.world-marker.shard>span{background:#5b78ad99;color:#bde6ff}.world-marker.shrine>span{background:#2b4462ce;color:#d2e5fa}.world-marker.quest-target>span{box-shadow:0 0 0 2px #adcffa9c,0 0 12px #83c2f257}.world-mode :focus-visible{outline-color:#9badfa}.world-mode #toast{background:#263a59;border-color:#6b8bb4;color:#cbdbf4}.adventure-expanded .sidebar,.adventure-expanded .shell>header,.adventure-expanded .shell>footer{display:none}.adventure-expanded .shell{margin:0}.adventure-expanded .shell>main{padding:0}.adventure-expanded #rpg-screen{position:fixed;inset:0;height:100dvh!important;width:100vw;min-height:590px;border-radius:0;z-index:30;border:0}.adventure-expanded{overflow:hidden}.adventure-expanded .rpg-chapter{display:flex}.adventure-expanded .hero-card{display:flex}
@media(max-width:1200px){.shell>header{padding:0 28px}main{padding:28px}.hub-adventure-hero{padding:24px;gap:13px}.hub-hero-copy h2{font-size:33px}.hub-hero-actions{gap:7px}.hub-hero-actions .primary,.hub-hero-actions .secondary{font-size:10px;padding:11px 12px}.hub-mid-grid{grid-template-columns:1.2fr 1fr}.hub-quest-panel,.hub-next-lesson{padding:20px}.hub-stat-strip>div{padding:0 17px;gap:10px}.hub-stat-strip strong{font-size:20px}.hub-stat-strip small{font-size:8px}.hub-module{padding:18px 14px}.hub-module h3{font-size:14px}.hub-module p{font-size:9px}.world-mode #rpg-screen .rpg-top{padding:0 15px;gap:12px}.rpg-top-actions button{padding:8px}.rpg-top-actions button>span{display:none}.rpg-top-actions kbd{display:none}.world-mode .shell>main{padding:21px}.world-mode #rpg-screen{height:calc(100dvh - 145px)}}
@media(max-width:900px){.hub-adventure-hero{grid-template-columns:1.1fr 1fr;padding:22px}.hub-hero-copy h2{font-size:31px}.hub-hero-copy p{font-size:11px}.hub-kicker{font-size:7px;letter-spacing:1px}.hub-hero-actions{margin-top:19px}.hub-hero-actions .secondary{padding-left:0;border:0;background:transparent;box-shadow:none}.hub-stat-strip>div{padding:0 13px;gap:8px}.hub-stat-strip .icon{width:17px;height:17px}.hub-stat-strip strong{font-size:18px}.hub-mid-grid{grid-template-columns:1.15fr 1fr;gap:13px}.hub-rune-row small{font-size:6px}.hub-quest-panel,.hub-next-lesson{padding:18px}.hub-quest-panel h2{font-size:18px}.hub-lesson-title h2{font-size:20px}.hub-modules{grid-template-columns:repeat(2,1fr);gap:13px}.hub-module{padding:19px}.hub-module h3{font-size:16px}.hub-module p{font-size:10px;max-width:250px}.hub-english-note{gap:23px}.world-mode .shell>main{padding:18px}.world-mode #rpg-screen{height:calc(100dvh - 141px)}}
@media(max-width:600px){.shell>header{height:68px;padding:0 18px}.sidebar nav{gap:2px;overflow:auto;justify-content:space-between}.navitem{width:45px;min-width:40px;height:48px}.navitem .icon{width:19px;height:19px}main{padding:24px 18px 18px}.page-heading{gap:13px}.page-heading h1{font-size:27px;max-width:310px;line-height:1.2}.page-heading p{font-size:11px}.hub-mode{font-size:9px;padding:6px 9px}.hub-adventure-hero{grid-template-columns:1fr;padding:22px;gap:16px}.hub-hero-copy h2{font-size:33px;margin-top:17px}.hub-hero-copy p{max-width:none;font-size:11px}.hub-hero-actions{gap:12px;margin-top:20px}.hub-hero-actions .primary{font-size:10px;padding:12px 13px}.hub-hero-actions .secondary{font-size:10px}.hub-journey-note{font-size:8px;margin-top:15px}.hub-hero-scene{padding-bottom:14px;margin:0 -4px}.hub-world-art{max-height:200px;width:100%}.scene-label{font-size:6px;bottom:-2px;letter-spacing:1.2px}.scene-label>span{font-size:7px;margin-top:4px}.hub-stat-strip{grid-template-columns:repeat(4,1fr);padding:16px 0;margin:16px 0 20px}.hub-stat-strip>div{flex-direction:column;gap:8px;padding:0 6px;align-items:center;text-align:center}.hub-stat-strip .icon{width:16px;height:16px}.hub-stat-strip strong{font-size:18px}.hub-stat-strip strong em{font-size:8px}.hub-stat-strip small{font-size:7px;line-height:1.5;margin-top:5px}.hub-mid-grid{grid-template-columns:1fr;gap:14px}.hub-quest-panel,.hub-next-lesson{padding:20px}.hub-quest-panel h2{font-size:19px}.hub-quest-panel .eyebrow{font-size:6px;letter-spacing:1px}.hub-rune-row small{font-size:7px}.hub-next-lesson .hub-lesson-title{margin:8px 0 13px}.hub-next-lesson>p{font-size:11px}.lesson-tags{margin:14px 0 16px}.hub-practice-heading{margin-top:26px}.hub-practice-heading h2{font-size:19px}.hub-practice-heading .text-button{font-size:8px;max-width:85px;line-height:1.7;text-align:left}.hub-module{padding:18px 14px}.hub-module h3{font-size:15px}.hub-module p{font-size:9px;line-height:1.7}.hub-module-foot{font-size:7px}.hub-module-icon{width:30px;height:30px;margin-bottom:14px}.hub-english-note{padding:16px;gap:15px;flex-wrap:wrap;margin-top:19px}.hub-word{font-size:19px;min-width:61px}.hub-english-note p{font-size:10px;flex:1}.hub-english-note p small{font-size:8px}.hub-english-note .listen{margin-left:0}.world-mode .shell>main{padding:15px 12px}.world-mode #rpg-screen{height:calc(100dvh - 198px);min-height:620px;border-radius:11px}.world-mode #rpg-screen .rpg-top{height:57px;min-height:57px;padding:0 11px;gap:8px}.rpg-brand{gap:7px}.rpg-brand strong{font-size:15px}.rpg-brand small{font-size:5px;letter-spacing:1.4px}.rpg-brand>span{width:24px;height:24px;font-size:17px;border-radius:6px}.rpg-top-actions{gap:4px}.rpg-top-actions button{padding:7px}.rpg-top-actions .icon{width:13px;height:13px}.world-mode:not(.adventure-expanded) .quest-card{top:13px;width:180px;left:10px;padding:12px}.world-mode:not(.adventure-expanded) .quest-card h2{font-size:15px}.world-mode:not(.adventure-expanded) .quest-card p{font-size:9px}.world-mode:not(.adventure-expanded) .quest-eyebrow{font-size:5px}.world-mode:not(.adventure-expanded) .realm-card{top:13px;right:10px;max-width:125px;padding:8px;gap:5px}.world-mode:not(.adventure-expanded) .realm-card strong{font-size:9px}.world-mode:not(.adventure-expanded) .realm-card>span{font-size:15px}.world-mode:not(.adventure-expanded) .world-map-button{top:57px;right:10px;font-size:8px;padding:7px 9px}.world-mode .shell>footer{padding:0 14px 12px;font-size:7px}.world-mode #toast{bottom:83px}.adventure-expanded #rpg-screen .rpg-top{height:62px;min-height:62px}.adventure-expanded #rpg-screen{min-height:590px}.adventure-expanded .rpg-chapter{display:none}}
@media(max-width:370px){.hub-hero-actions{gap:8px}.hub-hero-actions .secondary{font-size:9px}.hub-hero-copy h2{font-size:30px}.hub-module h3{font-size:13px}.rpg-brand strong{font-size:13px}.rpg-brand small{font-size:4px}.rpg-top-actions button{padding:6px}.world-mode:not(.adventure-expanded) .realm-card{max-width:108px}.world-mode:not(.adventure-expanded) .quest-card{width:171px}}
dialog{background:#fff;border-color:#dfe5f3}.world-mode .shell>header .icon-button{background:#fff;border-color:#e0e6f2;color:#8190af}