/* Keep deliberate motion controls from freezing a newly rendered question. */
.play-paused #fit-fields{animation:none!important}
@media(max-width:750px){body.play-mode #play-companion{position:sticky!important;top:70px!important;z-index:3!important}body.play-mode .world-caption p{font-size:.8rem!important}body.play-mode #play-world{margin:-12px 0 -20px!important}}
#world-change{margin:0 24px 20px;padding:12px 15px;border-left:2px solid #aa9270;background:#fff9ea99;font-size:.8rem;line-height:1.5;color:#203944}.world-orbit{padding-bottom:12px!important}.play-choices label:has(input:checked){box-shadow:inset 0 0 0 1px #d9bd83}.model-callout{pointer-events:none}.play-mode #play-world{margin-bottom:-25px}
@media(prefers-reduced-motion:no-preference){.play-choices label:has(input:checked){animation:choice-land .35s ease-out}.model-callout{animation:callout-breathe 3s ease-in-out infinite}.play-mode .fit-progress progress{transition:width .4s}@keyframes choice-land{0%{transform:scale(.97)}60%{transform:scale(1.025)}100%{transform:scale(1)}}@keyframes callout-breathe{50%{opacity:.75}}}
@media(max-width:750px){.play-mode #play-companion{position:sticky;top:70px;z-index:3;box-shadow:0 10px 28px #20394418}.play-mode #play-world{grid-column:1;grid-row:2;margin:-12px 0 -20px;align-self:center}.play-mode #play-world svg{height:135px}.play-mode .world-caption{grid-column:2;grid-row:2;padding:8px 12px 0 0}.play-mode .world-caption p{font-size:.8rem;line-height:1.3;margin-bottom:6px}.play-mode #world-tags{display:none}.play-mode #world-change{display:none}.play-mode .world-orbit{padding:4px 10px!important;gap:8px}.play-mode .world-orbit button{font-size:.65rem;min-height:32px;padding:5px 9px}.play-mode .world-disclaimer{font-size:.55rem;padding-bottom:7px}.play-mode .world-toolbar{padding:8px 10px}.play-mode .fit-main [data-field]{scroll-margin-top:310px}}
.world-orbit{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px 24px;position:relative}.world-orbit button{border:1px solid #9aa68d;border-radius:20px;padding:8px 12px;background:#fff9eb;color:#203944;cursor:pointer;font:inherit;font-size:.75rem}.world-orbit span{font-size:.66rem;color:#435447}.is-night .world-orbit span{color:#fff9eb}
.pantry-diagram{width:100%;height:110px;background:#f3efe6;border-radius:4px;order:-1}.choice-copy{display:block}.choice-copy strong,.choice-copy>span,.choice-copy small{display:block}.choice-copy strong{font-size:.9rem;margin-bottom:6px}.choice-copy>span{font-size:.8rem;line-height:1.5}.play-choices .choice-copy small{font-size:.74rem;color:inherit;opacity:.85;line-height:1.5;margin-top:8px}.play-choices label:has(.choice-copy){align-items:flex-start;flex:1 1 180px}.play-choices label:has(.choice-copy) input{margin-top:3px}.picture-choices .choice-copy{flex:1 1 80%}.question-explanation{border:0!important;margin:12px 0 0!important;padding:0!important;grid-column:1/-1}.question-explanation summary{font-size:.76rem;color:#51634f;cursor:pointer}.question-explanation p{font-size:.8rem;line-height:1.6;margin:10px 0;color:#435447}
@media(max-width:750px){.world-orbit{grid-column:1/-1;grid-row:3;padding:6px 12px 15px}.world-caption{grid-column:2;grid-row:2}.world-disclaimer{grid-row:4}.world-orbit button{min-height:40px}.picture-choices{gap:8px}.pantry-diagram{height:90px}}
.play-mode .compact-number{display:grid;grid-template-columns:minmax(0,1fr) 94px;gap:18px;align-items:center;border-bottom:1px solid #eee7d9;padding-bottom:18px;margin-bottom:18px}
.play-mode .compact-number>label{margin:0;font-weight:500}
.play-mode .compact-number input[type=number]{width:94px;box-sizing:border-box;text-align:center}
.play-mode .fit-aside li button span{margin-right:7px}
@media(max-width:420px){.play-mode .compact-number{grid-template-columns:minmax(0,1fr) 74px;gap:10px}.play-mode .compact-number input[type=number]{width:74px;font-size:1.4rem}}
