/* Scottie's playful preschool modes, tuned for iPad. */
body.scottie-mode .app{background:radial-gradient(ellipse at 8% 8%,#ffe5f3 0%,transparent 43%),radial-gradient(ellipse at 93% 90%,#f7e0f0 0%,transparent 47%),#fff6fc}
body.scottie-mode .bar .logo{background:#d95694}
.sc-page{max-width:800px;margin:auto;padding:9px 0 28px;color:#66334f}
.sc-head{text-align:center;margin:0 auto 19px;padding:15px 12px;background:linear-gradient(145deg,#ffe6f4,#fff4fa);border:2px solid #f7c9e3;border-radius:25px}
.sc-overline{font-size:12px;font-weight:900;letter-spacing:1.7px;color:#a13872}
.sc-head h2{font-size:clamp(28px,6vw,42px);letter-spacing:-.7px;margin:9px 0 5px;color:#9e2866}
.sc-head p{font-size:17px;margin:6px auto 11px;color:#824663}
.sc-progress{display:inline-block;border-radius:999px;background:#fff;color:#a23b71;border:1px solid #f0bbd7;padding:7px 14px;font-weight:820;font-size:14px}
.sc-prompt{background:#fff;border-radius:25px;border:2px solid #f0c5df;padding:20px 18px 23px;text-align:center;box-shadow:0 8px 30px #e38dbb17}
.sc-topic{display:inline-block;background:#fff0f8;border-radius:30px;padding:6px 13px;font-size:13px;color:#9c3873;font-weight:800}
.sc-prompt h3{font-size:clamp(23px,5.5vw,32px);color:#65314c;line-height:1.25;margin:16px auto 23px}
.sc-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.sc-options.sc-choices-2,.sc-options.sc-choices-4{grid-template-columns:repeat(2,minmax(0,1fr))}
.sc-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:152px;padding:13px 8px 10px;background:#fff8fc;border:3px solid #eec9e2;border-radius:22px;box-shadow:0 5px 15px #ba619316;color:#662e50;cursor:pointer;touch-action:manipulation;font-family:inherit}
.sc-option:focus-visible{outline:4px solid #a94081;outline-offset:3px}
.sc-option:active{transform:scale(.97)}
.sc-pic{font-size:clamp(50px,8vw,74px);line-height:1.1;display:grid;place-items:center;min-height:80px;max-width:100%;overflow-wrap:anywhere;font-weight:900}
.sc-label{font-size:14px;font-weight:850;line-height:1.2;overflow-wrap:anywhere}
.sc-square{display:inline-block;width:65px;height:65px;border-radius:11px;border:2px solid #ffffff;box-shadow:0 0 0 2px #b0a5b0}
.sc-correct{background:#e6fbe9!important;border-color:#51b96f!important}
.sc-faded{opacity:.58}
.sc-help{margin:23px auto 8px;font-size:15px;color:#79536b}
.sc-well-done{margin:21px auto 5px;padding:15px;border-radius:17px;border:2px solid #a8d8b0;background:#edfbed;color:#20572b;text-align:center}
.sc-well-done strong{font-size:21px;color:#28673d}
.sc-well-done p{font-size:16px;color:#395846}
.sc-next,.sc-repeat{font-size:18px!important;min-height:56px;padding:14px 24px!important;margin:16px auto 0;display:block;touch-action:manipulation}
.sc-water-warning{font-size:13px;line-height:1.5;text-align:center;color:#76526a;margin:16px 0}
@media(max-width:570px){.sc-options{gap:8px}.sc-option{min-height:120px;padding:8px 3px;border-width:2px;border-radius:16px}.sc-pic{min-height:70px;font-size:42px}.sc-label{font-size:12px}.sc-prompt{padding:16px 9px}.sc-square{width:47px;height:47px}.sc-head{padding:12px 8px}}