@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Arial,sans-serif}#root{min-height:100vh}::selection{color:#37305f;background:#e6deff}:root{color:#302d49;background:#f8f8fc;font-family:DM Sans,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,select{font:inherit}button{cursor:pointer}.layout{min-height:100vh}.sidebar{background:#fff;border-right:1px solid #eeedf4;flex-direction:column;width:235px;padding:24px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{text-align:left;color:#292640;background:0 0;border:0;align-items:center;gap:10px;margin-bottom:28px;display:flex}.brand>b{color:#fff;background:linear-gradient(145deg,#6a51ea,#a087ff);border-radius:12px;place-items:center;width:36px;height:36px;font:700 18px Space Grotesk;display:grid;position:relative}.brand>b span{color:#d4ff82;font-size:11px;position:absolute;top:2px;right:4px}.brand strong{font:700 16px Space Grotesk}.brand strong>span{color:#765eea}.brand strong small{letter-spacing:2px;color:#999;margin-top:4px;font:700 8px DM Sans;display:block}.school{border:1px solid #eeedf4;border-radius:11px;align-items:center;gap:9px;margin-bottom:25px;padding:9px;display:flex}.school>b{color:#6556cb;background:#eef0ff;border-radius:9px;place-items:center;width:32px;height:32px;font-size:10px;display:grid}.school strong,.school small{display:block}.school strong{font-size:10px}.school small{color:#999;margin-top:3px;font-size:9px}.eyebrow,.panel-title small,.page-heading>span>small{letter-spacing:1px;color:#a19db2;margin:0;font-size:9px;font-weight:800}.sidebar>.eyebrow{padding:0 9px 9px}.sidebar nav{gap:5px;display:grid}.nav{color:#858198;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;padding:11px 12px;font-size:12px;display:flex}.nav i{text-align:center;width:20px;font-size:17px;font-style:normal}.nav.active,.nav:hover{color:#6753df;background:#f0edff}.side-bottom{margin-top:auto}.quote{color:#7362da;background:#faf8ff;border:1px solid #efebff;border-radius:12px;padding:12px}.quote p{color:#777;margin:5px 0;font-size:11px;line-height:1.6}.quote b{color:#4d4674}.user{border-top:1px solid #f0eff4;align-items:center;gap:9px;margin-top:13px;padding:13px 3px 0;display:flex}.user>b,.profile>b,header aside button{color:#754949;background:linear-gradient(140deg,#ffd8c1,#fa9c96);border:0;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.user strong,.user small{display:block}.user strong{font-size:11px}.user small{color:#9692a7;margin-top:3px;font-size:9px}main{min-height:100vh;margin-left:235px}header{letter-spacing:.7px;color:#858197;background:#fff;border-bottom:1px solid #efedf4;justify-content:space-between;align-items:center;height:60px;padding:0 5%;font-size:9px;font-weight:700;display:flex}header aside{align-items:center;gap:13px;display:flex}header aside small{background:#f5f3fa;border:1px solid #eeebf4;border-radius:15px;padding:6px 9px;font-size:8px}header aside button{font-size:11px}.content{max-width:1220px;margin:auto;padding:30px 5%}.welcome,.page-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;display:flex}.welcome h1,.page-heading h1{letter-spacing:-1px;color:#2c2944;margin:7px 0;font:600 29px Space Grotesk}.welcome h1 em,.page-heading h1 em{color:#8b75ec;font-style:normal}.muted{color:#9692a5;margin:5px 0;font-size:11px}.year{color:#67627a;background:#fff;border:1px solid #eae8f2;border-radius:9px;padding:9px 12px;font-size:10px}.hero{color:#fff;background:linear-gradient(108deg,#4a3dba,#6653d6 54%,#876be9);border-radius:16px;height:210px;padding:22px 28px;position:relative;overflow:hidden;box-shadow:0 14px 30px #5e4fc21c}.hero>div:first-child{z-index:1;position:relative}.hero>div:first-child>small,.boss>div>small:first-child{color:#ddd7ff;letter-spacing:1px;font-size:8px;font-weight:800}.hero h2{margin:12px 0 8px;font:600 25px/1.1 Space Grotesk}.hero p{color:#e3dfff;margin:0 0 13px;font-size:10px}.light,.primary{color:#5142bc;background:#fff;border:0;border-radius:8px;padding:9px 13px;font-size:10px;font-weight:800}.art{place-items:center;width:38%;height:100%;display:grid;position:absolute;top:0;right:7%}.art:before{content:"";border:1px solid #c8baff60;border-radius:50%;width:210px;height:130px;position:absolute;transform:rotate(-25deg);box-shadow:0 0 0 18px #c8baff0c}.art>b{background:#ffffff35;border:1px solid #ffffff80;border-radius:21px;place-items:center;width:82px;height:82px;font:700 34px Space Grotesk;display:grid;position:relative;transform:rotate(-8deg)}.art>b span{color:#d9ff9e;font-size:12px;position:absolute;top:7px;right:11px}.art>i{color:#ddd3ff;font-size:20px;position:absolute;top:26px}.art>small{background:#ffffff20;border:1px solid #ffffff3f;border-radius:8px;padding:6px 9px;font:700 9px/1.5 Space Grotesk;position:absolute;bottom:18px;right:0}.hero>footer{color:#ded8ff;letter-spacing:1px;background:#ffffff1a;padding:6px 10px;font-size:7px;position:absolute;bottom:0;right:0}.stats{grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0;display:grid}.stats article{background:#fff;border:1px solid #eeedf4;border-radius:11px;flex-direction:column;gap:5px;min-height:86px;padding:10px 12px;display:flex}.stats article>b{color:#745fdc;background:#f0edff;border-radius:8px;place-items:center;width:25px;height:25px;display:grid}.stats article:nth-child(2)>b{color:#ee9957;background:#fff2e8}.stats article:nth-child(3)>b{color:#5294d7;background:#eaf3ff}.stats article:nth-child(4)>b{color:#dc79a5;background:#fff0f5}.stats article>small{color:#a29daf;letter-spacing:.8px;font-size:7px;font-weight:800}.stats article>strong{color:#34314e;font:600 16px Space Grotesk}.stats article>strong i{color:#a19daf;font:500 9px DM Sans}.columns{grid-template-columns:1.1fr .9fr;gap:12px;display:grid}.panel{background:#fff;border:1px solid #eeedf4;border-radius:12px;padding:15px}.panel-title{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.panel-title h2{color:#35314e;margin:5px 0;font:600 15px Space Grotesk}.panel-title>button,.discover{color:#7864dc;background:0 0;border:0;font-size:9px;font-weight:700}.panel-title>b{color:#8875de;background:#f7f5ff;border-radius:8px;padding:5px 8px;font-size:9px}.subjects{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.subjects>button{text-align:left;color:#aaa;background:#fff;border:1px solid #f0eef5;border-radius:9px;align-items:center;gap:7px;padding:8px;font-size:9px;display:flex}.subjects>button:hover{border-color:#b9a9ff}.subjects>button span{flex:1}.subjects strong,.subjects small{display:block}.subjects strong{color:#49455d;font-size:9px}.subjects small{color:#a09bad;margin-top:3px;font-size:7px}.sub{color:#745fdc;background:#f0edff;border-radius:8px;place-items:center;width:27px;height:27px;font-size:11px;display:grid}.sub1{color:#ec9652;background:#fff1e7}.sub2{color:#d778a6;background:#fff0f7}.sub3{color:#578fce;background:#eaf4ff}.panel-foot{color:#9691a6;border-top:1px solid #f1eff6;justify-content:space-between;margin-top:11px;padding-top:9px;font-size:8px;display:flex}.panel-foot b{color:#aaa;letter-spacing:.7px;font-size:7px}.mission{align-items:center;gap:8px;margin:11px 0;display:flex}.mission>b{width:22px}.mission>span{flex:1}.mission strong,.mission small{display:block}.mission strong{color:#4b475d;font-size:9px}.mission small{color:#a39eae;margin:2px 0 5px;font-size:8px}.mission i,.mini>i,.health,.levelbar{background:#f0eef5;border-radius:5px;width:100%;height:4px;display:block;overflow:hidden}.mission em,.mini em,.health em,.levelbar em{background:linear-gradient(90deg,#8876f0,#b5a7ff);height:100%;display:block}.mission>button{color:#aaa;background:#faf9fc;border:1px solid #efedf5;border-radius:8px;width:38px;padding:4px 2px;font-size:9px}.mission>button:enabled{color:#735fdb;background:#f0edff}.mission>button small{font-size:6px;display:block}.discover{text-align:left;border-top:1px solid #f2f0f6;width:100%;margin-top:5px;padding:10px 0 0}.promo{background:linear-gradient(100deg,#f8f5ff,#fff);border:1px solid #eeeaf8;border-radius:11px;align-items:center;gap:11px;margin-top:12px;padding:10px 14px;display:flex}.promo>b{color:#7760db;background:#eee9ff;border-radius:9px;place-items:center;width:33px;height:33px;display:grid}.promo>span{flex:1;gap:3px;display:grid}.promo>span small{color:#aaa;letter-spacing:.8px;font-size:7px}.promo>span strong{color:#48435e;font:600 11px Space Grotesk}.promo>span i{color:#999;font-size:8px;font-style:normal}.promo>button{color:#7763d6;background:#fff;border:0;border-radius:7px;padding:8px 10px;font-size:8px}.page-heading h1{font-size:27px}.page-heading>span>small{display:block}.page-heading>b{color:#7966db;white-space:nowrap;background:#fff;border:1px solid #eee;border-radius:20px;padding:7px 10px;font-size:8px}.challenge-layout{grid-template-columns:minmax(0,1fr) 200px;gap:13px;display:grid}.selectors{align-items:end;gap:9px;margin-bottom:10px;display:flex}.selectors label,.profile label{color:#999;letter-spacing:.8px;flex:1;font-size:8px;font-weight:800}.selectors select,.profile select{color:#514d64;background:#fff;border:1px solid #e9e7f0;border-radius:8px;width:100%;margin-top:5px;padding:8px;font-size:10px;display:block}.selectors>b{color:#745fd8;background:#f1edff;border-radius:8px;padding:9px;font-size:9px}.question{background:#fff;border:1px solid #eee;border-radius:13px;padding:18px}.question>small{color:#999;letter-spacing:.6px;font-size:8px}.question>small i{float:right;font-style:normal}.question h2{color:#36324e;margin:17px 0;font:600 18px Space Grotesk}.answers{gap:8px;display:grid}.answers button{text-align:left;color:#5d586f;background:#fff;border:1px solid #eee;border-radius:9px;padding:9px;font-size:10px}.answers button>b{background:#f6f5f9;border-radius:6px;place-items:center;width:22px;height:22px;margin-right:9px;display:inline-grid}.answers .correct{color:#4c8f5e;background:#f3fbf4;border-color:#a7d7b1}.answers .wrong{background:#fff6f4;border-color:#f2b6ad}.explain{color:#80615d;background:#fff6f3;border-radius:8px;gap:4px;margin-top:10px;padding:10px;font-size:9px;display:grid}.explain.good{color:#598260;background:#f2faf3}.qfoot{color:#999;border-top:1px solid #eee;justify-content:space-between;align-items:center;margin-top:13px;padding-top:11px;font-size:8px;display:flex}.primary{color:#fff;background:#6f5be1}.note{color:#6859bb;background:#f0edff;border-radius:8px;padding:10px;font-size:9px}.challenge-layout aside{align-content:start;gap:10px;display:grid}.tip,.mini{background:#fff;border:1px solid #eee;border-radius:12px;padding:13px}.tip{background:linear-gradient(145deg,#f3f0ff,#fff)}.tip>b{color:#816ce3;font-size:18px;display:block}.tip>small{color:#999;letter-spacing:1px;font-size:8px}.tip h3{margin:8px 0;font:600 13px Space Grotesk}.tip p,.mini small{color:#999;font-size:9px;line-height:1.5}.mini strong{margin-bottom:9px;font-size:10px;display:block}.mini>i{height:6px}.mini small{margin-top:7px;display:block}.boss{color:#fff;background:linear-gradient(110deg,#282544,#6653a3);border-radius:16px;grid-template-columns:.8fr 1.2fr;min-height:300px;display:grid;overflow:hidden}.monster{place-items:center;display:grid;position:relative}.monster:before{content:"";border:1px solid #d3c8ff55;border-radius:50%;width:190px;height:190px;position:absolute;box-shadow:0 0 0 18px #d3c8ff0c}.monster>b{color:#fff0ae;background:linear-gradient(145deg,#bca8ff,#806ae4);border-radius:48%;place-items:center;width:120px;height:130px;display:grid;position:relative}.monster b small{color:#563a9e;font-size:28px;position:absolute;top:60%}.boss>div+div{padding:30px 25px 20px 5px}.boss h2{margin:10px 0;font:600 25px Space Grotesk}.boss p{color:#ddd;font-size:10px;line-height:1.6}.boss label{justify-content:space-between;margin:17px 0 7px;font-size:8px;display:flex}.boss label b{font-size:11px}.health{background:#fff3;height:7px}.health em{background:#ffc58d}.contribution{color:#ddd;margin:7px 0 11px;font-size:8px;display:block}.info{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px;display:grid}.info article{background:#fff;border:1px solid #eee;border-radius:10px;gap:4px;padding:12px;display:grid}.info article>b{font-size:16px}.info strong{font-size:9px}.info small{color:#999;font-size:8px}.duel{color:#fff;background:linear-gradient(120deg,#43399c,#725bd6);border-radius:16px;justify-content:center;align-items:center;gap:9%;min-height:275px;padding-bottom:45px;display:flex;position:relative}.duel>div{justify-items:center;gap:6px;display:grid}.duel>div>b{background:linear-gradient(145deg,#ffd9c7,#ee9f99);border-radius:20px;place-items:center;width:62px;height:62px;font:700 24px Space Grotesk;display:grid}.duel>div:nth-of-type(2)>b{color:#fff;background:#ffffff25}.duel>div>small{font-size:7px}.duel>div>strong{font-size:10px}.duel>i{font-style:normal;font-weight:700}.duel>p{color:#ddd;font-size:9px;position:absolute;bottom:49px}.duel>.light{position:absolute;bottom:13px}.profile{background:#fff;border:1px solid #eee;border-radius:13px;align-items:center;gap:13px;padding:16px;display:flex}.profile>b{width:55px;height:55px;font-size:22px}.profile>span{flex:1}.profile>span small,.profile>span strong,.profile>span i{display:block}.profile>span small{color:#999;font-size:7px}.profile>span strong{margin:4px 0;font:600 17px Space Grotesk}.profile>span i{color:#7966db;font-size:9px;font-style:normal}.profile label{max-width:160px}.level{margin-top:12px}.level h2{font:600 15px Space Grotesk}.level h2 i{float:right;color:#7966db;font:700 9px DM Sans}.levelbar{height:8px}.level p{color:#999;font-size:9px}.reset{color:#999;background:0 0;border:0;margin:14px auto;font-size:8px;text-decoration:underline;display:block}@media (width<=1000px){.sidebar{width:205px}main{margin-left:205px}.columns{grid-template-columns:1fr}}@media (width<=740px){.sidebar{width:60px;padding:15px 6px}.brand{justify-content:center}.brand strong,.school span,.sidebar>.eyebrow,.nav span,.quote,.user span{display:none}.school{justify-content:center}.nav{justify-content:center;padding:11px 2px}.side-bottom .user{justify-content:center}main{margin-left:60px}.challenge-layout{grid-template-columns:1fr}.challenge-layout aside{grid-template-columns:1fr 1fr}}@media (width<=520px){header{height:52px;padding:0 10px}.content{padding:18px 10px}.welcome h1{font-size:23px}.hero{height:205px;padding:18px}.hero h2{font-size:22px}.hero p{max-width:175px}.art{opacity:.5;right:-18%}.stats{grid-template-columns:repeat(2,1fr);gap:7px}.columns{grid-template-columns:1fr}.panel{padding:12px}.subjects>button{padding:6px}.subjects small{font-size:6px}.promo{gap:6px;padding:8px}.promo>span strong{font-size:9px}.promo>span i{font-size:7px}.page-heading h1{font-size:21px}.page-heading>b{padding:5px;font-size:7px}.selectors{gap:5px}.selectors select{padding:7px 4px}.question{padding:12px}.question h2{font-size:16px}.challenge-layout aside,.boss{grid-template-columns:1fr}.monster{min-height:155px}.monster:before{width:120px;height:120px}.monster>b{width:80px;height:90px}.boss>div+div{padding:0 16px 18px}.boss h2{font-size:22px}.info{grid-template-columns:1fr}.info article{grid-template-columns:25px 1fr}.info article small{grid-column:2}.duel{gap:5%}.duel>div>b{width:50px;height:50px}.duel>p{font-size:8px}.profile{flex-wrap:wrap}.profile label{width:100%;max-width:none}}