/* A calm shared studio for ages 6–14. Each game retains its own materials. */
body[data-studio-game] .panel{border-radius:20px;box-shadow:0 6px 22px #34313f08}
body[data-studio-game] h1 em{color:#a73e53}
.studio-coach{margin:0 0 22px;border:1px solid #ddd8ce;border-radius:16px;background:#fff;overflow:hidden}
.studio-coach-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 18px;background:#f0f4ed}
.studio-kicker{font:800 .65rem/1.3 system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#42604b}
.studio-coach-top p{margin:3px 0 0;font-size:.9rem;font-weight:750}.studio-coach-top p span{font-weight:400;color:#5a665b}
.studio-level-label{display:flex;align-items:center;gap:9px;font-size:.76rem;font-weight:700;color:#415447}
.studio-level-label select{background:#fff;border:1px solid #bac8b8;border-radius:9px;min-height:44px;padding:7px 12px;color:#34313f;font:700 .82rem system-ui,sans-serif}
.studio-mission{padding:12px 18px}.studio-mission summary{font-size:.86rem;font-weight:750;cursor:pointer;line-height:1.4;min-height:24px}.studio-intro{font-size:.86rem;color:#5d6261;max-width:80ch}
.studio-step{display:flex;gap:11px;align-items:flex-start;font-size:.88rem;line-height:1.5;padding:9px 0;cursor:pointer}.studio-step input{width:19px;height:19px;flex-shrink:0;margin:2px 0 0;accent-color:#38634d}
.studio-reflect{background:#f8f4ed;border-radius:10px;padding:12px;font-size:.86rem}.studio-mission-status,.studio-level-status{font-size:.76rem;color:#616963;margin:8px 0 0}.studio-level-status:not(:empty){padding:0 18px 12px}
.studio-artwork{display:block;width:100%;height:100%;object-fit:contain;background:#f2eee6}.study-badge{display:block;font:600 .65rem/1.4 system-ui,sans-serif;background:#f2eee6;padding:3px 7px;color:#696154;text-align:center}
.studio-note{font-size:.85rem;color:#615967;background:#f6f2ec;border-radius:12px;padding:12px 15px;margin:12px 0}.studio-note p{margin:0}.studio-tool-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:12px 0}.studio-tool-row label{font-size:.85rem;display:flex;gap:8px;align-items:center}.studio-tool-row input[type=range]{width:180px;max-width:100%;accent-color:#a73e53}
.studio-feedback{animation:studio-feedback .4s ease-out}@keyframes studio-feedback{50%{box-shadow:0 0 0 4px #83c8b56b}}
body[data-level="6-8"] .hex{display:none}
body[data-studio-game="butterfly-fold"] .mirror-cursor{position:absolute;width:16px;height:16px;border:2px solid #34313f;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;opacity:.7;z-index:3}
body[data-studio-game="butterfly-fold"] .panel,body[data-studio-game="finish-the-painting"] .panel{position:relative}
body[data-studio-game="butterfly-fold"] .side-hint{color:#625a61}
body[data-studio-game="stamp-studio"] .cloth{position:relative}
#stamp-preview{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.42}
.studio-spinning{animation:studio-spin 24s linear infinite}@keyframes studio-spin{to{transform:rotate(360deg)}}
body[data-studio-game="gallery-quiz"] .frame,body[data-studio-game="timeline"] .frame{border-color:#bdaf90!important;border-width:3px!important;box-shadow:0 3px 9px #34313f12!important}
body[data-studio-game="gallery-quiz"] .work .frame{height:auto;aspect-ratio:300/235;position:relative}.work .studio-artwork{height:100%;object-fit:contain}
body[data-studio-game="gallery-quiz"] .quiz-art .frame{max-height:350px;overflow:hidden}.quiz-art .studio-artwork{height:320px;object-fit:contain}
body[data-studio-game="timeline"] .yearcard .frame{height:130px}.yearcard .frame svg{height:100%;object-fit:contain}
body[data-studio-game="timeline"] .placed .frame{overflow:hidden}
.studio-hint{background:#eef3eb;border-radius:10px;padding:10px 13px;font-size:.86rem;color:#36533b;margin:12px 0}
body[data-studio-game="face-machine"] .grabbable:focus-visible{outline:3px solid #365fa2;outline-offset:5px}.portrait-guide-note{font-size:.84rem;color:#6a6572}
#comparison-tools{border:1px solid #d6dfd2;padding:14px;border-radius:12px;background:#f2f6f0}#comparison-tools label{display:block;font-size:.88rem;font-weight:700}#comparison{width:100%;accent-color:#38634d;min-height:36px}#comparison-label{font-size:.8rem;color:#52614d}
@media(min-width:900px){body[data-studio-game="butterfly-fold"] .panel{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:20px;align-items:start}body[data-studio-game="butterfly-fold"] .stage{grid-column:1;grid-row:1/3}body[data-studio-game="butterfly-fold"] .tools{grid-column:2;grid-row:1;display:block}body[data-studio-game="butterfly-fold"] .actions{grid-column:2;grid-row:2;margin:0;display:flex;flex-direction:column}body[data-studio-game="butterfly-fold"] .studio-tool-row{grid-column:1/-1;margin:0}body[data-studio-game="butterfly-fold"] .btn{width:100%}}
@media(max-width:600px){.studio-coach-top{align-items:flex-start;gap:9px;flex-direction:column;padding:12px 14px}.studio-level-label{width:100%;justify-content:space-between}.studio-level-label select{flex:1;max-width:210px}.studio-mission{padding:11px 14px}.studio-coach{margin-bottom:16px}.studio-step{font-size:.9rem}body[data-studio-game] .panel{padding:16px}body[data-studio-game="artist-quiz"] .intro{padding:0}}
@media(prefers-reduced-motion:reduce){.studio-spinning{animation:none!important}.studio-feedback{animation:none!important}}
@media print{.studio-coach{display:none!important}}
body[data-studio-game="colour-lab"] button.saved{font:inherit;font-size:.78rem;cursor:pointer;color:#34313f;border:1px solid #dad2c8;padding:8px;background:white;border-radius:12px}body[data-studio-game="colour-lab"] button.saved:hover{border-color:#a73e53;background:#fff7f7}
.painting-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:20px;align-items:start}.painting-surface,.paint-controls{min-width:0}.paint-controls .label:first-child{margin-top:0}.paint-controls .actions{flex-direction:column}.paint-controls .actions button{width:100%}.painting-surface #comparison-tools{margin-top:12px}
body[data-studio-game="paper-pup"] .piece:focus-visible{outline:3px solid #365fa2;outline-offset:5px}
body[data-studio-game="face-machine"] .trueface{opacity:.16}
@media(max-width:760px){.painting-layout{grid-template-columns:minmax(0,1fr)}.paint-controls .actions{flex-direction:row}.paint-controls .actions button{width:auto}.paint-controls .sw{width:38px;height:38px}}
body[data-studio-game="gallery-quiz"] .frame,body[data-studio-game="timeline"] .frame{position:relative}
body[data-studio-game="gallery-quiz"] .study-badge,body[data-studio-game="timeline"] .study-badge{position:absolute;left:0;bottom:0;right:0;background:#f2eee6eb}
body[data-studio-game="face-machine"] #portraitGuide{border:1px solid #c8d3c3;border-radius:999px;background:#eff4ec;color:#36543a;font:700 .85rem system-ui,sans-serif;min-height:44px;padding:10px 16px;cursor:pointer;margin:8px 0}