#playroom-focus.activity-alphabet{display:flex!important;flex-direction:column;align-items:center;gap:0;padding:8px max(8px,env(safe-area-inset-left)) max(8px,env(safe-area-inset-bottom));overflow:auto;background:#e8d1a9}
.activity-alphabet .play-head{flex:none;width:100%;min-height:64px;display:grid!important;grid-template-columns:60px minmax(0,1fr) auto;gap:8px;align-items:center;margin:0}.activity-alphabet .play-head>div{grid-column:2;grid-row:1}.activity-alphabet .play-head>.back-to-room{grid-column:1;grid-row:1}.activity-alphabet .play-head .play-audio{grid-column:3;grid-row:1;flex-basis:auto;gap:3px}.activity-alphabet .play-head h1{font-size:clamp(17px,2.7vw,25px);margin:0}.activity-alphabet .play-head p,.activity-alphabet #control-help{display:none!important}.activity-alphabet .play-head .play-save{font-size:10px;min-height:12px;margin:0}.activity-alphabet .play-head .painted-control{width:50px!important;min-width:44px!important;min-height:50px!important;padding:2px!important}.activity-alphabet .play-head .control-art{max-height:35px!important;max-width:36px!important}.activity-alphabet .play-head .control-label{display:none!important}.activity-alphabet #play-stage{display:flex;align-items:center;justify-content:center;flex:1 1 auto;width:100%!important;height:auto!important;min-height:180px;overflow:visible;background:transparent;border:0;padding:0}.activity-alphabet #play-tools{flex:none;display:flex;justify-content:center;gap:14px;padding:2px;margin:0;height:54px;min-height:54px}.activity-alphabet #play-feedback{display:none}.toddler-board{position:relative;flex:none;max-width:100%;overflow:hidden;border-radius:22px;box-shadow:0 4px 0 #bea579;touch-action:manipulation}.toddler-canvas{width:100%;height:100%;display:block}.toddler-targets{position:absolute;inset:0}.toddler-targets button{position:absolute;border:0!important;padding:0!important;margin:0!important;border-radius:50%;background:transparent!important;box-shadow:none!important;min-width:70px;min-height:70px;touch-action:none;cursor:pointer}.toddler-targets button:focus-visible{outline:4px solid #367d6c;outline-offset:3px}.toddler-small{width:48px;height:48px;min-width:48px;min-height:48px;background:transparent!important;border:0!important;box-shadow:none!important;padding:4px!important;color:#2a6053;cursor:pointer}.toddler-small img{width:100%;height:100%;object-fit:contain}.toddler-small span{display:grid;place-items:center;width:38px;height:38px;border:2px solid #a48752;border-radius:50%;font:700 25px Thmanyah;background:#f9edcc}.toddler-small:focus-visible,.toddler-overlay button:focus-visible{outline:4px solid #367d6c;outline-offset:2px}.toddler-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.toddler-overlay{width:min(900px,100%);align-self:stretch;overflow:auto;background:#fff0d2;padding:12px 18px;border-radius:18px;color:#29564c;direction:rtl}.toddler-overlay h2{font-size:25px;margin:6px 0 15px}.toddler-overlay p{font-size:17px;line-height:1.7;max-width:600px}.toddler-overlay-back{width:54px;height:54px;font-size:30px!important;background:#eed39c!important;border:0!important;border-radius:50%!important;float:left}.toddler-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;clear:both}.toddler-photo{min-width:0;background:#fff7df!important;border:0!important;padding:5px!important}.toddler-photo img{display:block;width:100%;aspect-ratio:832/468;object-fit:contain}.toddler-photo span{display:block;font-size:29px}.toddler-photo-large{grid-column:1/-1}.toddler-photo-large img{width:100%;max-height:500px;object-fit:contain}.toddler-load-retry{left:20%!important;top:40%!important;width:60%!important;border-radius:14px!important;background:#fff2cc!important;font:22px Thmanyah!important}
@media(max-width:600px){.activity-alphabet .play-head{grid-template-columns:46px minmax(0,1fr) 94px;gap:4px}.activity-alphabet .play-head h1{font-size:17px}.activity-alphabet .play-head .play-save{font-size:9px}.toddler-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(orientation:landscape) and (max-height:500px){#playroom-focus.activity-alphabet{padding:4px;position:absolute;display:block!important}.activity-alphabet .play-head{position:absolute;z-index:2;left:5px;top:5px;width:auto!important;display:flex!important;background:#fff1d2e8;border-radius:12px;padding:2px}.activity-alphabet .play-head>div{display:none}.activity-alphabet .play-head .play-audio{display:flex}.activity-alphabet #play-stage{height:100%!important;min-height:0;padding:0 5px}.activity-alphabet #play-tools{position:absolute;right:6px;top:6px;z-index:2;width:auto;background:#fff1d2d9;border-radius:12px;height:48px;min-height:48px;gap:3px}.toddler-board{width:min(100%,calc((100dvh - 8px)*1000/650))!important}.toddler-overlay{max-height:100%;padding-top:55px}}
@media(prefers-reduced-motion:reduce){.toddler-targets button{scroll-behavior:auto}}