.activity-task{padding:0!important;background:transparent!important;min-height:0!important}.activity-sheet{position:relative;container-type:inline-size;margin:0 auto;background:#fff;border:1px solid #d5e4eb;border-radius:12px;box-shadow:0 8px 30px #173c510a;overflow:hidden;max-width:100%}.activity-static,.activity-static>svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.activity-group{position:absolute;transform-origin:center}.activity-target,.activity-given{position:absolute;box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;padding:2px;font:inherit;color:inherit;text-align:center;border:1px solid #96bbc9;background:#f5fafc;border-radius:3px;line-height:1.15}.activity-given{background:#fff;border-color:#476b7b}.activity-target{cursor:pointer;box-shadow:inset 0 0 0 1px #d7e8ef}.activity-target:hover,.activity-target.is-target{border-color:#0789ae;background:#e8f7fb;outline:2px solid #54b4cc;outline-offset:-2px}.activity-empty{color:#8db1c0;font-size:1.15em;font-weight:400}.activity-target img{width:100%;height:100%;object-fit:contain;pointer-events:none}.activity-target.is-wrong{border-color:#b34b53;box-shadow:inset 0 0 0 2px #b34b53;background:#fff4f1}.activity-target.is-right{border-color:#24866b;box-shadow:inset 0 0 0 2px #24866b}.activity-target.activity-tap{background:transparent;border:0;box-shadow:none;padding:0;border-radius:6px}.activity-tap>svg{width:100%;height:100%;pointer-events:none}.activity-tap.is-chosen{outline:3px solid #0789ae;outline-offset:3px}.activity-tap.is-wrong{outline-color:#b34b53}.activity-tap.is-right{outline-color:#24866b}.activity-tick{position:absolute;right:-8px;top:-8px;background:#087f95;color:#fff;border:2px solid white;border-radius:50%;font:700 16px system-ui;width:25px;height:25px;display:grid;place-items:center}.activity-tray{margin:13px auto 0;padding:10px 12px 12px;background:#e4f2f7;border:1px solid #c7dfe9;border-radius:13px;max-width:100%;box-sizing:border-box}.activity-tray-label{display:block;font-size:12px;color:#58798a;margin-bottom:8px;text-align:center}.activity-cards{display:flex;gap:10px;justify-content:center;overflow-x:auto;padding:3px 3px 7px;scrollbar-width:thin}.activity-card{flex:0 0 auto;min-width:64px;max-width:150px;height:65px;border:2px solid #89b0c2;border-radius:9px;background:white;color:#173c51;font:22px ABeeZee,Arial,sans-serif;padding:8px 12px;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}.activity-card img{display:block;width:65px;height:47px;object-fit:contain;pointer-events:none}.activity-card span{display:block;max-width:125px;overflow-wrap:anywhere;font-size:clamp(14px,2vw,22px)}.activity-card.is-selected{border-color:#0789ae;box-shadow:0 0 0 3px #8cd1df;background:#effaff}.activity-card.is-used{opacity:.25;cursor:default}.activity-drag-ghost{position:fixed;z-index:1000;pointer-events:none;transform:translate(-50%,-50%);background:#fff;border:2px solid #0789ae;border-radius:10px;box-shadow:0 8px 24px #173c5130;padding:10px;min-width:55px;text-align:center;font:24px ABeeZee,Arial,sans-serif}.activity-drag-ghost img{width:70px;height:60px;object-fit:contain}.activity-tap-tip{color:#597e8d;text-align:center;font-size:14px}.player:has(.activity-task)>.feedback{position:fixed;left:50%;bottom:85px;transform:translateX(-50%);z-index:20;width:min(580px,85vw);border:1px solid #a6d6ce;background:#f0faf6;box-shadow:0 12px 55px #173c5133;border-radius:18px;padding:15px 22px;box-sizing:border-box;animation:activity-feedback .2s ease-out}.player:has(.activity-task)>.feedback.incorrect{background:#fff7eb;border-color:#e9c38a}.feedback img{object-fit:contain}.feedback button{margin-top:9px}.finish-complete{background:radial-gradient(circle at 50% 28%,#dff4f7 0,#f4fbfc 38%,#fffdf8 68%);border-radius:24px;box-shadow:0 12px 50px #173c5114;padding:35px!important;max-width:850px;margin:30px auto!important}.finish-complete>img{filter:drop-shadow(0 10px 18px #087f9520)}.finish-complete h1{color:#087f95}.activity-audio{position:absolute;z-index:3}.activity-audio audio{width:100%;height:100%}.activity-audio button{height:100%;width:100%}@keyframes activity-feedback{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){.player:has(.activity-task)>.feedback{animation:none}}@media(max-width:700px){.activity-card{height:58px;min-width:55px;padding:6px}.activity-cards{justify-content:flex-start}.activity-tray-label{font-size:11px}.player:has(.activity-task)>.feedback{bottom:70px;padding:12px}.finish-complete{margin:8px!important;padding:22px!important}}

.player:has(.activity-task){padding:12px 20px}.player:has(.activity-task) .player-header{margin-bottom:8px}.player:has(.activity-task) .player-progress{margin:8px 0 12px}.player:has(.activity-task) .player-actions{margin-top:10px}.player:has(.activity-task) .task-dots{margin-top:10px}.activity-task{border:0!important}.activity-tray{padding:9px 14px!important;margin-top:10px!important}

.activity-given{background:var(--activity-fill,#fff);border-color:var(--activity-line,#476b7b)}.activity-target:not(.activity-tap,.activity-number-target):not(.is-wrong):not(.is-right):not(.is-target){background:var(--activity-fill,#fff);border-color:var(--activity-line,#96bbc9)}

.digital-playback .digital-playback-button{display:block;width:100%;height:100%;min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none}
.digital-playback .digital-playback-button:hover,.digital-playback .digital-playback-button:active{background:transparent;box-shadow:none;transform:none}
.digital-playback-button img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.digital-playback-button.is-playing img{animation:digital-audio-pulse 1.1s ease-in-out infinite alternate}
.digital-playback-status{position:absolute;left:0;top:100%;font-size:.8rem;background:white;z-index:1}
@keyframes digital-audio-pulse{to{transform:scale(1.08)}}
@media(prefers-reduced-motion:reduce){.digital-playback-button.is-playing img{animation:none;filter:brightness(1.18)}}
.activity-collected{display:grid;gap:3%;width:95%;height:95%;padding:3%;align-items:center;justify-items:center;min-height:0}
.activity-target .activity-collected img{width:100%;height:100%;min-height:0;object-fit:contain;pointer-events:auto}

.activity-task .activity-target.activity-shaped:is(button):not(.activity-tap){background:transparent;border:0;box-shadow:none}
.activity-answer-shape{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.activity-shaped .activity-empty,.activity-shaped .activity-collected,.activity-shaped>img,.activity-shaped>span{position:relative}
.activity-target:disabled,.activity-card:disabled.is-used{opacity:1}
.activity-target .activity-collected .activity-card-rejected{background:#ffe7e7;outline:2px solid #c52e40;outline-offset:-2px;border-radius:5px}