*{box-sizing:border-box;margin:0;padding:0}html{min-width:320px;overflow-x:hidden}button,canvas,img,input,svg{max-width:100%}body{background:linear-gradient(135deg,#0f0c29,#302b63 50%,#24243e);color:#fff;font-family:Nunito,Arial Rounded MT Bold,Arial,sans-serif}#root,body{min-height:100vh;overflow-x:hidden}#root{display:flex;flex-direction:column;width:100%}.web-container{margin-inline:auto;width:min(1200px,calc(100% - 48px))}.web-page{min-height:100vh;padding:28px 24px 56px;width:100%}.web-content{margin-inline:auto;width:min(1180px,100%)}.spinner{animation:spin .9s linear infinite;border:5px solid #ffffff26;border-radius:50%;border-top-color:#fd79a8;height:56px;width:56px}@keyframes spin{to{transform:rotate(1turn)}}.screen{align-items:center;display:flex;flex-direction:column;min-height:100vh;overflow:hidden;padding:20px 16px;position:relative}.stars-bg:before{background:radial-gradient(1px 1px at 10% 15%,#fff 0,#0000 100%),radial-gradient(1px 1px at 25% 40%,#ffffffb3 0,#0000 100%),radial-gradient(1.5px 1.5px at 50% 20%,#fff 0,#0000 100%),radial-gradient(1px 1px at 70% 60%,#fff9 0,#0000 100%),radial-gradient(1px 1px at 85% 30%,#fff 0,#0000 100%),radial-gradient(1.5px 1.5px at 40% 80%,#ffffff80 0,#0000 100%),radial-gradient(1px 1px at 60% 90%,#fff 0,#0000 100%),radial-gradient(1px 1px at 15% 70%,#fffc 0,#0000 100%),radial-gradient(1.5px 1.5px at 90% 85%,#fff 0,#0000 100%),radial-gradient(1px 1px at 35% 55%,#fff9 0,#0000 100%);content:"";inset:0;pointer-events:none;position:fixed;z-index:0}.card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff14;border:1px solid #ffffff26;border-radius:24px;max-width:560px;padding:32px 28px;width:100%}.creator-page{background:radial-gradient(circle at 10% 15%,#a855f738,#0000 30%),radial-gradient(circle at 90% 80%,#10b9812e,#0000 28%),linear-gradient(145deg,#100b2b,#18164b 48%,#092d2e);min-height:100vh;overflow:hidden;padding:30px 0 46px;position:relative}.creator-orb{border-radius:50%;filter:blur(2px);pointer-events:none;position:absolute}.creator-orb.orb-one{background:#ec48991f;height:260px;left:-100px;top:28%;width:260px}.creator-orb.orb-two{background:#6366f121;height:360px;right:-150px;top:-90px;width:360px}.creator-header{align-items:center;display:flex;gap:24px;justify-content:space-between;margin-bottom:24px;position:relative;z-index:2}.creator-eyebrow{color:#6ee7b7;display:inline-block;font-size:.72rem;font-weight:900;letter-spacing:.18em;margin-bottom:6px}.creator-header h1{background:linear-gradient(90deg,#fff,#c4b5fd 55%,#6ee7b7);background-clip:text;-webkit-background-clip:text;color:#0000;font-size:clamp(2rem,4vw,3.35rem);font-weight:900;line-height:1}.creator-header p{color:#ffffff9e;font-size:1rem;margin-top:10px}.creator-header strong{color:#c4b5fd}.creator-workspace{grid-gap:24px;align-items:stretch;display:grid;gap:24px;grid-template-columns:minmax(330px,.78fr) minmax(0,1.45fr);position:relative;z-index:2}.creator-editor,.creator-stage{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:hsla(0,0%,100%,.075);border:1px solid #ffffff24;box-shadow:0 28px 70px #02041952;min-width:0}.creator-stage{align-items:center;border-radius:34px;display:flex;flex-direction:column;justify-content:center;min-height:650px;overflow:hidden;padding:58px 24px 28px;position:relative}.creator-stage:before{background:radial-gradient(circle,#818cf842,#10b98114 48%,#0000 72%);height:380px;width:380px}.creator-stage:after,.creator-stage:before{border-radius:50%;content:"";position:absolute}.creator-stage:after{background:#04071c4d;bottom:114px;filter:blur(7px);height:22px;left:12%;right:12%}.creator-stage>*{position:relative;z-index:1}.creator-stage-badge{background:#10b9811f;border:1px solid #6ee7b759;border-radius:99px;color:#a7f3d0;font-size:.72rem;font-weight:900;left:22px;letter-spacing:.08em;padding:8px 13px;position:absolute;text-transform:uppercase;top:22px}.creator-nameplate{background:#080a237a;border:1px solid #ffffff21;border-radius:18px;margin-top:10px;padding:14px 18px;text-align:center;width:min(300px,90%)}.creator-nameplate b{display:block;font-size:1.1rem}.creator-nameplate span{color:#ffffff80;display:block;font-size:.76rem;margin-top:3px}.creator-editor{border-radius:34px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:650px;padding:18px}.creator-tabs{grid-gap:8px;background:#04071c4d;border-radius:20px;display:grid;gap:8px;grid-template-columns:repeat(5,minmax(0,1fr));padding:6px}.creator-tabs button{background:#0000;border:0;border-radius:15px;color:#ffffff8c;cursor:pointer;font:800 .76rem/1.1 inherit;min-width:0;padding:12px 8px;transition:.2s}.creator-tabs button span{display:block;font-size:1.25rem;margin-bottom:5px}.creator-tabs button.active{background:linear-gradient(135deg,#8b5cf6,#6366f1);box-shadow:0 8px 22px #6366f159;color:#fff}.creator-options{min-height:0;overflow-x:hidden;overflow-y:auto;padding:14px 8px 10px;scrollbar-color:#c4b5fd73 #0000}.creator-section-title{color:#ffffff9e;font-size:.8rem;letter-spacing:.09em;margin:12px 2px 10px;text-transform:uppercase}.creator-helper{color:#fff6;font-size:.78rem;margin:-4px 2px 12px}.creator-gender-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;max-width:470px}.creator-carousel{min-width:0;padding:0 38px;position:relative}.creator-carousel-track{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;padding:4px 2px 10px;scroll-snap-type:x mandatory;scrollbar-width:none}.creator-carousel-track::-webkit-scrollbar{display:none}.creator-carousel-arrow{background:#090a26db;border:1px solid #ffffff2b;border-radius:13px;box-shadow:0 8px 18px #00000040;color:#fff;cursor:pointer;font:700 1.8rem/1 inherit;height:50px;position:absolute;top:50%;transform:translateY(-50%);width:34px;z-index:3}.creator-carousel-arrow:hover{background:#6d5bd0}.creator-carousel-arrow.left{left:0}.creator-carousel-arrow.right{right:0}.creator-choice-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));width:100%}.creator-choice-grid.roomy{grid-template-columns:repeat(auto-fit,minmax(135px,1fr))}.creator-choice-grid .creator-choice{max-width:none;min-width:0;width:100%}.creator-choice{align-items:center;background:#ffffff0f;border:2px solid #ffffff1a;border-radius:20px;color:#fff;cursor:pointer;display:flex;flex:0 0 116px;flex-direction:column;font:800 .74rem/1.1 inherit;height:148px;justify-content:space-between;overflow:hidden;padding:5px 6px 10px;position:relative;scroll-snap-align:start;transition:.2s;width:116px}.creator-choice.wide{height:180px;width:100%}.creator-choice:hover{background:#ffffff1a;border-color:#c4b5fd8c;transform:translateY(-2px)}.creator-choice.selected{background:linear-gradient(160deg,#8b5cf661,#6366f13d);border-color:#c4b5fd;box-shadow:0 10px 25px #6366f140}.creator-choice-avatar{align-items:flex-start;display:flex;height:112px;justify-content:center;overflow:hidden;width:100%}.creator-choice.wide .creator-choice-avatar{height:142px}.creator-check{background:#34d399;border:2px solid #fff;border-radius:50%;color:#09251d;display:grid;height:23px;place-items:center;position:absolute;right:7px;top:7px;width:23px}.creator-color-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(82px,1fr))}.creator-color-grid.compact{grid-template-columns:repeat(auto-fit,minmax(74px,1fr))}.creator-color{align-items:center;background:#ffffff0a;border:2px solid #ffffff14;border-radius:14px;color:#ffffffa6;cursor:pointer;display:flex;flex-direction:column;gap:6px;min-height:66px;padding:8px 5px}.creator-color>span{border:3px solid #ffffff38;border-radius:50%;box-shadow:inset 0 1px 3px #ffffff40,0 3px 8px #0003;height:34px;width:34px}.creator-color small{font:700 .62rem/1 inherit}.creator-color.selected{background:#ffffff21;border-color:#fff;color:#fff}.creator-color.selected>span{box-shadow:0 0 0 3px #8b5cf6}.creator-save{background:linear-gradient(90deg,#8b5cf6,#6366f1 50%,#10b981);border:0;border-radius:18px;box-shadow:0 10px 30px #6366f159;color:#fff;cursor:pointer;font:900 1rem/1 inherit;padding:16px;width:100%}.creator-save:disabled{cursor:not-allowed;opacity:.55}.input{background:#ffffff14;border:2px solid #fff3;border-radius:14px;color:#fff;font-family:inherit;font-size:1rem;font-weight:600;outline:none;padding:14px 18px;transition:border-color .2s;width:100%}.input::placeholder{color:#fff6}.input:focus{border-color:#fd79a8}.btn{border:none;border-radius:50px;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:800;letter-spacing:.3px;padding:14px 28px;transition:transform .15s,box-shadow .15s,opacity .15s}.btn:hover:not(:disabled){box-shadow:0 6px 20px #00000059;transform:translateY(-2px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:linear-gradient(135deg,#fd79a8,#e84393);color:#fff}.btn-secondary{background:linear-gradient(135deg,#a29bfe,#6c5ce7);color:#fff}.btn-success{background:linear-gradient(135deg,#00cec9,#00b894);color:#fff}.btn-warning{background:linear-gradient(135deg,#fdcb6e,#e17055);color:#fff}.btn-ghost{background:#ffffff1f;border:2px solid #fff3;color:#fff}.btn-full{width:100%}.label{color:#fff9;display:block;font-size:.8rem;font-weight:700;letter-spacing:1px;margin-bottom:6px;text-transform:uppercase}.title{font-size:2rem;font-weight:900;line-height:1.2}.subtitle,.title{text-align:center}.subtitle{color:#ffffffa6;font-size:1rem;margin-top:8px}.error-msg{background:#d6303133;border:1px solid #d63031;border-radius:10px;color:#ff7675;font-size:.9rem;margin-top:4px;padding:10px 14px}.form-group{margin-bottom:16px}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.board-wrap{align-items:center;flex-direction:column;gap:0;max-width:480px;position:relative;z-index:1}.board-row,.board-wrap{display:flex;width:100%}.board-row{gap:8px;justify-content:center}.board-row.reverse{flex-direction:row-reverse}.topic-node{align-items:center;border:3px solid #fff3;border-radius:20px;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;height:80px;justify-content:center;position:relative;transition:transform .2s,box-shadow .2s;width:80px}.topic-node:hover:not(.locked){transform:scale(1.08)}.topic-node.locked{cursor:not-allowed;filter:grayscale(1);opacity:.35}.topic-node.completed{border-color:#fff9}.topic-node.current{animation:nodeGlow 1.5s ease-in-out infinite}@keyframes nodeGlow{0%,to{box-shadow:0 0 0 0 #fff6}50%{box-shadow:0 0 0 10px #fff0}}.topic-emoji{font-size:1.8rem;line-height:1}.topic-node-name{color:#fff;font-size:.55rem;font-weight:800;line-height:1.1;margin-top:2px;text-align:center}.topic-check{align-items:center;background:#00b894;border:2px solid #fff;border-radius:50%;display:flex;font-size:.7rem;font-weight:900;height:22px;justify-content:center;position:absolute;right:-6px;top:-6px;width:22px}.connector{height:24px;margin:0 auto;width:4px}.connector,.connector-h{background:#fff3;border-radius:2px}.connector-h{align-self:center;height:4px;width:8px}.question-screen{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding:20px 16px 32px;transition:background .4s}.question-header{align-items:center;display:flex;gap:12px;margin-bottom:20px;max-width:520px;width:100%}.q-progress-bar{background:#fff3;border-radius:5px;flex:1 1;height:10px;overflow:hidden}.q-progress-fill{background:linear-gradient(90deg,#fdcb6e,#e17055);border-radius:5px;height:100%;transition:width .4s ease}.question-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:24px;margin-bottom:20px;max-width:520px;padding:28px 24px;width:100%}.question-text{color:#fff;font-size:1.25rem;font-weight:800;line-height:1.4;text-align:center}.options-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;max-width:520px;width:100%}.option-btn{border:3px solid #0000;border-radius:18px;color:#1a1a2e;cursor:pointer;font-family:inherit;font-size:.92rem;font-weight:700;line-height:1.3;min-height:72px;padding:16px 12px;text-align:center;transition:transform .15s,box-shadow .15s}.option-btn:hover:not(:disabled){box-shadow:0 6px 16px #0000004d;transform:translateY(-2px)}.option-btn:disabled{cursor:not-allowed}.option-btn.correct{border-color:#00b894!important;box-shadow:0 0 0 4px #00b8944d}.option-btn.wrong{animation:shake .4s;border-color:#d63031!important}.option-btn.reveal{border-color:#00b894!important;opacity:.7}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}.float-deco{animation:floatUp 6s ease-in-out infinite;font-size:2rem;opacity:.15;pointer-events:none;position:fixed;z-index:0}@keyframes floatUp{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(10deg)}to{transform:translateY(0) rotate(0deg)}}.victory-screen{align-items:center;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:32px 16px;text-align:center}.confetti-piece{animation:confettiFall linear forwards;border-radius:2px;height:10px;pointer-events:none;position:fixed;width:10px;z-index:999}@keyframes confettiFall{0%{opacity:1;transform:translateY(-10vh) rotate(0deg)}to{opacity:0;transform:translateY(110vh) rotate(2turn)}}.ranking-card{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:18px;display:flex;gap:14px;margin-bottom:10px;max-width:480px;padding:14px 18px;width:100%}.rank-pos{font-size:1.4rem;font-weight:900;min-width:36px;text-align:center}.rank-name{flex:1 1;font-size:1rem;font-weight:700}.rank-score{color:#fdcb6e;font-size:1.1rem;font-weight:900}.char-options{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.char-opt{align-items:center;border:3px solid #0000;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.75rem;font-weight:800;height:44px;justify-content:center;text-align:center;transition:transform .15s,border-color .15s;width:44px}.char-opt:hover{transform:scale(1.1)}.char-opt.selected{border-color:#fff;box-shadow:0 0 0 3px #ffffff4d;transform:scale(1.15)}.char-opt-text{background:#ffffff1a;border:3px solid #0000;border-radius:12px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:800;padding:8px 14px;transition:all .15s}.char-opt-text.selected{background:#ffffff40;border-color:#fff}@media (max-width:480px){.form-row,.options-grid{grid-template-columns:1fr}.topic-node{border-radius:16px;height:68px;width:68px}.topic-emoji{font-size:1.5rem}}.question-web-page{padding:24px clamp(16px,3vw,44px) 42px!important;width:100%}.question-feedback-column,.question-web-content,.teacher-web-page>div{min-width:0}.ranking-web-page .ranking-card{max-width:none;padding:16px 22px}@media (min-width:900px){.landing-web{grid-column-gap:clamp(50px,8vw,120px);align-content:center;column-gap:clamp(50px,8vw,120px);display:grid!important;grid-template-columns:minmax(330px,.85fr) minmax(440px,1fr);justify-content:center!important;padding-inline:max(40px,8vw)}.landing-web-brand{margin-bottom:0!important;text-align:left!important}.landing-web-brand>div{font-size:7rem!important}.landing-web-brand h1{font-size:3.2rem!important}.landing-web-brand p{font-size:1.1rem!important}.landing-web-card{max-width:560px}.question-web-content{grid-column-gap:28px;align-items:start;column-gap:28px;display:grid;grid-template-columns:minmax(320px,.82fr) minmax(430px,1.18fr);grid-template-rows:auto auto}.question-hero-column{grid-row:1/span 2;margin-bottom:0!important;position:-webkit-sticky;position:sticky;top:24px}.question-hero-column>div:first-child{height:170px!important;width:170px!important}.question-options-column{gap:14px!important;grid-column:2;grid-row:1}.question-options-column button{font-size:1rem!important;min-height:90px!important}.question-feedback-column{grid-column:2;grid-row:2}.ranking-web-page .ranking-card{display:grid;grid-template-columns:55px 58px minmax(0,1fr) 110px}}@media (max-width:899px){.web-container{width:min(100% - 28px,720px)}.creator-page{padding-top:20px}.creator-header{align-items:flex-start}.creator-header .btn{padding:9px 15px}.creator-workspace{grid-template-columns:1fr}.creator-stage{min-height:440px;padding-top:50px}.creator-stage>div[aria-label]{max-height:310px}.creator-editor{min-height:620px}}@media (max-width:640px){.web-page{padding:18px 12px 40px!important}.creator-header h1{font-size:1.8rem}.creator-header p{font-size:.84rem}.creator-header .btn{font-size:.75rem}.creator-stage{border-radius:26px;min-height:370px}.creator-stage>div[aria-label]{height:295px!important;width:250px!important}.creator-editor{border-radius:26px;min-height:590px;padding:11px}.creator-tabs{display:flex;overflow-x:auto;scrollbar-width:none}.creator-tabs button{min-width:82px}.creator-tabs button span{font-size:1.05rem}.creator-options{padding-inline:2px}.creator-gender-grid{gap:9px}.creator-choice.wide{height:158px}.creator-choice.wide .creator-choice-avatar{height:120px}.creator-carousel{padding:0 30px}.creator-carousel-arrow{height:45px;width:27px}.creator-choice{flex-basis:104px;width:104px}.creator-choice-grid,.creator-choice-grid.roomy{gap:9px;grid-template-columns:repeat(2,minmax(0,1fr))}.creator-choice-grid .creator-choice{height:142px;width:100%}.creator-color-grid{grid-template-columns:repeat(3,1fr)}.creator-stage-badge{left:15px;top:15px}}.student-home{background:radial-gradient(circle at 10% 15%,#fd79a829,#0000 28%),radial-gradient(circle at 90% 75%,#00cec924,#0000 30%),linear-gradient(145deg,#100d2d,#20205c 52%,#102d40);min-height:100vh;overflow:hidden;padding:30px 0 55px;position:relative}.student-home-shape{border-radius:50%;filter:blur(2px);pointer-events:none;position:absolute}.student-home-shape.shape-one{background:#6c5ce729;bottom:-80px;height:340px;left:-160px;width:340px}.student-home-shape.shape-two{background:#00b89421;height:280px;right:-110px;top:80px;width:280px}.student-home-header{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin-bottom:25px;position:relative;z-index:2}.student-home-header span,.student-kicker{color:#6ee7b7;font-size:.72rem;font-weight:900;letter-spacing:.16em}.student-home-header h1{font-size:clamp(2rem,4vw,3.15rem);margin-top:6px}.student-home-header p{color:#ffffff94;margin-top:7px}.student-home-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:minmax(0,1.45fr) minmax(320px,.7fr);position:relative;z-index:2}.student-action-area,.student-hero-card,.student-progress-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.075);border:1px solid #ffffff21;box-shadow:0 24px 60px #03051e47}.student-hero-card{align-items:center;border-radius:34px;display:grid;grid-template-columns:1.05fr .95fr;min-height:450px;overflow:hidden;padding:44px;position:relative}.student-hero-card:before{background:linear-gradient(120deg,#8b5cf629,#0000 50%,#10b9811f);content:"";inset:0;position:absolute}.student-hero-character,.student-hero-copy{position:relative;z-index:1}.student-hero-copy h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.04;margin:12px 0 15px}.student-hero-copy p{color:#ffffffa3;line-height:1.65;max-width:540px}.student-start-button{align-items:center;background:linear-gradient(90deg,#fd79a8,#8b5cf6);border:0;border-radius:18px;box-shadow:0 12px 30px #8b5cf652;color:#fff;cursor:pointer;display:inline-flex;font:900 1rem/1 inherit;gap:25px;justify-content:space-between;margin-top:25px;min-width:230px;padding:17px 20px}.student-start-button b{font-size:1.35rem}.student-hero-character{align-items:center;display:flex;justify-content:center;min-width:0}.student-character-glow{background:radial-gradient(circle,#6ee7b747,#8b5cf61f 48%,#0000 70%);border-radius:50%;height:310px;position:absolute;width:310px}.student-progress-card{border-radius:30px;padding:25px}.student-progress-heading{align-items:center;display:flex;justify-content:space-between}.student-progress-heading>div:first-child span{color:#ffffff73;display:block;font-size:.7rem;font-weight:900;letter-spacing:.1em}.student-progress-heading>div:first-child strong{display:block;font-size:2.3rem;margin-top:5px}.student-progress-ring{--progress:0deg;background:conic-gradient(#55efc4 var(--progress),#ffffff17 0);border-radius:50%;display:grid;height:78px;place-items:center;position:relative;width:78px}.student-progress-ring:before{background:#242353;border-radius:50%;content:"";inset:7px;position:absolute}.student-progress-ring b{font-size:.85rem;position:relative;z-index:1}.student-progress-track{background:#ffffff17;border-radius:9px;height:9px;margin:22px 0;overflow:hidden}.student-progress-track i{background:linear-gradient(90deg,#fd79a8,#55efc4);border-radius:9px;display:block;height:100%}.student-stats{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.student-stats div{background:hsla(0,0%,100%,.055);border-radius:16px;min-width:0;padding:12px 4px;text-align:center}.student-stats span{display:block;font-size:1.2rem}.student-stats b{display:block;margin:4px 0 2px;overflow:hidden;text-overflow:ellipsis}.student-stats small{color:#ffffff6b}.student-action-area{border-radius:32px;grid-column:1/-1;padding:26px}.student-action-heading{align-items:end;display:flex;gap:30px;justify-content:space-between;margin-bottom:20px}.student-action-heading span{color:#a78bfa;font-size:.7rem;font-weight:900;letter-spacing:.14em}.student-action-heading h2{font-size:clamp(1.35rem,2.5vw,2rem);margin-top:6px}.student-action-heading p{color:#ffffff7a;font-size:.86rem;line-height:1.55;max-width:430px;text-align:right}.student-action-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.student-action-card{align-items:flex-start;border:1px solid #ffffff1f;border-radius:24px;box-shadow:0 14px 30px #03051e2e;color:#fff;cursor:pointer;display:flex;flex-direction:column;min-height:220px;overflow:hidden;padding:23px;position:relative;text-align:left;transition:border-color .2s,box-shadow .2s}.student-action-card:after{background:#ffffff1c;border-radius:50%;content:"";height:150px;position:absolute;right:-50px;top:-55px;width:150px}.student-action-card:hover{border-color:#ffffff4d;box-shadow:0 20px 38px #03051e47}.student-action-card.character-card{background:linear-gradient(145deg,#7c3aed,#4f46e5)}.student-action-card.map-card{background:linear-gradient(145deg,#078a7a,#126a89)}.student-action-card.ranking-card{background:linear-gradient(145deg,#d97706,#c24168)}.student-action-icon{background:#ffffff29;border:1px solid #fff3;border-radius:17px;display:grid;font-size:1.7rem;height:52px;margin-bottom:17px;place-items:center;position:relative;width:52px;z-index:1}.student-action-card>small{color:#ffffffad;font-size:.62rem;font-weight:900;letter-spacing:.12em}.student-action-card>b{font-size:1.28rem;margin-top:5px}.student-action-card>p{color:#ffffffad;font-size:.79rem;line-height:1.5;margin:8px 0 18px}.student-action-card>i{align-items:center;color:#fff;display:flex;font:normal 800 .76rem/1 inherit;gap:8px;margin-top:auto}.student-action-card>i strong{font-size:1.05rem}.adventure-map-page{background:radial-gradient(circle at 50% 0,#74b9ff33,#0000 38%),linear-gradient(180deg,#11143a,#182a54 35%,#15383b);min-height:100vh;overflow:hidden;padding:22px 0 60px}.adventure-header{grid-gap:18px;align-items:center;display:grid;gap:18px;grid-template-columns:1fr auto 1fr;position:relative;z-index:3}.map-back-button{background:#ffffff12;border:1px solid #ffffff24;border-radius:14px;color:#fff;cursor:pointer;font:800 .8rem/1 inherit;justify-self:start;padding:10px 15px}.map-student{align-items:center;background:#ffffff12;border-radius:20px;display:flex;gap:11px;padding:7px 16px}.map-student b,.map-student span{display:block}.map-score span,.map-student span{color:#ffffff73;font-size:.72rem;margin-top:2px}.map-score{justify-self:end;text-align:right}.map-score b,.map-score span{display:block}.map-score b{color:#fdcb6e;font-size:1.2rem}.map-intro{align-items:end;display:flex;gap:35px;justify-content:space-between;margin-bottom:32px;margin-top:38px}.map-intro>div:first-child{max-width:700px}.map-intro>div:first-child>span{color:#55efc4;font-size:.72rem;font-weight:900;letter-spacing:.15em}.map-intro h1{font-size:clamp(2rem,4vw,3.6rem);line-height:1.03;margin:8px 0 12px}.map-intro p{color:#ffffff8c;line-height:1.55}.map-progress{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:20px;min-width:230px;padding:16px}.map-progress div{align-items:baseline;display:flex;justify-content:space-between}.map-progress b{font-size:1.4rem}.map-progress span{color:#ffffff6e;font-size:.72rem}.map-progress>i{background:#ffffff1a;border-radius:8px;display:block;height:8px;margin-top:10px;overflow:hidden}.map-progress em{background:linear-gradient(90deg,#fd79a8,#55efc4);border-radius:8px;display:block;height:100%}.adventure-map{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(3,minmax(0,1fr));position:relative}.map-path-line{background:linear-gradient(90deg,#0000 0 5%,#fff 5% 95%,#0000 95%) 0 16%/100% 3px no-repeat,linear-gradient(90deg,#0000 0 5%,#fff 5% 95%,#0000 95%) 0 50%/100% 3px no-repeat,linear-gradient(90deg,#0000 0 5%,#fff 5% 95%,#0000 95%) 0 84%/100% 3px no-repeat;inset:15% 8%;opacity:.35;position:absolute;z-index:0}.map-scene{background:#22264f;border:1px solid #ffffff26;border-radius:28px;box-shadow:0 18px 45px #03051c4d;min-width:0;overflow:hidden;position:relative;z-index:1}.map-scene.current{border-color:#ffffffb3;box-shadow:0 0 0 4px #55efc42b,0 24px 50px #03051c66}.map-scene.locked{filter:saturate(.35);opacity:.62}.map-scene-sky{background:linear-gradient(180deg,#89d5ff,#d8f6ff);height:160px;overflow:hidden;position:relative}.map-scene-floor{background:#d8b788;border-radius:50% 50% 0 0;bottom:-25px;height:75px;left:-5%;position:absolute;right:-5%}.map-scene-main-icon{filter:drop-shadow(0 8px 6px rgba(0,0,0,.2));font-size:4.6rem;left:50%;position:absolute;top:42%;transform:translate(-50%,-50%);z-index:2}.map-prop{font-size:1.8rem;position:absolute;z-index:2}.prop-one{bottom:21px;left:9%}.prop-two{bottom:23px;right:9%}.prop-three{font-size:1.35rem;right:14%;top:15px}.map-scene-content{padding:18px}.map-level-line{color:#ffffff73;display:flex;font-size:.64rem;font-weight:900;gap:8px;justify-content:space-between;letter-spacing:.08em}.map-level-line b{color:#55efc4;letter-spacing:0}.map-scene.locked .map-level-line b{color:#ffffff73}.map-scene h2{font-size:1.08rem;margin:7px 0 3px}.map-scene p{color:#ffffff70;font-size:.76rem}.map-scene button{background:#ffffff1a;border:0;border-radius:13px;color:#fff;cursor:pointer;font:800 .73rem/1 inherit;margin-top:14px;padding:11px;width:100%}.map-scene.current button{background:#55efc4;color:#143a32}.map-scene button:disabled{cursor:default}.map-scene.kitchen .map-scene-sky{background:linear-gradient(#ffd9bd,#fff0de)}.map-scene.kitchen .map-scene-floor{background:#c98c62}.map-scene.bathroom .map-scene-sky{background:repeating-linear-gradient(90deg,#d8f6ff 0 38px,#c5effd 38px 40px)}.map-scene.bathroom .map-scene-floor{background:#9fdce8}.map-scene.electric .map-scene-sky{background:linear-gradient(#fff3a9,#ffe66d)}.map-scene.electric .map-scene-floor{background:#9d875c}.map-scene.living-room .map-scene-sky{background:linear-gradient(#e9d5ff,#f7ebff)}.map-scene.living-room .map-scene-floor{background:#a97951}.map-scene.pool .map-scene-sky{background:linear-gradient(#74b9ff 0 55%,#27b3d6 55%)}.map-scene.pool .map-scene-floor{background:#f5d38a}.map-scene.rescue .map-scene-sky{background:linear-gradient(#ffd5e5,#fff0f6)}.map-scene.rescue .map-scene-floor{background:#aeb6c0}.map-scene.first-aid .map-scene-sky{background:linear-gradient(#d9fff0,#effff9)}.map-scene.first-aid .map-scene-floor{background:#96cbb8}.map-scene.garden .map-scene-sky{background:linear-gradient(#baf3a5,#e7ffd9)}.map-scene.garden .map-scene-floor{background:#659b4c}.map-scene.emergency .map-scene-sky{background:linear-gradient(#c4b5fd,#e9e3ff)}.map-scene.emergency .map-scene-floor{background:#596080}.result-page{background:linear-gradient(145deg,#100d2e,#29245e 55%,#123a3b);display:grid;min-height:100vh;overflow:hidden;padding:35px 18px;place-items:center;position:relative}.result-page.encourage{background:linear-gradient(145deg,#171337,#30295e 55%,#1d3d4e)}.result-glow{background:radial-gradient(circle,#fdcb6e2e,#0000 65%);border-radius:50%;height:650px;position:absolute;width:650px}.result-card{grid-gap:25px;align-items:center;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:hsla(0,0%,100%,.075);border:1px solid #ffffff26;border-radius:36px;box-shadow:0 30px 80px #03051e59;display:grid;gap:25px;grid-template-columns:1.1fr .9fr;padding:44px;position:relative;width:min(980px,100%);z-index:2}.result-kicker{color:#55efc4;font-size:.72rem;font-weight:900;letter-spacing:.16em}.result-copy h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.04;margin:10px 0 15px}.result-copy>p{color:#ffffff9e;line-height:1.65}.result-message{align-items:center;background:#ffffff12;border-radius:18px;display:flex;gap:13px;margin-top:22px;padding:15px}.result-message>span{font-size:2rem}.result-message b,.result-message small{display:block}.result-message small{color:#ffffff7a;margin-top:3px}.result-character{display:flex;justify-content:center;min-width:0;position:relative}.result-character-halo{background:radial-gradient(circle,#fdcb6e45,#0000 68%);border-radius:50%;height:320px;position:absolute;width:320px}.result-stats{grid-gap:12px;display:grid;gap:12px;grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.result-stats div{background:#ffffff0f;border-radius:18px;padding:15px;text-align:center}.result-stats b,.result-stats small,.result-stats span{display:block}.result-stats span{font-size:1.4rem}.result-stats b{color:#fdcb6e;font-size:1.25rem;margin:4px 0}.result-stats small{color:#ffffff6b}.result-actions{display:flex;gap:12px;grid-column:1/-1;justify-content:center}.result-actions button{border:0;border-radius:16px;color:#fff;cursor:pointer;font:900 .9rem/1 inherit;padding:15px 24px}.result-primary{background:linear-gradient(90deg,#fd79a8,#8b5cf6)}.result-secondary{background:#ffffff1a;border:1px solid #ffffff29!important}.teacher-student-card{background:hsla(0,0%,100%,.055);border:1px solid #ffffff1c;border-radius:18px;overflow:hidden}.teacher-student-summary{grid-gap:13px;align-items:center;display:grid;gap:13px;grid-template-columns:56px minmax(0,1fr) auto;padding:14px 16px}.teacher-student-placeholder{background:#ffffff14;border-radius:50%;display:grid;height:52px;place-items:center;width:52px}.teacher-student-name{min-width:0}.teacher-student-name b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.teacher-student-name span{color:#ffffff6b;display:block;font-size:.72rem;margin-top:3px}.teacher-student-summary button{background:#ffffff12;border:1px solid #ffffff24;border-radius:11px;color:#fff;cursor:pointer;font:800 .72rem/1 inherit;padding:9px 12px}.teacher-student-details{background:#04061c2e;border-top:1px solid #ffffff14;padding:16px}.teacher-detail-stats{grid-gap:9px;display:grid;gap:9px;grid-template-columns:repeat(3,minmax(0,1fr))}.teacher-detail-stats div{background:hsla(0,0%,100%,.055);border-radius:13px;padding:11px 5px;text-align:center}.teacher-detail-stats b,.teacher-detail-stats small,.teacher-detail-stats span{display:block}.teacher-detail-stats b{margin:4px 0}.teacher-detail-stats small{color:#fff6}.teacher-review-topics{margin-top:14px}.teacher-attempts>b,.teacher-review-topics>b{font-size:.78rem}.teacher-review-topics>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.teacher-review-topics span{background:#fdcb6e21;border-radius:99px;color:#fdcb6e;font-size:.7rem;font-weight:800;padding:7px 10px}.teacher-review-topics span.low{background:#d6303129;color:#ff8d8d}.teacher-attempts{margin-top:14px}.teacher-attempts>p{color:#ffffff59;font-size:.75rem;margin-top:8px}.teacher-attempts>div{grid-gap:12px;border-bottom:1px solid #ffffff0f;display:grid;font-size:.75rem;gap:12px;grid-template-columns:1fr auto auto;padding:9px 0}.teacher-attempts>div:last-child{border-bottom:0}.teacher-attempts span{color:#ffffff80}.teacher-attempts strong{color:#fdcb6e}@media (max-width:900px){.student-hero-card,.student-home-grid{grid-template-columns:1fr}.student-hero-card{text-align:center}.student-hero-copy p{margin-inline:auto}.student-hero-character{max-height:285px;order:-1}.student-action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.adventure-map{grid-template-columns:repeat(2,minmax(0,1fr))}.result-card{grid-template-columns:1fr;text-align:center}.result-character{grid-row:1}}@media (max-width:620px){.student-home{padding-top:20px}.student-home-header{align-items:center}.student-home-header h1{font-size:1.75rem}.student-home-header p{display:none}.student-home-header .btn{font-size:.72rem;padding:8px 12px}.student-hero-card{border-radius:26px;min-height:0;padding:24px 18px}.student-hero-copy h2{font-size:1.8rem}.student-hero-character>div[aria-label]{height:260px!important;width:220px!important}.student-action-area,.student-progress-card{border-radius:24px}.student-action-area{padding:18px}.student-action-heading{align-items:flex-start;flex-direction:column;gap:8px}.student-action-heading p{text-align:left}.student-action-grid{grid-template-columns:1fr}.student-action-card{min-height:190px}.adventure-header{grid-template-columns:1fr 1fr}.map-student{grid-column:1/-1;grid-row:2;justify-self:center}.map-intro{align-items:stretch;flex-direction:column;margin-top:25px}.map-progress{min-width:0}.adventure-map{grid-template-columns:1fr}.map-path-line{display:none}.map-scene-sky{height:145px}.result-card{border-radius:27px;padding:24px 17px}.result-character>div[aria-label]{height:265px!important;width:225px!important}.result-stats{gap:7px}.result-stats div{padding:11px 4px}.result-actions{flex-direction:column}.teacher-web-page [style*="display: flex"][style*="margin-bottom: 24px"][style*="padding: 4px"]{overflow-x:auto}.teacher-web-page [style*="display: flex"][style*="margin-bottom: 24px"][style*="padding: 4px"] button{min-width:90px}.teacher-student-summary{grid-template-columns:48px minmax(0,1fr)}.teacher-student-summary button{grid-column:1/-1;width:100%}.teacher-detail-stats{grid-template-columns:1fr}}
/*# sourceMappingURL=main.ddcb926b.css.map*/