/* The same Fairest palette, with room for a little play. */
.play-intro,.play-mission,.shared-room,.keepsake-shelf{border-radius:24px;margin:0 0 24px;overflow:hidden;border:1px solid #cbd8cf;background:#fffdfa;color:#2a332d;box-shadow:0 12px 35px #34463a09}
.play-intro{padding:28px;background:#d5e6da;position:relative}.play-intro h2{font:700 clamp(28px,4vw,38px)/1.14 Manrope,sans-serif;letter-spacing:-1.2px;margin:16px 0}.play-intro>p:not(.play-kicker){font-size:16px;line-height:1.65;max-width:440px}.play-kicker{font-size:12px;font-weight:700;letter-spacing:1.2px;color:#4e5d53;margin:0}.play-intro-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.play-intro-actions .primary{min-height:48px}.play-footnote{font-size:14px!important;color:#49554d;margin-bottom:0}
.play-mission{padding:24px}.play-mission h2{font:700 28px/1.2 Manrope,sans-serif;letter-spacing:-.8px;margin:14px 0}.play-mission>p{font-size:16px;line-height:1.6;color:#4f5a53}.mission-title{display:flex;gap:14px;align-items:center;justify-content:space-between}.mission-count{padding:8px 12px;border-radius:24px;background:#e0ebe4;font-size:14px;white-space:nowrap}.play-mission progress{width:100%;height:12px;accent-color:#4b6d57;margin:6px 0 20px;border:0;border-radius:12px;overflow:hidden;background:#e3eae5}.play-mission progress::-webkit-progress-bar{background:#e3eae5}.play-mission progress::-webkit-progress-value{background:#4f6b58;border-radius:12px;transition:width .5s}.mission-steps{display:grid;gap:12px}.mission-step{display:grid;gap:9px;padding:16px;border:1px solid #d2dcd6;border-radius:16px;background:#f3f9f5}.mission-step strong{font-size:16px;line-height:1.5;overflow-wrap:anywhere}.mission-person{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#4e5d53}.mission-step button{justify-self:start;min-height:44px}.mission-wait{font-size:14px;color:#525c56}.step-done{background:#edf1df;border-color:#d0dbb6}.celebration-slip{margin-top:22px;padding:18px;border-radius:16px;background:#f4e3e8;display:grid;gap:8px}.celebration-slip>span{font-size:12px;letter-spacing:1px;font-weight:700;color:#785061}.celebration-slip strong{font:600 20px/1.3 Manrope,sans-serif;overflow-wrap:anywhere}.celebration-slip small{font-size:14px;line-height:1.5;color:#505b54}.mission-complete{border-color:#b9c88e}.mission-complete .mission-count{background:#dfe9bd}.play-mini{display:flex;width:100%;justify-content:space-between;gap:12px;padding:18px 20px;margin-bottom:20px;background:#d5e6da;border:1px solid #bad0c1;border-radius:16px;text-align:left;font-size:16px;color:#34463a;min-height:52px}
.energy-picker{margin-bottom:24px}.energy-picker p{font-size:16px;font-weight:600}.energy-picker>div{display:flex;gap:6px;flex-wrap:wrap}.energy-picker button{border:1px solid #c6d4cb;border-radius:30px;padding:10px 13px;min-height:44px;background:#fffdfa;color:#3f4f44;font-size:14px}.energy-picker button[aria-pressed=true]{background:#405848;color:white;border-color:#405848}.energy-picker small{display:block;margin-top:12px;font-size:14px;line-height:1.5;color:#4f5a53}
.math-prompts summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:16px}.math-prompts label{margin-top:16px}.play-check{display:flex!important;flex-direction:row;align-items:flex-start;line-height:1.6;font-size:14px!important}.play-check input{width:20px!important;min-width:20px;min-height:20px!important;margin-top:2px;accent-color:#4b6d57}.house-form input[type=range]{padding:0;accent-color:#4b6d57;border:0}#math-value{font-size:32px;font-weight:700;color:#405848}.math-reveal{text-align:center;padding:16px 0}.math-total{display:block;font:800 clamp(56px,18vw,92px)/1.2 Manrope,sans-serif;color:#405848;letter-spacing:-4px;margin:16px 0}.math-reveal>p{font-size:16px;line-height:1.6}.math-people{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.math-people>div{display:grid;gap:8px;padding:18px;background:#dfebe3;border-radius:18px}.math-people>div:nth-child(2){background:#e8edd7}.math-people strong{font-size:28px}.math-people span{font-size:16px;overflow-wrap:anywhere}.answer-card{padding:18px;border:1px solid #d2dcd6;border-radius:16px;margin-bottom:14px}.answer-card h3{font-size:18px;margin:0 0 12px}.answer-card p{font-size:16px;line-height:1.6;overflow-wrap:anywhere}
.mission-picker{display:grid;gap:12px}.mission-option{padding:20px;border:1px solid #c2d3c8;border-radius:18px;display:grid;grid-template-columns:40px 1fr;gap:8px 14px;text-align:left;background:#e2ede6;color:#323f36}.mission-option:nth-child(2){background:#edf0dd}.mission-option:nth-child(3){background:#f7e6e1}.mission-option strong{font-size:19px;line-height:1.3}.mission-option small{grid-column:2;font-size:14px;line-height:1.5}.theme-mark{grid-row:1/3;font-size:20px;align-self:center;font-weight:700}
body[data-screen=rocco] .workspace .view{width:560px;max-width:100%;padding-top:0}body[data-screen=rocco] .page-footer{width:auto}.room-picture{height:310px;position:relative;isolation:isolate;overflow:hidden}.room-picture>img{width:100%;height:100%;object-fit:cover;transition:filter .6s,transform 1s}.room-picture:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#151c1875,transparent 40%,#151c1888);z-index:0;pointer-events:none}.mood-dusk .room-picture>img{filter:sepia(.25) saturate(.8) brightness(.7)}.mood-garden .room-picture>img{filter:saturate(1.2);transform:scale(1.12);object-position:75% center}.room-chapter{position:absolute;top:20px;left:20px;right:20px;color:white;font-size:12px;letter-spacing:1px;z-index:1;line-height:1.5}.room-caption-card{position:absolute;bottom:20px;left:20px;right:20px;z-index:1;color:white;display:grid;gap:8px}.room-caption-card strong{font:700 28px/1.15 Manrope,sans-serif}.room-caption-card span{font-size:14px;line-height:1.5}.room-body{padding:24px}.room-body h2,.keepsake-shelf h2{font:700 24px/1.2 Manrope,sans-serif;margin:0 0 12px}.room-body p{font-size:16px;line-height:1.6}.room-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:20px}.room-choice{border:1px solid #cbd8cf;border-radius:14px;padding:12px 8px;background:#fffdfa;color:#3e4d43;display:flex;flex-direction:column;align-items:center;gap:8px}.room-choice[aria-pressed=true]{outline:2px solid #4b6d57;outline-offset:1px}.room-choice:disabled{opacity:1;color:#626f66;background:#eef2ef;cursor:default}.room-choice strong{font-size:14px;line-height:1.4}.room-choice small{font-size:12px;line-height:1.4}.room-swatch{width:32px;height:32px;border-radius:50%;background:#efcd8e;flex-shrink:0}.swatch-dusk{background:#728578}.swatch-garden{background:#a8bf88}.keepsake-shelf{padding:24px}.keepsake-shelf>p{font-size:16px;line-height:1.6}.keepsake-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.keepsake{background:#e2ede6;border-radius:16px;padding:16px;display:grid;gap:8px;text-align:center}.keepsake>span{font-size:26px;color:#516557}.keepsake strong{font-size:14px;line-height:1.5}.keepsake small{font-size:12px;color:#4f5c54}.play-tools{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.play-tools button{min-height:44px}.sound-switch{border:1px solid #c6d4cb;background:#fffdfa;border-radius:24px;min-height:40px;padding:8px 12px;color:#3f4f44;font-size:12px;white-space:nowrap}
@keyframes rocco-work{0%,100%{rotate:0deg}25%{rotate:-5deg}75%{rotate:5deg}}.no3d .rocco-working .rocco-fallback{animation:rocco-work .8s ease-in-out 3}
@media(max-width:650px){.play-intro,.play-mission{padding:22px 18px}.play-intro h2{font-size:30px}.play-mission h2{font-size:26px}.room-picture{height:270px}.room-body,.keepsake-shelf{padding:20px 16px}.room-choices{grid-template-columns:1fr}.room-choice{display:grid;grid-template-columns:34px 1fr;text-align:left;column-gap:12px;justify-items:start;padding:14px}.room-swatch{grid-row:1/3}.room-choice small{grid-column:2}.sound-switch{font-size:12px;padding:7px 9px}.studio-header .top-actions{gap:5px}.studio-header .sync-status{max-width:78px}body[data-screen=rocco] .workspace .view{padding-top:0}.play-intro-actions{align-items:stretch;flex-direction:column}.play-intro-actions .primary{justify-content:center}.energy-picker button{flex:1;padding:10px 8px}.mission-title .play-kicker{font-size:11px}.math-total{letter-spacing:-3px}}
@media(prefers-reduced-motion:reduce){.room-picture>img,.play-mission progress::-webkit-progress-value{transition:none}.rocco-working .rocco-fallback{animation:none!important}}
body.reduce-motion .room-picture>img,body.reduce-motion .play-mission progress::-webkit-progress-value{transition:none}body.reduce-motion .rocco-working .rocco-fallback{animation:none!important}
/* Speech appears at full contrast, including during celebration transitions. */
#rocco-note{transition:none}