/* Story-first layout. Same warm brand palette on phone, desktop and keepsakes. */
.pace-picker{display:flex;flex-wrap:wrap;gap:8px 22px;border:1px solid var(--line);border-radius:12px;padding:12px 18px;margin:18px 0;background:var(--cream)}
.pace-picker legend{font-size:14px;padding:0 6px;color:var(--cocoa-dark)}
.pace-picker label{display:flex;align-items:center;gap:7px;min-height:44px;font-size:14px;cursor:pointer}
.pace-picker input{accent-color:var(--cocoa);width:18px;height:18px}
@media(min-width:701px){
 .selected-overview>.home-quick-start{display:grid;grid-template-columns:minmax(100px,.7fr) minmax(260px,1.3fr) auto;gap:16px;align-items:center}
 .selected-overview>.home-quick-start .pace-picker{margin:0;padding:4px 12px;gap:0 14px}
 .selected-overview>.home-quick-start .pace-picker label{font-size:13px;min-height:38px}
 .selected-overview>.home-quick-start .primary{max-width:none;font-size:14px;padding:12px 18px;min-height:48px}
}
@media(min-width:701px) and (max-width:1050px){
 .selected-overview>.home-quick-start{grid-template-columns:minmax(0,1fr) auto;gap:12px}
 .selected-overview>.home-quick-start>span{grid-column:1/-1}
}
.collection-fold{margin-top:16px;border-top:1px solid var(--line);padding-top:8px}
.collection-fold summary,.share-more summary,.companion-fold summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px;font-size:14px;color:var(--cocoa-dark)}
.collection-fold summary:after,.share-more summary:after,.companion-fold summary:after{content:'＋';margin-left:auto}
.collection-fold[open] summary:after,.share-more[open] summary:after,.companion-fold[open] summary:after{content:'−'}
body[data-screen="play"] .brand-ribbon,body[data-screen="play"] .site-tools,body[data-screen="play"] .site-footer{display:none}
body[data-screen="play"] .site-header{height:64px}
body[data-screen="play"] .brand small{display:none}
.game-top .chapter{display:flex;flex-direction:column;gap:4px;text-align:left}
.game-top .chapter>span{font-size:20px;font-weight:700;color:var(--cocoa-dark)}
.game-top .chapter small{font-size:12px;font-weight:400;color:var(--muted)}
.life-chapters{display:flex;gap:8px;margin:16px 0 20px}
.life-chapters>span{flex:1;min-width:0;color:var(--muted)}
.life-chapters i{display:block;height:4px;background:var(--line);border-radius:3px;margin-bottom:6px}
.life-chapters .done i{background:#b6a386}.life-chapters .current i{background:var(--cocoa)}
.life-chapters small{font-size:11px}.life-chapters .current small{color:var(--cocoa-dark);font-weight:700}
.game-shell .game-top{position:static;top:auto;min-height:60px}
.game-shell .question-text{font-size:19px;line-height:1.8;margin:12px 0 20px}
.game-shell .question-category{font-size:13px}
.game-shell .scenario-label{font-size:12px;margin:12px 0 0;color:var(--muted)}
.game-shell .dog-panel{position:static}
.companion-fold{border-top:1px solid var(--line);margin-top:8px}
.companion-fold .dog-interaction-controls{padding:0 0 10px}
.companion-fold .dog-interaction-controls button{min-height:44px;font-size:14px}
.companion-fold summary{padding:0 6px}
.game-shell .option.has-choice-image.is-recorded{border:2px solid var(--cocoa);background:#eee1cc;opacity:1;box-shadow:0 0 0 2px #b98d4f18}
.choice-confirmation{font-size:14px;margin:12px 0 0;color:var(--cocoa-dark)}
.story-recall{border-left:2px solid #cbb38c;padding:0 12px;margin:0 0 14px;font-size:13px;color:var(--muted)}
.story-recall summary{cursor:pointer;min-height:36px;line-height:36px}.story-recall p{margin:4px 0 10px;line-height:1.8}
.chapter-pause h3{font-size:27px;margin:12px 0;color:var(--cocoa-dark)}
.chapter-pause>p{line-height:1.9}.chapter-next{font-size:13px;color:var(--muted)}
.chapter-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.chapter-actions>*{flex:1;min-width:180px}
.save-exit{display:block;margin:12px auto}.save-status{font-size:13px;line-height:1.8;color:var(--muted)}
.care-highlights{list-style:none;padding:0;margin:12px 0}
.care-highlights li{padding:12px 14px;background:var(--milk);border-left:3px solid #b99b6b;margin:10px 0;border-radius:0 8px 8px 0}
.care-highlights small{font-size:12px;color:var(--muted)}.care-highlights p{margin:5px 0 0;line-height:1.8}
.personal-care{margin:12px 0 20px}.personal-care h3{font-size:19px}.personal-care>p{font-size:14px}
.result-information .cost-breakdown{font-size:14px}
.result-information .fatal-learning{border:0;background:transparent;padding:0}
.result-information .fatal-learning .recommended-choice{background:var(--milk);border-left:3px solid var(--cocoa);border-radius:0 8px 8px 0}
.result-card-actions .primary{min-height:48px;font-size:15px;justify-content:center}
.result-card-actions .share-more{flex-basis:100%;text-align:left;border-top:1px solid var(--line);margin-top:8px}
.result-card-actions .share-more button{margin:5px 8px 5px 0}
.game-bottom{font-size:12px}.start-note small{font-size:12px}
button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #92652f;outline-offset:4px}
@media(min-width:1000px){
 .game-shell .game-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px}
 .game-shell .option.has-choice-image{font-size:16px;line-height:1.7}
 .game-shell .question-top{padding:0 0 10px}
 .game-shell .dog-details{padding:12px 0}
}
@media(max-width:700px){
 body[data-screen="play"] .site-header{height:48px;padding:4px 16px}
 body[data-screen="play"] .publisher-logo{width:28px;height:30px}
 body[data-screen="play"] .brand{font-size:15px}
 body[data-screen="play"] .site-header #about-button{font-size:11px;min-height:40px}
 body[data-screen="play"] #app{padding:0}
 .game-shell.story-question{margin:6px 10px 16px;padding:12px;border-radius:16px}
 .game-shell .game-top{padding:0 0 8px;min-height:52px;position:static}
 .game-top .chapter>span{font-size:17px}.game-top .chapter small{font-size:11px}
 .game-controls #total-clock{display:none}.game-controls .text-button{font-size:13px}
 .life-chapters{gap:5px;margin:10px 0 12px}.life-chapters small{display:none}.life-chapters i{margin:0}
 .game-shell .game-grid{display:flex;flex-direction:column;gap:12px}
 .game-shell .dog-panel{display:grid;grid-template-columns:minmax(0,1fr) 100px;column-gap:10px;align-items:center;padding:0;border:0}
 .game-shell .dog-panel .world{width:100%;min-height:0;margin:0;border-radius:10px;align-self:center}
 .game-shell .story-scene-picture{width:100%;height:auto;max-height:none;aspect-ratio:16/9}
 .game-shell .dog-details{padding:0;display:block;text-align:left}
 .game-shell .dog-details .age-display{font-size:11px;line-height:1.7;display:block}
 .game-shell .age-display b{font-size:19px;line-height:1.4;margin-top:5px;display:block}
 .game-shell .dog-status{display:none}
 .game-shell .companion-fold{grid-column:1/-1;margin:6px 0 0;border-top:0;border-bottom:1px solid var(--line)}
 .companion-fold summary{font-size:12px;min-height:36px}
 .game-shell .question{padding:0;border:0;min-width:0}
 .game-shell .question-top{padding:0;min-height:24px;margin:0;gap:8px}
 .game-shell .question-category,.game-shell .timer{font-size:11px}
 .game-shell .timer-ring{display:none}
 .game-shell .scenario-label{margin-top:8px;font-size:11px}
 .game-shell .question-text{font-size:17px;line-height:1.75;margin:7px 0 14px}
 .game-shell .options{gap:9px}
 .game-shell .option.has-choice-image{min-height:68px;padding:10px;gap:10px;font-size:15px;line-height:1.6}
 .game-shell .choice-picture{width:44px;height:44px;flex:0 0 44px}
 .game-shell .option-letter{font-size:10px}
 .game-shell .answer-note{margin-top:10px;gap:6px;font-size:10px}
 .game-shell #event-sources{font-size:12px;min-height:44px}
 .game-shell .game-bottom{padding:7px 0 0;font-size:11px}
 .game-shell .dog-reaction{font-size:11px;top:2px;left:2px;right:2px;padding:5px;line-height:1.5}
 .pace-picker{gap:0;padding:8px 12px}.pace-picker label{width:100%}
 .chapter-actions{flex-direction:column}.chapter-actions>*{min-width:0;width:100%}
 .result-reading-body{padding:0 14px 14px}.result-information .ending-caption h2{font-size:19px}
}
@media(prefers-reduced-motion:reduce){.choice-confirmation{animation:none}}
@media(max-width:700px){.game-shell .dog-panel .world{max-height:112px}.game-shell .story-scene-picture{height:112px;max-height:112px;aspect-ratio:auto}.game-shell .companion-fold{margin-top:2px}.game-shell .companion-fold summary{min-height:28px}}