/* Loaded ONLY on individual tool / test / game content pages. */
.activity-shell{--play-ink:#30234f;--play-muted:#786b92;--play-field:#fff;--play-card:#fff;--play-line:#e6d9f4;margin:32px 0;padding:24px;border-radius:25px;background:linear-gradient(140deg,#f6efff,#eafaff 57%,#fff1e8);border:1px solid #e6d6fa;box-shadow:0 19px 40px #9269b121;color:var(--play-ink);min-width:0}.activity-heading{display:flex;gap:17px;align-items:center;margin-bottom:20px}.activity-orb{display:grid;place-items:center;flex:none;width:61px;height:61px;font-size:29px;background:linear-gradient(135deg,#795bea,#e071b7);border-radius:17px;box-shadow:0 9px 18px #8058b344}.activity-heading h2{margin:3px 0;font:800 clamp(20px,2.7vw,28px) Outfit,sans-serif;line-height:1.2}.activity-heading p{color:var(--play-muted);font-size:13px;margin:4px 0 0;line-height:1.5}.activity-shell :is(input,textarea,select){font:inherit;border:1px solid var(--play-line);background:var(--play-field);color:var(--play-ink);border-radius:9px;padding:11px;width:100%;box-sizing:border-box;outline:none}.activity-shell :is(input,textarea,select):focus{border-color:#8959d3;box-shadow:0 0 0 3px #9c68e12e}.activity-shell input[type=color]{height:43px;padding:4px;cursor:pointer}.activity-shell input[type=range]{padding:0;accent-color:#8862e5}.activity-shell input[type=checkbox],.activity-shell input[type=radio]{width:auto;accent-color:#7953de}.activity-shell label{display:block;font-size:12px;font-weight:750;color:var(--play-ink)}.activity-shell label>input,.activity-shell label>select,.activity-shell label>textarea{margin-top:7px}.activity-shell button{cursor:pointer}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:15px 0}.tool-card{background:var(--play-card);padding:20px;border:1px solid var(--play-line);border-radius:17px;margin:12px 0;box-shadow:0 5px 20px #6654a00f}.tool-card h3{margin:0 0 14px;font:800 20px Outfit,sans-serif;color:var(--play-ink)}.tool-card output{display:block;margin-top:16px;background:linear-gradient(110deg,#ede6ff,#ffe8f3);border-radius:11px;padding:15px;font:800 19px Outfit,sans-serif;color:#5132a5;min-height:18px}.tool-card .btn{margin-top:8px}.tool-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px}.tool-actions h3{flex:1}.tool-actions .btn,.tool-actions label.btn{margin:0;width:auto}.tool-actions label.btn{display:inline-flex}.tool-muted,.tool-card .hint,.tool-card p{font-size:12px;line-height:1.65;color:var(--play-muted)}.tool-card .tool-status{font-weight:700;color:#b23573}.tool-card canvas{width:100%;height:auto;max-height:640px;object-fit:contain;display:block;margin:14px auto;border:1px solid var(--play-line);border-radius:13px;background:#fff}.tool-preview-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:17px 0}.tool-preview-pair>div{border:1px solid var(--play-line);padding:10px;border-radius:12px;min-height:120px;background:var(--play-field)}.tool-preview-pair b{display:block;margin-bottom:8px}.tool-preview-pair img{width:100%;height:185px;object-fit:contain}.tool-preview-pair img[hidden]{display:none}.pdf-photos{display:grid;gap:8px;margin:16px 0}.pdf-photo-row{display:flex;align-items:center;gap:8px;padding:6px;background:var(--play-field);border:1px solid var(--play-line);border-radius:9px}.pdf-photo-row img{width:40px;height:40px;object-fit:cover;border-radius:6px}.pdf-photo-row span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-photo-row button,.vault-entry button,.note-top button{background:var(--play-field);color:var(--play-ink);border:1px solid var(--play-line);border-radius:7px;padding:5px 8px}.vault-warning{background:#fff0df}.vault-entry{display:grid;grid-template-columns:1fr 1fr 1fr 1fr auto auto auto;gap:7px;align-items:end;border:1px solid var(--play-line);border-radius:10px;padding:9px;margin:8px 0}.vault-entry label{min-width:0}.vault-entry input{width:100%;font-size:11px!important}.vault-entry button{height:40px}.dict-result{min-height:74px;margin:15px 0}.dict-hit{background:var(--play-field);padding:14px;border:1px solid var(--play-line);border-radius:10px;margin:7px 0}.dict-hit strong{font-size:18px}.dict-hit p{margin:4px 0}.study-note-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.study-note{background:var(--note-bg);border-radius:15px;padding:15px;display:grid;gap:8px;color:#332751}.study-note input,.study-note textarea{background:#ffffffbf;color:#332751}.note-top{display:flex;align-items:center;gap:6px}.note-top span{margin-right:auto;font-size:10px;letter-spacing:1px;font-weight:900}.study-note small{font-size:10px}.rangoli-palette{display:flex;gap:9px}.rangoli-palette button{font-size:26px;border:0;background:transparent;padding:0}.rangoli-palette button:nth-child(1){color:#ea609d}.rangoli-palette button:nth-child(2){color:#7550df}.rangoli-palette button:nth-child(3){color:#22b6aa}.rangoli-palette button:nth-child(4){color:#ffa143}[data-rangoli-canvas]{touch-action:none;cursor:crosshair}
/* Quiz progress, results and explanations */
.quiz-intro{text-align:center;background:var(--play-card);padding:26px;border:1px solid var(--play-line);border-radius:18px}.quiz-intro h3{font:800 25px Outfit,sans-serif;margin:11px}.quiz-intro p{color:var(--play-muted)}.quiz-intro ul{text-align:left;line-height:2;font-size:13px;color:var(--play-muted);max-width:470px;margin:15px auto 22px}.quiz-big-icon{font-size:49px}.quiz-topline{display:flex;justify-content:space-between;align-items:center;font-weight:850;font-size:14px}.quiz-timer{background:#e6f8f6;color:#086a6a;padding:9px 13px;border-radius:10px}.quiz-timer.is-urgent{color:#ae273c;background:#ffe2e6}.quiz-progress{height:8px;background:#e4d5f3;border-radius:12px;overflow:hidden;margin:14px 0}.quiz-progress span{display:block;height:100%;background:linear-gradient(90deg,#7154e7,#e56faa);transition:width .2s}.quiz-navigation{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0}.quiz-navigation button{border:1px solid var(--play-line);background:var(--play-card);color:var(--play-ink);width:35px;height:35px;border-radius:8px;font-weight:800}.quiz-navigation button.answered{background:#e6f8ef;border-color:#9be0be;color:#136c44}.quiz-navigation button.marked{border-color:#ffad62}.quiz-navigation button.active{background:linear-gradient(120deg,#7554e2,#d65fa9);border-color:transparent;color:#fff}.quiz-question-card{background:var(--play-card);border:1px solid var(--play-line);border-radius:17px;padding:22px}.quiz-question-card h3{font:800 20px Outfit,sans-serif;margin:8px 0 18px;line-height:1.35}.quiz-options{display:grid;gap:9px}.quiz-option{display:flex!important;align-items:center;gap:11px;padding:12px!important;border:1px solid var(--play-line);border-radius:10px;cursor:pointer;background:var(--play-field);font-size:13px!important}.quiz-option:hover,.quiz-option.picked{border-color:#926aea;background:#f1eaff}.quiz-option input{margin:0!important}.quiz-letter{flex:none;display:grid;place-items:center;border-radius:8px;background:#ede6ff;color:#664bc1;width:29px;height:29px;font-weight:900}.quiz-controls{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-top:18px}.quiz-footer-note{font-size:11px;color:var(--play-muted);text-align:right}.quiz-results{text-align:center;background:var(--play-card);padding:27px;border:1px solid var(--play-line);border-radius:19px}.quiz-results h3{font:800 26px Outfit,sans-serif}.result-ring{--result-pct:0%;width:150px;height:150px;border-radius:50%;background:conic-gradient(#7355e4 var(--result-pct),#eadff6 0);margin:14px auto;display:grid;place-items:center}.result-ring b{display:grid;place-items:center;background:var(--play-card);width:119px;height:119px;border-radius:50%;font:900 32px Outfit,sans-serif}.result-stats{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:17px 0}.result-stats span{background:#eee9ff;padding:9px 12px;border-radius:9px;color:#5136a5;font-size:12px}.quiz-review{margin-top:27px}.quiz-review h3{font:800 22px Outfit,sans-serif}.quiz-review-item{padding:17px;background:var(--play-card);border-left:4px solid #dc6e91;border-radius:10px;margin:10px 0}.quiz-review-item.is-correct{border-color:#48bfa1}.quiz-review-item>span{font-size:10px;color:var(--play-muted);font-weight:850}.quiz-review-item h4{font-size:14px;color:var(--play-ink);margin:7px 0}.quiz-review-item p{font-size:12px;margin:5px 0}.quiz-explanation{background:#e8f5ff;padding:10px;border-radius:7px;color:#2b5b7d!important}
/* Playful game boards */
.game-stage{background:var(--play-card);border:1px solid var(--play-line);border-radius:18px;padding:22px}.game-stage .quiz-intro{border:0}.game-score{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:900;letter-spacing:1px;color:var(--play-muted)}.game-score b{color:#7850cb}.math-prompt{font:900 47px Outfit,sans-serif;text-align:center;margin:30px 0}.game-answer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.game-answer-grid button,.match-grid button,.memory-card{background:#f3edff;border:1px solid #e5d5fb;border-radius:12px;padding:19px;color:#4e348c;font:800 22px Outfit,sans-serif}.game-answer-grid button:hover,.match-grid button:hover{background:#ede0ff}.game-answer-grid button.is-good,.match-grid button.is-good,.memory-card.is-good{background:#dff8e7;color:#1a6c46}.game-feedback{text-align:center;color:var(--play-muted);font-size:13px;min-height:24px}.game-result{text-align:center;padding:35px}.game-result>span{font-size:50px}.game-result h3{font:800 27px Outfit,sans-serif}.match-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:19px 0}.match-grid button{min-height:60px;padding:12px;font:750 13px 'DM Sans',sans-serif}.match-grid button.selected{background:#d9cbff;border-color:#7755ca}.match-grid button.is-wrong{background:#ffe1e7;border-color:#d55c77}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:20px auto;max-width:420px}.memory-card{aspect-ratio:1;padding:5px;font-size:29px!important}.memory-card.is-open{background:#e8e2ff}
.activity-embed{margin:24px 0}.activity-embed-area.is-focused{position:fixed;inset:0;z-index:10010;background:#fff;display:flex;flex-direction:column}.activity-embed-bar{padding:13px 18px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(110deg,#6149bd,#c85fab);color:#fff}.activity-embed-bar button{border:1px solid #fff9;border-radius:7px;background:#ffffff24;color:#fff;padding:9px 13px;font:800 13px sans-serif;cursor:pointer}.activity-embed iframe{width:100%;flex:1;border:0;background:white}.activity-focused{overflow:hidden}.studio-article-cta{padding:17px;margin:20px 0;background:linear-gradient(120deg,#efe6ff,#e5fbfb);border:1px solid #d5c6fa;border-radius:15px;display:flex;align-items:center;justify-content:space-between;gap:10px}.studio-article-cta>span{font-size:11px;font-weight:900;color:#714abb;letter-spacing:1px}
html[data-theme=dark] .activity-shell{--play-ink:#fff;--play-muted:#ddd2ed;--play-field:#292538;--play-card:#201b2d;--play-line:#564365;background:linear-gradient(140deg,#241b31,#162b30);border-color:#574968;color:#fff}html[data-theme=dark] .tool-card output{background:#342a47;color:#fff}html[data-theme=dark] .tool-card :is(.quiz-results,.quiz-option){color:#fff}html[data-theme=dark] .quiz-option.picked{background:#513977}html[data-theme=dark] .studio-article-cta{background:linear-gradient(120deg,#302443,#16403f);border-color:#5b4a72}html[data-theme=dark] .studio-article-cta>span{color:#ddc5ff}html[data-theme=dark] .vault-warning{background:#47312c}html[data-theme=dark] .result-stats span{background:#46345b;color:#fff}html[data-theme=dark] .quiz-explanation{background:#213e4a;color:#fff!important}html[data-theme=dark] .quiz-navigation button.answered{background:#294636;color:#d0ffe4}html[data-theme=dark] .quiz-timer{background:#194b4b;color:#d2ffff}
@media(max-width:720px){.activity-shell{padding:14px}.activity-heading{align-items:flex-start}.activity-orb{width:45px;height:45px;font-size:22px}.tool-grid,.study-note-grid{grid-template-columns:1fr}.vault-entry{grid-template-columns:repeat(2,minmax(0,1fr))}.vault-entry button{grid-row:auto}.match-grid{grid-template-columns:1fr}.tool-preview-pair{grid-template-columns:1fr}.quiz-controls{justify-content:center}}
@media print{body:has([data-note-list]) .admin-bar,body:has([data-note-list]) .top-strip,body:has([data-note-list]) .site-header,body:has([data-note-list]) .sidebar,body:has([data-note-list]) .site-footer,body:has([data-note-list]) .activity-heading{display:none!important}.study-note{break-inside:avoid}}
.study-tasks{display:grid;gap:5px}.study-task{display:flex!important;align-items:center;gap:7px;font-size:11px!important}.study-task input{margin:0!important}.study-task span{flex:1}.study-task:has(input:checked) span{text-decoration:line-through;opacity:.7}.study-task button,.study-add-task button{background:#fff9;border:1px solid #dacdec;border-radius:6px;padding:4px 7px;color:#523c83}.study-add-task{display:flex;gap:6px}.study-add-task input{min-width:0;flex:1}.study-add-task button{white-space:nowrap;font-weight:800}
/* Keep the test's Start button above the fold on desktop. */
.quiz-intro{padding:18px}.quiz-intro h3{margin:6px}.quiz-intro ul{line-height:1.45;margin:10px auto 15px}.quiz-big-icon{font-size:38px}