@import url('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',system-ui,sans-serif;color:#202038;background:#f6f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #dbac30;outline-offset:5px}header{height:90px;background:#fff;border-bottom:1px solid #e6e6ee;display:flex;align-items:center;justify-content:space-between;padding:0 5%}.brand{display:flex;align-items:center;gap:13px;font-weight:800;letter-spacing:1px;text-decoration:none;color:inherit;font-size:15px}.brandmark{font-family:'Space Grotesk',sans-serif;border-radius:13px;padding:8px 10px;background:#6845ea;color:white;font-size:27px;letter-spacing:-2px}.divider{height:24px;width:1px;background:#ddd;margin:0 9px}.subbrand{font-size:13px;font-weight:500;letter-spacing:2px}.prototype{font-size:11px;letter-spacing:1.5px;color:#77798d}main{max-width:1370px;margin:auto;padding:40px 5% 22px}.heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.8px;color:#77788c;margin:0 0 12px}h1,h2,h3{font-family:'Space Grotesk',system-ui,sans-serif}h1{font-size:clamp(25px,2.6vw,37px);letter-spacing:-1.5px;margin:0;font-weight:600}h1>span{color:#754eea}.session{display:flex;gap:12px;align-items:center;white-space:nowrap;font-size:14px}.session b{font-size:25px}.session small{display:block;color:#7a7a8e;font-size:12px;margin-top:2px}.spark{background:#eee9ff;color:#6c45e4;padding:10px 15px;border-radius:50%;font-size:25px}.layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px}aside{padding-top:10px}.missions{display:grid;gap:10px}.mission{width:100%;display:flex;align-items:center;text-align:left;gap:12px;border:1px solid #e1e1ed;border-radius:15px;background:#fff;padding:18px 14px;color:#444459;transition:.2s}.mission:hover{border-color:#927ce4;transform:translateY(-2px)}.mission.selected{background:#eee9ff;border:1.5px solid #8663e9;color:#5b39c9}.mission b{font-size:15px;display:block}.mission small{font-size:12px;display:block;margin-top:5px;color:#76728b}.mode-icon{font-size:30px;line-height:1;width:28px;text-align:center}.mode-number{margin-left:auto;align-self:flex-start;font-size:10px;opacity:.5}.pace{margin-top:28px}.pace label{font-size:14px;font-weight:700;display:block;margin-bottom:10px}select{width:100%;padding:12px;border:1px solid #dddce8;background:#fff;border-radius:10px;color:#454056;font-size:14px}.pace p{font-size:12px;color:#77768d;line-height:1.6}.coach{border-top:1px solid #e0e0ea;margin-top:25px;padding-top:25px}.coach>span{font-size:10px;letter-spacing:1.2px;color:#6a49c9;font-weight:700}.coach p{font-family:'Space Grotesk',sans-serif;font-size:21px;line-height:1.4;margin:12px 0}.coach small,.sample{font-size:12px;color:#79788a;line-height:1.7}.sample{margin-top:22px}.arena{min-height:610px;position:relative;overflow:hidden;border-radius:26px;background:radial-gradient(ellipse at 50% 35%,#3f326e 0%,#221c42 60%,#19192f 100%);color:white;display:flex;flex-direction:column;box-shadow:0 15px 35px #24204918}.arena:before{content:'';pointer-events:none;position:absolute;inset:0;opacity:.18;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:67px 79px}.arena-top,.arena-bottom{z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:25px 28px;font-size:10px;letter-spacing:1.2px;color:#b9b3d3}.pill{border:1px solid #655786;background:#ffffff09;color:#e5ddff;border-radius:30px;padding:9px 13px;font-size:10px;font-weight:600}.arena-bottom{margin-top:auto;border-top:1px solid #ffffff10;padding-top:20px;padding-bottom:20px;font-size:10px}#stars{position:absolute;top:160px;left:13%;width:75%;display:flex;justify-content:space-between;color:#c6adeb;font-size:22px;pointer-events:none}#stars span{padding-top:100px}.stage{position:relative;z-index:1;text-align:center;padding:0 36px 28px;flex:1;display:flex;align-items:center;flex-direction:column;justify-content:center}.mascot{width:225px;height:190px;object-fit:contain;filter:drop-shadow(0 15px 20px #0f0d3280);animation:float 4s ease-in-out infinite}.stage h2{font-size:34px;font-weight:500;letter-spacing:-.8px;margin:7px 0 12px}.intro{font-size:15px;color:#c2bbd8;line-height:1.8;max-width:440px;margin:0 auto 22px}.intro strong{color:#e9e3fa;font-weight:500}.primary{border:0;border-radius:12px;background:#c9f58a;color:#293e19;padding:16px 28px;font-weight:800;box-shadow:0 4px 0 #8fac63;transition:.18s}.primary:hover{background:#dcffa9;transform:translateY(-1px)}.primary:active{transform:translateY(3px);box-shadow:0 1px 0 #8fac63}.start-note{font-size:11px;color:#b4a9cc;margin:17px 0 4px}.quiet{background:#ffffff0c;color:#d8cee9;border:1px solid #ffffff28;border-radius:8px;padding:8px 12px;font-size:12px}.quiet:hover{background:#ffffff20}.timer-row{width:100%;display:flex;align-items:center;gap:14px;margin:12px 0 22px;font-size:14px}.timer-track{height:5px;flex:1;background:#ffffff18;border-radius:5px;overflow:hidden}.timer-fill{height:100%;background:#c9f58a;transition:width .12s linear}.prompt-label{font-size:12px;letter-spacing:1px;color:#b8b0cb}.word{font-size:clamp(28px,3.5vw,42px);font-weight:700;margin:9px 0}.instruction{font-size:14px;color:#d0c6e2;line-height:1.6;margin:8px 0 20px}.options{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;position:relative}.option{border:1px solid #75608e;background:#ffffff0d;color:#fff;border-radius:14px;min-height:70px;padding:15px;font-size:21px;position:relative;transition:transform .2s,opacity .2s}.option:hover:not(:disabled){background:#ffffff1c;border-color:#d3bff0;transform:translateY(-2px)}.option .key{position:absolute;left:10px;top:8px;font-size:10px;color:#b1a6c6}.option.zapped{opacity:.25;transform:scale(.9);text-decoration:line-through;border-style:dashed}.option.correct{background:#c9f58a;color:#294518;border-color:#c9f58a}.option.wrong{border-color:#ffb6d2;background:#a34c8133}.mini-ufo{width:100px;height:85px;object-fit:contain;align-self:center;margin:-5px 0 0;transition:transform .2s}.laser{position:fixed;pointer-events:none;background:#d6ff9b;height:4px;transform-origin:left center;box-shadow:0 0 12px #bafa64;border-radius:10px;z-index:20;animation:beam .4s forwards}.feedback{min-height:55px;font-size:14px;line-height:1.6;margin:18px 0 9px;color:#e1d9f2}.feedback strong{color:#d3fca2}.actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.actions .primary{padding:12px 24px}.letters{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:10px 0;width:100%}.letter{width:43px;height:48px;border-radius:10px;border:1px solid #9b85bd;background:#ffffff12;color:white;font-size:22px}.letter:disabled{opacity:.2}.answer-slots{display:flex;gap:5px;flex-wrap:wrap;justify-content:center;min-height:52px;margin:8px 0}.slot{border-bottom:2px solid #bc9beb;width:30px;height:42px;font-size:25px}.results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;margin:18px 0}.result-tile{background:#ffffff0a;border:1px solid #ffffff19;border-radius:14px;padding:16px 8px;font-size:11px;color:#bcb0d0}.result-tile b{display:block;font-size:28px;color:#d6f5a4;margin-bottom:5px}.review-list{width:100%;max-height:160px;overflow:auto;text-align:left;margin:12px 0 20px}.review-item{display:flex;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #ffffff16;font-size:14px;gap:10px}.review-item span{color:#d4f29f}.summary-mascot{width:110px;height:95px;object-fit:contain}.paused{padding:50px 0}footer{display:flex;justify-content:space-between;gap:12px;margin-top:26px;font-size:11px;color:#888899}.footer-dot{padding:0 10px;color:#b9b7c8}[hidden]{display:none!important}@keyframes float{50%{transform:translateY(-12px) rotate(3deg)}}@keyframes beam{0%{opacity:1}100%{opacity:0}}@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}}@media(max-width:900px){main{padding:28px 4%}.layout{grid-template-columns:220px minmax(0,1fr);gap:20px}.heading{align-items:flex-start}.session small{display:none}.stage{padding-left:24px;padding-right:24px}.stage h2{font-size:28px}.arena-top{padding:22px 20px}.subbrand{display:none}.divider{display:none}}@media(max-width:680px){header{height:70px}.prototype{font-size:9px}.heading{display:block;margin-bottom:22px}.session{margin-top:17px}.session small{display:block}.spark{padding:4px 10px}.layout{display:flex;flex-direction:column;gap:18px}.missions{grid-template-columns:repeat(3,1fr);gap:7px}.mission{display:block;text-align:center;padding:11px 5px}.mission b{font-size:12px}.mission small,.mode-number{display:none}.mode-icon{display:block;margin:auto auto 7px;font-size:24px}.pace{margin-top:14px;display:flex;align-items:center;gap:12px}.pace label{margin:0;white-space:nowrap;font-size:13px}.pace select{flex:1;width:auto}.pace p,.coach,.sample{display:none}.arena{min-height:570px;border-radius:19px}.arena-top{padding:18px 17px;font-size:9px}.stage{padding:0 19px 22px}.arena-bottom{padding:16px;font-size:9px}#keyboard{display:none}.mascot{width:210px;height:178px}.option{font-size:18px}.heading h1{font-size:28px;letter-spacing:-1px}footer{line-height:1.6;font-size:10px}footer span:last-child{max-width:150px;text-align:right}.eyebrow{font-size:10px}.intro{font-size:14px}}