:root{--red:#d90c2b;--dark:#39162c;--deep:#8e0527;--gold:#ffcb43;--pale:#fff3ef;--border:#f6bec4;--green:#21ab81;--blue:#bfeaff}*{box-sizing:border-box}body{margin:0;color:var(--dark);font-family:"Trebuchet MS",ui-rounded,system-ui,-apple-system,"Segoe UI",sans-serif;background:repeating-linear-gradient(145deg,#fff8f6 0 44px,#fff2f0 44px 88px)}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}a{color:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #0a9986;outline-offset:3px}.site-wrap{padding:16px}.app-shell{max-width:1100px;margin:auto;overflow:hidden;border:3px solid #b61130;border-radius:28px;background:#fff;box-shadow:0 13px 0 #9a132b,0 24px 38px #520d2d26}.topbar{height:86px;background:linear-gradient(#fff,#fff7f8);padding:13px 24px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:2px solid #ffd4d9}.brand{display:flex;align-items:center;gap:7px;white-space:nowrap}.deli{color:#e10b27;font-weight:1000;font-size:36px;letter-spacing:-3px}.brand-sep{font-size:29px;color:#99142e}.aci{background:#188c4a;color:#fff;border-radius:50%;height:38px;width:38px;text-align:center;line-height:38px;font-size:15px;font-weight:900}.rise{font-weight:1000;line-height:.76;font-style:italic;letter-spacing:-1px;color:#c90e24;font-size:22px;margin-left:18px;text-shadow:0 1px #ffd64e}.star-word{color:#f4b80b;font-style:normal;font-size:27px}.top-controls{display:flex;gap:8px;align-items:center}.small-round{border:1px solid #feb7bc;background:linear-gradient(#ff3547,#c60023);color:white;border-radius:99px;width:39px;height:39px;font-size:20px;box-shadow:0 3px 0 #970923}.small-round.muted{background:#f9e8e8;color:#9c4e5e;box-shadow:none}.timer-pill{color:#c20025;border-radius:40px;background:#fff4f6;border:1.5px solid #f59eaa;padding:8px 14px;font-size:16px;font-weight:1000;box-shadow:0 2px 2px #a8182f16}.hidden{display:none!important}.screen{display:none;min-height:595px}.screen.active{display:block;animation:comeIn .3s ease-out}@keyframes comeIn{from{opacity:.6;transform:translateY(7px)}to{opacity:1;transform:none}}.primary,.secondary{padding:12px 23px;border-radius:99px;font-size:15px;font-weight:900;border:2px solid var(--red);transition:transform .18s,filter .18s;box-shadow:0 4px 0 #8b0d2b}.primary{background:linear-gradient(#ff3645,#d40027);color:white}.secondary{background:#fff;color:#bc0a2c;box-shadow:0 3px 0 #f4b8c2}.primary:hover:not(:disabled),.secondary:hover:not(:disabled){transform:translateY(-2px);filter:saturate(1.13)}.primary:active,.secondary:active{transform:translateY(2px);box-shadow:none}.primary.large{font-size:18px;padding:15px 29px}.primary.full{width:100%}.eyebrow{font-size:12px;font-weight:1000;letter-spacing:2px;color:#be0b2a}.sky-scene,.school-scene,.world-scene,.quiz-scene{position:relative;min-height:595px;overflow:hidden}.sky-scene{background:linear-gradient(180deg,#beeaff 0%,#e5f7ff 54%,#fff0dc 81%,#e93c4e 100%)}.sky-cloud{position:absolute;width:170px;height:43px;border-radius:40px;background:#fffb;filter:blur(2px);animation:drift 19s ease-in-out infinite alternate}.sky-cloud:before{content:'';position:absolute;left:36px;top:-18px;width:76px;height:70px;border-radius:100%;background:inherit}.cloud1{top:75px;left:12%}.cloud2{right:9%;top:130px;animation-delay:-9s}.floating-star{position:absolute;font-size:40px;color:#ffbc19;animation:float 3s ease-in-out infinite;z-index:1}.s1{top:30px;left:28%}.s2{top:130px;right:18%;animation-delay:.6s}.s3{bottom:70px;right:9%;animation-delay:1.2s}@keyframes float{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-13px) rotate(9deg)}}@keyframes drift{from{transform:translateX(-30px)}to{transform:translateX(34px)}}.welcome-grid{position:relative;z-index:2;display:grid;grid-template-columns:50% 50%;align-items:center;gap:0;min-height:590px;padding:30px 50px}.hero-art{border-radius:40px;position:relative;cursor:pointer;transition:transform .3s}.hero-art img{width:100%;max-width:460px;display:block;border-radius:40px;mix-blend-mode:multiply;mask-image:linear-gradient(to bottom,#000 83%,transparent 100%);animation:bob 4s ease-in-out infinite}@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}.hero-art.celebrate{animation:pop .48s ease-out}.click-me{position:absolute;bottom:4px;left:30px;color:#9a2330;font-size:12px;font-weight:800}.welcome-content{text-align:center;padding:10px}.welcome-content h1{font-weight:1000;letter-spacing:-3px;font-style:italic;color:#d6162b;text-shadow:2px 4px #ffd57c;margin:12px 0 4px;font-size:clamp(54px,7vw,82px);line-height:.89}.welcome-content h1 span{display:block}.welcome-content h1 b{color:#ffbd22;font-size:52px}.red-ribbon{display:inline-block;background:linear-gradient(#f32e41,#b50a21);color:white;padding:9px 27px;border-radius:30px;font-weight:900;box-shadow:0 4px 0 #8c0726;transform:rotate(-2deg);margin:14px 0}.welcome-content p{max-width:410px;margin:12px auto 20px;line-height:1.5;font-size:17px;font-weight:700}.summary-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:17px 0 22px}.summary-pills span{font-size:12px;border:1px solid #ffc7c6;background:#ffffffd9;padding:8px 10px;border-radius:30px;font-weight:800}.school-scene{background:linear-gradient(180deg,#b8e9ff,#fff6ec)}.register-layout{max-width:920px;margin:auto;display:grid;grid-template-columns:1fr 1.12fr;gap:25px;align-items:center;min-height:595px;padding:25px}.register-side{text-align:center}.register-side img{width:75%;max-width:360px;border-radius:20px;mix-blend-mode:multiply;animation:bob 4s ease-in-out infinite}.register-side h2{font-size:29px;color:#c50d29;margin:8px 0}.register-side p{color:#644c5c;font-size:15px;font-weight:700}.form-panel{padding:27px;border:2px solid #ffd1d5;background:#fffdfdec;border-radius:30px;box-shadow:0 12px 25px #9f345c22}.form-panel h2{margin:8px 0;font-size:29px}.form-panel p{font-size:14px;color:#6b5260;margin-bottom:19px}.form-panel label:not(.consent){font-size:12px;font-weight:900;display:block;margin:12px 2px 5px}.form-panel input:not([type=checkbox]){width:100%;padding:13px 15px;border:1.5px solid #f7b1bb;border-radius:18px;background:white;color:#311520}.form-panel input:focus{border-color:#c60d2c}.consent{display:flex;gap:10px;align-items:flex-start;margin:18px 0;color:#493341;font-size:12px;line-height:1.45}.consent input{flex:0 0 auto;width:18px;height:18px;accent-color:#d50b2a}.consent small{display:block;color:#746374;margin-top:4px}.form-error{color:#ba1233;font-size:13px;font-weight:800;min-height:14px;margin:7px 0}.world-scene{text-align:center;padding:32px;background:linear-gradient(#c4ebff 0%,#fffcf2 45%,#d4f3bb 100%)}.section-heading h2{font-size:34px;margin:8px 0}.section-heading p{margin:0;color:#6a4b62;font-weight:700}.world-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px;max-width:930px;margin:53px auto 22px}.world-chip{background:#fff;border:2px solid var(--c);border-radius:25px;min-height:206px;padding:20px 11px;box-shadow:0 9px 0 color-mix(in srgb,var(--c) 55%,white);transform:rotate(-2deg);transition:transform .25s;animation:bob 5s ease-in-out infinite}.world-chip:nth-child(even){transform:rotate(2deg);animation-delay:1.2s}.world-chip:hover{transform:translateY(-8px) rotate(0)}.world-chip h3{font-size:21px;line-height:1.12;margin:13px 0}.world-chip small{font-size:12px;color:#756670;font-weight:900}.world-icon{font-size:52px}.center-note{font-size:14px;font-weight:800;margin:33px 0 20px}.quiz-scene{padding:28px;background:linear-gradient(145deg,#e7f7ff 0%,#fff3f2 54%,#ffe6be 100%)}.quiz-head{display:flex;align-items:center;justify-content:flex-end;gap:18px}.quiz-progress{width:260px;color:#653244;font-size:13px;font-weight:900}.progress-track{height:9px;background:#ead4d9;border-radius:15px;margin-top:8px;overflow:hidden}.progress-track>div{height:100%;width:0;background:#cf1031;transition:width .35s}.quiz-status{font-size:14px;color:#c60928;font-weight:800}.quiz-layout{display:grid;grid-template-columns:32% 68%;align-items:center;gap:0;min-height:450px;margin-top:12px}.mascot-scene{position:relative;text-align:center;align-self:end}.mascot-scene img{width:100%;max-height:315px;object-fit:contain;mix-blend-mode:multiply;border-radius:28px;animation:bob 3.8s ease-in-out infinite}.mascot-scene.success img{animation:successDance .55s ease-in-out 2}.mascot-scene.fail img{animation:shake .3s ease-in-out 1}.lightbulb{font-size:50px;position:absolute;top:0;left:4%;animation:float 3s infinite}.floating-questions{position:absolute;top:2px;right:0;font-size:38px;animation:bob 2s infinite}.mascot-caption{font-weight:1000;color:#a60f2b;margin-bottom:23px;font-size:12px}.quiz-panel{position:relative;background:#fffcffeb;border:2px solid #ffbdc6;border-radius:32px;padding:29px;box-shadow:0 13px 24px #81152922}.category-pill{border:1px solid #ff8c9a;border-radius:20px;color:#b00c2c;font-weight:1000;padding:8px 15px;background:#ffe4e5;display:inline-block;font-size:13px}.quiz-panel h2{font-size:clamp(18px,2.4vw,26px);line-height:1.4;min-height:78px;margin:15px 0 22px}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.option{border:1.5px solid #f7bbc4;background:linear-gradient(#fff,#fff6f6);text-align:left;padding:14px 16px;border-radius:20px;min-height:58px;font-weight:800;box-shadow:0 3px 2px #edb8be55;transition:transform .17s,background .17s}.option:not(:disabled):hover{background:#fff0f3;transform:translateY(-2px)}.option.selected{background:#ffdae0;border-color:#b20a28}.option.right{background:#ddffdd;border-color:#2aa848;color:#107b32}.option.wrong{background:#ffced2;border-color:#d62743;color:#a10923}.option .bullet{color:#ca1532;margin-right:10px}.feedback{min-height:55px;line-height:1.35;font-weight:800;padding:10px 0 0;font-size:13px;color:#65465a}.feedback.good{color:#087d45}.feedback.bad{color:#ad112e}.quiz-actions{display:flex;justify-content:space-between;gap:13px;margin-top:4px}.quiz-bottom{display:flex;justify-content:space-between;gap:7px;text-align:center;color:#995067;font-size:12px;font-weight:700;padding:20px 2px}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}@keyframes successDance{0%,100%{transform:rotate(0) scale(1)}50%{transform:rotate(8deg) scale(1.04)}}.result-screen{text-align:center;background:linear-gradient(#fff5f4,#fff 55%,#ffebdd);min-height:595px;padding:45px 28px}.trophy{font-size:80px;animation:bob 2s infinite}.result-screen h2{font-size:39px;margin:8px 0}.result-screen>p{font-size:16px;color:#705764}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:710px;margin:34px auto;gap:13px}.stat-grid>div{background:white;border:1.5px solid #ffccd2;border-radius:21px;padding:20px 12px;display:flex;flex-direction:column;box-shadow:0 5px 8px #aa243a15;gap:4px}.stat-grid span{font-size:27px;color:#c2092d}.stat-grid b{font-size:28px;color:#b2092c}.stat-grid small{font-size:12px;font-weight:800;color:#876a74}.finish-status{font-size:13px;font-weight:800;min-height:24px}.star-reveal{min-height:595px;background:linear-gradient(#1710359c,#250e42ad),url('/assets/star-galaxy.jpg') center/cover;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;overflow:hidden;color:white}.galaxy{position:relative;width:270px;height:245px;display:flex;align-items:center;justify-content:center}.glow-star{font-size:180px;color:#ffd44d;text-shadow:0 0 25px #ffdf6d,0 0 75px #ffc05e;animation:glow 2.1s ease-in-out infinite}@keyframes glow{0%,100%{transform:scale(.88) rotate(-5deg);filter:brightness(.86)}50%{transform:scale(1.14) rotate(9deg);filter:brightness(1.5)}}.orbit{position:absolute;width:220px;height:70px;border:2px solid #ffeea1aa;border-radius:100%;transform:rotate(20deg);animation:spin 6s linear infinite}.orbit-two{transform:rotate(-32deg);animation-direction:reverse}@keyframes spin{to{transform:rotate(360deg)}}.reveal-copy h2{font-size:34px;margin:7px}.reveal-copy .eyebrow{color:#ffdb56}.reveal-copy p{color:#ffeccf}.reward-screen{background:linear-gradient(#d4f3ff,#fff8eb);padding:25px;text-align:center;min-height:595px}.reward-screen h2{font-size:32px;margin:8px 0}.reward-intro{font-weight:800;color:#7c5164;margin:0 0 18px}.reward-visual{max-width:810px;min-height:400px;position:relative;overflow:hidden;margin:14px auto;border:4px solid #fff;border-radius:28px;background:linear-gradient(#d4ecff,#fef0dc);box-shadow:0 7px 0 #d63b43,0 18px 26px #9f174529}.world-photo{position:absolute;inset:0;background-position:center;background-size:cover;filter:saturate(1.04);opacity:.9}.reward-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,#fffffff5 48%,#fff9eced 100%)}.reward-inner{position:relative;z-index:1;margin-left:42%;padding:20px 24px;text-align:center}.reward-stars{font-size:25px;color:#ffb817;text-shadow:0 1px #a04b11}.reward-inner h3{display:inline-block;color:white;background:linear-gradient(#ee3d4e,#a10b2b);border-radius:50px;padding:12px 24px;box-shadow:0 5px 0 #780521;margin:13px 0;font-size:24px}.identity{background:#fffdf9ec;border:2px solid #ffe0ac;padding:13px;border-radius:18px;text-align:left}.identity>div{display:flex;align-items:start;justify-content:space-between;gap:8px;margin:8px 0;border-bottom:1px solid #f5d6c5;padding-bottom:5px}.identity>div:last-child{border-bottom:0}.identity span{color:#ad4051;font-size:10px;font-weight:900;letter-spacing:1px}.identity strong{font-size:15px;text-align:right;max-width:68%;overflow-wrap:anywhere}.reward-inner p{font-size:13px;font-weight:800;line-height:1.5;background:#fffaf1dd;padding:10px;border-radius:13px}.reward-actions{display:flex;justify-content:center;gap:13px;flex-wrap:wrap;margin:15px}.share-setting{font-size:13px;font-weight:800;display:block;margin:17px}.share-setting input{accent-color:#cb0d2a}.tiny-note{font-size:11px;color:#866675}.footer{padding:14px 23px;border-top:2px solid #ffe1de;background:#fff8f8;display:flex;justify-content:space-between;gap:12px;align-items:center;color:#96717f;font-size:10px}.footer a{color:#b51232;text-decoration:none}.footer a b{font-size:11px}.footer a:hover{text-decoration:underline}
@media(max-width:760px){.site-wrap{padding:4px}.app-shell{border-radius:16px;border-width:2px}.topbar{padding:10px 12px;height:72px}.deli{font-size:27px}.brand-sep{font-size:21px}.aci{width:29px;height:29px;line-height:29px;font-size:12px}.rise{font-size:15px;margin-left:5px}.star-word{font-size:18px}.small-round{width:34px;height:34px;font-size:16px}.top-controls{gap:5px}.timer-pill{padding:6px 7px;font-size:12px}.screen{min-height:590px}.welcome-grid{display:flex;flex-direction:column-reverse;justify-content:space-around;min-height:580px;padding:22px 15px}.hero-art img{height:240px;width:auto;max-width:100%;margin:auto}.welcome-content h1{font-size:53px}.welcome-content p{font-size:14px;margin:10px auto}.summary-pills span{font-size:10px}.register-layout{grid-template-columns:1fr;padding:16px;gap:0}.register-side img{height:120px;width:auto}.register-side h2{font-size:22px;margin:0}.register-side p{display:none}.form-panel{padding:16px;border-radius:20px}.form-panel h2{font-size:23px}.form-panel input:not([type=checkbox]){padding:11px}.form-panel label:not(.consent){margin-top:8px}.consent{font-size:11px;margin:11px 0}.world-scene{padding:24px 15px}.section-heading h2{font-size:27px}.world-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin:35px auto 25px}.world-chip{min-height:148px;padding:11px 5px;border-radius:17px}.world-chip h3{font-size:17px;margin:7px}.world-icon{font-size:33px}.quiz-scene{padding:14px 12px}.quiz-head{gap:8px}.quiz-progress{width:190px}.quiz-layout{display:flex;flex-direction:column;min-height:450px;margin:7px 0}.mascot-scene{height:120px;align-self:center;width:200px}.mascot-scene img{width:auto;height:100px}.lightbulb{font-size:25px;top:-3px}.floating-questions{font-size:20px}.mascot-caption{display:none}.quiz-panel{width:100%;padding:17px;border-radius:21px}.quiz-panel h2{font-size:18px;min-height:auto;margin:12px 0 15px}.option-grid{gap:9px}.option{min-height:53px;font-size:13px;padding:10px 9px;border-radius:13px}.quiz-bottom{font-size:10px}.stat-grid{gap:6px}.stat-grid>div{padding:13px 5px}.stat-grid b{font-size:19px}.result-screen h2{font-size:29px}.reward-screen{padding:20px 10px}.reward-screen h2{font-size:23px}.reward-visual{min-height:550px}.reward-visual:after{background:linear-gradient(180deg,transparent 0%,#fffdf5e6 43%,#fff8efee 100%)}.reward-inner{margin-left:0;margin-top:180px;padding:10px 15px}.reward-inner h3{font-size:20px;padding:10px 15px}.identity strong{font-size:12px}.footer{padding:12px 8px;flex-direction:column;font-size:9px;gap:4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}