.sc-welcome{background:linear-gradient(120deg,#e4f1e9,#fff9e9);margin-bottom:20px}.sc-depth,.sc-world-nav{display:flex;flex-wrap:wrap;gap:10px}.sc-world-nav{margin:20px 0}.sc-world-nav button[aria-pressed=true]{outline:3px solid var(--accent);outline-offset:2px}.sc-world{margin:36px 0}.sc-world-title{display:flex;align-items:center;gap:18px;margin-bottom:18px}.sc-world-title>span:first-child{font-size:44px}.sc-world-title h2,.sc-world-title p{margin:4px 0}.sc-world-title .pill{margin-left:auto}.sc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.sc-mission{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:12px;min-width:0;padding:22px;white-space:normal;color:inherit;background:#fffdf7;border:2px solid #d8d2df}.sc-mission strong{font-size:25px;line-height:1.25}.sc-mission>span:not(.sc-card-art){font-size:18px;line-height:1.5;font-weight:400}.sc-mission small{margin-top:auto;font-size:16px;color:var(--accent)}.sc-card-art{display:flex;align-items:center;width:100%;justify-content:space-between;background:linear-gradient(120deg,#eee4fb,#e4f1e9);border-radius:20px;padding:12px}.sc-host{width:84px;height:84px;min-width:84px}.sc-card-art>span:last-child{font-size:46px}.sc-play-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.sc-play h1{font-size:clamp(26px,4vw,38px)}.sc-steps{display:flex;gap:10px;list-style:none;flex-wrap:wrap;padding:0;margin:24px 0}.sc-steps li{font-size:15px;padding:8px 12px;border-radius:20px;background:#eee8f5}.sc-steps li[aria-current]{background:var(--accent);color:white}.sc-stage{font-size:clamp(20px,2.5vw,25px);line-height:1.65;max-width:900px;margin:auto}.sc-story{display:flex;align-items:center;gap:24px}.sc-guide{width:140px;height:140px;min-width:140px}.sc-options{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.sc-options button{flex:1;min-width:180px;white-space:normal;line-height:1.4}.sc-observation{display:flex;align-items:center;gap:24px;padding:24px;min-height:220px;border-radius:24px;background:linear-gradient(135deg,#e0f0ec,#fff2d0);border:2px solid #b5d1c9}.sc-observe-icon{font-size:80px}.sc-observation h3{margin:0}.sc-fact,.sc-feedback{padding:24px;border-radius:20px;background:#f1edf8;margin:22px 0}.sc-feedback{background:#eaf3e4;border:2px solid #b3c7a3}.sc-reward{text-align:center}.sc-reward>.reward-companion{display:block;margin:0 auto 20px}.sc-reward .row{justify-content:center;margin:20px}.sc-stage>button{margin:12px 0}.sc-play{margin-bottom:30px}.sc-answers{flex-direction:column}.sc-answers button{text-align:left}.sc-stage button:disabled{opacity:.55}.sc-welcome p,.sc-reward p{line-height:1.6}
@media(max-width:900px){.sc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-world-title{flex-wrap:wrap}.sc-world-title .pill{margin-left:0}.sc-play-heading{align-items:flex-start;flex-direction:column}.sc-guide{width:90px;height:90px;min-width:90px}.sc-story{gap:12px}.sc-observation{align-items:flex-start}.sc-observe-icon{font-size:48px}}
@media(max-width:550px){.sc-grid{grid-template-columns:1fr}.sc-mission strong{font-size:24px}.sc-options{flex-direction:column}.sc-options button{width:100%}.sc-observation{flex-direction:column}.sc-story{align-items:flex-start}.sc-steps li{font-size:13px;padding:6px 8px}}
/* Illustrated adventures: every scene has its own atlas cell; diagrams stay editable. */
.sc-illustration{display:block;background-repeat:no-repeat;background-size:300% 200%;aspect-ratio:1;border-radius:24px;background-color:#ede3d6;flex-shrink:0}
.sc-card-picture{width:100%;border-radius:18px;box-shadow:0 5px 14px #46325313}
.sc-mission{overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}
.sc-mission:focus-visible{outline:4px solid var(--accent);outline-offset:4px}
.sc-illustrated-intro{gap:28px;align-items:center;margin:22px 0 30px}.sc-opening{width:min(46%,360px)}
.sc-illustrated-intro>div{flex:1;min-width:0}.sc-illustrated-intro p{font-size:clamp(22px,2.5vw,30px);line-height:1.5;font-weight:650}
.sc-guide-chip{display:flex;align-items:center;gap:10px;font-size:16px;color:#6e5b81}.sc-mini-guide{width:46px;height:46px;min-width:46px;font-size:32px}
.sc-evidence-art{margin:0;min-width:0;width:min(52%,360px);flex-shrink:0}.sc-evidence-art svg{display:block;width:100%;height:auto}.sc-evidence-art figcaption{font-size:16px;line-height:1.3;text-align:center;padding:8px 5px;font-weight:650;color:#5f5473}
.sc-observation{align-items:center;gap:24px}.sc-observation>div{flex:1;min-width:0}.sc-observation .sc-evidence-art{animation:sc-reveal .32s ease-out both}
.sc-comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}.sc-comparison .sc-evidence-art{width:100%}
.sc-notebook-scene{float:right;width:190px;margin:0 0 20px 24px;transform:rotate(2deg)}.sc-notebook-picture{width:100%;box-shadow:0 8px 22px #46325324;border:7px solid white}
.sc-sparkles{display:block;font-size:36px;color:#94701e;letter-spacing:12px;animation:sc-spark .45s ease-out both}.sc-success{border-color:#8eaf78}
.sc-discovery-seal{display:inline-grid;place-items:center;width:94px;height:94px;border:4px double #b18b32;border-radius:50%;color:#8e6a15;background:#fff0bb;font-size:52px;margin:15px;box-shadow:0 8px 18px #98761c1a;animation:sc-spark .45s ease-out both}
.sc-reward>.reward-companion{width:112px;height:112px;background-repeat:no-repeat;aspect-ratio:1}
@keyframes sc-reveal{from{opacity:0;transform:translateY(7px) scale(.98)}to{opacity:1;transform:none}}
@keyframes sc-spark{from{opacity:0;transform:scale(.75) rotate(-8deg)}to{opacity:1;transform:none}}
@media(hover:hover) and (pointer:fine){.sc-mission:hover{transform:translateY(-4px);box-shadow:0 12px 25px #4632531a}}
@media(max-width:650px){.sc-illustrated-intro{flex-direction:column;align-items:stretch}.sc-opening{width:min(100%,360px);align-self:center}.sc-observation{flex-direction:column}.sc-observation .sc-evidence-art{width:min(100%,360px)}.sc-notebook-scene{float:none;width:min(100%,250px);margin:20px auto}.sc-comparison{grid-template-columns:1fr}.sc-comparison .sc-evidence-art{width:min(100%,320px);margin:auto}}
@media(prefers-reduced-motion:reduce){.sc-mission,.sc-mission:hover{transition:none;transform:none}.sc-observation .sc-evidence-art,.sc-sparkles,.sc-discovery-seal{animation:none}.sc-notebook-scene{transform:none}}