.tutor-overlay{position:fixed;inset:0;z-index:1000;background:rgba(43,36,32,.62);display:grid;place-items:center;padding:14px;animation:tutorFade .2s ease}.tutor-card{position:relative;width:min(520px,100%);max-height:92vh;overflow:auto;background:var(--cream);border:5px solid var(--amber);border-radius:24px;padding:18px 16px 16px;box-shadow:0 18px 50px rgba(0,0,0,.35);text-align:center}.tutor-close{position:absolute;right:10px;top:8px;width:38px;height:38px;border-radius:50%;background:#F2E5CC;color:var(--walnut);font-size:27px;font-weight:900;line-height:1}.tutor-head{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:3px;color:var(--walnut)}.tutor-head .babi-small{width:62px;height:62px}.tutor-head strong,.tutor-head small{display:block;text-align:left}.tutor-head strong{font-size:17px}.tutor-head small{font-size:11px;color:var(--muted);font-weight:700}.tutor-card h2{margin:3px 25px 3px;color:var(--walnut);font-size:27px}.tutor-card>p{margin:0 auto 7px;max-width:410px;color:var(--muted);font-size:15px;line-height:1.35;font-weight:700}.tutor-card .abacus-wrap{margin:3px auto 7px;transform:scale(.82);transform-origin:top center;height:265px}.tutor-card .abacus{pointer-events:none}.tutor-card .rod-column{min-height:270px}.tutor-card .lower-zone{height:150px}.tutor-card .bead.lower.active{transform:translateY(-100px)}.tutor-rod{filter:drop-shadow(0 0 8px rgba(232,90,79,.8))}.tutor-pulse{animation:tutorPulse .8s ease-in-out infinite}.tutor-dots{display:flex;justify-content:center;gap:7px;margin:0 0 9px}.tutor-dots span{width:8px;height:8px;border-radius:50%;background:#D8C09A}.tutor-dots span.on{background:var(--coral);transform:scale(1.35)}.tutor-next{min-width:190px}.tutor-card .babi-encourage{animation:babiEncourage .55s ease both}.tutor-card .babi-happy{animation:babiHappy .55s ease both}@keyframes tutorFade{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes tutorPulse{0%,100%{filter:brightness(1);transform:translateY(-100px) scale(1)}50%{filter:brightness(1.22);transform:translateY(-100px) scale(1.08)}}@media(max-width:520px){.tutor-card{padding:14px 10px 13px;border-width:4px}.tutor-card h2{font-size:24px}.tutor-card>p{font-size:14px}.tutor-card .abacus-wrap{transform:scale(.68);height:220px;margin-left:-35px;margin-right:-35px}.tutor-card .tutor-next{font-size:16px;min-height:47px}}