/* Games and classroom extend the existing StudyBuddy palette. */
.sb-game-art{height:140px;width:100%;background:#f3f6ee;border-radius:14px;display:grid;place-items:center;overflow:hidden;margin-bottom:17px}.sb-game-art svg{height:130px;width:100%;max-width:270px}.sb-game-choice{display:flex;flex-direction:column}.sb-game-choice .sb-tools{margin-top:auto;padding-top:17px}.sb-game-choice .sb-sub{margin-bottom:16px!important}.sb-game-canvas-wrap{margin:20px 0 12px;border:1px solid var(--sb-border);border-radius:14px;overflow:hidden;background:#eef6f5}.sb-game-canvas-wrap canvas{display:block;width:100%;height:auto;aspect-ratio:800/380;touch-action:none;outline-offset:-4px!important}.sb-game-drive{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:15px 0}.sb-game-drive .sb-muted{font-size:12px;text-align:center}.sb-game-pedal{min-width:130px;min-height:58px;touch-action:none;user-select:none;-webkit-user-select:none}.sb-block-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;width:min(100%,395px);margin:24px auto 18px;padding:9px;background:#e8ede3;border-radius:15px;touch-action:manipulation}.sb-block-cell{aspect-ratio:1;border:0;border-radius:6px;background:#f9fbf6;box-shadow:inset 0 -2px 0 #dce5d5;min-width:0;padding:0;touch-action:manipulation}.sb-block-cell:hover{outline:2px solid #a89acb}.sb-block-1{background:#a6ba92;box-shadow:inset 0 -3px 0 #8ea978}.sb-block-2{background:#b3a1d2;box-shadow:inset 0 -3px 0 #9d86c1}.sb-block-3{background:#e0be7c;box-shadow:inset 0 -3px 0 #c7a25e}.sb-block-tray{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:395px;margin:auto}.sb-block-piece{min-height:85px;display:grid;place-items:center;background:#f9faf7;border:2px solid transparent;border-radius:12px;padding:10px;touch-action:manipulation}.sb-block-piece.sb-piece-selected{background:#f1edfa;border-color:#a797d0}.sb-piece-square{background:#a08bc6;border-radius:3px;width:14px;height:14px}.sb-block-piece i{width:14px;height:14px}.sb-block-used{display:grid;place-items:center;color:#a8b49f;font-size:22px}.sb-coach-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.sb-character-card{text-align:center;display:flex;flex-direction:column;align-items:center;gap:17px;padding:17px!important;background:linear-gradient(var(--character-bg),#fff);border:2px solid transparent!important}.sb-character-card img{width:100%;max-width:190px;height:230px;object-fit:contain;filter:drop-shadow(0 7px 5px #41543312)}.sb-character-card h2{font-size:16px!important}.sb-character-card .sb-button{margin-top:auto}.sb-character-card.sb-character-selected{border-color:#a492d1!important;box-shadow:0 0 0 3px #ede7f8}.sb-classroom{display:grid;grid-template-columns:minmax(0,1fr) 205px;gap:24px;align-items:center;background:#f0f3ec;border:1px solid var(--sb-border);border-radius:20px;padding:23px}.sb-whiteboard{background:#fffef9;border:8px solid #e0dccc;border-bottom-width:13px;box-shadow:0 4px 0 #ccc8b6,0 10px 35px #263a2410;border-radius:13px;min-width:0;align-self:stretch}.sb-whiteboard-head{padding:8px 13px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #efede4}.sb-whiteboard-head>span{font-size:10px;letter-spacing:1.5px;font-weight:750;color:#999e8c}.sb-whiteboard-head .sb-button{font-size:11px!important}.sb-whiteboard-content{min-height:370px;max-height:520px;overflow:auto;padding:22px;overscroll-behavior:contain}.sb-board-op{margin-bottom:18px;animation:sb-board-appear .35s ease;overflow-wrap:anywhere}.sb-board-heading{font-size:25px!important;letter-spacing:-.8px;color:#4c6241}.sb-board-text,.sb-board-example{font-size:15px;line-height:1.8;white-space:pre-wrap}.sb-board-key{font-weight:700;color:#665293;padding:10px 12px;border-left:4px solid #b4a3d4;background:#f5f1fb;border-radius:0 10px 10px 0}.sb-board-highlight{padding:12px 15px;background:#f7edcc;color:#796336;border-radius:10px;font-size:15px;font-weight:650}.sb-board-equation{font-family:Georgia,'Times New Roman',serif;font-size:clamp(19px,2.2vw,27px);line-height:1.8;color:#425e46;background:#f0f5eb;border-radius:12px;padding:15px 17px;white-space:normal;overflow-wrap:anywhere}.sb-board-flow{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px}.sb-board-node{padding:10px 13px;border:1px solid #d8e3cc;border-radius:10px;background:#f3f7ef;font-size:13px;color:#52664c;text-align:center;max-width:100%}.sb-board-flow>span:not(.sb-board-node){color:#a5af9a;font-size:22px}.sb-board-cell{margin:0 auto;max-width:350px;text-align:center}.sb-board-cell svg{width:100%;max-height:170px}.sb-board-cell figcaption{font-size:12px;color:#7f8b73}.sb-board-shape{border:2px solid #a696c5;display:grid;place-items:center;min-height:75px;max-width:220px;padding:16px;margin:auto;background:#f7f3fc}.sb-shape-circle{border-radius:50%}.sb-shape-rect{border-radius:10px}.sb-board-arrow{font-size:19px;color:#718b5e}.sb-coach-figure{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0;position:relative;align-self:center}.sb-coach-figure img{width:100%;max-width:205px;height:285px;object-fit:contain;transform-origin:50% 90%;filter:drop-shadow(0 10px 7px #33462a16)}.sb-coach-state{font-size:12px;background:#fff;padding:6px 12px;border-radius:99px;color:#65745a;max-width:100%;text-align:center}.sb-coach-figure small{font-size:10px!important;color:#78866f;text-align:center}.sb-coach-figure[data-actor=wait] img{animation:sb-coach-idle 4s ease-in-out infinite}.sb-coach-figure[data-actor=listen] img{transform:rotate(-5deg);animation:sb-coach-listen 2s ease-in-out infinite}.sb-coach-figure[data-actor=think] img{animation:sb-coach-think 1.8s ease-in-out infinite}.sb-coach-figure[data-actor=talk] img{animation:sb-coach-talk .75s ease-in-out infinite}.sb-coach-figure[data-actor=point] img{transform:rotate(-7deg) translateX(-6px);transition:transform .5s}.sb-coach-waves{display:flex;gap:4px;align-items:center;height:18px}.sb-coach-waves i{width:3px;height:5px;border-radius:3px;background:#a995cb}.sb-coach-figure[data-actor=talk] .sb-coach-waves i{animation:sb-voice-wave .6s ease-in-out infinite alternate}.sb-coach-waves i:nth-child(2){animation-delay:.2s!important}.sb-coach-waves i:nth-child(3){animation-delay:.4s!important}.sb-caption{margin-top:17px;background:#fff;border:1px solid var(--sb-border);border-radius:12px;padding:15px 18px;font-size:14px;line-height:1.8;min-height:56px}.sb-coach-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;padding:16px 0 0}.sb-coach-controls .sb-button{font-size:12px!important;padding:9px 11px}.sb-transcript .sb-chat{max-height:280px;min-height:70px}.sb-coach-settings-image{object-fit:contain;width:85px;height:110px}.sb-transcript .sb-bubble small{opacity:.65;font-size:10px!important}
@keyframes sb-board-appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes sb-coach-idle{50%{transform:translateY(-5px)}}@keyframes sb-coach-listen{50%{transform:rotate(-3deg) translateY(-3px)}}@keyframes sb-coach-think{50%{transform:translateY(-3px) rotate(3deg)}}@keyframes sb-coach-talk{50%{transform:translateY(-3px) scale(1.015)}}@keyframes sb-voice-wave{to{height:17px}}
@media(max-width:1100px){.sb-coach-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.sb-classroom{grid-template-columns:minmax(0,1fr) 145px;gap:13px;padding:18px}.sb-coach-figure img{height:235px}.sb-whiteboard-content{padding:18px}.sb-board-heading{font-size:22px!important}}
@media(max-width:680px){.sb-classroom{grid-template-columns:minmax(0,1fr) 70px;gap:9px;padding:11px 8px}.sb-coach-figure img{height:125px;width:77px;max-width:77px}.sb-coach-state{font-size:10px;padding:5px 7px}.sb-coach-figure{gap:6px}.sb-coach-figure small{font-size:9px!important}.sb-whiteboard{border-width:4px;border-bottom-width:8px}.sb-whiteboard-head{padding:6px;flex-wrap:wrap;gap:0}.sb-whiteboard-head>span{font-size:8px;letter-spacing:.8px}.sb-whiteboard-head .sb-button{padding:4px;min-height:28px;font-size:9px!important}.sb-whiteboard-content{min-height:310px;max-height:430px;padding:13px 10px}.sb-board-heading{font-size:20px!important}.sb-board-equation{font-size:18px;padding:10px;line-height:1.7}.sb-board-node{font-size:11px;padding:8px}.sb-board-text,.sb-board-example,.sb-board-highlight,.sb-board-key{font-size:13px}.sb-caption{font-size:13px;padding:13px}.sb-coach-controls{justify-content:flex-start}.sb-coach-controls .sb-button{flex:1 1 130px;min-width:0;white-space:normal;text-align:center;font-size:11px!important}.sb-character-card{padding:12px!important;gap:12px}.sb-character-card img{height:180px}.sb-character-card h2{font-size:14px!important}.sb-coach-choices{gap:12px}.sb-game-drive{gap:7px}.sb-game-pedal{min-width:90px;padding:12px;min-height:56px}.sb-game-drive .sb-muted{font-size:10px}.sb-block-grid{gap:4px;padding:7px}.sb-block-cell{border-radius:4px}.sb-game-art{height:125px}.sb-classroom .sb-button{box-shadow:none}.sb-board-cell figcaption{font-size:10px}}