:root{--ink:#18304b;--yellow:#ffd74a;--teal:#07566d;--glass:#073c58d9;--go:#2b8536;--go-shadow:#1d6127;--card-paper:#fffaf0;--card-edge:#fff3ad;--card-ink:var(--ink);--card-line:#e4d6bd;--card-title:#07566d;--card-muted:#3d5a66;--card-alert:#b3261e;--bubble:white;--bubble-edge:#d8eef2;--tile:white;--tile-soft:#fffdf6;--stage:#f3ecd8;--stage-ink:#07566d}:root[data-theme=dark]{--card-paper:#1c2c36;--card-edge:#3b5560;--card-ink:#f3ecdc;--card-line:#4a6470;--card-title:#9fdde8;--card-muted:#b9c8ce;--card-alert:#ff9a90;--bubble:#263b47;--bubble-edge:#3f5d6a;--tile:#ece4d2;--tile-soft:#e2d9c4;--stage:#2b414d;--stage-ink:#cfeef3}*{box-sizing:border-box}html,body{overscroll-behavior:none;width:100%;height:100%}body{color:var(--ink);background:#063f55;margin:0;font-family:Trebuchet MS,system-ui,sans-serif;overflow:hidden}button{font:inherit}.game-shell,.activity-overlay{touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:#0000}.game-shell img,.game-shell svg image,.activity-overlay img,.activity-overlay svg image{-webkit-user-drag:none}.game-shell input,.game-shell textarea,.game-shell [contenteditable=true],.activity-overlay input,.activity-overlay textarea,.activity-overlay [contenteditable=true]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.game-shell{background:radial-gradient(circle,#1187a3,#063f55 72%);width:100dvw;height:100dvh;position:fixed;inset:0;overflow:hidden}.game-frame{z-index:1;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.game-frame.dragging{cursor:grabbing}.scene-stage{transform-origin:0 0;will-change:transform;background-repeat:no-repeat;background-size:100% 100%;transition:transform .85s cubic-bezier(.22,.8,.24,1);position:absolute;top:0;left:0}.game-frame.dragging .scene-stage{transition:none}.scene-stage.behind-activity *{animation-play-state:paused!important}.game-hud{z-index:40;padding:calc(.65rem + env(safe-area-inset-top)) calc(.7rem + env(safe-area-inset-right)) 0 calc(.7rem + env(safe-area-inset-left));pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:start;display:grid;position:absolute;top:0;left:0;right:0}.audio-controls{pointer-events:auto;gap:.45rem;display:flex}.round-control{color:#fff;cursor:pointer;background:#073c58c9;border:2px solid #ffffff80;border-radius:50%;place-items:center;width:46px;height:46px;transition:transform .15s,background .2s,border-color .2s;display:grid;box-shadow:0 5px 16px #002b3f55}.round-control svg{width:22px;height:22px}.round-control:hover,.round-control:focus-visible{border-color:#fff;outline:none;transform:translateY(-2px)}.round-control.active{color:#533d00;background:var(--yellow);border-color:#fff4ae}.level-title,.emotion-badge{color:#fff;background:var(--glass);border:1px solid #ffffff60;border-radius:999px;align-self:center;padding:.58rem 1rem;font-weight:800;box-shadow:0 5px 18px #002b3f40}.level-title{justify-self:center}.emotion-badge{justify-self:end;align-items:center;gap:.5rem;display:flex}.emotion-badge span{background:var(--yellow);border-radius:50%;width:.65rem;height:.65rem;box-shadow:0 0 0 5px #ffd74a22}.instruction{z-index:35;left:50%;top:calc(4.5rem + env(safe-area-inset-top));white-space:nowrap;color:var(--ink);pointer-events:none;background:#fffdf4e8;border:2px solid #fff;border-radius:999px;padding:.48rem .9rem;font-size:.93rem;font-weight:800;position:absolute;transform:translate(-50%);box-shadow:0 5px 15px #14354935}.audio-blocked-panel{z-index:80;color:#fff;background:#063c52f2;border:2px solid #fff2a5;border-radius:22px;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;width:min(590px,100% - 1.4rem);padding:.8rem;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 16px 45px #001e2c99}.audio-blocked-panel>svg{width:30px;height:30px;color:var(--yellow)}.audio-blocked-panel div{flex-direction:column;gap:.12rem;display:flex}.audio-blocked-panel strong{color:var(--yellow)}.audio-blocked-panel span{font-size:.86rem}.audio-blocked-panel button{cursor:pointer;border-radius:999px;font-weight:900}.audio-retry{color:#513c00;background:var(--yellow);border:2px solid #fff3aa;align-items:center;gap:.38rem;padding:.6rem .85rem;display:flex}.audio-retry svg{width:18px;height:18px}.audio-skip{color:#d6f4fa;text-underline-offset:3px;background:0 0;border:0;grid-column:2/4;justify-self:end;padding:.18rem .35rem;text-decoration:underline}.hotspot{z-index:3;cursor:pointer;background:0 0;border:4px dashed #0000;border-radius:38px;transition:border-color .2s,background .2s;position:absolute}.hotspot span{left:50%;top:calc(4% + var(--label-row,0)*62px);opacity:0;color:#fff;white-space:nowrap;background:#103d58df;border-radius:999px;padding:8px 14px;font-size:25px;font-weight:900;transition:all .2s;position:absolute;transform:translate(-50%,-8px)}.hotspot:hover,.hotspot:focus-visible{background:#fff2;border-color:#fff;outline:none}.hotspot:hover span,.hotspot:focus-visible span{opacity:1;transform:translate(-50%)}.hotspot.exit{z-index:12}.hotspot.exit span{top:calc(2% + var(--label-row,0)*62px);opacity:1;color:#4a3500;background:var(--yellow);border:3px solid #fff6bc;align-items:center;gap:10px;display:flex;transform:translate(-50%);box-shadow:0 6px #d5a800,0 10px 24px #3b2a0055}.hotspot.exit span svg{flex:none;width:30px;height:30px}.hotspot.exit.exit-left span svg{animation:1.6s ease-in-out infinite nudge-left}.hotspot.exit.exit-right span svg{animation:1.6s ease-in-out infinite nudge-right}.hotspot.exit.exit-up span svg{animation:1.6s ease-in-out infinite nudge-up}.hotspot.exit:hover span,.hotspot.exit:focus-visible span{background:#ffe57a}.hotspot.exit:disabled span{opacity:.75}.hotspot.exit.locked span{color:#51606a;background:#e7ecef;border-color:#fff;box-shadow:0 6px #aab6bd,0 10px 24px #1d2a3355}.hotspot.exit.locked span svg{animation:none}.hotspot.exit.locked:hover span,.hotspot.exit.locked:focus-visible span{background:#f2f5f7}.hotspot-badge{pointer-events:none;border:4px solid #fff;border-radius:50%;place-items:center;width:54px;height:54px;display:grid;position:absolute;top:0;right:0;translate:30% -30%;box-shadow:0 6px 16px #10304566}.hotspot.badge-top-left .hotspot-badge{top:0;left:0;right:auto;translate:-30% -30%}.hotspot-badge.todo{pointer-events:auto;cursor:pointer}.hotspot-badge svg{width:28px;height:28px}.hotspot-badge.todo{color:#4a3500;background:var(--yellow);animation:2.2s ease-in-out infinite badge-bob}.hotspot-badge.todo svg{width:40px;height:40px}.hotspot-badge.todo.locked{background:#c3ccd1;animation:none}.hotspot-badge.todo.done{border-color:#43a047;animation:none;box-shadow:0 0 0 3px #fff,0 6px 16px #10304566}.hotspot-badge.is-new:before{content:"";pointer-events:none;border:4px solid #22c55e;border-radius:14px;position:absolute;inset:-9px;box-shadow:0 0 0 2px #fff}.hotspot-level{color:#3a2618;letter-spacing:.04em;background:#ffd23f;border:2px solid #fff;border-radius:999px;padding:1px 6px;font-size:14px;font-weight:900;line-height:1.1;position:absolute;bottom:-10px;right:-14px;box-shadow:0 2px 5px #10304559}.hotspot-level.level-ms{color:#fff;background:#3fae4a}.hotspot-level.level-gs{color:#fff;background:#2f80d8}.hotspot-level.level-cp{background:#ff9d2e}.hotspot-level.level-ce1{color:#fff;background:#7a4fd6}.hotspot-level.level-ce2{color:#fff;background:#d63a50}@keyframes badge-bob{50%{transform:translateY(-6px)scale(1.06)}}.level-progress{vertical-align:middle;gap:5px;margin-left:.55rem;display:inline-flex}.level-progress i{background:0 0;border:2px solid #ffffffc0;border-radius:50%;width:11px;height:11px}.level-progress i.done{background:#6fdc5a;border-color:#fff}.level-progress.complete i{animation:.5s pop}.scene-transition{z-index:30;opacity:0;pointer-events:none;background:radial-gradient(circle,#1187a3,#063f55 72%);transition:opacity .42s;position:absolute;inset:0}.scene-transition.leaving,.scene-transition.entering{opacity:1;pointer-events:auto}.locale-picker{align-items:center;gap:.4rem;display:flex}.locale-picker>svg{color:#d8f6ff;width:20px;height:20px;margin-right:.15rem}.locale-choice{color:#fff;cursor:pointer;background:#ffffff14;border:2px solid #fff5;border-radius:999px;padding:.4rem .8rem;font-weight:800}.locale-choice[aria-pressed=true]{color:#503900;background:var(--yellow);border-color:#fff6bc}.locale-choice:focus-visible{outline-offset:2px;outline:3px solid #fff}.character{z-index:10;transform-origin:50% 88%;pointer-events:none;will-change:transform;width:190px;height:247px;transition-property:transform;transition-timing-function:cubic-bezier(.3,.05,.35,1);position:absolute;top:0;left:0}.character-body{position:absolute;inset:0}.character-shadow{z-index:0;filter:blur(5px);transform-origin:50%;background:#3b251f52;border-radius:50%;height:6.5%;position:absolute;bottom:1.5%;left:23%;right:23%}.chonchon-sprite{aspect-ratio:1;pointer-events:none;display:block;position:relative}.chonchon-frame{transform-origin:50% 88%;position:absolute;inset:0}.chonchon-layer{width:100%;height:100%;display:block;position:absolute;inset:0}.character-sprite{z-index:1;width:125%;position:absolute;bottom:0;left:-12.5%}.character.moving .character-sprite{transform-origin:50% 92%;animation:.26s ease-in-out infinite alternate walk}.character.moving .chonchon-frame{animation:none!important}.character.moving .character-shadow{animation:.32s ease-in-out infinite alternate shadow-travel}.chonchon-sprite .chonchon-frame{will-change:transform;animation:3.6s ease-in-out infinite chonchon-idle-breathe}.chonchon-sprite[data-emotion=happy] .chonchon-frame{animation-name:chonchon-idle-happy;animation-duration:2.8s}.chonchon-sprite[data-emotion=curious] .chonchon-frame{animation-name:chonchon-idle-curious;animation-duration:3.4s}.chonchon-sprite[data-emotion=enthusiastic] .chonchon-frame{animation-name:chonchon-idle-enthusiastic;animation-duration:2.35s}.chonchon-sprite[data-emotion=calm] .chonchon-frame{animation-duration:4.8s}.chonchon-sprite[data-emotion=waiting] .chonchon-frame{animation-name:chonchon-idle-waiting;animation-duration:5.2s}.chonchon-sprite[data-emotion=sad] .chonchon-frame{animation-name:chonchon-idle-sad;animation-duration:4.5s}.chonchon-sprite[data-emotion=laughing] .chonchon-frame{animation-name:chonchon-idle-laughing;animation-duration:2.15s}.chonchon-sprite[data-emotion=excited] .chonchon-frame{animation-name:chonchon-idle-excited;animation-duration:1.75s}.chonchon-sprite[data-emotion=observation] .chonchon-frame{animation-name:chonchon-idle-observation;animation-duration:4.2s}.chonchon-sprite[data-emotion=patient] .chonchon-frame{animation-name:chonchon-idle-patient;animation-duration:4.6s}.chonchon-sprite.animation-paused .chonchon-frame{animation-play-state:paused!important}.subtitle-panel{z-index:40;left:50%;bottom:calc(1.15rem + env(safe-area-inset-bottom));color:#fff;pointer-events:none;background:linear-gradient(135deg,#062f42ec,#075e73e8);border:1px solid #ffffff5c;border-radius:22px;width:min(720px,100% - 1.4rem);padding:.6rem 1rem .43rem;position:absolute;transform:translate(-50%);box-shadow:0 8px 28px #002b3f77}.subtitle{text-align:center;justify-content:center;align-items:baseline;gap:.65rem;font-size:clamp(.95rem,2.2vw,1.12rem);line-height:1.35;display:flex}.subtitle strong{color:var(--yellow)}.zone-info{color:#d8f6ff;border-top:1px solid #ffffff30;justify-content:center;align-items:center;gap:.38rem;margin-top:.38rem;padding-top:.38rem;font-size:.83rem;display:flex}.pulse{background:#65ec9d;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #65ec9d22}.start-screen{z-index:100;background:linear-gradient(#043b4f9e,#032d40db);place-items:center;padding:1rem;display:grid;position:absolute;inset:0}.start-card{color:#fff;text-align:center;background:#075a70ed;border:3px solid #fff3ad;border-radius:30px;flex-direction:column;align-items:center;gap:1rem;width:min(390px,90vw);padding:1.4rem 1.5rem 1.55rem;display:flex;box-shadow:0 20px 60px #001e2c99}.start-card p{margin:0;font-size:1rem;line-height:1.45}.screen-free-card{gap:.75rem;width:min(520px,92vw);max-height:100%;overflow:auto}.screen-free-card h1{color:#fff3ad;margin:0;font-size:1.6rem}.screen-free-card .screen-free-when{font-size:1.1rem;font-weight:800}.screen-free-listen{font:inherit;color:#3d2c00;cursor:pointer;background:#ffd23f;border:0;border-radius:999px;align-items:center;gap:.5rem;padding:.75rem 1.4rem;font-size:1.1rem;font-weight:900;display:inline-flex;box-shadow:0 5px #d5a800}.screen-free-listen svg{width:1.5em;height:1.5em}.screen-free-link{color:#fff3ad;font-weight:700}.screen-free-play{color:#a7b9bf;font:inherit;cursor:pointer;background:0 0;border:0;margin-top:.4rem;padding:.3rem .6rem;font-weight:800;text-decoration:underline}.update-bar{background:#ffffff40;border:2px solid #fff3ad;border-radius:999px;width:100%;height:16px;overflow:hidden}.update-bar span{background:var(--yellow);transform-origin:0;height:100%;transition:transform .4s linear;display:block}.start-card .update-percent{font-weight:800}.start-main{flex-direction:column;align-items:center;gap:1rem;display:flex}.start-card:has(.start-parents){flex-direction:row;align-items:stretch;gap:1.4rem;width:min(760px,94vw);max-height:100%;overflow:auto}.start-card:has(.start-parents) .start-main{flex:1;justify-content:center}.start-parents{border-left:2px dashed #fff3ad8c;flex-direction:column;flex:1;align-items:center;gap:.5rem;padding-left:1.4rem;display:flex}.start-parents h2{color:#fff3ad;text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:1rem}.start-card .start-parents p{font-size:.86rem;line-height:1.35}.start-card .start-parents .start-parents-success{color:#0b4d1d;background:#b8f0c6;border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .7rem;font-weight:900;display:flex}.start-parents-success svg{flex:none;width:18px;height:18px}.start-parents-profile{align-items:center;gap:.4rem;font-weight:900;display:flex}.start-card .start-parents .start-parents-profile{font-size:1.05rem}.start-parents-profile span{font-size:1.6rem;line-height:1}.start-parents-qr{width:150px;height:150px;image-rendering:pixelated;background:#fff;border-radius:10px;flex:none;padding:0}.start-parents-code{white-space:nowrap;letter-spacing:.12em;font-size:1.1rem}.start-card .start-parents .start-parents-hint{color:#d8f6ff;font-size:.8rem}.start-parents-site{color:#fff3ad;margin-top:.2rem;font-size:.86rem;font-weight:800;display:inline-block}.start-parents-site svg{vertical-align:-2px;width:15px;height:15px;margin-right:.3rem;display:inline-block}.start-parents-retry{color:#503900;font:inherit;background:var(--yellow);cursor:pointer;border:2px solid #fff6bc;border-radius:999px;padding:.5rem 1rem;font-weight:900}@media (max-width:620px){.start-card:has(.start-parents){flex-direction:column;align-items:center}.start-parents{border-top:2px dashed #fff3ad8c;border-left:0;padding:1rem 0 0}}@media (max-height:480px){:is(.start-card:has(.start-parents) .start-avatar,.update-card .start-avatar){width:76px}.update-card{gap:.6rem;padding:1rem 1.5rem}.start-parents{text-align:left;grid-template-columns:auto 1fr;align-content:center;gap:.35rem .9rem;display:grid}.start-parents>*{grid-column:2}.start-card:has(.start-parents) .start-parents{flex:1.5}.start-parents>.start-parents-qr{grid-area:1/1/span 7;align-self:center;width:140px;min-width:140px;height:140px}.start-card:has(.start-parents){padding:.9rem 1.2rem}}.start-avatar{width:116px}.play-button{color:#503900;background:var(--yellow);cursor:pointer;border:2px solid #fff6bc;border-radius:999px;align-items:center;gap:.55rem;padding:.72rem 1.35rem;font-size:1.12rem;font-weight:900;display:flex;box-shadow:0 6px #d5a800}.play-button:active{transform:translateY(4px);box-shadow:0 2px #d5a800}.play-button svg{width:20px}.asset-loading-screen{z-index:120;color:#fff;background:radial-gradient(circle at 50% 42%,#1187a3,#063f55 70%);place-items:center;padding:1rem;display:grid;position:absolute;inset:0}.asset-loading-card{text-align:center;background:#064b61e8;border:2px solid #fff3ad;border-radius:26px;flex-direction:column;align-items:center;gap:.75rem;width:min(350px,88vw);padding:1.35rem;display:flex;box-shadow:0 18px 55px #001e2c88}.asset-loading-card strong{font-size:1.05rem}.asset-loading-card>span:last-child{color:#d8f6ff;font-size:.88rem}.asset-loading-spinner{border:5px solid #ffffff4d;border-top-color:var(--yellow);border-radius:50%;width:42px;height:42px;animation:.75s linear infinite asset-loading-spin}.asset-loading-retry{color:#503900;background:var(--yellow);cursor:pointer;border:2px solid #fff6bc;border-radius:999px;padding:.62rem 1.05rem;font-weight:900}@keyframes walk{0%{transform:translateY(0)rotate(-3deg)scaleY(.97)}to{transform:translateY(-12px)rotate(3deg)scaleY(1.01)}}@keyframes asset-loading-spin{to{transform:rotate(360deg)}}@keyframes nudge-left{0%,to{transform:translate(0)}50%{transform:translate(-5px)}}@keyframes nudge-right{0%,to{transform:translate(0)}50%{transform:translate(5px)}}@keyframes nudge-up{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes chonchon-idle-breathe{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-2px)scale(1.008)}}@keyframes chonchon-idle-happy{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-1px)rotate(-.35deg)}50%{transform:translateY(-3px)rotate(0)}75%{transform:translateY(-1px)rotate(.35deg)}}@keyframes chonchon-idle-curious{0%,to{transform:rotate(0)translateY(0)}25%{transform:rotate(-.65deg)translateY(0)}75%{transform:rotate(.65deg)translateY(-1px)}}@keyframes chonchon-idle-enthusiastic{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-3px)scale(1.012)}}@keyframes chonchon-idle-waiting{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(0)rotate(-.25deg)}75%{transform:translateY(1px)rotate(.55deg)}}@keyframes chonchon-idle-sad{0%,to{transform:translateY(0)scaleY(1)}50%{transform:translateY(2px)scaleY(.996)}}@keyframes chonchon-idle-laughing{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-1px)rotate(-.25deg)}75%{transform:translateY(-3px)rotate(.25deg)}}@keyframes chonchon-idle-excited{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-4px)scale(1.01)}}@keyframes chonchon-idle-observation{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-1px)scale(1.004)}}@keyframes chonchon-idle-patient{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(0)rotate(-.15deg)}75%{transform:translateY(-1px)rotate(.15deg)}}@keyframes shadow-travel{0%{opacity:.75;transform:scale(1)}to{opacity:.42;transform:scale(.72)}}@media (pointer:coarse){.hotspot span{opacity:.82;transform:translate(-50%)}.hotspot{background:#fff1;border-color:#ffffff70}}@media (max-width:600px){.profile-badge{padding:.38rem .6rem;font-size:.85rem}.profile-name{max-width:5rem}.game-hud{grid-template-columns:1fr auto}.round-control{width:42px;height:42px}.round-control svg{width:20px}.level-title{top:calc(3.6rem + env(safe-area-inset-top));white-space:nowrap;text-overflow:ellipsis;max-width:76vw;padding:.42rem .75rem;font-size:.83rem;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.emotion-badge{padding:.45rem .65rem;font-size:.78rem}.instruction{top:calc(6.35rem + env(safe-area-inset-top));text-overflow:ellipsis;max-width:88vw;font-size:.78rem;overflow:hidden}.audio-blocked-panel{text-align:left;grid-template-columns:auto 1fr;gap:.55rem;padding:.75rem}.audio-blocked-panel>svg{width:26px;height:26px}.audio-retry{grid-column:1/3;justify-content:center;justify-self:stretch}.audio-skip{grid-column:1/3;justify-self:center}.subtitle-panel{bottom:calc(1.15rem + env(safe-area-inset-bottom));border-radius:18px;padding:.32rem .75rem .22rem}.subtitle{font-size:.94rem;display:block}.subtitle strong{margin-bottom:0;display:block}.zone-info{font-size:.76rem}}@media (orientation:landscape) and (max-height:560px){.game-hud{padding-top:calc(.38rem + env(safe-area-inset-top))}.round-control{width:38px;height:38px}.round-control svg{width:18px}.level-title,.emotion-badge{padding:.38rem .68rem;font-size:.78rem}.instruction{top:calc(3.2rem + env(safe-area-inset-top));padding:.32rem .68rem;font-size:.75rem}.subtitle-panel{bottom:calc(.9rem + env(safe-area-inset-bottom));border-radius:15px;width:min(650px,100% - 1rem);padding:.22rem .7rem .12rem}.subtitle{font-size:.85rem}.zone-info{margin-top:.2rem;padding-top:.2rem;font-size:.7rem}}@media (orientation:portrait) and (max-width:600px){.hud-end{flex-direction:column-reverse;align-items:flex-end;gap:.35rem}.profile-name{max-width:6.5rem}}@media (prefers-reduced-motion:reduce){.scene-stage,.character,.character-sprite,.chonchon-frame,.character-shadow,.hotspot span,.hotspot span svg,.hotspot-badge,.scene-transition,.asset-loading-spinner{transition-duration:.01ms!important;animation:none!important}}.emotion-lab{color:#f5fbff;background:radial-gradient(circle at 20% 0,#137b92 0,#073f56 34%,#042c40 100%);position:fixed;inset:0;overflow:auto}.emotion-lab-content{width:min(1180px,100% - 2rem);padding:calc(1rem + env(safe-area-inset-top)) 0 calc(2.5rem + env(safe-area-inset-bottom));margin:0 auto}.emotion-lab-header{align-items:center;gap:1rem;min-height:56px;display:flex}.emotion-lab-header h1{text-align:center;color:#fff;flex:1;margin:0;font-size:clamp(1.45rem,4vw,2.25rem);line-height:1.1}.emotion-lab-back{color:#e2f8ff;background:#052f43a8;border:1px solid #ffffff4a;border-radius:999px;align-items:center;gap:.45rem;min-height:42px;padding:.55rem .75rem;font-weight:800;text-decoration:none;display:inline-flex}.emotion-lab-back:hover,.emotion-lab-back:focus-visible{color:#173049;background:var(--yellow);outline:3px solid #ffffff70}.emotion-lab-back svg{width:19px;height:19px}.emotion-lab-controls{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#052f43e8;border:1px solid #ffffff45;border-radius:20px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.65rem 1rem;margin:1rem 0 1.4rem;padding:.7rem;display:flex;position:sticky;top:.65rem;box-shadow:0 12px 32px #001a2670}.lab-control-group{align-items:center;gap:.4rem;display:flex}.lab-accessories{flex-wrap:wrap;justify-content:center;margin-top:.8rem}.lab-control-group>span{color:#c9edf5;margin-right:.12rem;font-size:.82rem;font-weight:800}.emotion-lab .lab-control-button,.emotion-lab .lab-choice-button{color:#fff;cursor:pointer;background:#ffffff10;border-color:#ffffff57}.emotion-lab .lab-control-button:hover,.emotion-lab .lab-control-button:focus-visible,.emotion-lab .lab-choice-button:hover,.emotion-lab .lab-choice-button:focus-visible,.emotion-lab .lab-choice-button[data-active=true]{color:#263a46;background:var(--yellow);border-color:#fff4af}.emotion-lab .lab-play-button{min-width:170px;font-weight:900}.emotion-lab .lab-icon-button{flex:none}.lab-frame-status{color:#ffe984;text-align:center;background:#001f2e80;border-radius:999px;min-width:150px;padding:.45rem .7rem;font-size:.82rem;font-weight:900}.emotion-transition-section,.emotion-gallery-section{margin-top:1.5rem}.games-lab{flex-direction:column;display:flex;overflow:hidden}.games-lab-header{width:min(1180px,100% - 1rem);padding:calc(.5rem + env(safe-area-inset-top)) 0 .4rem;flex:none;margin:0 auto}.games-lab-layout{flex-direction:column;flex:1;min-height:0;display:flex}.games-lab-modal{z-index:90;width:100dvw;height:100dvh;position:fixed;inset:0}.games-lab-stage{flex:0 0 62%;min-height:0;position:relative}.games-lab-stage .activity-overlay{z-index:auto;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;padding:.3rem .5rem .5rem}.games-lab-stage .activity-card{height:100%;box-shadow:0 12px 32px #001e2c88}.games-lab-list{overscroll-behavior:contain;min-height:0;padding:0 max(.5rem,(100% - 1180px)/2) calc(1.5rem + env(safe-area-inset-bottom));flex:1;overflow-y:auto}@media (orientation:landscape) and (max-height:560px){.games-lab-header{min-height:0;padding-top:.2rem;padding-bottom:.2rem}.games-lab-header h1{font-size:1.1rem}.games-lab-header .emotion-lab-back,.games-lab-header .games-lab-locale{min-height:34px;padding-top:.3rem;padding-bottom:.3rem}}.games-lab-note{color:#c8e8ef;text-align:center;margin:.6rem 0 1.2rem}.games-lab-locale{color:#fff;min-width:44px;min-height:40px;font:inherit;cursor:pointer;background:#ffffff10;border:1px solid #ffffff57;border-radius:999px;font-weight:900}.games-lab-locale[aria-pressed=true]{color:#263a46;background:var(--yellow);border-color:#fff4af}.games-lab-level{margin-bottom:1.4rem}.games-lab-level h2{color:#fff;margin:0 0 .6rem;font-size:clamp(1.1rem,3vw,1.4rem)}.games-lab-sub{border-left:4px solid var(--yellow);margin-left:clamp(.6rem,2vw,1.4rem);padding-left:.8rem}.games-lab-level h2 small{color:#9fd0dc;font-size:.8rem;font-weight:700}.games-lab-level ul{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.games-lab-game{color:#fff;width:100%;min-height:64px;font:inherit;text-align:left;cursor:pointer;background:#052f43c0;border:1px solid #ffffff45;border-radius:16px;align-items:center;gap:.7rem;padding:.6rem .8rem;display:flex}.games-lab-game:hover,.games-lab-game:focus-visible,.games-lab-game[aria-current=true]{color:#263a46;background:var(--yellow);outline:none}.games-lab-game.is-new{border:3px solid #22c55e;box-shadow:0 0 0 2px #22c55e59}.games-lab-game.is-recheck{border:3px solid #f97316;box-shadow:0 0 0 2px #f9731659}.games-lab-game svg{flex:none;width:26px;height:26px}.games-lab-game span{flex-direction:column;gap:.15rem;min-width:0;display:flex}.games-lab-game small{opacity:.8;font-size:.78rem}.lab-section-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:.8rem;display:flex}.lab-section-heading h2{color:#fff;margin:0;font-size:clamp(1.18rem,3vw,1.55rem)}.lab-section-heading p{color:#c8e8ef;max-width:760px;margin:.28rem 0 0;line-height:1.45}.lab-phrase-counter{color:#253846;background:var(--yellow);border-radius:999px;flex:none;padding:.42rem .7rem;font-size:.8rem;font-weight:900}.emotion-transition-card{background:#062f43d9;border:1px solid #ffffff4d;border-radius:26px;grid-template-columns:minmax(230px,38%) 1fr;min-height:320px;display:grid;overflow:hidden;box-shadow:0 18px 42px #00192566}.lab-sprite-surface{place-items:center;transition:background .2s;display:grid;overflow:hidden}.background-dark .lab-sprite-surface{background:#123c50}.background-light .lab-sprite-surface{background:#f6f1e7}.background-checker .lab-sprite-surface{background:repeating-conic-gradient(#d6dce0 0 25%, #f6f8f9 0 50%) 50%/24px 24px}.lab-transition-sprite{width:min(300px,92%)}.lab-guided{aspect-ratio:1;position:relative}.lab-guided>.chonchon-sprite{position:absolute;inset:0}.lab-ghost{opacity:.32;filter:grayscale()brightness(1.6)}.lab-guides{pointer-events:none;background:linear-gradient(#e8544b, #e8544b) var(--feet-x) 0/1px 100% no-repeat,linear-gradient(#e8544b, #e8544b) 0 var(--ground-y)/100% 1px no-repeat;position:absolute;inset:0}.lab-transition-copy{flex-direction:column;justify-content:center;padding:clamp(1.3rem,4vw,3rem);display:flex}.lab-transition-copy strong{color:var(--yellow);font-size:clamp(1.4rem,4vw,2.4rem)}.lab-transition-copy p{margin:.55rem 0 0;font-size:clamp(1.05rem,2.5vw,1.45rem);line-height:1.45}.emotion-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.85rem;display:grid}.emotion-card{background:#062f43d9;border:1px solid #ffffff42;border-radius:20px;overflow:hidden;box-shadow:0 10px 24px #00192545}.lab-card-stage{min-height:220px}.lab-card-sprite{width:min(210px,94%)}.emotion-card h3{color:var(--yellow);margin:.72rem .85rem 0;font-size:1.04rem}.emotion-card-meta{color:#ccebf2;justify-content:space-between;gap:.5rem;margin:.16rem .85rem .8rem;font-size:.82rem;display:flex}.emotion-card-meta span:last-child{color:#8ed9e8;white-space:nowrap}@media (max-width:700px){.emotion-lab-content{width:min(100% - 1rem,1180px)}.emotion-lab-header{align-items:flex-start}.emotion-lab-header h1{text-align:right;padding:.45rem 0}.emotion-lab-back{justify-content:center;width:44px;padding:.55rem}.emotion-lab-back span{display:none}.emotion-lab-controls{border-radius:16px;gap:.55rem;top:.35rem}.lab-transport{justify-content:center;width:100%}.lab-control-group>span{display:none}.lab-frame-status{min-width:132px}.emotion-transition-card{grid-template-columns:1fr}.lab-transition-stage{min-height:260px}.lab-transition-sprite{width:245px}.lab-transition-copy{text-align:center;padding:1rem 1.1rem 1.2rem}.lab-section-heading{align-items:flex-start}.emotion-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.lab-card-stage{min-height:165px}.lab-card-sprite{width:min(165px,100%)}.emotion-card h3{margin:.55rem .62rem 0;font-size:.92rem}.emotion-card-meta{margin:.1rem .62rem .62rem;font-size:.75rem}}.not-found{background:linear-gradient(#0a6a86,#063f55);place-items:center;min-height:100dvh;padding:1rem;display:grid}.not-found-card{color:#fff;text-align:center;background:#075a70ed;border:3px solid #fff3ad;border-radius:30px;justify-items:center;gap:.8rem;width:min(420px,92vw);padding:1.4rem 1.5rem 1.6rem;display:grid;box-shadow:0 20px 60px #001e2c99}.not-found-chonchon{background-position:0 0;background-repeat:no-repeat;background-size:400% 100%;width:150px;height:150px}.not-found-card h1{color:#fff3ad;margin:0;font-size:1.4rem}.not-found-card p{margin:0;line-height:1.45}.not-found-back{color:#fff;background:#3fae4a;border-radius:999px;padding:.7rem 1.4rem;font-weight:800;text-decoration:none;box-shadow:0 4px #2a7d33}.preview-end{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1rem;display:flex}.preview-end h1{margin:0;font-size:1.6rem}.preview-end p{margin:0;font-size:1.1rem}.preview-avatar{width:9rem;height:9rem}.preview-replay{color:#3a2a00;font:inherit;cursor:pointer;background:#f2c14e;border:0;border-radius:999px;padding:.8rem 1.6rem;font-size:1.2rem;font-weight:700}.debug-panel{z-index:60;bottom:calc(.6rem + env(safe-area-inset-bottom));right:calc(.6rem + env(safe-area-inset-right));color:#39ff6a;pointer-events:none;white-space:nowrap;background:#000000d9;border:1px solid #39ff6a55;border-radius:6px;align-items:flex-start;gap:.4rem;max-width:min(340px,50vw);padding:.45rem .6rem;font:11px/1.45 Consolas,Cascadia Mono,SFMono-Regular,Menlo,monospace;display:flex;position:absolute;overflow:hidden}.debug-body{min-width:0}.debug-fold{pointer-events:auto;color:#39ff6a;font:inherit;cursor:pointer;background:#0b1a0f;border:1px solid #39ff6a80;border-radius:4px;flex:none;padding:.1rem .35rem}.debug-panel.folded{opacity:.7;border-right:0;border-radius:6px 0 0 6px;padding:.2rem;right:0}.debug-panel div{text-overflow:ellipsis;overflow:hidden}@media (max-width:1100px){.debug-panel{bottom:auto;top:calc(9rem + env(safe-area-inset-top));opacity:.85}}.debug-panel span{color:#1fae47;min-width:6.2em;display:inline-block}.debug-tools{pointer-events:auto;margin-bottom:.3rem}.debug-date{align-items:center;gap:.4rem;display:flex}.debug-date label{align-items:center;gap:.3rem;display:flex}.debug-date input,.debug-date button{font:inherit;color:#39ff6a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0b1a0f;border:1px solid #39ff6a80;border-radius:4px}.debug-date button{cursor:pointer;padding:0 .4rem}.activity-invite{z-index:45;left:50%;bottom:calc(5.6rem + env(safe-area-inset-bottom));color:#4a3500;background:var(--yellow);cursor:pointer;white-space:nowrap;border:3px solid #fff6bc;border-radius:999px;align-items:center;gap:.6rem;padding:.8rem 1.4rem;font-size:1.15rem;font-weight:900;animation:.45s cubic-bezier(.2,.9,.3,1.3) both invite-in,2.2s ease-in-out 1s infinite invite-pulse;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 6px #d5a800,0 12px 30px #002b3f55}.activity-invite svg{width:36px;height:36px}.activity-invite:active{transform:translate(-50%,4px);box-shadow:0 2px #d5a800}@keyframes invite-in{0%{opacity:0;transform:translate(-50%,24px)scale(.8)}}@keyframes invite-pulse{0%,to{scale:1}50%{scale:1.05}}.activity-overlay{z-index:90;padding:calc(.6rem + env(safe-area-inset-top)) .6rem calc(.6rem + env(safe-area-inset-bottom));background:#04354acc;place-items:center;animation:.25s both fade-in;display:grid;position:absolute;inset:0}.activity-overlay[data-activity]{-webkit-backdrop-filter:none;backdrop-filter:none;touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#04354ae6}@keyframes fade-in{0%{opacity:0}}.activity-card{width:min(1400px,100%);height:min(940px,100%);position:relative}@media (orientation:portrait){.activity-card{height:100%}}.activity-card{color:var(--card-ink);background:var(--card-paper);border:4px solid var(--card-edge);border-radius:30px;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);animation:.4s cubic-bezier(.2,.9,.3,1.15) both card-in;display:grid;overflow:hidden;box-shadow:0 24px 70px #001e2caa}@keyframes card-in{0%{opacity:0;transform:translateY(30px)scale(.94)}}.activity-header{color:#fff;background:linear-gradient(135deg,#07566d,#0b7a8c);align-items:center;gap:1rem;padding:.7rem .8rem .7rem 1.2rem;display:flex}.activity-header h2{margin:0;font-size:clamp(1.05rem,2.6vw,1.45rem);font-weight:900}.activity-progress{flex-wrap:wrap;gap:.4rem;min-width:0;margin:0 auto 0 0;padding:0;list-style:none;display:flex}.activity-progress li{background:#ffffff40;border:2px solid #ffffff90;border-radius:50%;width:14px;height:14px}.activity-progress li.done{background:var(--yellow);border-color:#fff6bc}.activity-close{color:#fff;background:var(--go);width:54px;height:54px;box-shadow:0 4px 0 var(--go-shadow);cursor:pointer;border:3px solid #d9f5c9;border-radius:16px;flex:none;place-items:center;margin-left:auto;display:grid}.activity-close:active{box-shadow:0 1px 0 var(--go-shadow);transform:translateY(3px)}.activity-close svg{width:32px;height:32px}.activity-body{min-height:0;padding:clamp(.6rem,2vw,1.2rem);position:relative;container-type:size}.activity-guide{--guide-size:clamp(78px, 12vw, 112px);align-items:flex-end;gap:.6rem;padding:0 1rem .7rem .4rem;display:flex}.activity-guide-avatar{width:var(--guide-size);flex:none;margin-bottom:-.7rem}.activity-guide-avatar.mood-success,.activity-guide-avatar.mood-done{animation:.5s 2 guide-hop}@keyframes guide-hop{50%{transform:translateY(-12px)}}.activity-bubble{--bubble-height:78px;min-width:0;height:var(--bubble-height);background:var(--bubble);border:3px solid var(--bubble-edge);box-shadow:0 4px 0 var(--bubble-edge);border-radius:20px;flex:1;align-items:center;gap:.6rem;padding:.45rem .7rem .45rem 1rem;display:flex;position:relative}.activity-bubble:before{content:"";border:10px solid #0000;border-right-color:var(--bubble-edge);position:absolute;bottom:14px;left:-12px}.activity-bubble p{flex:1;align-self:stretch;align-items:center;min-width:0;margin:0;font-size:clamp(.95rem,2.3vw,1.12rem);font-weight:700;line-height:1.3;display:flex;overflow:hidden}@media (max-width:600px){.activity-bubble{--bubble-height:92px}}@media (orientation:landscape) and (max-height:560px){.activity-bubble{--bubble-height:52px}.activity-overlay{padding:calc(.25rem + env(safe-area-inset-top)) .4rem calc(.25rem + env(safe-area-inset-bottom))}.activity-card{border-width:3px;border-radius:22px}.activity-header{padding:.25rem .4rem .25rem 1rem}.activity-close{border-radius:13px;width:44px;height:44px}.activity-close svg{width:26px;height:26px}.activity-body{padding:.4rem .8rem}.activity-guide{--guide-size:64px;padding-bottom:.35rem}.activity-guide-avatar{margin-bottom:-.35rem}.activity-listen{width:42px;height:42px}}.activity-listen{color:#07566d;cursor:pointer;background:#e6f6f8;border:2px solid #b8e2e8;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;display:grid}.activity-listen svg{width:24px;height:24px}.activity-listen.big{--listen-size:max(56px, calc(var(--guide-size) * .85));width:var(--listen-size);height:var(--listen-size);border-width:3px;margin-bottom:.15rem;margin-left:auto;box-shadow:0 4px #b8e2e8}.activity-listen.big:active{transform:translateY(3px);box-shadow:0 1px #b8e2e8}.activity-listen.big svg{width:50%;height:50%}.activity-choice{color:#07566d;background:var(--tile);min-width:clamp(80px,min(17cqw,34cqh),220px);min-height:clamp(80px,min(17cqw,34cqh),220px);font:inherit;cursor:pointer;border:4px solid #b8e2e8;border-radius:26px;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:.5rem;transition:transform .12s;display:flex;position:relative;box-shadow:0 7px #b8e2e8}.activity-choice strong{font-size:clamp(1.8rem,min(7cqw,13cqh),4.6rem);font-weight:900;line-height:1}.activity-choice:active{transform:translateY(5px);box-shadow:0 2px #b8e2e8}.activity-choice.state-right{color:#1d5e1f;background:#dff5d2;border-color:#6fc25a;animation:.45s pop;box-shadow:0 7px #6fc25a}.activity-choice.state-wrong{opacity:.45;cursor:default;animation:.4s shake}.activity-dots{fill:#f2a42b;width:clamp(32px,min(6cqw,10cqh),60px)}@keyframes pop{50%{transform:scale(1.12)}}@keyframes shake{20%,60%{transform:translate(-7px)}40%,80%{transform:translate(7px)}}.activity-reward{flex-direction:column;justify-content:center;align-items:center;gap:1.6rem;height:100%;display:flex}.activity-stars{gap:.6rem;display:flex}.activity-stars svg{color:#e7e2d4;width:clamp(64px,12vw,110px);height:auto}.activity-stars svg.earned{color:#ffc93c;filter:drop-shadow(0 5px #d5a800);animation:.5s cubic-bezier(.2,.9,.3,1.4) both star-in}.activity-stars svg.earned:nth-child(2){animation-delay:.18s}.activity-stars svg.earned:nth-child(3){animation-delay:.36s}@keyframes star-in{0%{transform:scale(0)rotate(-90deg)}}.activity-rating{justify-content:center;gap:.9rem;margin:.2rem 0 .6rem;display:flex}.activity-rate{background:var(--tile-soft);border:4px solid var(--card-line);cursor:pointer;border-radius:50%;width:74px;height:74px;padding:6px;transition:transform .15s}.activity-rate:active{transform:scale(.92)}.activity-rate.chosen{border-color:#3fae4a;transform:scale(1.08);box-shadow:0 0 0 4px #c9f0cd}.activity-rate-face{width:100%;height:100%}.activity-reward-actions{flex-wrap:wrap;justify-content:center;gap:.8rem;display:flex}.activity-button{color:#4a3500;background:var(--yellow);cursor:pointer;border:3px solid #fff6bc;border-radius:999px;align-items:center;gap:.5rem;padding:.8rem 1.3rem;font-size:1.1rem;font-weight:900;display:flex;box-shadow:0 6px #d5a800}.activity-button.secondary{color:#07566d;background:#e6f6f8;border-color:#b8e2e8;box-shadow:0 6px #b8e2e8}.activity-button.exit{color:#fff;background:var(--go);box-shadow:0 6px 0 var(--go-shadow);border-color:#d9f5c9}.activity-button svg{width:22px;height:22px}.ring-timer{aspect-ratio:1;background:conic-gradient(#ffb627 var(--ring-left,100%), #ffffffb3 0);border:4px solid #fff;border-radius:50%;animation:linear forwards ring-timer-run;display:block;box-shadow:0 2px 6px #10304540}@property --ring-left{syntax:"<percentage>";inherits:false;initial-value:100%}@keyframes ring-timer-run{to{--ring-left:0%}}.counting{grid-template-rows:1fr auto;gap:clamp(.6rem,2vw,1rem);height:100%;display:grid}.counting-field{border-radius:24px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 4px #ffffff80}.counting.counting-scene-pond .counting-field{background:radial-gradient(at 50% 60%,#bfe8ef 0 55%,#9dd8e3 56% 70%,#8cc27c 71%)}.counting.counting-scene-tray .counting-field{background:repeating-linear-gradient(90deg,#d9a46a 0 38px,#cf9a60 38px 40px);box-shadow:inset 0 0 0 10px #b8704a}.counting.counting-scene-sky .counting-field{background:linear-gradient(#8fd0e6,#d8f0f6)}.counting.counting-scene-plain .counting-field{background:var(--stage)}.counting-item{aspect-ratio:1;width:clamp(44px,min(11cqw,19cqh),130px);transform:translate(-50%, -50%) rotate(var(--tilt));cursor:pointer;background:0 0;border:0;padding:0;transition:transform .2s;position:absolute}.counting-item .counting-illustration{transform:scaleX(var(--flip))}.counting-item:active{transform:translate(-50%, -50%) rotate(var(--tilt)) scale(.92)}.counting-item.counted .counting-illustration{filter:drop-shadow(0 0 #fff)drop-shadow(0 0 6px #ffe98a)}.counting-illustration{width:100%;height:100%;display:block}.counting-badge{aspect-ratio:1;color:#fff;background:#07566d;border:3px solid #fff;border-radius:50%;place-items:center;width:40%;font-size:clamp(1rem,2.4vw,1.4rem);font-weight:900;animation:.35s pop;display:grid;position:absolute;top:-8%;right:-6%}.counting-choices{justify-content:center;gap:clamp(.6rem,3vw,1.6rem);padding-bottom:.4rem;display:flex}.sorting{grid-template-rows:1fr auto;gap:clamp(.5rem,2vw,1rem);height:100%;display:grid}.sorting-stage{border-radius:24px;place-items:center;display:grid}.sorting.scene-market .sorting-stage{background:radial-gradient(circle at 50% 55%,#fff 0 28%,#fdf1d8 29%)}.sorting.scene-garden .sorting-stage{background:radial-gradient(circle at 50% 55%,#fff 0 28%,#e6f2d6 29%)}.sorting-item{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:.2rem;animation:.45s cubic-bezier(.2,.9,.3,1.4) both item-in;display:flex}.sorting-item.dragging{cursor:grabbing;z-index:5;transition:none}.sorting-item.leaving{animation:.5s forwards item-out}.sorting-item span{color:#07566d;background:var(--tile);border-radius:999px;padding:.25rem .8rem;font-weight:900;box-shadow:0 3px #d8eef2}.sorting-illustration{filter:drop-shadow(0 8px 6px #3b2a0033);width:clamp(64px,min(50cqw,32cqh),260px);height:auto}@keyframes item-in{0%{opacity:0;transform:translateY(-40px)scale(.4)}}@keyframes item-out{to{opacity:0;transform:translateY(120px)scale(.3)}}.sorting-bins{justify-content:center;gap:clamp(.5rem,2.5vw,1.4rem);display:flex}.sorting-bin{max-width:clamp(140px,30cqw,300px);min-height:clamp(74px,min(30cqw,28cqh),190px);font:inherit;cursor:pointer;background:linear-gradient(#e6b77c,#c98c4f);border:4px solid #8a5a2c;border-radius:18px 18px 34px 34px;flex-direction:column;flex:1;justify-content:flex-end;padding:.5rem .5rem .6rem;display:flex;position:relative;box-shadow:0 7px #7a4d24}.sorting-bin:before{content:"";opacity:.45;background:repeating-linear-gradient(90deg,#8a5a2c 0 8px,#0000 8px 16px);border-radius:6px;height:12px;position:absolute;inset:8px 10px auto}.sorting-bin.wrong{animation:.4s shake}.sorting-bin-content{flex-wrap:wrap;justify-content:center;gap:2px;min-height:34px;display:flex}.sorting-placed{width:clamp(22px,min(4.5cqw,7cqh),48px);height:auto;animation:.35s pop}.sorting-bin-label{color:color-mix(in srgb, var(--bin-color) 22%, black);background:var(--bin-color);border:3px solid #fff;border-radius:999px;margin-top:.35rem;padding:.3rem .5rem;font-size:clamp(.9rem,min(2.6cqw,5cqh),1.5rem);font-weight:900;display:block}.sorting-bin.pictured{background:linear-gradient(color-mix(in srgb, var(--bin-color) 30%, white), color-mix(in srgb, var(--bin-color) 55%, white));border-color:color-mix(in srgb, var(--bin-color) 75%, black);box-shadow:0 7px 0 color-mix(in srgb, var(--bin-color) 60%, black)}.sorting-bin.pictured:before{display:none}.sorting-bin.pictured .sorting-bin-label{justify-content:center;align-items:center;gap:.3rem;padding:.2rem .7rem .2rem .3rem;display:flex}.sorting-bin-picture{filter:drop-shadow(0 1px 1px #00000040);flex:none;width:clamp(34px,min(8cqw,12cqh),84px);height:auto}.match{touch-action:none;-webkit-user-select:none;user-select:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(3.5rem,20cqw,14rem);height:100%;padding:0 clamp(.2rem,3cqw,2.5rem);display:grid;position:relative}.match-links{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.match-links line{stroke-width:8px;stroke-linecap:round;animation:.2s both fade-in}.match-links .match-drawing{stroke:var(--stage-ink);stroke-dasharray:2 14;opacity:.8;animation:none}.match-column{flex-direction:column;justify-content:space-evenly;gap:clamp(.3rem,2cqh,1.2rem);min-height:0;margin:0;padding:0;list-style:none;display:flex}.match-column li{flex:0 clamp(64px,min(30cqh,34cqw),280px);min-height:0;display:flex}.match-column.side-left li{justify-content:flex-end}.match-card{color:#07566d;background:var(--tile);width:min(100%,380px);height:100%;font:inherit;cursor:pointer;touch-action:none;border:4px solid #b8e2e8;border-radius:22px;place-items:center;padding:.3rem;transition:transform .12s,background .2s;display:grid;position:relative;box-shadow:0 5px #b8e2e8}.match-card.state-active{border-color:#f2c200;transform:scale(1.04);box-shadow:0 5px #d5a800,0 0 0 5px #ffe98a}.match-card.state-linked{cursor:default;background:#dff5d2;border-color:#6fc25a;animation:.45s pop;box-shadow:0 5px #6fc25a}.match-card.state-wrong{animation:.4s shake}.match-picture{aspect-ratio:1;pointer-events:none;width:auto;max-width:100%;height:88%}.match-shadow{filter:brightness(0)opacity(.8)}.match-dots circle{fill:#e8544b;stroke:#9a2d27;stroke-width:3px}.match-text{font-size:clamp(1.2rem,min(12cqw,13cqh,50cqw/var(--letters,1)),5rem);pointer-events:none;font-weight:900;line-height:1}.match-dot{z-index:3;box-sizing:border-box;pointer-events:none;background:#07566d;border:4px solid #fff;border-radius:50%;width:28px;height:28px;position:absolute;top:calc(50% - 14px);box-shadow:0 0 0 2px #07566d}.side-left .match-dot{right:-14px}.side-right .match-dot{left:-14px}.match-card.state-linked .match-dot{background:#6fc25a;box-shadow:0 0 0 2px #3f8f2e}.coloring{height:100%;container-type:size}.coloring-layout{grid-template-rows:minmax(0,1fr) auto;justify-items:center;gap:clamp(.4rem,1.5vh,.8rem);height:100%;display:grid}.coloring-canvas{touch-action:manipulation;-webkit-user-select:none;user-select:none;width:100%;max-width:100%;height:100%}.coloring-zone{cursor:pointer;transition:fill .25s}.coloring-zone.filled{cursor:default}.coloring-zone.refused{animation:.6s zone-refused}@keyframes zone-refused{30%,70%{fill:#ffe1dc;stroke:#e8544b;stroke-width:4px}}.coloring-details,.coloring-letters{pointer-events:none}.coloring-letters text{fill:#5b3a24;font-family:inherit;font-weight:900}.coloring-canvas.done{animation:.6s pop}.coloring-pots{flex-wrap:wrap;justify-content:center;gap:clamp(.4rem,2vw,.9rem);display:flex}.coloring-pot{aspect-ratio:1;color:#fff;cursor:pointer;background:0 0;border:0;place-items:center;width:clamp(54px,9vmin,76px);padding:0;transition:transform .12s;display:grid;position:relative}.coloring-paint{background:var(--pot);border:4px solid #fff;border-radius:40% 40% 46% 46%;position:absolute;inset:0;box-shadow:0 5px #0003,inset 0 -8px #0002}.coloring-pot strong{text-shadow:0 2px 2px #0006;font-size:clamp(1.1rem,4vmin,1.9rem);font-weight:900;position:relative}.coloring-pot[aria-pressed=true]{transform:translateY(-6px)scale(1.1)}.coloring-pot[aria-pressed=true] .coloring-paint{border-color:#ffe98a;box-shadow:0 0 0 4px #07566d,0 8px #0003}@container (min-aspect-ratio:4/3){.coloring-layout{grid-template-rows:none;grid-template-columns:minmax(0,1fr) auto;align-items:center}.coloring-pots{flex-direction:column;align-content:center;max-height:100%;padding-right:.3rem}.coloring-pot{width:clamp(38px,18.5185cqh - .462963rem,72px)}}.coloring-palette{background:#e9a55b;border:4px solid #5b3a24;border-radius:46% 54% 44% 56%/58% 48% 52% 42%;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(.4rem,2vw,.8rem);padding:.8rem 1.4rem .8rem 1rem;display:flex;position:relative;box-shadow:inset 0 -6px #0000001f,0 6px #00000026}.coloring-blob{aspect-ratio:1;color:#fff;cursor:pointer;background:0 0;border:0;place-items:center;width:clamp(50px,8.5vmin,70px);padding:0;transition:transform .12s;display:grid;position:relative}.coloring-blob .coloring-paint{border:3px solid #5b3a24;border-radius:52% 48% 46% 54%/46% 56% 44% 54%;box-shadow:inset 0 -6px #00000026}.coloring-blob strong{text-shadow:0 2px 2px #00000073;font-family:Trebuchet MS,Verdana,sans-serif;font-size:clamp(1.4rem,5vmin,2.2rem);font-weight:900;position:relative}.coloring-blob[aria-pressed=true]{transform:translateY(-5px)scale(1.12)}.coloring-blob[aria-pressed=true] .coloring-paint{border-color:#fff;box-shadow:0 0 0 4px #5b3a24,inset 0 -6px #00000026}.coloring-brush{width:clamp(40px,7vmin,60px);height:clamp(40px,7vmin,60px);transform:rotate(-8deg)}.coloring-letters text{font-family:Trebuchet MS,Verdana,sans-serif}@container (min-aspect-ratio:4/3){.coloring-palette{border-radius:48% 52% 44% 56%/40% 46% 54% 60%;flex-direction:column;padding:1rem .7rem}.coloring-blob{width:clamp(36px,18.5185cqh - 1.11111rem,66px)}}.tracing{place-items:center;height:100%;display:grid}.tracing.with-models{grid-template-rows:auto minmax(0,1fr);gap:.4rem}.tracing-models{justify-content:center;gap:.7rem;display:flex}.tracing-model{background:var(--tile);width:auto;height:clamp(52px,13cqh,86px);color:var(--ink);border:3px solid #e3d7bd;border-radius:14px;padding:.15rem .4rem}.tracing-model path{fill:none;stroke:#5b4a36;stroke-width:7px;stroke-linecap:round;stroke-linejoin:round}.tracing-model.current{border-color:#e8544b;box-shadow:0 0 0 3px #e8544b40}.tracing-model.current path{stroke:#e8544b}.tracing-model-rule{stroke:#b8dfe6;stroke-width:2px}.tracing-board{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%}.tracing-band{fill:#e8f5f7}.tracing-rule{stroke:#b8dfe6;stroke-width:.7px}.tracing-rule.baseline{stroke:#6fb3c2;stroke-width:1.1px}.tracing-road path{fill:none;stroke:#efe2c6;stroke-width:12px;stroke-linecap:round;stroke-linejoin:round}.tracing-ink path,.tracing-ink polyline{fill:none;stroke:#e8544b;stroke-width:6.5px;stroke-linecap:round;stroke-linejoin:round}.tracing-ink circle{fill:#e8544b}.tracing-board.done .tracing-ink path{stroke:#4fae3e;transition:stroke .3s}.tracing-board.done{animation:.6s pop}.tracing-dots circle{fill:#a5835a}.tracing-dots circle.next{fill:#07566d;stroke:#fff;stroke-width:1.2px;transform-box:fill-box;transform-origin:50%;animation:1.1s ease-in-out infinite dot-pulse}@keyframes dot-pulse{50%{transform:scale(1.3)}}.tracing-start{pointer-events:none}.tracing-badge{fill:#2f9a4a;stroke:#fff;stroke-width:1.2px;transform-box:fill-box;transform-origin:50%;animation:.7s badge-call}@keyframes badge-call{40%{transform:scale(1.5)}}.tracing-start text{fill:#fff;font-family:inherit;font-size:6.5px;font-weight:900}.tracing-start.later{opacity:.45}.tracing-start.later .tracing-badge{fill:#7a8f96;animation:none}.tracing-arrow{fill:none;stroke:#2f9a4a;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.tracing-slip{fill:none;stroke:#f2a42b;stroke-width:2px;pointer-events:none;transform-box:fill-box;transform-origin:50%;animation:.8s forwards slip}@keyframes slip{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(2.2)}}@media (max-width:600px){.activity-card{border-radius:22px}.activity-guide{--guide-size:70px}.activity-invite{bottom:calc(5.2rem + env(safe-area-inset-bottom));padding:.7rem 1.1rem;font-size:1rem}}@media (orientation:landscape) and (max-height:560px){.activity-invite{bottom:calc(3.4rem + env(safe-area-inset-bottom));padding:.55rem 1rem;font-size:.95rem}.activity-header{padding-top:.4rem;padding-bottom:.4rem}}@media (prefers-reduced-motion:reduce){.activity-invite,.activity-card,.activity-overlay,.activity-choice,.activity-stars svg,.sorting-item,.counting-badge,.activity-guide-avatar{animation:none!important}}.hud-end{justify-self:end;align-items:center;gap:.45rem;min-width:0;display:flex}.profile-badge{color:#fff;min-width:0;font:inherit;background:var(--glass);cursor:pointer;pointer-events:auto;border:1px solid #ffffff60;border-radius:999px;align-items:center;gap:.35rem;padding:.45rem .85rem;font-weight:800;display:flex;box-shadow:0 5px 18px #002b3f40}.profile-badge:hover,.profile-badge:focus-visible{background:#0a4b6ad9;border-color:#fff;outline:none}.profile-badge:disabled{cursor:default}.profile-badge{position:relative}.time-left{background:#fff3;border-radius:2px;height:3px;position:absolute;bottom:3px;left:.85rem;right:.85rem;overflow:hidden}.time-left span{transform-origin:0;background:#fff9;height:100%;transition:transform 1s linear;display:block}.guest-avatar{color:#07566d;background:#ffffffe6;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;margin-left:-.3rem;font-size:.95rem;font-weight:900;line-height:1;display:grid;box-shadow:inset 0 -2px #b9dfe6}.profile-logout{color:#07566d;background:#ffffffe6;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;margin-right:-.4rem;display:grid;box-shadow:inset 0 -2px #b9dfe6}.profile-logout svg{stroke-width:2.4px;width:15px;height:15px}.sound-menu{position:relative}.sound-menu-panel{z-index:5;background:#073c58e6;border:2px solid #ffffff80;border-radius:20px;flex-direction:column;gap:.35rem;min-width:14rem;padding:.45rem;animation:.15s both fade-in;display:flex;position:absolute;top:calc(100% + .45rem);left:0;box-shadow:0 8px 22px #002b3f66}.sound-switch{color:#fff;min-height:48px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:14px;align-items:center;gap:.6rem;padding:.4rem .6rem;font-weight:800;display:flex}.sound-switch:disabled{cursor:default;opacity:.6}.sound-switch:disabled:hover{background:0 0}.sound-switch:hover,.sound-switch:focus-visible{background:#ffffff1f;outline:none}.sound-switch>svg{opacity:.7;flex:none;width:22px;height:22px}.sound-switch.on>svg{color:var(--yellow);opacity:1}.sound-switch span{white-space:nowrap;flex:1}.sound-switch-track{background:#ffffff40;border-radius:999px;flex:none;width:44px;height:26px;transition:background .2s;position:relative}.sound-switch-track:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0005}.sound-switch.on .sound-switch-track{background:var(--yellow)}.sound-switch.on .sound-switch-track:after{transform:translate(18px)}.logout-overlay{z-index:125}.logout-card{flex-direction:row;align-items:center;gap:1rem;width:min(620px,100%);height:auto;max-height:100%;padding:1.2rem;display:flex;overflow:auto}.logout-sprite{flex:none;width:clamp(110px,22vw,170px)}.logout-body h2{color:var(--card-title);margin:0 0 .4rem;font-size:1.4rem}.logout-body p{color:var(--card-ink);margin:0 0 1rem;font-size:1.15rem;font-weight:700;line-height:1.4}.logout-actions{flex-wrap:wrap;gap:.7rem;display:flex}.logout-choice{min-height:56px;font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:.45rem;padding:.6rem 1.1rem;font-size:1.05rem;font-weight:900;display:inline-flex}.logout-choice svg{width:22px;height:22px}.logout-choice.no{color:#4a3500;background:var(--yellow);border:3px solid #fff6bc;box-shadow:0 5px #d5a800}.logout-choice.yes{color:#07566d;background:#fff;border:3px solid #b9dfe6}@media (max-width:520px){.logout-card{text-align:center;flex-direction:column}.logout-actions{justify-content:center}}.profile-badge>span:first-child{font-size:1.2rem;line-height:1}.profile-name{text-overflow:ellipsis;white-space:nowrap;max-width:9rem;overflow:hidden}.star-counter{font:inherit;cursor:pointer;color:#4a3500;background:var(--yellow);pointer-events:auto;border:2px solid #fff6bc;border-radius:999px;align-items:center;gap:.35rem;padding:.45rem .9rem;font-size:1.05rem;font-weight:900;display:flex;box-shadow:0 4px #d5a800}.star-counter svg{width:20px;height:20px}.star-counter:hover,.star-counter:focus-visible{background:#ffe57a;outline:none}.star-counter:disabled{cursor:default;opacity:.85}.activity-earned{color:#8a6a00;margin:0;font-size:1.2rem;font-weight:900}.gift-stars{color:#4a3500;background:var(--yellow);border-radius:999px;margin-left:auto;padding:.3rem .8rem;font-weight:900}.gift-stars+.activity-close{margin-left:.5rem}.gift-card{grid-template-rows:auto 1fr}.gift-body{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(150px,32%) 1fr;gap:1rem;min-height:0;padding:1rem;display:grid;overflow:hidden}.gift-preview{background:radial-gradient(circle closest-side,#fff 0 88%,#fdf1d8 89%);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;display:flex}.gift-preview-sprite{width:min(240px,100%)}.gift-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));align-content:start;gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.gift-item{background:#fff;border:3px solid #f0e2c0;border-radius:22px;flex-direction:column;align-items:center;gap:.35rem;padding:.6rem;display:flex}.gift-item.owned{border-color:#6fc25a}.gift-item.out-of-reach{background:#f1efe9;border-color:#e2ddd0}.gift-item.out-of-reach .gift-thumb,.gift-item.out-of-reach .world-reward-icon{filter:grayscale(.6);opacity:.75}.gift-item strong{color:#07566d}.gift-thumb{width:min(92px,100%)}.gift-item strong{text-align:center;font-size:.9rem}.gift-item .activity-button{padding:.5rem .9rem;font-size:.95rem}.gift-lists{flex-direction:column;gap:1rem;min-width:0;min-height:0;display:flex;overflow:auto}.gift-section h3{color:var(--card-title);margin:.2rem 0 .5rem;font-size:1.05rem}.world-reward-icon{font-size:2.6rem;line-height:1.2}.world-reward small{color:#5a6b74;text-align:center;font-size:.78rem}.world-reward-done{color:#2f9a2c;font-weight:900}.activity-button:disabled{color:#5c4a10;cursor:default;background:#f2e2a4;border-color:#f7efc9;box-shadow:0 6px #dcc77e}@media (max-width:640px){.gift-body{grid-template-rows:auto;grid-template-columns:1fr;overflow:auto}.gift-lists{overflow:visible}.gift-preview-sprite{width:150px}}.gift-item{position:relative}.gift-price{color:#6b5b3c;font-size:.75rem;font-weight:800;position:absolute;top:.35rem;right:.5rem}.unlock-card h2{align-items:center;gap:.5rem;display:flex}.unlock-icon{font-size:2rem;line-height:1}.unlock-gauge{background:#fff6bc;border:3px solid #f2d65a;border-radius:999px;height:40px;margin:0 0 1rem;position:relative;overflow:hidden}.unlock-gauge-bar{background:var(--yellow);border-radius:999px;transition:width .6s;position:absolute;inset:0 auto 0 0}.unlock-gauge.is-full .unlock-gauge-bar{background:#ffc928}.unlock-gauge-text{color:#4a3500;text-align:center;font-size:1.2rem;font-weight:900;line-height:34px;display:block;position:relative}.unlock-missing{color:var(--card-muted);align-self:center;font-weight:900}.logout-choice.unlock-yes{color:#fff;background:#2fa84f;border:3px solid #a6e7b8;min-height:64px;font-size:1.2rem;animation:1.6s ease-in-out infinite unlock-call;box-shadow:0 5px #1f7a37}@keyframes unlock-call{50%{transform:scale(1.06)}}.unlock-card.is-open .unlock-gauge{animation:.5s ease-in-out 3 unlock-cheer}@keyframes unlock-cheer{50%{transform:scale(1.05)rotate(-1deg)}}@media (prefers-reduced-motion:reduce){.logout-choice.unlock-yes,.unlock-card.is-open .unlock-gauge{animation:none}}.unlock-card{position:relative}.unlock-close{position:absolute;top:.7rem;right:.7rem}.unlock-card .logout-body{flex:1;min-width:0}.unlock-card h2{min-height:54px;padding-right:52px}.unlock-card .logout-choice{flex:auto;justify-content:center}@media (max-width:520px){.unlock-card h2{justify-content:center;min-height:0;padding-right:0}}.pick{grid-template-rows:1fr auto;gap:clamp(.5rem,2vw,1rem);height:100%;display:grid}.pick-cue{background:var(--stage);border-radius:24px;place-items:center;display:grid}.pick.look-sky .pick-cue{--stage-ink:#07566d;background:linear-gradient(#8fd0e6,#d8f0f6)}.pick.look-sand .pick-cue{--stage-ink:#07566d;background:radial-gradient(circle,#f6dfa4,#e4c283)}.pick.look-stage .pick-cue{--stage-ink:#07566d;background:radial-gradient(circle at 50% 45%,#fff8dc 0 45%,#f3e2b0 46% 70%,#6b4fa0 71%)}.pick-cue-picture{width:clamp(72px,min(60cqw,34cqh),340px);height:auto;transition:filter .5s}.pick-cue-picture.cue-silhouette{filter:brightness(0)opacity(.82)}.pick-cue-picture.cue-imprint{filter:brightness(0)opacity(.28)drop-shadow(2px 3px #fff8)}.pick-cue-picture.revealed{filter:none}.pick-question{max-width:90%;color:var(--stage-ink);text-align:center;font-size:clamp(1.2rem,min(5cqw,8cqh),2.6rem);font-weight:900}.pick-options{flex-wrap:wrap;justify-content:center;gap:clamp(.6rem,3vw,1.4rem);padding-bottom:.4rem;display:flex}.pick .activity-choice{--choice:clamp(80px, min(28cqw, 44cqh), 300px);width:var(--choice);height:var(--choice);min-width:0;min-height:0}.pick-options:has(>:nth-child(4)) .activity-choice{--choice:clamp(64px, min(21cqw, 44cqh), 300px)}.pick .activity-choice strong{font-size:calc(var(--choice)*.5)}.pick-option-picture{width:70%;height:auto}.pattern{grid-template-rows:1fr auto;gap:clamp(.5rem,2vw,1rem);height:100%;display:grid}.pattern-row{background:var(--stage);border-radius:24px;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(.2rem,1vw,.5rem);margin:0;padding:clamp(.6rem,2vw,1rem);list-style:none;display:flex;position:relative}.pattern.look-necklace .pattern-row{background:radial-gradient(at 50% 40%,#fff8e8,#f0e0bf)}.pattern.look-necklace .pattern-row:before{content:"";opacity:.7;background:#b07a4a;border-radius:4px;height:4px;position:absolute;top:50%;left:4%;right:4%}.pattern-row li{z-index:1;aspect-ratio:1;place-items:center;width:clamp(40px,min(11cqw,26cqh),150px);display:grid;position:relative}.pattern-picture{width:100%;height:auto}.pattern-spot{background:var(--tile-soft);color:#7a4f2a;border:4px dashed #cfa46f;border-radius:50%;font-size:clamp(1.4rem,4vw,2.2rem);font-weight:900}.pattern-spot.filled{border-style:solid;border-color:#6fc25a;animation:.35s pop}.pattern-options{flex-wrap:wrap;justify-content:center;gap:clamp(.6rem,3vw,1.4rem);padding-bottom:.4rem;display:flex}.pattern-option-picture{width:clamp(56px,min(18cqw,32cqh),200px);height:auto}.sequence{--cell:clamp(48px, min(calc((100cqw - 1.2rem - (var(--count) - 1) * 1rem) / var(--count)), 36cqh), 260px);grid-template-rows:auto 1fr;gap:clamp(.6rem,2vw,1rem);height:100%;display:grid}.sequence-slots{flex-wrap:wrap;justify-content:center;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.sequence-slots li{width:var(--cell);aspect-ratio:1;background:var(--tile-soft);color:var(--ink);border:4px dashed #cfe3e8;border-radius:20px;place-items:center;display:grid;position:relative}.sequence-slots li.filled{border-style:solid;border-color:#6fc25a;animation:.35s pop}.sequence-number{color:#fff;background:#07566d;border:3px solid #fff;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:900;display:grid;position:absolute;top:-10px;left:-10px}.sequence.look-size .sequence-slots li{align-items:end}.sequence-picture{width:88%;height:auto}.sequence-pool{background:var(--stage);border-radius:24px;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;padding:.6rem;display:flex}.sequence.look-number .sequence-pool{background:#e3d2b4}.sequence-item{width:var(--cell);aspect-ratio:1;background:var(--tile);color:var(--ink);cursor:pointer;border:4px solid #b8e2e8;border-radius:22px;place-items:center;padding:0;display:grid;box-shadow:0 6px #b8e2e8}.sequence-item span,.sequence-slots li>span:not(.sequence-number){transform-origin:50% 100%;place-items:center;width:100%;height:100%;display:grid}.sequence.look-size .sequence-item span,.sequence.look-size .sequence-slots li>span:not(.sequence-number){align-items:end}.sequence-item.used{visibility:hidden}.sequence-item.wrong{animation:.4s shake}.melody{grid-template-rows:auto 1fr auto;justify-items:center;gap:.6rem;height:100%;display:grid}.melody-dots{gap:.5rem;display:flex}.melody-dots span{background:#e7e2d4;border-radius:50%;width:18px;height:18px}.melody-dots span.done{background:#6fc25a}.melody-pads{align-self:center;gap:clamp(.4rem,4cqw,2.4rem);display:flex}.melody-pad{aspect-ratio:1;cursor:pointer;transform-origin:50% 12%;background:0 0;border:0;width:clamp(80px,min(26cqw,40cqh),240px);padding:0;transition:transform .12s,filter .12s}.melody-pad svg{filter:drop-shadow(0 8px #0002);width:100%;height:100%}.melody-pad.lit{filter:brightness(1.25) drop-shadow(0 0 18px var(--pad-color));transform:rotate(-10deg)scale(1.08)}.melody-pads.phase-listen .melody-pad{cursor:default}.melody-replay{margin-bottom:.3rem}.shopping{grid-template-rows:auto minmax(0,1fr);gap:clamp(.4rem,2cqh,1rem);height:100%;display:grid}.shopping-list{background:var(--tile-soft);color:var(--ink);border:3px solid #e6d7b5;border-radius:18px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.8rem;padding:.7rem;display:flex;box-shadow:0 4px #e6d7b5}.shopping-entry{aspect-ratio:1;color:#b8a57a;background:#fdf6e6;border-radius:16px;place-items:center;width:clamp(44px,min(16cqw,24cqh),170px);font-size:2rem;display:grid}.shopping-entry.got{background:#dff5d2}.shopping-picture{width:86%;height:auto}.shopping-shelf{background:linear-gradient(#d9c4a0 0 48%,#b8956a 48% 52%,#d9c4a0 52%);border-radius:18px;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:.6rem;min-height:0;padding:.7rem;display:grid}.shopping-shelf.waiting{opacity:.35}.shopping-item{background:var(--tile-soft);color:var(--ink);cursor:pointer;border:3px solid #fff;border-radius:16px;place-items:center;min-height:0;padding:.3rem;display:grid}.shopping-item .shopping-picture{width:auto;max-width:80%;height:80%;max-height:clamp(40px,28cqh,220px)}.shopping-item.taken{opacity:.25}.shopping-item.wrong{animation:.4s shake}.green-light{--lamp:clamp(30px, min(9cqw, 16cqh), 120px);--walker:clamp(28px, min(6cqw, 12cqh), 64px);grid-template-rows:minmax(0,1fr) auto;gap:clamp(.4rem,2cqh,1rem);height:100%;display:grid}.green-light-scene{background:#9fd58a;border-radius:24px;justify-content:center;align-items:center;gap:clamp(1rem,5cqw,3rem);padding:0 1rem;display:flex;position:relative;overflow:hidden}.green-light-lamp{gap:calc(var(--lamp)*.13);padding:calc(var(--lamp)*.15);background:#34444c;border:4px solid #1e2a30;border-radius:18px;flex-direction:column;display:flex}.lamp{width:var(--lamp);aspect-ratio:1;opacity:.3;background:#1e2a30;border-radius:14px;place-items:center;display:grid}.lamp svg{height:78%}.lamp.red svg{fill:#ff5a4f}.lamp.green svg{fill:#4be07f}.green-light-lamp.red .lamp.red,.green-light-lamp.green .lamp.green{opacity:1}.green-light-lamp.red .lamp.red svg{filter:drop-shadow(0 0 8px #ff5a4f)}.green-light-lamp.green .lamp.green svg{filter:drop-shadow(0 0 8px #4be07f)}.green-light-crossing{background:#d9cdb6;grid-template-columns:1fr 3fr 1fr;align-self:stretch;width:min(420px,60%);display:grid;position:relative}.green-light-road{background:#6f7a80;border-left:5px solid #fffaf0aa;border-right:5px solid #fffaf0aa;grid-column:2;justify-content:space-evenly;padding:18% 0;display:flex}.green-light-road .stripe{background:#fffaf0;border-radius:3px;width:9%}.green-light-walker{width:var(--walker);height:var(--walker);background:#c98b4f;border:4px solid #5a3418;border-radius:50%;position:absolute;top:50%;left:4%;transform:translateY(-50%)}.green-light-walker.walking{animation:1.5s ease-in-out forwards walk-across}@keyframes walk-across{to{left:calc(96% - var(--walker))}}.green-light-button{color:#fff;min-width:min(360px,80%);font:inherit;cursor:pointer;border:4px solid #fff;border-radius:999px;justify-self:center;padding:clamp(.5rem,2.5cqh,1rem) 1.6rem;font-size:clamp(1.2rem,min(4cqw,6cqh),2.2rem);font-weight:900;box-shadow:0 7px #0003}.green-light-button.green{background:#1e8040}.green-light-button.red{background:#9aa6ad}.register{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr auto;gap:clamp(.4rem,2cqh,.7rem);height:100%;display:grid}.register-belt{background:repeating-linear-gradient(90deg,#3f4f57 0 22px,#34444c 22px 26px);border-radius:18px;grid-column:1;align-items:center;gap:.6rem;min-height:clamp(70px,min(34cqh,24cqw),260px);padding:.6rem;display:flex}.register-product{background:var(--tile-soft);color:var(--ink);cursor:pointer;border:3px solid #fff;border-radius:16px;flex-direction:column;align-items:center;gap:.2rem;padding:.4rem;display:flex}.register-product.scanned{opacity:.35;transform:scale(.85)}.register-picture{width:clamp(40px,min(14cqw,24cqh),180px);height:auto}.register-price{gap:2px;display:flex}.register-coin-small{width:clamp(18px,4cqh,30px);height:clamp(18px,4cqh,30px)}.register-screen{color:#1d5e1f;background:#9fe0b0;border:5px solid #3f4f57;border-radius:14px;flex-direction:column;grid-column:2;justify-content:center;align-items:center;min-width:clamp(80px,16cqw,160px);padding:.5rem;font-size:clamp(1.6rem,min(6cqw,10cqh),3.4rem);font-weight:900;display:flex}.register-screen-coins{flex-wrap:wrap;justify-content:center;gap:2px;max-width:120px;display:flex}.register-pay{background:#6fb5ba;border-radius:18px;grid-column:1/3;grid-template-columns:1fr 1fr auto;align-items:center;gap:.8rem;padding:.6rem;display:grid}.register-pay.locked{opacity:.45}.register-purse,.register-tray{border-radius:14px;flex-wrap:wrap;place-content:center;gap:.3rem;min-height:clamp(56px,min(30cqh,20cqw),220px);padding:.4rem;display:flex}.register-purse{background:#8a5a3b}.register-tray{background:var(--tile-soft);color:var(--ink);border:3px dashed #2c5a5e}.register-coin{aspect-ratio:1;cursor:pointer;background:0 0;border:0;width:clamp(38px,min(9cqw,15cqh),110px);padding:0}.register-coin-picture{width:100%;height:100%}.register-validate{align-self:center}@container (max-width:640px){.register{grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:1fr}.register-screen{flex-direction:row;grid-column:1;gap:.5rem}.register-pay{grid-column:1;grid-template-columns:1fr}}.activity-button.register-validate{color:#fff;background:var(--go);box-shadow:0 6px 0 var(--go-shadow);border-color:#d9f5c9}.pairs{place-items:center;height:100%;min-height:0;display:grid;container-type:size}.pairs-grid{--gap:clamp(.4rem, 1.6cqw, .9rem);--columns:var(--wide-columns);--rows:var(--wide-rows);--card:min(calc((100cqw - (var(--columns) - 1) * var(--gap)) / var(--columns)), calc((100cqh - (var(--rows) - 1) * var(--gap) - 8px) / var(--rows)), 320px);grid-template-columns:repeat(var(--columns), var(--card));gap:var(--gap);display:grid}@container not (min-aspect-ratio:1){.pairs-grid{--columns:var(--tall-columns);--rows:var(--tall-rows)}}.pairs-card{aspect-ratio:1;width:var(--card);cursor:pointer;perspective:600px;background:0 0;border:0;padding:0;position:relative}.pairs-face{backface-visibility:hidden;border-radius:18px;place-items:center;transition:transform .35s;display:grid;position:absolute;inset:0;box-shadow:0 6px #0002}.pairs-back{color:#fff;font-size:clamp(1.6rem,var(--card)*.3,4rem);background:linear-gradient(135deg,#5ec8f0,#3a86c8);border:4px solid #fff}.pairs-front{background:var(--tile-soft);color:var(--ink);border:4px solid #b8e2e8;transform:rotateY(180deg)}.pairs-card.visible .pairs-back{transform:rotateY(180deg)}.pairs-card.visible .pairs-front{transform:rotateY(360deg)}.pairs-card.found .pairs-front{background:#eefbe6;border-color:#6fc25a}.pairs-picture{width:78%;height:auto}.claw{grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(.3rem,1.5cqh,.6rem);height:100%;display:grid}.claw-wanted{aspect-ratio:1;background:var(--tile-soft);width:clamp(48px,min(14cqw,18cqh),130px);color:var(--ink);border:4px solid #f06aa0;border-radius:50%;justify-self:center;place-items:center;display:grid;box-shadow:0 0 0 6px #f06aa033}.claw-wanted-picture{width:74%;height:auto}.claw-box{background:linear-gradient(#cfeefb 0%,#e8f7ff 60%,#f7a8d0 60%,#f06aa0 100%);border:5px solid #1a1030;border-radius:20px;position:relative;overflow:hidden;container-type:size}.claw-arm{flex-direction:column;align-items:center;width:min(14cqw,30cqh);transition:left .35s;display:flex;position:absolute;top:0;transform:translate(-50%)}.claw-cable{background:#9aa6ad;width:4px;height:18%;min-height:24px;transition:height .7s}.claw-hand{width:100%;height:auto}.claw-arm.phase-down .claw-cable{height:46cqh}.claw-carried{width:80%;height:auto;margin-top:-18px}.claw-prizes{justify-content:space-around;display:flex;position:absolute;bottom:6%;left:0;right:0}.claw-prize{place-items:center;width:min(18cqw,40cqh);transition:opacity .3s;display:grid}.claw-prize.taken{opacity:0}.claw-prize.wobble{animation:.45s shake}.claw-prize-picture{filter:drop-shadow(0 4px #0003);width:88%;height:auto}.claw-controls{justify-content:center;gap:.8rem;display:flex}.claw-button{color:#07566d;background:var(--tile);min-width:74px;font:inherit;cursor:pointer;border:4px solid #b8e2e8;border-radius:999px;place-items:center;padding:.7rem 1.1rem;font-size:1.2rem;font-weight:900;display:grid;box-shadow:0 6px #b8e2e8}.claw-button svg{width:32px;height:32px}.claw-button.grab{color:#fff;background:#c2306f;border-color:#fff;min-width:160px;box-shadow:0 6px #861d4b}.claw-button:disabled{opacity:.45;cursor:default}.whack{--hole:clamp(64px, min(30cqw, 30cqh), 260px);grid-template-rows:auto minmax(0,1fr);gap:.6rem;height:100%;display:grid}.whack-score{justify-content:center;gap:.4rem;display:flex}.whack-score span{background:#e7e2d4;border-radius:50%;width:18px;height:18px}.whack-score span.hit{background:#8a5a3b}.whack-field{grid-template-columns:repeat(var(--whack-columns,3), minmax(0, 1fr));background:#6fcf6a;border:5px solid #1a1030;border-radius:22px;align-content:center;gap:clamp(.4rem,2cqw,1.2rem);padding:clamp(.4rem,2cqw,1rem);display:grid}.whack-hole{height:var(--hole);cursor:pointer;background:0 0;border:0;padding:0;position:relative;overflow:hidden}.whack-rim{width:min(88%,var(--hole)*1.3);background:#1a1030;border-radius:50%;height:30%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.whack-critter{width:min(70%,var(--hole)*.75);transition:transform .16s;position:absolute;bottom:12%;left:50%;transform:translate(-50%,100%)}.whack-hole.up .whack-critter{transform:translate(-50%)}.whack-hole.bonk .whack-critter{transform:translate(-50%,30%)scale(.9,.7)}.whack-picture{width:100%;height:auto;max-height:calc(var(--hole)*.85);display:block}.piano-songs{flex-wrap:wrap;place-content:center;gap:1rem;height:100%;display:flex}.piano-song{width:clamp(110px,min(28cqw,60cqh),280px);font:inherit;color:#07566d;background:var(--tile);cursor:pointer;border:3px solid #b9dfe6;border-radius:22px;flex-direction:column;align-items:center;gap:.4rem;padding:1rem .8rem;font-size:clamp(.95rem,min(3cqw,6cqh),1.5rem);font-weight:900;display:flex;box-shadow:0 6px #9ccfd9}.piano-song-icon{font-size:clamp(2.2rem,min(9cqw,16cqh),5rem);line-height:1}.piano-song:active{transform:translateY(4px);box-shadow:0 2px #9ccfd9}.piano{flex-direction:column;justify-content:center;gap:clamp(.4rem,3vh,1.6rem);height:100%;display:flex}.piano-words{text-align:center;color:#6c8790;margin:0;font-size:clamp(1rem,min(3vw,4vh),1.6rem);font-weight:800;line-height:1.3}.piano-words .sung{color:#07566d}.piano-words .now{color:#07566d;background:#ffe066;border-radius:8px;padding:0 .15em}.piano-keys{touch-action:manipulation;background:#ff5a4e;border:4px solid #5b3a24;border-radius:18px 18px 22px 22px;flex:auto;width:min(760px,100%);min-height:120px;max-height:300px;margin:0 auto;padding:12px 12px 14px;display:flex;position:relative}.piano-white{cursor:pointer;background:#fff;border:3px solid #5b3a24;border-radius:0 0 12px 12px;flex:1;justify-content:center;align-items:flex-end;margin:0 2px;padding-bottom:12px;transition:transform 80ms;display:flex;position:relative;box-shadow:inset 0 -10px #e9e4dc}.piano-dot{aspect-ratio:1;background:var(--key-color);opacity:.55;border:2px solid #5b3a24;border-radius:50%;width:clamp(18px,4vw,30px)}.piano-white.next{background:color-mix(in srgb, var(--key-color) 35%, white);box-shadow:inset 0 -10px 0 color-mix(in srgb, var(--key-color) 55%, white),0 0 0 4px #fff59a,0 0 22px 8px #ffe066;z-index:1;animation:.9s ease-in-out infinite alternate piano-shine}.piano-white.next .piano-dot{opacity:1;transform:scale(1.25)}.piano-white.next:before{content:"⭐";font-size:clamp(1.2rem,4vw,2rem);animation:.6s ease-in-out infinite alternate piano-bounce;position:absolute;top:8px;left:50%;transform:translate(-50%)}.piano-white.pressed{transform:translateY(4px);box-shadow:inset 0 -4px #e9e4dc}.piano-black{z-index:2;top:12px;left:calc(12px + (100% - 24px)/8*(var(--after) + 1) - (100% - 24px)/8*.3);cursor:pointer;background:#2b2b33;border:3px solid #1a1a1f;border-radius:0 0 8px 8px;width:calc(7.5% - 1.8px);height:56%;position:absolute}.piano-black.pressed{background:#55555f}@keyframes piano-shine{0%{filter:brightness()}to{filter:brightness(1.12)}}@keyframes piano-bounce{0%{transform:translate(-50%)}to{transform:translate(-50%,-8px)}}@media (prefers-reduced-motion:reduce){.piano-white.next,.piano-white.next:before{animation:none}}.activity-button.melody-replay{color:#fff;background:#2a6fb0;border-color:#cfe6fb;box-shadow:0 6px #1d4f80}.cash{flex-direction:column;justify-content:space-evenly;align-items:center;gap:clamp(.3rem,1.5cqh,.6rem);height:100%;display:flex}.cash-item{background:var(--tile);color:var(--ink);border:4px solid #f2c14e;border-radius:22px;flex-direction:column;align-items:center;gap:.3rem;padding:clamp(.2rem,1.5cqh,.5rem) 1rem;display:flex;box-shadow:0 5px #d9a41c}.cash-item-picture{width:clamp(44px,min(26cqw,30cqh),280px);height:auto}.cash-tag{background:#fff3c4;border-radius:999px;gap:3px;padding:.2rem .5rem;display:flex}.cash-tag-coin{width:clamp(20px,min(6cqw,9cqh),64px);height:auto}.cash-slots-row{gap:.6rem;display:flex}.cash-slot{aspect-ratio:1;background:var(--tile-soft);width:clamp(42px,min(14cqw,22cqh),160px);color:var(--ink);border:4px dashed #a8861a;border-radius:50%;place-items:center;display:grid}.cash-slot.filled{border-style:solid;animation:.3s pop}.cash-slot-coin{width:100%;height:100%}.cash-purse{background:#8a5a3b;border-radius:18px;flex-wrap:wrap;justify-content:center;gap:.3rem;padding:.5rem .8rem;display:flex}.cash-hands{flex-wrap:wrap;justify-content:center;gap:clamp(.5rem,2cqw,1.2rem);display:flex}.cash-hand{cursor:pointer;background:#ffd9b8;border:4px solid #c98c4f;border-radius:40px 40px 26px 26px;place-items:center;min-width:clamp(84px,min(28cqw,44cqh),320px);min-height:clamp(64px,min(30cqh,30cqw),220px);padding:.6rem;display:grid;box-shadow:0 6px #a8703c}.cash-hand.wrong{opacity:.4;animation:.4s shake}.cash-hand.right{border-color:#3fae4a;box-shadow:0 6px #2a7d33}.cash-hand-coins{flex-wrap:wrap;justify-content:center;gap:3px;max-width:clamp(110px,24cqw,280px);display:flex}.cash-hand-coin{width:clamp(24px,min(7cqw,12cqh),80px);height:auto}.cash-scan .register-belt{justify-content:center;width:100%}.cash-scan-screen{min-width:clamp(80px,18cqw,160px);padding:.2rem 1.2rem}.cash-receipt{aspect-ratio:1;color:#fff;cursor:pointer;background:#3fae4a;border:4px solid #d9f5c9;border-radius:50%;place-items:center;width:clamp(56px,min(18cqw,24cqh),180px);animation:1.6s ease-in-out infinite invite-pulse;display:grid;box-shadow:0 7px #2a7d33}.cash-receipt.locked{opacity:.35;cursor:default;animation:none}.cash-receipt svg{width:50%;height:50%}.chalkboard{justify-content:center;align-items:center;gap:clamp(.5rem,2vw,1.2rem);width:100%;height:100%;display:flex;container-type:size}.chalkboard-frame{box-sizing:border-box;background:#c97f37;border:4px solid #3b2a1a;border-radius:14px;flex:none;width:min(100cqw - 130px,150cqh - 66px);padding:clamp(8px,1.4vw,16px);box-shadow:0 6px #3b2a1a40}.chalkboard-slate{box-sizing:border-box;aspect-ratio:3/2;touch-action:none;cursor:crosshair;background:#2f5a47;border:3px solid #3b2a1a;border-radius:6px;width:100%;height:auto;display:block}.chalkboard-slate.cloth{cursor:grab}.chalkboard-tools{grid-template-columns:repeat(2,52px);align-content:center;gap:.5rem;display:grid}.chalkboard-chalk,.chalkboard-cloth,.chalkboard-wipe{cursor:pointer;border:3px solid #3b2a1a;border-radius:12px;place-items:center;height:52px;padding:0;transition:transform .12s;display:grid}.chalkboard-chalk.selected,.chalkboard-cloth.selected,.chalkboard-wipe.selected{outline-offset:2px;outline:4px solid #ffd23a;transform:scale(1.08)}.chalkboard-chalk:active,.chalkboard-cloth:active,.chalkboard-wipe:active{transform:translateY(3px)}.chalkboard-chalk{background:#2f5a47}.chalkboard-chalk:after{content:"";background:var(--chalk);border:2px solid #3b2a1a;border-radius:6px;width:34px;height:14px;transform:rotate(-20deg)}.chalkboard-cloth,.chalkboard-wipe{background:#fff8e8}.chalkboard-cloth svg,.chalkboard-wipe svg{width:40px}.chalkboard-wipe{grid-column:span 2;height:58px;position:relative}.chalkboard-wipe .chalkboard-sparkle{width:18px;position:absolute;top:4px;right:14px}@container not (min-height:420px){.chalkboard-frame{width:min(100cqw - 220px,150cqh - 54px)}.chalkboard-tools{grid-template-columns:repeat(4,44px)}.chalkboard-chalk,.chalkboard-cloth,.chalkboard-wipe{height:44px}}@container not (min-aspect-ratio:1){.chalkboard-frame{width:min(100cqw,150cqh - 210px)}}@media (orientation:portrait){.chalkboard{flex-direction:column}.chalkboard-tools{grid-template-columns:repeat(5,52px)}.chalkboard-wipe{grid-column:span 1;height:52px}}.chalkboard.on-ground .chalkboard-frame{background:#d3c29f}.chalkboard.on-ground .chalkboard-slate{background:#e8dcc5}.building{grid-template-rows:minmax(0,1fr) auto;gap:.6rem;height:100%;display:grid;position:relative}.building-scene{touch-action:manipulation;background:#bfe9ff;border:5px solid #3b2a1a;border-radius:20px;width:100%;height:100%;min-height:0}.building-letter,.building-ghost{font-family:inherit;font-size:66px;font-weight:900}.building-letter{fill:#fff;stroke:#3b2a1a;stroke-width:4px;paint-order:stroke}.building-ghost{opacity:.45}.building-place.is-target{animation:.9s ease-in-out infinite alternate building-target}@keyframes building-target{0%{fill-opacity:.4;stroke-width:5px}to{fill-opacity:.95;stroke-width:10px}}.building-block,.building-dump{transform-box:fill-box;transform-origin:50%}.building-arrow{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.building-beacon{animation:.8s steps(2,end) infinite building-beacon}@keyframes building-beacon{50%{fill:#ffd23a}}.building-block.is-waiting{transform-origin:bottom;animation:1.6s ease-in-out infinite building-wait}.building-block.is-waiting:nth-of-type(2n){animation-delay:.4s}@keyframes building-wait{0%,70%,to{transform:translateY(0)}80%{transform:translateY(-12px)}}.building-carried{animation:.35s ease-out building-hop}@keyframes building-hop{0%{transform:translateY(var(--from-y))}}.building-landed{animation:.5s ease-out building-land}@keyframes building-land{0%{transform:translateY(var(--from-y))}70%{transform:translateY(-8px)}to{transform:translateY(0)}}.machine-digger .action-pick .building-tool,.machine-digger .action-drop .building-tool{animation:.65s ease-in-out building-lift}@keyframes building-lift{50%{transform:translateY(-34px)}}.machine-truck .action-drop .building-dump{transform-origin:0 100%;animation:.65s ease-in-out building-tip}@keyframes building-tip{50%{transform:rotate(-24deg)}}.machine-truck .action-pick .building-dump{animation:.65s ease-in-out building-load}@keyframes building-load{50%{transform:translateY(8px)}}.building-hook{transition:transform .6s ease-in-out}.building-machine.action-wrong{animation:.4s ease-in-out building-shake}@keyframes building-shake{25%{translate:-10px}75%{translate:10px}}.building-guide>path{transform-box:fill-box;transform-origin:50%;animation:.8s ease-in-out infinite alternate building-guide}@keyframes building-guide{to{transform:translate(14px)}}.building-controls{justify-content:center;align-items:center;gap:clamp(.8rem,4cqw,2.5rem);display:flex}.building-arrow,.building-action{cursor:pointer;touch-action:manipulation;border:5px solid #3b2a1a;transition:transform .1s,box-shadow .1s;box-shadow:0 6px #3b2a1a}.building-arrow:active:not(:disabled),.building-action:active:not(:disabled){transform:translateY(5px);box-shadow:0 1px #3b2a1a}.building-arrow:disabled,.building-action:disabled{opacity:.45;cursor:default}.building-arrow{aspect-ratio:1;color:#fff;background:#3aa0ff;border-radius:50%;place-items:center;width:clamp(52px,min(10cqw,16cqh),110px);display:grid}.building-arrow svg{stroke-width:3.5px;width:60%;height:60%}.building-action{color:#3b2a1a;background:#ffd23a;border-radius:999px;min-width:clamp(130px,22cqw,260px);height:clamp(52px,min(10cqw,16cqh),110px);padding:0 1.4rem;font-size:clamp(1.2rem,min(3.5cqw,6cqh),2.2rem);font-weight:900}@media (prefers-reduced-motion:reduce){.building-block.is-waiting,.building-place.is-target{animation:none}}.event-check,.event-undo{color:#fff;cursor:pointer;background:#3fae4a;border:4px solid #d9f5c9;border-radius:50%;flex:none;place-items:center;width:clamp(56px,min(14cqw,20cqh),110px);height:clamp(56px,min(14cqw,20cqh),110px);display:grid;box-shadow:0 5px #2a7d33}.event-check svg,.event-undo svg{width:55%;height:55%}.event-undo{color:#6b4a00;background:var(--yellow);border-color:#fff6bc;box-shadow:0 5px #d5a800}.event-check:disabled,.event-undo:disabled{opacity:.4;cursor:default}.event-check:active:not(:disabled),.event-undo:active:not(:disabled){box-shadow:none;transform:translateY(3px)}.recipe{grid-template-rows:minmax(0,1fr) auto;gap:clamp(.3rem,2cqh,.8rem);height:100%;display:grid}.recipe-pot{border-radius:40% 40% 48% 48%/22% 22% 60% 60%;flex-wrap:wrap;place-content:center;place-self:center;gap:.3rem;width:min(100%,720px);min-height:clamp(110px,40cqh,420px);padding:1.2rem 1.6rem 1.6rem;display:flex}.recipe.look-bucket .recipe-pot{background:linear-gradient(#ffe39a,#f2c14e);border:6px solid #d5a800;border-radius:16px 16px 40px 40px}.recipe.solved .recipe-pot{box-shadow:0 0 0 8px #c9f0cd}.recipe-item{cursor:pointer;background:0 0;border:0;place-items:center;width:clamp(40px,min(10cqw,13cqh),96px);height:clamp(40px,min(10cqw,13cqh),96px);padding:0;display:grid}.recipe-item.fixed{cursor:default;opacity:.85}.recipe-picture{width:100%;height:100%}.recipe-shelf{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(.5rem,2vw,1rem);display:flex}.recipe-shelf .activity-choice{min-width:clamp(60px,min(18cqw,22cqh),150px);min-height:clamp(60px,min(18cqw,22cqh),150px)}.recipe-shelf-picture{width:clamp(40px,min(12cqw,15cqh),104px);height:clamp(40px,min(12cqw,15cqh),104px)}.cauldron{isolation:isolate;place-self:center;justify-items:center;width:min(100%,540px,110cqh);padding-top:clamp(16px,6cqh,52px);display:grid;position:relative}.cauldron .recipe-pot{background:radial-gradient(30% 22% at 28% 30%,#ffffff29,#0000 70%),radial-gradient(at 50% 20%,#4a505b,#2a2e35 70%,#1c1f24);border:6px solid #15171b;border-radius:22% 22% 50% 50%/16% 16% 70% 70%;width:100%;min-height:clamp(56px,24cqh,210px);margin-top:-14px;padding:clamp(.6rem,3cqh,1.6rem) 2rem clamp(1rem,4cqh,2.4rem);position:relative;box-shadow:inset 0 -14px #00000040}.cauldron .recipe-pot:before,.cauldron .recipe-pot:after{content:"";z-index:-1;background:#22262c;border:5px solid #15171b;border-radius:40% 40% 50% 50%;width:26px;height:26px;position:absolute;bottom:-18px}.cauldron .recipe-pot:before{left:22%}.cauldron .recipe-pot:after{right:22%}.cauldron-rim{z-index:1;background:linear-gradient(#5a616d,#2a2e35);border:6px solid #15171b;border-radius:50%;place-items:center;width:106%;height:clamp(26px,8cqh,60px);display:grid;position:relative;box-shadow:0 -8px 28px #7cd85a73}.cauldron-potion{background:radial-gradient(at 50% 40%,#b6f27a,#6fd35a 45%,#3e9e3a);border:3px solid #234a22;border-radius:50%;width:88%;height:62%;transition:background .6s;position:relative;overflow:hidden}.cauldron-bubble{background:#d8ffb0;border:2px solid #3e9e3a;border-radius:50%;width:14px;height:14px;animation:1.8s ease-in infinite cauldron-bubble;position:absolute;bottom:18%}.cauldron-bubble:first-child{animation-delay:0s;left:14%}.cauldron-bubble:nth-child(2){width:10px;height:10px;animation-delay:.7s;left:32%}.cauldron-bubble:nth-child(3){width:18px;height:18px;animation-delay:.3s;left:50%}.cauldron-bubble:nth-child(4){animation-delay:1.1s;left:68%}.cauldron-bubble:nth-child(5){width:10px;height:10px;animation-delay:.5s;left:82%}.cauldron-steam{pointer-events:none;justify-content:space-around;height:clamp(24px,8cqh,64px);display:flex;position:absolute;top:0;left:25%;right:25%}.cauldron-steam span{background:#bef5a0b3;border-radius:50%;width:22px;height:22px;margin-top:auto;animation:2.6s ease-out infinite cauldron-steam}.cauldron-steam span:nth-child(2){animation-delay:.9s}.cauldron-steam span:nth-child(3){animation-delay:1.7s}.cauldron-fire{width:40%;margin-top:8px;overflow:visible}.cauldron-flames{transform-box:fill-box;transform-origin:50% 100%;animation:.5s ease-in-out infinite alternate cauldron-flicker}.cauldron .recipe-pot>:not(.cauldron-depths){z-index:1;position:relative}.cauldron-depths{pointer-events:none;position:absolute;inset:12% 14% 18%;overflow:hidden}.cauldron-depths span{background:#96e66e2e;border:3px solid #96e66ebf;border-radius:50%;width:16px;height:16px;animation:3.2s ease-in infinite cauldron-rise;position:absolute;bottom:-20px}.cauldron-depths span:first-child{animation-delay:0s;left:6%}.cauldron-depths span:nth-child(2){width:10px;height:10px;animation-delay:1.3s;left:20%}.cauldron-depths span:nth-child(3){width:22px;height:22px;animation-delay:.6s;left:34%}.cauldron-depths span:nth-child(4){animation-delay:2.1s;left:50%}.cauldron-depths span:nth-child(5){width:12px;height:12px;animation-delay:.9s;left:64%}.cauldron-depths span:nth-child(6){width:20px;height:20px;animation-delay:1.8s;left:78%}.cauldron-depths span:nth-child(7){width:10px;height:10px;animation-delay:2.6s;left:90%}@keyframes cauldron-rise{0%{opacity:0;transform:translate(0)scale(.5)}15%{opacity:1}50%{transform:translate(6px,-60px)scale(.9)}to{opacity:0;transform:translate(-4px,-150px)scale(1.2)}}.cauldron-witch{z-index:2;pointer-events:none;transform-origin:40% 100%;width:34%;animation:2.4s ease-in-out infinite alternate cauldron-witch-sway;position:absolute;bottom:2%;left:-24%}.cauldron-witch-stir{transform-box:view-box;transform-origin:101px 140px;animation:1.2s ease-in-out infinite alternate cauldron-witch-stir}@keyframes cauldron-witch-sway{0%{transform:rotate(-2deg)}to{transform:rotate(2deg)}}@keyframes cauldron-witch-stir{0%{transform:rotate(-6deg)}to{transform:rotate(8deg)}}@container (max-width:700px){.cauldron{width:min(78%,110cqh)}.cauldron-witch{width:30%;left:-22%}}.recipe.solved .cauldron-potion{background:radial-gradient(at 50% 40%,#e6c8ff,#b07cf0 45%,#6f45d6)}.recipe.solved .cauldron-bubble{background:#fff3a8;border-color:#6f45d6}.recipe.solved .cauldron-steam span{background:#d6baffcc}.recipe.look-cauldron.solved .recipe-pot{box-shadow:inset 0 -14px #00000040,0 0 0 8px #c9f0cd}@keyframes cauldron-bubble{0%{opacity:0;transform:translateY(6px)scale(.4)}30%{opacity:1}80%{opacity:1;transform:translateY(-4px)scale(1)}to{opacity:0;transform:translateY(-6px)scale(1.3)}}@keyframes cauldron-steam{0%{opacity:0;transform:translateY(10px)scale(.5)}30%{opacity:.9}to{opacity:0;transform:translateY(-46px)scale(1.6)}}@keyframes cauldron-flicker{0%{transform:scale(1)}to{transform:scale(1.06,.9)}}@media (prefers-reduced-motion:reduce){.cauldron-bubble,.cauldron-steam span,.cauldron-flames,.cauldron-depths span,.cauldron-witch,.cauldron-witch-stir{animation:none}}.syllables{grid-template-rows:minmax(0,1fr) auto auto;justify-items:center;gap:.5rem;height:100%;min-height:0;display:grid}.syllables-word{background:var(--tile-soft);width:min(100%,900px);min-height:0;color:var(--ink);border-radius:24px;grid-template-rows:minmax(0,1fr) auto;place-items:center;gap:.2rem;padding:.4rem;display:grid}.syllables-picture{width:auto;max-width:100%;height:100%;max-height:420px}.syllables-parts{color:#07566d;letter-spacing:.04em;font-size:clamp(1.5rem,4vw,2.2rem)}.syllables-row{gap:.5rem;display:flex}.syllables-slot{border:3px dashed #e4d6bd;border-radius:50%;place-items:center;width:clamp(36px,min(11cqw,14cqh),110px);height:clamp(36px,min(11cqw,14cqh),110px);display:grid}.syllables-slot.filled{background:#fff3d6;border-style:solid;border-color:#f29a2e}.syllables-token{width:80%;height:80%;animation:.4s ease-out event-drop}.syllables-actions{align-items:center;gap:clamp(.8rem,4vw,2rem);display:flex}.syllables-tap{border-radius:50%;width:clamp(64px,min(22cqw,26cqh),210px);min-width:0;height:clamp(64px,min(22cqw,26cqh),210px);min-height:0}.syllables-tap-picture{width:70%;height:70%}@keyframes event-drop{0%{opacity:0;transform:translateY(-30px)rotate(-30deg)}}.where{grid-template-columns:minmax(0,1fr) auto;place-items:center;gap:.8rem;height:100%;min-height:0;display:grid}.where-board{aspect-ratio:1;grid-template:1fr 1.3fr 1fr/1fr 1.3fr 1fr;gap:.4rem;width:min(100%,100cqh,620px);display:grid;position:relative}.where-reference{grid-area:2/2;place-items:center;display:grid}.where-reference-picture{width:100%;height:100%}.where-spot{cursor:pointer;background:#fff9;border:4px dashed #b8e2e8;border-radius:50%;place-items:center;padding:.2rem;display:grid}.where-spot.spot-above{grid-area:1/2}.where-spot.spot-left{grid-area:2/1}.where-spot.spot-right{grid-area:2/3}.where-spot.spot-below{grid-area:3/2}.where-spot.wrong{opacity:.5;border-color:#f1c9c6}.where-spot.placed{background:#e8f8ea;border-style:solid;border-color:#3fae4a}.where-item{width:90%;height:90%;animation:.35s ease-out event-drop}.where-hand{background:var(--tile);width:clamp(56px,min(16cqw,20cqh),130px);height:clamp(56px,min(16cqw,20cqh),130px);color:var(--ink);border:4px solid #f2c14e;border-radius:20px;padding:.4rem}.where-hand-picture{width:100%;height:100%}.share{grid-template-rows:auto 1fr;gap:.8rem;height:100%;display:grid}.share-top{align-items:center;gap:.6rem;display:flex}.share-pile{background:var(--tile-soft);min-height:64px;color:var(--ink);border-radius:18px;flex-wrap:wrap;flex:1;justify-content:center;gap:.2rem;padding:.4rem;display:flex}.share-piece{width:clamp(30px,min(7cqw,12cqh),90px);height:clamp(30px,min(7cqw,12cqh),90px)}.share-plates{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(.6rem,3cqw,1.6rem);display:flex}.share-plate{justify-items:center;gap:.2rem;display:grid}.share-guest{width:clamp(40px,min(11cqw,20cqh),180px);height:clamp(40px,min(11cqw,20cqh),180px)}.share-dish{cursor:pointer;background:radial-gradient(#fff 0 55%,#e6ecef 56%);border:4px solid #c6d3d9;border-radius:50%;flex-wrap:wrap;place-content:center;gap:.1rem;width:clamp(84px,min(26cqw,46cqh),340px);min-height:clamp(64px,min(20cqw,36cqh),270px);padding:.5rem;display:flex}.share.solved .share-dish{border-color:#3fae4a}.compare{justify-content:center;align-items:center;gap:clamp(1rem,6cqw,4rem);height:100%;display:flex}.compare-plate{cursor:pointer;background:radial-gradient(at 50% 92%,#fff 0 30%,#e6ecef 31% 36%,#0000 37%),#fdf1d6;border:4px solid #b8e2e8;border-radius:26px;justify-content:center;align-items:flex-end;width:clamp(110px,min(34cqw,56cqh),360px);min-height:clamp(150px,min(92cqh,90cqw),720px);padding:.6rem .6rem 1.2rem;display:flex}.compare-plate.right{border-color:#3fae4a;box-shadow:0 0 0 6px #c9f0cd}.compare-plate.wrong{opacity:.5}.compare-stack{flex-direction:column-reverse;align-items:center;display:flex}.compare-item{--item:clamp(28px, min(12cqw, 15cqh), 110px);width:clamp(64px,min(28cqw,36cqh),260px);height:var(--item);margin-top:calc(var(--item)/-3)}.odd{flex-wrap:wrap;place-content:center;gap:clamp(.6rem,3cqw,1.2rem);height:100%;display:flex}.odd .activity-choice{position:relative}.odd-picture{width:clamp(44px,min(17cqw,44cqh),280px);height:clamp(44px,min(17cqw,44cqh),280px)}.odd-sticker{width:54px;height:54px;animation:.4s ease-out event-drop;position:absolute;top:-14px;right:-14px;transform:rotate(-20deg)}.ordinal{justify-content:center;align-items:center;gap:clamp(.3rem,2cqw,1rem);height:100%;display:flex}.ordinal-start{flex:none;width:clamp(44px,min(13cqw,40cqh),220px);height:clamp(44px,min(13cqw,40cqh),220px)}.ordinal-row{gap:clamp(.2rem,1.5cqw,.8rem);display:flex}.ordinal-pot{cursor:pointer;background:0 0;border:0;justify-items:center;padding:0;display:grid}.ordinal-plant{width:clamp(40px,min(13cqw,40cqh),220px);height:clamp(40px,min(13cqw,40cqh),220px)}.ordinal-pot-base{background:#c97f37;border:3px solid #5b3a24;border-radius:4px 4px 14px 14px;width:clamp(34px,min(11cqw,34cqh),186px);height:clamp(24px,min(7cqw,21cqh),120px);margin-top:-8px}.ordinal-pot.wrong{opacity:.5}.ordinal-pot.bloomed .ordinal-plant{animation:.5s ease-out event-drop}.pitch{place-items:center;gap:1rem;height:100%;display:grid}.pitch-listen{color:#fff;cursor:pointer;background:#3a8fd8;border:4px solid #cfe6fb;border-radius:50%;place-items:center;width:clamp(64px,min(16cqw,18cqh),110px);height:clamp(64px,min(16cqw,18cqh),110px);display:grid}.pitch-listen svg{width:55%;height:55%}.pitch-families{gap:clamp(1rem,6cqw,4rem);display:flex}.pitch-family{min-width:clamp(100px,min(36cqw,46cqh),300px);min-height:clamp(100px,min(36cqw,46cqh),300px)}.pitch-picture{width:clamp(76px,min(28cqw,36cqh),240px);height:clamp(76px,min(28cqw,36cqh),240px)}.dots{place-items:center;height:100%;display:grid}.dots-board{aspect-ratio:1;background:radial-gradient(circle at 50% 30%,#2b3f8f,#16205a);border-radius:26px;width:min(100%,100cqh,760px)}.dots-dot{cursor:pointer}.dots-dot circle{fill:#fff6c2;stroke:#f2a42b;stroke-width:1.2px}.dots-dot text{fill:#16205a;pointer-events:none;font-family:Arial,sans-serif}.dots-dot.lit circle{fill:#ffd23f}.dots.order-down .dots-dot.lit{opacity:.25}.dots-dot.shake{transform-box:fill-box;transform-origin:50%;animation:.4s event-shake}.dots-boom{transform-origin:50% 45%;animation:1.6s ease-out infinite event-burst}@keyframes event-shake{25%{transform:translate(-1.5px)}75%{transform:translate(1.5px)}}@media (prefers-reduced-motion:reduce){.syllables-token,.where-item,.odd-sticker,.ordinal-plant,.dots-dot.shake,.dots-boom{animation:none!important}}.advent{background:linear-gradient(#2b5a3a,#1d4029);border:6px solid #8a5128;border-radius:18px;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(6,1fr);gap:clamp(.2rem,1.2cqw,.7rem);height:100%;min-height:0;padding:clamp(.3rem,1.5cqw,.9rem);display:grid}.advent-door{color:#fff;background:var(--door);cursor:pointer;border:3px solid #fff3d6;border-radius:12px;place-items:center;min-height:0;padding:.2rem;display:grid;position:relative;box-shadow:0 4px #0000004d}.advent-door:active{box-shadow:none;transform:translateY(3px)}.advent-number{text-shadow:0 0 3px #0000008c,0 2px #00000059;font-size:clamp(1rem,min(5cqw,9cqh),2.6rem);font-weight:900;line-height:1}.advent-door.opened{border-color:var(--door);background:#fff8e8}.advent-picture{width:100%;height:100%;max-height:80px}.advent-door.locked{filter:saturate(.35)brightness(.8);cursor:default}.advent-lock{color:#fff3d6;width:32%;max-width:22px;height:32%;position:absolute;bottom:4px;right:4px}.advent-door.today{border-color:#ffd23f;animation:1.2s ease-in-out infinite alternate advent-shine}@keyframes advent-shine{0%{box-shadow:0 0 #ffd23fe6,0 4px #0000004d}to{transform:scale(1.06);box-shadow:0 0 0 9px #ffd23f40,0 4px #0000004d}}@media (prefers-reduced-motion:reduce){.advent-door.today{animation:none;box-shadow:0 0 0 6px #ffd23f99}}.recipe.look-stocking .recipe-pot{background:linear-gradient(#fff 0 18%,#e8544b 18%);border:6px solid #9a2d27;border-radius:18px 18px 48px 120px}[data-activity=advent-05] .whack-field{background:linear-gradient(#cfe6f7,#f4fbff)}[data-activity=advent-05] .whack-rim{background:#8fb3cc}.maze{place-items:center;height:100%;min-height:0;display:grid}.maze-board{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;max-height:100%}.maze-floor{fill:#eef7fb}.maze-trail{fill:none;stroke:#ffb347;stroke-width:7px;stroke-linecap:round;stroke-linejoin:round;opacity:.85}.maze-walls,.maze-border{fill:none;stroke:#2f5d7c;stroke-width:2.6px;stroke-linecap:round}.maze-goal circle{fill:#fff3c4;stroke:#f2c14e;stroke-width:1.2px}.maze.solved .maze-goal circle{fill:#c9f0cd;stroke:#3fae4a}.maze-hero{transition:transform .12s ease-out}.maze-bump{transform-box:fill-box;transform-origin:50%;animation:.35s maze-bump}@keyframes maze-bump{25%{transform:translate(-1.5px)}75%{transform:translate(1.5px)}}.stickers{touch-action:none;-webkit-user-select:none;user-select:none;grid-template-rows:minmax(0,1fr) auto;justify-items:center;gap:.6rem;height:100%;min-height:0;display:grid}.stickers-scene{aspect-ratio:16/10;border:4px solid #fff;border-radius:18px;max-width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 4px #d8c9a8}.stickers-scene.done{animation:.6s pop}.stickers-backdrop{width:100%;height:100%;position:absolute;inset:0}.stickers-decor,.stickers-spot{aspect-ratio:1;position:absolute}.stickers-decor{pointer-events:none}.stickers-decor.flip .stickers-picture{transform:scaleX(-1)}.stickers-picture{width:100%;height:100%;display:block}.stickers-spot{cursor:pointer;background:#ffffff59;border:3px dashed #fff;border-radius:50%;padding:0}.stickers-spot.ready{animation:1.1s ease-in-out infinite dot-pulse}.stickers-spot.stuck{background:0 0;border:0;animation:.35s ease-out event-drop}.stickers-tray{flex-wrap:wrap;justify-content:center;gap:clamp(.4rem,2vw,.9rem);display:flex}.stickers-tray.bounced{animation:.4s shake}.stickers-sticker{background:var(--tile);cursor:grab;touch-action:none;width:clamp(48px,min(14cqw,18cqh),120px);height:clamp(48px,min(14cqw,18cqh),120px);color:var(--ink);border:4px solid #f2c14e;border-radius:18px;padding:.35rem;box-shadow:0 5px #e0b23a}@container (min-aspect-ratio:3/2){.stickers{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) auto;align-items:center}.stickers-tray{flex-direction:column;max-height:100%}.stickers-sticker{width:clamp(44px,min(14cqw,17cqh),120px);height:clamp(44px,min(14cqw,17cqh),120px)}}.stickers-sticker.selected{border-color:#3fae4a;transform:translateY(-6px);box-shadow:0 5px #2f8a3a}.stickers-sticker.lifted{opacity:.35}.stickers-ghost{z-index:50;pointer-events:none;filter:drop-shadow(0 6px 6px #00000040);width:84px;height:84px;position:fixed;transform:translate(-50%,-50%)scale(1.1)}.story{grid-template-columns:minmax(0,1fr) auto;place-items:center;gap:.8rem;height:100%;min-height:0;display:grid}.story-scene{aspect-ratio:16/10;border:4px solid #fff;border-radius:18px;width:100%;max-height:100%;position:relative;overflow:hidden;box-shadow:0 4px #d8c9a8}.story>.story-scene{width:auto;max-width:100%;height:100%}.story-scene.sky-day{background:linear-gradient(#bfe6f7 0 64%,#f4f8fb 64%)}.story-scene.sky-night{background:linear-gradient(#22406b 0 64%,#e6eef5 64%)}.story-scene.sky-painted{background:#bfe6f7}.story-backdrop{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.story-scene.small{box-shadow:none;border-width:3px;border-radius:12px}.story-element{aspect-ratio:1;filter:drop-shadow(0 2px 1px #3a261840);position:absolute}.story-element.flip .story-picture{transform:scaleX(-1)}.story-picture{width:100%;height:100%;display:block}.story-reading{grid-template-columns:1fr;width:100%;container-type:size}.story-page{aspect-ratio:16/10;cursor:default;background:0 0;border:0;border-radius:18px;width:min(100cqw,160cqh);padding:0;position:relative}.story-page.ready{cursor:pointer}.story-page>.story-scene{width:100%;height:100%;position:absolute;inset:0}.story-next{aspect-ratio:1;color:#fff;opacity:.75;pointer-events:none;background:#9cc9a3;border:3px solid #fff;border-radius:50%;place-items:center;width:clamp(40px,9%,64px);display:grid;position:absolute;bottom:4%;right:2.5%;box-shadow:0 4px #7aa882}.story-next.ready{opacity:1;background:#3fae4a;animation:1.4s ease-in-out infinite dot-pulse;box-shadow:0 4px #2f8a3a}.story-next svg{stroke-width:3px;width:60%;height:60%}.story-question,.story-order{grid-template-columns:1fr}.story-choices{flex-wrap:wrap;justify-content:center;gap:clamp(.6rem,3cqw,1.4rem);display:flex}.story-choice-picture{width:clamp(56px,min(22cqw,40cqh),260px);height:clamp(56px,min(22cqw,40cqh),260px)}.story-order{grid-template-rows:auto auto;align-content:center;gap:1rem;padding-top:.7rem}.story-slots,.story-cards{justify-content:center;gap:1rem;width:100%;display:flex}.story-slot,.story-card{aspect-ratio:16/10;width:min(33.3333cqw - .666667rem,80cqh - 1.36rem);position:relative}.story-slot{border:3px dashed #b8e2e8;border-radius:14px;place-items:center;display:grid}.story-slot.filled{border-style:solid;border-color:#3fae4a}.story-slot-number{z-index:1;color:#fff;background:#2f9a4a;border-radius:50%;place-items:center;width:1.8rem;height:1.8rem;font-weight:900;display:grid;position:absolute;top:-.7rem;left:-.5rem}.story-slot .story-scene,.story-card .story-scene{width:100%;height:100%;position:absolute;inset:0}.story-card{cursor:pointer;background:0 0;border:0;padding:0}.story-card.wrong{animation:.4s shake}.bookshelf{height:100%;min-height:0;position:relative;container-type:size}.bookshelf-case{background:linear-gradient(90deg,#7a4524,#9a5f33 6%,#a86a38 50%,#9a5f33 94%,#7a4524);border:6px solid #6a3a1c;border-radius:18px;grid-auto-rows:1fr;gap:0;height:100%;padding:clamp(.3rem,1.2vw,.7rem) clamp(.5rem,2vw,1.2rem) 0;display:grid}.bookshelf-shelf{grid-template-columns:repeat(var(--per-shelf), 1fr);background:linear-gradient(#6a3a1c,#8a5128 14% 0) top/100% 100% no-repeat;border-bottom:clamp(8px,1.6vw,14px) solid #e9a55b;place-items:end center;gap:clamp(.3rem,1.5vw,1rem);min-height:0;margin-bottom:5px;padding:clamp(.25rem,.8vw,.5rem) 0 0;display:grid;box-shadow:0 5px #c97f37}.bookshelf-book{aspect-ratio:1;cursor:pointer;max-width:100%;height:100%;min-height:0;max-height:100%;transform:rotate(var(--tilt));transform-origin:bottom;background:0 0;border:0;padding:0;transition:transform .15s;position:relative}.bookshelf-book:hover,.bookshelf-book:focus-visible{transform:translateY(-4px)rotate(0)}.bookshelf-book:active{transform:translateY(2px)rotate(0)}.bookshelf-cover{background:linear-gradient(90deg, #00000038 0 7%, #ffffff2e 7% 9%, transparent 9%),var(--book);border:2px solid #3a2618;border-radius:4px 9px 9px 4px;padding:9% 9% 9% 15%;display:grid;position:absolute;inset:0;box-shadow:0 4px #0000004d}.bookshelf-window{background:var(--tile-soft);min-height:0;color:var(--ink);border:2px solid #3a2618;border-radius:8px;place-items:center;display:grid;position:relative;overflow:hidden}.bookshelf-hero{width:78%;height:78%}.bookshelf-painting{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.bookshelf-thing{width:42%;height:42%;position:absolute;bottom:3%;right:3%}.bookshelf-read{aspect-ratio:1;color:#f0b400;fill:#ffd23a;stroke-width:1.6px;filter:drop-shadow(0 2px #0000004d);width:34%;height:auto;position:absolute;top:-8%;right:-10%}.bookshelf-ask{z-index:2;background:#3a2618b8;border-radius:18px;grid-template-rows:minmax(0,1fr) auto auto;align-content:center;justify-items:center;gap:clamp(.3rem,2cqh,.8rem);padding:3cqh 1rem;animation:.3s pop;display:grid;position:absolute;inset:0}.bookshelf-ask-book{aspect-ratio:1;cursor:pointer;background:0 0;border:0;max-width:80cqw;height:100%;max-height:100%;padding:0;position:relative}.bookshelf-ask-title{color:#fff;text-align:center;text-shadow:0 2px #0006;margin:0;font-size:clamp(1rem,5cqh,1.6rem);font-weight:900}.bookshelf-ask-buttons{gap:clamp(1rem,8cqw,3rem);display:flex}.bookshelf-yes,.bookshelf-no{aspect-ratio:1;color:#fff;cursor:pointer;border:4px solid #fff;border-radius:50%;place-items:center;width:clamp(54px,16cqh,84px);display:grid}.bookshelf-yes{background:#3fae4a;animation:1.4s ease-in-out infinite dot-pulse;box-shadow:0 5px #2f8a3a}.bookshelf-no{background:#e8544b;box-shadow:0 5px #b83a33}.bookshelf-yes svg,.bookshelf-no svg{stroke-width:3.2px;width:60%;height:60%}@container (max-height:330px){.bookshelf-case{scroll-snap-type:x proximity;overscroll-behavior-x:contain;border-bottom-width:18px;border-bottom-color:#e9a55b;align-items:end;gap:clamp(.6rem,3cqw,1.2rem);padding:.6rem 1rem 0;display:flex;overflow:auto hidden;box-shadow:inset 0 -6px #c97f37}.bookshelf-shelf{display:contents}.bookshelf-book{scroll-snap-align:center;flex:none;max-width:none;height:calc(100cqh - 2.4rem)}}@container (orientation:portrait) and (min-height:331px){.bookshelf-case{grid-template-columns:repeat(3,1fr);grid-auto-rows:auto;align-items:end;gap:1.1rem .6rem;padding:.8rem .6rem;display:grid;overflow-y:auto}.bookshelf-shelf{display:contents}.bookshelf-book{aspect-ratio:auto;width:100%;height:0;max-height:none;padding-bottom:100%}}@container (orientation:portrait) and (min-height:331px) and (min-width:600px){.bookshelf-case{grid-template-columns:repeat(4,1fr);gap:1.4rem 1rem;padding:1rem}}@container (max-height:330px){.bookshelf-ask{grid-template-rows:auto auto;grid-template-columns:auto auto;column-gap:6cqw;padding:1rem}.bookshelf-ask-book{grid-row:1/3;height:calc(100cqh - 2rem)}.bookshelf-ask-title{align-self:end}.bookshelf-ask-buttons{align-self:start}}@media (prefers-reduced-motion:reduce){.bookshelf-book{transition:none}}.aquarium-game{justify-content:center;align-items:center;height:100%;display:flex}.aquarium-tank{aspect-ratio:4/3;width:min(100%,132vh);max-height:100%}.aquarium-game-fish{cursor:pointer;transform-box:fill-box;transform-origin:50%;transition:opacity .3s;animation:2.8s ease-in-out infinite alternate aquarium-swim}.aquarium-game-fish:focus-visible{filter:drop-shadow(0 0 4px #fff)drop-shadow(0 0 2px #2b3a4a);outline:none}.aquarium-game-fish.wrong{opacity:.35;cursor:default}.aquarium-game-fish.right{filter:drop-shadow(0 0 6px #fff)drop-shadow(0 0 10px #3fae4a);animation:.5s ease-in-out 3 aquarium-happy}@keyframes aquarium-swim{0%{transform:translate(-6px,-3px)}to{transform:translate(6px,3px)}}@keyframes aquarium-happy{50%{transform:scale(1.18)rotate(-6deg)}}.aquarium-game-bubble{transform-box:fill-box;opacity:0;animation:3.6s ease-in infinite aquarium-bubble}@keyframes aquarium-bubble{0%{opacity:0;transform:translateY(0)}15%{opacity:1}to{opacity:0;transform:translateY(-240px)}}@media (prefers-reduced-motion:reduce){.aquarium-game-fish,.aquarium-game-bubble{animation:none}}.race{background:#bfe9ff;border-radius:22px;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.race-stage{flex:1;min-height:0;position:relative}.race-scene{touch-action:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.race-finish{fill:#fff;stroke:#2b3a4a;stroke-width:8px;paint-order:stroke;font:900 72px/1 Fredoka,Arial Rounded MT Bold,Arial,sans-serif}.race-slot.is-full{transform-box:fill-box;transform-origin:50%;animation:.4s ease-out race-slot}@keyframes race-slot{50%{transform:scale(1.35)}}.race-flag-wave{transform-box:fill-box;transform-origin:0 100%;animation:.5s ease-in-out infinite alternate race-flag}@keyframes race-flag{to{transform:rotate(-8deg)}}.race-controls{pointer-events:none;justify-content:space-between;padding:0 1rem;display:flex;position:absolute;bottom:.8rem;left:0;right:0}.race-arrow{pointer-events:auto;color:#4a3500;background:var(--yellow);touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;border:5px solid #fff6bc;border-radius:50%;place-items:center;width:clamp(76px,12vw,108px);height:clamp(76px,12vw,108px);display:grid;box-shadow:0 6px #d5a800,0 8px 18px #00000040}.race-arrow:active{transform:translateY(4px);box-shadow:0 2px #d5a800}.race-arrow svg{stroke-width:3px;width:55%;height:55%}@media (prefers-reduced-motion:reduce){.race-slot.is-full,.race-flag-wave{animation:none}}.fire{background:#bfe9ff;border-radius:22px;place-items:center;height:100%;display:grid;overflow:hidden}.fire-scene{width:100%;height:100%}.fire-number{fill:#fff;stroke:#2b3a4a;stroke-width:5px;paint-order:stroke;font:900 36px/1 Fredoka,Arial Rounded MT Bold,Arial,sans-serif}.fire-window{cursor:pointer}.fire-window:focus{outline:none}.fire-window:focus-visible{outline:4px solid #07566d}.fire-window.is-wrong{transform-box:fill-box;transform-origin:50%;animation:.4s ease-in-out fire-shake}@keyframes fire-shake{25%{transform:translate(-10px)}75%{transform:translate(10px)}}.fire-flame{transform-box:fill-box;transform-origin:50% 100%;animation:.5s ease-in-out infinite alternate fire-flicker}@keyframes fire-flicker{to{transform:scale(1.08,.94)}}.fire-smoke{animation:1.2s ease-out forwards fire-smoke}@keyframes fire-smoke{to{opacity:0;transform:translateY(-40px)}}.fire-water-flow{animation:.4s linear infinite fire-flow}@keyframes fire-flow{to{stroke-dashoffset:-48px}}@media (prefers-reduced-motion:reduce){.fire-window.is-wrong,.fire-flame,.fire-smoke,.fire-water-flow{animation:none}}.phone-game{--key:min(17cqh, 7cqw);--gap:calc(var(--key) * .12);background:#dcecff;border-radius:22px;grid-template-columns:minmax(0,1fr) auto;place-items:center;gap:3cqw;height:100%;padding:2cqh 4cqw;font-family:Fredoka,Arial Rounded MT Bold,Arial,sans-serif;display:grid;overflow:hidden;container-type:size}.police-officer{width:100%;height:100%;max-height:100%}.police-officer-arm{transform-box:fill-box;transform-origin:90% 100%;animation:.6s ease-in-out 4 alternate police-wave}@keyframes police-wave{to{transform:rotate(-12deg)}}.phone-lock{align-items:center;gap:var(--key);flex-direction:column;display:flex}.phone-lock-icon{width:calc(var(--key)*1.6);height:calc(var(--key)*1.6);color:#2b3a4a}.phone-emergency{height:calc(var(--key)*1.2);padding:0 calc(var(--key)*.6);color:#fff;font:inherit;font-size:calc(var(--key)*.5);cursor:pointer;background:#e8544b;border:4px solid #2b3a4a;border-radius:999px;font-weight:700}.phone-keypad{place-items:center;gap:var(--gap);display:grid}.phone-row,.phone-call{grid-column:2}.phone-row{gap:var(--gap);display:flex}.phone-number{min-width:calc(var(--key)*2.4);height:calc(var(--key)*.7);text-align:center;color:#1d2733;font-size:calc(var(--key)*.6);letter-spacing:.15em;font-weight:700;line-height:calc(var(--key)*.7);grid-area:1/1/6;margin:0}.phone-number.is-calling{color:#1f7a3a;animation:.8s ease-in-out infinite alternate phone-ring}@keyframes phone-ring{to{opacity:.5}}.phone-key{width:calc(var(--key)*1.6);height:var(--key);background:var(--tile);color:#2b3a4a;font:inherit;font-size:calc(var(--key)*.5);cursor:pointer;border:4px solid #2b3a4a;border-radius:999px;padding:0;font-weight:700}.phone-call{width:calc(var(--key)*1.6);height:var(--key);color:#fff;cursor:pointer;background:#4cc24a;border:4px solid #2b3a4a;border-radius:999px;place-items:center;display:grid}.phone-call svg{width:calc(var(--key)*.5);height:calc(var(--key)*.5)}@media (orientation:portrait){.phone-game{--key:min(16cqw, 8.5cqh);grid-template-rows:minmax(0,1fr) auto;grid-template-columns:none;padding:3cqh 4cqw}.phone-row,.phone-call,.phone-number{grid-area:auto/1}}.phone-game .is-lit{animation:.9s ease-in-out infinite alternate phone-glow;box-shadow:0 0 0 5px #ffd23a,0 0 18px 4px #ffd23a}@keyframes phone-glow{to{transform:scale(1.08)}}.phone-game .is-wrong{animation:.4s ease-in-out phone-shake}@keyframes phone-shake{25%{transform:translate(-8px)}75%{transform:translate(8px)}}@media (prefers-reduced-motion:reduce){.police-officer-arm,.phone-number.is-calling,.phone-game .is-lit,.phone-game .is-wrong{animation:none}}.painted-page{aspect-ratio:16/10;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#cfe8f5;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 4px #3a26182e,0 0 0 4px #fff}.painted-page-backdrop{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.painted-thing{aspect-ratio:1;pointer-events:none;position:absolute}.painted-thing>span,.painted-thing-picture{width:100%;height:100%;display:block}.painted-thing-flip{transform:scaleX(-1)}.painted-thing.motion-flutter{animation:2.6s ease-in-out infinite painted-flutter}.painted-thing.motion-bob{animation:3.2s ease-in-out infinite painted-bob}.painted-thing.motion-sway{transform-origin:50% 90%;animation:4s ease-in-out infinite painted-sway}@keyframes painted-flutter{0%,to{transform:translate(0)rotate(-4deg)}25%{transform:translate(6%,-10%)rotate(5deg)}50%{transform:translate(14%,-2%)rotate(-3deg)}75%{transform:translate(6%,8%)rotate(4deg)}}@keyframes painted-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6%)}}@keyframes painted-sway{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}.seek{justify-content:center;align-items:center;gap:clamp(.5rem,2cqw,1.2rem);height:100%;display:flex}.seek-view{flex:none}.seek-page{width:min(100cqw - clamp(70px,20cqh,120px) - 1.2rem,160cqh)}.seek-cards{flex-direction:column;gap:clamp(.3rem,1.4cqh,.7rem);margin:0;padding:0;list-style:none;display:flex}.seek-card{aspect-ratio:1;background:var(--tile-soft);width:clamp(56px,20cqh,112px);color:var(--ink);cursor:pointer;border:4px solid #e8d9b8;border-radius:18px;place-items:center;padding:6%;display:grid;position:relative;box-shadow:0 4px #d8c49a}.seek-card-picture{width:100%;height:100%}.seek-card.current{border-color:#ffb627;animation:1.6s ease-in-out infinite seek-call}.seek-card.found{background:#e8f8e6;border-color:#3fae4a}.seek-card.found:after{content:"✓";color:#fff;background:#3fae4a;border:3px solid #fff;border-radius:50%;place-items:center;width:30px;height:30px;font-weight:900;display:grid;position:absolute;bottom:-8px;right:-8px}@keyframes seek-call{50%{transform:scale(1.07)}}.seek-ring{aspect-ratio:1;pointer-events:none;border:4px solid #ffd23a;border-radius:50%;animation:.5s ease-out seek-ring;position:absolute;box-shadow:0 0 0 3px #fff,0 0 18px #ffe68a}.painted-thing.seek-found{animation:.6s ease-out seek-hop}.painted-thing.seek-hint{animation:1.2s ease-in-out infinite seek-twinkle}@keyframes seek-ring{0%{opacity:0;transform:scale(1.8)}}@keyframes seek-hop{40%{transform:translateY(-14%)scale(1.12)}}@keyframes seek-twinkle{50%{filter:drop-shadow(0 0 6px #fff6b0);transform:scale(1.18)}}@container (max-aspect-ratio:5/4){.seek{flex-direction:column}.seek-view{overscroll-behavior:contain;width:100%;overflow-x:auto}.seek-page{width:calc(1.6*min(105cqw,100cqh - clamp(64px,18cqw,104px) - 1.5rem))}.seek-cards{flex-direction:row}.seek-card{width:clamp(56px,18cqw,104px)}}.kim{justify-content:center;align-items:center;gap:clamp(.5rem,2cqw,1.2rem);height:100%;display:flex}.kim-page{width:min(100cqw - clamp(70px,22cqh,120px) - 1.2rem,160cqh)}.kim-cloth{background:repeating-linear-gradient(90deg,#e548488c 0 22px,#0000 22px 44px),repeating-linear-gradient(0deg,#e548488c 0 22px,#0000 22px 44px),#fff6f0;border:3px solid #b84040;border-radius:0 0 24px 24px;height:66%;transition:transform .7s cubic-bezier(.3,.8,.3,1);position:absolute;top:0;left:12%;right:12%;transform:translateY(-105%);box-shadow:0 8px 18px #3a26184d}.kim.phase-covered .kim-cloth{transform:translateY(0)}.painted-thing.kim-gone{visibility:hidden}.painted-thing.kim-back{animation:.7s ease-out seek-hop}.kim-options{flex-direction:column;gap:clamp(.3rem,1.6cqh,.8rem);transition:opacity .3s;display:flex}.kim-options[aria-hidden=true]{opacity:0;pointer-events:none}.kim-option{aspect-ratio:1;background:var(--tile-soft);width:clamp(64px,24cqh,120px);color:var(--ink);cursor:pointer;border:4px solid #e8d9b8;border-radius:20px;padding:8%;box-shadow:0 4px #d8c49a}.kim-option.right{background:#e8f8e6;border-color:#3fae4a}.kim-option.wrong{opacity:.4}.kim-option-picture{width:100%;height:100%}@container (max-aspect-ratio:5/4){.kim{flex-direction:column}.kim-page{width:min(100cqw,160cqh - 1.6*clamp(64px,24cqw,120px) - 1.6rem)}.kim-options{flex-direction:row}.kim-option{width:clamp(64px,24cqw,120px)}}.kim-timer{width:10%;position:absolute;top:5%;right:3%}.differences{grid-template-columns:1fr 1fr;align-content:center;gap:clamp(.4rem,1.6cqw,1rem);height:100%;display:grid}.differences-page{justify-self:center;width:min(100%,160cqh - 3.84rem)}.differences-ring{aspect-ratio:1;pointer-events:none;border:4px solid #ff4f7b;border-radius:50%;animation:.4s ease-out seek-ring;position:absolute;box-shadow:0 0 0 2px #fff}.differences-count{grid-column:1/-1;justify-content:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.differences-count li{background:var(--tile);width:22px;height:22px;color:var(--ink);border:3px solid #e3c98f;border-radius:50%}.differences-count li.found{background:#ff4f7b;border-color:#fff;box-shadow:0 0 0 2px #ff4f7b}@container (max-aspect-ratio:5/4){.differences{grid-template-columns:1fr}.differences-page{width:min(100%,80cqh - 2.88rem)}}.flashlight{place-items:center;height:100%;display:grid}.flashlight-page{width:min(100cqw,160cqh)}.flashlight-dark{--lx:50%;--ly:50%;touch-action:none;background:radial-gradient(ellipse var(--light-x) var(--light-y) at var(--lx) var(--ly), #fff4c414 0 60%, #060a2099 80%, #060a20f0 100%);position:absolute;inset:0}.flashlight-found{aspect-ratio:1;pointer-events:none;border:4px solid #ffd23a;border-radius:50%;animation:.4s ease-out seek-ring;position:absolute;box-shadow:0 0 16px #ffe68a}.fog{justify-content:center;align-items:center;gap:clamp(.5rem,2cqw,1.4rem);height:100%;display:flex}.fog-window{background:linear-gradient(#ff6f63,#d63a33);border:3px solid #3a2618;border-radius:48px 20px 16px 16px;padding:clamp(6px,1.6cqh,14px) clamp(6px,1.6cqh,14px) clamp(18px,5cqh,34px);position:relative;box-shadow:0 5px #8f2621}.fog-window:after{content:"";background:#9e2a25;border-radius:99px;width:14%;height:clamp(5px,1.4cqh,9px);position:absolute;bottom:clamp(5px,1.6cqh,12px);left:16%}.fog-page{width:min(100cqw - clamp(64px,24cqh,160px) - 3rem,160cqh - 4.8rem);box-shadow:none;border:3px solid #cfd6dc;border-radius:38px 12px 8px 8px}.fog-mist{touch-action:none;cursor:grab;width:100%;height:100%;transition:opacity .8s;position:absolute;inset:0}.fog-mist.cleared{opacity:0;pointer-events:none}.fog-options{flex-direction:column;gap:clamp(.3rem,1.6cqh,.8rem);display:flex}.fog-option{aspect-ratio:1;background:var(--tile-soft);width:clamp(64px,24cqh,160px);color:var(--ink);cursor:pointer;border:4px solid #e8d9b8;border-radius:20px;padding:8%;box-shadow:0 4px #d8c49a}.fog-option.right{background:#e8f8e6;border-color:#3fae4a}.fog-option.wrong{opacity:.4}.fog-option-picture{width:100%;height:100%}@container (max-aspect-ratio:5/4){.fog{flex-direction:column}.fog-page{width:min(100cqw - 2rem,160cqh - 1.6*clamp(64px,24cqw,160px) - 6.4rem)}.fog-options{flex-direction:row}.fog-option{width:clamp(64px,24cqw,160px)}}.hot-cold{justify-content:center;align-items:center;gap:clamp(.5rem,2cqw,1.2rem);height:100%;display:flex}.hot-cold-page{cursor:pointer;width:min(100cqw - 70px,160cqh)}.hot-cold-hole{aspect-ratio:2;pointer-events:none;background:radial-gradient(at 50% 40%,#a8743e 0 45%,#d9b273 60%,#0000 72%);border-radius:50%;width:6%;animation:.3s ease-out hot-cold-dig;position:absolute;translate:-50% -50%}@keyframes hot-cold-dig{0%{transform:scale(.3)}}.painted-thing.hot-cold-treasure{animation:.8s ease-out hot-cold-rise}@keyframes hot-cold-rise{0%{opacity:0;transform:translateY(30%)scale(.4)}}.hot-cold-sparkle{aspect-ratio:1;pointer-events:none;border-radius:50%;position:absolute;box-shadow:0 0 24px 10px #ffec8ccc}.hot-cold-thermometer{background:#fff;border:4px solid #7a8a99;border-radius:18px 18px 22px 22px;flex:none;width:34px;height:min(70cqh,300px);position:relative}.hot-cold-mercury{background:linear-gradient(#ff7b3a,#e53935);border-radius:8px;transition:height .5s;position:absolute;bottom:12px;left:7px;right:7px}.hot-cold-bulb{background:#e53935;border:4px solid #7a8a99;border-radius:50%;width:40px;height:40px;position:absolute;bottom:-14px;left:50%;translate:-50%}.photo{justify-content:center;align-items:center;gap:clamp(.5rem,2cqw,1.2rem);height:100%;display:flex}.photo-view{touch-action:none;flex:none}.photo-page{width:min(100cqw - clamp(80px,24cqh,130px) - 1.2rem,160cqh)}.photo-walker{aspect-ratio:1;pointer-events:none;will-change:transform;position:absolute;left:0}.photo-walker>span{display:block}.photo-walker-picture{width:100%;height:100%;animation:.6s ease-in-out infinite painted-bob;display:block}.photo-frame{pointer-events:none;background:linear-gradient(#fff,#fff) 0 0/22% 5px no-repeat,linear-gradient(#fff,#fff) 0 0/5px 22% no-repeat,linear-gradient(#fff,#fff) 100% 0/22% 5px no-repeat,linear-gradient(#fff,#fff) 100% 0/5px 22% no-repeat,linear-gradient(#fff,#fff) 0 100%/22% 5px no-repeat,linear-gradient(#fff,#fff) 0 100%/5px 22% no-repeat,linear-gradient(#fff,#fff) 100% 100%/22% 5px no-repeat,linear-gradient(#fff,#fff) 100% 100%/5px 22% no-repeat;border-radius:10px;position:absolute;box-shadow:0 0 0 999px #0000001f}.photo-flash{pointer-events:none;background:#fff;animation:.35s ease-out forwards photo-flash;position:absolute;inset:0}@keyframes photo-flash{to{opacity:0}}.photo-side{flex-direction:column;align-items:center;gap:.6rem;display:flex}.photo-shutter{aspect-ratio:1;color:#fff;cursor:pointer;background:radial-gradient(circle at 35% 30%,#ff8a80,#e53935 70%);border:5px solid #fff;border-radius:50%;place-items:center;width:clamp(70px,26cqh,120px);display:grid;box-shadow:0 5px #a3271f,0 0 0 3px #e53935}.photo-shutter svg{width:46%;height:46%}.photo-shutter:active{transform:translateY(4px);box-shadow:0 1px #a3271f,0 0 0 3px #e53935}.photo-album{flex-wrap:wrap;justify-content:center;gap:4px;max-width:clamp(80px,26cqh,130px);margin:0;padding:0;list-style:none;display:flex}.photo-print{background:#fff;width:38px;padding:3px 3px 8px;animation:.5s ease-out photo-print;rotate:-4deg;box-shadow:0 2px 4px #00000040}.photo-print:nth-child(2n){rotate:5deg}.photo-print-picture{aspect-ratio:1;background:#d8f0c8;width:100%;display:block}@keyframes photo-print{0%{opacity:0;transform:translateY(-40px)scale(1.6)}}@container (max-aspect-ratio:5/4){.photo{flex-direction:column}.photo-page{width:min(100cqw,160cqh - 1.6*clamp(70px,26cqw,120px) - 3.2rem)}.photo-side{flex-direction:row}.photo-shutter{width:clamp(70px,24cqw,110px)}.photo-album{max-width:60cqw}}.shells{place-items:center;height:100%;display:grid}.shells-page{width:min(100cqw,160cqh)}.shells-cover,.shells-hidden{aspect-ratio:1;width:22%;transition-property:left,transform;transition-timing-function:ease-in-out;position:absolute;top:52%;translate:-50%}.shells-hidden{width:14%;top:62%}.shells-hidden.covered{visibility:hidden}.shells-cover{cursor:pointer;background:0 0;border:0;padding:0;rotate:180deg}.shells-cover:disabled{cursor:default}.shells-cover.lifted{transform:translateY(45%)}.shells-picture{width:100%;height:100%;display:block}.simon{place-items:center;height:100%;display:grid}.simon-page{width:min(100cqw,160cqh)}.simon-animal{aspect-ratio:1;cursor:pointer;background:0 0;border:0;width:20%;padding:0;position:absolute;top:48%;translate:-50%}.simon-animal:active{transform:scale(.94)}.simon-animal.right{animation:.6s ease-out seek-hop}.simon-picture{width:100%;height:100%;display:block}.simon-timer{width:11%;position:absolute;top:5%;right:3%}.board{justify-content:center;align-items:center;gap:clamp(.5rem,2cqw,1.2rem);height:100%;display:flex}.board-page{width:min(100cqw - clamp(70px,26cqh,130px) - 1.2rem,160cqh)}.board-drawing{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.board-square{aspect-ratio:1;background:radial-gradient(circle at 35% 30%, #fffdf6, var(--tile,#f6e3b8) 70%);color:#5a3a1a;cursor:pointer;border:3px solid #3a2618;border-radius:22%;width:12%;padding:0;font:800 clamp(.8rem,min(4.4cqh,2.6cqw),1.6rem)/1 system-ui,sans-serif;position:absolute;translate:-50% -50%;box-shadow:0 3px #3a261859}.board-square.start{background:radial-gradient(circle at 35% 30%,#e6ffd9,#6cc25e)}.board-square.end{background:radial-gradient(circle at 35% 30%,#fff6c8,#f2c94c)}.board-square.up{background:radial-gradient(circle at 35% 30%,#eef9ff,#7fc6f0)}.board-square.down{background:radial-gradient(circle at 35% 30%,#fff0f6,#ff9cc8)}.board-square.next{animation:1.2s ease-in-out infinite board-next}.board-number{position:relative}.board-square-decoration{opacity:.9;width:40%;height:40%;position:absolute;bottom:4%;right:4%}.board-flag{width:80%;height:80%;position:absolute;inset:10%}@keyframes board-next{50%{scale:1.12;box-shadow:0 0 0 5px #ffd23ab3}}.board-pawn{aspect-ratio:1;pointer-events:none;width:9%;transition:left .35s ease-out,top .35s ease-out;position:absolute;translate:-50% -86%}.board-pawn.rival{width:10%;margin-left:3%}.board-pawn.mine{margin-left:-1.6%}.board-pawn-picture{width:100%;height:100%}.board-die{aspect-ratio:1;background:var(--tile-soft);width:clamp(70px,26cqh,130px);color:var(--ink);cursor:pointer;border:4px solid #e8d9b8;border-radius:24px;padding:10px;position:relative;box-shadow:0 5px #d8c49a}.board-die:disabled{cursor:default}.board-die.ready{animation:2s ease-in-out infinite seek-call}.board-die.rolling .board-die-picture{animation:.15s linear infinite board-roll}.board-die-picture{width:100%;height:100%}@keyframes board-roll{to{rotate:90deg}}.board-left{aspect-ratio:1;color:#fff;background:#e5484d;border:3px solid #fff;border-radius:50%;place-items:center;width:42%;font:800 clamp(1rem,6cqh,1.8rem)/1 system-ui,sans-serif;display:grid;position:absolute;top:-12%;right:-12%}@container (max-aspect-ratio:5/4){.board{flex-direction:column}.board-page{width:min(100cqw,160cqh - 1.6*clamp(70px,26cqw,130px) - 1.6rem)}.board-die{width:clamp(70px,26cqw,130px)}}.dominoes{background:repeating-linear-gradient(0deg,#5a321414 0 2px,#0000 2px 38px),radial-gradient(circle at 40% 30%,#e2b77c,#c48a4d);border-radius:20px;flex-direction:column;justify-content:space-evenly;align-items:center;height:100%;display:flex}.dominoes-table{align-items:center;gap:0;display:flex}.dominoes-gap{aspect-ratio:2;border:3px dashed #fffc;border-radius:12px;width:clamp(80px,22cqw,180px);margin-left:6px}.domino{aspect-ratio:2;background:linear-gradient(160deg,#fff,#efe8dc);border:2px solid #3a2618;border-radius:12px;align-items:center;width:clamp(80px,22cqw,180px);padding:4px;transition:transform .8s cubic-bezier(.4,1.4,.5,1);display:inline-flex;box-shadow:0 4px #3a261859}.domino.turned{transform:rotate(180deg)}.dominoes-table .domino+.domino{margin-left:6px}.domino-half{flex:1;height:100%}.domino-line{background:#3a2618;border-radius:2px;width:3px;height:80%}.domino-digit{fill:#e5484d;font:800 72px/1 system-ui,sans-serif}.domino.free-end{box-shadow:0 4px #3a261859,0 0 0 5px #ffd23acc}.dominoes-options{gap:clamp(.6rem,3cqw,2rem);display:flex}.dominoes-option{cursor:pointer;background:#fffdf659;border:0;border-radius:18px;padding:8px;transition:opacity .3s,translate .4s}.dominoes-option.wrong{opacity:.35}.dominoes-option.chosen{translate:0 -12px}@container (max-aspect-ratio:5/4){.dominoes-options{flex-direction:column}.domino,.dominoes-gap{width:clamp(70px,34cqw,180px)}.dominoes-table .domino:not(.free-end){display:none}}.bowling{background:radial-gradient(circle,#ffd23a 0 3px,#0000 4px) 0 6%/44px 30px repeat-x,radial-gradient(circle,#ff7ab6 0 3px,#0000 4px) 22px 12%/44px 30px repeat-x,linear-gradient(#24305e,#3b4a86);border-radius:20px;justify-content:center;align-items:center;gap:clamp(.5rem,2cqw,1.2rem);height:100%;display:flex;position:relative}.bowling:before{content:"";background:radial-gradient(circle,#4fd1c58c 0 2px,#0000 3px) 0 0/46px 40px,radial-gradient(circle,#ffd23a80 0 2px,#0000 3px) 23px 20px/46px 40px,linear-gradient(#4a2862,#3a1e4f);border-radius:0 0 20px 20px;position:absolute;inset:40% 0 0}.bowling-lane{aspect-ratio:1.6;touch-action:none;cursor:grab;max-width:74cqw;height:100%;position:relative}.bowling-alley{width:100%;height:100%;position:absolute;inset:0}.bowling-pin{aspect-ratio:1;width:13%;position:absolute;translate:-50% -90%}.bowling-pin-picture{transform-origin:50% 95%;width:100%;height:100%;transition:rotate .35s ease-in var(--fall-delay,0s),translate .35s ease-in var(--fall-delay,0s);position:absolute;inset:0}.bowling-pin-shadow{width:40%;height:12%;transition:left .35s ease-in var(--fall-delay,0s),width .35s ease-in var(--fall-delay,0s);background:#3a261847;border-radius:50%;position:absolute;top:89%;left:30%}.fall-left .bowling-pin-picture{translate:-12% -4%;rotate:-82deg}.fall-left .bowling-pin-shadow{width:96%;left:-48%}.fall-right .bowling-pin-picture{translate:12% -4%;rotate:82deg}.fall-right .bowling-pin-shadow{width:96%;left:52%}.bowling-ball{aspect-ratio:1;pointer-events:none;width:14%;transition:left .2s ease-out;position:absolute;translate:-50% -50%}.bowling-ball-picture{width:100%;height:100%}.phase-rolling .bowling-ball-picture{animation:.25s linear infinite board-roll}.bowling-arrow{clip-path:polygon(50% 0,100% 40%,66% 40%,66% 100%,34% 100%,34% 40%,0 40%);pointer-events:none;background:#ffffffbf;width:6%;height:18%;transition:left .2s ease-out;animation:1.6s ease-in-out infinite seek-call;position:absolute;top:56%;translate:-50%}.bowling-sum{z-index:100;background:var(--tile-soft);color:#3a2618;border:4px solid #ffd23a;border-radius:16px;padding:.2em .6em;font:800 clamp(1.4rem,9cqh,3rem)/1.1 system-ui,sans-serif;animation:.6s ease-out seek-hop;position:absolute;top:44%;left:50%;translate:-50% -50%}.bowling-answers{grid-template-columns:repeat(2,1fr);gap:clamp(.4rem,2cqh,.8rem);display:grid;position:relative}.bowling-answer{aspect-ratio:1;background:var(--tile-soft);color:#3a2618;cursor:pointer;border:4px solid #e8d9b8;border-radius:20px;width:clamp(56px,18cqh,96px);font:800 clamp(1.4rem,9cqh,2.6rem)/1 system-ui,sans-serif;box-shadow:0 4px #d8c49a}.bowling-answer.wrong{opacity:.35}@container (max-aspect-ratio:5/4){.bowling{--bowling-answer:clamp(56px, 20cqw, 96px);flex-direction:column;justify-content:flex-start}.bowling-lane{aspect-ratio:auto;width:100cqw;max-width:none;height:min(170cqw,100cqh - var(--bowling-answer) - clamp(.5rem,2cqw,1.2rem))}.bowling-answers{grid-template-columns:repeat(4,1fr)}.bowling-answer{width:var(--bowling-answer)}}.same-as{background:linear-gradient(#fdf3dc 0 34%,#0000 34%),repeating-linear-gradient(90deg,#3aa0ff59 0 26px,#0000 26px 52px),repeating-linear-gradient(0deg,#3aa0ff59 0 26px,#0000 26px 52px),#f4fbff;border-radius:20px;justify-content:space-evenly;align-items:flex-end;height:100%;padding-bottom:4cqh;display:flex}.same-as-side{flex-direction:column;align-items:center;gap:2cqh;display:flex}.same-as-friend{width:clamp(70px,34cqh,170px);height:clamp(70px,34cqh,170px);margin-bottom:-8cqh}.same-as-plate{aspect-ratio:1.8;background:radial-gradient(at 50% 45%,#fff 0 52%,#e6eef6 54% 62%,#fff 64%);border:3px solid #3a2618;border-radius:50%;flex-wrap:wrap;place-content:center;width:min(38cqw,76cqh);padding:0 14px;display:flex;position:relative;box-shadow:0 6px #3a261833}.same-as-treat{aspect-ratio:1;cursor:pointer;background:0 0;border:0;width:21%;margin:-1%;padding:0}.same-as-treat:disabled{cursor:default}.same-as-treat-picture{width:100%;height:100%}.solved .same-as-treat{animation:.6s ease-out seek-hop}.same-as-side.mine{flex-direction:row}.same-as-tools{flex-direction:column;gap:clamp(.6rem,3cqh,1.6rem);display:flex}.same-as-jar,.same-as-check{aspect-ratio:1;background:var(--tile-soft);width:clamp(56px,22cqh,92px);color:var(--ink);cursor:pointer;border:4px solid #e8d9b8;border-radius:20px;padding:10px;box-shadow:0 4px #d8c49a}.same-as-jar{background:linear-gradient(#e8f6ff,#cde9fb);border-color:#e5484d #9ccbe8 #9ccbe8;border-top-style:solid;border-top-width:10px;border-radius:14px 14px 26px 26px}.same-as-jar-picture{width:100%;height:100%}.same-as-check{color:#fff;background:#3fae4a;border-color:#2c8a36;box-shadow:0 4px #1f6a28}.same-as-check svg{stroke-width:3.4px;width:100%;height:100%}@container (max-aspect-ratio:5/4){.same-as{flex-direction:column;align-items:center;padding:2cqh 0}.same-as-plate{width:80cqw}.same-as-side.mine{flex-direction:column}.same-as-tools{flex-direction:row}.same-as-friend{width:26cqw;height:26cqw}.same-as-jar,.same-as-check{width:clamp(56px,20cqw,92px)}}.measure{justify-content:center;align-items:center;gap:clamp(.5rem,2cqw,1.2rem);height:100%;display:flex}.measure-page{width:min(100cqw - clamp(64px,24cqh,110px) - 1.2rem,160cqh)}.measure-thing{height:17.6%;position:absolute;top:48%}.measure-thing-picture{width:100%;height:100%;display:block}.measure-leaf{background:0 0;border:0;height:17.6%;padding:0;animation:.4s ease-out seek-hop;position:absolute;top:68%}.measure-leaf:disabled{cursor:default}.measure-leaf.last:not(:disabled){cursor:pointer}.measure-leaf-picture{width:100%;height:100%;rotate:45deg}.measure-number{color:#fff;text-shadow:0 0 4px #3a2618,0 0 2px #3a2618;font:800 clamp(.9rem,5cqh,1.6rem)/1 system-ui,sans-serif;position:absolute;top:50%;left:50%;translate:-50% -50%}.measure-side{flex-direction:column;gap:clamp(.4rem,2cqh,.8rem);display:flex}.measure-pile,.measure-check,.measure-answer{aspect-ratio:1;background:var(--tile-soft);width:clamp(64px,24cqh,110px);color:var(--ink);cursor:pointer;border:4px solid #e8d9b8;border-radius:20px;padding:10px;box-shadow:0 4px #d8c49a}.measure-pile{animation:2.4s ease-in-out infinite seek-call;position:relative}.measure-pile-picture{width:72%;height:72%;position:absolute;inset:14%;rotate:30deg}.measure-pile-picture+.measure-pile-picture{translate:6% 4%;rotate:70deg}.measure-check{color:#fff;background:#3fae4a;border-color:#2c8a36;box-shadow:0 4px #1f6a28}.measure-check svg{stroke-width:3.4px;width:100%;height:100%}.measure-answer{color:#3a2618;font:800 clamp(1.4rem,10cqh,2.6rem)/1 system-ui,sans-serif}.measure-answer.wrong{opacity:.35}@container (max-aspect-ratio:5/4){.measure{flex-direction:column}.measure-page{width:min(100cqw,160cqh - 1.6*clamp(64px,24cqw,110px) - 1.6rem)}.measure-side{flex-direction:row}.measure-pile,.measure-check,.measure-answer{width:clamp(64px,24cqw,110px)}}.pour{background:linear-gradient(#0000 76%,#cfc6b8 76% 79%,#b8ad9c 79%),radial-gradient(30% 22% at 20% 76%,#5fae4a 98%,#0000),radial-gradient(34% 24% at 80% 76%,#6cbf55 98%,#0000),linear-gradient(#bfe6ff,#eaf7ff 70%);border-radius:20px;justify-content:center;align-items:flex-end;gap:clamp(.5rem,3cqw,2rem);height:100%;padding-bottom:6cqh;display:flex;position:relative}.pour-jug{aspect-ratio:1;cursor:pointer;touch-action:none;transform-origin:70% 70%;background:0 0;border:0;align-self:center;width:clamp(80px,40cqh,190px);padding:0;transition:rotate .3s;animation:2.4s ease-in-out infinite seek-call;position:relative}.pouring .pour-jug{animation:none;rotate:38deg}.pour-jug-picture{pointer-events:none;width:100%;height:100%}.pour-stream{transform-origin:50% 0;pointer-events:none;background:linear-gradient(90deg,#7fc6f0,#3aa0ff);border-radius:4px;width:7%;height:0;transition:height .2s;position:absolute;top:30%;left:94%;rotate:-38deg}.pouring .pour-stream{height:120%}.pour-glass{aspect-ratio:.7;background:linear-gradient(90deg,#ffffffb3,#dcf0ff66 30%,#fff9);border:4px solid #3a2618bf;border-top:0;border-radius:0 0 22px 22px;width:clamp(80px,42cqh,200px);position:relative;overflow:visible}.pour-water{background:linear-gradient(#7fc6f0,#3a8fe0);border-radius:0 0 18px 18px;height:0;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 6px #ffffff73}.pour-mark{pointer-events:none;background:#ffd23a2e;border-top:3px dashed #e5484d;border-bottom:3px dashed #e5484d;position:absolute;left:-14%;right:-14%}.pour-spill{opacity:0;background:#7fc6f0;border-radius:50%;height:10px;transition:opacity .3s;position:absolute;bottom:-6px;left:-30%;right:-30%}.overflowing .pour-spill{opacity:1}.pour-straw{cursor:pointer;touch-action:none;background:repeating-linear-gradient(160deg,#ff7ab6 0 12px,#fff 12px 24px);border:0;border-radius:8px;width:22%;height:130%;padding:0;animation:2.4s ease-in-out infinite seek-call;position:absolute;bottom:10%;left:58%;rotate:12deg}.pouring .pour-straw{filter:brightness(1.1);animation:none}@container (max-aspect-ratio:5/4){.pour{padding-bottom:22cqh}.pour-jug{width:36cqw}.pour-glass{width:30cqw}}.bridge{--page:min(calc((100cqw - 3rem) / 1.5), calc(100cqh * 1.6));justify-content:center;align-items:center;gap:clamp(.5rem,2cqw,1.2rem);height:100%;display:flex}.bridge-page{width:var(--page)}.bridge-bank{background:linear-gradient(#6cc25e 0 10%,#a8743c 10% 18%,#8b5a2b);border-top:3px solid #3a2618;position:absolute;top:66%;bottom:0}.bridge-river{background:repeating-linear-gradient(170deg,#0000 0 14px,#ffffff59 14px 17px),linear-gradient(#5ab8f0,#2a78c8);position:absolute;top:72%;bottom:0}.bridge-plank{background:repeating-linear-gradient(90deg,#d9a05b 0 18px,#c98c4f 18px 20px);border:2px solid #3a2618;border-radius:4px;height:14px;display:block}.bridge-plank.laid{height:4%;animation:.5s ease-out bridge-lay;position:absolute;top:64%}.bridge-plank.laid.slips{animation:.5s ease-out bridge-lay,.8s ease-in 1.4s forwards bridge-slip}@keyframes bridge-lay{0%{opacity:0;translate:0 -200%}}@keyframes bridge-slip{to{opacity:.4;translate:0 400%;rotate:30deg}}.bridge-car{aspect-ratio:1;width:13%;transition-property:left;transition-timing-function:ease-in-out;position:absolute;top:52%;translate:0 -30%}.bridge-car.stops{transition-timing-function:ease-out}.bridge-car-picture{width:100%;height:100%}.bridge-car.driving .bridge-car-picture{animation:.4s ease-in-out infinite seek-hop}.bridge-planks{flex-direction:column;gap:clamp(.4rem,3cqh,1rem);display:flex}.bridge-choice{width:calc(var(--page)*.08*6 + 24px);background:var(--tile-soft);color:var(--ink);cursor:pointer;border:4px solid #e8d9b8;border-radius:16px;padding:14px 10px;box-shadow:0 4px #d8c49a}.bridge-choice.tried{opacity:.4}.bridge-choice:disabled{cursor:default}.bridge-choice .bridge-plank{width:calc(var(--page)*.08*var(--length));height:18px}@container (max-aspect-ratio:5/4){.bridge{--page:min(100cqw, calc((100cqh - 220px) * 1.6));flex-direction:column}}.double-entry{justify-content:center;align-items:center;gap:clamp(1rem,5cqw,3rem);height:100%;display:flex}.double-entry-table{aspect-ratio:1;background:var(--tile-soft);height:min(96cqh,70cqw);color:var(--ink);border:4px solid #3a2618;border-radius:14px;gap:6px;padding:10px;display:grid;box-shadow:0 6px #3a261840}.double-entry-row{display:contents}.double-entry-head{background:#f2e6cc;border-radius:10px;place-items:center;display:grid}.double-entry-corner{background:repeating-linear-gradient(45deg,#f2e6cc 0 6px,#fffdf6 6px 12px);border-radius:10px}.double-entry-paint{aspect-ratio:1;border:3px solid #3a2618;border-radius:46% 54% 50% 50%;width:62%}.double-entry-cell{background:var(--tile-soft);color:var(--ink);cursor:pointer;border:3px dashed #d8c49a;border-radius:10px;place-items:center;padding:10%;display:grid}.double-entry-cell.wrong{border-color:#e5484d;animation:.4s double-entry-shake}.double-entry-picture{width:70%;height:70%}.double-entry-picture.placed{width:100%;height:100%;animation:.5s ease-out seek-hop}@keyframes double-entry-shake{25%{translate:-5px}75%{translate:5px}}.double-entry-tray{aspect-ratio:1;background:radial-gradient(circle,#fff 0 60%,#e8d9b8 62%);border:4px solid #d8c49a;border-radius:50%;place-items:center;width:clamp(80px,30cqh,150px);display:grid}.double-entry-piece{width:74%;height:74%;animation:.5s ease-out seek-hop,2.4s ease-in-out .5s infinite seek-call}@container (max-aspect-ratio:5/4){.double-entry{flex-direction:column-reverse}.double-entry-table{width:96cqw;height:auto}.double-entry-tray{width:clamp(80px,26cqw,150px)}}.paint-game{justify-content:center;align-items:center;gap:clamp(.6rem,3cqw,2rem);height:100%;display:flex}.paint-grid{background:#3a2618;border-radius:10px;gap:3px;padding:6px;display:grid}.paint-cell{background:var(--tile-soft);color:var(--ink);border:0;border-radius:4px;padding:0}.paint-cell.painted{box-shadow:inset 3px 3px #ffffff59,inset -3px -3px #00000026}.paint-cell.wrong{outline:3px solid #e5484d;animation:.4s double-entry-shake}button.paint-cell{cursor:pointer}button.paint-cell.painted{animation:.4s ease-out seek-hop}.paint-model{background:var(--tile-soft);color:var(--ink);border:4px solid #e8d9b8;border-radius:14px;padding:8px;rotate:-3deg}.paint-model .paint-grid{height:min(52cqh,30cqw)}.paint-grid.to-paint{height:min(92cqh,44cqw)}.paint-palette{flex-direction:column;gap:clamp(.4rem,2cqh,.8rem);display:flex}.paint-pot{aspect-ratio:1;cursor:pointer;border:4px solid #3a2618;border-radius:46% 54% 50% 50%;width:clamp(48px,17cqh,80px);transition:scale .2s;box-shadow:inset 6px 6px #ffffff4d}.paint-pot.chosen{outline-offset:3px;outline:5px solid #ffd23a;scale:1.18}.paint-butterfly{align-items:center;height:min(92cqh,60cqw);display:flex;position:relative}.paint-butterfly .paint-grid{background:0 0;height:100%}.paint-cell.is-empty{visibility:hidden}.paint-butterfly .paint-cell{border:2px solid #5a3a24}.paint-body{z-index:1;background:linear-gradient(90deg,#3a2618,#6a4a2a 50%,#3a2618);border-radius:99px;width:clamp(14px,5cqh,28px);height:92%;margin:0 -4px}.paint-butterfly.done{animation:.6s ease-in-out 3 paint-flap}@keyframes paint-flap{50%{scale:.8 1}}@container (max-aspect-ratio:5/4){.paint-game{flex-direction:column}.paint-model .paint-grid{width:40cqw;height:auto}.paint-grid.to-paint{width:84cqw;height:auto}.paint-butterfly{width:96cqw;height:auto}.paint-butterfly .paint-grid{flex:1;height:auto}.paint-palette{flex-direction:row}.paint-pot{width:clamp(48px,15cqw,80px)}}.turtle{justify-content:center;align-items:center;gap:clamp(.6rem,3cqw,2rem);height:100%;display:flex}.turtle-garden{background:#7fcf5a;border:4px solid #3a7a2c;border-radius:14px;height:min(94cqh,46cqw);display:grid;position:relative;overflow:hidden}.turtle-square{border:1px solid #285a1e59;place-items:center;display:grid}.turtle-square:nth-child(2n){background:#ffffff1f}.turtle-picture{width:86%;height:86%}.turtle-walker{place-items:center;transition:left .45s ease-in-out,top .45s ease-in-out;display:grid;position:absolute}.turtle-walker.facing-left .turtle-picture{scale:-1 1}.turtle-walker.facing-up .turtle-picture{rotate:-90deg}.turtle-walker.facing-down .turtle-picture{rotate:90deg}.turtle-walker.bumped{animation:.4s 2 double-entry-shake}.turtle-desk{flex-direction:column;gap:clamp(.4rem,3cqh,1rem);display:flex}.turtle-program{background:#f2e6cc;border-radius:14px;grid-template-columns:repeat(4,1fr);gap:6px;margin:0;padding:8px;list-style:none;display:grid}.turtle-slot{aspect-ratio:1;border:2px dashed #c9b48a;border-radius:10px;width:clamp(34px,13cqh,60px);display:grid}.turtle-slot.now{outline:4px solid #ffd23a}.turtle-card,.turtle-arrow,.turtle-go{color:#1a4f8a;cursor:pointer;background:#e8f4ff;border:3px solid #2a78c8;border-radius:10px;place-items:center;width:100%;height:100%;padding:4px;display:grid}.turtle-card svg,.turtle-arrow svg,.turtle-go svg{stroke-width:3px;width:80%;height:80%}.turtle-arrows{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.turtle-arrow,.turtle-go{aspect-ratio:1;width:clamp(48px,19cqh,80px);box-shadow:0 4px #9cc4ea}.turtle-go{color:#fff;background:#3fae4a;border-color:#2c8a36;box-shadow:0 4px #1f6a28}.turtle-go:disabled{opacity:.5;cursor:default}@container (max-aspect-ratio:5/4){.turtle{flex-direction:column}.turtle-garden{width:96cqw;height:auto}.turtle-slot{width:clamp(36px,12cqw,60px)}.turtle-arrow,.turtle-go{width:clamp(44px,16cqw,72px)}}.shape-box{justify-content:center;align-items:center;gap:clamp(1rem,5cqw,3rem);height:100%;display:flex}.shape-box-lid{background:repeating-linear-gradient(100deg,#7846141f 0 3px,#0000 3px 22px),linear-gradient(160deg,#f2b45c,#d98b3a);border:4px solid #3a2618;border-radius:22px;gap:clamp(.6rem,3cqw,1.6rem);padding:clamp(.8rem,5cqh,2rem);display:flex;box-shadow:0 10px #a8642a,0 14px 18px #3a26184d}.shape-box-hole{aspect-ratio:1;cursor:pointer;background:0 0;border:0;border-radius:16px;width:clamp(70px,30cqh,150px);padding:6px;position:relative}.shape-box-hole.wrong{animation:.4s double-entry-shake}.shape-box-hole-picture{width:100%;height:100%}.shape-box-hole-picture path{fill:#2a1a10;stroke:#ffd9a0;stroke-width:3px}.shape-box-sinking{animation:.9s ease-in forwards shape-box-sink;position:absolute;inset:6px}@keyframes shape-box-sink{60%{scale:.92}to{opacity:0;scale:.6}}.shape-box-piece{aspect-ratio:1;background:var(--tile-soft);width:clamp(90px,36cqh,180px);color:var(--ink);cursor:pointer;border:4px dashed #d8c49a;border-radius:50%;padding:12px;position:relative}.shape-box-piece.gone .shape-box-turning{opacity:0}.shape-box-turning{width:100%;height:100%;transition:rotate .35s cubic-bezier(.3,1.5,.5,1);display:block}.shape-box-piece-picture{width:100%;height:100%}.shape-box-arrow{aspect-ratio:1;color:#fff;background:#3aa0ff;border:3px solid #fff;border-radius:50%;place-items:center;width:34%;font:800 clamp(1rem,7cqh,2rem)/1 system-ui,sans-serif;display:grid;position:absolute;top:-6%;right:-6%}@container (max-aspect-ratio:5/4){.shape-box{flex-direction:column}.shape-box-hole{width:24cqw}.shape-box-piece{width:40cqw}}.pipes{background:radial-gradient(circle at 30% 20%,#a8743c,#7a4e26);border-radius:20px;justify-content:center;align-items:center;height:100%;display:flex}.pipes-board{max-width:74cqw;height:min(90cqh,60cqw);position:relative}.pipes-grid{gap:4px;width:100%;height:100%;display:grid}.pipes-tile{cursor:pointer;background:#ffffff1f;border:0;border-radius:10px;padding:0;box-shadow:inset 0 0 0 2px #3a26184d}.pipes-pipe{width:100%;height:100%;transition:rotate .25s ease-out}.pipes-tube{fill:none;stroke:#8a96a8;stroke-width:34px;stroke-linejoin:round;filter:drop-shadow(0 3px #4a5260)}.pipes-water{fill:none;stroke:#c8d0dc;stroke-width:16px;stroke-linejoin:round;transition:stroke .3s}.pipes-water.wet{stroke:#3aa0ff}.pipes-tap{background:linear-gradient(#d0d6e0,#8a96a8);border:3px solid #3a2618;border-radius:10px 0 0 10px;width:clamp(36px,12cqh,70px);height:clamp(24px,8cqh,44px);position:absolute;right:100%;translate:0 -50%}.pipes-tap:before{content:"";background:#e5484d;border:3px solid #3a2618;border-radius:6px 6px 0 0;width:40%;height:60%;position:absolute;bottom:100%;left:30%}.pipes-flower{aspect-ratio:1;width:clamp(50px,20cqh,110px);position:absolute;left:100%;translate:0 -50%}.pipes-flower-picture{width:100%;height:100%}.pipes-flower.open{animation:.7s ease-out 2 seek-hop}@container (max-aspect-ratio:5/4){.pipes-board{width:62cqw;max-width:none;height:auto}}.jigsaw{--frame:min(calc(100cqw * .56), calc(94cqh * 1.6));--piece:min(calc(var(--frame) / var(--columns)), 19cqw, calc((90cqh / var(--tray-rows) - 10px) * var(--ratio)));touch-action:none;justify-content:center;align-items:center;gap:clamp(.6rem,3cqw,2rem);height:100%;display:flex}.jigsaw-frame{width:var(--frame);aspect-ratio:1.6;background:#f2e6cc;border:6px solid #b5773e;border-radius:8px;display:grid;position:relative;box-shadow:0 6px #8b5a2b}.painted-page.jigsaw-shadow{opacity:.25;filter:grayscale(.5);pointer-events:none;width:100%;position:absolute;inset:0}.jigsaw-slot{cursor:pointer;background:0 0;border:1px dashed #8b5a2b80;padding:0;position:relative}.jigsaw-cut{position:absolute;inset:0;overflow:hidden}.painted-page.jigsaw-whole{max-width:none;position:absolute}.jigsaw-tray{width:calc(var(--piece)*2 + 10px);flex-wrap:wrap;place-content:center;gap:10px;display:flex}.jigsaw-piece{width:var(--piece);aspect-ratio:var(--ratio);cursor:grab;touch-action:none;border-radius:4px;outline:3px solid #fff;position:relative;box-shadow:0 4px 10px #3a261859}.jigsaw-piece.chosen{outline:5px solid #ffd23a;scale:1.06}.jigsaw-piece.dragging{z-index:10;cursor:grabbing;scale:1.08}.jigsaw-slot .jigsaw-cut{animation:.4s ease-out seek-hop}@container (max-aspect-ratio:5/4){.jigsaw{--frame:min(96cqw, calc(55cqh * 1.6));--piece:min(calc(var(--frame) / var(--columns)), calc(((88cqh - var(--frame) / 1.6) / var(--tray-rows) - 10px) * var(--ratio)), calc(48cqw - 5px));flex-direction:column}}.sudoku{justify-content:center;align-items:center;gap:clamp(1rem,5cqw,3rem);height:100%;display:flex}.sudoku-grid{aspect-ratio:1;background:#8b5a2b;border:4px solid #3a2618;border-radius:14px;gap:6px;height:min(94cqh,62cqw);padding:8px;display:grid}.sudoku-cell{background:repeating-linear-gradient(90deg,#e2b77c 0 14px,#d4a467 14px 16px);border:0;border-radius:8px;place-items:center;padding:8%;display:grid}.sudoku-cell.hole{background:var(--tile-soft);color:var(--ink);cursor:pointer;box-shadow:inset 0 0 0 3px #d8c49a}.sudoku-cell.filled{background:#e8f8e6}.sudoku-cell.wrong{animation:.4s double-entry-shake;box-shadow:inset 0 0 0 3px #e5484d}.sudoku-picture{width:100%;height:100%}.sudoku-cell.filled .sudoku-picture{animation:.4s ease-out seek-hop}.sudoku-basket{flex-direction:column;gap:clamp(.4rem,2cqh,.8rem);display:flex}.sudoku-choice{aspect-ratio:1;background:var(--tile-soft);width:clamp(56px,25cqh,96px);color:var(--ink);cursor:pointer;border:4px solid #e8d9b8;border-radius:18px;padding:8px;box-shadow:0 4px #d8c49a}.sudoku-choice.chosen{border-color:#ffd23a;scale:1.12;box-shadow:0 4px #e0b020}@container (max-aspect-ratio:5/4){.sudoku{flex-direction:column}.sudoku-grid{width:92cqw;height:auto}.sudoku-basket{flex-direction:row}.sudoku-choice{width:clamp(52px,20cqw,92px)}}.tic-tac-toe{justify-content:center;align-items:center;gap:clamp(1rem,5cqw,3rem);height:100%;display:flex}.tic-tac-toe-board{aspect-ratio:1;background:#2f5d4a;border:8px solid #b5773e;border-radius:14px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:6px;height:min(94cqh,64cqw);padding:10px;display:grid}.tic-tac-toe-cell{cursor:pointer;background:#ffffff14;border:0;border-radius:6px;place-items:center;padding:10%;display:grid;box-shadow:inset 0 0 0 2px #ffffff80}.tic-tac-toe-cell.line{background:#ffd23a73}.tic-tac-toe-picture{width:100%;height:100%}.tic-tac-toe-cell .tic-tac-toe-picture{animation:.4s ease-out seek-hop}.tic-tac-toe-players{flex-direction:column;gap:1rem;display:flex}.tic-tac-toe-player{aspect-ratio:1;background:var(--tile-soft);width:clamp(50px,20cqh,90px);color:var(--ink);opacity:.5;border:4px solid #e8d9b8;border-radius:50%;padding:8px;transition:scale .3s,opacity .3s}.tic-tac-toe-player.turn{opacity:1;border-color:#ffd23a;scale:1.15}@container (max-aspect-ratio:5/4){.tic-tac-toe{flex-direction:column}.tic-tac-toe-board{width:92cqw;height:auto}.tic-tac-toe-players{flex-direction:row}.tic-tac-toe-player{width:clamp(50px,18cqw,90px)}}.sound-again{color:#0a5f78;cursor:pointer;background:#e6f6fb;border:3px solid #0a5f78;border-radius:50%;flex:none;place-items:center;width:56px;height:56px;display:grid}.sound-again svg{width:60%;height:60%}.sound-again:disabled{opacity:.4;cursor:default}.drum-echo{--beat:clamp(28px, 7cqh, 52px);justify-content:center;align-items:center;gap:clamp(1rem,5cqw,3rem);height:100%;display:flex}.drum-echo-drum{aspect-ratio:1;cursor:pointer;touch-action:manipulation;background:0 0;border:0;width:min(40cqw,86cqh);padding:0}.drum-echo-drum.playing{cursor:default}.drum-echo-bounce{width:100%;height:100%;animation:.18s ease-out drum-echo-hit;display:block}.drum-echo-picture{width:100%;height:100%}@keyframes drum-echo-hit{40%{scale:1.06 .92}}.drum-echo-score{flex-direction:column;align-items:flex-start;gap:1rem;display:flex}.drum-echo-row{min-height:calc(var(--beat) + 16px);min-width:calc(var(--beat)*9);background:var(--tile-soft);color:var(--ink);border-radius:999px;align-items:center;padding:8px 14px;display:flex;box-shadow:inset 0 0 0 3px #e8d9b8}.drum-echo-beat{width:var(--beat);height:var(--beat);background:#ff9d2e;border:3px solid #3a2618;border-radius:50%;flex:none}.drum-echo-row.mine .drum-echo-beat{background:#4fb244;animation:.3s ease-out seek-hop}.drum-echo-pause{background:#d8c49a;border-radius:2px;flex:none;height:4px}.drum-echo-pause.short{width:calc(var(--beat)*.8)}.drum-echo-pause.long{width:calc(var(--beat)*2.4)}.drum-echo.solved .drum-echo-row.mine{box-shadow:inset 0 0 0 3px #4fb244}@container (max-aspect-ratio:5/4){.drum-echo{flex-direction:column}.drum-echo-drum{width:min(70cqw,46cqh)}.drum-echo-score{align-items:center}}.sound-memory{grid-template-columns:repeat(var(--per-row), min(84cqw / var(--per-row), 40cqh));place-content:center;gap:clamp(.6rem,3cqh,1.4rem);height:100%;display:grid}.sound-memory-box{aspect-ratio:1;background:var(--tile-soft);color:var(--ink);cursor:pointer;border:4px solid #e8d9b8;border-radius:20px;padding:8%;box-shadow:0 5px #d8c49a}.sound-memory-box.playing{border-color:#ffd23a;animation:.25s ease-in-out 4 sound-memory-sing}.sound-memory-box.found{cursor:default;background:#e8f8e6;border-color:#4fb244}.sound-memory-box.found .sound-memory-picture{animation:.5s ease-out seek-hop}.sound-memory-picture{width:100%;height:100%}@keyframes sound-memory-sing{25%{rotate:-5deg}75%{rotate:5deg}}@container (max-aspect-ratio:5/4){.sound-memory{grid-template-columns:repeat(2, min(42cqw, 80cqh / var(--boxes) * 2))}}.swing{cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:linear-gradient(#bfe7ff,#eaf8ff);border-radius:20px;height:100%;position:relative;overflow:hidden}.swing-stage{aspect-ratio:1.2;height:min(100%,83.3333cqw);position:absolute;top:50%;left:50%;translate:-50% -50%}.swing-scene{width:100%;height:100%;position:absolute;inset:0}.swing-arm{transform-origin:50% 0;width:30%;height:71%;position:absolute;top:9%;left:35%}.swing-rope{background:#6b4a24;width:3px;position:absolute;top:0;bottom:4%;left:50%}.swing-rope.back{opacity:.6;margin-left:3px}.swing-seat{background:#c98a4b;border:2px solid #3a2618;border-radius:3px;height:4%;position:absolute;bottom:2%;left:28%;right:28%}.swing-rider{aspect-ratio:1;width:80%;position:absolute;bottom:4%;left:10%}.swing.high .swing-rider{animation:.5s ease-out 3 seek-hop}.swing-shadow{background:#28461440;border-radius:50%;width:16%;height:4%;position:absolute;top:89%;translate:-50%}.swing-hand{opacity:.45;font-size:clamp(2rem,14cqh,4.5rem);transition:opacity .1s,scale .1s;position:absolute;top:50%;left:12%}.swing-hand.near{opacity:1;scale:1.25}.balloon-game{--big:min(30cqw, 92cqh);background:linear-gradient(#fff3d6,#fffaf0);border-radius:20px;justify-content:center;align-items:flex-end;gap:clamp(.4rem,3cqw,2rem);height:100%;padding-bottom:2cqh;display:flex}.balloon-model,.balloon-mine{width:var(--big);height:var(--big);position:relative}.balloon-model{filter:saturate(.6)}.balloon-model:after{content:"";background:#b5773e;border-radius:4px;height:8px;position:absolute;bottom:-4px;left:30%;right:30%}.balloon-holder{transform-origin:50% 100%;position:absolute;inset:0}.balloon-picture{width:100%;height:100%}.balloon-game.done .balloon-mine .balloon-holder{animation:2s ease-in forwards balloon-fly}@keyframes balloon-fly{to{translate:0 -160%}}.balloon-burst{aspect-ratio:1;border:8px dashed #ffd23a;border-radius:50%;width:60%;animation:.5s ease-out forwards balloon-burst;position:absolute;bottom:30%;left:20%}@keyframes balloon-burst{0%{scale:.3}to{opacity:0;scale:1.3}}.balloon-pump{aspect-ratio:1;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:0 0;border:0;width:min(22cqw,60cqh);padding:0}.balloon-pump:active .balloon-pump-picture{transform-origin:50% 100%;scale:1 .88}.balloon-pump-picture{width:100%;height:100%}@container (max-aspect-ratio:5/4){.balloon-game{--big:min(46cqw, 40cqh);flex-wrap:wrap;align-content:flex-end}.balloon-pump{width:min(40cqw,26cqh)}}.marble{place-items:center;height:100%;display:grid}.marble-board{touch-action:none;cursor:pointer;box-sizing:border-box;background:#8b5a2b;border:10px solid #8b5a2b;border-radius:18px;width:min(100%,160cqh - 12px);box-shadow:0 6px #6b4a24}.marble-field{aspect-ratio:16/10;background:repeating-linear-gradient(90deg,#8b5a2b1f 0 2px,#0000 2px 46px),#e9c48c;border-radius:8px;position:relative;box-shadow:0 0 0 3px #6b4a24}.marble-hole,.marble-start,.marble-ball{aspect-ratio:1;border-radius:50%;position:absolute}.marble-hole{background:radial-gradient(circle at 50% 40%,#1d120a 55%,#4a3018);box-shadow:0 2px #ffffff80}.marble-hole.goal{background:radial-gradient(circle at 50% 40%,#1d4a12 55%,#2f7a24)}.marble-flag{background:#3a2618;width:4px;height:140%;position:absolute;bottom:50%;left:50%}.marble-flag:after{content:"";clip-path:polygon(0 0,100% 50%,0 100%);background:#e5484d;width:120%;min-width:18px;height:40%;position:absolute;top:0;left:4px}.marble-start{border:3px dashed #3a261859}.marble-ball{will-change:translate;background:radial-gradient(circle at 35% 30%,#fff 0 12%,#6fc3ff 13%,#1f6fd0 75%);width:6.25%;top:0;left:0;box-shadow:0 3px 4px #00000059}.marble-board.fell .marble-ball{opacity:.2;transition:scale .4s ease-in,opacity .4s;scale:.4}.marble-board.home .marble-ball{transition:scale .3s;scale:.7}.marble-choice{flex-wrap:wrap;justify-content:center;gap:clamp(12px,4cqw,40px);display:flex}.marble-choice .activity-choice{width:clamp(150px,min(32cqw,60cqh),260px);font-size:clamp(1rem,min(3.4cqw,6cqh),1.5rem);font-weight:800}.marble-choice-picture{width:100%;height:auto}.float-sink{justify-content:center;align-items:center;gap:clamp(.8rem,4cqw,3rem);height:100%;display:flex}.float-sink-tank{aspect-ratio:1.25;width:min(44cqw,110cqh);position:relative}.float-sink-water{background:linear-gradient(#7fd0f5,#3a8fd0);border-radius:0 0 18px 18px;height:62%;position:absolute;bottom:0;left:0;right:0}.float-sink-glass{pointer-events:none;border:5px solid #ffffffe6;border-top:0;border-radius:0 0 22px 22px;position:absolute;inset:12% 0 0;box-shadow:0 0 0 3px #9cc8de}.float-sink-thing{aspect-ratio:1;width:32%;position:absolute;top:-4%;left:34%}.float-sink-thing.waiting{animation:2s ease-in-out infinite float-sink-hover}.float-sink-thing.floating{animation:2s ease-out forwards float-sink-float}.float-sink-thing.sinking{animation:2s ease-in forwards float-sink-sink}.float-sink-picture{width:100%;height:100%}@keyframes float-sink-hover{50%{translate:6px -10px}}@keyframes float-sink-float{40%{top:34%}70%{top:18%;rotate:-6deg}85%{rotate:5deg}to{top:22%;rotate:0deg}}@keyframes float-sink-sink{30%{top:30%}to{top:54%;rotate:12deg}}.float-sink-bet{aspect-ratio:.8;background:var(--tile-soft);width:min(18cqw,40cqh);color:var(--ink);cursor:pointer;border:4px solid #9cc8de;border-top:0;border-radius:0 0 16px 16px;position:relative}.float-sink-bet.chosen{outline-offset:4px;outline:5px solid #ffd23a}.float-sink-bet-water{background:#7fd0f5;border-radius:0 0 12px 12px;height:60%;position:absolute;bottom:0;left:0;right:0}.float-sink-bet-ball{aspect-ratio:1;background:#ff9d2e;border:3px solid #3a2618;border-radius:50%;width:36%;position:absolute;left:32%}.float-sink-bet.float .float-sink-bet-ball{top:22%}.float-sink-bet.sink .float-sink-bet-ball{bottom:4%}@container (max-aspect-ratio:5/4){.float-sink{flex-wrap:wrap;align-content:center}.float-sink-tank{order:-1;width:92cqw}.float-sink-bet{width:min(36cqw,22cqh)}}.color-mix{justify-content:center;align-items:center;gap:clamp(1rem,5cqw,3rem);height:100%;display:flex}.color-mix-easel{aspect-ratio:.85;background:var(--tile-soft);width:min(30cqw,80cqh);color:var(--ink);border:8px solid #b5773e;border-radius:8px;place-items:center;display:grid;box-shadow:0 6px #8b5a2b}.color-mix-splash{aspect-ratio:1;border:3px solid #3a2618;border-radius:46% 54% 42% 58%/52% 44% 56% 48%;width:70%}.color-mix.solved .color-mix-splash{animation:.5s ease-out 2 seek-hop}.color-mix-table{flex-direction:column;align-items:center;gap:1cqh;display:flex}.color-mix-bowl{aspect-ratio:1;width:min(26cqw,44cqh);animation:.35s ease-out seek-hop}.color-mix-picture{width:100%;height:100%}.color-mix-pots{gap:clamp(.3rem,2cqw,1rem);display:flex}.color-mix-pot{aspect-ratio:1;cursor:pointer;background:0 0;border:0;width:min(12cqw,30cqh);padding:0;transition:translate .2s,rotate .2s}.color-mix-pot.used{translate:0 -12%;rotate:-14deg}@container (max-aspect-ratio:5/4){.color-mix{flex-direction:column}.color-mix-easel{width:min(50cqw,30cqh)}.color-mix-bowl{width:min(50cqw,26cqh)}.color-mix-pot{width:min(21cqw,16cqh)}}.sun-shadow{background:linear-gradient(#9fd8ff,#e6f6ff 66%,#8fd16a 66%,#6fb84a);border-radius:20px;height:100%;transition:background .6s;position:relative;overflow:hidden}.sun-shadow.morning,.sun-shadow.evening{background:linear-gradient(#ffc98a,#fff0d6 66%,#8fd16a 66%,#6fb84a)}.sun-shadow-slot{aspect-ratio:1;cursor:pointer;background:#ffffff40;border:3px dashed #ffffffe6;border-radius:50%;width:min(16cqw,30cqh);padding:0;position:absolute;translate:-50% -50%}.sun-shadow-slot.morning{top:46%;left:14%}.sun-shadow-slot.noon{top:20%;left:50%}.sun-shadow-slot.evening{top:46%;left:86%}.sun-shadow-slot.lit{background:0 0;border-color:#0000}.sun-shadow-slot.fixed{cursor:default}.sun-shadow-slot.fixed:not(.lit){opacity:0}.sun-shadow-sun{width:100%;height:100%;animation:.4s ease-out seek-hop}.sun-shadow-tree{aspect-ratio:1;width:min(30cqw,58cqh);position:absolute;bottom:14%;left:50%;translate:-50%}.sun-shadow-shadow{background:#1e321473;border:0;border-radius:50%;height:9%;padding:0;transition:left .6s,width .6s;position:absolute;bottom:12%}.sun-shadow-shadow.morning{width:36%;left:14%}.sun-shadow-shadow.noon{width:20%;left:40%}.sun-shadow-shadow.evening{width:36%;left:50%}.sun-shadow-shadow.choice{cursor:pointer;background:#ffffff40;border:4px dashed #2f5d2a;height:13%;bottom:10%}.sun-shadow-shadow.choice.noon{z-index:1;width:18%;left:41%}.sun-shadow-tree{pointer-events:none}@container (max-aspect-ratio:5/4){.sun-shadow-slot{width:26cqw}.sun-shadow-tree{width:62cqw}}.emotion-faces{justify-content:center;align-items:center;gap:clamp(.6rem,4cqw,2.5rem);height:100%;display:flex}.emotion-faces-parts{grid-template-columns:repeat(2,auto);gap:clamp(.4rem,2cqh,.8rem);display:grid}.emotion-faces-part{aspect-ratio:1.3;cursor:pointer;background:#ffd9b8;border:4px solid #e8d9b8;border-radius:16px;width:min(13cqw,30cqh);padding:10%;box-shadow:0 4px #d8c49a}.emotion-faces-part svg{width:100%;height:100%}.emotion-faces-part.chosen{border-color:#ffd23a;box-shadow:0 4px #e0b020}.emotion-faces-stage{aspect-ratio:1;background:linear-gradient(90deg,#e5484d 0 12%,#0000 12% 88%,#e5484d 88%),#fff3d6;border-top:14px solid #b8323a;border-radius:20px 20px 8px 8px;place-items:center;width:min(36cqw,90cqh);display:grid}.emotion-faces-puppet{width:76%;height:76%}.emotion-faces.solved .emotion-faces-puppet{animation:.5s ease-out 3 seek-hop}@container (max-aspect-ratio:5/4){.emotion-faces{flex-direction:column}.emotion-faces-stage{order:-1;width:min(70cqw,44cqh)}.emotion-faces-parts{grid-template-columns:repeat(4,auto)}.emotion-faces-part{width:min(20cqw,12cqh)}}.silly-necklace{flex-direction:column;justify-content:center;align-items:center;gap:clamp(.8rem,6cqh,2.5rem);height:100%;display:flex}.silly-necklace-string{grid-template-columns:repeat(9,min(10cqw,22cqh));gap:4px;display:grid;position:relative}.silly-necklace-string:before{content:"";background:#8b5a2b;height:3px;position:absolute;top:50%;left:0;right:0}.silly-necklace-bead,.silly-necklace-choice{display:grid}.silly-necklace-bead{aspect-ratio:1;cursor:pointer;background:0 0;border:3px dashed #0000;border-radius:50%;padding:8%;position:relative}.silly-necklace-bead.mine{background:#fffdf6cc;border-color:#e8d9b8}.silly-necklace-bead.mended{border-style:solid;border-color:#4fb244;animation:.5s ease-out 2 seek-hop}.silly-necklace-picture{width:100%;height:100%;display:block}.silly-necklace-bead .silly-necklace-picture{animation:.3s ease-out seek-hop}.silly-necklace-box{background:#b5773e;border-radius:18px;gap:clamp(.4rem,2cqw,1rem);padding:10px 16px;transition:opacity .3s;display:flex;box-shadow:inset 0 0 0 4px #8b5a2b}.silly-necklace-box.closed{opacity:.4}.silly-necklace-choice{aspect-ratio:1;background:var(--tile-soft);width:min(13cqw,26cqh);color:var(--ink);cursor:pointer;border:3px solid #e8d9b8;border-radius:14px;padding:8px}@container (max-aspect-ratio:5/4){.silly-necklace-string{grid-template-columns:repeat(5,17cqw);row-gap:3cqh}.silly-necklace-choice{width:20cqw}.silly-necklace-string:before{display:none}}.settings-card{grid-template-rows:auto auto;width:min(440px,100%);height:auto}.settings-body{flex-direction:column;gap:1.2rem;padding:1.3rem 1.4rem 1.6rem;display:flex}.settings-section h3{color:var(--card-title);margin:0 0 .7rem;font-size:1.05rem;font-weight:900}.settings-choices{flex-wrap:wrap;gap:.6rem;display:flex}.settings-choice{color:#07566d;cursor:pointer;background:#fff;border:3px solid #b9dfe6;border-radius:999px;min-width:9rem;min-height:52px;padding:.6rem 1.1rem;font-size:1.05rem;font-weight:800}.settings-choice[aria-pressed=true]{color:#503900;background:var(--yellow);border-color:#e7b800}.settings-choice:focus-visible{outline:3px solid var(--card-title);outline-offset:2px}.settings-overlay{z-index:130}.settings-card{flex-direction:column;max-height:100%;display:flex}.settings-card>.activity-header{flex:none}.settings-body{overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;flex:auto;min-height:0;overflow-y:auto}.gate-overlay{z-index:131}@media (pointer:coarse){.gate-overlay{place-items:start center}}.gate-question{color:var(--card-title);font-size:1.1rem;font-weight:700}.gate-question strong{color:var(--card-ink);margin-top:.3rem;font-size:1.5rem;display:block}.gate-input{width:8rem;min-height:56px;font:inherit;text-align:center;letter-spacing:.1em;color:var(--ink);background:var(--tile);border:3px solid #b9dfe6;border-radius:16px;padding:.4rem .8rem;font-size:1.8rem;font-weight:900}.gate-input:focus-visible{outline:3px solid var(--card-title);outline-offset:2px}.gate-wrong{color:var(--card-alert);margin:0;font-weight:700}.gate-submit{align-self:flex-start}.account-hint{color:var(--card-muted);margin:0 0 .6rem;font-size:.95rem;line-height:1.4}.account-site{color:var(--card-title);font-weight:800;text-decoration:underline}.settings-parents-site{color:var(--card-title);margin-top:.6rem;font-size:.95rem;font-weight:800;display:inline-block}.settings-legal-links{margin:0;padding:0;list-style:none}.settings-legal-links a{color:var(--card-title);padding:.45rem 0;font-size:.95rem;font-weight:800;text-decoration:underline;display:inline-block}.settings-parents-site svg{vertical-align:-2px;width:15px;height:15px;margin-right:.3rem;display:inline-block}.account-linked p{align-items:center;gap:.5rem;margin:0 0 .6rem;font-weight:700;display:flex}.account-avatar{font-size:1.8rem;line-height:1}.account-actions{flex-wrap:wrap;gap:.5rem;display:flex}.account-code{text-align:center;flex-direction:column;align-items:center;display:flex}.account-qr{width:176px;height:176px;image-rendering:pixelated;background:#fff;border:3px solid #b9dfe6;border-radius:12px}.copy-code{color:inherit;cursor:copy;background:0 0;border:0;border-radius:8px;align-items:center;gap:.35em;padding:.1em .35em;display:inline-flex}.copy-code strong{font:inherit;letter-spacing:inherit}.copy-code svg{opacity:.7;width:.8em;height:.8em}.copy-code.copied{background:#62d67840}.copy-code-done{letter-spacing:0;font-size:.5em}.account-code-value{letter-spacing:.14em;color:var(--card-ink);margin:.6rem 0 .3rem;font-family:Consolas,Cascadia Mono,Menlo,monospace;font-size:2rem}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.nap-overlay{z-index:110;color:#fff;background:radial-gradient(circle at 50% 38%,#24476e,#0b1c38 72%);place-items:center;padding:1rem;animation:.8s both fade-in;display:grid;position:absolute;inset:0}.nap-overlay:before{content:"";pointer-events:none;background-image:radial-gradient(2px 2px at 12% 20%,#fff9 50%,#0000 51%),radial-gradient(2px 2px at 78% 14%,#fffa 50%,#0000 51%),radial-gradient(1.5px 1.5px at 38% 8%,#fff8 50%,#0000 51%),radial-gradient(2px 2px at 88% 42%,#fff7 50%,#0000 51%),radial-gradient(1.5px 1.5px at 22% 64%,#fff6 50%,#0000 51%),radial-gradient(2px 2px at 62% 30%,#fff8 50%,#0000 51%);position:absolute;inset:0}.nap-overlay.waking{background:radial-gradient(circle at 50% 38%,#3aa7c2,#0a5873 72%);transition:background 1.2s}.nap-card{text-align:center;flex-direction:column;align-items:center;gap:1rem;width:min(560px,100%);display:flex;position:relative}.nap-sleeper{aspect-ratio:1;width:min(260px,52vmin);position:relative}.nap-sprite{width:100%;height:100%}.nap-overlay.asleep .nap-sprite{transform-origin:50% 90%;animation:3.6s ease-in-out infinite nap-breathe}.nap-zzz{color:#fff3ad;gap:.2rem;font-size:1.6rem;font-weight:900;display:flex;position:absolute;top:2%;right:4%}.nap-zzz i{font-style:normal;animation:2.4s ease-in-out infinite nap-z}.nap-zzz i:nth-child(2){font-size:2rem;animation-delay:.5s}.nap-zzz i:nth-child(3){font-size:2.5rem;animation-delay:1s}.nap-subtitle{background:#ffffff1f;border:1px solid #fff4;border-radius:20px;margin:0;padding:.8rem 1.1rem;font-size:1.25rem;font-weight:800;line-height:1.35}.nap-parents{top:calc(.7rem + env(safe-area-inset-top));right:calc(.7rem + env(safe-area-inset-right));color:#fffa;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute}.nap-parents svg{width:22px;height:22px}.nap-exit-fullscreen{top:calc(.7rem + env(safe-area-inset-top));left:calc(.7rem + env(safe-area-inset-left));color:#fffc;cursor:pointer;background:#ffffff14;border:1px solid #fff4;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute}.nap-exit-fullscreen svg{width:22px;height:22px}.nap-exit-fullscreen:hover,.nap-exit-fullscreen:focus-visible{color:#fff;border-color:#fff;outline:none}.nap-overlay.break{background:radial-gradient(circle at 50% 30%,#8fd6e8,#2c8fb0 60%,#1f6f5a 100%)}.nap-overlay.break:before{display:none}.nap-overlay.break.asleep .nap-sprite{animation:none}.nap-parents-hint{opacity:.85;text-align:center;max-width:30rem;margin:.2rem auto 0;font-size:.85rem;font-weight:600}.break-why{text-align:left;max-width:34rem;font-size:.85rem;font-weight:600}.break-why p{margin:0}.break-why ul{margin:.2rem 0 0;padding-left:1.2rem}.break-parents{background:#00000026;border-radius:18px;flex-direction:column;align-items:center;gap:.5rem;margin-top:.4rem;padding:.7rem 1rem;font-size:.95rem;font-weight:700;display:flex}.break-parents p{margin:0}.break-parents-button{color:#07566d;min-height:48px;font:inherit;cursor:pointer;background:#fff;border:3px solid #b9dfe6;border-radius:999px;align-items:center;gap:.45rem;padding:.5rem 1.1rem;font-weight:800;display:inline-flex}.break-parents-button svg{width:20px;height:20px}.break-parents-button:focus-visible{outline-offset:2px;outline:3px solid #fff}.settings-debug-tools{margin-top:.6rem}@keyframes nap-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.025,1.035)}}@keyframes nap-z{0%{opacity:0;transform:translateY(8px)}30%,70%{opacity:1}to{opacity:0;transform:translate(10px,-18px)}}@media (prefers-reduced-motion:reduce){.nap-overlay.asleep .nap-sprite,.nap-zzz i{animation:none!important}}.legal-footer{z-index:30;right:calc(.4rem + env(safe-area-inset-right));bottom:env(safe-area-inset-bottom);background:#04354a73;border-radius:8px 8px 0 0;gap:.1rem;padding:0 .3rem;display:flex;position:absolute}.legal-footer .legal-copyright{color:#fffc;align-self:center;padding:0 .3rem 0 .2rem;font-size:.62rem;text-decoration:none}.legal-footer .legal-hosted{white-space:nowrap;align-items:center;gap:.25em;text-decoration:none;display:inline-flex}.legal-footer .legal-hosted:hover,.legal-footer .legal-hosted:focus-visible{text-decoration:underline}.legal-hosted .flag-fr{border:1px solid #fff9;border-radius:1px;flex:none;width:1.05em;height:.7em}.legal-footer .legal-short,.legal-footer .legal-copyright-short{display:none}@media (orientation:portrait) and (max-width:600px){.legal-footer .legal-hosted{display:none}.legal-footer button,.legal-copyright{white-space:nowrap}.legal-footer .legal-long,.legal-footer .legal-copyright-long{display:none}.legal-footer .legal-short,.legal-footer .legal-copyright-short{display:inline}}.legal-footer.on-top{z-index:101}.legal-footer button{font:inherit;color:#ffffffeb;cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:.16rem .35rem;font-size:.62rem;line-height:1.2;text-decoration:underline}@media (orientation:landscape) and (max-height:560px){.legal-footer button,.legal-copyright{padding-top:.05rem;padding-bottom:.05rem;font-size:.55rem}}.legal-overlay{z-index:130}.legal-card{background:#fff;border-radius:18px;flex-direction:column;width:min(820px,100%);height:min(860px,100%);display:flex;overflow:hidden;box-shadow:0 12px 32px #001e2c88}.legal-bar{background:#fdf8ee;border-bottom:1px solid #e4dccb;justify-content:space-between;align-items:center;gap:.6rem;padding:.35rem .4rem .35rem 1rem;font-size:.9rem;display:flex}.legal-bar a{color:#07566d}.legal-close{color:#07566d;cursor:pointer;background:#fff;border:2px solid #b9dfe6;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.legal-card iframe{background:#fdf8ee;border:0;flex:1;width:100%}.legal-footer .legal-bug{font-weight:700}.bug-overlay{z-index:130}.bug-card{color:#173a45;background:#fff;border-radius:18px;flex-direction:column;width:min(640px,100%);max-height:100%;display:flex;overflow:hidden;box-shadow:0 12px 32px #001e2c87}.bug-bar{background:#fdf8ee;border-bottom:1px solid #e4dccb;justify-content:space-between;align-items:center;gap:.6rem;padding:.35rem .4rem .35rem 1rem;display:flex}.bug-bar h2{margin:0;font-size:1.1rem}.bug-content{gap:.6rem;padding:.9rem 1rem 1.1rem;font-size:.95rem;display:grid;overflow-y:auto}.bug-content p,.bug-content h3{margin:0}.bug-content h3{font-size:.95rem}.bug-field{gap:.3rem;font-weight:700;display:grid}.bug-field textarea,.bug-field input{width:100%;font:inherit;color:inherit;resize:vertical;border:2px solid #b9dfe6;border-radius:10px;padding:.5rem .6rem;font-weight:400}.bug-help{color:#5b7580;font-size:.85rem}.bug-actions{flex-wrap:wrap;gap:.5rem;display:flex}.bug-actions button,.bug-actions a,.bug-send{font:inherit;color:#07566d;cursor:pointer;background:#d9eef2;border:0;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .8rem;font-weight:700;text-decoration:none;display:inline-flex}.bug-actions svg,.bug-send svg{width:1.1em;height:1.1em}.bug-details summary{cursor:pointer;font-weight:700}.bug-details pre{white-space:pre-wrap;word-break:break-word;background:#f3f8f9;border-radius:8px;max-height:22vh;margin:.4rem 0 0;padding:.5rem;font-size:.75rem;overflow:auto}.bug-send:disabled{opacity:.5;cursor:default}.bug-error{color:#b3261e;font-weight:700}.bug-sent{font-size:1.05rem;font-weight:700}.bug-send{color:#fff;background:var(--go);box-shadow:0 4px 0 var(--go-shadow);justify-self:center;padding:.7rem 1.4rem}.offline-stop{margin-top:1.2rem}.time-stepper{align-items:center;gap:.6rem;margin:.4rem 0 .6rem;display:flex}.time-stepper .round-control{font-size:1.4rem;line-height:1}.time-stepper .round-control:disabled{opacity:.4;cursor:default}.time-stepper-value{text-align:center;font-variant-numeric:tabular-nums;min-width:4.5rem;font-size:1.2rem;font-weight:800}.settings-fold summary{cursor:pointer;align-items:center;gap:.5rem;min-height:44px;list-style:none;display:flex}.settings-fold summary::-webkit-details-marker{display:none}.settings-fold summary:after{content:"▸";color:var(--card-title);margin-left:auto;font-size:1.2rem;transition:transform .2s}.settings-fold[open] summary:after{transform:rotate(90deg)}.settings-fold summary h3{margin:0}.settings-fold[open] summary{margin-bottom:.7rem}.account-profiles{margin-bottom:.8rem}.account-profile-list{flex-wrap:wrap;gap:.5rem;margin:0 0 .7rem;padding:0;list-style:none;display:flex}.account-profile{color:#07566d;min-height:52px;font:inherit;cursor:pointer;background:#fff;border:3px solid #b9dfe6;border-radius:999px;align-items:center;gap:.45rem;padding:.4rem 1rem .4rem .6rem;font-weight:800;display:inline-flex}.account-profile.current{cursor:default;background:#e6f7ea;border-color:#2f9e57}.account-add,.start-parents-retry{justify-content:center;align-items:center;gap:.4rem;display:inline-flex}.account-add svg,.start-parents-retry svg{width:1.2em;height:1.2em}.account-new-profile{flex-direction:column;gap:.7rem;margin-bottom:.8rem;display:flex}.account-new-name{flex-direction:column;gap:.3rem;font-weight:800;display:flex}.account-new-name input{min-height:48px;color:var(--ink);background:var(--tile);font:inherit;border:3px solid #b9dfe6;border-radius:12px;padding:.4rem .8rem;font-weight:700}.account-new-name input:focus-visible{outline:3px solid var(--card-title);outline-offset:2px}.account-new-avatars{border:0;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:.4rem;margin:0;padding:0;display:grid}.account-new-avatars legend{margin-bottom:.3rem;padding:0;font-weight:800}.account-new-avatar{aspect-ratio:1;cursor:pointer;background:#fff;border:3px solid #b9dfe6;border-radius:14px;min-height:48px;font-size:1.7rem;line-height:1}.account-new-avatar.chosen{background:#e6f7ea;border-color:#2f9e57}.scenery-layer{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:visible}.scenery-layer.sky{z-index:0;overflow:hidden}.sky-box,.sky-drawing{position:absolute}.sky-box svg{display:block;overflow:visible}.sky-drawing{top:0;left:0}.scene-sky{pointer-events:none;background:var(--level-sky);position:absolute}.scene-sky.period-evening{background:linear-gradient(#6f45d68c, #ff7ab673 50%, #ff9d2e80),var(--level-sky)}.scene-sky.period-night{background:#16205a url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='600' height='300'><circle cx='271' cy='193' r='2' fill='%23fff' opacity='0.85'/><circle cx='265' cy='36' r='2.5' fill='%23fff' opacity='1'/><circle cx='390' cy='250' r='2.5' fill='%23fff' opacity='0.85'/><circle cx='566' cy='62' r='2.5' fill='%23fff' opacity='1'/><circle cx='231' cy='218' r='3' fill='%23fff' opacity='1'/><circle cx='408' cy='91' r='2' fill='%23fff' opacity='1'/><circle cx='465' cy='74' r='2.5' fill='%23fff' opacity='1'/><circle cx='15' cy='117' r='2.5' fill='%23fff' opacity='1'/><circle cx='180' cy='158' r='3' fill='%23fff' opacity='1'/><circle cx='562' cy='114' r='2.5' fill='%23fff' opacity='0.7'/><circle cx='211' cy='206' r='3' fill='%23fff' opacity='1'/><circle cx='379' cy='222' r='2.5' fill='%23fff' opacity='1'/><circle cx='280' cy='43' r='3' fill='%23fff' opacity='0.85'/><circle cx='13' cy='183' r='2' fill='%23fff' opacity='0.85'/></svg>");background-size:calc(600px*var(--level-scale)) calc(300px*var(--level-scale))}.scenery-layer.foreground{z-index:120}.level-cover{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}.period-evening .scenery-layer.foreground>*,.period-evening .level-cover{filter:brightness(.85)saturate(.9)}.period-night .scenery-layer.foreground>*,.period-night .level-cover{filter:brightness(.6)saturate(.8)}.period-night .character-sprite{filter:brightness(.8)saturate(.9)}.scene-backdrop{z-index:1;pointer-events:none;background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:0}.surprise{pointer-events:auto;cursor:pointer;outline:none}.surprise-hit{fill:#0000;pointer-events:all}.surprise:focus-visible .surprise-hit{stroke:#fff;stroke-width:6px;stroke-dasharray:14 10}.drift,.flutter-path,.flutter-wings,.spin-slow,.sparkle,.swim,.bubble,.cuckoo-bird,.cuckoo-door,.pendulum,.lamp-glow,.cat-body,.cat-head,.zzz,.snail-body,.scarecrow-arms,.scarecrow-hat,.birdhouse-bird,.can-body,.drop,.grow-in,.ripe-plant,.flag,.roof-cat-body,.pigeon,.bell-body,.traffic,.vehicle-body,.wheel,.balloon,.ducks,.duck,.frog-body,.squirrel-body,.kite-body,.paper-plane,.roof-bird-body,.ball-body,.ball-shadow,.wave,.trolley-body,.neon,.mole-body,.beams,.disco-facets,.note,.bed-hint{transform-box:fill-box;transform-origin:50%}.drift{animation:linear infinite drift}@keyframes drift{0%{transform:translate(0)}to{transform:translateX(var(--drift,2000px))}}.flutter-path{animation:7s ease-in-out infinite flutter-path}@keyframes flutter-path{0%,to{transform:translate(0)}25%{transform:translate(60px,-40px)}50%{transform:translate(120px)}75%{transform:translate(50px,30px)}}.flutter-wings{animation:.22s ease-in-out infinite alternate flap}@keyframes flap{to{transform:scaleX(.35)}}.spin-slow{animation:40s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sparkle{opacity:0}.surprise.active .sparkle{animation:.8s ease-out sparkle}@keyframes sparkle{0%{opacity:1;transform:translate(0)scale(.3)}to{opacity:0;transform:translate(var(--sx), var(--sy)) scale(1.2)}}.twinkle{animation:2.4s ease-in-out infinite twinkle}@keyframes twinkle{50%{opacity:.25}}.big-wheel,.big-wheel-cabin{position:absolute}.big-wheel svg,.big-wheel-cabin svg{display:block;overflow:visible}.big-wheel{animation:40s linear infinite big-wheel}.big-wheel-cabin{transform-origin:50% 0;animation:40s linear infinite reverse big-wheel}@keyframes big-wheel{to{transform:rotate(360deg)}}.swim{animation:4s ease-in-out infinite alternate swim}@keyframes swim{0%{transform:translate(-14px)}to{transform:translate(12px)scaleX(-1)}}.bubble{opacity:0}.fishbowl.active .bubble{animation:1.2s ease-out bubble}@keyframes bubble{0%{opacity:1;transform:translateY(0)scale(.6)}to{opacity:0;transform:translateY(-60px)scale(1.2)}}.cuckoo-door{transform-origin:0}.cuckoo.active .cuckoo-door{animation:1.6s ease-in-out door-open}@keyframes door-open{0%,to{transform:scaleX(1)}15%,80%{transform:scaleX(.08)}}.cuckoo.active .cuckoo-bird{animation:1.6s ease-in-out cuckoo-out}@keyframes cuckoo-out{0%,to{transform:translateY(0)scale(1)}20%,75%{transform:translateY(-8px)scale(1.5)}35%,60%{transform:translateY(-8px)scale(1.5)rotate(-12deg)}47%{transform:translateY(-8px)scale(1.5)rotate(10deg)}}.pendulum{transform-origin:top;animation:1.2s ease-in-out infinite alternate pendulum}@keyframes pendulum{0%{transform:rotate(-14deg)}to{transform:rotate(14deg)}}.lamp-glow{animation:3s ease-in-out infinite twinkle}.cat-body{transform-origin:bottom;animation:3s ease-in-out infinite breathe}@keyframes breathe{50%{transform:scaleY(1.04)}}.cat.active .cat-body{animation:1.5s ease-in-out stretch}@keyframes stretch{30%,60%{transform:scale(1.18,.86)}75%{transform:scale(.95,1.08)}}.cat-eyes-open,.cat.active .cat-eyes-closed,.cat.active .zzz{opacity:0}.cat.active .cat-eyes-open{opacity:1}.zzz{animation:2.6s ease-in-out infinite zzz}@keyframes zzz{0%{opacity:0;transform:translate(0)}40%{opacity:1}to{opacity:0;transform:translate(16px,-26px)}}.room-dark{animation:.3s fade-in}.aquarium-fish,.rocket-body,.rocket-flame,.piano-key{transform-box:fill-box;transform-origin:50%}.aquarium-fish{animation:3.6s ease-in-out infinite alternate swim}.aquarium.active .bubble{animation:1.2s ease-out bubble}.rocket-flame{opacity:0}.rocket.active .rocket-flame{opacity:1;animation:.1s linear infinite alternate flame}@keyframes flame{to{transform:scaleY(1.3)}}.rocket.active .rocket-body{animation:2.6s ease-in lift-off}@keyframes lift-off{10%{transform:translateY(4px)}55%{transform:translateY(-900px)}56%{opacity:0;transform:translateY(-900px)}57%{opacity:0;transform:translateY(0)}to{opacity:1}}.piano.active .piano-key{animation:.25s ease-in-out 2 alternate key}@keyframes key{to{fill:#ffd23a;transform:translateY(4px)}}.piano.active .note{animation:1.2s ease-out note}.snail-body{animation:9s ease-in-out infinite alternate crawl}@keyframes crawl{to{transform:translate(26px)}}.snail.active .snail-body{transform-origin:0;animation:1.8s ease-in-out hide-in}@keyframes hide-in{20%,75%{transform:scaleX(.15)}}.scarecrow-arms{animation:3s ease-in-out infinite alternate sway}@keyframes sway{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}.scarecrow.active .scarecrow-arms{animation:.35s ease-in-out 4 alternate wave-arms}@keyframes wave-arms{0%{transform:rotate(-14deg)}to{transform:rotate(14deg)}}.scarecrow.active .scarecrow-hat{animation:1.4s ease-out hat-jump}@keyframes hat-jump{30%{transform:translateY(-46px)rotate(-18deg)}60%{transform:translateY(-10px)rotate(8deg)}}.birdhouse-bird{transform:translateY(16px)}.birdhouse.active .birdhouse-bird{animation:1.6s ease-in-out peek}@keyframes peek{20%,80%{transform:translateY(-34px)}50%{transform:translateY(-34px)rotate(-10deg)}}.can.active .can-body{transform-origin:0 100%;animation:1.4s ease-in-out pour}@keyframes pour{20%,75%{transform:rotate(-24deg)}}.drop{opacity:0}.can.active .drop{animation:.6s ease-in 2 drop}@keyframes drop{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(10px,44px)}}.grow-in{transform-origin:bottom;animation:.7s cubic-bezier(.3,1.6,.5,1) grow-in}@keyframes grow-in{0%{transform:scale(.2)}}.bed.ripe .ripe-plant{transform-origin:bottom;animation:1.4s ease-in-out infinite ripe-bob}@keyframes ripe-bob{50%{transform:scale(1.08)rotate(3deg)}}.bed-hint{animation:1.6s ease-in-out infinite twinkle}.walk-light{position:absolute}.walk-light svg{display:block}.walk-light-red{animation:10s step-end infinite walk-light-red}.walk-light-green{animation:10s step-end infinite walk-light-green}@keyframes walk-light-red{0%,55%{opacity:1}56%,to{opacity:.15}}@keyframes walk-light-green{0%,55%{opacity:.15}56%,to{opacity:1}}.clock-hour,.clock-minute{transform-box:view-box;transform-origin:2005px 322px}.clock-minute{animation:12s linear infinite spin}.clock-hour{animation:144s linear infinite spin}.flag{transform-origin:0;animation:1.4s ease-in-out infinite alternate flag}@keyframes flag{0%{transform:skewY(-6deg)scaleX(.94)}to{transform:skewY(6deg)scaleX(1)}}.roof-cat.active .roof-cat-body{animation:1s ease-out hop}@keyframes hop{40%{transform:translateY(-26px)}70%{transform:translateY(0)}85%{transform:translateY(-8px)}}.pigeons.active .pigeon{animation:2.2s ease-in-out fly-away}@keyframes fly-away{40%{opacity:0;transform:translate(80px,-140px)rotate(-20deg)}60%{opacity:0;transform:translate(-60px,-140px)}to{opacity:1;transform:translate(0)}}.bell-body{transform-origin:top}.school-bell-hammer{transform-box:view-box;transform-origin:1560px 212px}.school-bell.active .school-bell-hammer{animation:60ms linear 24 alternate hammer}@keyframes hammer{0%{transform:rotate(-14deg)}to{transform:rotate(14deg)}}.school-bell.active .school-bell-dome{transform-box:fill-box;transform-origin:50%;animation:50ms linear 30 alternate shiver}@keyframes shiver{0%{transform:translate(-1.5px)}to{transform:translate(1.5px)}}.bell.active .bell-body{animation:.25s ease-in-out 6 alternate ring}@keyframes ring{0%{transform:rotate(-24deg)}to{transform:rotate(24deg)}}.traffic{position:absolute}.traffic svg{display:block;overflow:visible}.traffic-right{animation-name:drive-right;animation-timing-function:linear;animation-iteration-count:infinite}.traffic-left{animation-name:drive-left;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes drive-right{0%{transform:translateX(calc(-1 * var(--outside)))}to{transform:translateX(var(--street-end))}}@keyframes drive-left{0%{transform:translateX(var(--street-end))}to{transform:translateX(calc(-1 * var(--outside)))}}.vehicle.active .vehicle-body{animation:.45s ease-out 2 honk-bounce}@keyframes honk-bounce{50%{transform:translateY(-14px)scale(1.06)}}.wheel{animation:.6s linear infinite spin}.beacon{animation:.5s step-end infinite beacon}@keyframes beacon{50%{fill:#ff5a4e}}.mixer-blades{animation:1.4s linear infinite mixer-blades}@keyframes mixer-blades{0%{transform:translate(0)}to{transform:translate(40px)}}.vehicle-die{pointer-events:auto;cursor:pointer}.vehicle-die-badge{animation:1.6s ease-in-out infinite alternate vehicle-die-float}@keyframes vehicle-die-float{to{transform:translateY(-10px)}}.vehicle-die-level{fill:#4a3500;font:900 13px/1 Fredoka,Arial Rounded MT Bold,Arial,sans-serif}@media (prefers-reduced-motion:reduce){.vehicle-die-badge{animation:none}}.race-car-number{fill:#ef4b45;font:900 18px/1 Fredoka,Arial Rounded MT Bold,Arial,sans-serif}.fair-balloon{animation:3s ease-in-out infinite alternate sway}.fair-balloons.active .fair-balloon.is-flying{animation:2.2s ease-in forwards balloon-away}@keyframes balloon-away{to{opacity:0;transform:translate(40px,-300px)}}.fair-duck,.carousel-horse{animation:1.6s ease-in-out infinite alternate bob}.lottery.active .lottery-wheel{transform-box:view-box;animation:2.4s cubic-bezier(.2,.7,.3,1) lottery-spin}@keyframes lottery-spin{to{transform:rotate(1080deg)}}.fair-teddy.active .fair-teddy-body{animation:.35s ease-in-out 3 alternate hop}@keyframes bob{50%{transform:translateY(-4px)rotate(-3deg)}}.balloon{transform-origin:bottom;animation:3.4s ease-in-out infinite alternate balloon}@keyframes balloon{0%{transform:rotate(-4deg)}to{transform:rotate(4deg)}}.ducks{animation:16s ease-in-out infinite alternate ducks}@keyframes ducks{0%{transform:translate(-90px)}to{transform:translate(70px)}}.duck{animation:1.8s ease-in-out infinite bob}.frog.active .frog-body{animation:1.1s ease-out frog-jump}@keyframes frog-jump{35%{transform:translate(-10px,-70px)rotate(-12deg)}70%{transform:translate(0)}80%{transform:scale(1.1,.9)}}.squirrel-body{transform:translateY(26px)}.squirrel.active .squirrel-body{animation:1.6s ease-in-out squirrel}@keyframes squirrel{20%,80%{transform:translateY(-6px)}50%{transform:translateY(-6px)rotate(8deg)}}.kite-body{transform-origin:bottom;animation:2.6s ease-in-out infinite alternate sway}.kite.active .kite-body{transform-origin:50%;animation:1.5s ease-in-out loop}@keyframes loop{to{transform:rotate(360deg)}}.park-nest-chicks{transition:transform .25s ease-out;transform:translateY(12px)}.park-nest.active .park-nest-chicks{animation:.3s ease-in-out .3s 4 alternate park-chicks;transform:translateY(0)}@keyframes park-chicks{to{transform:translateY(-4px)}}.bedside-lamp-glow{opacity:0;transition:opacity .25s ease-out}.bedside-lamp.active circle.bedside-lamp-glow{opacity:.45}.bedside-lamp.active path.bedside-lamp-glow{opacity:.9}.paper-plane{animation:22s ease-in-out infinite plane}@keyframes plane{0%,60%{opacity:0;transform:translate(0)}61%{opacity:1}80%{transform:translate(1200px,40px)rotate(6deg)}97%{opacity:1;transform:translate(3120px,-20px)}98%,to{opacity:0;transform:translate(3120px,-20px)}}.roof-bird.active .roof-bird-body{animation:1.4s ease-out hop}.ball.active .ball-body{animation:1.3s ease-out ball-bounce}@keyframes ball-bounce{20%{transform:translateY(-110px)rotate(90deg)}40%{transform:translateY(0)scale(1.1,.9)}60%{transform:translateY(-50px)rotate(180deg)}80%{transform:translateY(0)scale(1.05,.95)}}.ball.active .ball-shadow{animation:1.3s ease-out shadow-pulse}@keyframes shadow-pulse{20%,60%{opacity:.1;transform:scale(.5)}}.yard-hedgehog-body{opacity:0;transition:opacity .3s,transform .4s ease-out;transform:translate(-50px)}.yard-hedgehog.active .yard-hedgehog-body{opacity:1;transform:translate(0)}.wave{opacity:0}.speaker.active .wave{animation:.5s ease-out 4 alternate wave}@keyframes wave{to{opacity:1;transform:scale(1.15)}}.trolley.active .trolley-body{animation:1.8s ease-in-out roll}@keyframes roll{40%{transform:translate(140px)rotate(2deg)}55%{transform:translate(140px)}}.shop-mouse.active .shop-mouse-run{animation:1.6s ease-in-out shop-mouse-run}@keyframes shop-mouse-run{50%{transform:translate(150px)}}.neon{animation:4s step-end infinite neon}@keyframes neon{0%,40%,48%,to{opacity:1}44%,52%{opacity:.45}}.mole-body{animation:5s ease-in-out infinite mole;transform:translateY(48px)}@keyframes mole{0%,35%,to{transform:translateY(48px)}45%,62%{transform:translateY(4px)}}.beams{opacity:0;transform-origin:top}.disco.active .beams{animation:2.2s ease-in-out beams}@keyframes beams{10%,85%{opacity:1}0%{transform:rotate(-30deg)}50%{transform:rotate(30deg)}to{opacity:0;transform:rotate(-20deg)}}.disco-tiles{animation:1.4s linear infinite disco-turn}@keyframes disco-turn{to{transform:translate(13px)}}.disco-glint{opacity:0;transform-box:fill-box;transform-origin:50%;animation:2s ease-in-out infinite disco-glint}@keyframes disco-glint{40%,60%{opacity:1;transform:scale(1)}0%,to{opacity:0;transform:scale(.3)}}.note{opacity:0}.jukebox.active .note{animation:1.6s ease-out note}@keyframes note{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(30px,-120px)rotate(20deg)}}@media (prefers-reduced-motion:reduce){.disco-tiles,.disco-glint{animation:none}}.rooster-body,.sheep-body,.hen-body,.egg,.pig-body,.cow-head,.cow-tongue,.tractor-body{transform-box:fill-box;transform-origin:50%}.rooster.active .rooster-body{transform-origin:bottom;animation:1.3s ease-in-out crow}@keyframes crow{20%,70%{transform:rotate(-14deg)scale(1.1)}}.sheep-body{animation:2.4s ease-in-out infinite bob}.sheep.active .sheep-body{animation:.5s ease-out 2 hop}.egg{opacity:0}.hen.active .egg{animation:1.8s ease-out forwards egg}@keyframes egg{30%,to{opacity:1}0%{transform:translateY(-10px)}40%{transform:translateY(0)}}.hen.active .hen-body{animation:.6s ease-out hop}.pig-body{animation:3s ease-in-out infinite wallow}@keyframes wallow{50%{transform:rotate(-3deg)}}.pig.active .pig-body{animation:.45s ease-out 2 hop}.cow-head{transform-origin:100%;animation:3.4s ease-in-out infinite alternate sway}.cow-tongue{opacity:0}.cow.active .cow-tongue{opacity:1}.cow.active .cow-head{animation:1.5s ease-in-out moo}@keyframes moo{20%,70%{transform:rotate(-10deg)translateY(-4px)}}.tractor.active .tractor-body{animation:2.2s ease-in-out roll}.beach-foam{animation:3.9s ease-in-out infinite beach-foam}@keyframes beach-foam{50%{opacity:.45;transform:translate(-30px,12px)}}.beach-waves.active .beach-foam{animation-duration:1.6s}.beach-boat-body{transform-box:fill-box;transform-origin:50% 100%;animation:3.2s ease-in-out infinite alternate beach-rock}@keyframes beach-rock{0%{transform:rotate(-2.5deg)translateY(0)}to{transform:rotate(2.5deg)translateY(4px)}}.beach-boat.active .beach-boat-body{animation:.4s ease-in-out 4 alternate beach-rock}.beach-gull{animation:14s linear infinite beach-glide}@keyframes beach-glide{0%{transform:translate(0)}50%{transform:translate(-260px,30px)}to{transform:translate(0)}}.beach-gull-wings{transform-box:fill-box;transform-origin:50% 100%;animation:.9s ease-in-out infinite alternate beach-flap}@keyframes beach-flap{to{transform:scaleY(.55)}}.beach-gulls.active .beach-gull-wings{animation-duration:.18s}.beach-crab-walk{animation:7s ease-in-out infinite alternate beach-crab}@keyframes beach-crab{to{transform:translate(120px)}}.beach-crab-claws{transform-box:fill-box;transform-origin:50% 100%}.beach-crab.active .beach-crab-claws{animation:.2s ease-in-out 5 alternate beach-snap}@keyframes beach-snap{to{transform:scaleY(1.2)translateY(-4px)}}.beach-dolphin-leap{animation:1.8s ease-in-out forwards beach-dolphin-leap}@keyframes beach-dolphin-leap{0%{transform:translate(-90px,50px)rotate(-50deg)}50%{transform:translateY(-90px)rotate(0)}to{transform:translate(90px,50px)rotate(50deg)}}.beach-dolphin-splash{transform-box:fill-box;transform-origin:50%;animation:.5s ease-out beach-dolphin-splash}@keyframes beach-dolphin-splash{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(1.4)}}@media (prefers-reduced-motion:reduce){.beach-dolphin-leap,.beach-dolphin-splash{display:none}.beach-foam,.beach-boat-body,.beach-gull,.beach-gull-wings,.beach-crab-walk{animation:none}}.daylight{z-index:9;pointer-events:none;transition:background 2s;position:absolute;inset:0}.period-morning .daylight{background:linear-gradient(#ffd49a30,#fff0 65%)}.period-evening .daylight{background:#a0466424}.period-night .daylight{background:#121e5580}.scene-stage .hotspot.exit.exit-right span{left:auto;right:6px;transform:none}.scene-stage .hotspot.exit.exit-left span{left:6px;transform:none}.scene-stage .hotspot.exit.on-sign span{top:136px;left:50%;right:auto;transform:translate(-50%,-50%)}.scene-stage .hotspot{background:0 0;border:0}.scene-stage .hotspot:hover,.scene-stage .hotspot:focus-visible{background:radial-gradient(#ffffff38,#fff0 70%)}@media (pointer:coarse){.scene-stage .hotspot{background:0 0;border:0}.scene-stage .hotspot:not(.exit) span{opacity:0}}.event-float{animation:3.2s ease-in-out infinite event-float}.event-wobble{transform-box:fill-box;transform-origin:50% 90%;animation:2.8s ease-in-out infinite event-wobble}.event-glow{animation:2.4s ease-in-out infinite event-glow}.event-twinkle{animation:1.6s ease-in-out infinite event-glow}.event-fly{animation:9s ease-in-out infinite event-fly}.event-fly-small{animation:7s ease-in-out infinite event-fly-small}.event-flap{transform-box:fill-box;transform-origin:50%;animation:.32s ease-in-out infinite alternate event-flap}.sky-fall{animation:9s linear infinite sky-fall}.sky-sway{animation:2.8s ease-in-out infinite alternate sky-sway}.sky-flutter{animation:1.9s ease-in-out infinite alternate sky-flutter}.sky-cloud-bob{animation:6s ease-in-out infinite event-float}.sky-rocket{opacity:0;animation:3.5s ease-in infinite sky-rocket}.sky-burst{opacity:0;animation:3.5s ease-out infinite sky-burst}.event-burst{opacity:0;animation:3.5s ease-out infinite event-burst}.event-drones{animation:3s ease-in-out infinite event-glow}@keyframes event-float{50%{transform:translateY(-10px)}}@keyframes event-wobble{25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes event-glow{50%{opacity:.55}}@keyframes event-fly{0%,to{transform:translate(0)}50%{transform:translate(150px,-30px)}}@keyframes event-fly-small{0%,to{transform:translate(0)}50%{transform:translate(100px,-40px)}}@keyframes event-flap{to{transform:scaleY(.6)}}@keyframes sky-fall{0%{opacity:0;transform:translateY(0)}8%,86%{opacity:1}to{transform:translateY(var(--fall,200px));opacity:0}}@keyframes sky-sway{0%{transform:translate(-9px)rotate(-30deg)}to{transform:translate(9px)rotate(30deg)}}@keyframes sky-flutter{0%{transform:translate(-16px)rotate(-55deg)}to{transform:translate(16px)rotate(40deg)}}@keyframes sky-rocket{0%{opacity:1;transform:translateY(0)}14%{opacity:1}15%,to{opacity:0;transform:translateY(var(--climb,-150px))}}@keyframes sky-burst{0%,14%{opacity:0;transform:scale(.2)}20%{opacity:1}50%{opacity:1;transform:scale(1)}75%,to{opacity:0;transform:scale(1.15)}}@keyframes event-burst{0%{opacity:0;transform:scale(.2)}15%{opacity:1}45%{opacity:1;transform:scale(1)}70%,to{opacity:0;transform:scale(1.15)}}@media (prefers-reduced-motion:reduce){.scenery-layer *,.daylight{transition:none!important;animation:none!important}}.studio{flex-direction:column;display:flex}.studio>*{flex-shrink:0}.studio-header{width:min(1280px,100% - 1rem);padding:calc(.5rem + env(safe-area-inset-top)) 0 .5rem;flex-wrap:wrap;margin:0 auto}.studio-tabs,.studio-actions,.studio-categories{flex-wrap:wrap;gap:.4rem;display:flex}.studio-tabs button,.studio-actions button,.studio-categories button{min-height:2.4rem;color:inherit;font:inherit;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .8rem;font-weight:700;display:inline-flex}.studio-tabs button svg,.studio-actions button svg,.studio-categories button svg{width:1.1rem;height:1.1rem}.studio-tabs button[aria-selected=true],.studio-tabs button[aria-pressed=true],.studio-actions button[aria-selected=true],.studio-actions button[aria-pressed=true],.studio-categories button[aria-selected=true],.studio-categories button[aria-pressed=true]{color:#3a2414;background:#ffd96b}.studio-tabs button.is-primary,.studio-actions button.is-primary,.studio-categories button.is-primary{color:#fff;background:#53c24a}.studio-tabs button:disabled,.studio-actions button:disabled,.studio-categories button:disabled{opacity:.45;cursor:not-allowed}.studio-categories button{min-height:2rem;padding:.2rem .65rem;font-size:.85rem}.studio-layout{width:min(1280px,100% - 1rem);padding-bottom:calc(2rem + env(safe-area-inset-bottom));gap:1rem;margin:0 auto;display:grid}@media (min-width:1000px){.studio-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}.studio-panel{background:#ffffff14;border-radius:18px;width:min(1280px,100% - 1rem);margin:0 auto;padding:1rem}.studio-layout .studio-panel{width:100%}.studio-panel h2{margin:1.4rem 0 .6rem;font-size:1.2rem}.studio-panel h3{color:#ffd96b;margin:1rem 0 .4rem;font-size:1rem}.studio-stage{height:min(86vh,760px);position:sticky;top:.5rem}.studio-help{opacity:.85;margin:.2rem 0 .6rem;font-size:.9rem}.studio-message{background:#53c24a40;border-radius:10px;margin:.6rem 0 0;padding:.5rem .8rem}.studio-mechanics{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.5rem;display:grid}.studio-mechanics button{color:inherit;font:inherit;text-align:left;cursor:pointer;background:#0000002e;border:2px solid #ffffff2e;border-radius:14px;flex-direction:column;gap:.2rem;padding:.6rem .8rem;display:flex}.studio-mechanics button small{opacity:.8;font-size:.8rem}.studio-mechanics button[aria-checked=true]{background:#ffd96b26;border-color:#ffd96b}.studio-settings{flex-wrap:wrap;gap:.6rem 1rem;margin-top:.6rem;display:flex}.studio-settings.is-texts{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.studio-field{flex-direction:column;gap:.2rem;font-size:.85rem;font-weight:700;display:flex}.studio-field small{opacity:.75;font-weight:400}.studio-input{min-width:0;min-height:2.3rem;color:inherit;font:inherit;background:#00000040;border:1px solid #ffffff2e;border-radius:10px;padding:.3rem .6rem;font-weight:400}.studio-input.is-number{width:5.5rem}.studio-input.is-short{width:9rem}.studio-input option{color:#222}.studio-rows{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.studio-rows.is-inline{flex-flow:wrap}.studio-row{background:#00000029;border-radius:12px;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.35rem;display:flex}.studio-row>.studio-input{flex:10rem}.studio-row-tools{gap:.15rem;margin-left:auto;display:inline-flex}.studio-icon{width:2rem;height:2rem;color:inherit;cursor:pointer;background:#ffffff1a;border:0;border-radius:8px;place-items:center;padding:0;display:inline-grid}.studio-icon svg{width:1rem;height:1rem}.studio-icon:disabled{opacity:.3;cursor:default}.studio-icon.is-danger:hover{background:#c8243a}.studio-image-button{cursor:pointer;background:#fffaf0;border:2px solid #ffffff2e;border-radius:12px;flex:none;width:3.6rem;height:3.6rem;padding:.2rem}.studio-image-button:hover{border-color:#ffd96b}.studio-image-picture,.studio-tile-picture{width:100%;height:100%}.studio-add{color:#ffd96b;font:inherit;cursor:pointer;background:0 0;border:1px dashed #ffd96b;border-radius:999px;align-items:center;gap:.3rem;margin-top:.5rem;padding:.35rem .8rem;font-weight:700;display:inline-flex}.studio-add svg{width:1rem;height:1rem}.studio-steps,.studio-card{flex-wrap:wrap;align-items:center;gap:.4rem;display:inline-flex}.studio-step{flex-direction:column;align-items:center;gap:.2rem;display:inline-flex}.studio-step .studio-add{margin:0}.studio-link{opacity:.7;font-size:1.4rem}.studio-bin{border:2px solid #fff;border-radius:50%;flex:none;width:1.6rem;height:1.6rem}.studio-color{cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:10px;flex:none;width:3rem;height:2.4rem;padding:.15rem}.studio-colors{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.studio-swatch{cursor:pointer;border:2px solid #ffffff80;border-radius:50%;place-items:center;width:1.9rem;height:1.9rem;padding:0;display:inline-grid;position:relative;overflow:hidden}.studio-swatch[aria-pressed=true]{outline-offset:1px;outline:3px solid #ffd96b}.studio-swatch.is-original{background:#fff;font-size:.9rem}.studio-swatch.is-free{background:conic-gradient(#e8544b,#f2c14e,#53c24a,#3a8fd8,#9a6bff,#e8544b)}.studio-swatch.is-free input{opacity:0;cursor:pointer;position:absolute;inset:0}.studio-library-tools{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.6rem;display:flex}.studio-library-tools .studio-input{flex:220px}.studio-categories{margin-bottom:.8rem}.studio-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.studio-tile{color:#3a2414;width:100%;font:inherit;cursor:pointer;background:#fffaf0;border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:.2rem;padding:.4rem .3rem;display:flex}.studio-tile:disabled{cursor:default}.studio-tile:not(:disabled):hover{border-color:#ffd96b}.studio-tile .studio-tile-picture{width:64px;height:64px}.studio-tile small{text-align:center;font-size:.7rem;line-height:1.1}.studio-empty,.studio-missing{opacity:.7}.studio-modal{z-index:50;background:#00141eb3;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.studio-modal-card{background:#0b4a63;border-radius:18px;width:min(1000px,100%);max-height:100%;padding:1rem;overflow:auto}.studio-modal-card header{justify-content:space-between;align-items:center;display:flex}.studio-modal-card h2{margin:0 0 .6rem}.studio-errors{background:#c8243a4d;border-radius:12px;margin-top:1rem;padding:.6rem .9rem}.studio-errors ul{margin:.3rem 0 0;padding-left:1.2rem}.studio-next{background:#0003;border-radius:12px;margin-top:1rem;padding:.6rem .9rem}.studio-next summary{cursor:pointer;font-weight:700}.studio-next code{background:#ffffff1f;border-radius:4px;padding:0 .25rem}.studio-json{background:#00000059;border-radius:8px;max-height:320px;padding:.6rem;font-size:.75rem;overflow:auto}.studio-locales{gap:.2rem;margin-left:auto;display:inline-flex}.studio-locales button{min-height:2rem;padding:.2rem .6rem}.studio-notice{background:#ffd96b33;border-radius:10px;margin:.6rem 0 0;padding:.5rem .8rem}.studio-check{align-items:center;gap:.5rem;margin:.4rem 0 .2rem;font-size:.9rem;display:flex}.voice-rows{margin:.8rem 0 0;padding:0;list-style:none}.studio-more{margin:1rem auto 0;display:block}.voice-place{color:#ffd96b;margin:1.2rem 0 .4rem;font-size:1.05rem}.voice-row{background:#00000029;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.8rem;margin-bottom:.35rem;padding:.5rem .7rem;display:grid}.voice-row.is-ok{box-shadow:inset 4px 0 #53c24a}.voice-row.is-problem{background:#ff6f6129;box-shadow:inset 0 0 0 2px #ff6f61}.voice-row.is-playing{outline:3px solid #ffd96b}@media (max-width:700px){.voice-row{grid-template-columns:minmax(0,1fr)}}.voice-texts{min-width:0}.voice-texts p{margin:.15rem 0 0;font-weight:700}.voice-texts small{opacity:.75}.voice-sent{opacity:.8;font-size:.85rem;font-weight:500!important}.voice-verdict{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.4rem;display:flex}.voice-verdict button{min-height:2rem;color:inherit;font:inherit;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:.25rem;padding:.2rem .65rem;font-size:.85rem;font-weight:700;display:inline-flex}.voice-verdict button svg{width:1rem;height:1rem}.voice-verdict .voice-ok[aria-pressed=true]{color:#fff;background:#53c24a}.voice-verdict .voice-problem[aria-pressed=true]{color:#fff;background:#ff6f61}.voice-new{width:100%;margin-top:.4rem}.voice-takes{flex-direction:column;gap:.3rem;display:flex}.voice-take small{opacity:.7;font-size:.75rem;display:block}.voice-audio{width:260px;max-width:100%;height:2.2rem}.voice-filter{width:auto}.voice-import{cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:.35rem;min-height:2.4rem;padding:.35rem .8rem;font-weight:700;display:inline-flex}.voice-import svg{width:1.1rem;height:1.1rem}.voice-import input{display:none}.voice-none{opacity:.7;align-items:center;gap:.3rem;font-size:.85rem;display:inline-flex}.voice-none svg{width:1rem}.voice-sync{opacity:.8;font-size:.85rem}.voice-sync.is-saved{color:#8be07f;opacity:1}.voice-sync.is-error{color:#ff6f61;opacity:1;font-weight:700}.voice-trials-link{color:#ffd96b;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffd96b;border-radius:999px;padding:0 .4rem;font-weight:700}.voice-trials{order:1;grid-column:1/-1;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.4rem;display:grid}.voice-trials>small{opacity:.8;grid-column:1/-1}.voice-trials-round{color:#ffd96b;border-top:2px solid #ffd96b;grid-column:1/-1;margin:.4rem 0 0;padding-top:.45rem;font-size:.85rem;font-weight:700}.voice-trial{background:#ffffff14;border:1px solid #ffffff2e;border-radius:10px;flex-direction:column;gap:.25rem;padding:.45rem .6rem;font-size:.85rem;display:flex}.voice-trial.is-pending{opacity:.75;border-style:dashed}.voice-trial.is-pending svg{vertical-align:-.15rem;width:.9rem;height:.9rem}.voice-trial.is-chosen{border-color:#53c24a;box-shadow:inset 0 0 0 2px #53c24a}.voice-trial code{white-space:normal;font-weight:700}.voice-trial small{opacity:.75}.voice-trial button{min-height:2rem;color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff2e;border-radius:999px;align-self:flex-start;align-items:center;gap:.25rem;padding:.2rem .65rem;font-weight:700;display:inline-flex}.voice-trial button[aria-pressed=true]{color:#fff;background:#53c24a}.voice-trial button svg{width:1rem;height:1rem}.studio-tab-link{min-height:2.4rem;color:inherit;background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;align-items:center;padding:.35rem .8rem;font-weight:700;text-decoration:none;display:inline-flex}.accounts-error{color:#ff6f61;font-weight:700}.accounts-table{overflow-x:auto}.accounts-table table{border-collapse:collapse;width:100%;font-size:.9rem}.accounts-table th,.accounts-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #ffffff1f;padding:.4rem .6rem}.accounts-table th{opacity:.8;position:sticky;top:0}.accounts-table .accounts-ip{font-family:ui-monospace,monospace}.usage-viz,.ratings-split{--viz-surface:#1a1a19;--viz-text:#f0efec;--viz-muted:#c3c2b7;--viz-grid:#f0efec24;--viz-linked:#3987e5;--viz-guest:#d95926}.mailing-sent span{display:block}.mailing-sent{white-space:normal}.mailing-reminders{margin-top:1.5rem}.mailing-reminders h2{font-size:1.1rem}.mailing-reminders ul{gap:.4rem;padding-left:1.2rem;display:grid}.mailing-reminders li button{align-items:center;gap:.3rem;margin-left:.6rem;display:inline-flex}.mailing-reminders li button svg{width:1em;height:1em}.mailing-form{gap:.6rem;margin-top:1rem;display:grid}.mailing-form label{gap:.25rem;font-weight:700;display:grid}.mailing-form input,.mailing-form textarea{font:inherit;color:inherit;background:#00000040;border:1px solid #ffffff4d;border-radius:8px;padding:.5rem;font-weight:400}.mailing-form textarea{resize:vertical}.mailing-images{flex-wrap:wrap;gap:.6rem;display:flex}.mailing-images figure{width:9rem;margin:0}.mailing-images img{object-fit:cover;border-radius:8px;width:100%;height:6rem;display:block}.mailing-images figcaption{justify-content:space-between;align-items:center;font-family:ui-monospace,monospace;display:flex}.mailing-images figcaption button{padding:.2rem;line-height:0}.mailing-images figcaption svg{width:1rem;height:1rem}.mailing-form .mailing-image-add{cursor:pointer;border:1px dashed #fff6;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem .8rem;display:flex}.mailing-form .mailing-image-add input{display:none}.accounts-table .is-number{text-align:right;font-variant-numeric:tabular-nums}.ratings-split{flex-wrap:wrap;gap:.8rem;display:flex}.ratings-part{align-items:center;gap:.35rem;display:inline-flex}.ratings-label{color:var(--viz-muted);font-size:.8rem}.ratings-track{background:#ffffff1f;border-radius:4px;width:56px;height:8px;display:inline-block;overflow:hidden}.ratings-fill{background:var(--viz-linked);border-radius:4px;height:100%;display:block}.ratings-count{font-variant-numeric:tabular-nums;min-width:1.5em}.usage-viz{flex-direction:column;gap:1rem;display:flex}.usage-tiles{flex-wrap:wrap;gap:.8rem;display:flex}.usage-tile{background:var(--viz-surface);min-width:10rem;color:var(--viz-text);border-radius:12px;flex-direction:column;gap:.2rem;padding:.7rem 1rem;display:flex}.usage-tile span{color:var(--viz-muted);font-size:.85rem}.usage-tile strong{font-variant-numeric:tabular-nums;font-size:1.5rem}.usage-legend{gap:1.2rem;margin:0;padding:0;list-style:none;display:flex}.usage-legend li{align-items:center;gap:.4rem;display:inline-flex}.usage-swatch{vertical-align:-1px;border-radius:3px;width:12px;height:12px;margin-right:.35rem;display:inline-block}.usage-swatch.is-linked,.usage-bar.is-linked{background:var(--viz-linked);fill:var(--viz-linked)}.usage-swatch.is-guest,.usage-bar.is-guest{background:var(--viz-guest);fill:var(--viz-guest)}.usage-chart{background:var(--viz-surface);color:var(--viz-text);border-radius:12px;margin:0;padding:.8rem 1rem}.usage-chart figcaption{margin-bottom:.4rem;font-weight:700}.usage-plot{position:relative}.usage-plot svg{width:100%;height:auto;display:block}.usage-grid{stroke:var(--viz-grid);stroke-width:1px}.usage-axis{fill:var(--viz-muted);font-variant-numeric:tabular-nums;font-size:12px}.usage-hit{fill:#0000}.usage-cursor{stroke:var(--viz-muted);stroke-width:1px;stroke-dasharray:3 3;pointer-events:none}.usage-tooltip{color:var(--viz-text);white-space:nowrap;pointer-events:none;background:#2b2b29;border-radius:8px;flex-direction:column;gap:.2rem;padding:.5rem .7rem;font-size:.85rem;display:flex;position:absolute;top:0;transform:translate(-50%);box-shadow:0 4px 14px #00000059}.usage-table summary{cursor:pointer}.voice-renewed{color:#3a2414;vertical-align:middle;background:#ffd96b;border-radius:999px;margin-left:.6rem;padding:.05rem .5rem;font-size:.75rem;font-weight:800;display:inline-block}.voice-previous{background:#ffd96b1f;border-left:4px solid #ffd96b;border-radius:6px;margin:.4rem 0;padding:.5rem .7rem;font-size:.9rem}.studio-doc{line-height:1.5}.studio-doc h1{margin:0 0 .6rem;font-size:1.5rem}.studio-doc h2{border-top:1px solid #ffffff2e;padding-top:1rem}.studio-doc a{color:#ffd96b}.studio-doc code{opacity:.8;font-family:ui-monospace,monospace;font-size:.85em}.studio-doc p{margin:0 0 .7rem}.studio-doc ol{padding-left:1.8rem;list-style:decimal}.studio-doc li{margin-bottom:.7rem}.studio-doc table{border-collapse:collapse;margin-bottom:.8rem;font-size:.9rem;display:block;overflow-x:auto}.studio-doc th,.studio-doc td{text-align:left;vertical-align:top;border-bottom:1px solid #ffffff2e;padding:.4rem .6rem}.studio-doc th{opacity:.8}.studio-doc td:first-child,.studio-doc td:nth-child(2){min-width:11rem}.studio-doc td:last-child{min-width:16rem}.world-guide-card{width:min(1100px,100%);height:100%}.world-guide{overscroll-behavior:contain;flex:1;min-height:0;padding:.4rem clamp(.6rem,2vw,1.2rem) 1.4rem;overflow-y:auto}.world-guide-heading{color:var(--card-ink);align-items:center;gap:.4rem;margin:.6rem 0 .5rem;font-size:clamp(1rem,2.4vw,1.3rem);display:flex}.world-guide-heading svg{width:1.4em;height:1.4em}.world-guide-grid{grid-template-columns:repeat(auto-fill,minmax(clamp(130px,22vw,190px),1fr));gap:clamp(8px,1.6vw,16px);display:grid}.world-guide-card-item{color:var(--card-ink);font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:.3rem;padding:0;display:flex}.world-guide-card-item:disabled{cursor:default}.world-guide-picture{aspect-ratio:3/2;background:#fff9ec;border:4px solid #3a2618;border-radius:16px;width:100%;transition:transform .15s;display:block;position:relative;box-shadow:0 5px #3a261859}.world-guide-card-item:not(:disabled):hover .world-guide-picture,.world-guide-card-item:focus-visible .world-guide-picture{transform:scale(1.04)}.world-guide-name{text-align:center;font-size:clamp(.75rem,1.6vw,.95rem);font-weight:800;line-height:1.15}.world-guide-progress{flex-wrap:wrap;justify-content:center;gap:3px;display:flex}.world-guide-progress i{background:#d9d0c0;border-radius:50%;width:7px;height:7px}.world-guide-progress i.done{background:#f2b400}.world-guide-image{object-fit:cover;border-radius:12px;width:100%;height:100%;display:block}.world-guide-card-item.is-here .world-guide-picture{box-shadow:0 0 0 4px #fff,0 0 0 8px #ff9d2e}.world-guide-chonchon{width:34%;height:auto;animation:.9s ease-in-out infinite alternate guide-chonchon;position:absolute;bottom:4%;left:50%;transform:translate(-50%)}.world-guide-grid.is-games{grid-template-columns:1fr}@media (min-width:700px){.world-guide-grid.is-games{background:linear-gradient(#d9c9a8,#d9c9a8) 50%/3px 100% no-repeat;grid-template-columns:1fr 1fr;column-gap:clamp(28px,4vw,52px)}}.world-guide-pair{grid-template-columns:1fr auto 1fr;align-items:center;gap:4px;width:100%;display:grid}.world-guide-arrow{color:#ff9d2e;stroke-width:3.5px;width:clamp(22px,3vw,32px);height:auto}.world-guide-picture.is-place{box-shadow:0 0 0 3px #ffd23a,0 5px #3a261859}.world-guide-star{font-size:1.4rem;position:absolute;top:-10px;right:-8px}.world-guide-card-item.is-locked .world-guide-picture{filter:grayscale(.85)brightness(.92)}.world-guide-card-item.is-locked .world-guide-name{color:var(--card-muted)}.world-guide-lock{background:#ffd23a;border:3px solid #3a2618;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.world-guide-lock svg{width:22px;height:22px}@keyframes guide-chonchon{to{transform:translate(-50%,-6px)}}@media (prefers-reduced-motion:reduce){.world-guide-chonchon{animation:none}}.level-title{visibility:hidden}.instruction{display:none}.round-question{color:var(--card-title);text-align:center;text-wrap:balance;margin:0;padding:0 1rem;font-size:clamp(1rem,min(3.4cqw,6.4cqh),2.1rem);font-weight:900;line-height:1.15}.check-button{aspect-ratio:1;background:var(--go);color:#fff;width:clamp(60px,min(13cqw,20cqh),120px);box-shadow:0 6px 0 var(--go-shadow);cursor:pointer;border:0;border-radius:22px;flex:none;place-items:center;padding:0;transition:transform .12s,opacity .2s;display:grid}.check-button svg{stroke-width:3.4px;width:66%;height:66%}.check-button:active{box-shadow:0 2px 0 var(--go-shadow);transform:translateY(4px)}.check-button:disabled{opacity:.4;cursor:default}.geoboard-erase,.array-stepper button,.base-ten-stepper button{aspect-ratio:1;background:var(--tile);width:clamp(48px,min(9cqw,14cqh),96px);color:var(--teal);cursor:pointer;border:4px solid #b8e2e8;border-radius:18px;place-items:center;padding:0;display:grid;box-shadow:0 5px #b8e2e8}.geoboard-erase svg,.array-stepper button svg,.base-ten-stepper button svg{width:60%;height:60%}.geoboard-erase:active,.array-stepper button:active,.base-ten-stepper button:active{transform:translateY(3px);box-shadow:0 2px #b8e2e8}.quiz{grid-template-rows:auto 1fr auto;gap:clamp(.4rem,2cqh,1rem);height:100%;display:grid}.quiz:not(:has(.quiz-cue)){grid-template-rows:auto 1fr}.quiz:not(:has(.quiz-cue)) .quiz-choices{align-self:center}.quiz-cue{background:var(--stage);min-height:0;color:var(--stage-ink);border-radius:22px;place-items:center;padding:clamp(.4rem,2cqh,1.2rem);display:grid;overflow:hidden}.quiz.look-chalkboard .quiz-cue{color:#f4f1e6;background:#2f5d46;border:10px solid #a0683a}.quiz.look-paper .quiz-cue{color:#22324a;background:repeating-linear-gradient(#fffdf5 0 calc(2.4em - 2px),#c7dcf0 calc(2.4em - 2px) 2.4em);border-left:6px solid #e88a8a}.quiz.look-sign .quiz-cue{color:#fff;background:#1f5f9e;border:6px solid #e4f0fb}.quiz.look-screen .quiz-cue{color:#ffd23a;background:#12202c;border:8px solid #4a5a68}.quiz-big{letter-spacing:.04em;font-size:clamp(2rem,min(9cqw,15cqh),6rem);font-weight:900}.quiz-gap-text{text-align:center;font-size:clamp(1.3rem,min(5cqw,9cqh),3.2rem);font-weight:800;line-height:1.3}.quiz-gap{text-align:center;border-bottom:4px dashed;min-width:2.2em;margin:0 .15em;padding:0 .2em;display:inline-block}.quiz-gap.filled{color:#2b8536;border-bottom-style:solid}.quiz.look-chalkboard .quiz-gap.filled{color:#ffe36a}.quiz-cue-passage{place-items:start center;overflow-y:auto}.quiz-passage{white-space:pre-line;max-width:62ch;margin:0;font-size:clamp(1rem,min(2.8cqw,5.2cqh),1.9rem);font-weight:700;line-height:1.45}.quiz-cue-picture{width:auto;max-width:80cqw;height:100%;max-height:min(42cqh,380px)}.quiz-table{border-collapse:collapse;font-size:clamp(.9rem,min(2.6cqw,4.8cqh),1.8rem);font-weight:700}.quiz-table th,.quiz-table td{text-align:center;border:3px solid;padding:.25em .8em}.quiz-table th{background:#ffffff26}.quiz-choices{flex-wrap:wrap;justify-content:center;gap:clamp(.5rem,2cqw,1.4rem);display:flex}.quiz-choices .activity-choice{min-height:clamp(64px,min(14cqw,22cqh),170px);padding:.4rem 1rem}.quiz-choice-text{font-size:clamp(1.3rem,min(5cqw,8.5cqh),3.6rem);font-weight:900;line-height:1.05}.quiz-choice-picture{width:clamp(60px,min(15cqw,24cqh),180px);height:auto}.keypad{grid-template-rows:auto 1fr;grid-template-columns:1fr auto;gap:clamp(.4rem,2cqh,1rem) clamp(.6rem,3cqw,2rem);height:100%;display:grid}.keypad .round-question{grid-column:1/-1}.keypad-board{color:#f4f1e6;background:#2f5d46;border:10px solid #a0683a;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:4cqh;display:flex}.keypad-cue{letter-spacing:.04em;font-size:clamp(2rem,min(8cqw,14cqh),5.6rem);font-weight:900}.keypad-screen{color:#22324a;text-align:center;background:#fffdf5;border-radius:14px;min-width:4ch;padding:.1em .5em;font-size:clamp(1.8rem,min(7cqw,12cqh),4.6rem);font-weight:900}.keypad.solved .keypad-screen{color:#1d5e1f;background:#dff5d2;animation:.45s pop}.keypad-keys{grid-template-columns:repeat(3,clamp(48px,min(10cqw,15cqh),96px));align-self:center;gap:clamp(.3rem,1.4cqh,.8rem);display:grid}.keypad-key{aspect-ratio:1;background:var(--tile);color:var(--teal);font:inherit;cursor:pointer;border:4px solid #b8e2e8;border-radius:18px;font-size:clamp(1.3rem,min(4.4cqw,7cqh),2.8rem);font-weight:900;box-shadow:0 5px #b8e2e8}.keypad-key:active{transform:translateY(3px);box-shadow:0 2px #b8e2e8}.keypad-key.erase svg{width:60%;height:60%}.keypad-keys .check-button{width:100%}@container (max-aspect-ratio:5/4){.keypad{grid-template-rows:auto 1fr auto;grid-template-columns:1fr}.keypad-keys{grid-template-columns:repeat(6,clamp(44px,13cqw,90px));justify-self:center}}.clock-game{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);gap:clamp(.4rem,2cqh,1rem);height:100%;display:grid}.clock-game-board{justify-content:center;align-items:center;gap:clamp(.6rem,3cqw,2.4rem);min-height:0;display:flex}.clock-game-face{filter:drop-shadow(0 6px #3a26182e);width:auto;height:min(70cqh,48cqw)}.clock-game.solved .clock-game-face{animation:.5s pop}.clock-game-buttons{flex-direction:column;gap:clamp(.5rem,3cqh,1.4rem);display:flex}.clock-button{background:var(--tile);min-width:clamp(76px,min(14cqw,22cqh),150px);font:inherit;cursor:pointer;border:4px solid;border-radius:18px;padding:.5em .6em;font-size:clamp(1rem,min(3cqw,5cqh),1.8rem);font-weight:900}.clock-button.hours{color:#b02a24;border-color:#f0a8a0;box-shadow:0 5px #f0a8a0}.clock-button.minutes{color:#1f5fa8;border-color:#a8c8f0;box-shadow:0 5px #a8c8f0}.clock-button:active{box-shadow:none;transform:translateY(3px)}@container (max-aspect-ratio:5/4){.clock-game-board{flex-wrap:wrap}.clock-game-face{flex-basis:100%;order:-1;width:80cqw;height:auto;max-height:50cqh}.clock-game-buttons{flex-direction:row}}.number-line{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);gap:2cqh;height:100%;display:grid}.number-line-svg{touch-action:none;cursor:pointer;align-self:center;width:100%;height:100%;max-height:60cqh}.number-line-axis{stroke:#22324a;stroke-width:6px;stroke-linecap:round}.number-line-tick{stroke:#22324a;stroke-width:3px}.number-line-label{fill:var(--card-ink);text-anchor:middle;font:900 30px Trebuchet MS,Arial,sans-serif}.number-line-ruler{fill:#ffd86b;stroke:#8a5128;stroke-width:4px}.look-ruler .number-line-label{fill:#3a2618;font-size:26px}.number-line-flag line{stroke:#22324a;stroke-width:4px}.number-line-flag rect{fill:#e5484d;stroke:#3a2618;stroke-width:3px}.number-line-flag.right rect{fill:#3fae4a}.number-line-flag text{fill:#fff;text-anchor:middle;dominant-baseline:central;font:900 26px Trebuchet MS,Arial,sans-serif}.number-line-flag{transition:transform .25s}.base-ten{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);gap:1.5cqh;height:100%;display:grid}.base-ten-columns{justify-content:center;align-items:stretch;gap:clamp(.4rem,2cqw,1.4rem);min-height:0;display:flex}.base-ten-columns>.check-button{align-self:center}.base-ten-column{background:var(--stage);border-radius:18px;flex:1 1 0;grid-template-rows:auto 1fr auto;justify-items:center;gap:1cqh;min-width:0;max-width:34cqw;padding:1cqh .5rem;display:grid}.base-ten-column h3{color:var(--stage-ink);margin:0;font-size:clamp(.8rem,min(2.4cqw,4cqh),1.4rem)}.base-ten-pile{flex-wrap:wrap;place-content:flex-end center;gap:3px;width:100%;min-height:0;display:flex;overflow:hidden}.base-ten-block{display:block}.base-ten-block.unit{width:clamp(14px,min(3.4cqw,6cqh),34px)}.base-ten-block.ten{width:auto;height:min(40cqh,300px)}.base-ten-block.hundred{width:clamp(30px,min(9cqw,14cqh),110px)}.base-ten-block.thousand{width:clamp(34px,min(10cqw,16cqh),120px)}.base-ten-stepper{gap:.5rem;display:flex}@container (max-aspect-ratio:3/4){.base-ten-stepper{flex-direction:column-reverse}}.base-ten.solved .base-ten-pile{animation:.5s pop}.money{grid-template-rows:auto minmax(0,.8fr) minmax(0,1fr);gap:1.5cqh;height:100%;display:grid}.money-counter{background:linear-gradient(#e9a55b,#c97f37);border:4px solid #8a5128;border-radius:20px;align-items:center;gap:2cqw;min-height:0;padding:1.5cqh 2cqw;display:flex}.money-price{color:#22324a;background:#fffdf5;border-radius:12px;flex:none;padding:.2em .5em;font-size:clamp(1.2rem,min(4.4cqw,8cqh),3rem);font-weight:900}.money-given{flex-wrap:wrap;flex:1;align-content:center;gap:.4rem;height:100%;min-height:0;display:flex;overflow:hidden}.money-till{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(.3rem,1.4cqw,1rem);min-height:0;display:flex}.money-piece{cursor:pointer;background:0 0;border:0;padding:0}.money-piece .euro.coin{width:clamp(46px,min(12cqw,24cqh),150px);display:block}.money-piece .euro.note{width:clamp(80px,min(20cqw,34cqh),240px);display:block}.money-given .euro.coin{width:clamp(38px,min(7cqw,12cqh),80px)}.money-given .euro.note{width:clamp(64px,min(12cqw,20cqh),140px)}.money.solved .money-given{animation:.5s pop}.tiles{grid-template-rows:auto 1fr auto;gap:2cqh;height:100%;display:grid}.tiles-line{justify-content:center;align-items:center;gap:2cqw;min-height:0;display:flex}.tiles-picture{width:auto;height:min(30cqh,22cqw)}.tiles-slots{background:var(--tile-soft);border:4px dashed #b8c8d4;border-radius:18px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;min-width:40cqw;min-height:clamp(64px,18cqh,150px);padding:.6rem 1rem;display:flex}.tiles.solved .tiles-slots{background:#dff5d2;border-style:solid;border-color:#6fc25a}.tiles-placeholder{color:#9aa8b4;font-size:2rem;font-weight:900}.tiles-pool{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(.4rem,1.4cqw,1rem);display:flex}.tile{color:#3a2618;min-width:clamp(52px,min(10cqw,16cqh),120px);min-height:clamp(52px,min(10cqw,16cqh),120px);font:inherit;cursor:pointer;background:#fff6d0;border:4px solid #f0c860;border-radius:16px;padding:.1em .45em;font-size:clamp(1.3rem,min(4.6cqw,8cqh),3.2rem);font-weight:900;box-shadow:0 5px #e0b040}.tile.used{visibility:hidden}.tile.placed{box-shadow:none;min-height:0}.tiles.kind-words .tile{font-size:clamp(1.1rem,min(3.4cqw,6cqh),2.4rem)}.tiles.kind-letters .tile{min-width:clamp(48px,min(8cqw,13cqh),100px)}.balance{grid-template-rows:auto 1fr auto;gap:1cqh;height:100%;display:grid}.balance-scale{place-items:center;min-height:0;display:grid;position:relative}.balance-beam{background:#8a5128;border-radius:6px;width:min(80cqw,130cqh);height:10px;margin-top:24cqh;transition:transform .6s cubic-bezier(.3,1.6,.5,1);position:relative}.balance-pan{transform-origin:50% 100%;border-bottom:10px solid #c9d3dc;border-radius:0 0 50% 50%/0 0 18px 18px;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:2px;width:36%;height:min(30cqh,26cqw);padding:0 6px 8px;transition:transform .6s cubic-bezier(.3,1.6,.5,1);display:flex;position:absolute;bottom:10px}.balance-pan.left{left:0}.balance-pan.right{right:0}.balance-stand{background:#8a5128;border-radius:6px;width:18px;height:38%;position:absolute;bottom:4cqh}.balance-thing{width:auto;max-width:100%;height:100%}.balance-found{color:#fff;background:#3fae4a;border-radius:10px;padding:0 .5em;font-size:clamp(1rem,3cqw,1.8rem);position:absolute;top:-1.6em}.balance-piece{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:flex-end;padding:0;display:flex}.balance-pan .balance-piece{width:30%}.balance-weight{display:block;width:100%!important}.balance-box{justify-content:center;align-items:flex-end;gap:clamp(.4rem,2cqw,1.4rem);display:flex}.balance-box .balance-piece{width:clamp(52px,min(10cqw,16cqh),110px)}.grid-map{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);gap:1.5cqh;height:100%;display:grid}.grid-map-area{place-items:center;min-height:0;display:grid;container-type:size}.grid-map-board{background:#d7eccc;border-radius:16px;gap:3px;width:min(100cqw,160cqh);height:min(100cqh,100cqw);padding:6px;display:grid}.grid-map-name{color:#22324a;place-items:center;padding:0 .4em;font-size:clamp(.9rem,min(3cqw,5cqh),1.8rem);display:grid}.grid-map-cell{cursor:pointer;background:#f4fbef;border:2px solid #7aa86a;border-radius:6px;place-items:center;min-width:0;min-height:0;padding:.2em;display:grid}.grid-map-cell.right{background:#b8f0a0;border-color:#2b8536;animation:.45s pop}.grid-map-cell.wrong{background:#f6d0cc;animation:.4s shake}.grid-map-item{width:100%;height:100%}.array{grid-template-rows:auto 1fr;grid-template-columns:1fr auto;gap:1.5cqh 2cqw;height:100%;display:grid}.array .round-question{grid-column:1/-1}.array-board{background:var(--stage);border-radius:20px;place-items:center;min-height:0;display:grid;position:relative}.array-grid{gap:min(1cqh,6px);display:grid}.array-thing{width:clamp(18px,min(60cqw/var(--columns),56cqh/var(--rows)),140px);aspect-ratio:1;height:auto}.array-product{color:#fff;background:#3fae4a;border-radius:14px;padding:.1em .6em;font-size:clamp(1.4rem,min(5cqw,9cqh),3.4rem);animation:.5s pop;position:absolute;bottom:1cqh}.array-tools{flex-direction:column;justify-content:center;align-items:center;gap:2cqh;display:flex}.array-stepper{grid-template-columns:auto auto auto;place-items:center;gap:.4rem;display:grid}.array-stepper span{color:var(--card-title);grid-column:1/-1;font-size:clamp(.9rem,2.6cqw,1.5rem);font-weight:900}.array-stepper b{text-align:center;min-width:1.6em;color:var(--card-ink);font-size:clamp(1.4rem,min(4.6cqw,8cqh),3rem)}@container (max-aspect-ratio:5/4){.array{grid-template-rows:auto 1fr auto;grid-template-columns:1fr}.array-tools{flex-flow:wrap}}.fraction{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);gap:2cqh;height:100%;display:grid}.fraction-board{justify-content:center;align-items:center;gap:4cqw;min-height:0;display:flex}.fraction-shape.disc{width:auto;height:min(70cqh,60cqw)}.fraction-shape.bar{width:min(70cqw,150cqh);height:auto}.fraction-part{fill:#fff3d6;stroke:#5b3a24;stroke-width:1.4px;cursor:pointer;transition:fill .15s}.fraction-part.on{fill:#e5484d}.bar .fraction-part.on{fill:#8a5128}.fraction-written{color:#2b8536;flex-direction:column;align-items:center;font-size:clamp(2rem,min(7cqw,12cqh),5rem);line-height:1;animation:.5s pop;display:flex}.fraction-written sup,.fraction-written sub{vertical-align:baseline;font-size:1em}@container (max-aspect-ratio:5/4){.fraction-board{flex-direction:column}}.calendar{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);gap:1.5cqh;height:100%;display:grid}.calendar-page{background:#fffdf5;border-top:14px solid #e5484d;border-radius:16px;grid-template-rows:auto 1fr;justify-self:center;width:min(100%,150cqh);height:100%;min-height:0;padding:.4rem .6rem .6rem;display:grid;box-shadow:0 6px #3a261833}.calendar-page h3{text-align:center;color:#b02a24;margin:0 0 .3rem;font-size:clamp(1rem,min(3.2cqw,5.6cqh),2rem)}.calendar-grid{grid-template-rows:auto;grid-template-columns:repeat(7,1fr);grid-auto-rows:1fr;gap:3px;min-height:0;display:grid}.calendar-weekday{color:#22324a;place-items:center;font-size:clamp(.7rem,min(2.2cqw,3.6cqh),1.3rem);display:grid}.calendar-day{color:#22324a;min-height:0;font:inherit;cursor:pointer;background:#fff;border:2px solid #d8e2ea;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;font-size:clamp(.9rem,min(2.8cqw,4.8cqh),1.9rem);font-weight:900;line-height:1;display:flex}.calendar-day small{color:#1f78d1;font-size:.5em}.calendar-day.weekend{background:#fdeee2}.calendar-day.right{background:#b8f0a0;border-color:#2b8536;animation:.45s pop}.calendar-day.wrong{background:#f6d0cc;animation:.4s shake}@container (max-height:360px){.calendar-page{border-top:0;padding-top:0}.calendar-page h3{color:#fff;background:#e5484d;border-radius:16px 16px 0 0;margin:0 -.6rem .3rem;padding:.1rem}}.word-spot{grid-template-rows:auto 1fr auto;justify-items:center;gap:2cqh;height:100%;display:grid}.word-spot-text{background:repeating-linear-gradient(#fffdf5 0 calc(2.6em - 2px),#c7dcf0 calc(2.6em - 2px) 2.6em);border-radius:18px;flex-wrap:wrap;justify-content:center;align-self:center;align-items:baseline;gap:.5em .35em;max-width:100%;padding:1rem 1.4rem;font-size:clamp(1.3rem,min(4.4cqw,7.6cqh),3rem);display:flex}.word-spot-word{color:#22324a;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:6px solid #0000;border-radius:8px;padding:.05em .2em .12em;font-weight:800}.word-spot-word.on{background:#ffe9a8;border-bottom-color:#e5484d}.word-spot.solved .word-spot-word.on{background:#dff5d2;border-bottom-color:#2b8536}.word-spot-mark{color:#22324a;margin-left:-.3em;font-weight:800}.word-spot.look-cards .word-spot-text{background:0 0;gap:.6em}.word-spot.look-cards .word-spot-word{background:var(--tile);border:4px solid #b8e2e8;border-bottom-width:6px;padding:.2em .6em}.word-spot.look-cards .word-spot-word.on{background:#ffe9a8;border-color:#e5484d}.diagram{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);gap:1.5cqh;height:100%;display:grid}.diagram-area{place-items:center;min-height:0;display:grid;container-type:size}.diagram-board{aspect-ratio:1;width:min(100cqw,100cqh);position:relative}.diagram-picture{width:100%;height:100%}.diagram-spot{aspect-ratio:1;cursor:pointer;background:#e5484d;border:5px solid #fff;border-radius:50%;width:clamp(34px,min(7cqw,9cqh),60px);animation:1.6s ease-in-out infinite diagram-beat;position:absolute;translate:-50% -50%;box-shadow:0 0 0 3px #3a2618}.diagram-spot.found{background:#3fae4a;animation:none}.diagram-spot.wrong{opacity:.6;animation:.4s shake}.diagram-label{color:#22324a;white-space:nowrap;background:#fffdf5;border:3px solid #3fae4a;border-radius:10px;padding:.1em .5em;font-size:clamp(.9rem,min(2.8cqw,4.4cqh),1.6rem);font-weight:900;position:absolute;top:50%;left:110%;translate:0 -50%}.diagram-spot.label-left .diagram-label{left:auto;right:110%}@keyframes diagram-beat{50%{scale:1.14}}.bar-chart{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);gap:1.5cqh;height:100%;display:grid}.bar-chart-board{justify-content:center;align-items:stretch;gap:2cqw;min-height:0;display:flex}.bar-chart-board>.check-button{align-self:center}.bar-chart-data{border-collapse:collapse;color:#22324a;background:#fffdf5;align-self:center;font-size:clamp(.9rem,min(2.6cqw,4.4cqh),1.6rem)}.bar-chart-data th,.bar-chart-data td{border:3px solid #5b3a24;padding:.2em .6em}.bar-chart-chart{background:var(--tile-soft);border-radius:14px;gap:1cqw;padding:.5rem;display:flex}.bar-chart-scale{color:#22324a;text-align:right;flex-direction:column;justify-content:space-between;margin:calc(clamp(40px,8cqh,70px) + .3rem) 0 calc(clamp(40px,8cqh,70px) + 1.8em);font-size:clamp(.7rem,2cqh,1.1rem);font-weight:800;display:flex}.bar-chart-scale span{height:0;line-height:0}.bar-chart-column{grid-template-rows:auto 1fr auto auto;justify-items:center;gap:.3rem;display:grid}.bar-chart-column button{aspect-ratio:1.1;background:var(--tile);width:clamp(44px,min(9cqw,10cqh),96px);color:var(--teal);cursor:pointer;border:3px solid #b8e2e8;border-radius:12px}.bar-chart-column button svg{width:80%;height:80%}.bar-chart-track{background:repeating-linear-gradient(to top, #d8e2ea 0 2px, transparent 2px calc(100% / var(--most)));border-bottom:3px solid #22324a;width:clamp(36px,10cqw,130px);position:relative}.bar-chart-bar{background:#3aa0ff;border:3px solid #1f5fa8;border-bottom:0;transition:height .2s;position:absolute;bottom:0;left:8%;right:8%}.bar-chart-column.wrong .bar-chart-bar{background:#f08a80;border-color:#b02a24;animation:.4s shake}.bar-chart.solved .bar-chart-bar{background:#53c24a;border-color:#2f9a2c}.bar-chart-column small{color:#22324a;font-size:clamp(.8rem,min(2.6cqw,4.4cqh),1.6rem);font-weight:900}@container (max-aspect-ratio:5/4){.bar-chart-board{flex-wrap:wrap;align-content:center}}.geoboard{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);gap:1.5cqh;height:100%;display:grid}.geoboard-board{justify-content:center;align-items:center;gap:3cqw;min-height:0;display:flex}.geoboard-svg{aspect-ratio:1;touch-action:none;background:#c98a4a;border-radius:16px;max-width:70cqw;height:100%}.geoboard-dot{fill:#e8e2d4;stroke:#3a2618;stroke-width:1.2px}.geoboard-dot.first{fill:#ffd23a}.geoboard-hit{fill:#0000;cursor:pointer}.geoboard-line{fill:none;stroke:#e5484d;stroke-width:2.6px;stroke-linejoin:round;stroke-linecap:round}.geoboard-shape{fill:#e5484d59;stroke:#e5484d;stroke-width:2.6px;stroke-linejoin:round}.geoboard.solved .geoboard-shape{fill:#3fae4a73;stroke:#2b8536}.geoboard-tools{flex-direction:column;gap:3cqh;display:flex}.geoboard-erase svg{width:100%;height:100%}@container (max-aspect-ratio:5/4){.geoboard-board{flex-direction:column}.geoboard-tools{flex-direction:row}}