.activity-game{background:#fff9ef;border-radius:24px;overflow:hidden;padding:0!important;color:#153e43;max-width:1180px;margin:auto;border:1px solid #dfc493;box-shadow:0 8px 30px #73502a14}.act-header{display:flex;align-items:center;gap:16px;background:linear-gradient(110deg,#004e59,#08777b);color:#fff4db;padding:18px 24px;border-bottom:4px solid #dab365}.act-header h2{margin:0;font-size:clamp(24px,3.2vw,38px);line-height:1.15}.act-ornament{font-size:40px;color:#edce89}.act-levels{display:flex;gap:5px;margin-left:auto;flex-wrap:wrap}.act-btn{font-family:inherit;border:2px solid #d8ba84;background:#fff8e8;color:#17484c;border-radius:18px;padding:13px 22px;font-size:19px;font-weight:700;cursor:pointer;transition:box-shadow .15s}.act-btn:hover{box-shadow:0 3px 12px #1c666623}.act-btn:focus-visible{outline:4px solid #e99b29;outline-offset:3px}.act-btn.active{background:#fff0ce;color:#16464c}.act-levels .act-btn{background:transparent;color:#fff6df;border-color:#89b6b1;border-radius:16px;padding:10px 16px;font-size:16px}.act-levels .active{background:#fff0cd;color:#16444a}.act-progress{border:2px solid #7caaa6;padding:8px 13px;border-radius:20px;white-space:nowrap}.act-instruction{font-size:clamp(20px,2.2vw,27px);font-weight:700;background:#fffaed;border:1px solid #e1c796;border-radius:18px;padding:16px 22px;margin:18px 22px;text-align:center;line-height:1.4}.act-work{padding:0 22px 16px;text-align:center}.act-primary{background:linear-gradient(#13888c,#005b66);color:#fff6e0;border-color:#c8b379;box-shadow:0 4px 0 #084750}.act-secondary{background:#fff5e2}.act-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:20px 0}.act-status{font-size:21px;font-weight:600;min-height:30px;padding:0 24px;text-align:center;line-height:1.4}.act-status.good{color:#187859}.act-guide{font-size:17px;background:#f6ecd7;padding:13px;border-radius:15px;color:#486368}.act-crop{display:block;overflow:hidden;width:100%;height:100%;border-radius:14px}.act-crop svg{width:100%;height:100%;display:block}.act-preview{width:100%;height:auto;aspect-ratio:754/442;border-radius:0}.activity-hub .sen-hub-card{padding:0;overflow:hidden}.act-story{position:relative;border-radius:24px;overflow:hidden;background:#f5e7cf}.act-story-art{width:min(620px,100%);height:auto;aspect-ratio:1;margin:auto}.act-feelings{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.act-story .act-feelings{position:relative;margin:-90px 12px 12px;z-index:1}.act-feeling{min-width:98px;padding:8px 12px;background:#fff8ec;border:3px solid #e0c698;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 4px 12px #74543822}.act-face{width:86px;height:86px;border-radius:15px}.act-btn.picked{border-color:#108b8d;outline:3px solid #a6d6c5;outline-offset:2px}.act-friend-story{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;align-items:center}.act-support{display:flex;flex-direction:column;gap:14px}.act-support-choice{display:flex;align-items:center;gap:16px;text-align:right;border-radius:28px;background:#e7f1d8;font-size:20px}.act-support-choice:nth-child(2){background:#fff0b6}.act-support-choice:nth-child(3){background:#e6e4f5}.act-support-choice .act-crop{width:125px;min-width:100px;height:95px}.act-checkin{display:grid;grid-template-columns:1fr 1.65fr;gap:22px;align-items:center}.act-self{height:auto;aspect-ratio:328/410}.act-checkin-choices{display:flex;flex-direction:column;gap:26px}.act-needs{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.act-need{width:160px;padding:10px;font-size:16px}.act-need .act-crop{height:105px;margin-bottom:8px}.act-checkin textarea{width:100%;min-height:85px;padding:12px;font:inherit;border:2px solid #d2b889;border-radius:14px;box-sizing:border-box}.act-breath-scene{height:440px;position:relative;border-radius:26px;overflow:hidden}.act-breath-back{position:absolute;inset:0;opacity:.7}.act-breath-flower{position:absolute;left:50%;top:8%;width:285px;height:285px;transform:translateX(-50%) scale(.8);transition:transform 4s ease;border:3px solid #fff6cc;border-radius:50%;box-shadow:0 0 30px #fff9cbaa;overflow:hidden}.act-breath-flower.expand{transform:translateX(-50%) scale(1.03)}.act-breath-phase{position:absolute;bottom:10px;left:10%;width:80%;font-size:27px;font-weight:700;color:#0e5761;background:#fff5de;padding:14px;box-sizing:border-box;border-radius:16px}.act-mirror{display:flex;justify-content:center;align-items:center;gap:40px;background:#f5e9d3;border-radius:26px;padding:22px}.act-mirror-avatar{height:320px;width:235px}.act-move-line{display:flex;flex-direction:column;gap:18px}.act-move-step{padding:18px 24px;border:2px solid #dec99a;border-radius:18px;font-size:23px}.act-move-step.current{background:#ee9275;color:#fff;box-shadow:0 0 0 3px #ffc552}.act-traffic-stage{display:flex;align-items:center;justify-content:center;gap:30px;padding:20px;border-radius:24px;background:#ead6b5}.act-traffic{background:#e9c58b;border:8px solid #b0854f;border-radius:80px;padding:20px;display:flex;flex-direction:column;gap:12px}.act-signal{width:110px;height:110px;display:grid;place-items:center;border:7px solid #7d603a;border-radius:50%;background:#4d4e40;color:#fff;font-size:17px;font-weight:700;box-shadow:inset 0 5px 12px #0005}.signal-0.on{background:#2ba861;box-shadow:0 0 24px #7edf8e}.signal-1.on{background:#ce9b16;box-shadow:0 0 24px #ffe176}.signal-2.on{background:#e25443;box-shadow:0 0 24px #ef7b71}.act-traffic-kids{height:340px;max-width:540px}.act-trace-board{height:auto;aspect-ratio:720/420;position:relative;overflow:hidden;border-radius:24px;touch-action:none;background:#dcebd4}.act-trace-back{position:absolute;top:0;left:0;width:100%;height:45%;opacity:.7}.act-trace-svg{position:absolute;inset:0}.act-trace-svg svg{width:100%;height:100%;display:block}.act-path-controls{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.act-path-dot{border-radius:50%;width:58px;height:58px;padding:0;font-size:24px}.act-path-dot.current{background:#16858a;color:white}.act-bead-string{display:flex;gap:18px;justify-content:center;align-items:center;flex-wrap:wrap;background:linear-gradient(transparent 48%,#1d7e7d 48%,#1d7e7d 55%,transparent 55%);padding:30px 12px;border-radius:20px;min-height:90px}.act-bead-slot{width:95px;height:95px;padding:0;background:#fff4df9c;border:3px dashed #a88255;border-radius:50%;touch-action:none}.act-bead-slot .act-bead{opacity:.22}.act-bead-slot:has(.act-bead:not(.guide)){border-style:solid}.act-bead-string .filled .act-bead{opacity:1}.act-bead-tray,.act-bead-model{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;padding:22px;background:#efdfc4;border-radius:20px;margin:20px 0}.act-bead-pick{padding:5px;border:3px solid transparent;background:transparent;border-radius:50%;touch-action:none}.act-bead{display:block;width:75px;height:75px;border-radius:50%;position:relative;background:radial-gradient(circle at 28% 25%,#ffffff99,transparent 35%),radial-gradient(circle at 60% 90%,#0002,transparent 60%),var(--bead);box-shadow:0 5px 7px #7c583244,inset 0 -4px 7px #0002}.act-bead:after{content:'';position:absolute;left:34%;top:20%;width:32%;height:22%;background:#8b6639;border:4px solid #fff4a966;border-radius:50%;box-sizing:border-box;box-shadow:inset 0 4px 5px #382419}.act-bead-model{gap:12px;background:transparent;padding:5px}.act-bead-model .act-bead{width:38px;height:38px}.act-search-scene{position:relative;aspect-ratio:754/423;width:100%;border-radius:22px;overflow:hidden}.act-search-back{position:absolute;inset:0}.act-hotspot{position:absolute;transform:translate(-50%,-50%);border:3px solid transparent;background:transparent;border-radius:50%;width:9%;height:16%;min-width:48px;min-height:48px;padding:0}.act-hotspot:hover,.act-hotspot:focus-visible{background:#fff5cc33;border-color:#d8b45a}.act-hotspot.found{border-color:#fff2b1;background:#6abe9870;box-shadow:0 0 0 4px #08797b}.act-found{display:flex;justify-content:center;gap:15px;margin-top:16px;flex-wrap:wrap}.act-found span{min-width:80px;border:3px solid #ceaa69;border-radius:30px;padding:14px;font-size:20px;background:#fff4dd}.act-shelf-compare{display:grid;grid-template-columns:1fr 1fr;gap:20px}.act-shelf-compare h3{background:#a57938;color:#fff4dc;border-radius:18px;margin:0 auto 12px;padding:10px;width:120px}.act-shelf{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,145px);gap:0;border:14px solid #af7f4b;background:#e9cca0;border-radius:12px;box-shadow:inset 0 0 12px #81512d,0 5px 8px #72532922}.act-shelf-cell{border:0;border-radius:0;border-bottom:12px solid #a87c48;padding:7px;background:#ead0ac;box-shadow:inset 0 -4px 7px #79502e20;min-width:0}.act-shelf-cell .act-crop{height:112px;border-radius:8px}.act-shelf-cell.found{outline:4px solid #118a7f;outline-offset:-4px;background:#cee5bb}.act-shelf-cell.turned .act-crop{transform:rotate(-20deg)}.act-empty{font-size:48px;color:#b18f64}.act-shelf.highlight{box-shadow:0 0 0 5px #edbe53}.act-count-rug{background:#f6ead5;background-image:linear-gradient(45deg,#b56e4b11 25%,transparent 25%,transparent 75%,#b56e4b11 75%),linear-gradient(45deg,#b56e4b11 25%,transparent 25%,transparent 75%,#b56e4b11 75%);background-size:42px 42px;background-position:0 0,21px 21px;border:12px double #b58257;border-radius:24px;padding:24px;display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.act-animal{padding:3px;border:3px solid transparent;background:transparent;min-width:0}.act-animal .act-crop{height:130px}.act-animal.counted{border-color:#118d80;background:#f1e4ae}.act-count-answers{display:flex;justify-content:center;gap:25px;margin:24px 0}.act-count-answer{font-size:56px;min-width:110px;background:#fff4d9;border:4px solid #d1ae70}.act-route-stage{display:grid;grid-template-columns:1.7fr 1fr;align-items:center;gap:24px}.act-route-grid{display:grid;grid-template-columns:repeat(var(--grid),1fr);gap:8px;padding:15px;background:#bd9c65;border-radius:20px}.act-route-tile{aspect-ratio:1;min-height:50px;border:2px solid #b69661;background:#f1e2bf;border-radius:12px;display:grid;place-items:center;padding:5px;overflow:hidden}.act-route-tile .act-crop{width:100%;height:100%;max-height:120px}.act-route-rock{font-size:40px;color:#8e9287}.act-route-controls,.act-command-line{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:12px 0}.act-command{font-size:37px;padding:6px 18px;min-width:60px;background:#fff1d1}.act-command-line .act-command{font-size:24px;padding:4px 8px;min-width:34px}.act-finish{padding:60px 20px}.activity-game button[hidden]{display:none!important}.activity-game button:disabled{cursor:default;opacity:.8}.activity-game .toolbar-camera{margin:auto}.activity-game .act-work>button{margin:14px}.activity-game .act-levels button:disabled{opacity:1}@media(max-width:700px){.act-header{padding:14px;gap:8px;flex-wrap:wrap}.act-header h2{font-size:25px}.act-ornament{font-size:25px}.act-levels{order:3;width:100%;margin:0;justify-content:center}.act-levels .act-btn{padding:8px 12px;font-size:15px}.act-progress{margin-left:auto}.act-work{padding:0 10px 10px}.act-instruction{margin:12px 10px;padding:12px;font-size:21px}.act-btn{font-size:17px;padding:12px 16px}.act-story .act-feelings{margin:-45px 7px 7px}.act-face{width:60px;height:60px}.act-feeling{min-width:70px;padding:6px}.act-feelings{gap:8px}.act-friend-story,.act-checkin,.act-route-stage{grid-template-columns:1fr}.act-checkin .act-self{height:180px;aspect-ratio:auto}.act-support-choice .act-crop{height:75px;width:100px}.act-support-choice{text-align:left;font-size:18px}.act-need{width:130px}.act-shelf-compare{gap:8px}.act-shelf{border-width:7px;grid-template-rows:repeat(2,100px)}.act-shelf-cell{padding:3px;border-bottom-width:7px}.act-shelf-cell .act-crop{height:78px}.act-count-rug{padding:10px;gap:8px;grid-template-columns:repeat(3,1fr);border-width:8px}.act-animal .act-crop{height:90px}.act-count-answer{font-size:40px;min-width:80px}.act-count-answers{gap:12px}.act-traffic-kids{height:230px;max-width:300px}.act-traffic-stage{gap:10px;padding:12px}.act-traffic{border-width:5px;padding:12px}.act-signal{height:74px;width:74px;font-size:14px;border-width:4px}.act-mirror{gap:12px;padding:12px}.act-mirror-avatar{width:150px;height:240px}.act-move-step{font-size:18px;padding:12px}.act-bead-slot{width:65px;height:65px}.act-bead{width:55px;height:55px}.act-bead-string{gap:10px;padding:22px 7px}.act-bead-tray{gap:10px;padding:16px}.act-breath-scene{height:360px}.act-breath-flower{width:235px;height:235px}.act-breath-phase{font-size:23px}.act-route-grid{max-width:500px;margin:auto;width:100%;box-sizing:border-box}.act-hotspot{min-width:32px;min-height:32px}.act-path-dot{height:44px;width:44px;padding:0}}
@media(prefers-reduced-motion:reduce){.act-breath-flower,.act-btn{transition:none}}
/* Keep text legible when the shared fullscreen game styles apply. */
.game-modal .game-stage>.game.activity-game{background:#fff9ef;color:#153e43}.game-stage:has(>.activity-game){background:#fff9ef}.game.activity-game .act-header h2{color:#fff6df;margin:0;font-size:clamp(24px,3.2vw,38px);max-width:none}.game.activity-game .act-status{color:#17484c}.game.activity-game .act-status.good{color:#176344}.game.activity-game .act-guide{color:#294c50;background:#f6ecd7}.game.activity-game .act-header .act-progress{color:#fff6df}.act-breath-scene{background:linear-gradient(110deg,#ecedd8,#fff4d7)}.act-breath-scene .act-breath-back{width:42%;opacity:1}.act-breath-scene .act-breath-flower{left:69%;top:8%;background:#fff6df}.act-breath-flower .act-crop{border-radius:50%}
@media(max-width:700px){.game.activity-game .act-header h2{font-size:25px}.act-breath-scene .act-breath-flower{left:65%;width:210px;height:210px}}

.game.activity-game .act-need{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:10px;width:175px}.game.activity-game .act-need .act-crop{width:100%;height:135px;flex-shrink:0;margin:0}.game.activity-game .act-need strong{font-size:17px;line-height:1.35}.game.activity-game .act-self{height:350px;aspect-ratio:1}.game.activity-game .act-story .act-feelings{margin:18px 12px}.game.activity-game .act-breath-flower{border-color:#ceac68;box-shadow:0 4px 20px #a3853440}.game.activity-game .act-feeling{background:#fff7e5}.sen-hub-card{display:flex;flex-direction:column;align-items:stretch;width:100%}.sen-card-caption strong{color:#125c69}.sen-card-caption small{color:#435f65}.game.activity-game .act-support-choice .act-crop{width:125px;height:110px;flex-shrink:0}.game.activity-game .act-header h2{color:#fff6df!important}.game-stage:has(>.sensory-game){background:#fff9ef}.game-modal .game-stage>.sensory-game{background:#fff9ef}
@media(max-width:700px){.game.activity-game .act-need{width:140px}.game.activity-game .act-need .act-crop{height:105px}.game.activity-game .act-self{height:220px}.game.activity-game .act-support-choice .act-crop{width:100px;height:90px}}
.activity-hub{max-width:1050px}.activity-hub .sen-hub-head{padding:10px 12px}.activity-hub .sen-hub-head h2{font-size:clamp(28px,3vw,40px)}.activity-hub .sen-hub-head p{margin:8px 0 18px}.activity-hub .sen-hub-grid{gap:20px}.activity-hub .sen-card-caption{background:#fff9ed;padding:14px 18px}.activity-hub .sen-card-caption strong{line-height:1.2}.activity-game .act-trace-board{width:100%;min-height:260px}.activity-game .act-trace-svg{width:100%;height:100%}
.act-finger-model{font-size:155px;line-height:1.3;display:block}.act-mirror-avatar:has(.act-finger-model){display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff5de;border:3px solid #d3b278;border-radius:28px;width:260px;height:290px}.act-mirror-avatar strong{font-size:20px;padding:12px;color:#174b50}.act-finger-preview{display:flex;align-items:center;justify-content:center;gap:12px;background:radial-gradient(ellipse at center,#fff8db,#e6d4af);font-size:clamp(35px,5vw,72px)}.act-finger-preview span:nth-child(even){font-size:30px;color:#087f87}@media(max-width:700px){.act-finger-model{font-size:100px}.act-mirror-avatar:has(.act-finger-model){width:160px;height:220px}.act-mirror-avatar strong{font-size:16px}}
.activity-game[data-game="mirrorMoves"] .act-work{padding:0 12px 10px}.act-finger-scene{position:relative;height:440px;padding:0;border-radius:20px 20px 0 0;background:url('/assets/finger-room.png') center/cover;overflow:hidden}.act-finger-scene .act-mirror-avatar{position:absolute;left:3%;bottom:0;width:36%;height:100%;background:none;border:0;display:block}.act-finger-scene .act-mirror-avatar .act-crop{height:100%;border-radius:0}.act-finger-zoom{position:absolute;left:41%;top:8%;width:25%;height:55%;border-radius:50%;background:#fff4db;border:6px solid #d1aa60;box-shadow:0 5px 20px #7b512c33;overflow:hidden}.act-finger-zoom .act-crop{border-radius:50%}.act-finger-camera-slot{position:absolute;right:2%;top:5%;width:27%;padding:12px;background:#fff6e6;border:2px solid #d1b680;border-radius:24px;box-sizing:border-box;color:#005d69}.act-finger-camera-slot>strong{display:block;font-size:22px;text-align:left}.finger-camera-placeholder{min-height:180px;display:grid;place-items:center;background:#e5eeeb;border-radius:15px;font-size:18px;padding:12px}.act-finger-camera-slot:has(.camera) .finger-camera-placeholder{display:none}.act-finger-camera-slot .camera{position:static;width:auto;max-width:none;box-shadow:none;background:#fff6e6;color:#075b62;padding:0;border-radius:12px;margin-top:10px}.act-finger-camera-slot .camera summary{display:none}.act-finger-camera-slot .camera-tracking{color:#075b62;font-size:12px}.act-finger-camera-slot .camera>button{font-size:12px;background:#e7f1eb}.act-finger-prompt{position:absolute;left:40%;bottom:9%;background:#fff4df;border:2px solid #e1c18b;border-radius:24px;padding:12px 28px;color:#07545d;font-weight:800;font-size:26px}.activity-game[data-game="mirrorMoves"] .act-move-line{flex-direction:row;justify-content:center;gap:10px;padding:12px;background:#ecdbc0;border-radius:0 0 20px 20px}.activity-game[data-game="mirrorMoves"] .act-move-step{position:relative;width:calc(100% / 7);max-width:160px;min-width:0;padding:0;background:#fff3da;border:3px solid #fff8e4;border-radius:18px;overflow:hidden;box-sizing:border-box}.act-move-step .act-crop{height:95px;border-radius:0}.act-move-step small{position:absolute;left:5px;bottom:4px;border-radius:50%;background:#fff6df;color:#075c65;font-size:15px;width:24px;height:24px;display:grid;place-items:center}.activity-game[data-game="mirrorMoves"] .act-move-step.current{border-color:#058e98;box-shadow:0 0 0 3px #f0cf80;background:#d3efeb}.act-move-step.completed{border-color:#5fa886!important}.activity-game[data-game="mirrorMoves"] .act-work>.act-primary{font-size:13px;padding:7px 12px;box-shadow:none;margin:10px}.act-finger-preview{background:url('/assets/finger-room.png') center/cover}.act-finger-preview>.act-crop{height:100%;width:55%;margin:auto}@media(max-width:700px){.act-finger-scene{height:320px}.act-finger-scene .act-mirror-avatar{left:0;width:42%;height:95%}.act-finger-zoom{left:41%;top:8%;width:25%;height:40%;border-width:3px}.act-finger-camera-slot{padding:6px;border-radius:14px;right:1%;width:30%;top:4%}.act-finger-camera-slot>strong{font-size:15px}.finger-camera-placeholder{min-height:130px;font-size:13px;padding:5px}.act-finger-prompt{left:41%;font-size:17px;padding:9px 13px;bottom:12%}.act-move-step .act-crop{height:70px}.activity-game[data-game="mirrorMoves"] .act-move-line{gap:4px;padding:8px}.act-finger-camera-slot .camera-tracking{font-size:10px}}

.act-finger-preview{height:280px!important;aspect-ratio:754/442;box-sizing:border-box;overflow:hidden}.act-finger-preview>.act-crop{height:250px!important;width:125px!important;flex:none;margin:auto;align-self:flex-end}.act-hands-choice{margin:10px 0}.act-hands-choice .act-btn{font-size:15px;padding:8px 18px}.act-hands-choice .active{background:#d1eeea;border-color:#13888c}@media(max-width:700px){.act-finger-preview{height:220px!important}.act-finger-preview>.act-crop{height:200px!important;width:100px!important}}

.act-body-steps{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.act-body-steps span{padding:10px;border-radius:12px;background:#f2e8d2}.act-body-steps .current{background:#ceeae6;border:2px solid #13888c}.act-body-steps .completed{color:#147450}.activity-game progress{width:80%;height:24px;accent-color:#078c93}@media(max-width:700px){.sen-hub-grid{grid-template-columns:1fr}.act-traffic-stage{flex-direction:column}.act-traffic{display:flex;gap:8px}.act-traffic-kids{width:100%;max-width:100%;height:auto;aspect-ratio:553/338}.act-finger-scene{height:560px}.act-finger-scene .act-mirror-avatar{top:0;bottom:auto;left:0;width:47%;height:55%}.act-finger-zoom{left:53%;top:7%;width:40%;height:30%}.act-finger-camera-slot{top:auto;bottom:12px;right:5%;width:90%}.finger-camera-placeholder{min-height:120px}.act-finger-camera-slot .camera-view{max-width:260px;margin:auto}.act-finger-prompt{left:52%;bottom:auto;top:41%;font-size:16px;padding:7px}.activity-game[data-game="mirrorMoves"] .act-move-line{flex-wrap:wrap}.activity-game[data-game="mirrorMoves"] .act-move-step{width:22%}.act-move-step .act-crop{height:70px}}