@font-face{font-family:Pixes Regular;src:url(../../../fonts/pixes-regular-webfont.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--bean-orange:#ff914d;--bean-orange-deep:#ff774d;--bean-purple:#5f5167;--bean-purple-soft:#8c7f93;--bean-grey:#aba5af;--bean-line:#8f8994;--bean-cream:#fffdf8;--bean-ink:#2f2735;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--radius-small:.5rem;--radius-medium:.75rem;--shadow-soft:0 1.25rem 3rem #2f273524;color:var(--bean-ink);background:var(--bean-cream);font-family:Pixes Regular,Courier New,Courier,ui-monospace,SFMono-Regular,Menlo,monospace}*{box-sizing:border-box}html,body{overscroll-behavior:none}body{background-color:var(--bean-purple);min-width:320px;min-height:100vh;margin:0;padding-bottom:1px;overflow:auto}button,input{font:inherit}button{cursor:pointer;border:0;min-height:44px}button:focus-visible,input:focus-visible{outline:3px solid var(--bean-ink);outline-offset:3px}.activity-screen{min-height:100vh;color:var(--bean-cream);background:#867184;display:grid;position:relative;overflow:hidden}.activity-header{z-index:5;gap:var(--space-4);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;padding:clamp(1rem,3vw,2rem);display:grid;position:absolute;inset:0 0 auto}.activity-header button,.activity-actions button,.activity-control-button{border-radius:var(--radius-small);padding:var(--space-3) var(--space-4);color:var(--bean-cream);background:var(--bean-ink);text-transform:uppercase}.activity-header h1,.activity-header span,.activity-stage p,.activity-panel-label,.activity-panel-title,.activity-option,.activity-actions p,.activity-control-button{text-transform:uppercase;margin:0}.activity-header span{color:#fffdf8b8}.activity-header h1{font-size:clamp(1rem,2.2vw,1.6rem);line-height:1}.activity-help{min-height:3.8rem;padding:var(--space-3);border-radius:var(--radius-small);color:var(--bean-cream);background:var(--bean-orange-deep);place-items:center;display:grid;position:relative}.activity-help:after{border:.75rem solid #0000;border-top-color:var(--bean-orange-deep);content:"";width:0;height:0;position:absolute;top:100%;left:50%;transform:translate(-50%)}.activity-stage{grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(1rem,3vh,2rem);min-height:100vh;padding:7rem clamp(1rem,5vw,5rem) clamp(1rem,4vh,2rem);display:grid}.activity-stage>p{color:#fffdf8d1;text-align:center;justify-self:center;max-width:min(100%,62rem);font-size:clamp(1rem,2.2vw,1.35rem);line-height:1.5}.activity-play{grid-template-columns:minmax(19rem,.85fr) minmax(24rem,1.15fr);align-items:stretch;gap:clamp(1rem,4vw,3rem);min-height:0;display:grid}.activity-panel{align-content:center;gap:var(--space-6);border-radius:var(--radius-small);background:#fffdf81f;border:.24rem solid #fffdf894;min-height:clamp(22rem,52vh,34rem);padding:clamp(1.25rem,3vw,2rem);transition:border-color .18s,background .18s,transform .18s;display:grid;position:relative;box-shadow:inset 0 0 0 .35rem #2f27351a}.activity-scene{border-radius:var(--radius-small);background:#867184;min-height:clamp(22rem,52vh,34rem);position:relative;overflow:hidden;box-shadow:inset 0 0 0 .24rem #fffdf83d}.activity-actions{gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-small);background:#2f273538;justify-content:space-between;align-items:center;display:flex}.activity-actions p{color:#fffdf8e0;line-height:1.35}.activity-actions button{min-width:min(100%,14rem);padding:var(--space-4) var(--space-8)}.activity-actions button:disabled{cursor:default;opacity:.42}@media (width<=900px){.activity-header{grid-template-columns:1fr}.activity-stage{padding-top:13rem;overflow:auto}.activity-play{grid-template-columns:1fr}}@media (width<=560px){.activity-actions{flex-direction:column;align-items:stretch}.activity-actions button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}