@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--bg:#f8f9fb;--white:#fff;--ink:#213932;--muted:#77857f;--green:#16836b;--green-dark:#0d6955;--light-green:#eaf5ef;--line:#e8edea;--purple:#7154ca;--radius:20px;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9c77ee;outline-offset:4px}button{border:0;background:none}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sidebar{position:fixed;inset:0 auto 0 0;width:236px;background:white;border-right:1px solid var(--line);padding:34px 22px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;font:800 29px 'Manrope',sans-serif;letter-spacing:-1.5px}.brand-icon{background:var(--green);color:white;width:36px;height:39px;display:grid;place-items:center;border-radius:12px 12px 12px 3px;margin-right:9px;font-size:32px;font-weight:500}.brand-dot{color:var(--green)}.sidebar-label{font-size:9px;letter-spacing:1.35px;margin:19px 0 38px;color:#829087;font-weight:700}.nav-link{display:flex;align-items:center;gap:13px;padding:15px 17px;margin-bottom:8px;border-radius:12px;color:#758079;font-weight:550;font-size:15px;transition:background .18s}.nav-link:hover{background:#f4f7f5}.nav-link.active{color:var(--green);background:#eaf5ef;font-weight:700}.nav-link .nav-end{margin-left:auto;font-size:13px;background:#fff;padding:2px 7px;border-radius:5px}.sidebar-bottom{margin-top:auto}.curiosity{background:#f6f8f1;border:1px solid #ecf0e4;padding:20px 15px;border-radius:14px;margin-bottom:23px;position:relative}.curiosity>span{font-size:31px;display:block;color:#a0b56a;margin-bottom:10px}.curiosity strong{display:block;font:750 17px/1.5 'Manrope';max-width:150px}.curiosity p{font-size:12px;color:#828b76;margin:9px 0 0}.profile{padding:17px 0 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;width:100%;text-align:left}.avatar{border:0;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;background:#f0eadd;color:#806b44;font-weight:700;flex-shrink:0}.profile strong{font-size:12px}.profile small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.app-shell{margin-left:236px}.topbar{height:88px;border-bottom:1px solid var(--line);padding:0 40px;display:flex;align-items:center;justify-content:space-between;background:#ffffffd9;gap:15px}.breadcrumb{display:flex;gap:18px;font-size:14px;align-items:center}.muted{color:var(--muted)}.divider{color:#c1cbc5}.mini-brand{display:none}.top-stats{display:flex;align-items:center;gap:25px;font-size:13px}.streak-stat,.xp-stat{display:flex;align-items:center;gap:7px;white-space:nowrap}.streak-stat{color:#a9763d}.xp-stat{color:var(--purple)}.xp-stat>span{font-size:24px}.small{width:33px;height:33px;font-size:12px}main{max-width:1450px;padding:36px 40px 20px;margin:auto;min-height:70vh}h1,h2,h3,h4{font-family:'Manrope',sans-serif;margin:0;font-weight:800}h1{font-size:30px;letter-spacing:-1.1px;line-height:1.3}h2{font-size:21px;letter-spacing:-.6px}h3{font-size:18px;letter-spacing:-.5px}p{line-height:1.6}.page-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.page-intro p{color:var(--muted);font-size:14px;margin:8px 0 0}.level-button{border:1px solid #e1e7e1;background:white;border-radius:10px;padding:11px 14px;display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;white-space:nowrap}.level-button svg{width:17px;color:var(--green)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:26px}.feature-quest{min-height:300px;background:#eeeafd;position:relative;border-radius:22px;padding:30px;overflow:hidden;isolation:isolate}.feature-quest:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#efecff 0%,#efecff 33%,#efecff00 65%)}.feature-content{position:relative;z-index:2;width:54%}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.55px;display:flex;align-items:center;gap:7px}.feature-quest .eyebrow{color:#7761ad}.feature-quest h2{font-size:32px;line-height:1.22;letter-spacing:-1px;margin:16px 0 12px;max-width:270px;color:#39315d}.feature-quest p{color:#827892;font-size:14px;margin:0 0 19px;max-width:270px}.feature-image{position:absolute;inset:0 0 0 auto;height:100%;width:57%;object-fit:cover;mix-blend-mode:multiply;z-index:-2}.feature-meta{display:flex;align-items:center;gap:15px;font-size:11px;color:#77658f;margin-bottom:21px}.feature-meta span{display:flex;align-items:center;gap:5px}.feature-meta svg{width:14px;height:14px}.primary{display:inline-flex;justify-content:center;align-items:center;gap:14px;color:white;background:var(--green);border-radius:10px;padding:13px 20px;font-size:14px;font-weight:700;box-shadow:0 3px 0 #106952;transition:transform .15s,background .15s}.primary:hover{background:var(--green-dark);transform:translateY(-1px)}.primary svg{width:17px;height:17px}.primary:active{transform:translateY(2px);box-shadow:none}.secondary{border:1px solid var(--line);background:#fff;border-radius:10px;padding:12px 18px;font-size:14px;font-weight:650}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:30px 0 18px;gap:12px}.section-heading p{font-size:13px;color:var(--muted);margin:5px 0 0}.text-link{color:var(--green);font-size:12px;font-weight:700;display:flex;align-items:center;gap:6px;padding:8px 0;white-space:nowrap}.text-link svg{width:14px}.world-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.world-card{background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden;text-align:left;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;position:relative;padding:0}.world-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #254b3210}.world-art{height:119px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--tint);width:100%}.world-art>svg{width:88px;height:88px;stroke:var(--world);stroke-width:1.6}.world-number{position:absolute;top:11px;left:13px;font-size:9px;letter-spacing:1px;color:var(--world);font-weight:700}.world-art .world-badge{position:absolute;right:9px;bottom:9px;font-size:9px;background:#ffffffc9;padding:4px 6px;border-radius:5px;color:var(--world);font-weight:600}.world-body{padding:17px 15px 15px;width:100%}.world-body h3{font-size:15px}.world-body p{font-size:11px;color:var(--muted);margin:5px 0 18px}.world-footer{display:flex;align-items:center;justify-content:space-between;color:#919b95;font-size:10px}.world-footer svg{width:15px;height:15px;color:var(--world)}.world-progress{height:4px;background:#f0f3f0;margin-top:10px;border-radius:4px;overflow:hidden}.world-progress span{display:block;height:100%;background:var(--world)}.right-rail{display:flex;flex-direction:column;gap:20px}.daily-card{background:#fff;border:1px solid var(--line);padding:22px;border-radius:18px}.rail-label{font-size:11px;font-weight:800;letter-spacing:1px;display:flex;align-items:center;gap:7px}.rail-label svg{width:16px;height:16px;color:#bf9752}.daily-art{width:62px;height:62px;border-radius:19px;background:#fff3d9;color:#cea552;display:grid;place-items:center;margin:20px auto 13px;transform:rotate(-5deg)}.daily-art svg{width:35px;height:35px}.daily-card h3{text-align:center;font-size:17px}.daily-card p{text-align:center;color:var(--muted);font-size:12px;margin:8px 0 13px}.daily-info{display:flex;justify-content:center;gap:10px;font-size:10px;color:#a98c4f;margin-bottom:18px}.daily-card .primary{width:100%;background:#fff;border:1px solid #e1e8e2;box-shadow:0 2px 0 #e8eee8;color:var(--green);padding:11px;font-size:12px}.streak-card{padding:20px;background:#edf6f1;border:1px solid #e2eee5;border-radius:18px}.rail-title{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700}.streak-card p{font-size:11px;color:#7f9887;margin:5px 0 15px}.week-days{display:flex;justify-content:space-between}.week-day{text-align:center;font-size:9px;color:#829989}.day-circle{margin-top:9px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:white;border:1px solid #e0ebe3;color:#afc3b2}.day-circle.done{background:var(--green);color:white;border-color:var(--green)}.day-circle.today{border:1.5px solid var(--green);color:var(--green)}.fact-card{padding:19px 21px;border:1px solid var(--line);border-radius:17px;background:white}.fact-card h3{font-size:12px;display:flex;gap:8px;align-items:center}.fact-card h3 svg{width:18px;color:#c2a462}.fact-card p{font-size:12px;color:#829087;margin:12px 0 0;line-height:1.8}.fact-card strong{color:#526b5b;font-weight:600}.journey-note{display:flex;align-items:center;gap:14px;padding:21px 19px;background:#eff5f2;border:1px solid #e5eee8;border-radius:14px;margin-top:22px}.journey-note>svg{color:var(--green);width:25px;height:25px}.journey-note strong{font-size:12px}.journey-note p{font-size:11px;color:#7f9387;margin:4px 0 0}.journey-note button{margin-left:auto}.ad-area{max-width:1290px;margin:14px 40px 0;border-top:1px solid var(--line);padding:17px 0 5px}.ad-label{text-align:center;letter-spacing:1.8px;font-size:8px;color:#a3aba6;margin-bottom:10px}#ad-content{max-width:728px;min-height:74px;margin:auto;background:#eff2f1;border:1px dashed #dfe6e1;border-radius:9px;display:flex;justify-content:center;align-items:center;gap:16px;color:#9ba69e;font-size:12px}#ad-content small{display:block;font-size:10px;margin-top:6px}.ad-orbit{font-size:37px}.ad-tag{border:1px solid #dbe2dc;font-size:8px;padding:5px;border-radius:4px;margin-left:25px}footer{max-width:1370px;margin:0 auto;padding:18px 40px 25px;display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#9ba69e}footer button{font-size:10px;color:#829088}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);background:#213932;color:white;border-radius:12px;padding:14px 22px;opacity:0;pointer-events:none;transition:.2s;z-index:100;font-size:14px;max-width:90vw}.toast.visible{opacity:1;transform:translate(-50%,0)}.skip-link{position:fixed;top:-100px;left:12px;background:var(--green);color:white;padding:12px;z-index:100}.skip-link:focus{top:12px}dialog{border:1px solid var(--line);padding:30px;border-radius:22px;max-width:540px;width:calc(100% - 32px);color:var(--ink);box-shadow:0 20px 90px #10251d33}dialog::backdrop{background:#172c245e;backdrop-filter:blur(4px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-top h2{font-size:23px}.icon-button{display:grid;place-items:center;min-height:40px;min-width:40px;border:1px solid var(--line);border-radius:10px;background:white}.dialog-copy{color:var(--muted);font-size:14px}.noscript{position:fixed;inset:50% 15%;padding:30px;background:white;border:2px solid var(--green);z-index:200}
@media(min-width:1550px){.dashboard-grid{grid-template-columns:minmax(0,1fr) 310px}.feature-quest{min-height:335px}.feature-quest h2{font-size:37px}.world-art{height:145px}}@media(max-width:1200px){.sidebar{width:205px;padding-left:16px;padding-right:16px}.app-shell{margin-left:205px}.topbar{padding:0 26px}main{padding:28px 26px 15px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 245px;gap:18px}.feature-quest{padding:25px}.feature-quest h2{font-size:28px}.feature-content{width:60%}.world-grid{gap:11px}.world-body{padding:14px 11px}.world-body h3{font-size:14px}.sidebar-label{font-size:8px}.ad-area{margin-left:26px;margin-right:26px}}
@media(max-width:1050px){.right-rail{display:grid;grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.daily-card{grid-row:span 2}.fact-card{display:none}.streak-card{align-self:start}.feature-quest{min-height:285px}.feature-content{width:50%}.world-art{height:125px}.sidebar{width:190px}.app-shell{margin-left:190px}.brand{font-size:25px}.top-stats{gap:15px}.breadcrumb{gap:12px}.breadcrumb .muted{display:none}.sidebar-label{letter-spacing:.7px}.nav-link{padding:14px 12px}.feature-quest h2{font-size:32px}}
@media(max-width:760px){.sidebar{inset:auto 0 0;width:100%;height:72px;padding:0;border:0;border-top:1px solid var(--line);background:#fffffff5;backdrop-filter:blur(12px)}.sidebar>.brand,.sidebar-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;justify-content:space-around;height:100%;align-items:center}.nav-link{padding:9px 12px;font-size:10px;gap:5px;flex-direction:column;min-width:65px;margin:0;border-radius:10px}.nav-link svg{width:20px;height:20px}.nav-end{display:none}.app-shell{margin-left:0;padding-bottom:72px}.topbar{height:70px;padding:0 20px}.breadcrumb>#page-label{display:none}.mini-brand{display:block;font:800 24px Manrope;letter-spacing:-1px;color:var(--green)}.desktop-only{display:none!important}.top-stats{gap:16px;font-size:12px}.top-stats .avatar{display:none}main{padding:25px 20px 12px}.page-intro{align-items:flex-start;gap:10px;margin-bottom:22px}h1{font-size:25px;letter-spacing:-.8px}.page-intro p{font-size:13px;max-width:235px}.level-button{font-size:11px;padding:10px 9px;gap:5px;margin-top:4px}.level-button svg{width:14px}.feature-quest{padding:24px;min-height:282px}.feature-quest h2{font-size:29px;max-width:220px}.feature-content{width:58%}.feature-quest p{font-size:12px;max-width:200px}.feature-image{width:55%;object-position:45%}.feature-meta{font-size:10px;gap:10px}.feature-quest .eyebrow{font-size:9px;letter-spacing:1px}.primary{font-size:13px;padding:12px 15px}.world-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.section-heading{margin-top:25px}.section-heading h2{font-size:19px}.section-heading p{font-size:11px}.world-art{height:100px}.world-art>svg{width:67px;height:67px}.world-body{padding:12px 10px}.world-body h3{font-size:13px}.world-body p{font-size:10px;line-height:1.5;min-height:30px;margin-bottom:11px}.world-number{font-size:8px;left:9px}.world-footer{font-size:9px}.world-art .world-badge{font-size:8px}.right-rail{gap:13px;grid-template-columns:1fr 1fr;margin-top:5px}.daily-card{padding:17px 14px}.daily-card h3{font-size:16px}.daily-card p{font-size:11px}.streak-card{padding:18px 13px;height:100%}.day-circle{width:20px;height:20px;font-size:10px}.rail-title{font-size:12px}.week-day{font-size:9px}.journey-note{padding:16px 13px}.journey-note .text-link{font-size:10px}.ad-area{margin:20px 20px 0;padding-top:15px}#ad-content{font-size:11px;gap:10px;padding:12px}.ad-tag{display:none}.ad-orbit{font-size:28px}#ad-content small{font-size:9px}footer{padding:18px 20px;font-size:9px}footer button{font-size:9px}.toast{bottom:86px}.text-link{font-size:11px}}
@media(max-width:390px){main{padding-left:14px;padding-right:14px}.page-intro h1{font-size:23px}.feature-quest{padding:21px}.feature-content{width:65%}.feature-image{right:-22px}.world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.world-grid .world-card:last-child:nth-child(odd){grid-column:1/-1}.world-art{height:100px}.right-rail{grid-template-columns:1fr}.daily-card{grid-row:auto}.day-circle{width:30px;height:30px}.streak-card p{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Play surfaces */
.level-options,.settings-levels{display:grid;gap:12px}.level-option{width:100%;display:flex;align-items:center;gap:15px;text-align:left;border:1px solid var(--line);border-radius:13px;background:white;padding:16px}.level-option.selected{background:#eef8f2;border:1.5px solid var(--green)}.level-option>span:first-child{font-size:27px;flex-shrink:0}.level-option>span:nth-child(2){flex:1}.level-option>span:last-child{color:var(--green);font-weight:700}.level-option strong{display:block;font-size:15px}.level-option small{display:block;font-size:13px;line-height:1.5;color:var(--muted);margin-top:5px}.quest-toolbar{display:flex;align-items:center;gap:23px;max-width:850px;margin:0 auto 30px}.quest-progress-wrap{flex:1}.quest-progress-label{display:flex;justify-content:space-between;font-size:13px;font-weight:600;margin-bottom:10px}.quest-progress-label>span:last-child{font-weight:400;color:var(--muted)}.quest-progress{height:9px;background:#e4ece6;border-radius:10px;overflow:hidden}.quest-progress>span{display:block;height:100%;background:var(--green);border-radius:10px;transition:width .3s}.quest-level{background:white;border:1px solid var(--line);padding:9px 13px;border-radius:10px;font-size:13px}.quest-surface{max-width:850px;margin:auto;border:1px solid var(--line);border-radius:23px;padding:30px 38px;background:white;box-shadow:0 8px 36px #17392b04}.quest-kicker{display:flex;align-items:center;gap:9px;color:var(--world);font-size:11px;font-weight:800;letter-spacing:1.2px;margin-bottom:17px}.quest-kicker>.icon-button{margin-left:auto;border:none;color:#83968b}.quest-surface h1{font-size:27px;letter-spacing:-.7px;line-height:1.5;outline:none;max-width:720px}.task-instruction{font-size:14px;color:var(--muted);margin:12px 0 25px}.answer-grid{display:grid;gap:13px;margin:26px 0}.answer-option{display:flex;gap:17px;align-items:center;text-align:left;padding:17px 19px;border:1.5px solid #e4eae5;border-radius:12px;min-height:69px;font-size:16px;background:white;transition:.15s}.answer-option:hover{background:#f6faf7;border-color:#b6cebd}.option-letter{font-size:12px;width:29px;height:29px;display:grid;place-items:center;border:1px solid #e1e8e2;border-radius:7px;color:#8e9c92;flex-shrink:0}.answer-option.selected{border-color:var(--green);background:#eff8f2}.answer-option.selected .option-letter{background:var(--green);border-color:var(--green);color:white}.answer-option.correct{background:#e9f7ee;border-color:#3ba56c;opacity:1}.answer-option.incorrect{background:#fff5e9;border-color:#d8a965;opacity:1}.answer-option:disabled{opacity:.75}.option-check{margin-left:auto;flex-shrink:0}.answer-option.correct .option-check:after{content:'✓';font-size:22px;color:var(--green)}.answer-option.incorrect .option-check:after{content:'↺';font-size:22px;color:#b78034}.quest-actions{border-top:1px solid var(--line);padding-top:24px;margin-top:27px;display:flex;align-items:center;justify-content:space-between;gap:15px}.quest-actions>.primary{margin-left:auto}.hint-button{color:#8c9a90;display:flex;align-items:center;gap:8px;font-size:13px}.hint-button svg{width:19px}.hint-button[hidden]{display:none}.quest-reassurance{display:flex;align-items:center;gap:8px;justify-content:center;font-size:12px;color:#8d9c91;margin:21px 0}.quest-reassurance svg{width:16px;height:16px}.cell-explorer{background:#f8fafb;border:1px solid #edf1f0;padding:15px;border-radius:15px}.cell-diagram{width:100%;height:auto;fill:none;stroke:none;overflow:visible}.cell-diagram text{font:14px 'DM Sans';fill:#71878b;stroke:none}.cell-diagram [role=button]{cursor:pointer;outline:none}.cell-diagram [role=button]:hover,.cell-diagram [role=button].selected{filter:drop-shadow(0 0 5px #b89ed2)}.cell-diagram [role=button].selected text{fill:var(--green);font-weight:800}.cell-diagram [role=button]:focus-visible{filter:drop-shadow(0 0 5px #7154ca)}.cell-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:12px}.cell-buttons button{border:1px solid #dce5e1;background:white;border-radius:9px;padding:10px 13px;font-size:13px;min-height:42px}.cell-buttons button.selected{background:#e8f5ed;border-color:var(--green);color:var(--green)}.activity-note{text-align:center;color:#8b9990;font-size:12px;line-height:1.6;margin:16px 0 0}.feedback{display:flex;gap:14px;padding:20px;border-radius:13px;margin-top:24px;text-align:left}.feedback.positive{background:#edf8f0;border:1px solid #dbeddf;color:#306d4c}.feedback.learning{background:#fff6e9;border:1px solid #f1e3ca;color:#8b6d3c}.feedback-icon{width:30px;flex-shrink:0}.feedback strong{font-size:16px;display:block}.feedback strong span{float:right;margin-left:20px;font-size:13px}.feedback p{font-size:14px;line-height:1.8;margin:8px 0 0}.feedback .correct-answer{font-weight:700;font-size:14px}.ordered-chain{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:125px;border:1.5px dashed #cbdccf;background:#f3f8f3;padding:20px;border-radius:15px;margin:25px 0 22px;justify-content:center}.chain-placeholder{color:#99aa9d;font-size:14px}.placed-tile{padding:10px 12px;border:1px solid #a7cbb3;background:white;border-radius:8px;color:var(--green);font-size:14px;display:flex;align-items:center;gap:8px}.placed-tile>span{color:#8bb39b;font-size:12px}.placed-tile small{color:#9eb8a6;margin-left:4px}.chain-arrow{color:#9eb8a6}.order-bank{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.order-tile{padding:14px 16px;border:1px solid #dfe6e1;border-bottom-width:3px;border-radius:10px;background:white;font-size:14px;display:flex;gap:18px;align-items:center;min-height:48px}.order-tile:hover{border-color:#97c3a7}.order-tile span{color:#abb8ad}.order-tile:disabled{opacity:.25}.dna-workspace{padding:24px 10px;background:#f8f6fc;border:1px solid #ece7f3;border-radius:14px;margin:24px 0}.dna-strand{display:flex;justify-content:center;align-items:center;gap:12px}.base{width:48px;height:53px;border-radius:10px;border:1px solid currentColor;display:grid;place-items:center;font:800 22px Manrope;flex-shrink:1;min-width:0}.base-A{background:#e8f2e3;color:#6f9b5a}.base-T{background:#fae7e9;color:#c17984}.base-G{background:#ede6f9;color:#9473c5}.base-C{background:#e3eff8;color:#6d9fbd}.empty-base{color:#c4b9d4;border:1px dashed #c8bcd8;background:white}.next-base{outline:2px solid #b09bd0;outline-offset:3px}.strand-direction{font-size:14px;color:#a299b0;width:21px;flex-shrink:0}.dna-bonds{text-align:center;color:#c0b2d1;font-size:23px;height:35px;overflow:hidden}.base-picker{display:flex;align-items:center;gap:14px;justify-content:center;padding:8px}.base-picker .base{box-shadow:0 3px 0 #dce3db;cursor:pointer}.lab-workspace{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;padding:25px;background:#f3f8f0;border:1px solid #e1ebda;border-radius:16px}.lab-output{text-align:center}.lab-leaf{display:grid;place-items:center;width:75px;height:75px;margin:0 auto 12px;background:#e0efcf;border-radius:50%;color:#71934c}.lab-leaf svg{width:42px;height:42px}.lab-output>strong{display:block;font:800 38px Manrope;color:#4e7944}.lab-output>span{font-size:12px;color:#8b9e7c}.lab-meter{position:relative;background:#d9e6d1;border-radius:8px;height:12px;overflow:hidden;margin:18px 0 10px}.lab-meter>span{display:block;height:100%;background:#85ae67;transition:.15s}.target-zone{position:absolute;left:80%;width:20%;height:100%;border-left:2px dashed #4f7540;top:0}.lab-output small{font-size:12px;color:#73915f}.lab-controls label{display:flex;justify-content:space-between;font-size:13px;color:#688552;margin-bottom:12px}.lab-controls input{width:100%;accent-color:var(--green);margin:0 0 30px;min-height:25px}.lab-controls p{font-size:12px;color:#879c78;margin:0}.result-screen{text-align:center;max-width:790px;margin:0 auto;padding:20px 0 15px}.result-sparkles{color:#bca164;font-size:25px;margin-bottom:12px}.specimen-emblem{font-size:55px;border-radius:32px;width:118px;height:118px;display:grid;place-items:center;margin:0 auto 28px;box-shadow:0 7px 0 #e2e9e1}.result-screen>.eyebrow{justify-content:center;color:var(--green);font-size:11px}.result-screen>h1{font-size:35px;margin:13px 0}.result-screen>p{color:var(--muted);font-size:15px}.result-stats{display:flex;justify-content:space-around;border:1px solid var(--line);border-radius:15px;background:white;padding:22px 12px;margin-top:27px}.result-stats>div{flex:1}.result-stats>div+div{border-left:1px solid var(--line)}.result-stats strong{font:800 27px Manrope;color:var(--green);display:block}.result-stats span{font-size:12px;color:var(--muted);display:block;margin-top:7px}.specimen-reward{display:flex;align-items:center;gap:23px;background:#f2efdf;border:1px solid #e8e4d0;padding:24px;border-radius:16px;text-align:left;margin:24px 0}.specimen-reward>span{font-size:38px}.specimen-reward small{font-size:10px;letter-spacing:1px;color:#a38d54;font-weight:700}.specimen-reward h3{margin:6px 0;font-size:18px}.specimen-reward p{font-size:13px;color:#928b73;margin:0}.result-buttons{display:flex;gap:13px;justify-content:center;flex-wrap:wrap}.result-buttons>.text-link{width:100%;justify-content:center}.review-item{display:flex;align-items:flex-start;gap:15px;text-align:left;background:white;border:1px solid var(--line);padding:22px;margin-top:15px;border-radius:14px}.review-item>span{color:var(--green)}.review-item strong{font-size:14px}.review-item p{font-size:14px;color:var(--muted);margin:10px 0 0}.collection-count{font-size:13px;background:#eaf4ee;color:var(--green);padding:11px 15px;border-radius:10px;white-space:nowrap}.collection-banner{display:flex;align-items:center;gap:22px;padding:25px 28px;background:#eeeefa;border:1px solid #e7e6f6;border-radius:18px;margin-bottom:28px}.collection-banner>svg{width:38px;height:38px;color:#9d88bd}.collection-banner h2{font-size:20px;color:#68577c}.collection-banner p{font-size:14px;color:#9787a8;margin:8px 0 0}.specimen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.specimen-card{border:1px solid var(--line);border-radius:19px;padding:27px 20px;background:white;text-align:center}.specimen-icon{width:90px;height:90px;margin:0 auto 23px;border-radius:26px;display:grid;place-items:center;font-size:40px}.specimen-icon>svg{width:29px;height:29px;color:#b3bcb3}.specimen-card>small{font-size:9px;letter-spacing:1px;color:#9daba0}.specimen-card.earned>small{color:var(--green)}.specimen-card h3{margin:10px 0;font-size:18px}.specimen-card p{font-size:13px;color:var(--muted);min-height:42px}.mastery-levels{display:flex;justify-content:center;gap:10px;margin:18px 0 23px}.mastery-levels>span{background:#f0f3ef;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-size:14px;filter:grayscale(1);opacity:.4}.mastery-levels>.earned-level{opacity:1;filter:none;background:#e6f4ea}.specimen-card .secondary{font-size:12px;display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:43px}.specimen-card .secondary svg{width:15px}.guide-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.guide-tabs>button{display:flex;align-items:center;gap:8px;padding:12px 15px;border:1px solid var(--line);border-radius:10px;background:white;font-size:13px;color:#86988c}.guide-tabs>button.active{color:var(--green);border-color:#acd2b9;background:#eef7f1}.guide-tabs svg{width:18px;height:18px}.guide-article{max-width:930px;border:1px solid var(--line);background:white;border-radius:20px;overflow:hidden;padding:0 30px 25px}.guide-heading{padding:30px;display:flex;gap:22px;align-items:center;margin:0 -30px}.guide-heading>svg{width:57px;height:57px}.guide-heading h2{font-size:26px;margin-top:10px}.guide-heading .eyebrow{font-size:10px}.guide-lead{font-size:17px;line-height:1.9;margin:28px 0;color:#718478}.guide-article>h3{font-size:18px}.glossary{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0 30px}.glossary>div{background:#f7f9f6;border:1px solid #edf1ea;border-radius:12px;padding:20px}.glossary dt{font-weight:700;font-size:15px}.glossary dd{font-size:14px;color:var(--muted);margin:8px 0 0;line-height:1.8}.guide-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px}.source-note{font-size:12px;color:#a0aca2;margin:23px 0 0}.settings-panel{max-width:840px;background:white;border:1px solid var(--line);border-radius:20px;padding:30px}.settings-panel>p{font-size:14px;color:var(--muted);margin:10px 0 25px}.settings-levels{grid-template-columns:1fr 1fr;margin-bottom:28px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:24px 0;border-top:1px solid var(--line)}.setting-row h3{font-size:15px}.setting-row p{font-size:13px;color:var(--muted);margin:7px 0 0}.setting-row>svg{color:#99b2a1}.toggle{height:29px;width:49px;border-radius:20px;background:#d8e2dc;padding:4px;flex-shrink:0}.toggle>span{display:block;width:21px;height:21px;border-radius:50%;background:white;transition:.2s}.toggle.on{background:var(--green)}.toggle.on>span{transform:translateX(20px)}.enabled-pill{background:#eaf5ee;color:var(--green);padding:7px 10px;border-radius:7px;font-size:12px}.settings-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px}.reset-link{font-size:12px;color:#bd8074}.dialog-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px;justify-content:flex-end}.privacy-copy p{font-size:14px;line-height:1.9;color:#7f8e82}.privacy-copy strong{color:var(--ink)}.privacy-copy a{color:var(--green);text-decoration:underline}.publisher-id{overflow-wrap:anywhere}.privacy-copy>.secondary{margin-top:10px}.settings-levels .level-option{align-items:flex-start;padding:15px}.settings-levels .level-option small{font-size:12px}.settings-levels .level-option>span:first-child{font-size:24px}
/* Readable metadata and touch targets. */
.sidebar-label{font-size:10px;line-height:1.6}.curiosity p,.profile small{font-size:12px}.profile strong{font-size:13px}.feature-meta,.world-number,.world-art .world-badge,.world-footer,.daily-info,.week-day,.ad-label,.ad-tag,footer,footer button,.source-note,.specimen-card>small{font-size:12px}.world-body h3{font-size:16px}.world-body p,.daily-card p,.streak-card p,.fact-card p,.journey-note p,.text-link{font-size:13px}.feature-quest p{font-size:15px}.daily-card .primary,.rail-title,.journey-note strong,.fact-card h3{font-size:14px}.world-number{font-size:10px}.world-art .world-badge{font-size:10px}.world-body p{min-height:40px;line-height:1.5;margin-bottom:13px}.profile>span:last-child{display:none}.world-art svg{stroke-width:1.1}.feature-quest .eyebrow svg{width:15px;height:15px}.feature-quest .eyebrow{font-size:11px}.day-circle{width:27px;height:27px}.ad-label{font-size:10px}.profile{gap:8px}.journey-note p{max-width:360px}.curiosity strong{font-size:16px}.right-rail .rail-label{font-size:11px}.world-footer{font-size:11px}.feature-quest{min-height:324px}.feature-image{width:58%;object-position:58% 50%}.ad-area{margin-top:34px}.ad-area:has(ins[data-ad-status="filled"]) #ad-content{display:none}
@media(max-width:1200px){.world-body h3{font-size:14px}.world-body p{font-size:12px}.world-footer{font-size:10px}.feature-image{width:59%}.profile strong{font-size:12px}.profile small{font-size:11px}.feature-content{width:60%}.day-circle{width:25px;height:25px}.daily-card p{font-size:12px}.streak-card p{font-size:12px}.journey-note p{font-size:12px}.journey-note strong{font-size:13px}.journey-note .text-link{font-size:11px}}
@media(max-width:1050px){.specimen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-content{width:50%}.feature-image{width:60%}.settings-levels{grid-template-columns:1fr}.sidebar-label{font-size:9px}.profile small{font-size:10px}}
@media(max-width:760px){.quest-toolbar{gap:13px;margin-bottom:23px}.quest-level{font-size:11px;padding:8px}.quest-progress-label{font-size:11px;gap:8px}.quest-surface{padding:21px 19px;border-radius:17px}.quest-surface h1{font-size:23px}.quest-kicker{font-size:10px;letter-spacing:1px}.task-instruction{font-size:13px;line-height:1.6;margin-bottom:18px}.answer-option{font-size:15px;padding:15px 13px;gap:12px;min-height:65px}.quest-actions{gap:8px}.hint-button{font-size:12px;gap:5px}.quest-actions .primary{font-size:12px;gap:7px}.cell-explorer{padding:10px}.cell-buttons{gap:7px}.cell-buttons button{font-size:12px;flex:1 0 40%;padding:9px}.cell-diagram text{font-size:17px}.quest-reassurance{font-size:11px;gap:5px;text-align:center;line-height:1.6}.feedback{padding:16px 13px;gap:8px}.feedback strong{font-size:15px}.feedback p{font-size:14px}.feedback strong span{float:none;display:block;margin:6px 0 0}.dna-strand{gap:6px}.base{width:38px;height:45px;font-size:20px}.strand-direction{width:17px;font-size:12px}.dna-workspace{padding:20px 7px}.dna-bonds{font-size:19px}.lab-workspace{grid-template-columns:1fr;padding:22px;gap:23px}.lab-output{max-width:250px;margin:auto;width:100%}.lab-controls input{margin-bottom:22px}.lab-controls label{font-size:14px}.result-screen>h1{font-size:29px}.result-screen>p{font-size:14px}.result-stats{padding:20px 8px}.result-stats strong{font-size:23px}.result-stats span{font-size:11px;padding:0 7px;line-height:1.6}.specimen-reward{padding:20px;gap:15px}.specimen-reward h3{font-size:17px}.specimen-reward p{font-size:12px}.collection-count{font-size:11px;padding:9px}.collection-banner{padding:20px;gap:17px}.collection-banner h2{font-size:17px}.collection-banner p{font-size:13px}.specimen-grid{gap:13px}.specimen-card{padding:20px 13px}.specimen-card h3{font-size:16px}.specimen-card p{font-size:12px;min-height:54px}.specimen-card>small{font-size:9px}.specimen-card .secondary{font-size:11px;padding:10px 7px}.specimen-icon{width:76px;height:76px;font-size:33px}.mastery-levels{gap:6px}.guide-tabs{gap:8px}.guide-tabs button{font-size:12px;padding:10px;min-height:42px}.guide-article{padding:0 20px 22px}.guide-heading{margin:0 -20px;padding:24px 20px;gap:15px}.guide-heading h2{font-size:21px}.guide-heading>svg{width:42px;height:42px}.guide-lead{font-size:16px}.glossary{grid-template-columns:1fr}.glossary>div{padding:18px}.guide-bottom{flex-direction:column;align-items:flex-start}.settings-panel{padding:22px 19px}.settings-panel h2{font-size:20px}.settings-panel>p{font-size:13px}.settings-levels .level-option small{font-size:13px}.setting-row{gap:15px}.setting-row p{font-size:13px}.setting-row h3{font-size:15px}.setting-row>div{max-width:85%}.feature-quest{min-height:308px}.feature-content{width:60%}.feature-quest p{font-size:13px;max-width:175px}.feature-quest .eyebrow{font-size:9px}.feature-meta{font-size:10px;gap:9px}.feature-image{width:58%;object-position:52%}.feature-quest:after{background:linear-gradient(90deg,#efecff 0%,#efecff 20%,#efecffb3 43%,#efecff00 68%)}.world-body h3{font-size:14px}.world-body p{font-size:12px;min-height:54px;margin:7px 0 13px}.world-footer{font-size:10px}.world-art .world-badge{font-size:9px}.world-number{font-size:9px}.world-art{height:112px}.world-art>svg{width:75px;height:75px}.journey-note p{font-size:12px}.journey-note .text-link{font-size:11px}.journey-note{flex-wrap:wrap}.journey-note>.text-link{margin-left:38px;padding:0}.right-rail .rail-label{font-size:10px}.daily-info{font-size:10px}.daily-card .primary{font-size:12px}.daily-card p{font-size:12px}.rail-title{font-size:13px}.week-day{font-size:10px}.day-circle{width:23px;height:23px}.streak-card p{font-size:12px}.ad-label{font-size:9px}footer,footer button{font-size:10px}.top-stats{font-size:12px}.nav-link{font-size:11px}.page-intro p{font-size:13px}.level-button{min-height:41px}.source-note{font-size:12px}.text-link{font-size:12px}.feature-meta{flex-wrap:wrap;gap:6px 12px}.collection-banner>svg{flex-shrink:0}}
@media(max-width:420px){.world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.world-grid .world-card:last-child:nth-child(odd){grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.world-grid .world-card:last-child:nth-child(odd) .world-art{height:100%;min-height:140px}.world-body h3{font-size:15px}.world-body p{min-height:36px}.feature-quest h2{font-size:28px}.feature-quest{padding:23px 19px}.feature-content{width:65%}.feature-quest .primary{font-size:12px;gap:9px}.feature-quest p{max-width:177px}.right-rail{grid-template-columns:1fr}.daily-card{display:grid;grid-template-columns:65px 1fr;column-gap:17px;text-align:left}.daily-card .rail-label{grid-column:1/-1;margin-bottom:16px}.daily-art{grid-row:2/5;margin:8px 0;width:62px;height:62px}.daily-card h3,.daily-card p{text-align:left}.daily-info{justify-content:flex-start;margin:0}.daily-card .primary{grid-column:1/-1;margin-top:17px}.streak-card{padding:20px}.day-circle{width:30px;height:30px}.week-day{font-size:12px}.specimen-grid{grid-template-columns:1fr 1fr}.specimen-card h3{font-size:15px}.specimen-card .secondary svg{display:none}.result-stats strong{font-size:22px}.quest-surface{padding:20px 15px}.quest-toolbar>.quest-level{display:none}.quest-progress-label{font-size:12px}.quest-kicker{font-size:9px}.quest-surface h1{font-size:22px}.order-tile{font-size:13px;padding:12px}.placed-tile{font-size:13px}.base{width:34px}.dna-strand{gap:5px}.nav-link{min-width:70px}.feature-image{right:-13px}.level-button{font-size:10px}.page-intro h1{font-size:23px}.page-intro{gap:9px}.page-intro p{font-size:12px}.collection-count{font-size:10px}}

/* A soft scrim keeps the adventure title readable over the island at phone sizes. */
.feature-quest:after{background:linear-gradient(90deg,#efecff 0%,#efecff 30%,#efecffcc 46%,#efecff00 68%)}
@media(max-width:760px){.feature-quest:after{background:linear-gradient(90deg,#efecff 0%,#efecfff5 43%,#efecffb3 63%,#efecff00 87%)}}