:root{--navy:#141e4d;--navy-2:#222f70;--ink:#202a4c;--muted:#7180a4;--blue:#4a5bf4;--cyan:#19d5d2;--orange:#ffad51;--pink:#ff79b3;--green:#20ba89;--red:#e95d70;--page:#f5f7ff;--line:#e5eafd;--white:#fff;--radius:22px;--shadow:0 18px 50px rgba(30,44,97,.085)}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',system-ui,sans-serif;color:var(--ink);background:var(--page);-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}button, a{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}svg{display:block}::selection{background:#d3d9ff;color:#142063}
    .app{min-height:100dvh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:30;height:80px;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.topbar-inner{max-width:1300px;height:100%;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;text-align:left;border:0;background:none;color:var(--ink);padding:0}.brand-logo{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:#475af0;color:white;box-shadow:0 6px 0 #ccd3fe;font-size:25px}.brand strong{display:block;font:700 23px 'Space Grotesk',sans-serif;letter-spacing:-1.2px;line-height:1.05}.brand small{display:block;color:#8992ad;font-weight:800;font-size:10px;letter-spacing:1.55px;margin-top:4px}.header-right{display:flex;align-items:center;gap:12px}.tag-class{border:1px solid var(--line);border-radius:30px;padding:10px 14px;font-size:12px;font-weight:800;background:#f8f9ff;color:#717da5}.xp-pill{display:flex;align-items:center;gap:8px;border-radius:30px;background:#fff7e9;border:1px solid #ffe4b2;padding:9px 15px;font-weight:800;color:#9c5d0e;font-size:14px}.xp-pill .star{font-size:21px}.icon-btn{display:grid;place-items:center;width:41px;height:41px;background:#f3f5ff;border:1px solid var(--line);border-radius:13px;color:#6b749d;font-size:19px;transition:.2s}.icon-btn:hover{background:#e9edff;color:#3340a6;transform:translateY(-1px)}
    .layout{width:100%;max-width:1300px;margin:0 auto;padding:28px;display:grid;grid-template-columns:262px minmax(0,1fr);gap:26px;align-items:start;flex:1}.sidebar{position:sticky;top:108px;display:grid;gap:18px}.side-panel,.side-info{background:white;border:1px solid var(--line);border-radius:24px;padding:20px;box-shadow:var(--shadow)}.eyebrow{font-weight:900;text-transform:uppercase;font-size:10px;letter-spacing:2.4px;color:#9ca7bf;margin:0}.side-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 18px}.tiny-count{font-size:11px;font-weight:900;color:#5d69bc;background:#ecf0ff;border-radius:16px;padding:5px 9px}.mission-nav{display:grid;gap:7px}.mission-item{border:0;background:transparent;width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:12px 10px;border-radius:15px;color:#7480a4;transition:.2s}.mission-item:hover:not(:disabled){background:#f6f7ff}.mission-item.active{background:#eff1ff;color:#3345c8}.mission-item:disabled{opacity:.6}.mission-number{flex-shrink:0;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font-weight:900;font-size:15px;background:#eef1fa;color:#8893b8}.mission-item.active .mission-number{background:#4b5af2;color:white;box-shadow:0 5px 12px #4b5af238}.mission-item.done .mission-number{background:#dcf9ed;color:#139b6f}.mission-copy{min-width:0;flex:1}.mission-copy strong{font-size:12px;display:block;line-height:1.4}.mission-copy small{font-size:10px;display:block;margin-top:3px;color:#a0a8bf}.mission-lock{font-size:14px;opacity:.65}.sidebar-progress{margin-top:18px;padding-top:17px;border-top:1px solid var(--line)}.progress-row{display:flex;justify-content:space-between;font-size:12px;font-weight:800;margin-bottom:10px}.track{height:9px;background:#edf0fc;border-radius:20px;overflow:hidden}.track-fill{height:100%;width:0;background:linear-gradient(90deg,#5c6af7,#27d4d0);border-radius:inherit;transition:width .5s ease}.side-info{display:flex;align-items:start;gap:12px;padding:17px;background:#edf0ff;box-shadow:none}.side-info .bubble{width:37px;height:37px;border-radius:11px;background:#fff;display:grid;place-items:center;font-size:19px;flex-shrink:0}.side-info strong{font-size:12px}.side-info p{font-size:11px;line-height:1.65;color:#6f79a4;margin:4px 0 0}
    .main{min-width:0}.screen{animation:appear .55s cubic-bezier(.22,.61,.36,1) both}@keyframes appear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero{background:linear-gradient(120deg,#1b2563 0%,#333b9e 62%,#534bc2 100%);border-radius:30px;position:relative;min-height:320px;overflow:hidden;color:white;box-shadow:0 18px 45px #3743b035}.hero:before{content:'';position:absolute;inset:0;opacity:.42;background-image:radial-gradient(#d4dcff 1.5px,transparent 1.5px);background-size:36px 36px;mask-image:linear-gradient(90deg,transparent 20%,black)}.hero:after{content:'';position:absolute;width:450px;height:450px;right:-170px;top:-165px;border:1px solid #ffffff39;border-radius:50%;box-shadow:0 0 0 52px #ffffff08,0 0 0 102px #ffffff08,0 0 0 162px #ffffff06}.hero-content{position:relative;z-index:1;padding:49px 44px;max-width:67%}.pill{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:30px;font-size:10px;font-weight:900;letter-spacing:1.1px;text-transform:uppercase;background:#ffffff20;color:white;border:1px solid #ffffff28}.pill .dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px #18cbc338}.hero h1{font:700 clamp(32px,4vw,47px)/1.12 'Space Grotesk',sans-serif;letter-spacing:-1.9px;margin:17px 0 13px}.hero h1 em{font-style:normal;color:#84f2f0}.hero p{font-size:13px;line-height:1.9;color:#d5dcff;max-width:455px;margin:0 0 23px}.hero-actions,.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.btn{border:0;border-radius:14px;padding:14px 19px;display:inline-flex;justify-content:center;align-items:center;gap:9px;font-size:13px;font-weight:900;transition:transform .2s,box-shadow .2s,background .2s;text-decoration:none;line-height:1.25}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn:active:not(:disabled){transform:translateY(1px)}.btn-primary{background:var(--blue);color:white;box-shadow:0 7px 0 #cbd1fe}.btn-primary:hover:not(:disabled){background:#3647e6}.btn-hero{background:#27d8cf;color:#10275a;box-shadow:0 6px 0 #178f9e}.btn-outline-light{border:1px solid #ffffff55;background:#ffffff18;color:white}.btn-light{background:#eef1ff;color:#4454c1}.btn-neutral{background:#f3f5ff;color:#687398;border:1px solid var(--line)}.btn-success{background:#20b989;color:white;box-shadow:0 5px 0 #c0f5df}.btn-pink{background:#f45e99;color:white;box-shadow:0 5px 0 #ffdaea}.btn:disabled{box-shadow:none}.hero-sticker{position:absolute;z-index:1;right:37px;bottom:18px;width:258px;height:258px;filter:drop-shadow(0 20px 18px #09135260)}.orbiter{position:absolute;z-index:2;font-size:26px;animation:float 4s ease-in-out infinite}.orbiter-one{right:265px;top:36px}.orbiter-two{right:30px;top:41px;animation-delay:1s}.orbiter-three{right:264px;bottom:26px;animation-delay:2s}@keyframes float{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-10px) rotate(7deg)}}.robot-svg{width:100%;height:100%;animation:robotFloat 4s ease-in-out infinite}@keyframes robotFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:27px 0 15px}.section-head h2{margin:4px 0 0;font:700 21px 'Space Grotesk',sans-serif;letter-spacing:-.6px}.section-head .aside-text{font-size:12px;color:#9ca6be}.intro-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:19px 0}.stat{display:flex;align-items:center;gap:13px;background:white;border:1px solid var(--line);border-radius:17px;padding:15px 17px}.stat-icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:#edf0ff;font-size:22px}.stat:nth-child(2) .stat-icon{background:#fff0e3}.stat:nth-child(3) .stat-icon{background:#e2faf5}.stat strong{font:700 21px 'Space Grotesk',sans-serif}.stat small{display:block;font-size:11px;color:#98a1bc;margin-top:2px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.stage-card{position:relative;display:flex;flex-direction:column;background:white;border:1px solid var(--line);border-radius:21px;padding:20px;min-height:174px;text-align:left;box-shadow:var(--shadow);transition:.22s;overflow:hidden}.stage-card:hover:not(:disabled){transform:translateY(-3px);border-color:#b5beff;box-shadow:0 18px 30px #353f9a15}.stage-card:disabled{opacity:.74}.stage-card .stage-icon{font-size:26px;width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:#eef1ff;margin-bottom:12px}.stage-card small{font-size:10px;color:#939fba;font-weight:900;letter-spacing:1px}.stage-card h3{font-size:16px;letter-spacing:-.2px;margin:6px 0 5px}.stage-card p{font-size:12px;line-height:1.55;color:#8792b0;margin:0;padding-right:15px}.card-bottom{position:absolute;top:20px;right:18px;background:#eef1ff;padding:5px 8px;border-radius:20px;font-size:10px;font-weight:900;color:#6572c8}.card-bottom.done{background:#e0f9ec;color:#12835d}
    .content-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.back-link{border:0;background:none;color:#7180a3;font-weight:800;font-size:12px;padding:5px 0}.back-link:hover{color:var(--blue)}.head-status{font-size:11px;font-weight:900;color:#6f78a4;background:white;border:1px solid var(--line);border-radius:30px;padding:8px 12px}.stage-kicker{font-size:11px;text-transform:uppercase;font-weight:900;letter-spacing:2px;color:#6270d7;margin-bottom:8px;display:flex;align-items:center;gap:7px}.stage-title{font:700 clamp(24px,3vw,34px)/1.19 'Space Grotesk',sans-serif;letter-spacing:-1.1px;margin:0 0 8px}.stage-subtitle{font-size:13px;color:#8190ac;line-height:1.7;margin:0 0 22px}.play-surface{background:white;border-radius:24px;border:1px solid var(--line);box-shadow:var(--shadow);padding:26px}.callout{display:flex;gap:13px;align-items:flex-start;background:#edf8ff;border:1px solid #d8eefb;padding:15px;border-radius:17px;margin-bottom:23px}.callout .mascot{width:42px;height:42px;flex-shrink:0;border-radius:13px;background:#d5efff;display:grid;place-items:center;font-size:24px}.callout b{font-size:12px;color:#2c51a6}.callout p{font-size:12px;line-height:1.7;color:#6d82ad;margin:4px 0 0}.callout.purple{background:#f4f0ff;border-color:#e9dcff}.callout.purple .mascot{background:#e7ddff}.callout.pink{background:#fff0f6;border-color:#ffdde9}.callout.pink .mascot{background:#ffe0ed}.callout.green{background:#edfcf4;border-color:#d4f6e2}.callout.green .mascot{background:#d7f6e4}.block-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:5px 0 12px}.block-head h3{font-size:13px;margin:0;font-weight:900}.counter{font-size:11px;font-weight:900;color:#6773b9;padding:6px 10px;border-radius:20px;background:#f0f3ff}.hint{font-size:12px;color:#9aa5bf;line-height:1.65}.feedback{display:grid;grid-template-columns:78px 1fr auto;align-items:center;gap:14px;padding:15px 17px;border-radius:18px;margin:16px 0;color:#365197;background:#edf3ff;border:1px solid #dbe7ff;font-size:12px;line-height:1.75;animation:appear .45s cubic-bezier(.22,.61,.36,1)}.feedback strong{font-size:14px;display:block}.feedback .feedback-body p{margin:4px 0 0}.feedback span.icon{font-size:21px;align-self:center}.feedback.success{background:#eafaf2;border-color:#c8f1dc;color:#197c5b}.feedback.error{background:#fff0f1;border-color:#ffd7dc;color:#b0475c}.feedback.info{background:#edf3ff;border-color:#dbe7ff}.feedback-bot{width:78px;height:78px;border-radius:23px;background:linear-gradient(180deg,#ffffff,#dfe6ff);border:1px solid #dae3ff;display:grid;place-items:center;position:relative;overflow:hidden;box-shadow:inset 0 -7px 0 rgba(255,255,255,.45)}.feedback-bot:before{content:'';position:absolute;inset:10px;border-radius:18px;background:linear-gradient(180deg,#5164f2,#283ba9)}.feedback-bot .bot-face{position:relative;z-index:1;font-size:30px;filter:drop-shadow(0 5px 10px rgba(7,12,45,.22))}.feedback-bot.happy{animation:botCelebrate 1.15s cubic-bezier(.2,.8,.2,1)}.feedback-bot.sad{animation:botShake .72s cubic-bezier(.22,.61,.36,1)}.feedback-bot.thinking{animation:botThink 2.2s ease-in-out infinite}.feedback.success .feedback-bot{box-shadow:0 12px 30px rgba(32,185,137,.22)}.feedback.error .feedback-bot{box-shadow:0 12px 30px rgba(233,93,112,.18)}@keyframes botCelebrate{0%{transform:translateY(0) scale(1)}30%{transform:translateY(-9px) scale(1.06)}60%{transform:translateY(0) scale(.98)}100%{transform:translateY(-3px) scale(1.02)}}@keyframes botShake{0%,100%{transform:translateX(0)}20%{transform:translateX(-5px) rotate(-4deg)}40%{transform:translateX(6px) rotate(4deg)}60%{transform:translateX(-4px) rotate(-2deg)}80%{transform:translateX(3px) rotate(2deg)}}@keyframes botThink{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}.stage-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-top:22px;border-top:1px solid var(--line);padding-top:20px}.stage-footer .hint{max-width:420px}
    .lessons-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:17px}.lesson-tab{text-align:left;background:white;border:2px solid var(--line);border-radius:17px;padding:15px 12px;min-width:0;transition:.2s}.lesson-tab:hover{border-color:#bdc6ff}.lesson-tab.selected{border-color:#6371f8;background:#f2f3ff;box-shadow:0 5px 0 #e4e8ff}.lesson-tab .lesson-icon{display:grid;place-items:center;border-radius:12px;width:43px;height:43px;background:#edf1ff;font-size:24px;margin-bottom:11px}.lesson-tab:nth-child(2) .lesson-icon{background:#f3ecff}.lesson-tab:nth-child(3) .lesson-icon{background:#fff0f6}.lesson-tab:nth-child(4) .lesson-icon{background:#e5faf1}.lesson-tab strong{display:block;font-size:12px;margin-bottom:4px}.lesson-tab small{font-size:10px;color:#a0abc0}.lesson-detail{background:white;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 180px;gap:20px;align-items:center;min-height:240px}.lesson-detail h3{font:700 21px 'Space Grotesk';margin:0 0 12px;letter-spacing:-.5px}.lesson-detail p{font-size:13px;line-height:1.85;color:#687897;margin:0 0 17px}.example{border-left:4px solid var(--cyan);border-radius:10px;background:#f6f9ff;padding:13px 15px}.example strong{font-size:11px;color:#515fc6;text-transform:uppercase;letter-spacing:1px}.example p{font-size:12px;margin:5px 0 0}.lesson-visual{display:grid;place-items:center;min-height:170px;border-radius:22px;font-size:72px;background:radial-gradient(circle at top left,#d5fbf4,#e8eaff);position:relative}.lesson-visual:after{content:'✦';position:absolute;top:15px;right:20px;color:#94a2ff;font-size:32px}.lesson-visual:before{content:'· · ·';position:absolute;bottom:12px;left:20px;color:#94a2ff;font-size:24px}
    .item-pool{min-height:78px;display:flex;flex-wrap:wrap;gap:9px;align-content:flex-start;padding:13px;background:#f6f8ff;border:2px dashed #dbe1f8;border-radius:16px;margin-bottom:17px;transition:.2s}.item-pool.drop-active,.dropzone.drop-active{border-color:var(--blue);background:#e9edff}.item-token{border:1px solid #d9def5;background:white;border-radius:11px;box-shadow:0 3px 0 #e7eafd;padding:10px 12px;text-align:left;color:#414d7e;font-weight:800;font-size:12px;display:inline-flex;align-items:center;gap:8px;line-height:1.5;cursor:grab;transition:.2s}.item-token:hover{border-color:#a6b2fa}.item-token:active{cursor:grabbing}.item-token.selected{color:#3248d0;border-color:#606cf5;background:#edf0ff;box-shadow:0 0 0 2px #b8c0ff}.drop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.dropzone{background:#fbfcff;border:2px dashed #dfe5f6;border-radius:17px;padding:15px;min-height:192px;transition:.2s}.dropzone:hover{border-color:#a8b5f5}.dropzone h4{font-size:12px;margin:0 0 4px;display:flex;align-items:center;gap:8px}.dropzone .dz-desc{font-size:10px;color:#9ba7bb;margin-bottom:12px}.drop-contents{display:flex;flex-wrap:wrap;align-content:flex-start;gap:7px;min-height:85px}.dropzone .item-token{padding:9px 10px;width:100%;font-size:11px;box-shadow:none}.empty-zone{display:grid;place-items:center;border:1px dashed #d8dff3;border-radius:12px;min-height:78px;color:#b8c0d4;width:100%;font-size:11px;text-align:center;padding:8px}.dropzone .item-token.is-wrong{border-color:#e95d70;background:#fff0f1}.dropzone .item-token.is-correct{border-color:#20ba89;background:#ecfbf3}
    .pattern-zone{padding:25px;border:1px solid #e9edfa;border-radius:19px;background:linear-gradient(#fafbff,#f6f8ff);text-align:center}.pattern-chips{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin:28px 0 34px}.pattern-chip{width:72px;height:72px;border-radius:19px;color:white;font:700 20px 'Space Grotesk';display:grid;place-items:center;position:relative;box-shadow:inset 0 -7px 0 #00000016,0 6px 14px #46516d1c}.pattern-chip.cyan,.color-circle.cyan{background:#14becd}.pattern-chip.purple{background:#8960e7}.pattern-chip.unknown{background:white;border:3px dashed #aeb8e5;color:#6874c4;box-shadow:none;animation:gentlePulse 2s ease-in-out infinite}@keyframes gentlePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}.pattern-arrow{font-size:20px;color:#c2c9dc}.color-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.color-choice{background:white;border:2px solid #e5eaf8;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:9px;min-height:73px;padding:10px;font-weight:900;color:#495473;font-size:12px;transition:.2s}.color-choice:hover{transform:translateY(-2px);border-color:#a3aff6}.color-choice.chosen{border-color:var(--blue);background:#f1f3ff}.color-choice.right{border-color:var(--green);background:#e9faf2}.color-choice.wrong{border-color:var(--red);background:#fff0f2}.color-circle{width:24px;height:24px;display:block;border-radius:8px;box-shadow:inset 0 -3px 0 #00000015}.color-circle.pink{background:#f469a2}.color-circle.yellow{background:#f8bb46}.color-circle.green{background:#21bf8f}
    .abstraction-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.info-card{border:2px solid #e8ecfa;background:white;border-radius:15px;text-align:left;min-height:94px;padding:16px;display:flex;align-items:center;gap:13px;color:#5c698c;transition:.2s;position:relative}.info-card:hover{border-color:#f2a8c7;transform:translateY(-1px)}.info-card.selected{border-color:#ed68a6;background:#fff3f9;color:#b33177}.info-card .info-icon{height:49px;width:49px;display:grid;place-items:center;border-radius:15px;font-size:23px;background:#f3f5ff;flex-shrink:0}.info-card.selected .info-icon{background:#ffe0ee}.info-card strong{font-size:12px;line-height:1.55;padding-right:10px}.checkbox-ui{position:absolute;top:11px;right:12px;width:20px;height:20px;border:2px solid #d0d7e9;border-radius:7px;color:white;display:grid;place-items:center;font-size:12px}.info-card.selected .checkbox-ui{background:#f16aa6;border-color:#f16aa6}
    .algo-layout{display:grid;grid-template-columns:1fr 1.04fr;gap:20px;align-items:start}.board-panel{background:#f7f9ff;border:1px solid var(--line);border-radius:20px;padding:21px;min-width:0}.board-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;font-size:11px;font-weight:900;color:#6b77a0}.board{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:340px;margin:0 auto}.cell{min-width:0;aspect-ratio:1;border:2px solid #e7ebfb;border-radius:15px;display:grid;place-items:center;background:white;position:relative;font-size:26px}.cell.obstacle{background:#fff2e9;border-color:#ffe3d1}.cell.goal{background:#e3fff0;border-color:#b8f5d4;animation:gentlePulse 2.1s ease-in-out infinite}.cell.robot{background:#e9efff;border-color:#889aff;box-shadow:0 0 0 2px #d7e0ff}.robot-on-board{position:relative;font-size:30px;line-height:1;transition:transform .25s}.direction-mark{position:absolute;right:-9px;top:-11px;background:#4a5bf4;color:white;display:grid;place-items:center;font-size:12px;width:22px;height:22px;border-radius:50%}.board-caption{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;color:#8a95b3;font-size:10px;font-weight:800;margin-top:20px}.board-caption span{display:flex;align-items:center;gap:5px}.board-caption i{width:9px;height:9px;border-radius:4px;display:inline-block;background:#8499f7}.board-caption span:nth-child(2) i{background:#ffc18f}.board-caption span:nth-child(3) i{background:#74e3ae}.program-panel{border:1px solid var(--line);border-radius:20px;padding:20px}.command-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.command-btn{background:#f4f6ff;border:1px solid #e3e8fa;border-radius:12px;min-height:89px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#5d6cc0;font-size:11px;font-weight:900;text-align:center;padding:10px 5px}.command-btn:hover:not(:disabled){background:#eaedff;border-color:#a5b1ff}.command-btn .command-icon{font-size:23px}.program-box{border:1px dashed #cad2ed;background:#fafbff;border-radius:14px;min-height:105px;display:flex;gap:7px;flex-wrap:wrap;align-content:start;padding:12px;margin-top:10px}.program-token{border:1px solid #cfd7f9;background:#eef1ff;color:#4a5bb2;border-radius:9px;padding:8px;font-size:10px;font-weight:900}.program-token:hover{background:#e1e8ff}.program-token small{font-size:9px;color:#8c96b8}.program-empty{display:grid;place-items:center;width:100%;font-size:11px;color:#a0aac5;min-height:72px;text-align:center}.mini-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.mini-actions .btn{padding:12px}.simulation-status{font-size:11px;color:#7180a4;font-weight:800;margin-top:14px;min-height:18px}.keyboard-hint{font-size:10px;color:#9ba5bb;margin-top:9px}
    .quiz-shell{background:linear-gradient(180deg,#f1ffe5 0%,#fff7f1 22%,#fff 54%)}.quiz-version{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#ecf4ff;border:1px solid #d6e2ff;color:#4654bd;font-size:11px;font-weight:900;margin-bottom:14px}.quiz-map-strip{margin:18px 0 18px;padding:16px;border-radius:24px;background:linear-gradient(180deg,#ebffd0,#def5b7);border:1px solid #d1ebaa;box-shadow:0 16px 30px rgba(106,153,57,.12)}.quiz-map-strip h3{margin:0 0 4px;font:700 16px 'Space Grotesk',sans-serif;color:#2e5136}.quiz-map-strip p{margin:0 0 14px;font-size:12px;color:#5e775f}.map-strip-track{position:relative;height:126px;border-radius:20px;background:linear-gradient(180deg,#b9df6c,#aad35d);overflow:hidden;border:4px solid rgba(255,255,255,.68)}.map-strip-track:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 9% 18%,rgba(255,255,255,.32),transparent 13%),radial-gradient(circle at 90% 77%,rgba(255,255,255,.18),transparent 14%)}.map-strip-path{position:absolute;left:40px;right:40px;top:46px;height:36px;border-radius:999px;background:#f6e29b;box-shadow:inset 0 0 0 5px rgba(228,195,104,.42)}.map-strip-node{position:absolute;top:26px;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#7bd4ff,#4ea8f1);border:4px solid rgba(255,255,255,.9);box-shadow:0 10px 18px rgba(34,89,162,.18);font:900 28px 'Space Grotesk',sans-serif;color:#24334a}.map-strip-node span{position:absolute;top:-16px;font-size:14px;white-space:nowrap;letter-spacing:-1px}.map-strip-node.done span,.map-strip-node.current span{color:#ffd24b}.map-strip-node.upcoming{background:linear-gradient(180deg,#d8ecfa,#c0d7ec);color:#71869d}.map-strip-node.upcoming span{color:#eef4fc}.map-strip-node.current{transform:scale(1.08);box-shadow:0 0 0 8px rgba(255,255,255,.25),0 14px 22px rgba(34,89,162,.22)}.map-strip-node.n1{left:22px}.map-strip-node.n2{left:calc(25% - 16px)}.map-strip-node.n3{left:calc(50% - 32px)}.map-strip-node.n4{left:calc(75% - 48px)}.map-strip-node.n5{right:22px}.map-strip-robo{position:absolute;top:62px;width:44px;height:44px;border-radius:15px;background:#fff;display:grid;place-items:center;font-size:24px;box-shadow:0 10px 18px rgba(34,89,162,.18);animation:robotFloat 2.4s ease-in-out infinite;z-index:2}.map-strip-robo.r1{left:34px}.map-strip-robo.r2{left:calc(25% + 4px)}.map-strip-robo.r3{left:calc(50% - 18px)}.map-strip-robo.r4{left:calc(75% - 30px)}.map-strip-robo.r5{right:36px}.map-strip-deco.tree{position:absolute;top:6px;width:28px;height:54px}.map-strip-deco.tree:before{content:'';position:absolute;left:4px;top:0;width:20px;height:32px;background:#53a533;border-radius:16px 16px 13px 13px}.map-strip-deco.tree:after{content:'';position:absolute;left:11px;bottom:0;width:6px;height:20px;background:#8b5a2b;border-radius:4px}.map-strip-deco.t1{left:120px}.map-strip-deco.t2{right:126px;top:48px}.map-strip-badge{display:inline-flex;align-items:center;gap:8px;margin-top:12px;background:#fff;border:1px solid #d6e7bf;color:#476150;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:900}.quiz-arena{background:linear-gradient(130deg,#17245d 0%,#2f3c9e 65%,#4657dd 100%);border-radius:24px;padding:22px 22px 18px;color:#fff;position:relative;overflow:hidden;box-shadow:0 18px 34px rgba(38,54,140,.24);margin-bottom:20px}.quiz-arena:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(255,255,255,.2),transparent 28%),radial-gradient(circle at bottom left,rgba(255,255,255,.12),transparent 32%)}.quiz-hud,.quiz-mission-card{position:relative;z-index:1}.quiz-hud{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-bottom:18px}.quiz-badges{display:flex;flex-wrap:wrap;gap:9px}.quiz-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);font-size:11px;font-weight:800;letter-spacing:.2px;color:#eef2ff}.quiz-badge strong{font-size:13px;color:#fff}.quiz-mission-card{display:grid;grid-template-columns:1.35fr .65fr;gap:16px;align-items:center}.quiz-kicker{font-size:11px;font-weight:900;letter-spacing:2px;text-transform:uppercase;color:#99fff2;margin-bottom:8px}.quiz-title{font:700 clamp(20px,3vw,28px)/1.2 'Space Grotesk',sans-serif;margin:0 0 10px;letter-spacing:-.6px}.quiz-copy{font-size:12px;line-height:1.85;color:#d8e0ff;margin:0}.quiz-robot-card{justify-self:end;width:min(220px,100%);background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);border-radius:22px;padding:14px;display:flex;align-items:center;gap:12px;backdrop-filter:blur(5px)}.quiz-robot-core{width:78px;height:78px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(180deg,#ffffff,#dfe7ff);position:relative;box-shadow:0 12px 24px rgba(0,0,0,.18)}.quiz-robot-core:before{content:'';position:absolute;inset:9px;border-radius:16px;background:linear-gradient(180deg,#5e70ff,#2f3db6)}.quiz-robot-core span{position:relative;z-index:1;font-size:32px}.quiz-robot-core.happy{animation:botCelebrate 1.15s cubic-bezier(.2,.8,.2,1)}.quiz-robot-core.sad{animation:botShake .72s cubic-bezier(.22,.61,.36,1)}.quiz-robot-core.thinking{animation:botThink 2.2s ease-in-out infinite}.quiz-robot-text small{display:block;font-size:10px;font-weight:800;letter-spacing:1.6px;color:#a8ffef;text-transform:uppercase;margin-bottom:4px}.quiz-robot-text strong{display:block;font-size:14px;line-height:1.45;color:#fff}.quiz-robot-text span{display:block;font-size:11px;line-height:1.55;color:#dce5ff;margin-top:4px}.quiz-question-card{border:1px solid var(--line);border-radius:22px;background:#fff;padding:20px;box-shadow:var(--shadow);animation:questionSwap .55s cubic-bezier(.22,.61,.36,1)}.quiz-progress-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:12px;font-weight:800}.quiz-dots{display:flex;gap:7px}.quiz-dot{width:29px;height:7px;border-radius:20px;background:#e5e9f8}.quiz-dot.current{background:#5366f1}.quiz-dot.answered{background:#23c69d}.quiz-question{font:700 clamp(18px,2.4vw,24px)/1.48 'Space Grotesk';letter-spacing:-.4px;margin:14px 0 24px}.quiz-options{display:grid;gap:12px}.quiz-option{min-height:72px;padding:14px 16px;text-align:left;border:2px solid #e8ecf9;border-radius:16px;display:flex;align-items:center;gap:13px;background:#fff;color:#425170;font-size:13px;font-weight:700;transition:.32s cubic-bezier(.22,.61,.36,1);position:relative;overflow:hidden}.quiz-option:before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:transparent;transition:.2s}.quiz-option:hover:not(:disabled){transform:translateY(-2px);border-color:#a1acf8;background:#fafbff;box-shadow:0 12px 28px rgba(74,91,244,.08)}.quiz-option:hover:not(:disabled):before{background:#7382ff}.quiz-option .opt-letter{width:34px;height:34px;border-radius:10px;background:#f1f3ff;color:#717fca;font-weight:900;display:grid;place-items:center;flex-shrink:0}.quiz-option .opt-text{flex:1}.quiz-option .opt-state{font-size:18px;min-width:20px;text-align:right}.quiz-option.correct{background:#edfcf5;border-color:#29bb87;color:#13785d}.quiz-option.correct:before{background:#20b989}.quiz-option.correct .opt-letter{background:#20b989;color:white}.quiz-option.incorrect{background:#fff0f2;border-color:#eb7080;color:#bd4963}.quiz-option.incorrect:before{background:#e95d70}.quiz-option.incorrect .opt-letter{background:#e95d70;color:white}.quiz-option:disabled{opacity:1;cursor:default}.quiz-option.dimmed{opacity:.65}.quiz-feedback-wrap{margin-top:16px}
    .result-hero{text-align:center;background:linear-gradient(140deg,#1b2463,#4d48af);color:white;border-radius:24px;padding:34px 24px;position:relative;overflow:hidden}.result-hero:before,.result-hero:after{content:'✦';color:#fdd36c;font-size:24px;position:absolute;left:15%;top:20%;animation:float 3s infinite}.result-hero:after{left:auto;right:14%;top:42%;animation-delay:1s}.trophy{font-size:72px;line-height:1;margin-bottom:10px;animation:robotFloat 3s infinite}.result-hero h2{font:700 clamp(25px,3vw,34px) 'Space Grotesk';margin:9px 0}.result-hero p{font-size:13px;color:#d1d9ff;line-height:1.7;margin:7px auto 0;max-width:460px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:17px 0}.result-stat{text-align:center;border-radius:18px;background:#f7f8ff;border:1px solid var(--line);padding:19px 12px}.result-stat strong{display:block;font:700 25px 'Space Grotesk';color:#424ec3}.result-stat span{font-size:11px;color:#8a96b2}.name-field{margin:20px 0}.name-field label{font-weight:800;font-size:12px;display:block;margin-bottom:8px;color:#6876a4}.text-input{border:2px solid #e2e7f6;border-radius:13px;padding:13px 15px;background:white;color:#263158;width:100%;font-size:14px;outline:none}.text-input:focus{border-color:var(--blue)}.certificate-preview{border:2px dashed #e3d28c;background:#fffcf0;padding:19px;text-align:center;border-radius:17px;margin:16px 0}.certificate-preview h3{font:700 19px 'Space Grotesk';margin:6px 0;color:#7c631d}.certificate-preview p{font-size:12px;color:#887954;margin:6px 0}.certificate-preview .cert-name{font-size:21px;font-weight:900;color:#3e4476;word-break:break-word}.notice{background:#fff8e7;color:#8c762c;padding:10px 14px;border-radius:12px;font-size:11px;line-height:1.6}
    .modal-backdrop{position:fixed;inset:0;background:#101838b9;z-index:100;display:grid;place-items:center;padding:16px;backdrop-filter:blur(6px)}.modal{background:white;border-radius:26px;max-width:450px;width:100%;box-shadow:0 25px 90px #11183a7a;padding:30px;text-align:center;animation:modalIn .42s cubic-bezier(.22,.61,.36,1)}@keyframes modalIn{from{opacity:0;transform:scale(.9) translateY(24px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes questionSwap{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-emoji{width:80px;height:80px;border-radius:24px;display:grid;place-items:center;background:#edf5ff;font-size:44px;margin:0 auto 16px}.modal h2{font:700 25px 'Space Grotesk';margin:0 0 10px}.modal p{font-size:13px;color:#7986a4;line-height:1.8;margin:0 0 21px}.modal .btn{width:100%;margin-top:6px}.modal-close{border:0;background:#eef1ff;color:#7e87a6;width:32px;height:32px;border-radius:10px;float:right;font-size:19px}.toast-region{position:fixed;right:20px;bottom:21px;z-index:120;display:grid;gap:9px;pointer-events:none;max-width:min(370px,calc(100vw - 40px))}.toast{background:#1b2766;color:white;padding:13px 17px;border-radius:14px;font-size:12px;font-weight:800;box-shadow:0 12px 27px #18215036;animation:appear .45s cubic-bezier(.22,.61,.36,1)}.footer{text-align:center;font-size:11px;padding:22px;color:#9aa4bb}.footer b{color:#5966d3}.popup-backdrop{background:rgba(8,16,48,.4);backdrop-filter:blur(4px)}.popup-card{max-width:420px;padding:26px 24px 24px;border-radius:30px;background:linear-gradient(180deg,#ffffff,#fdf5db)}.popup-card .modal-close{display:none}.robo-popup-head{display:flex;align-items:center;gap:14px;text-align:left}.robo-popup-bot{width:104px;height:104px;border-radius:30px;display:grid;place-items:center;background:linear-gradient(180deg,#fff4da,#ffd777);box-shadow:0 18px 40px rgba(255,188,43,.34);position:relative;animation:thumbBounce 1.3s cubic-bezier(.2,.8,.2,1)}.robo-popup-bot:before{content:'👍';font-size:54px;filter:drop-shadow(0 6px 12px rgba(0,0,0,.15))}.robo-popup-copy h3{margin:0 0 6px;font:700 28px 'Space Grotesk',sans-serif;color:#23316d}.robo-popup-copy p{margin:0;color:#6d7ba4;font-size:13px;line-height:1.75}.robo-popup-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.robo-popup-badge{display:inline-flex;align-items:center;gap:6px;background:#eef3ff;border:1px solid #dde5ff;color:#4453be;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:900}.popup-stars{margin-top:14px;font-size:20px;letter-spacing:4px;color:#ffb735;animation:float 2.4s ease-in-out infinite}@keyframes thumbBounce{0%{transform:translateY(18px) scale(.9);opacity:0}35%{transform:translateY(-6px) scale(1.04);opacity:1}60%{transform:translateY(0) scale(.98)}100%{transform:translateY(0) scale(1)}}.map-backdrop{background:rgba(12,22,66,.52);backdrop-filter:blur(6px)}.map-modal{max-width:720px;padding:22px 22px 26px;border-radius:30px;background:linear-gradient(180deg,#ecffd3,#dff5b8)}.map-modal .modal-close,.popup-card .modal-close{display:none}.map-title{margin:0 0 10px;font:700 28px 'Space Grotesk',sans-serif;color:#244238}.map-subtitle{margin:0 0 18px;color:#476150;font-size:13px;font-weight:700}.level-map{position:relative;height:430px;border-radius:28px;background:linear-gradient(180deg,#c6ea7f 0%,#bce171 100%);overflow:hidden;border:5px solid rgba(255,255,255,.7);box-shadow:inset 0 0 0 2px rgba(109,153,57,.12)}.level-map:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 10% 18%,rgba(255,255,255,.35),transparent 14%),radial-gradient(circle at 88% 78%,rgba(255,255,255,.22),transparent 18%),radial-gradient(circle at 88% 15%,#8ad7f6 0 12%,transparent 13%),radial-gradient(circle at 4% 52%,#8ad7f6 0 12%,transparent 13%)}.map-road{position:absolute;inset:0}.road-seg{position:absolute;height:72px;border-radius:999px;background:#f7e29c;box-shadow:inset 0 0 0 6px rgba(229,198,106,.38)}.road-a{left:52%;top:42px;width:250px;transform:rotate(-12deg)}.road-b{left:18%;top:120px;width:330px;transform:rotate(16deg)}.road-c{left:30%;top:210px;width:260px;transform:rotate(-15deg)}.road-d{left:8%;top:302px;width:300px;transform:rotate(18deg)}.tree,.bush,.rock,.mushroom{position:absolute}.tree{width:46px;height:86px}.tree:before{content:'';position:absolute;left:7px;top:0;width:32px;height:54px;background:#53a533;border-radius:22px 22px 18px 18px/30px 30px 18px 18px;box-shadow:0 0 0 6px rgba(46,122,35,.08) inset}.tree:after{content:'';position:absolute;left:18px;bottom:0;width:10px;height:34px;background:#8b5a2b;border-radius:9px}.tree.t1{left:332px;top:56px}.tree.t2{left:520px;top:248px}.tree.t3{left:98px;top:260px}.tree.t4{left:345px;top:318px;width:38px;height:76px}.bush{width:80px;height:52px;background:#3fa233;border-radius:30px;box-shadow:18px -8px 0 #48af3a,-18px -8px 0 #48af3a}.bush.b1{right:66px;top:198px;transform:scale(.9)}.rock{width:34px;height:26px;background:#f3f2eb;border-radius:9px;transform:rotate(-18deg);box-shadow:inset -6px -6px 0 rgba(0,0,0,.05)}.rock.r1{left:250px;top:144px}.rock.r2{right:64px;top:300px}.mushroom{width:28px;height:28px;border-radius:50% 50% 40% 40%;background:#dd5b44;box-shadow:0 14px 0 -10px #f4e7d9}.mushroom:before{content:'';position:absolute;inset:7px 6px auto auto;width:5px;height:5px;background:#fff;border-radius:50%;box-shadow:-9px 5px 0 #fff,-2px 10px 0 #fff}.mushroom.m1{left:170px;bottom:64px}.mushroom.m2{right:110px;top:88px}.map-node{position:absolute;width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#7bd4ff,#4ea8f1);box-shadow:0 12px 20px rgba(34,89,162,.22), inset 0 -8px 0 rgba(255,255,255,.18);border:4px solid rgba(255,255,255,.85);color:#25354e;font:900 44px 'Space Grotesk',sans-serif}.map-node .map-stars{position:absolute;top:-18px;left:50%;transform:translateX(-50%);font-size:19px;letter-spacing:-2px;white-space:nowrap}.map-node.done .map-stars{color:#ffcf44}.map-node.current .map-stars{color:#ffd84f;animation:float 1.8s ease-in-out infinite}.map-node.upcoming{background:linear-gradient(180deg,#d6ecff,#b9d7f1);color:#6a7f9d}.map-node.upcoming .map-stars{color:#e8eef8}.map-node.current{transform:scale(1.06);box-shadow:0 18px 26px rgba(34,89,162,.28),0 0 0 10px rgba(255,255,255,.22)}.map-node-1{right:78px;top:32px}.map-node-2{left:160px;top:58px}.map-node-3{left:86px;top:162px}.map-node-4{left:300px;top:230px}.map-node-5{left:118px;bottom:34px}.map-robo{position:absolute;z-index:3;width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:#fff;box-shadow:0 12px 22px rgba(34,89,162,.18);font-size:29px;animation:robotFloat 2.4s ease-in-out infinite}.map-robo.robo-at-1{right:96px;top:112px}.map-robo.robo-at-2{left:176px;top:138px}.map-robo.robo-at-3{left:168px;top:252px}.map-robo.robo-at-4{left:394px;top:286px}.map-robo.robo-at-5{left:212px;bottom:56px}.map-caption{margin-top:16px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.map-caption .pillmap{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #d8edbc;border-radius:999px;padding:10px 14px;font-size:12px;font-weight:900;color:#476150}.map-caption .pillmap strong{color:#263d34}.map-skip{font-size:12px;color:#59705e}.map-modal .btn{margin-top:14px}@media(max-width:640px){.map-modal{padding:16px}.level-map{height:360px}.map-node{width:74px;height:74px;font-size:34px}.map-node .map-stars{font-size:15px;top:-16px}.map-node-1{right:38px;top:26px}.map-node-2{left:104px;top:54px}.map-node-3{left:42px;top:145px}.map-node-4{left:200px;top:214px}.map-node-5{left:78px;bottom:26px}.map-robo{width:44px;height:44px;font-size:22px}.map-robo.robo-at-1{right:52px;top:88px}.map-robo.robo-at-2{left:116px;top:124px}.map-robo.robo-at-3{left:113px;top:226px}.map-robo.robo-at-4{left:278px;top:252px}.map-robo.robo-at-5{left:134px;bottom:46px}.road-a{left:44%;top:38px;width:180px}.road-b{left:10%;top:112px;width:250px}.road-c{left:18%;top:198px;width:210px}.road-d{left:2%;top:278px;width:230px}.tree.t2{left:auto;right:52px}.tree.t4{left:250px}}
    @media(max-width:1090px){.layout{grid-template-columns:215px minmax(0,1fr);gap:18px;padding:22px}.hero-content{max-width:66%;padding:40px 32px}.hero-sticker{width:205px;height:205px;right:12px;bottom:30px}.orbiter-one,.orbiter-three{right:201px}.drop-grid{grid-template-columns:1fr}.dropzone{min-height:92px}.drop-contents{min-height:45px}.dropzone .item-token{width:auto}.empty-zone{min-height:43px}.lesson-detail{grid-template-columns:1fr 135px}.lesson-visual{min-height:150px;font-size:50px}.color-choice{flex-direction:column}}
    @media(max-width:770px){.topbar{height:68px}.topbar-inner{padding:0 16px}.brand-logo{width:39px;height:39px;font-size:22px}.brand strong{font-size:20px}.brand small{font-size:9px}.tag-class{display:none}.layout{display:flex;flex-direction:column;padding:13px 14px 25px;gap:12px}.sidebar{position:static;width:100%;display:block}.side-panel{padding:12px 12px 10px;border-radius:17px}.side-heading,.sidebar-progress,.side-info{display:none}.mission-nav{display:flex;overflow:auto;gap:6px;scrollbar-width:none}.mission-nav::-webkit-scrollbar{display:none}.mission-item{width:auto;flex:0 0 auto;padding:7px 9px;gap:7px}.mission-item .mission-copy strong{font-size:10px}.mission-item .mission-copy small,.mission-lock{display:none}.mission-number{width:29px;height:29px;border-radius:9px;font-size:12px}.main{width:100%}.hero{min-height:330px;border-radius:24px}.hero-content{max-width:75%;padding:34px 25px}.hero h1{font-size:34px}.hero-sticker{width:175px;height:175px;right:-12px;bottom:3px}.orbiter-one{right:145px;top:20px}.orbiter-two{right:18px}.orbiter-three{right:150px}.intro-strip{grid-template-columns:repeat(3,1fr);gap:8px}.stat{padding:12px;gap:8px}.stat-icon{width:35px;height:35px;font-size:18px}.stat strong{font-size:19px}.stat small{font-size:10px}.section-head h2{font-size:20px}.play-surface{padding:19px}.lessons-grid{grid-template-columns:repeat(2,1fr)}.lesson-detail{grid-template-columns:1fr}.lesson-visual{display:none}.algo-layout{grid-template-columns:1fr}}
    @media(max-width:480px){.header-right{gap:7px}.xp-pill{padding:7px 10px;font-size:12px}.icon-btn{width:36px;height:36px;font-size:17px}.brand small{letter-spacing:.8px}.hero{min-height:355px}.hero-content{max-width:100%;padding:30px 22px 138px}.hero h1{font-size:30px;max-width:310px;letter-spacing:-1.3px}.hero p{font-size:11px;max-width:275px;line-height:1.7}.hero-sticker{width:155px;height:155px;right:7px;bottom:-18px}.orbiter-one{right:140px;top:auto;bottom:50px}.orbiter-two{right:24px;top:20px}.orbiter-three{display:none}.hero .btn{padding:12px 14px;font-size:11px}.intro-strip{grid-template-columns:repeat(3,1fr)}.stat{display:block;text-align:center;padding:11px 4px}.stat-icon{margin:auto auto 6px}.stat strong{font-size:18px}.stat small{font-size:9px}.cards{grid-template-columns:1fr}.stage-card{min-height:138px;padding:16px}.stage-card .stage-icon{margin-bottom:7px;width:40px;height:40px;font-size:20px}.stage-card h3{font-size:14px}.stage-card p{font-size:11px}.section-head{margin:24px 0 11px}.stage-title{font-size:25px}.color-choices{grid-template-columns:repeat(2,1fr)}.color-choice{flex-direction:row;min-height:58px}.pattern-chips{gap:5px}.pattern-chip{height:50px;width:50px;border-radius:12px;font-size:15px}.pattern-arrow{font-size:11px}.abstraction-grid{grid-template-columns:1fr}.info-card{min-height:72px;padding:11px}.info-card .info-icon{width:41px;height:41px}.stage-footer{align-items:stretch}.stage-footer .btn{width:100%}.stage-footer .hint{max-width:100%}.result-stats{gap:6px}.result-stat{padding:13px 5px}.result-stat strong{font-size:20px}.result-stat span{font-size:10px}.play-surface{padding:17px}.modal{padding:22px}.mission-item .mission-copy strong{max-width:94px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.feedback{grid-template-columns:1fr;justify-items:start}.feedback span.icon{display:none}.feedback-bot{width:70px;height:70px}.quiz-arena{padding:18px}.quiz-mission-card{grid-template-columns:1fr}.quiz-robot-card{justify-self:stretch;width:100%}.quiz-question-card{padding:16px}.robo-popup-head{flex-direction:column;text-align:center}.robo-popup-badges{justify-content:center}.map-strip-track{height:112px}.map-strip-node{width:54px;height:54px;font-size:24px}.map-strip-node.n1{left:10px}.map-strip-node.n2{left:calc(25% - 10px)}.map-strip-node.n3{left:calc(50% - 27px)}.map-strip-node.n4{left:calc(75% - 40px)}.map-strip-node.n5{right:10px}.map-strip-robo{width:38px;height:38px;font-size:20px;top:60px}.map-strip-robo.r1{left:18px}.map-strip-robo.r2{left:calc(25% + 5px)}.map-strip-robo.r3{left:calc(50% - 14px)}.map-strip-robo.r4{left:calc(75% - 22px)}.map-strip-robo.r5{right:18px}}
    @media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
    @media print{body{background:white!important}.topbar,.sidebar,.footer,.no-print,.toast-region,.modal-backdrop{display:none!important}.layout{display:block;padding:0}.main{width:100%}.screen:not(.print-target){display:none!important}.print-target{display:block!important}.play-surface{border:none;box-shadow:none;padding:0}.result-hero{print-color-adjust:exact;-webkit-print-color-adjust:exact}.certificate-preview{padding:35px;min-height:230px}.result-stats{margin-top:28px}}

/* ROBO QUEST: VISUAL GAME WORLD / ANIMATED REACTIONS */
:root{--rq-ease:cubic-bezier(.22,.61,.36,1)}
.rq-home-intro{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(115deg,#172766,#394ca7);color:white;padding:24px 27px;border-radius:24px;margin-bottom:18px}
.rq-home-intro h1{font:800 clamp(23px,3vw,34px)/1.2 'Space Grotesk',sans-serif;margin:6px 0}.rq-home-intro h1 em{font-style:normal;color:#82f4e5}.rq-home-intro p{font-size:12px;line-height:1.8;max-width:510px;color:#dce6ff;margin:7px 0 0}.rq-eyebrow{font-size:11px;letter-spacing:2px;font-weight:900;color:#88fff1}.rq-home-actions{display:grid;gap:10px;flex-shrink:0}
.rq-world-section{padding:20px;background:#fff;border:1px solid #e7e9ef;border-radius:24px;box-shadow:0 15px 40px #405b6720;margin:0 0 20px}
.rq-world-head{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:15px}.rq-world-head span{font-size:10px;font-weight:900;letter-spacing:1.7px;color:#438b61}.rq-world-head h2{font:800 clamp(18px,2.6vw,27px) 'Space Grotesk',sans-serif;margin:3px 0 0;color:#23442e}.rq-world-head p{font-size:11px;color:#819486;max-width:255px;line-height:1.6;text-align:right;margin:0}
.rq-world-frame{position:relative;aspect-ratio:880 / 520;width:100%;overflow:hidden;border:5px solid #eaffc4;border-radius:26px;background:#9ddf75;isolation:isolate;box-shadow:inset 0 0 0 3px #8fc15b,0 12px 26px #568e5236}.rq-landscape-svg{display:block;width:100%;height:100%;position:absolute;inset:0}
.rq-world-node{position:absolute;z-index:3;transform:translate(-50%,-50%);height:clamp(45px,6.8vw,79px);width:clamp(45px,6.8vw,79px);border:4px solid #f5ffff;border-radius:50%;display:grid;place-items:center;background:linear-gradient(#7cdef5,#41b4e7);box-shadow:0 9px 0 #2982aa,0 13px 15px #35785d42;color:#163e57;text-align:center;transition:transform .6s var(--rq-ease),box-shadow .6s var(--rq-ease),filter .6s var(--rq-ease);padding:0}.rq-world-node:not(:disabled):hover{transform:translate(-50%,-57%) scale(1.08);box-shadow:0 12px 0 #2982aa,0 18px 19px #35785d42}.rq-world-node.done{background:linear-gradient(#85e5ab,#40b783);box-shadow:0 9px 0 #228f6a,0 13px 15px #35785d42}.rq-world-node.locked{background:linear-gradient(#e6f3f7,#a8c5c9);filter:saturate(.5);color:#758fa3}.rq-world-node.current{outline:7px solid #fffcaa8e;animation:rq-node-glow 2.8s ease-in-out infinite}.rq-node-number{font:900 clamp(22px,3.4vw,41px) 'Space Grotesk',sans-serif;line-height:1}.rq-world-stars{position:absolute;top:-24px;left:50%;transform:translateX(-50%);font-size:clamp(13px,1.9vw,22px);letter-spacing:-2px;white-space:nowrap;color:#ffcb4f;text-shadow:0 2px 0 #b67d2c,0 0 4px #fff}.rq-world-node.locked .rq-world-stars{color:#f4f4f4;text-shadow:0 1px #8eabac}.rq-node-name{font-size:clamp(8px,1.2vw,12px);font-weight:900;white-space:nowrap;position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%);background:#fffdf1ee;border:1px solid #fefbe8;padding:5px 9px;border-radius:20px;color:#316047;box-shadow:0 4px 10px #3d64472a}
.rq-floating-bot{position:absolute;z-index:4;font-size:clamp(24px,3vw,39px);transform:translate(29px,0);filter:drop-shadow(0 5px 4px #35694a66);animation:rq-float 3.5s ease-in-out infinite;pointer-events:none}.rq-map-legend{display:flex;gap:20px;margin:14px 5px 0;color:#5c7766;font-size:11px;font-weight:800;flex-wrap:wrap}.rq-map-legend span{display:flex;align-items:center;gap:6px}.rq-legend-dot{display:inline-block;width:11px;height:11px;border-radius:50%;background:#4ebee1;border:2px solid #fff;box-shadow:0 0 0 1px #74afcf}.rq-legend-dot.finished{background:#4dbd80}.rq-legend-dot.unavailable{background:#c6d4d6}
.rq-lower-home{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.rq-stat{background:white;border:1px solid #e4ebf2;padding:17px;border-radius:17px;display:flex;flex-direction:column;gap:5px}.rq-stat b{font-size:22px;color:#3146ad}.rq-stat span{font-size:11px;color:#8492aa}
@keyframes rq-node-glow{0%,100%{outline-color:#fff7ac6a}50%{outline-color:#fff8c4c9}}@keyframes rq-float{0%,100%{translate:0 0}50%{translate:0 -8px}}
.rq-celebrate-overlay{z-index:200;overflow-y:auto;background:#12183bba;backdrop-filter:blur(8px)}.rq-reaction-card{width:min(440px,96vw);border-radius:30px;padding:20px 30px 26px;text-align:center;box-shadow:0 25px 80px #08133e82;animation:rq-card-rise .85s var(--rq-ease);position:relative;overflow:hidden;background:linear-gradient(180deg,#fffbe8 0%,#fff 50%)}.rq-reaction-card.bad{background:linear-gradient(180deg,#f6f3ff 0%,white 65%)}.rq-reaction-stage{height:270px;position:relative;display:flex;justify-content:center;align-items:center}.rq-reaction-robot{width:255px;height:265px;position:relative;z-index:2;filter:drop-shadow(0 13px 17px #27396c30);animation:rq-robot-arrive 1.4s var(--rq-ease)}.rq-reaction-robot .rq-right-arm{transform-origin:227px 206px;animation:rq-thumb-up 2.2s cubic-bezier(.22,.8,.24,1) both}.rq-reaction-robot.is-sad .rq-right-arm{animation:none;transform:rotate(55deg);transform-origin:227px 206px}.rq-reaction-robot .rq-spark{animation:rq-stars-drift 3s ease-in-out infinite}.rq-stage-glow{position:absolute;width:220px;height:190px;border-radius:50%;background:#ffe5a4;filter:blur(40px);opacity:.68;z-index:0}.rq-reaction-card.bad .rq-stage-glow{background:#e8ddff}.rq-floating-star{position:absolute;font-size:30px;z-index:2;animation:rq-stars-drift 3.4s ease-in-out infinite}.rq-floating-star.s1{top:50px;left:14px}.rq-floating-star.s2{top:30px;right:25px;animation-delay:.5s}.rq-floating-star.s3{bottom:70px;right:10px;animation-delay:1s}.rq-reaction-card.bad .rq-floating-star{opacity:.35}.rq-status-label{font-size:11px;font-weight:900;letter-spacing:1.8px;color:#b37e25}.rq-reaction-card.bad .rq-status-label{color:#755db2}.rq-reaction-card h2{font:800 28px/1.25 'Space Grotesk',sans-serif;color:#26345b;margin:8px 0 9px}.rq-reaction-card p{font-size:13px;color:#6c7b99;line-height:1.85;margin:0 auto 18px;max-width:340px}.rq-reaction-points{display:inline-block;background:#fff3bd;color:#8e6519;padding:9px 14px;border-radius:99px;font-weight:900;font-size:13px;margin-bottom:17px}.rq-reaction-continue{display:block;width:100%;padding:15px;border:none;border-radius:16px;font-size:14px;font-weight:900;color:white;background:#3d54d5;box-shadow:0 6px 0 #bfc9fc;transition:transform .25s ease}.rq-reaction-continue:hover{transform:translateY(-2px)}
@keyframes rq-card-rise{from{opacity:0;transform:translateY(45px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes rq-robot-arrive{0%{opacity:0;transform:translateY(45px) scale(.78) rotate(-9deg)}70%{opacity:1;transform:translateY(-5px) scale(1.04)}100%{transform:none}}@keyframes rq-thumb-up{0%{transform:rotate(78deg)}34%{transform:rotate(78deg)}66%{transform:rotate(-16deg)}82%{transform:rotate(-2deg)}100%{transform:rotate(-12deg)}}@keyframes rq-stars-drift{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-14px) rotate(9deg)}}
.rq-world-overlay{z-index:210;background:#102b31d9;backdrop-filter:blur(8px);overflow-y:auto}.rq-world-modal{width:min(900px,96vw);border:7px solid #fbffec;background:#ecffd9;border-radius:29px;padding:15px 18px 17px;box-shadow:0 24px 80px #081b326b;animation:rq-card-rise .8s var(--rq-ease)}.rq-world-modal-title{text-align:center}.rq-world-modal-title span{font-size:11px;letter-spacing:1.3px;color:#4b8d60;font-weight:900}.rq-world-modal-title h2{font:900 27px 'Space Grotesk',sans-serif;color:#284a37;margin:4px 0}.rq-world-modal-title p{font-size:12px;color:#67826a;margin:0 0 12px}.rq-journey-frame{aspect-ratio:880/520;border-radius:20px;border:4px solid white;overflow:hidden;position:relative;background:#9cd96c}.rq-journey-footer{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:14px}.rq-journey-footer span{font-size:13px;color:#456d53;font-weight:900}.rq-journey-footer .btn{min-width:235px}.rq-journey-footer .btn:disabled{opacity:.8}
/* Smooth feedback without rapid jitter */
.quiz-option{transition:background .42s var(--rq-ease),border-color .42s var(--rq-ease),box-shadow .42s var(--rq-ease),transform .42s var(--rq-ease)}.screen{animation-duration:.65s}.quiz-question-card{animation-duration:.8s}.feedback-bot.happy,.quiz-robot-core.happy{animation-duration:1.8s}.feedback-bot.sad,.quiz-robot-core.sad{animation-duration:1.3s}.quiz-arena{transition:background 1s ease}
@media(max-width:770px){.rq-home-intro{align-items:flex-start;flex-direction:column}.rq-home-actions{display:flex;flex-wrap:wrap}.rq-world-head{align-items:flex-start;flex-direction:column}.rq-world-head p{text-align:left;max-width:none}.rq-world-frame{border-width:3px}}
@media(max-width:480px){.rq-world-section{padding:10px;border-radius:19px}.rq-world-head{padding:6px 8px}.rq-world-frame{min-height:260px;aspect-ratio:880/560}.rq-world-node{height:43px;width:43px;border-width:3px;box-shadow:0 5px 0 #2982aa,0 8px 11px #35785d42}.rq-world-stars{top:-17px;font-size:12px;letter-spacing:-1.8px}.rq-node-number{font-size:23px}.rq-node-name{font-size:8px;padding:4px 6px;top:calc(100% + 9px)}.rq-floating-bot{font-size:21px;transform:translate(18px,8px)}.rq-world-head h2{font-size:18px}.rq-home-intro{padding:20px}.rq-home-actions{width:100%}.rq-home-actions .btn{flex:1}.rq-reaction-stage{height:230px}.rq-reaction-robot{width:210px;height:222px}.rq-reaction-card{padding:18px 21px 23px}.rq-world-modal{padding:10px;border-width:4px}.rq-world-modal-title h2{font-size:21px}.rq-journey-frame{min-height:260px;aspect-ratio:880/560}.rq-journey-footer{align-items:stretch;flex-direction:column}.rq-journey-footer .btn{width:100%}.rq-lower-home{gap:6px}.rq-stat{padding:12px 8px}.rq-stat b{font-size:17px}.rq-stat span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.rq-reaction-robot .rq-right-arm{transform:rotate(-12deg)}.rq-world-node.current,.rq-floating-bot,.rq-floating-star{animation:none}}
@media print{.rq-celebrate-overlay,.rq-world-overlay{display:none!important}}


/* V7 — travel from a completed mission to the next checkpoint */
.rq-stage-route-overlay{z-index:230;background:rgba(10,31,39,.86);backdrop-filter:blur(9px)}
.rq-stage-route-overlay .rq-world-modal{border-color:#fffef0;background:linear-gradient(180deg,#f1ffdf,#e2f5c8);animation:rq-card-rise .75s var(--rq-ease)}
.rq-stage-route-caption{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:8px auto 14px}
.rq-route-chip{border:1px solid #d2e9ba;background:#fffef5;color:#456948;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:900}
.rq-route-chip.destination{background:#dcfff0;color:#19765e;border-color:#b6f1d4}
.rq-route-arrow{font-size:22px;color:#6c9a53}
.rq-stage-route-overlay .rq-journey-frame{box-shadow:0 11px 28px rgba(29,98,59,.14)}
.rq-route-progress{height:9px;background:#cee6b7;border-radius:99px;overflow:hidden;margin:14px 4px 0}
.rq-route-progress>span{display:block;height:100%;width:0;background:linear-gradient(90deg,#25b785,#65d9a5);border-radius:99px;transition:width .12s linear}
.rq-route-status{font-size:12px;color:#416f4d;font-weight:800;line-height:1.5;min-height:18px;margin:10px 0 0;text-align:center}
.rq-stage-route-overlay #rq-enter-stage{min-width:225px}
.rq-stage-route-overlay #rq-enter-stage:disabled{opacity:.82}
@media(max-width:600px){.rq-stage-route-caption{gap:5px}.rq-route-chip{font-size:10px;padding:7px 10px}.rq-stage-route-overlay .rq-journey-footer{gap:9px}.rq-stage-route-overlay .rq-world-modal-title p{font-size:11px}}


/* V8 — Premium visual polish */
:root{--navy:#162033;--navy-2:#253554;--ink:#1f2937;--muted:#6b7280;--blue:#2f4f88;--cyan:#2aa198;--orange:#d6a23a;--pink:#b76f8f;--green:#1f8f72;--red:#bf5b6a;--page:#f6f3ee;--line:#e9e2d8;--white:#fffdf9;--radius:22px;--shadow:0 16px 40px rgba(22,32,51,.06)}
body{background:radial-gradient(circle at top left,#fbfaf7 0,#f6f3ee 48%,#f1ede6 100%);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif}
.topbar{height:84px;background:rgba(255,253,249,.86);border-bottom:1px solid rgba(31,41,55,.08);box-shadow:0 8px 30px rgba(15,23,42,.04)}
.topbar-inner{max-width:1320px;padding:0 30px}.brand-logo{border-radius:14px;background:linear-gradient(180deg,#213863,#1a2841);box-shadow:none}.brand strong{letter-spacing:-1px}.brand small{color:#8a7f71;letter-spacing:1.7px}.tag-class{background:#f7f2eb;border-color:#e8dfd2;color:#6f6557}.xp-pill{background:#f6f1e7;border-color:#eadfca;color:#6b5430}.icon-btn{background:#faf8f3;border-color:#e7dfd2;color:#6f6659}.icon-btn:hover{background:#f3eee6;color:#24344f;transform:translateY(-1px)}
.layout{max-width:1320px;padding:30px;gap:28px}.side-panel,.side-info,.play-surface,.lesson-detail,.result-stat,.stat,.stage-card,.side-panel,.rq-world-section,.rq-stat{background:rgba(255,253,249,.95);border:1px solid rgba(31,41,55,.08);box-shadow:0 16px 34px rgba(15,23,42,.05)}
.side-panel,.side-info{border-radius:24px}.eyebrow,.rq-world-head span,.rq-eyebrow,.stage-kicker,.quiz-kicker{color:#8a6b3d;letter-spacing:1.7px}.tiny-count,.counter,.card-bottom,.head-status{background:#f5efe6;color:#6d5840}.mission-item{border-radius:16px;color:#6a7284;padding:12px}.mission-item:hover:not(:disabled){background:#f8f5ef}.mission-item.active{background:#f4efe7;color:#25344f}.mission-number{background:#f3efe8;color:#6f6759}.mission-item.active .mission-number{background:#253554;box-shadow:none}.mission-item.done .mission-number{background:#e3f4ec;color:#22795f}.sidebar-progress{border-top-color:#ece5db}.track{background:#ece6dc}.track-fill{background:linear-gradient(90deg,#2a4676,#2aa198)}.side-info{background:#f8f4ed}.side-info .bubble{background:#fffaf3}
.hero,.rq-home-intro{background:linear-gradient(135deg,#1d2b45 0%,#243856 55%,#37506f 100%);box-shadow:0 22px 50px rgba(24,34,52,.14);border:1px solid rgba(255,255,255,.06)}
.hero:before{background-image:none;opacity:.18}.hero:after{right:-140px;top:-145px;border-color:rgba(255,255,255,.12);box-shadow:0 0 0 42px rgba(255,255,255,.05),0 0 0 88px rgba(255,255,255,.035),0 0 0 132px rgba(255,255,255,.025)}
.hero-content{padding:52px 48px}.pill{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:#f6efe5}.pill .dot{background:#d8b36a;box-shadow:none}.hero h1,.rq-home-intro h1{letter-spacing:-1.5px}.hero h1 em,.rq-home-intro h1 em{color:#e8c67d}.hero p,.rq-home-intro p{color:#d6deea}.hero-actions,.actions,.rq-home-actions{gap:12px}.btn{border-radius:14px;padding:14px 20px;font-weight:800;transition:transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease}.btn-primary,.btn-success{background:linear-gradient(180deg,#2b4a79,#213a61);box-shadow:none;color:#fff}.btn-primary:hover:not(:disabled),.btn-success:hover:not(:disabled){background:linear-gradient(180deg,#345786,#27446d)}.btn-light{background:#f6f1e8;color:#2d4468;border:1px solid #e8dfd1}.btn-neutral{background:#faf8f4;color:#6d6557;border-color:#e7dfd3}.btn-outline-light{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.18);color:#fff9f0}.btn-hero{background:#d9b97a;color:#26364d;box-shadow:none}.btn-pink{background:#8f5c73;box-shadow:none}.hero-sticker{filter:drop-shadow(0 20px 26px rgba(3,10,26,.32))}.orbiter{opacity:.8}
.section-head h2,.lesson-detail h3,.result-hero h2,.stage-title,.rq-world-head h2{color:#1f2937}.section-head .aside-text,.stage-subtitle,.result-hero p,.lesson-detail p,.rq-world-head p,.rq-map-legend,.rq-stat span,.stat small,.stage-card p,.mission-copy small,.side-info p,.notice,.name-field label{color:#6b7280}.intro-strip,.cards,.result-stats,.rq-lower-home{gap:16px}.stat,.result-stat,.rq-stat{border-radius:20px;padding:18px}.stat-icon,.stage-card .stage-icon,.lesson-tab .lesson-icon{background:#f3efe8;color:#2e4e7e}.stage-card{border-radius:22px;min-height:178px;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}.stage-card:hover:not(:disabled){transform:translateY(-4px);border-color:#d7ccbd;box-shadow:0 18px 36px rgba(15,23,42,.07)}.stage-card small{color:#8e8475}.stage-card h3{color:#223047}.card-bottom.done{background:#e7f4ec;color:#1d7b60}.play-surface,.lesson-detail{border-radius:24px}.callout{background:#f8f4ed;border-color:#ebe3d8}.callout .mascot{background:#fffaf3}.example{background:#f8f5ef;border-left-color:#b89255}.example strong{color:#7a5b2d}.lesson-tab{background:rgba(255,253,249,.92);border-color:#ece4d8;border-radius:18px}.lesson-tab:hover{border-color:#d7cab8}.lesson-tab.selected{background:#f4efe7;border-color:#d3c4b0;box-shadow:none}.lesson-detail{grid-template-columns:1fr 190px}.lesson-visual{background:linear-gradient(145deg,#f5f1ea,#ece7df);color:#2c4b74}.lesson-visual:after,.lesson-visual:before{color:#c2b7a6}
.quiz-shell{background:linear-gradient(180deg,#f8f5ef 0%,#fcfbf9 26%,#fffdf9 100%)}.quiz-arena{background:linear-gradient(135deg,#22324e,#2f486e 62%,#41607f 100%);box-shadow:0 18px 40px rgba(20,32,51,.14)}.quiz-badge{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.12)}.quiz-question-card{border-color:#ebe3d8;box-shadow:0 16px 34px rgba(15,23,42,.05)}.quiz-option{border-color:#ece5db;border-radius:18px;background:#fffdf9}.quiz-option:hover:not(:disabled){background:#fbf8f3;border-color:#d8cbba;box-shadow:0 12px 22px rgba(15,23,42,.05)}.quiz-option .opt-letter{background:#f4efe7;color:#735f43}.quiz-option.correct{background:#f1fbf7;border-color:#bfe5d6;color:#1d6a54}.quiz-option.correct .opt-letter{background:#1f8f72}.quiz-option.incorrect{background:#fff4f3;border-color:#ecc6cb;color:#9d5160}.quiz-option.incorrect .opt-letter{background:#bf5b6a}
.feedback{border-radius:20px;border-color:#ebe3d8}.feedback.success{background:#f3fbf7;border-color:#cfe8dd;color:#1d6a54}.feedback.error{background:#fff5f5;border-color:#ecd3d6;color:#9d5160}.feedback.info{background:#f8f5ef;border-color:#ebe3d8}.feedback-bot,.quiz-robot-core{background:linear-gradient(180deg,#fffdf8,#f2ede6);border-color:#ece4d8}.feedback-bot:before,.quiz-robot-core:before{background:linear-gradient(180deg,#2c446c,#233754)}
.result-hero{background:linear-gradient(135deg,#1f2e48,#314565 62%,#425978 100%);border:1px solid rgba(255,255,255,.06)}.result-hero:before,.result-hero:after{color:#e0bb75}.trophy{filter:drop-shadow(0 10px 18px rgba(0,0,0,.18))}.certificate-preview{background:#fbf7ef;border-color:#dfd0ae}.certificate-preview h3{color:#6f5528}.certificate-preview .cert-name{color:#28364f}.text-input{border-color:#e6ddd0;background:#fffdf9}.text-input:focus{border-color:#b8955a}.notice{background:#fbf6ea;color:#7d6640}
.rq-world-section{padding:22px;background:rgba(255,253,249,.95);border-color:#ece4d8;border-radius:26px;box-shadow:0 18px 38px rgba(15,23,42,.05)}.rq-world-head h2{color:#213247}.rq-world-head p{color:#7a807f}.rq-world-frame,.rq-journey-frame{border:4px solid #f2eee6;border-radius:28px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45),0 16px 30px rgba(51,76,53,.08)}.rq-world-node{background:linear-gradient(180deg,#7bc6e6,#549ac2);box-shadow:0 8px 0 #386d8f,0 14px 20px rgba(53,120,93,.18);transition:transform .34s ease,box-shadow .34s ease,filter .34s ease}.rq-world-node.done{background:linear-gradient(180deg,#8fd1b3,#59aa86);box-shadow:0 8px 0 #37745d,0 14px 20px rgba(53,120,93,.18)}.rq-world-node.locked{background:linear-gradient(180deg,#e8edf0,#cfd6da);color:#86929b}.rq-world-node.current{outline:6px solid rgba(217,185,122,.42)}.rq-world-stars{color:#dbb468;text-shadow:none}.rq-node-name{background:rgba(255,251,243,.92);border-color:#efe5d7;color:#4d5e54;box-shadow:0 8px 18px rgba(61,100,71,.08)}.rq-map-legend{margin-top:16px;color:#6f776e}.rq-legend-dot{box-shadow:none;border-color:#fff7ef}.rq-legend-dot.available{background:#5c9bbb}.rq-legend-dot.finished{background:#5fab86}.rq-legend-dot.unavailable{background:#c5cacb}.rq-lower-home{margin-top:18px}.rq-stat b{color:#223b63}
.rq-reaction-card,.rq-world-modal{background:linear-gradient(180deg,#fffdf8 0%,#faf7f0 100%);border:1px solid #ece3d7;box-shadow:0 24px 56px rgba(15,23,42,.12)}.rq-reaction-card.bad{background:linear-gradient(180deg,#fbf8fc 0%,#fffdf9 100%)}.rq-stage-glow{background:#f2dcb4;opacity:.52}.rq-reaction-card.bad .rq-stage-glow{background:#e5d9ef}.rq-status-label,.rq-world-modal-title span{color:#8a6b3d}.rq-reaction-card h2,.rq-world-modal-title h2{color:#23324b}.rq-reaction-card p,.rq-world-modal-title p,.rq-journey-footer span,.rq-route-status{color:#6b7280}.rq-reaction-points,.rq-route-chip{background:#f7f1e7;border-color:#e6dac7;color:#6b5430}.rq-route-chip.destination{background:#ecf7f2;border-color:#cde7db;color:#1f7d64}.rq-route-arrow{color:#8a6b3d}.rq-route-progress{background:#e8e1d6}.rq-route-progress>span{background:linear-gradient(90deg,#2a4676,#2aa198)}
.footer{color:#8a8174}.footer b{color:#213247}
@media(max-width:770px){.topbar{height:72px}.layout{padding:14px 14px 24px}.hero,.rq-home-intro{border-radius:24px}.hero-content{padding:34px 26px}.topbar-inner{padding:0 16px}}