:root{--font-body:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--font-heading:Impact, "Arial Black", system-ui, sans-serif;--background:#0b1024;--surface:#121a37;--surface-2:#192347;--surface-3:#212d55;--text:#f8fafc;--muted:#aeb9d5;--border:#ffffff1a;--primary:#8b5cf6;--primary-strong:#7047df;--accent:#fbbf24;--green:#34d399;--rose:#fb7185;--cyan:#22d3ee;--shadow:0 22px 60px #00000047}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at 15% 0%, #8b5cf62e, transparent 30rem), radial-gradient(circle at 90% 20%, #22d3ee14, transparent 28rem), var(--background);font-family:var(--font-body), system-ui, sans-serif;margin:0;line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3,strong{font-family:var(--font-heading), var(--font-body), sans-serif}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.page-shell{min-height:100dvh;overflow:hidden}.app-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;max-width:1180px;min-height:78px;margin:0 auto;padding:16px 24px;display:flex}.brand{font:900 21px/1 var(--font-heading);align-items:center;gap:12px;display:inline-flex}.brand-cube{background:linear-gradient(135deg,#a78bfa,#6d28d9);border-radius:8px;width:30px;height:30px;display:inline-block;transform:rotate(-7deg);box-shadow:inset -5px -5px #00000026,0 6px 18px #8b5cf659}.header-actions,.text-link,.language-switch{align-items:center;display:flex}.header-actions{gap:20px}.text-link{min-height:44px;color:var(--muted);gap:8px;font-weight:700}.language-switch{border:1px solid var(--border);background:#ffffff0a;border-radius:14px;gap:4px;padding:4px}.language-switch svg{color:var(--muted);margin:0 5px 0 7px}.language-switch button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;min-width:44px;min-height:38px;font-weight:800;transition:all .2s}.language-switch button.active{background:var(--primary);color:#fff}.hero{grid-template-columns:1.12fr .88fr;align-items:center;gap:70px;max-width:1180px;margin:0 auto;padding:72px 24px 84px;display:grid}.eyebrow{color:#c4b5fd;letter-spacing:.14em;align-items:center;gap:7px;font-size:12px;font-weight:900;display:inline-flex}.hero h1{letter-spacing:-.04em;max-width:720px;margin:14px 0 20px;font-size:clamp(42px,6vw,72px);line-height:1.03}.hero h1 span{color:#a78bfa;text-shadow:0 0 30px #8b5cf63d}.hero-copy>p{max-width:620px;color:var(--muted);font-size:19px}.hero-actions,.result-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.primary-button,.secondary-button{cursor:pointer;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:9px;min-height:50px;padding:0 22px;font-weight:900;transition:transform .2s,background .2s,opacity .2s;display:inline-flex}.primary-button{color:#fff;background:linear-gradient(135deg, #9b71ff, var(--primary-strong));box-shadow:0 10px 30px #7047df47}.secondary-button{color:var(--text);background:var(--surface-2);border-color:var(--border)}.primary-button:hover,.secondary-button:hover{transform:translateY(-2px)}.primary-button:disabled{opacity:.42;cursor:not-allowed;transform:none}.player-card{border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(145deg,#1f2a52f2,#0f1632f2);border-radius:28px;padding:18px}.avatar-scene{perspective:700px;background:linear-gradient(#6d5ce7 0 58%,#4e3c95 58% 64%,#27345f 64%);border-radius:20px;height:305px;position:relative;overflow:hidden}.avatar-scene:after{content:"";opacity:.5;transform-origin:top;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:35px 35px;position:absolute;inset:64% 0 0;transform:rotateX(55deg)scale(1.5)}.avatar{z-index:2;filter:drop-shadow(0 15px 15px #0000004d);width:130px;position:absolute;bottom:38px;left:50%;transform:translate(-50%)}.avatar-head{background:#efb98b;border-radius:18px;width:78px;height:76px;margin:auto;box-shadow:inset -8px -5px #6032331f}.avatar-head:before{content:"";background:#322448;border-radius:18px 18px 5px 5px;height:25px;display:block}.avatar-body{background:linear-gradient(90deg,#15a0a9 50%,#11717d 50%);border-radius:16px;width:116px;height:95px;margin:-2px auto 0;box-shadow:inset 0 -10px #0000001f}.avatar-legs{background:linear-gradient(90deg,#263154 46%,#0000 46% 54%,#263154 54%);width:94px;height:66px;margin:0 auto}.floating-block{background:#fbbf24;border-radius:8px;width:52px;height:52px;position:absolute;transform:rotate(15deg);box-shadow:inset -8px -8px #00000026,0 15px 20px #0003}.block-one{top:40px;left:45px}.block-two{background:#22d3ee;width:34px;height:34px;top:72px;right:45px;transform:rotate(-18deg)}.player-meta{justify-content:space-between;align-items:center;padding:18px 4px 12px;display:flex}.player-meta small,.player-meta strong{display:block}.player-meta small{color:var(--muted);letter-spacing:.12em;font-size:10px}.player-meta strong{font-size:21px}.level-pill,.curriculum-pill,.evidence-pill{color:#d8ccff;background:#8b5cf61f;border:1px solid #a78bfa3d;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:800}.stat-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stat-row span{background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;gap:6px;min-height:42px;font-size:13px;font-weight:800;display:flex}.stat-row svg{color:var(--accent)}.content-section{max-width:1180px;margin:0 auto;padding:0 24px 100px}.section-heading,.dashboard-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px;display:flex}.section-heading h2,.dashboard-heading h1{margin:4px 0 0;font-size:clamp(28px,4vw,40px)}.curriculum-pill{align-items:center;gap:7px;display:flex}.world-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.world-card{border:1px solid var(--border);background:var(--surface);border-radius:22px;min-width:0;transition:transform .22s,border-color .22s,box-shadow .22s;display:block;overflow:hidden}a.world-card:hover{border-color:#a78bfa99;transform:translateY(-6px);box-shadow:0 20px 45px #00000040}.world-card.locked{opacity:.58}.world-art{height:150px;position:relative;overflow:hidden}.world-art.violet{background:linear-gradient(145deg,#5038a6,#8b5cf6)}.world-art.amber{background:linear-gradient(145deg,#9a4b17,#f59e0b)}.world-art.cyan{background:linear-gradient(145deg,#0f6471,#22d3ee)}.world-art.rose{background:linear-gradient(145deg,#8e2f4c,#fb7185)}.world-number{font:900 45px/1 var(--font-heading);color:#fff3;position:absolute;top:14px;right:16px}.pixel-landscape{justify-content:center;align-items:end;gap:4px;display:flex;position:absolute;inset:45px 20px 0}.pixel-landscape i{background:#ffffffe0;border-radius:6px;width:48px;height:48px;transform:rotate(30deg);box-shadow:inset -7px -7px #00000029}.pixel-landscape i:nth-child(2){height:72px}.pixel-landscape i:nth-child(3){height:92px}.pixel-landscape i:nth-child(4){height:60px}.world-content{padding:18px}.world-status{color:var(--muted);align-items:center;gap:6px;font-size:12px;font-weight:800;display:flex}.world-content h3{margin:8px 0 6px;font-size:19px}.world-content p{min-height:74px;color:var(--muted);margin-bottom:16px;font-size:14px}.card-action{color:#c4b5fd;justify-content:space-between;align-items:center;font-weight:900;display:flex}.lesson-toolbar{grid-template-columns:180px 1fr 50px;align-items:center;gap:22px;max-width:1040px;margin:0 auto;padding:26px 24px;display:grid}.back-link{min-height:44px;color:var(--muted);align-items:center;gap:7px;font-weight:800;display:inline-flex}.lesson-progress,.mastery-bar{background:#ffffff14;border-radius:999px;height:10px;overflow:hidden}.lesson-progress span,.mastery-bar span{border-radius:inherit;background:linear-gradient(90deg,var(--primary),#c084fc);height:100%;transition:width .3s;display:block}.step-count{color:var(--muted);text-align:right;font-weight:800}.lesson-shell{max-width:1040px;margin:0 auto;padding:16px 24px 90px}.mission-panel{border:1px solid var(--border);background:var(--surface);min-height:580px;box-shadow:var(--shadow);border-radius:30px;grid-template-columns:.9fr 1.1fr;display:grid;overflow:hidden}.mission-visual{background:linear-gradient(#6e61ca 0 58%,#b9ecff 58% 62%,#4d7e9b 62%);position:relative;overflow:hidden}.mission-visual:before{content:"";background-image:linear-gradient(90deg,#ffffff2e 1px,#0000 1px),linear-gradient(#ffffff2e 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:62% 0 0}.thermometer{z-index:2;background:#dbeafe;border:10px solid #fff;border-radius:30px;width:56px;height:265px;position:absolute;top:90px;left:50%;transform:translate(-50%);box-shadow:0 20px 35px #00000040}.thermometer:after{content:"";background:#fb7185;border:10px solid #fff;border-radius:50%;width:82px;height:82px;position:absolute;bottom:-48px;left:50%;transform:translate(-50%)}.thermometer span{background:#fb7185;border-radius:10px;width:18px;height:135px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.ice-block{background:#ccf4ff;border-radius:8px;width:80px;height:80px;position:absolute;transform:rotate(8deg);box-shadow:inset -12px -12px #1c78a02e,0 18px 25px #0003}.ice-block.b1{bottom:60px;left:40px}.ice-block.b2{width:65px;height:65px;bottom:100px;right:35px;transform:rotate(-13deg)}.ice-block.b3{width:42px;height:42px;top:50px;left:45px}.mission-copy{flex-direction:column;justify-content:center;align-items:flex-start;padding:64px 54px;display:flex}.mission-copy h1,.learning-card h1,.quiz-card h1,.result-card h1{margin:12px 0 18px;font-size:clamp(32px,5vw,50px);line-height:1.1}.mission-copy>p,.lead,.result-card>p{color:var(--muted);font-size:18px}.objective-card{background:#8b5cf614;border:1px solid #a78bfa33;border-radius:16px;gap:14px;margin:10px 0 28px;padding:16px;display:flex}.objective-card svg{color:var(--accent);flex:none}.objective-card strong,.objective-card span{display:block}.objective-card span{color:var(--muted);font-size:14px}.learning-card,.quiz-card,.quiz-side,.result-card,.dashboard-card,.notice-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#121a37f5;border-radius:26px}.learning-card{padding:clamp(25px,6vw,64px)}.number-line{border-top:4px solid #8490ad;grid-template-columns:repeat(11,1fr);margin:42px 0 35px;padding-top:18px;display:grid}.number-line span{text-align:center;font-size:15px;font-weight:900;position:relative}.number-line i{background:#8490ad;width:3px;height:14px;position:absolute;top:-21px;left:50%}.number-line .negative{color:#fda4af}.number-line .positive{color:#67e8f9}.number-line .zero{color:#fff;font-size:19px}.example-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px;display:grid}.example-card{background:var(--surface-2);border-radius:18px;padding:20px}.example-card small{color:#c4b5fd;letter-spacing:.12em;font-weight:900}.example-card strong{margin:7px 0;font-size:24px;display:block}.example-card p{color:var(--muted);margin:0}.vocabulary{padding:18px 0 28px}.vocabulary>strong{margin-bottom:10px;display:block}.vocabulary div{flex-wrap:wrap;gap:8px;display:flex}.vocabulary span{border:1px solid var(--border);background:#ffffff0a;border-radius:999px;padding:7px 11px;font-size:13px}.vocabulary small{color:var(--muted)}.answer-grid{grid-template-columns:1fr 1fr;gap:12px;margin:30px 0;display:grid}.answer-grid.compact{grid-template-columns:repeat(4,1fr)}.answer-grid button{border:2px solid var(--border);min-height:64px;color:var(--text);background:var(--surface-2);cursor:pointer;text-align:left;border-radius:16px;align-items:center;gap:13px;padding:12px 16px;font-weight:800;transition:all .2s;display:flex}.answer-grid button:hover,.answer-grid button.selected{background:#8b5cf629;border-color:#a78bfa}.answer-grid button span{background:#ffffff14;border-radius:9px;flex:none;place-items:center;width:32px;height:32px;display:grid}.feedback{border-radius:16px;gap:12px;margin-bottom:25px;padding:18px;display:flex}.feedback.correct{background:#34d3991a;border:1px solid #34d39959}.feedback.incorrect{background:#fbbf241a;border:1px solid #fbbf2459}.feedback svg{flex:none}.feedback strong,.feedback span{display:block}.feedback span{color:var(--muted)}.quiz-layout{grid-template-columns:1fr 260px;align-items:start;gap:18px;display:grid}.quiz-card{padding:clamp(24px,5vw,54px)}.quiz-side{padding:22px;position:sticky;top:20px}.quiz-meta{color:#c4b5fd;letter-spacing:.12em;justify-content:space-between;font-size:12px;font-weight:900;display:flex}.quiz-actions{justify-content:space-between;align-items:center;gap:15px;display:flex}.report-button{color:#fda4af;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;min-height:46px;padding:0;font-weight:800;display:flex}.report-button:disabled{color:var(--green)}.question-dots{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.question-dots span{width:35px;height:35px;color:var(--muted);background:#ffffff0f;border-radius:10px;place-items:center;font-weight:900;display:grid}.question-dots .current{outline:2px solid var(--primary)}.question-dots .answered{color:#6ee7b7;background:#34d39929}.quiz-side p{color:var(--muted);margin:0;font-size:13px}.result-card{text-align:center;max-width:800px;margin:0 auto;padding:clamp(28px,6vw,60px)}.result-medal{background:var(--surface-3);width:100px;height:100px;color:var(--muted);border-radius:30px;place-items:center;margin:0 auto 22px;display:grid;transform:rotate(-5deg)}.result-medal.mastered{color:var(--accent);background:#fbbf241f;box-shadow:0 0 40px #fbbf2424}.review-list{text-align:left;margin:30px 0}.review-list details{border-top:1px solid var(--border);padding:14px 0}.review-list summary{cursor:pointer;align-items:center;gap:10px;font-weight:800;display:flex}.review-list details p{color:var(--muted);margin:10px 0;padding-left:38px}.review-correct,.review-wrong{border-radius:8px;flex:none;place-items:center;width:28px;height:28px;display:grid}.review-correct{color:#6ee7b7;background:#34d39926}.review-wrong{color:#fda4af;background:#fb718526}.result-actions{justify-content:center}.dashboard-shell{max-width:1180px;margin:0 auto;padding:38px 24px 90px}.dashboard-heading{align-items:center;margin-top:22px}.dashboard-heading p{color:var(--muted);margin:5px 0 0}.metric-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.metric-grid article{border:1px solid var(--border);background:var(--surface);border-radius:20px;align-items:center;gap:14px;padding:20px;display:flex}.metric-grid small,.metric-grid strong{display:block}.metric-grid small{color:var(--muted);font-size:12px}.metric-grid strong{font-size:26px}.metric-icon{border-radius:15px;flex:none;place-items:center;width:48px;height:48px;display:grid}.metric-icon svg{width:23px}.metric-icon.violet{color:#c4b5fd;background:#8b5cf624}.metric-icon.green{color:#6ee7b7;background:#34d3991f}.metric-icon.amber{color:#fde68a;background:#fbbf241f}.metric-icon.rose{color:#fda4af;background:#fb71851f}.dashboard-grid{grid-template-columns:1.35fr .65fr;gap:18px;display:grid}.dashboard-card{padding:26px}.card-heading{justify-content:space-between;align-items:center;display:flex}.card-heading h2{margin:4px 0 0}.card-heading>span{font:900 30px var(--font-heading);color:#c4b5fd}.mastery-bar{margin:20px 0 8px}.skill-list>div{border-top:1px solid var(--border);align-items:center;gap:12px;padding:16px 0;display:flex}.skill-check{border:2px solid #526083;border-radius:9px;place-items:center;width:28px;height:28px;display:grid}.skill-check.complete{border-color:var(--green);color:#6ee7b7;background:#34d39926}.skill-list strong,.skill-list small{display:block}.skill-list small{color:var(--muted)}.action-card{flex-direction:column;align-items:flex-start;display:flex}.action-card .eyebrow{margin-top:20px}.action-card h2{margin:8px 0}.action-card p{color:var(--muted)}.action-card .primary-button{margin-top:auto}.notice-card{background:#88223f29;border-color:#fb71854d;gap:15px;margin-top:18px;padding:22px;display:flex}.notice-card svg{color:#fda4af;flex:none}.notice-card p{color:var(--muted);margin:4px 0 0}@media (max-width:920px){.hero{grid-template-columns:1fr;padding-top:48px}.player-card{max-width:560px}.world-grid{grid-template-columns:1fr 1fr}.mission-panel{grid-template-columns:1fr}.mission-visual{min-height:380px}.quiz-layout,.dashboard-grid{grid-template-columns:1fr}.quiz-side{position:static}.metric-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.app-header{padding:12px 16px}.desktop-label{display:none}.header-actions{gap:8px}.text-link{justify-content:center;width:44px}.brand{font-size:18px}.brand-cube{width:26px;height:26px}.hero,.content-section,.lesson-shell,.dashboard-shell{padding-left:16px;padding-right:16px}.hero{gap:36px;padding-top:38px}.hero h1{font-size:42px}.hero-copy>p{font-size:17px}.hero-actions>*{width:100%}.avatar-scene{height:260px}.world-grid,.example-grid,.answer-grid,.answer-grid.compact,.metric-grid{grid-template-columns:1fr}.world-content p{min-height:0}.section-heading,.dashboard-heading{flex-direction:column;align-items:flex-start}.curriculum-pill,.evidence-pill{align-self:flex-start}.lesson-toolbar{grid-template-columns:120px 1fr 36px;gap:10px;padding:18px 16px}.mission-panel{border-radius:22px}.mission-visual{min-height:310px}.mission-copy{padding:34px 24px}.learning-card,.quiz-card{padding:24px 18px}.number-line{grid-template-columns:repeat(11,44px);padding-bottom:12px;overflow-x:auto}.quiz-actions{flex-direction:column-reverse;align-items:stretch}.quiz-actions .primary-button{width:100%}.report-button{justify-content:center}.result-actions>*{width:100%}}.prose-page{max-width:760px;margin:0 auto;padding:40px 22px 80px}.prose-page h1{letter-spacing:-.03em;font-size:clamp(30px,5vw,44px);line-height:1.08}.prose-page h2{letter-spacing:-.01em;margin:38px 0 12px;font-size:20px}.prose-page section{border-top:1px solid var(--border);margin-top:30px;padding-top:6px}.prose-page p{max-width:66ch;color:var(--muted);margin:0 0 14px;font-size:15px;line-height:1.75}.prose-page p+p{border-left:2px solid var(--border);padding-left:14px}.prose-page strong{color:var(--white,#f8fbff)}.prose-page code{background:#ffffff0f;border-radius:6px;padding:2px 6px;font-size:13px}.prose-lead{color:var(--muted);letter-spacing:.04em;font-size:13px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}