:root{color-scheme:dark;--bg:#0b0e16;--card:#141925;--card2:#171d2b;--border:#272d3c;--border2:#31394a;--text:#f5f6fc;--muted:#929bad;--subtle:#606d82;--violet:#a48aff;--violet2:#765bdf;--lime:#d5ff72;--mint:#71e0bd;--yellow:#ffd66f;--red:#ff7b8f;--radius:19px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-size:14px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #b49cff;outline-offset:3px}a{color:inherit}svg{vertical-align:middle;flex-shrink:0}h1,h2,h3,p{margin-top:0}.app-layout{min-height:100vh;display:flex}.sidebar{width:244px;flex:none;position:sticky;top:0;height:100vh;padding:29px 15px 20px;background:#111520;border-right:1px solid #242a39;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:12px;padding:5px 11px 44px}.brand-logo{font-size:33px;line-height:1;font-weight:900;letter-spacing:-2.5px;color:#fff}.brand-logo span{color:var(--lime)}.brand-meta{color:#d7dae7;font-size:10px;letter-spacing:2.5px;font-weight:850}.beta-tag{display:inline-block;font-size:8px;letter-spacing:.5px;color:#0f1719;background:var(--lime);border-radius:3px;padding:3px 5px;margin-top:5px}.sidebar-section{font-size:10px;color:#596378;font-weight:800;letter-spacing:1.6px;padding:0 17px 15px}.side-nav{display:flex;flex-direction:column;gap:6px}.nav-btn{width:100%;border:0;border-radius:11px;background:transparent;color:#9ca6b9;display:flex;align-items:center;gap:12px;font-weight:650;text-align:left;padding:13px 14px;transition:.15s}.nav-ico{width:22px;text-align:center}.nav-btn:hover{background:#1c2332;color:#fff}.nav-btn.active{background:#292341;color:#c3afff;box-shadow:inset 3px 0 #ac90ff}.side-spacer{flex:1}.sidebar-panel{background:linear-gradient(150deg,#262238,#191d29);border:1px solid #333044;padding:18px 14px;border-radius:15px}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:850;color:#aa9af2}.side-progress-title{display:flex;justify-content:space-between;align-items:center;margin:18px 0 12px}.side-progress-title strong{font-size:20px}.side-progress-title strong span{font-size:11px;color:var(--muted);font-weight:600}.side-progress-title>span{color:var(--lime);font-size:13px;font-weight:750}.progress-track{height:7px;border-radius:10px;background:#32374b;overflow:hidden}.progress-track>span{display:block;background:linear-gradient(90deg,#a77eff,#d2a4ff);height:100%;width:0;border-radius:10px;transition:width .2s}.side-quote{color:#8989a6;font-size:10px;line-height:1.7;letter-spacing:.5px;margin-top:20px;font-weight:750}.side-version{color:#596479;font-size:10px;text-align:center;margin-top:20px}.main-area{flex:1;min-width:0}.topbar{height:75px;padding:0 clamp(22px,4vw,64px);border-bottom:1px solid #222837;display:flex;align-items:center;justify-content:space-between;gap:16px}.top-crumb{display:flex;align-items:center;gap:9px;font-weight:650;color:#a8b0c0;font-size:12px}.topbar-dot{width:7px;height:7px;border-radius:50%;background:#a28bff;box-shadow:0 0 0 4px #a28bff22}.topbar-right{display:flex;align-items:center;gap:12px}.top-stat{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid #343040;border-radius:9px;color:#d4c4ff;background:#1e1a2b;font-size:12px;white-space:nowrap}.top-stat.flame{background:#262016;color:#ffcb77;border-color:#443421}.top-stat.xp svg{color:var(--lime)}.avatar{width:34px;height:34px;border-radius:11px;background:linear-gradient(140deg,#c3aaff,#8266ff);font-weight:900;color:#181129;border:0}.mobile-brand{display:none}.page{max-width:1510px;margin:auto;padding:33px clamp(22px,4vw,64px) 70px}.hero{min-height:300px;background:radial-gradient(ellipse at 89% 41%,#3b2b6e 0%,#242044 34%,transparent 68%),linear-gradient(115deg,#22203e,#111625 85%);border:1px solid #383250;box-shadow:0 16px 80px #02040a34;display:flex;align-items:center;justify-content:space-between;padding:40px 48px;border-radius:23px;overflow:hidden;position:relative}.hero-copy{z-index:1;max-width:520px}.hero-eyebrow{color:#c6b0ff;font-size:10px;font-weight:850;letter-spacing:2px;display:flex;gap:10px;align-items:center}.live-dot{display:inline-block;background:var(--lime);box-shadow:0 0 0 4px #d5ff7219;width:7px;height:7px;border-radius:50%}.hero h1{font-size:clamp(38px,4.3vw,61px);line-height:1.09;letter-spacing:-2.5px;font-weight:870;margin:21px 0 16px}.hero h1 span{background:linear-gradient(95deg,#d4b0ff,#a88cff 60%,#c0c7ff);background-clip:text;-webkit-background-clip:text;color:transparent}.hero p{color:#adb3ce;font-size:14px;line-height:1.7;max-width:375px;margin-bottom:25px}.hero-actions,.result-actions,.data-actions{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:0 18px;border-radius:10px;border:1px solid transparent;font-weight:780;font-size:12px;text-decoration:none;transition:transform .15s,background .15s,box-shadow .15s}.btn:not(:disabled):active{transform:scale(.98)}.btn-light{background:#f4f0ff;color:#26203c}.btn-light:hover{background:#fff;box-shadow:0 8px 22px #0002}.btn-ghost{background:#ffffff0e;color:#e2d8ff;border-color:#ffffff28}.btn-ghost:hover{background:#ffffff1b}.btn-primary{background:#a487ff;color:#120d24}.btn-primary:hover{background:#b49dff}.btn-outline{background:#242336;color:#dfd5ff;border-color:#49405c}.btn-outline:hover{background:#343046}.btn-disabled,.btn:disabled{opacity:.52}.hero-graphic{width:320px;height:260px;position:relative;flex:none;display:grid;place-items:center}.hero-orbit{position:absolute;border:1px solid #afa2ff40;border-radius:50%;transform:rotate(-21deg)}.orb1{width:275px;height:200px}.orb2{width:320px;height:246px;border-style:dashed;border-color:#a89efb25}.hero-core{height:157px;width:157px;background:radial-gradient(circle at 30% 20%,#b6a4fd,#7c61e8 60%,#4b367c);border-radius:42px;transform:rotate(-12deg);box-shadow:0 10px 70px #9c83ff69,inset 0 1px 15px #fff7;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-core>*{transform:rotate(12deg)}.hero-core>span{font-size:29px;color:#e7d7ff}.hero-core small{color:#22194b;font-size:10px;font-weight:850;letter-spacing:2px}.hero-core strong{font-size:56px;line-height:1;color:#fff;text-shadow:0 4px 20px #2f1d6f8a}.float-dot{position:absolute;display:grid;place-items:center;border-radius:12px;background:#343358;border:1px solid #aea0fa56;color:var(--lime);box-shadow:0 8px 20px #0003}.d1{top:11px;right:36px;width:49px;height:49px;font-size:25px;transform:rotate(13deg)}.d2{bottom:25px;left:21px;width:40px;height:40px;font-size:29px;transform:rotate(-18deg)}.d3{bottom:7px;right:19px;width:32px;height:32px}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:19px 0}.stat-card{background:var(--card);border:1px solid var(--border);padding:20px 22px;border-radius:16px}.stat-top{font-size:10px;letter-spacing:1.4px;color:#929aaf;font-weight:850;display:flex;align-items:center;justify-content:space-between}.stat-top span{font-size:20px}.stat-number{font-size:32px;letter-spacing:-1.2px;font-weight:850;margin:14px 0 6px}.stat-number span{font-size:15px;color:#8f99a9;font-weight:630}.stat-bottom{color:#858fa3;font-size:11px;margin-bottom:17px}.stat-card .progress-track{height:5px}.stat-card .progress-track.mint span{background:linear-gradient(90deg,#48b7aa,#7ef1c0)}.stat-card .progress-track.peach span{background:linear-gradient(90deg,#fa9783,#ffd178)}.dashboard-split{display:grid;grid-template-columns:1.07fr .93fr;gap:15px;margin:20px 0 38px}.daily-card,.achievement-preview{border-radius:17px;border:1px solid var(--border);background:var(--card);padding:22px 24px;min-height:198px}.daily-card{background:radial-gradient(circle at 85% 0,#44345b6e,transparent 55%),#181a28;border-color:#3d3652}.section-topline{display:flex;justify-content:space-between;align-items:center;gap:10px}.small-tag{font-size:9px;font-weight:900;letter-spacing:.8px;color:#1f2119;background:var(--lime);padding:6px 9px;border-radius:6px}.daily-body{display:flex;gap:17px;align-items:center;margin:18px 0}.daily-emblem{font-size:26px;display:grid;place-items:center;width:55px;height:55px;border-radius:17px;background:#443650}.daily-body h2{font-size:17px;margin:0 0 7px}.daily-body p{color:#aeb0c3;font-size:12px;line-height:1.5;margin:0}.text-link{display:inline-flex;gap:5px;align-items:center;background:transparent;color:#bcabfc;border:0;font-size:11px;font-weight:750;padding:6px 0;text-align:left}.text-link:hover{color:#fff}.preview-awards{margin-top:18px;display:grid;gap:10px}.preview-award{display:flex;align-items:center;gap:12px;background:#202536;border-radius:10px;padding:9px 12px}.preview-award>span{font-size:24px}.preview-award strong{font-size:12px;display:block}.preview-award small{display:block;color:#7f8ba4;font-size:10px;margin-top:3px}.empty-achievement{display:flex;align-items:center;gap:14px;color:#a1a9bd;font-size:12px;line-height:1.5;padding:15px;background:#202536;border-radius:10px}.empty-achievement:first-letter{font-size:26px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin:30px 0 19px}.section-heading h2{margin:8px 0 0;font-size:25px;letter-spacing:-.7px}.section-heading .muted{color:#575f73;font-size:18px}.difficulty-wrap{margin:18px 0 23px}.difficulty-heading{display:flex;justify-content:space-between;gap:10px;margin:0 0 11px}.difficulty-heading>span{font-weight:800;letter-spacing:1.2px;color:#818ba2;font-size:10px}.difficulty-heading small{color:#6f7b90;font-size:11px}.difficulty-pills{display:flex;gap:8px;flex-wrap:wrap}.difficulty-pill{display:inline-flex;align-items:center;gap:9px;background:#161c29;border:1px solid #303647;color:#a5acc1;border-radius:9px;padding:9px 12px;font-size:12px;font-weight:720;min-height:38px}.difficulty-pill span{display:grid;place-items:center;width:19px;height:19px;border-radius:5px;background:#303749;color:#c7cbd8;font-size:10px}.difficulty-pill.chosen{background:#382b57;color:#e8dcff;border-color:#9b80ef;box-shadow:0 0 0 1px #9b80ef21}.difficulty-pill.chosen span{background:#a78bfa;color:#1d1136}.world-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.world-card{text-align:left;color:inherit;background:linear-gradient(160deg,color-mix(in srgb,var(--world) 9%,#171c28),#141923 54%);border:1px solid #303647;border-radius:18px;padding:22px;min-height:251px;display:flex;flex-direction:column;transition:transform .17s,border-color .17s,box-shadow .17s}.world-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--world) 50%,#303647);box-shadow:0 12px 30px #0004}.world-card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:17px}.world-emblem{width:47px;height:47px;display:grid;place-items:center;font-size:24px;border-radius:14px;background:color-mix(in srgb,var(--world) 16%,#202431);border:1px solid color-mix(in srgb,var(--world) 27%,transparent)}.world-arrow{color:#7a8098}.world-short{color:var(--world);font-size:9px;text-transform:uppercase;letter-spacing:1.5px;font-weight:830}.world-card h3{font-size:18px;margin:6px 0 7px;letter-spacing:-.25px}.world-card p{font-size:11px;color:#919bae;line-height:1.55;flex:1;margin-bottom:20px}.world-card-foot{display:flex;align-items:center;gap:12px;color:#95a0b7;font-size:11px;font-weight:750}.world-mini-track{flex:1;height:5px;background:#303649;border-radius:5px;overflow:hidden}.world-mini-track span{display:block;height:100%;background:var(--world);border-radius:5px}.world-level-hint{color:#7f8a9e;font-size:10px;margin-top:12px;line-height:1.4}.footer-note{display:flex;flex-wrap:wrap;gap:11px;justify-content:center;color:#5f697e;font-size:10px;margin:39px 0 2px}.footer-note span{color:#9a88c8}.page-heading{margin:13px 0 30px}.page-heading h1{font-size:clamp(29px,4vw,41px);letter-spacing:-1.5px;margin:11px 0}.page-heading p{color:#97a0b2;line-height:1.6;max-width:740px;font-size:13px}.back-button{background:transparent;color:#a8a1bd;border:0;display:inline-flex;gap:8px;align-items:center;padding:8px 0;font-weight:730;font-size:12px;margin-bottom:14px}.back-button:hover{color:#fff}.world-hero{border:1px solid color-mix(in srgb,var(--world) 35%,#303447);border-radius:20px;padding:30px;display:flex;align-items:center;gap:24px;background:linear-gradient(120deg,color-mix(in srgb,var(--world) 18%,#181c29),#141924 75%)}.world-hero-icon{height:92px;width:92px;flex:none;border-radius:24px;background:color-mix(in srgb,var(--world) 22%,#202536);font-size:46px;display:grid;place-items:center}.world-hero h1{font-size:30px;letter-spacing:-1px;margin:6px 0 10px}.world-hero p{color:#abb4c4;font-size:12px;line-height:1.6;margin:0;max-width:490px}.world-hero-progress{margin-left:auto;flex:none;min-width:100px;text-align:right}.world-hero-progress strong{font-size:32px;display:block}.world-hero-progress>span{font-size:11px;color:#96a1b4}.world-hero-progress .progress-track{width:110px;margin-top:14px}.compact{margin:32px 0 17px}.module-list{display:grid;gap:11px}.module-row{width:100%;display:flex;align-items:center;text-align:left;gap:16px;padding:20px;border:1px solid #2c3240;background:#151a26;border-radius:14px;color:inherit;transition:.15s}.module-row:hover{border-color:#6f5aaf;background:#1a2030}.module-level{display:grid;place-items:center;height:51px;width:51px;flex:none;border-radius:14px;color:#bda7ff;background:#302845;border:1px solid #4a3c67;font-weight:850;font-size:17px}.module-level.complete{background:#193b36;color:#76edbf;border-color:#31655a}.module-detail{min-width:0;flex:1}.module-eyebrow{display:block;font-size:9px;color:#9f8fe0;letter-spacing:1px;font-weight:850}.module-detail strong{display:block;margin:7px 0 6px;font-size:15px}.module-detail small{color:#8c98ac;line-height:1.5;font-size:11px}.module-trailing{display:flex;align-items:center;gap:13px;white-space:nowrap;color:#7f8aa0}.xp-label,.done-label{font-size:10px;color:#c4a4ff;font-weight:800}.done-label{color:#70dab5}.boss-banner{margin:21px 0 0;padding:24px;display:flex;gap:20px;align-items:center;background:linear-gradient(120deg,#2b2338,#171a27);border:1px dashed #5d526e;border-radius:17px}.boss-banner.unlocked{border-style:solid;border-color:#7e5a9e}.boss-symbol{font-size:34px;background:#41344e;width:64px;height:64px;border-radius:19px;display:grid;place-items:center;flex:none}.boss-info{flex:1}.boss-info h3{font-size:18px;margin:8px 0 7px}.boss-info p{font-size:12px;color:#9da8ba;line-height:1.5;margin:0}.quiz-wrap{max-width:770px;margin:0 auto}.lesson-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:8px 0 22px;color:#8c96ab;font-size:12px;font-weight:750}.lesson-world{color:var(--world);display:inline-flex;align-items:center;gap:8px}.lesson-progress{display:flex;justify-content:space-between;color:#9b90c2;font-size:10px;font-weight:900;letter-spacing:1.1px;margin-bottom:10px}.quiz-bar{height:7px}.lesson-sheet,.question-sheet{margin:25px 0 20px;border:1px solid #33374b;background:#161b29;border-radius:20px;padding:clamp(23px,5vw,40px)}.lesson-sheet h1,.question-sheet h1{font-size:clamp(26px,4vw,37px);letter-spacing:-1.1px;line-height:1.2;margin:13px 0 17px}.lead{color:#bec5d5;font-size:15px;line-height:1.7}.lesson-rule{height:1px;background:#303749;margin:24px 0}.lesson-subtitle{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:800;margin-bottom:19px}.lesson-subtitle svg{color:#b49aff}.concept-block{display:flex;gap:15px;padding:9px 0 15px}.concept-number{background:#2d2946;color:#cdbafa;border-radius:8px;display:grid;place-items:center;font-weight:830;letter-spacing:.7px;width:34px;height:34px;flex:none}.concept-block p{color:#c1c9d7;font-size:13px;line-height:1.8;margin:1px 0 0}.example-box,.scenario-box{border-radius:13px;padding:20px;background:#292437;border:1px solid #4c3d64;margin:17px 0 24px}.example-heading{font-size:10px;font-weight:900;letter-spacing:1.2px;color:#dfb4ff;margin-bottom:10px}.example-box p,.scenario-box p{color:#cbc3de;font-size:13px;line-height:1.75;margin:0}.practice-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;background:#1d2532;border:1px solid #343e51;border-radius:10px;color:#d0dcf6;font-weight:730;text-align:left;padding:14px;font-size:12px}.practice-help{font-size:12px;line-height:1.7;color:#a7b4c6;padding:14px 5px}.source-line{font-size:11px;color:#808aa0;line-height:1.7;margin-top:25px;border-top:1px solid #303748;padding-top:18px}.source-line a{color:#bba5ff;text-decoration:none;border-bottom:1px dotted #bba5ff}.source-line a:hover{color:#fff}.quiz-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:30px}.quiz-footnote{color:#8390a3;font-size:11px}.question-sheet>.eyebrow{margin-top:2px}.question-subline{color:#9da7bb;font-size:13px;margin-bottom:28px}.answers{display:grid;gap:12px}.answer{border:1px solid #353e52;background:#202738;color:#f2f3fa;display:flex;gap:14px;align-items:center;padding:16px;border-radius:12px;text-align:left;min-height:67px;font-weight:620;font-size:13px;line-height:1.5}.answer:not(:disabled):hover{border-color:#8e78e0;background:#2c2943}.answer-letter{width:32px;height:32px;flex:none;border-radius:9px;background:#32374c;color:#b7bcd1;display:grid;place-items:center;font-weight:850}.answer-state{margin-left:auto;min-width:18px;text-align:center;font-size:19px}.answer.right{background:#193d37;border-color:#57b99b}.answer.right .answer-letter{background:#377a66;color:#fff}.answer.wrong{background:#482b37;border-color:#d27685}.answer.wrong .answer-letter{background:#7c3d4e;color:#fff}.feedback{padding:18px 20px;border-radius:11px;margin-top:19px;background:#1f3b35;border:1px solid #3f816b}.feedback.is-wrong{background:#40313a;border-color:#80586a}.feedback-title{font-size:14px;font-weight:850;color:#88eac3;margin-bottom:7px}.feedback.is-wrong .feedback-title{color:#ffb6be}.feedback p{font-size:12px;line-height:1.7;color:#d4dfe0;margin:0}.scenario-box{margin:0 0 28px}.scenario-box h2{font-size:20px;margin:11px 0}.result-card{text-align:center;background:radial-gradient(ellipse at center top,#342b50,#171b2a 67%);border:1px solid #3d3850;border-radius:22px;padding:45px 28px;margin-top:18px}.result-symbol{font-size:40px;display:grid;place-items:center;margin:0 auto 25px;width:92px;height:92px;background:#3d335b;border-radius:26px}.result-symbol.failure{background:#4b3941}.result-card h1{font-size:36px;letter-spacing:-1px;margin:14px 0}.result-card>p{font-size:13px;line-height:1.6;color:#aeb9c9;margin:0 auto 12px;max-width:470px}.result-score{font-size:69px;line-height:1.2;font-weight:900;letter-spacing:-3px;margin-top:18px;color:#cebaff}.result-score span{font-size:32px}.reward-pill{display:inline-flex;background:#d8ff7e;color:#253020;border-radius:8px;font-weight:890;padding:10px 15px;margin:15px 0}.muted-reward{background:#36384b;color:#c3c7d8;font-size:12px}.result-actions{justify-content:center;margin-top:16px}.review-card{background:#151a26;border:1px solid #2b3343;border-radius:16px;padding:24px;margin-top:20px}.review-item{display:flex;gap:15px;border-top:1px solid #303647;padding:18px 0 5px;margin-top:13px}.review-item>span{color:#7cdeaa;font-size:21px;font-weight:850}.review-item strong{font-size:13px}.review-item p{font-size:12px;color:#9daaC0;line-height:1.6;margin:7px 0 0}.award-summary{background:radial-gradient(circle at 9% 20%,#3b3061,#171c2b 60%);border:1px solid #443c5f;border-radius:19px;display:flex;align-items:center;gap:22px;padding:28px}.award-summary-icon{font-size:43px;background:#413759;border-radius:17px;width:78px;height:78px;display:grid;place-items:center;flex:none}.award-summary strong{font-size:34px;letter-spacing:-1px;display:block;margin:8px 0}.award-summary strong span{font-size:16px;color:#8b96ae}.award-summary p{color:#a6b1c4;font-size:12px;line-height:1.5;margin:0}.award-ring{border-radius:50%;width:92px;height:92px;margin-left:auto;flex:none;background:conic-gradient(#c7adff var(--ring),#303749 var(--ring));display:grid;place-items:center}.award-ring span{display:grid;place-items:center;border-radius:50%;width:73px;height:73px;background:#1a1d2c;font-size:19px;font-weight:850}.awards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.achievement-card{padding:22px;border-radius:16px;background:#171c29;border:1px solid #34384c;min-height:213px;position:relative}.achievement-card.earned{background:linear-gradient(145deg,#292341,#171c29 65%);border-color:#514369}.achievement-card.not-earned{opacity:.76}.achievement-icon{display:grid;place-items:center;width:58px;height:58px;font-size:28px;border-radius:16px;background:#343047;margin-bottom:19px;filter:grayscale(.8)}.earned .achievement-icon{filter:none;background:#44365b}.achievement-status{position:absolute;right:18px;top:24px;font-size:9px;letter-spacing:.6px;color:#8591aa;font-weight:800}.earned .achievement-status{color:#91ecbe}.achievement-card h3{font-size:17px;margin:0 0 8px}.achievement-card p{font-size:12px;line-height:1.55;color:#9ca7b9;margin-bottom:15px}.achievement-tag{display:inline-block;font-size:10px;color:#c6b5f9;background:#322b48;border-radius:6px;padding:7px 9px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.profile-card,.data-card{background:#171c2a;border:1px solid #34394a;border-radius:17px;padding:26px}.profile-person{display:flex;align-items:center;gap:17px;margin-bottom:25px}.profile-avatar{width:63px;height:63px;border-radius:19px;display:grid;place-items:center;font-size:30px;font-weight:850;background:linear-gradient(135deg,#c4b4ff,#8065ed);color:#1f1640}.profile-person h2{margin:7px 0;font-size:20px}.profile-person p,.profile-card p{color:#a8b2c4;font-size:12px;line-height:1.7;margin:0}.profile-metrics{display:flex;justify-content:space-between;gap:12px;margin-bottom:25px}.profile-metrics>div{display:flex;flex-direction:column;gap:6px}.profile-metrics strong{font-size:26px}.profile-metrics span{font-size:11px;color:#8490a5}.profile-next{margin-top:13px!important}.profile-card>h2{font-size:21px;margin:10px 0}.profile-card .difficulty-wrap{margin-top:25px}.profile-card .difficulty-heading{display:none}.profile-card .difficulty-pill{font-size:11px}.data-card{margin:16px 0}.data-card h2{font-size:21px;margin:10px 0}.data-card p{line-height:1.75;color:#a2adbf;max-width:790px;font-size:13px;margin:0 0 22px}.storage-info{border-top:1px solid #363d50;padding-top:17px;color:#83bcab;font-size:11px;margin-top:23px}.danger-zone{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;padding:20px 7px}.danger-zone strong{font-size:14px}.danger-zone p{color:#8d99ad;font-size:12px;line-height:1.5;margin:8px 0 0}.btn-danger{background:#31212c;color:#f7aeb9;border-color:#5b3c48}.btn-danger:hover{background:#452932}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,30px);background:#d8ff7e;color:#1e291a;padding:13px 20px;border-radius:13px;font-size:12px;font-weight:850;box-shadow:0 15px 40px #0008;opacity:0;pointer-events:none;transition:.25s;z-index:100;width:max-content;max-width:calc(100vw - 30px);text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.mobile-nav{display:none}.fatal{padding:30px}
@media(max-width:1200px){.sidebar{width:213px}.page{padding:30px 30px 70px}.topbar{padding:0 30px}.hero{padding:32px}.hero-graphic{width:245px}.orb2{width:260px}.orb1{width:225px}.world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.awards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.sidebar{display:none}.mobile-brand{display:flex;align-items:center;gap:9px}.mobile-brand .brand-logo{font-size:27px}.mobile-brand .brand-meta{font-size:9px}.top-crumb{display:none}.mobile-nav{position:fixed;display:flex;bottom:0;left:0;right:0;padding:8px 9px max(8px,env(safe-area-inset-bottom));border-top:1px solid #333448;background:#121724ef;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:50;justify-content:space-around}.mobile-nav .nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:7px 10px;flex:1;max-width:130px;font-size:10px;border-radius:10px}.mobile-nav .nav-btn.active{box-shadow:none;background:#2e2846}.mobile-nav .nav-ico{height:21px}.page{padding-bottom:115px}.toast{bottom:97px}}
@media(max-width:650px){.topbar{height:65px;padding:0 17px}.topbar-right{gap:7px}.top-stat{padding:7px 9px;font-size:11px}.top-stat.flame{display:none}.avatar{width:31px;height:31px}.page{padding:18px 15px 116px}.hero{min-height:273px;border-radius:19px;padding:28px 23px}.hero-copy{position:relative;z-index:2}.hero h1{font-size:42px;letter-spacing:-1.8px;margin:21px 0 13px}.hero p{font-size:12px;max-width:245px;line-height:1.65}.hero-eyebrow{font-size:9px;letter-spacing:1.1px}.hero-graphic{position:absolute;right:-97px;top:27px;width:200px;height:200px;opacity:.68}.hero-core{height:118px;width:118px;border-radius:32px}.hero-core strong{font-size:42px}.hero-core>span{font-size:19px}.orb1{width:210px;height:150px}.orb2{width:250px;height:200px}.float-dot{display:none}.hero-actions{gap:8px}.hero-actions .btn{font-size:10px;min-height:39px;padding:0 12px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:13px 0}.stat-card{padding:15px 10px;border-radius:12px}.stat-top{font-size:8px;letter-spacing:.5px;gap:3px}.stat-top span{font-size:14px}.stat-number{font-size:24px;letter-spacing:-1px;margin:12px 0 5px;white-space:nowrap}.stat-number span{font-size:10px}.stat-bottom{font-size:9px;line-height:1.4;min-height:25px}.dashboard-split{grid-template-columns:1fr;gap:11px;margin:12px 0 30px}.daily-card,.achievement-preview{padding:18px;min-height:0}.daily-body{margin:13px 0}.daily-body h2{font-size:15px}.daily-body p{font-size:11px}.daily-emblem{width:45px;height:45px;border-radius:12px}.achievement-preview{padding-bottom:14px}.section-heading{margin:26px 0 16px}.section-heading h2{font-size:23px}.difficulty-heading small{font-size:9px}.difficulty-pills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.difficulty-pill{justify-content:center;gap:6px;padding:8px 5px;font-size:10px;min-height:36px}.difficulty-pill span{width:17px;height:17px}.world-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.world-card{padding:15px;min-height:237px;border-radius:14px}.world-emblem{width:40px;height:40px;font-size:22px}.world-short{font-size:8px;letter-spacing:1px}.world-card h3{font-size:15px;line-height:1.3}.world-card p{font-size:10px;margin-bottom:15px;line-height:1.55}.world-level-hint{font-size:9px}.world-card-foot{font-size:10px}.footer-note{font-size:9px;gap:6px}.page-heading{margin:17px 0 25px}.page-heading h1{font-size:30px}.page-heading p{font-size:12px}.world-hero{gap:13px;padding:20px;flex-wrap:wrap}.world-hero-icon{height:59px;width:59px;font-size:32px;border-radius:16px}.world-hero h1{font-size:24px}.world-hero>div:nth-child(2){flex:1;min-width:180px}.world-hero p{font-size:11px}.world-hero-progress{width:100%;display:flex;align-items:center;gap:10px;text-align:left;border-top:1px solid #ffffff18;padding-top:13px;margin-top:4px}.world-hero-progress strong{font-size:23px}.world-hero-progress .progress-track{margin-left:auto;width:42%;margin-top:0}.module-row{padding:14px 12px;gap:12px}.module-level{width:43px;height:43px;border-radius:11px;font-size:15px}.module-detail strong{font-size:13px}.module-detail small{font-size:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.module-eyebrow{font-size:8px}.module-trailing{gap:5px}.xp-label,.done-label{font-size:9px}.module-trailing svg{width:15px}.boss-banner{padding:18px 15px;gap:13px;flex-wrap:wrap}.boss-symbol{height:50px;width:50px;font-size:26px}.boss-info h3{font-size:16px}.boss-info p{font-size:11px}.boss-banner .btn{width:100%}.quiz-wrap{max-width:100%}.lesson-sheet,.question-sheet{margin:18px 0;padding:23px 20px;border-radius:16px}.lesson-sheet h1,.question-sheet h1{font-size:27px}.lead{font-size:13px}.concept-block p{font-size:12px}.example-box,.scenario-box{padding:17px}.example-box p,.scenario-box p{font-size:12px}.quiz-footnote{font-size:10px;max-width:145px}.quiz-bottom .btn{padding:0 11px;font-size:11px}.answer{padding:13px;min-height:62px;font-size:12px;gap:11px}.answer-letter{width:29px;height:29px}.result-card{padding:37px 17px}.result-card h1{font-size:30px}.review-card{padding:19px}.award-summary{padding:18px;gap:11px}.award-summary-icon{height:52px;width:52px;font-size:28px;border-radius:12px}.award-summary strong{font-size:26px}.award-summary strong span{font-size:11px}.award-summary p{font-size:10px}.award-ring{height:62px;width:62px}.award-ring span{height:49px;width:49px;font-size:13px}.awards-grid{gap:10px}.achievement-card{padding:15px;min-height:218px}.achievement-icon{height:45px;width:45px;font-size:23px}.achievement-status{position:static;display:block;margin-top:-9px;margin-bottom:12px;font-size:8px}.achievement-card h3{font-size:15px}.achievement-card p{font-size:11px}.profile-grid{grid-template-columns:1fr}.profile-card,.data-card{padding:21px}.danger-zone{align-items:flex-start;flex-direction:column}.btn-danger{width:100%}.data-actions .btn{flex:1}.toast{font-size:11px}}
@media(max-width:360px){.hero h1{font-size:36px}.world-grid{grid-template-columns:1fr}.world-card{min-height:0}.difficulty-pills{grid-template-columns:repeat(2,1fr)}.stat-number{font-size:20px}.stat-card{padding:13px 8px}.hero-actions .btn{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* V1.1: practice trainer and learning path */
.review-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 23px;background:linear-gradient(115deg,#22203a,#15242b);border:1px solid #45405d;border-radius:16px;margin:14px 0 20px}.review-banner h2{margin:8px 0;font-size:18px}.review-banner p{color:#adb4c5;font-size:12px;line-height:1.6;margin:0;max-width:570px}.review-banner .btn{flex:none}.path-intro{display:flex;align-items:center;gap:9px;padding:14px 18px;background:#1c2130;border:1px solid #333b50;border-radius:12px;margin:8px 0 14px}.path-intro span{font-size:11px;color:#9da8ba}.learning-path{position:relative}.learning-path:before{content:"";position:absolute;top:15px;bottom:15px;left:43px;border-left:2px dashed #64549a;pointer-events:none}.learning-path .module-row{position:relative}.boss-consequence{margin-top:12px!important;padding-top:12px;border-top:1px solid #ffffff22}.review-banner button:disabled{opacity:.65}@media(max-width:600px){.review-banner{flex-direction:column;align-items:stretch;padding:17px}.review-banner .btn{width:100%}.path-intro{flex-wrap:wrap}.path-intro span{flex-basis:100%}.learning-path:before{left:33px}}