*{box-sizing:border-box}body{margin:0;background:#fff9ec;color:#294f46;font:16px system-ui,sans-serif}a{color:inherit}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:4px solid #df9a3d;outline-offset:3px}button:disabled{cursor:default}[hidden]{display:none!important}.island-header{display:flex;justify-content:space-between;align-items:center;padding:12px 5%;background:#fffdf8;border-bottom:1px solid #e4ead8}.island-header a{text-decoration:none;font-weight:800}.island-header img{width:29px;vertical-align:middle;margin-right:7px}main{max-width:1120px;margin:auto;padding:22px}.island-title{text-align:center}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:#658e78;font-weight:800;margin:4px 0}.island-title h1{font-size:clamp(34px,6vw,57px);letter-spacing:-.04em;margin:0;color:#31664f}.island-title p{font-size:16px;max-width:660px;margin:8px auto 18px;line-height:1.6}.levels{display:flex;gap:10px;justify-content:center;margin:0 auto 20px;max-width:780px}.levels button{flex:1;border:2px solid #d7e5c4;border-radius:18px;padding:13px 10px;background:#f7faee;font-weight:750}.levels strong,.levels span{display:block}.levels span{font-size:12px;font-weight:500;margin-top:5px}.levels .selected{background:#ffe5ac;border-color:#d6a85b;box-shadow:0 4px 0 #ddb16b55}.map-layout{display:grid;grid-template-columns:minmax(0,660px) 1fr;gap:22px;align-items:start}.map-shell{background:#d2f2ed;border-radius:30px;padding:7px;box-shadow:0 12px 35px #54886d1f;overflow:hidden;border:2px solid #c7e1cf}.island-map{position:relative;aspect-ratio:4/5;background:#bce9df url('island-desktop.webp') center/100% 100% no-repeat;border-radius:24px;overflow:hidden}.map-pin{position:absolute;transform:translate(-50%,-50%);z-index:3;border:0;background:none;padding:0;width:114px;display:flex;align-items:center;flex-direction:column;gap:4px}.pin-disc{width:46px;height:46px;border-radius:50%;background:#fff5d8;border:3px solid white;box-shadow:0 4px 0 #477c6555,0 5px 15px #294f4625;display:grid;place-items:center;font-size:20px;font-weight:850;color:#386b53}.pin-label{font-size:11px;font-weight:800;background:#fffdf3ed;padding:4px 7px;border-radius:9px;box-shadow:0 2px 6px #44694312;max-width:114px;text-align:center}.map-pin:disabled .pin-disc{background:#dbe4d1;color:#7f9986;font-size:15px}.map-pin:disabled .pin-label{color:#6f8677;background:#fffdf0d4}.map-pin.done .pin-disc{background:#548c69;color:#fff8d9}.map-pin.current .pin-disc{background:#ffe2a0;border-color:#fff9d3;animation:pulse 2.5s infinite}.explorer{position:absolute;width:43px;height:54px;transform:translate(-50%,-50%);pointer-events:none;z-index:4;filter:drop-shadow(0 3px 2px #365d4940)}.explorer img{width:100%;height:100%}.island-map.finished:after{content:'';position:absolute;left:52%;top:3%;width:28%;height:24%;background:radial-gradient(ellipse,#fff3aacc,transparent 70%);pointer-events:none;mix-blend-mode:screen;animation:pulse 3s infinite}.map-caption{padding:9px 7px;text-align:center;font-size:13px;font-weight:750}.island-panel{border-radius:24px;background:#f1f6e7;border:2px solid #dce7ca;padding:22px}.island-panel h2{margin:0;font-size:26px}.age-label{font-size:13px;color:#6d8270;margin:6px 0 18px}.mission{font-size:21px;font-weight:750;line-height:1.4}.primary,.secondary{display:block;width:100%;padding:14px;border-radius:15px;border:2px solid #42775e;background:#42775e;color:white;font-weight:750;text-align:center;text-decoration:none;margin:10px 0}.secondary{background:#fffdf4;color:#3a6854;border-color:#becfb4}.small-copy{font-size:13px;line-height:1.65;color:#627560}.parent-info{margin-top:25px;line-height:1.7;font-size:14px}.parent-info summary{font-weight:700;cursor:pointer}.parent-info h2{font-size:20px}.topic-links{display:flex;gap:8px;flex-wrap:wrap}.topic-links a{padding:8px 11px;border-radius:12px;background:#eef5df;text-decoration:none;border:1px solid #d3dfbe}.task-wrap{max-width:760px;margin:0 auto}.task-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:0 0 12px}.task-toolbar button{border:1px solid #d5dfc8;border-radius:12px;padding:9px 13px;background:#fffdf4}.task-toolbar strong{font-size:17px}.question-card{background:#fffefa;border:2px solid #d9e6ca;border-radius:26px;padding:25px;box-shadow:0 12px 30px #5e875712}progress{width:calc(100% - 75px);height:8px;accent-color:#6b9c75}#task-count{display:inline-block;width:65px;text-align:right;font-size:13px}#task-kicker{font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:#738865;margin:20px 0 8px}#question{font-size:clamp(22px,4vw,29px);line-height:1.4;margin:0 0 22px;outline:none}.options{display:grid;gap:10px}.option{background:#f1f7e8;border:2px solid #d1dfbf;border-radius:16px;padding:15px 18px;font-size:18px;text-align:left;line-height:1.4;font-weight:650;min-height:54px}.option:hover:not(:disabled){border-color:#6c987b;background:#eaf2de}.option.picked{background:#ffedbd;border-color:#d9b16d}.option.correct{background:#dcefcf;border-color:#7aa76a}.option.incorrect{background:#f8e8db;border-color:#d7aa86}.task-feedback{margin:16px 0 0;font-size:16px;line-height:1.65}.task-feedback:empty{display:none}.task-feedback.good,.task-feedback.explain{background:#fff2d6;padding:15px;border-radius:15px}#task-next{max-width:240px;margin:20px 0 0 auto}.result-wrap{max-width:760px;margin:auto}.result-icon{font-size:45px}#result-title{font-size:32px;margin:10px 0;outline:none}#result-copy{line-height:1.7}.stat-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #d9e4c9}#home-tip{padding:15px;background:#fff0ca;border-radius:14px;line-height:1.6}#test-solutions details{padding:12px 0;border-bottom:1px solid #e0e7d6}#test-solutions summary{cursor:pointer;font-weight:650}#test-solutions p{font-size:14px;line-height:1.7}@keyframes pulse{50%{filter:brightness(1.12);box-shadow:0 0 0 7px #ffe8ac35}}@media(max-width:740px){main{padding:12px}.island-title h1{font-size:38px}.island-title p{font-size:13px;margin:5px auto 13px}.levels{gap:6px;margin-bottom:12px}.levels button{padding:10px 4px;font-size:12px;border-radius:13px}.levels span{font-size:11px}.map-layout{display:flex;flex-direction:column;gap:13px}.map-shell{width:100%;padding:4px;border-radius:24px}.island-map{border-radius:19px}.island-panel{width:100%;padding:17px}.island-panel h2{font-size:22px}.age-label{margin:3px 0 10px}.mission{font-size:18px;margin:8px 0}.pin-disc{width:38px;height:38px;font-size:17px}.map-pin{width:105px}.pin-label{font-size:10px;max-width:105px;padding:3px 6px}.explorer{width:34px;height:44px}.map-caption{font-size:12px;padding:7px}.question-card{padding:18px;border-radius:22px}#question{font-size:22px;margin-bottom:18px}.option{font-size:16px;padding:13px;min-height:49px}.task-toolbar strong{font-size:15px}.task-toolbar button{font-size:13px;padding:8px 10px}.task-feedback{font-size:14px;line-height:1.55}.island-header{padding:10px 14px;font-size:14px}.parent-info{font-size:13px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}

.map-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}.map-heading h1{font-size:clamp(23px,4vw,33px);margin:0}.map-heading span{font-size:13px;color:#71816a}.island-cards{display:grid;gap:18px;max-width:940px;margin:24px auto}.island-card{display:grid;grid-template-columns:160px 1fr;gap:22px;background:#f3f7e9;border:2px solid #d8e6ca;border-radius:24px;padding:14px;text-decoration:none;align-items:center}.island-card:hover{border-color:#91b18a}.island-card img{width:160px;height:175px;object-fit:cover;border-radius:17px}.island-card h2{margin:5px 0;font-size:26px}.island-card p{line-height:1.6;margin:7px 0}.card-age{font-size:13px;font-weight:800;color:#6c805b}.card-go{display:inline-block;background:#42775e;color:white;padding:9px 15px;border-radius:12px;font-weight:700}.hub-intro{max-width:700px;margin:10px auto;line-height:1.6;text-align:center}@media(max-width:740px){.island-map{background-image:url('island-mobile.webp')}.map-heading{margin-bottom:9px}.map-heading h1{font-size:24px}.map-heading span{font-size:12px}.island-card{grid-template-columns:105px 1fr;gap:13px;padding:10px;border-radius:20px}.island-card img{width:105px;height:158px}.island-card h2{font-size:20px}.island-card p{font-size:13px;margin:5px 0;line-height:1.5}.card-age{font-size:12px}.card-go{font-size:13px;padding:7px 11px}.island-cards{gap:12px;margin:18px auto}.hub-intro{font-size:14px}.island-title h1{font-size:32px}}

body[data-level="1"] .island-map{background-image:url('island-forest-desktop.webp')}body[data-level="2"] .island-map{background-image:url('island-rock-desktop.webp')}.learning-copy{max-width:880px;margin:40px auto 18px;line-height:1.8;font-size:16px}.learning-copy h2{font-size:24px;line-height:1.35;margin:27px 0 10px}.learning-copy p{margin:10px 0 16px}.learning-copy a{text-decoration-thickness:1px;text-underline-offset:3px}.map-intro{font-size:13px;line-height:1.5;margin:0 0 14px;color:#687b60}.map-heading{margin-bottom:5px}body[data-level="1"] .island-map.finished:after{left:67%;top:0}body[data-level="2"] .island-map.finished:after{left:69%;top:0}@media(max-width:740px){body[data-level="1"] .island-map{background-image:url('island-forest-mobile.webp')}body[data-level="2"] .island-map{background-image:url('island-rock-mobile.webp')}.learning-copy{font-size:14px;line-height:1.8;margin-top:30px}.learning-copy h2{font-size:21px}.map-intro{font-size:12px;margin-bottom:10px}.map-heading span{max-width:44%;text-align:right}}
/* Department chooser: compare all three adventures in one row. */
.life-hub main{max-width:1160px;margin:auto;padding:26px 24px 45px}.life-hub .island-title{margin:0 0 12px}.life-hub .island-title .eyebrow{font-size:12px;letter-spacing:.13em;margin:0 0 10px}.life-hub .island-title h1{font-size:clamp(29px,4vw,42px);line-height:1.18;margin:0 0 12px}.life-hub .hub-intro{max-width:850px;font-size:16px;margin:10px auto 24px}.life-hub .island-cards{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none;gap:20px;margin:24px 0}.life-hub .island-card{display:flex;flex-direction:column;align-items:stretch;gap:0;min-width:0;padding:0;border:4px solid white;border-radius:24px;overflow:hidden;background:#f0f4e5;box-shadow:0 2px 10px #315e4b08}.life-hub .island-card:nth-child(2){background:#e4eee8}.life-hub .island-card:nth-child(3){background:#f5e9d5}.life-hub .island-card:hover{border-color:white;box-shadow:0 5px 17px #315e4b1c}.life-hub .island-card:focus-visible{outline:3px solid #315e4b;outline-offset:4px}.life-hub .island-card img{width:100%;height:190px;object-fit:cover;object-position:center 48%;border-radius:0;border-bottom:4px solid white}.life-hub .island-card>div{padding:20px;display:flex;flex-direction:column;flex:1}.life-hub .card-age{font-size:12px;line-height:1.5}.life-hub .island-card h2{font-size:25px;line-height:1.2;margin:9px 0 11px;min-height:2.4em}.life-hub .island-card p{font-size:15px;line-height:1.6;margin:0 0 20px}.life-hub .card-go{align-self:flex-start;margin-top:auto;font-size:16px;padding:10px 16px}.life-hub .learning-copy{margin-top:32px}@media(max-width:899px){.life-hub .island-cards{grid-template-columns:1fr}.life-hub .island-card{display:grid;grid-template-columns:160px 1fr}.life-hub .island-card img{height:100%;min-height:210px;border-bottom:0;border-right:4px solid white}.life-hub .island-card h2{min-height:0;font-size:24px}.life-hub .island-card>div{padding:17px}}@media(max-width:540px){.life-hub main{padding:20px 14px 32px}.life-hub .island-title h1{font-size:30px}.life-hub .island-title .eyebrow{font-size:10px}.life-hub .hub-intro{font-size:14px;margin-bottom:20px}.life-hub .island-cards{gap:14px;margin:20px 0}.life-hub .island-card{grid-template-columns:104px 1fr;border-radius:20px}.life-hub .island-card img{min-height:230px}.life-hub .island-card>div{padding:13px}.life-hub .card-age{font-size:11px}.life-hub .island-card h2{font-size:21px;margin:8px 0}.life-hub .island-card p{font-size:13px;line-height:1.5;margin-bottom:13px}.life-hub .card-go{font-size:14px;padding:9px 12px}}
/* Match department headers to the shared portal, rather than game screens. */
.life-hub .island-title{text-align:left;margin:0}.life-hub .island-title h1{font-size:clamp(1.65rem,4vw,2.4rem);line-height:1.15;margin:10px 0 14px;color:#438eae;letter-spacing:-.035em}.life-hub .hub-intro{text-align:left;max-width:none;margin:0 0 24px;color:#536b7c;line-height:1.6}.life-hub .p-back{display:inline-block;margin:0 0 12px;color:#3b647c;font-size:16px}.life-hub main{padding-top:24px}.life-hub .site-header .brand{color:#226c88}.life-hub .site-header .brand strong{color:inherit}
