@font-face{font-family:Manrope;src:url(assets/manrope.ttf)}@font-face{font-family:DM;src:url(assets/dm-sans.ttf)}*{box-sizing:border-box}body{margin:0;background:linear-gradient(155deg,#e4f5ff,#f5eefe 75%);font-family:DM,Arial,sans-serif;color:#24335d}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:4px solid #127b8b;outline-offset:4px}.skip{position:absolute;top:-80px}.skip:focus{top:12px;background:#fff;padding:10px;z-index:10}header{max-width:1140px;margin:auto;padding:20px 28px;display:flex;align-items:center;justify-content:space-between}header img{width:145px;height:auto}.preview{font-size:11px;letter-spacing:1.4px;color:#66538d;background:#ffffffb5;border:1px solid #dfd4f3;border-radius:30px;padding:9px 12px}main{max-width:1080px;margin:auto;padding:0 24px}.heading{text-align:center;margin:10px 0 25px}.eyebrow{font-weight:800;font-size:11px;letter-spacing:2px;color:#7764a0}h1{font-family:Manrope,Arial,sans-serif;font-size:38px;letter-spacing:-1.2px;margin:8px 0}p{line-height:1.5}.heading>p:last-child{margin:8px 0;color:#63708c}.adventure{display:grid;grid-template-columns:44% 56%;border:1px solid #fff;border-radius:32px;overflow:hidden;background:#fff;box-shadow:0 18px 60px #64539822}.world{position:relative;min-height:570px;background:linear-gradient(#c9eafe11,#d7d2fa99),url(assets/kingdom-sky.jpg) center/cover;display:flex;flex-direction:column;align-items:center;padding:25px 20px;overflow:hidden}.world:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#bdccf7cc,transparent 75%);pointer-events:none}.world-title{position:relative;border-radius:30px;background:#283c6ce8;color:white;padding:10px 20px;text-align:center;font-weight:800;font-size:16px}.world-title>span{color:#ffdf71}.world-title small{display:block;font-size:10px;font-weight:400;letter-spacing:.8px;color:#dce7ff;margin-top:2px}.path{height:300px;width:190px;position:relative;margin:15px auto 5px}.trail{height:280px;width:55px;background:linear-gradient(#a9b8ed,#dddffa);transform:rotate(13deg);margin-left:70px;border-left:3px solid #ffffff7a;border-right:3px solid #ffffff7a;border-radius:60%}.node{position:absolute;width:52px;height:52px;border-radius:50%;background:#f7f8ff;border:3px solid #fff;box-shadow:0 5px 0 #8f9bc6,0 9px 15px #39426c22;display:grid;place-items:center;font-family:Manrope;font-size:21px;font-weight:800;color:#8a91af;transition:.3s}.node[data-node="0"]{bottom:10px;left:32px}.node[data-node="1"]{bottom:80px;left:95px}.node[data-node="2"]{bottom:150px;left:45px}.node[data-node="3"]{bottom:220px;left:95px}.node.active{background:#8551ed;color:#fff;border-color:#e4ceff;box-shadow:0 5px 0 #5d36ac,0 0 0 7px #ffffff4a;animation:bob 3s ease-in-out infinite}.node.done{background:#72e1ad;color:#176c52;box-shadow:0 5px 0 #39ac81}.finish{position:absolute;top:-13px;left:65px;font-size:34px;color:#ffcf51;text-shadow:0 3px #b87d35}.guide{position:relative;background:#fffffff0;border:2px solid white;border-radius:20px;display:flex;align-items:center;gap:13px;width:100%;padding:12px;box-shadow:0 10px 20px #4c5c9022}.guide img{width:80px;height:88px;object-fit:cover;object-position:top;border-radius:16px;background:#eee6ff}.guide strong{font-size:14px}.guide p{font-size:13px;margin:4px 0;color:#65708a}.play{padding:28px 34px;min-width:0;position:relative;background:linear-gradient(#f6fbff,#f7f2ff)}.hud{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px;font-weight:700}.coins{background:#fff5ca;color:#7a5d0c;padding:8px 12px;border:1px solid #f4dfa0;border-radius:24px}.coins>span{color:#edba3e}.progress-track{height:6px;margin:16px 0 28px;background:#e9e1f5;border-radius:8px;overflow:hidden}#progress-fill{height:100%;width:0;background:linear-gradient(90deg,#7750de,#29c8b8);transition:width .4s}.whiteboard{background:#fff;border:1px solid #e1def1;box-shadow:0 7px 0 #e4def333;border-radius:22px;text-align:center;padding:25px 18px 19px;position:relative}.tag{position:absolute;top:-12px;left:16px;color:#fff;background:#6650cf;padding:6px 12px;border-radius:14px;font-size:11px}#topic{text-transform:uppercase;font-size:10px;letter-spacing:1.7px;color:#8c83a6;margin:5px 0}#question{font-family:Manrope;font-size:42px;letter-spacing:-1px;margin:8px 0 2px}.instruction{font-size:12px;color:#7c849c;margin:6px}.answers{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0 18px}.answer{background:linear-gradient(145deg,#ad70fb,#743ce0);border:1px solid #c598ff;border-radius:16px;box-shadow:0 5px 0 #5d31ac,0 7px 15px #8657c12a;color:#fff;font-size:27px;font-weight:800;min-height:68px;transition:transform .15s}.answer:hover:not(:disabled){transform:translateY(-3px)}.answer.correct{background:linear-gradient(#38cba5,#16a27e);border-color:#73e2c5;box-shadow:0 5px 0 #127b66}.answer.wrong{background:#ec7c94;box-shadow:0 5px 0 #bc5574}.answer:disabled{cursor:default}.response{text-align:center;min-height:72px;padding:5px 4px}.response strong{font-size:17px;color:#655295}.response p{font-size:13px;color:#71778e;margin:6px 0}.response.success strong{color:#138068}.next,.completion a{display:block;width:100%;border:0;border-radius:30px;background:linear-gradient(#6553ed,#4d39c4);box-shadow:0 4px 0 #3d2f99;color:#fff;text-align:center;padding:13px 20px;font-weight:700;text-decoration:none}.parent-note{font-size:10px;color:#8b86a0;text-align:center;margin-top:18px}.completion{text-align:center;padding:35px 0}.completion h2{font-family:Manrope;font-size:31px;color:#6443b5}.completion p{font-size:14px}.completion a{margin-top:22px;font-size:14px}.redirect-note{color:#8b86a0;font-size:11px!important}footer{text-align:center;font-size:11px;color:#7d8297;padding:22px 0 26px}footer p{margin:4px}footer a{display:inline-block;margin-top:5px;color:#7662a3}.spark{position:absolute;color:#edb436;font-size:24px;pointer-events:none;animation:float 1s ease-out forwards}@keyframes bob{50%{transform:translateY(-4px)}}@keyframes float{to{transform:translateY(-120px) rotate(50deg);opacity:0}}[hidden]{display:none!important}@media(max-width:680px){header{padding:14px 18px}header img{width:112px}.preview{font-size:9px;padding:7px 9px}main{padding:0 14px}.heading{margin:10px 0 18px}.eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:27px;letter-spacing:-.8px}.heading>p:last-child{font-size:12px}.adventure{display:flex;flex-direction:column;border-radius:24px}.world{min-height:0;height:188px;padding:15px 14px;display:block;background-position:center 30%}.world-title{font-size:12px;width:155px;padding:6px 10px;z-index:1}.world-title small{font-size:8px}.path{position:absolute;top:66px;left:10px;margin:0;width:44%;height:90px}.trail{width:110px;height:24px;transform:rotate(-20deg);margin:30px 0 0 13px}.node{width:33px;height:33px;font-size:14px;border-width:2px}.node[data-node="0"]{bottom:0;left:0}.node[data-node="1"]{bottom:25px;left:40px}.node[data-node="2"]{bottom:12px;left:80px}.node[data-node="3"]{bottom:44px;left:113px}.finish{left:141px;top:-13px;font-size:25px}.guide{position:absolute;right:10px;bottom:12px;width:47%;height:133px;display:block;padding:8px 8px 8px 56px;border-radius:14px}.guide img{position:absolute;width:47px;height:76px;left:5px;bottom:10px;border-radius:10px}.guide strong{font-size:10px;line-height:1.2;display:block}.guide p{font-size:10px;line-height:1.4;margin:5px 0}.play{padding:18px 18px 13px}.hud{font-size:10px}.coins{padding:6px 10px}.progress-track{margin:10px 0 23px}.whiteboard{padding:19px 10px 10px;border-radius:18px}#question{font-size:35px}#topic{font-size:9px}.instruction{font-size:11px}.answers{gap:9px;margin:19px 0 13px}.answer{font-size:23px;min-height:55px;border-radius:13px}.response{min-height:64px}.response strong{font-size:15px}.response p{font-size:11px}.next{padding:11px}.parent-note{font-size:9px;margin:14px 0 3px}footer{font-size:9px;padding:17px 4px}.completion{padding:15px 0}.completion h2{font-size:27px}.completion p{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}}
@media(prefers-reduced-motion:no-preference){.guide img{animation:guide-breathe 4s ease-in-out infinite}@keyframes guide-breathe{50%{transform:translateY(-3px) rotate(.5deg)}}}
@media(max-width:360px){.guide{padding-left:48px;width:45%;height:132px}.guide img{width:39px;height:66px;left:4px}.guide strong{font-size:9px}.guide p{font-size:9px}.path{transform:scale(.87);transform-origin:left bottom}h1{font-size:23px}.heading>p:last-child{font-size:11px}}