@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap');
:root{font-family:Nunito,system-ui,sans-serif;color:#172e38;background:#f5f8fb;font-size:17px;--teal:#087f83;--line:#dbe5eb;--muted:#526873}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);background:white;color:inherit;padding:.7rem 1.1rem;border-radius:14px;font-weight:800;transition:transform .15s,box-shadow .15s}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 14px #17343a15}button:disabled{cursor:default;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f9b53d;outline-offset:3px}a{color:var(--teal)}header{max-width:1320px;margin:auto;padding:25px 38px;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:23px;font-weight:900;color:#193c43;line-height:1.1}.brand small{display:block;font-size:11px;letter-spacing:3px;margin-top:6px}.brand-mark{display:flex;align-items:center;justify-content:center;width:49px;height:49px;background:#0c8585;color:white;border-radius:16px;transform:rotate(-7deg)}.brand-mark span{color:#ffd47b}nav{display:flex;gap:3px;flex:1;justify-content:center}nav button{background:transparent;border:0;font-size:14px;padding:.65rem .85rem}nav .active,.filter-row .active{background:#e0f1ee;color:#076969}.profile{border:0;background:#e9eef4;font-size:18px}.profile span{font-size:14px}main{max-width:1244px;margin:auto;padding:38px 30px 70px;min-height:75vh}footer{max-width:1184px;margin:auto;padding:25px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:13px;color:var(--muted)}footer button{font-size:13px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.2rem,4vw,3.5rem);line-height:1.12;letter-spacing:-1.5px;margin-bottom:15px;font-weight:900}h2{font-size:1.4rem;line-height:1.25}h3{font-size:1.17rem;line-height:1.3}p{line-height:1.65;color:var(--muted)}.eyebrow{display:block;font-size:12px;font-weight:900;letter-spacing:2px;margin-bottom:12px;color:#47717c}.primary{background:var(--teal);border-color:var(--teal);color:white;box-shadow:0 4px 0 #056368}.dark{background:#193945;color:white;border:0}.outline{border:2px solid #bed7d8;background:transparent}.text-button,.back{background:transparent;border:0;color:var(--teal);padding-left:0}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:24px 0}.muted{font-size:14px;color:var(--muted)}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.page-heading p{margin:0}.wave{color:#efa92a}.score{background:white;border:1px solid var(--line);padding:18px 27px;border-radius:20px;display:flex;flex-direction:column;text-align:center}.score strong{font-size:32px;color:var(--teal)}.score span{font-size:12px}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.toolbar label{display:flex;align-items:center;gap:12px;font-weight:800}.toolbar select{width:auto;margin:0}.toggle{padding:10px 18px;background:#fff1ce;border:1px solid #eddaaa;border-radius:30px;font-size:14px}.toggle input{width:19px;height:19px;margin:0;accent-color:#087f83}.world-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.world{padding:0;overflow:hidden;text-align:left;border:0;box-shadow:0 5px 0 #dce6ec}.world-image{height:185px;background-image:url(worlds.webp);background-size:200% 200%;background-repeat:no-repeat}.space .world-image,.space .banner-image{background-position:0 0}.library .world-image,.library .banner-image{background-position:100% 0}.island .world-image,.island .banner-image{background-position:0 100%}.forest .world-image,.forest .banner-image{background-position:100% 100%}.world-body{padding:20px}.world-body .eyebrow{font-size:10px;letter-spacing:1px}.world h2{font-size:23px;margin-bottom:18px}.world-body>div{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:600}.world-body b{font-size:22px}.space{background:#edf0ff}.library{background:#fff1da}.island{background:#e0f5f8}.forest{background:#e8f4df}.bottom-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:20px;margin-top:30px}.callout{background:white;border:1px solid var(--line);border-radius:22px;padding:25px;display:flex;align-items:center;gap:20px;margin-top:25px}.bottom-grid .callout{margin:0}.callout h2,.callout h3{margin-bottom:6px}.callout p{font-size:14px;margin:0}.callout button{margin-left:auto;white-space:nowrap;font-size:14px}.sprint-call{background:#dff0f0}.round-icon{font-size:45px}.welcome{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:40px;padding:20px 0}.welcome h1{font-size:clamp(3rem,6vw,5rem)}.welcome img{width:100%;border-radius:30px;box-shadow:0 10px 0 #d9e8eb}.intro-strip{display:flex;justify-content:space-around;padding:35px 0;font-weight:800}.subject-banner{display:flex;justify-content:space-between;align-items:center;border-radius:25px;overflow:hidden;margin:15px 0 35px;min-height:220px}.subject-banner>div:first-child{padding:30px}.banner-image{width:40%;align-self:stretch;background:url(worlds.webp);background-size:200% 200%;background-repeat:no-repeat}.section-title{display:flex;justify-content:space-between;align-items:center}.section-title span{font-size:14px;color:var(--muted)}.set-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.set-card{text-align:left;padding:25px;display:flex;flex-direction:column}.set-number{width:40px;height:40px;border-radius:12px;background:#e2eeee;color:var(--teal);display:grid;place-items:center;font-weight:900;margin-bottom:20px}.set-card p{font-size:14px;font-weight:600;flex:1}.set-meta{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;font-size:13px}.auth-card{max-width:510px;margin:35px auto;padding:35px;background:white;border:1px solid var(--line);border-radius:25px}.auth-card h1{font-size:2.5rem}label{display:block;font-weight:800;font-size:15px}input,select{display:block;border:2px solid #ccdce2;background:white;border-radius:12px;padding:12px 14px;margin:7px 0 18px;width:100%;color:inherit}input:focus,select:focus{border-color:var(--teal)}form button[type=submit],.auth-card form>.primary{width:100%}.auth-links{display:flex;justify-content:space-between;margin-top:20px;font-size:14px}.form-error{color:#a8332e}.big-code{display:block;background:#eff4f7;padding:20px;word-break:break-all;font-size:22px;margin:20px 0}.play-shell{max-width:850px;margin:auto;padding:28px}.play-top{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:14px}.play-top>span{text-align:center}progress{width:100%;height:12px;accent-color:var(--teal);border:0;margin:16px 0 35px}.question-card{padding:42px;background:white;border:1px solid var(--line);border-radius:25px}.question-card h1{font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.4;letter-spacing:-.5px}.answer-options{display:grid;grid-template-columns:1fr 1fr;gap:15px}.answer-options button{padding:22px;font-size:21px;border:2px solid #d9e6eb;text-align:left}.answer-label input{font-size:28px}.feedback{margin-top:25px;padding:25px;border-radius:18px}.correct{background:#e6f4ec}.retry{background:#fff0dd}.discovery{border-left:4px solid #eab64d;padding:15px 20px;background:#fffcf4;border-radius:0 12px 12px 0;margin:20px 0}.discovery p{color:#324d51}.feedback>.primary{margin-top:10px}.result{text-align:center;padding:30px 0}.result .actions{justify-content:center}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:750px;margin:35px auto}.result-stats>div{padding:22px;border:1px solid var(--line);border-radius:20px;background:white}.result-stats strong{display:block;font-size:40px;color:var(--teal)}.result-stats small{font-size:22px}.result-stats span{font-size:14px}.review-list details{background:white;margin:12px 0;padding:20px;border:1px solid var(--line);border-radius:15px}summary{cursor:pointer;font-weight:800;padding:10px 0}details p:first-of-type{margin-top:15px}.sprint{max-width:640px;margin:auto;padding:25px;text-align:center}.sprint-top{display:flex;align-items:center;justify-content:space-between}.sprint-top #clock{font-size:30px;font-weight:900}.sprint-top #sprint-count{font-size:14px}.sprint h1{font-size:clamp(4rem,12vw,6rem);margin:50px 0 25px;letter-spacing:0;font-variant-numeric:tabular-nums}.sprint input{font-size:50px;text-align:center;font-variant-numeric:tabular-nums}.sprint form{max-width:400px;margin:auto}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:400px;margin:20px auto}.keypad button{font-size:25px;padding:12px}.filter-row{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.filter-row button{font-size:14px}.discovery-card{background:white;border:1px solid var(--line);border-radius:20px;padding:25px}.empty{text-align:center;padding:60px}.empty>span{font-size:70px;color:var(--teal)}.rewards-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:35px;margin-top:30px}.puzzle{position:relative;aspect-ratio:3/2;border-radius:20px;overflow:hidden;border:4px solid white}.puzzle img{width:100%;height:100%;object-fit:cover}.puzzle-cover{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr)}.puzzle-cover span{display:grid;place-items:center;background:#dce8f1;color:#688394;border:1px solid white;font-size:24px;font-weight:900}.puzzle-cover .revealed{background:transparent;color:transparent}.badges{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.badge{display:flex;flex-direction:column;text-align:center;padding:15px;background:#e9edf0;border-radius:18px;color:#65727d;font-size:13px}.badge b{font-size:40px}.badge small{font-size:11px;margin-top:6px}.badge.earned{background:#fff0bf;color:#685011}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:25px}.panel{background:white;border:1px solid var(--line);padding:30px;border-radius:22px;margin:25px 0}.panel code{font-size:20px;letter-spacing:2px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}td,th{text-align:left;padding:13px 8px;border-bottom:1px solid var(--line)}td small{display:block;color:var(--muted);font-size:12px}.recommendation{background:#e7f3ee;padding:18px;border-radius:12px;margin:20px 0}.prose{max-width:800px;margin:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:15px 25px;background:#193945;color:white;border-radius:14px;z-index:100;max-width:90vw;box-shadow:0 5px 30px #0003}
@media(max-width:1000px){header{flex-wrap:wrap;padding:20px}nav{order:3;width:100%;flex-basis:100%;justify-content:flex-start;overflow:auto}.profile{margin-left:auto}.world-grid{grid-template-columns:repeat(2,1fr)}.world-image{height:220px}.bottom-grid{grid-template-columns:1fr}.set-grid{grid-template-columns:repeat(2,1fr)}footer{margin:0 25px}.callout{flex-wrap:wrap}.callout button{margin-left:0}.welcome{gap:25px}.intro-strip{gap:15px;font-size:14px}.section-title{display:block}.section-title span{display:block;margin-bottom:20px}}
@media(max-width:600px){main{padding:25px 18px 45px}header{gap:10px}.brand{font-size:20px}nav button{font-size:12px;white-space:nowrap;padding:9px}.profile span{display:none}.page-heading{align-items:flex-start}.page-heading h1{font-size:2rem}.score{padding:10px 12px}.score strong{font-size:24px}.score span{font-size:10px}.toolbar{gap:12px;align-items:flex-start}.toolbar label{font-size:12px;gap:6px}.toolbar select{padding:8px;font-size:13px}.toggle{padding:10px}.world-grid{gap:12px}.world-image{height:140px}.world-body{padding:15px}.world h2{font-size:19px}.world-body .eyebrow{font-size:9px}.world-body>div{font-size:11px}.set-grid,.two-col,.rewards-grid{grid-template-columns:1fr}.welcome{grid-template-columns:1fr}.welcome h1{font-size:3.7rem}.welcome img{max-height:290px;object-fit:cover}.intro-strip{flex-direction:column;gap:18px}.subject-banner{min-height:190px}.subject-banner>div:first-child{padding:22px}.subject-banner h1{font-size:2rem}.banner-image{width:30%}.auth-card{padding:25px;margin:15px 0}.play-shell{padding:15px}.question-card{padding:25px 20px}.answer-options{grid-template-columns:1fr}.answer-options button{padding:15px}.result-stats{gap:8px}.result-stats>div{padding:15px 5px}.result-stats strong{font-size:29px}.result-stats span{font-size:12px}.panel{padding:22px}.sprint h1{margin-top:35px}footer{flex-wrap:wrap}.auth-links{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
@media print{header,footer,main>h1,main>.eyebrow,.rewards-grid>section:nth-child(2),button,.rewards-grid>section>p{display:none!important}body{background:white}main{padding:0}.rewards-grid{display:block}.puzzle{width:180mm;border:0;border-radius:0}.puzzle-cover span{border:1px dashed #444}.puzzle-cover .revealed{background:transparent}main{min-height:0}}

.topic-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;margin:20px 0}.topic-summary>div{padding:18px;border:1px solid var(--line);border-radius:15px}.topic-summary strong,.topic-summary span{display:block;font-size:14px}.topic-summary progress{margin:10px 0}.album-scenes{display:grid;grid-template-columns:1fr 1fr;gap:15px}.album-scene{border-radius:15px;overflow:hidden}.album-scene .world-image{height:140px}.album-scene strong,.album-scene span{display:block;padding:8px 12px;font-size:13px}.album-scene.locked .world-image{filter:grayscale(1);opacity:.2}.album-scene.locked{background:#e4ebf0}@media print{.album-scenes{display:none!important}}

.extra-badge{display:inline-flex;align-items:center;padding:9px 14px;border-radius:30px;background:#fff0c4;color:#63400b;font-size:14px;font-weight:900;border:1px solid #dfb657;white-space:nowrap}.play-top{flex-wrap:wrap;gap:12px}.choice-hint{color:#526774;font-size:16px;margin:0 0 16px}.multi-choice{display:flex!important;flex-direction:row!important;align-items:center;gap:14px;border:2px solid #d5e5ea;border-radius:14px;padding:22px;cursor:pointer;background:white;font-size:20px}.multi-choice input{width:24px;height:24px;flex-shrink:0;accent-color:#18765e}.multi-choice:has(input:checked){border-color:#18765e;background:#e8f8ef}.multi-options{margin-bottom:22px}.logic .world-image,.logic .banner-image{background:linear-gradient(135deg,#e1d9fc,#f8e8bf);display:grid;place-items:center}.logic .world-image:after,.logic .banner-image:after{content:'?';font-size:110px;font-weight:900;color:#65549a;transform:rotate(-12deg)}.world-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}@media(max-width:600px){.play-top .extra-badge{order:4;width:100%;justify-content:center}.multi-choice{padding:17px;font-size:18px}.world-grid{grid-template-columns:1fr 1fr}}@media(max-width:420px){.world-grid{grid-template-columns:1fr}}

.play-top{position:sticky;top:0;z-index:5;background:#f5f9fc;padding-top:12px;padding-bottom:12px}