/* Arthur's toy-box skin: painted rims, raised keys and illustrated controls. */
header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px}.brand{min-width:0}.brand img{max-width:100%;height:auto}.case-switch{display:flex;gap:6px;align-items:center}.case-switch button{min-width:48px;min-height:46px;padding:6px;border:3px solid #fffdf1;border-radius:15px 18px 14px 17px;background:linear-gradient(#f9f3ff,#e4d8f3);box-shadow:0 3px 0 #baa4d3;color:#6a5189;font:500 18px 'Fredoka'}.case-switch button[aria-pressed=true]{background:linear-gradient(#ecffc7,#cfe89a);border-color:#f9ffe2;box-shadow:0 0 0 1px #8dae57,0 3px 0 #8dae57;color:#436934}.case-switch button:active{translate:0 2px;box-shadow:0 1px 0 #8dae57}
@media(max-width:700px){header{gap:8px}.brand img{width:190px;height:auto;min-width:0}.case-switch button{min-width:44px;min-height:44px;font-size:16px;padding:5px}.case-switch{gap:5px}}
:root{--ink:#294f4d;--paper:#f9f4df;--rim:#d4dfb2}
body{background:radial-gradient(ellipse at 0 0,#d7efeb,transparent 55%),radial-gradient(ellipse at 100% 25%,#ffe6b0,transparent 46%),#faf5e4}
button{touch-action:manipulation}button:focus-visible{outline:4px solid #7264be;outline-offset:5px}
.mode-tabs{gap:12px;margin-bottom:18px;padding:3px 0 6px}
.mode-tabs button{--edge:#bcad78;--face:#fff0bf;position:relative;display:flex;align-items:center;justify-content:center;gap:8px;border:3px solid #fff8e5;border-radius:20px 24px 17px 23px;background:linear-gradient(#fff9dc,var(--face));color:#6c592f;box-shadow:0 0 0 2px var(--edge),0 6px 0 var(--edge),inset 0 2px 0 #fff;font:500 17px 'Fredoka';transition:translate .1s,box-shadow .1s}
.mode-tabs button:nth-child(2){--edge:#c78e76;--face:#ffe1c9;color:#88503c;border-radius:25px 18px 23px 17px}
.mode-tabs button:nth-child(3){--edge:#77a794;--face:#d9f2d7;color:#386e51}
.mode-tabs button[aria-pressed=true]{--edge:#548655;--face:#bfe68c;background:linear-gradient(#e3f6b2,var(--face));border-color:#f8ffe6;color:#315c36;box-shadow:0 0 0 3px var(--edge),0 6px 0 var(--edge),inset 0 3px 0 #ffffc9}
.mode-tabs button:active{translate:0 5px;box-shadow:0 0 0 2px var(--edge),0 1px 0 var(--edge)}
.mode-art{width:33px;height:33px;object-fit:contain;flex-shrink:0;pointer-events:none}
.garden,#activity,#minute-panel,#world-panel{border:3px solid #fffdf0;border-radius:30px 24px 33px 25px;box-shadow:0 0 0 2px #bdd1a0,0 7px 0 #c2d39e,inset 0 2px 0 #fff;background-color:#e9f2d7}
.garden{background:radial-gradient(ellipse at 45% 0%,#f6fbe5,transparent 75%),linear-gradient(#e5f2d2,#dbeabf)}
.word-line{border:0;border-radius:19px 16px 22px 17px;background:#fffdf3;box-shadow:inset 0 3px 0 #d5dfbb,inset 0 0 0 2px #c4d3a6,0 2px 0 #f7ffe9}
.word-complete .word-line{background:#f1ffdf;box-shadow:inset 0 0 0 3px #86b75c,0 2px 0 #fff}
.word-line.over{box-shadow:inset 0 0 0 3px #dfaa3f;background:#fff6cc}
.word-actions button{--edge:#bea1cd;--face:#efe2f8;border:3px solid #fff9fe;border-radius:18px 22px 17px 21px;background:linear-gradient(#fcf5ff,var(--face));box-shadow:0 0 0 1px var(--edge),0 5px 0 var(--edge);color:#674b82;font:500 14px 'Fredoka';transition:translate .08s,box-shadow .08s;min-height:66px}
.word-actions #hear:not(:disabled){--edge:#7fb6c7;--face:#d4f0f7;background:linear-gradient(#f0fcff,var(--face));border-color:#f3fdff;color:#2d718b}
.word-actions #clear:not(:disabled){--edge:#9cb260;--face:#e2efb0;background:linear-gradient(#f8ffd7,var(--face));border-color:#fbffe9;color:#55752d}
.word-actions button:active:not(:disabled){translate:0 4px;transform:none;box-shadow:0 0 0 1px var(--edge),0 1px 0 var(--edge)}
.word-actions button b{width:31px;height:31px;font-size:0!important;background:url('icons/back.svg') center/contain no-repeat}
.word-actions #hear b{background-image:url('icons/listen.svg')}.word-actions #clear b{background-image:url('icons/grow.svg')}
.needs-back #undo{--edge:#d89959;--face:#ffe3ac;background:linear-gradient(#fff7d9,var(--face));border-color:#fff9e5;color:#935b2f}
.letter,.initial{border:2px solid #fff9e8;border-radius:15px 12px 16px 13px;background:linear-gradient(#ffe7a0,#f9d276);box-shadow:0 4px 0 #caa550,inset 0 2px 0 #fff8d9;--letter-ink:#765122}
.letter:nth-child(4n+2){background:linear-gradient(#dfd5ff,#cfc0f0);border-color:#f7f0ff;box-shadow:0 4px 0 #ab95cf,inset 0 2px 0 #f9f4ff;--letter-ink:#5d488e;border-radius:12px 17px 13px 16px}
.letter:nth-child(4n+3){background:linear-gradient(#ffd3b8,#f9bba0);border-color:#fff4eb;box-shadow:0 4px 0 #d68f75,inset 0 2px 0 #ffe9dd;--letter-ink:#94563c}
.letter:nth-child(4n){background:linear-gradient(#bdece1,#9edbd0);border-color:#effff7;box-shadow:0 4px 0 #72b4a6,inset 0 2px 0 #defff1;--letter-ink:#286d62}
.letter.glow,.initial[aria-pressed=true]{background:linear-gradient(#e9ffa9,#c6ed82);border:2px solid #f8ffd8;box-shadow:0 4px 0 #82b451,0 0 0 2px #88b956,inset 0 2px 0 #fffde0;--letter-ink:#3b6a27}
.letter.dim{opacity:.78}.letter:active{transform:translateY(3px);box-shadow:0 1px 0 #9aaf79}.initial{background:linear-gradient(#fff9e1,#efe9c9);color:#56735a;box-shadow:0 4px 0 #c2c9a5}
.placed{background:linear-gradient(#fff5cc,#ffe59c);border-radius:12px 15px 11px 14px;box-shadow:0 4px 0 #c7b372;--letter-ink:#5c6836}
.play-button,.quiet-button,.choices-heading button,#choose-again,#help-word{--edge:#9cb075;border:3px solid #fbffea;background:linear-gradient(#f2ffd1,#dcebb9);box-shadow:0 4px 0 var(--edge);color:#42633e;border-radius:17px 21px 16px 20px;font-family:'Fredoka';font-weight:500;transition:translate .1s}
.play-button:active,.quiet-button:active,.choices-heading button:active,#choose-again:active,#help-word:active{translate:0 3px;box-shadow:0 1px 0 var(--edge)}
.quiet-button{--edge:#c7caaa;background:linear-gradient(#fffef4,#f0efd9);border-color:#fffff6;color:#697650}
.game-card,.word-option,.picture-choice{position:relative;border:3px solid #fffef3;border-radius:26px 19px 25px 20px;background:linear-gradient(150deg,#fffdf0,#f4efd2);box-shadow:0 0 0 1px #c8cda6,0 7px 0 #c8cda6,inset 0 2px 0 #fff;padding-bottom:18px;overflow:hidden}
.game-card .game-icon{align-self:center;display:grid;place-items:center;background:#fff8;border-radius:44% 56% 49% 51%;width:83px;height:80px;box-shadow:inset 0 2px 0 #fff9}
.game-card[data-game=letters] .game-icon{display:flex;align-items:center;justify-content:center;font-size:39px;white-space:nowrap;letter-spacing:-1px}
.game-card[data-game=minute]{background:linear-gradient(145deg,#ffeeb6,#ffdc83);box-shadow:0 0 0 1px #d5af58,0 7px 0 #d5af58;color:#826232}
.game-card[data-game=adventures],.game-card[data-game=mygarden]{background:linear-gradient(145deg,#dbf3c0,#bfe5a2);box-shadow:0 0 0 1px #99bd77,0 7px 0 #99bd77}
.game-card[data-game=letters],.game-card[data-game=blend]{background:linear-gradient(145deg,#eee1ff,#d9c7f3);box-shadow:0 0 0 1px #b3a0d0,0 7px 0 #b3a0d0;color:#665081}
.game-card[data-game=picture],.game-card[data-game=surprise]{background:linear-gradient(145deg,#d7f1ef,#b6e0de);box-shadow:0 0 0 1px #8cbdbb,0 7px 0 #8cbdbb}
.game-card[data-game=wordchange],.game-card[data-game=soundstart]{background:linear-gradient(145deg,#ffe4cc,#f5c7af);box-shadow:0 0 0 1px #d7aa8b,0 7px 0 #d7aa8b}
.game-card:active,.word-option:active,.picture-choice:active{transform:none;translate:0 5px}
.word-chip{border:3px solid #fffdf2;border-radius:19px 23px 18px 22px;background:linear-gradient(#fffef5,#f5efcf);box-shadow:0 4px 0 #cec99f}
.word-chip:active{translate:0 3px}.collection{border-top:3px dotted #ccd6b4}.collection h2 span{background:#f7d582;color:#765720;border:2px solid #fff8d6;font:500 14px 'Fredoka';width:29px;height:29px}
.parent-settings summary{border:3px solid #fffdf0;box-shadow:0 0 0 1px #b9c8a5,0 4px 0 #b9c8a5;background:#eef2d7}
.parent-settings .tools,.replay{border:3px solid #fffdf1;box-shadow:0 0 0 2px #b9caa3,0 7px 0 #b9caa3;background:#f9f7e6;border-radius:25px 20px 27px 22px}
.reward-toast{border:3px solid #fff8d5;background:#ffed9c;box-shadow:0 0 0 2px #d3b255,0 5px 0 #d3b255;color:#775e25;border-radius:21px 17px 23px 18px}
.minute-best{font:500 16px 'Fredoka';text-align:center;color:#7b7041;margin:8px 0 12px}
.minute-building .minute-best{font-size:14px;margin:4px 0 8px}
.minute-record{padding:14px 18px;background:linear-gradient(135deg,#ffef9f,#ffd365);border:3px solid #fffbdb;box-shadow:0 4px 0 #d4ad43;border-radius:20px 25px 17px 23px;text-align:center;color:#805921;font:500 23px 'Fredoka';margin:15px auto;max-width:380px}
.record-trophy{filter:drop-shadow(0 5px 0 #e4c975);animation:trophy-arrives .55s cubic-bezier(.2,.7,.3,1.2) both}.record-toast{background:#ffe680}
.minute-clock{background:#fffcde;border:2px solid #f0e2a3;border-radius:14px;padding:3px 8px}.minute-meter{background:#cadfa6;height:9px;box-shadow:inset 0 2px 0 #afc789}.minute-meter span{background:linear-gradient(90deg,#83bf5b,#bada66)}
@keyframes trophy-arrives{from{opacity:0;transform:scale(.4) rotate(-15deg)}to{opacity:1;transform:scale(1) rotate(0)}}
@media(max-width:700px){.mode-tabs{gap:10px;margin-bottom:15px}.mode-tabs button{font-size:14px;gap:4px;padding:7px 4px;border-radius:17px 20px 15px 18px;min-height:51px}.mode-art{width:27px;height:27px}.word-actions button{min-height:61px;font-size:12px;padding:6px 11px}.word-actions button b{width:28px;height:28px}.garden,#activity,#minute-panel,#world-panel{border-radius:25px 21px 28px 22px}.game-card{padding:12px 7px 15px}.game-card .game-icon{width:72px;height:70px}.minute-record{font-size:21px}.minute-building .word-actions button{min-height:53px}.minute-clock{font-size:29px;min-width:82px;padding:2px 6px}.minute-scoreboard{gap:8px}.minute-building #minute-panel{padding:10px}}
@media(max-width:359px){.mode-tabs button{font-size:12px;gap:2px}.mode-art{width:24px;height:24px}.minute-clock{font-size:26px;min-width:75px}.minute-count{font-size:22px}#minute-pause{padding:8px;font-size:15px}}
@media(max-width:700px){.minute-building #minute-panel .activity-bar h2{font-size:17px}.minute-building #minute-panel .activity-bar .quiet-button{min-height:44px;padding:7px;font-size:13px;white-space:nowrap}.minute-building .minute-best{margin:3px 0 5px}.minute-building .minute-scoreboard{margin:5px 0 7px}.minute-building .minute-latest{font-size:13px;min-height:17px;margin-top:5px}.minute-building .garden-copy .picture{height:40px}.minute-building .word-actions button{min-height:50px;padding:4px 8px;gap:1px;font-size:11px}.minute-building .word-actions button b{width:23px;height:23px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Sprout and the picture art move inside steady, easy-to-tap controls. */
.picture .sprout-mascot{position:static;width:112px;height:112px;object-fit:contain;max-width:100%}
.picture.letter-cheer .sprout-mascot{animation:sprout-cheer .55s ease-out}
.music-player{margin:21px 0 0;padding:10px 16px 13px;background:linear-gradient(145deg,#edf4dd,#dbe9cf);border:3px solid #fffdef;border-radius:25px 20px 26px 23px;box-shadow:0 0 0 1px #b4caa3,0 5px 0 #b4caa3;max-width:460px;margin-left:auto;margin-right:auto}
.music-now{display:flex;align-items:center;gap:9px;position:relative}.music-mascot{width:70px;height:70px;object-fit:contain;flex-shrink:0}.music-now h2{font-size:18px;color:#426847}.music-now p{font:500 15px 'Fredoka';margin:4px 0 1px;color:#687a52}.music-now #music-status{font-size:11px;color:#7b8765}.music-notes{margin-left:auto;color:#84945e;font:500 24px 'Fredoka';opacity:.25;white-space:nowrap}.music-playing .music-notes{opacity:.8;animation:music-notes 4s ease-in-out infinite}
.music-controls{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:5px}.music-controls button{height:44px;min-width:44px;padding:6px 9px;border:2px solid #fffdf2;border-radius:14px 17px 13px 16px;background:linear-gradient(#fff9df,#eee6bd);box-shadow:0 3px 0 #bcbd8d;color:#5e713e;font:500 17px 'Fredoka';line-height:1}.music-controls #music-play{background:linear-gradient(#e5fac0,#c7e3a2);box-shadow:0 3px 0 #91b570;color:#426839}.music-controls #music-off{font-size:13px;display:flex;align-items:center;justify-content:center;gap:4px;min-width:61px}.music-controls #music-off[aria-pressed=true]{background:#d9e3c9;box-shadow:inset 0 2px 0 #bccbae;color:#727e60}.music-controls button:active:not(:disabled){translate:0 2px;box-shadow:0 1px 0 #a5bb83}.music-controls button:disabled{opacity:.42;cursor:default}
.game-icon,.word-chip-picture,.mode-art,.option-picture{animation:picture-drift 6s ease-in-out infinite}.game-card:nth-child(3n+2) .game-icon,.word-chip:nth-child(3n+2) .word-chip-picture,.word-option:nth-child(3n+2) .option-picture{animation-delay:-2s;animation-duration:7s}.game-card:nth-child(3n) .game-icon,.word-chip:nth-child(3n) .word-chip-picture,.word-option:nth-child(3n) .option-picture{animation-delay:-4s;animation-duration:8s}.mode-tabs button:nth-child(2) .mode-art{animation-delay:-2s}.mode-tabs button:nth-child(3) .mode-art{animation-delay:-4s}
.sprout-celebrating .music-mascot{animation:sprout-cheer .7s ease-out}.music-playing .music-mascot{animation:sprout-dance 6s ease-in-out infinite}.sprout-celebrating.music-playing .music-mascot{animation:sprout-cheer .7s ease-out}
@keyframes picture-drift{0%,100%{translate:0 0;rotate:-2deg}50%{translate:0 -4px;rotate:2deg}}@keyframes music-notes{0%,100%{translate:0 2px;rotate:-4deg}50%{translate:0 -4px;rotate:5deg}}@keyframes sprout-cheer{0%,100%{transform:translateY(0) rotate(0)}30%{transform:translateY(-9px) rotate(-7deg)}65%{transform:translateY(-3px) rotate(6deg)}}@keyframes sprout-dance{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}
@media(max-width:700px){.music-player{padding:8px 12px 12px;margin-top:18px}.music-controls{gap:7px}.music-mascot{width:60px;height:60px}.music-now h2{font-size:17px}.music-now p{font-size:14px}.minute-building .picture .sprout-mascot{height:40px;width:40px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.music-controls button{display:grid;place-items:center}.music-controls svg{width:20px;height:20px;fill:currentColor;pointer-events:none}

.parent-settings .tools a{color:inherit;font-size:12px;padding:8px;display:block}