.play-invitation{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f9eed1;border:2px solid #c4ad7e;border-radius:8px;padding:18px 24px;margin:0 0 22px}.play-invitation strong{font-family:QatStory,serif;font-size:25px;color:#527047}.play-invitation span{display:block;margin-top:8px;color:#877452;font-size:14px}.play-invitation button{white-space:nowrap}
#tutorialSphere svg,#playSphere svg{width:100%;height:230px;display:block;font:13px 'Microsoft YaHei',sans-serif;fill:#5b7052}.bloch-readout{font-size:14px;color:#53714a;text-align:center}.sphere-note{font-size:16px;line-height:1.6;color:#887954!important;max-width:440px;margin:10px auto}.lesson-stage{padding:15px}#tutorial .lesson-body{padding-top:18px;padding-bottom:18px}#tutorial #lessonDiagram{margin:6px 0;font-size:24px}#tutorialSphere svg{height:185px}
#playground{width:min(920px,95vw);max-height:94vh}.play-body{padding:24px 30px}.play-tabs{display:flex;gap:10px;flex-wrap:wrap}.play-tabs button{font-size:16px;min-height:48px}.play-tabs button[aria-pressed=true]{background:#577851;color:#fff6db;border-color:#3c5a39}#playGoal{font-size:18px;line-height:1.9;margin:22px 0;color:#605337}.play-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.play-grid>div:first-child{background:#eff1db;border:1px solid #bdc69c;border-radius:12px;padding:14px}.play-controls{display:flex;flex-direction:column;justify-content:center;gap:16px}#playActions{display:flex;flex-wrap:wrap;gap:12px}#playActions button{min-height:48px;font-size:16px}.little-lamp{width:100%;padding:25px;text-align:center;background:#dfdfcf;color:#686c5f;border-radius:12px;font-size:23px}.little-lamp.lit{background:#f9dfa1;color:#8c631b;box-shadow:0 0 22px #f7d16d66}#starJar{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}#starJar:empty{display:none}.jar-star{text-align:center;font-size:30px;animation:star-pop .35s both;animation-delay:calc(var(--i)*30ms)}.jar-star.blue{color:#528ca5}.jar-star.gold{color:#c58b29}#playFeedback{font-size:16px;line-height:1.9;min-height:72px;color:#5f704c;margin:0}#restartPlay{align-self:flex-start}#colorKnob{width:100%;accent-color:#698951;min-height:36px}#playActions label{width:100%;display:flex;justify-content:space-between;font-size:17px}.knob-labels{width:100%;display:flex;justify-content:space-between;font-size:13px;color:#89734f}.play-body details{margin-top:22px;border-top:1px solid #d6c49c;padding-top:16px;line-height:1.9;color:#7b6d50;font-size:14px}.play-body summary{cursor:pointer;font-size:16px}
@keyframes star-pop{from{opacity:0;transform:scale(.5) translateY(-8px)}to{opacity:1;transform:none}}.reduced .jar-star{animation:none}@media(prefers-reduced-motion:reduce){.jar-star{animation:none}}@media(max-width:650px){.play-grid{grid-template-columns:1fr}.play-invitation{flex-direction:column;align-items:flex-start}.play-body{padding:20px}.play-tabs button{font-size:13px;padding:9px}.play-invitation strong{font-size:22px}}