/* Shared refinement layer: opaque reading surfaces over slow, optional scenery. */
:root{--paper:#f8f6ed;--sky:#ecf3e7;--land:#e1e9d6;--sun:#f4d88c}
body{isolation:isolate;position:relative;background:var(--paper)}
body[data-theme=blocks]{--sky:#e8f0e3;--land:#dce8d3;--sun:#f2dda8}
body[data-theme=companion]{--sky:#e8f3f0;--land:#d3e8e0;--sun:#f6d7a1}
body[data-theme=paths]{--sky:#f4eddf;--land:#dcebe2;--sun:#e8bd9c}
body[data-theme=pause]{--sky:#eeedf8;--land:#e2ddf0;--sun:#e4d4f1}
.ambience{position:absolute;inset:0 0 auto;height:1100px;max-height:100%;overflow:hidden;pointer-events:none;z-index:-1;background:linear-gradient(180deg,var(--sky),var(--paper) 92%)}
.ambience .cloud{position:absolute;width:145px;height:35px;background:#fffef8;border-radius:100px;opacity:.85;animation:cloud-drift 30s ease-in-out infinite alternate}
.cloud::before,.cloud::after{content:"";position:absolute;background:inherit;border-radius:100%;bottom:10px}.cloud::before{width:58px;height:58px;left:22px}.cloud::after{width:75px;height:75px;right:17px}
.cloud-one{left:4%;top:170px}.ambience .cloud-two{right:7%;top:350px;width:115px;animation-delay:-12s;animation-duration:38s;opacity:.65}
.float-shape{position:absolute;width:25px;height:38px;background:var(--accent);opacity:.14;border-radius:2px 100% 2px 100%;animation:leaf-drift 20s ease-in-out infinite alternate}
.shape-one{left:1.5%;top:480px;rotate:25deg}.shape-two{right:3%;top:170px;rotate:-20deg;animation-delay:-7s!important}.shape-three{right:9%;top:630px;width:18px;height:27px;rotate:35deg;animation-delay:-15s!important}.shape-four{left:8%;top:780px;rotate:-30deg;animation-delay:-3s!important}
.hills{position:absolute;width:120%;height:260px;top:690px;left:-10%;border-radius:50% 50% 0 0;background:var(--land);opacity:.45}
[data-theme=blocks] .float-shape{border-radius:5px;rotate:0deg;width:30px;height:30px;box-shadow:7px 7px 0 #7b90621a}
[data-theme=companion] .float-shape{border-radius:50%;width:25px;height:25px;background:transparent;border:2px solid var(--accent)}
[data-theme=paths] .float-shape{border-radius:8px;rotate:20deg;background:var(--sun);opacity:.6}
[data-theme=pause] .float-shape{clip-path:polygon(50% 0,63% 35%,100% 50%,63% 63%,50% 100%,35% 63%,0 50%,35% 35%);border-radius:0;width:30px;height:30px;opacity:.24}
@keyframes cloud-drift{from{transform:translateX(-15px)}to{transform:translateX(25px)}}
@keyframes leaf-drift{from{transform:translateY(0) rotate(-8deg)}to{transform:translateY(-22px) rotate(15deg)}}
.motion-paused .ambience *{animation-play-state:paused!important}.simple .ambience{display:none}.motion-paused .pip-character,.motion-paused .activity-visual *{animation-play-state:paused!important;transition:none!important}
.hills{mask-image:linear-gradient(#000 20%,transparent 100%)}
.ss-activity button{border-width:2px}
.site-header{min-height:92px;padding-top:10px;padding-bottom:10px;border-color:#bbc9b14d}.brand{gap:9px;font-size:21px}.brand #brand-model{display:inline-block;position:relative;width:62px;height:62px;flex:0 0 62px}.brand #brand-model img,.brand #brand-model canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.brand #brand-model.live img{visibility:hidden}
.intro{padding-top:40px;padding-bottom:34px}.intro h1{font-size:clamp(52px,6vw,76px);font-weight:650}.intro-actions .primary{box-shadow:0 4px 0 #25352317}
.view-controls{display:flex;gap:24px;flex-wrap:wrap}.simple-control{color:var(--ink)}
.world{border:2px solid transparent;box-shadow:0 2px 6px #26332c06}.world[aria-pressed=true]{border-width:2px}.world span{font-weight:650}.world img{height:110px}.world:hover{border-color:var(--accent)}
.room-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:25px;margin-bottom:12px}.room-tools p{font-size:15px;color:var(--muted);margin:0}.room-tools>div{display:flex;gap:8px}.room-tools button{padding:7px 13px;min-height:44px;font-size:15px;background:var(--white)}
.room{margin-top:0;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);box-shadow:0 12px 40px #34412e07;scroll-margin-top:20px}.room-content{padding:24px 28px 28px}.room-art>img{height:300px}.room-caption{padding:28px}.room-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:24px}.room-tabs button{font-size:17px;min-width:0;padding:9px 2px 13px;line-height:1.25}.room-tabs button[aria-selected=true]{font-weight:700}
.words-options{justify-content:space-between}.affirmation{min-height:130px;margin-top:22px;margin-bottom:18px}.panel .quiet-copy{max-width:35ch}.room:has(#tab-play[aria-selected=true]) .room-art>img{height:340px}.room:has(#tab-play[aria-selected=true]) .room-caption{position:sticky;top:20px}
.simple .room{display:block;min-height:0}.simple .room-art{display:block}.simple .room-caption{padding:20px 28px 0}.simple .room-caption .eyebrow,.simple .room-caption>p:last-child{display:none}.simple .room-caption h2{font-size:25px;margin-bottom:0}.simple .room-content{max-width:760px}.simple .room:has(#tab-play[aria-selected=true]) .room-art>img{display:none}
.take-home{margin-top:15px}.grown-ups{background:var(--paper)}.need{border:2px solid var(--line)}.need[aria-pressed=true]{border-width:2px}.need:hover{background:var(--pale)}#need-response{position:sticky;top:0;background:var(--pale);z-index:2;border:1px solid var(--line);border-radius:10px;padding:13px 16px;margin:12px 0 18px;font-size:21px;line-height:1.3}.needs-grid{margin-bottom:20px}
@media(max-width:900px){.room-content{padding:22px}.view-controls{gap:18px}.world img{height:95px}.room-art>img{height:270px}.room-caption{padding:23px}.room:has(#tab-play[aria-selected=true]) .room-art>img{height:300px}}
@media(max-width:640px){.site-header{min-height:0;gap:0;padding-top:8px;padding-bottom:8px}.brand{font-size:20px}.brand #brand-model{width:53px;height:53px;flex-basis:53px}.site-header nav a{padding:8px 0}.intro{padding-top:27px;padding-bottom:24px}.intro-actions{margin-top:18px}.section-heading{flex-wrap:wrap;gap:6px}.section-heading h2{width:100%;font-size:21px}.view-controls{gap:20px}.worlds{gap:9px}.world img{height:87px}.world:last-child img{height:78px}.world span{font-size:16px}.world small{font-size:12px}.room-tools{align-items:flex-start;margin-top:20px;gap:6px;flex-direction:column}.room-tools>div{width:100%}.room-tools button{flex:1;font-size:15px}.room{grid-template-columns:1fr;margin-top:0}.room-art>img{height:190px}.room-caption{padding:18px 21px}.room-caption h2{font-size:26px}.room-content{padding:20px}.room-tabs{gap:4px}.room-tabs button{font-size:16px}.room:has(#tab-play[aria-selected=true]) .room-art>img{height:160px}.room:has(#tab-play[aria-selected=true]) .room-caption>p:last-child{display:none}.simple .room-content{padding:20px}.simple .room-caption{padding:20px 20px 0}.affirmation{min-height:95px;font-size:36px}.ambience{height:1200px}.cloud-one{left:-80px;top:160px}.cloud-two{right:-70px!important;top:400px!important}.float-shape{opacity:.09}.hills{top:850px}.take-home h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.ambience *{animation:none!important}.activity-visual *,.pip-character{transition:none!important}}
@media print{.ambience{display:none}}
@media(max-width:390px){.room-content,.simple .room-content{padding:18px 12px}.ss-build-board{max-width:100%}.room-tabs button{font-size:15px}}
.world-swipe-note{display:none}.activity-instance[hidden]{display:none!important}.print-formats{font-size:14px!important}.take-home{gap:22px}.take-home>div{min-width:0}.take-home .button{flex-shrink:1;max-width:350px}.world img{object-position:center 52%}.room-art>img{object-position:center 55%}.room-art{position:relative}.room-caption h2{max-width:17ch}.room-content{background:#fffef9}.world{background:#fffef9}
@media(max-width:640px){html{scroll-padding-top:84px}.worlds{display:flex;gap:11px;overflow-x:auto;scroll-snap-type:x proximity;padding:3px 3px 12px;margin:0 -3px;scrollbar-width:thin;scrollbar-color:var(--accent) transparent;overscroll-behavior-inline:contain}.world,.world:last-child{display:block;flex:0 0 148px;min-width:0;padding:0 0 13px;text-align:left;scroll-snap-align:start}.world img,.world:last-child img{width:100%;height:93px;margin-bottom:12px;display:block;border-bottom:1px solid var(--line);object-fit:cover}.world span,.world:last-child span{font-size:16px;min-height:40px;display:block;margin:0 10px}.world small,.world:last-child small{font-size:12px;margin:4px 10px 0;display:block}.world-swipe-note{display:block;font-size:13px;color:var(--muted);margin:0 0 10px}.simple .world,.simple .world:last-child{padding:14px 0 12px}.simple .world img,.simple .world:last-child img{display:none}.room-tools{position:sticky;top:0;z-index:10;background:var(--paper);padding:10px 0;margin-top:10px;margin-bottom:0;border-bottom:1px solid var(--line)}.room-tools>p{display:none}.room-tools button{min-height:46px}.room{scroll-margin-top:78px}.room-content{padding-top:14px}.room-tabs{margin-bottom:20px}.take-home .button{max-width:100%;width:100%}.intro{padding-bottom:20px}button,select,[tabindex]{scroll-margin-top:88px}dialog button,dialog [tabindex]{scroll-margin-top:15px}.site-header nav a{min-height:44px;display:flex;align-items:center}.section-heading{margin-bottom:10px}.room:has(#tab-play[aria-selected=true]) .room-art>img{height:155px}}

/* The interface sits beside the miniature sets like painted workshop cards. */
:root{--paper:#f5f1e7;--sky:#e5eadd;--land:#cdd7be;--sun:#e2c68c}
body[data-theme=blocks]{--sky:#e1e7d8;--land:#c9d6b9;--sun:#dec496}
body[data-theme=companion]{--sky:#dfe9e5;--land:#c3d7ce;--sun:#e3c29a}
body[data-theme=paths]{--sky:#eae5d6;--land:#cbd9cc;--sun:#c7a17e}
body[data-theme=pause]{--sky:#e6e3ed;--land:#d1cadc;--sun:#d6c39a}
.world{border-radius:11px 14px 10px 13px;border-color:#c5c4b68a;box-shadow:0 3px 0 #7369511c,0 8px 16px #3d443405;background:#fbf8ef}
.world[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--accent),0 3px 0 #7369511c}
.world img{border-radius:8px 11px 0 0}
.room{border-color:#bfc2af;border-radius:19px 23px 18px 21px;box-shadow:0 4px 0 #71695117,0 15px 30px #34412e08}
.room-content{background:#fcf9f0}.room-caption{border-top:1px solid #ffffff73}
.room-tabs{border-color:#c1c4b2}.room-tabs button[aria-selected=true]{border-bottom-color:var(--accent)}
.room-tools button,.intro-actions button,.take-home .button{border-radius:9px 12px 8px 10px;box-shadow:inset 0 1px 0 #ffffff8c,0 2px 0 #625b4520}
.intro-actions .primary{box-shadow:inset 0 1px 0 #ffffff24,0 3px 0 #39432c2b}
.ambience .cloud{box-shadow:inset 0 -4px 0 #c8d3bc2c}.float-shape{box-shadow:inset -2px -2px 0 #283d2320}
.need{border-radius:11px 14px 10px 12px;box-shadow:inset 0 1px 0 #ffffffc2,0 2px 0 #625b4514}
.simple .world,.simple .room,.simple .room-tools button{box-shadow:none}