.bob-sprite{width:260px;aspect-ratio:1/1;background-image:url('assets/inventor-bob-song-poses-v1.png');background-repeat:no-repeat;background-size:400% 400%;filter:drop-shadow(0 10px 5px rgba(23,22,43,.25));transition:transform .16s ease}
body.bob-superhero .bob-sprite{background-image:url('assets/superhero-bob-song-poses-v1.png')}
body.song-macarena .bob-sprite{background-image:url('assets/inventor-bob-macarena-16-v1.png')}
body.song-macarena.bob-superhero .bob-sprite{background-image:url('assets/superhero-bob-macarena-16-v1.png')}
.bob-picker{display:flex;justify-content:center;gap:12px;max-width:540px;margin:24px auto 0;padding:0;border:0}.bob-picker legend{width:100%;margin-bottom:8px;font-size:12px;font-weight:950;letter-spacing:1.5px;text-transform:uppercase}.bob-choice{display:grid;grid-template-columns:58px 1fr;grid-template-rows:auto auto;align-items:center;min-width:220px;padding:8px 12px;border:2px solid var(--ink);border-radius:14px;background:var(--white);text-align:left;cursor:pointer}.bob-choice.active{background:var(--yellow);box-shadow:4px 4px 0 var(--ink)}.bob-choice-thumb{grid-row:1/3;width:52px;height:52px;background-repeat:no-repeat;background-size:400% 300%;background-position:0 0}.classic-thumb{background-image:url('assets/older-bob-dance-poses-v1.png')}.superhero-thumb{background-image:url('assets/bob-dance-poses.png')}.bob-choice strong{font-size:14px}.bob-choice small{font-size:11px}
.pose-0{background-position:0% 0%}.pose-1{background-position:33.333% 0%}.pose-2{background-position:66.666% 0%}.pose-3{background-position:100% 0%}.pose-4{background-position:0% 33.333%}.pose-5{background-position:33.333% 33.333%}.pose-6{background-position:66.666% 33.333%}.pose-7{background-position:100% 33.333%}.pose-8{background-position:0% 66.666%}.pose-9{background-position:33.333% 66.666%}.pose-10{background-position:66.666% 66.666%}.pose-11{background-position:100% 66.666%}.pose-12{background-position:0% 100%}.pose-13{background-position:33.333% 100%}.pose-14{background-position:66.666% 100%}.pose-15{background-position:100% 100%}
.bob-portrait{width:230px;margin-top:10px}.model-zone{position:relative;display:grid;place-items:center}.model-zone .bob-sprite{width:min(330px,32vw)}.mirror-badge{position:absolute;bottom:2px;background:var(--yellow);border:2px solid var(--ink);border-radius:99px;padding:6px 12px;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:1px}.bob-sprite.beat{transform:translateY(-12px) scale(1.035)}
.pose-sequence{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 auto 18px;max-width:520px}.pose-card{border:2px solid var(--ink);border-radius:12px;background:var(--white);display:grid;place-items:center;min-height:86px;position:relative;overflow:hidden}.pose-card .bob-sprite{width:80px}.pose-card span{position:absolute;left:6px;top:6px;width:22px;height:22px;display:grid;place-items:center;background:var(--white);border:2px solid;border-radius:50%;font-size:10px;font-weight:950}.pose-card.active{background:var(--yellow);transform:translateY(-4px);box-shadow:0 4px 0 var(--ink)}
.teach-mode{display:flex;justify-content:center;gap:10px;margin:0 0 16px}.mode-button{border:2px solid var(--ink);border-radius:99px;background:var(--white);padding:9px 14px;font-weight:850;cursor:pointer}.mode-button.active{background:var(--mint);box-shadow:2px 2px 0 var(--ink)}.together .coach-wrap{box-shadow:inset 0 0 0 6px var(--yellow)}.together .mirror-badge{background:var(--pink);color:white}.lesson-play{min-width:110px}
@media(max-width:760px){.bob-portrait{width:200px}.model-zone .bob-sprite{width:230px}.pose-card{min-height:70px}.pose-card .bob-sprite{width:62px}.teach-mode{flex-wrap:wrap}.bob-picker{flex-direction:column;align-items:stretch}.bob-choice{width:100%}}
.move{grid-template-columns:64px minmax(0,1fr)!important;grid-template-rows:auto 1fr!important;align-items:start!important;padding:12px!important}.move .move-num{grid-column:1;grid-row:1;justify-self:center}.move .move-preview{grid-column:1;grid-row:2;width:62px;align-self:start;filter:drop-shadow(0 4px 2px rgba(23,22,43,.18))}.move>div:last-child{grid-column:2;grid-row:1/3;min-width:0;padding:3px 0}.move strong{font-size:17px;line-height:1.15}.move small{display:block;margin-top:5px;line-height:1.35}.studio-move-preview{display:block;float:left;width:64px;height:64px;margin:20px 12px 0 0;background-repeat:no-repeat;background-size:400% 300%;filter:drop-shadow(0 4px 2px rgba(23,22,43,.18))}
@media(max-width:520px){.move{grid-template-columns:52px minmax(0,1fr)!important}.move .move-preview{width:50px}.move .move-num{width:34px;height:34px}}