/* Selected Garden + Arcade. Original controls and card geometry retained. */
body{font-family:'Trebuchet MS','Arial Rounded MT Bold',system-ui,sans-serif;background:#deead4}
.bg-half{display:none}
#garden-landscape{position:fixed;inset:0;z-index:-3;background:center/cover no-repeat #deead4}
.garden-divider{position:fixed;inset:0 auto 0 50%;width:22px;transform:translateX(-50%);z-index:-2;pointer-events:none}
.garden-divider svg{width:100%;height:100%;filter:drop-shadow(1px 0 2px #45352133)}
.category-label{background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;color:#284e45;padding:8px;gap:8px;overflow:visible;min-width:130px;max-width:22vw}
.category-label .mascot{display:block;width:132px;height:140px;filter:drop-shadow(2px 4px 0 #304e3325)}
.mascot svg{display:block;width:100%;height:100%;overflow:visible}.category-symbol{font-size:84px;display:grid!important;place-items:center;background:#fff9e6;border:3px solid #365647;border-radius:38%;box-shadow:3px 4px 0 #36564740}
.cat-text{background:#fffef0;border:3px solid #2b514b;padding:8px 14px;border-radius:12px;font-size:18px;letter-spacing:.4px;box-shadow:3px 4px 0 #2b514b;rotate:-3deg;overflow-wrap:anywhere}.right .cat-text{rotate:3deg}
.face-happy,.face-thinking{display:none}.happy .face-neutral,.thinking .face-neutral{display:none}.happy .face-happy,.thinking .face-thinking{display:initial}.mascot-eyes{transform-box:fill-box;transform-origin:center;animation:garden-blink 9s infinite}.right .mascot-eyes{animation-delay:4s}
.category-label.correct{animation:garden-hop .7s ease-out}.category-label.retry{animation:garden-wiggle .5s ease-out}.reaction-stage{position:fixed;inset:0;pointer-events:none;z-index:12}.comic-burst{position:absolute;width:230px;transform:translate(-50%,-50%);animation:garden-arrive .45s ease-out}.comic-burst svg{width:100%;height:auto;overflow:visible}.comic-burst.retry-burst{width:150px}
.feedback{bottom:7vh;background:#fffdf0ef;border:2px solid #315b4933;color:#284e45;padding:12px 20px;border-radius:24px;max-width:82vw;font-size:20px;text-align:center}
.card{box-shadow:0 18px 48px #324b4038}.card img{width:85%;height:85%;object-fit:contain}
#name-button{left:calc(240px + env(safe-area-inset-left));font-family:inherit;font-size:14px;font-weight:700;min-width:110px;width:auto;padding:10px 14px;background:#fffef0;color:#28534e;border:2px solid #bad1bd;border-radius:18px}
#explain-button{top:100px!important;left:20px!important}
#motion-button{right:calc(180px + env(safe-area-inset-right));font-size:22px;width:52px;height:52px}
.garden-paused *,.garden-paused *:before,.garden-paused *:after{animation:none!important;transition:none!important}
@keyframes garden-blink{0%,89%,94%,100%{transform:scaleY(1)}90%,92%{transform:scaleY(.08)}91%,93%{transform:scaleY(1)}}
@keyframes garden-hop{0%,100%{translate:0}35%{translate:0 -14px}65%{translate:0 2px}}
@keyframes garden-wiggle{0%,100%{translate:0}30%{translate:-5px}65%{translate:4px}}
@keyframes garden-arrive{from{opacity:0;scale:.4}to{opacity:1;scale:1}}
@media(max-width:1000px){.category-label{min-width:105px}.category-label .mascot{width:105px;height:114px}.cat-text{font-size:15px;padding:8px}.comic-burst{width:185px}#name-button{left:calc(220px + env(safe-area-inset-left))}#explain-button{top:90px!important;left:20px!important}}
@media(max-width:620px){.category-label{min-width:80px;padding:2px;max-width:23vw}.category-label.left{left:5px}.category-label.right{right:5px}.category-label .mascot{width:78px;height:86px}.category-symbol{font-size:52px}.cat-text{font-size:11px;padding:7px 5px;letter-spacing:0}.card-container{width:39vw;height:49vw}.comic-burst{width:150px}.comic-burst.retry-burst{width:115px}#name-button{top:90px;left:20px;min-width:100px;height:48px}#motion-button{right:20px;top:90px;width:48px;height:48px}#explain-button{top:90px!important;left:calc(50% - 50px)!important}.feedback{font-size:16px;bottom:8vh}.replay-btn{left:90px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Scoped last: deliberately replace every legacy control rule. */
.garden-toolbar{position:fixed;z-index:110;top:max(16px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));display:flex;justify-content:center;gap:10px;pointer-events:none}
.garden-toolbar>a,.garden-toolbar>button{position:static!important;inset:auto!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;flex:0 1 94px;width:94px!important;min-width:0!important;max-width:none!important;height:68px!important;min-height:68px!important;gap:4px!important;padding:7px!important;border:2px solid #315449!important;border-radius:18px!important;background:#fffbea!important;color:#284e45!important;box-shadow:0 4px 0 #315449!important;font:700 14px/1.1 Fredoka,'Trebuchet MS',sans-serif!important;text-decoration:none;pointer-events:auto;rotate:0;transform:none!important;cursor:pointer}
.garden-toolbar svg{display:block;width:27px!important;height:27px!important;flex-shrink:0}
.garden-toolbar>a:active,.garden-toolbar>button:active{translate:0 3px;box-shadow:0 1px 0 #315449!important}
.garden-toolbar>button:disabled{opacity:.55;cursor:default}.garden-toolbar>:focus-visible{outline:4px solid #efb748;outline-offset:4px}
.category-label{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.category-label .mascot{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;width:132px;height:140px}
.category-label .cat-text{background:transparent;border:0;box-shadow:none;border-radius:0;rotate:0;padding:6px 4px;font:700 21px/1.15 Fredoka,'Trebuchet MS',sans-serif;letter-spacing:0;color:#24473e;text-shadow:2px 0 #fffbea,-2px 0 #fffbea,0 2px #fffbea,0 -2px #fffbea,2px 2px #fffbea,-2px -2px #fffbea}
#sorting-lesson .original-lesson button{border:2px solid #315449;border-radius:16px;background:#fffbea;box-shadow:0 3px 0 #315449;font-weight:700;color:#284e45}
@media(max-width:700px){.garden-toolbar{gap:6px;left:10px;right:10px;top:max(10px,env(safe-area-inset-top))}.garden-toolbar>a,.garden-toolbar>button{flex:1 1 0;width:auto!important;height:62px!important;min-height:62px!important;border-radius:14px!important;font-size:11px!important;padding:5px 2px!important}.garden-toolbar svg{width:25px!important;height:25px!important}.category-label .mascot{width:78px;height:86px}.category-label .cat-text{font-size:13px}}
@media(max-width:359px){.garden-toolbar{display:grid;grid-template-columns:repeat(3,1fr)}.garden-toolbar>a,.garden-toolbar>button{width:100%!important;height:54px!important;min-height:54px!important}}
@media(max-height:480px) and (min-width:600px){.garden-toolbar>a,.garden-toolbar>button{height:50px!important;min-height:50px!important;flex-direction:row;font-size:12px!important}.garden-toolbar svg{width:23px!important;height:23px!important}.category-label .mascot{width:75px;height:80px}.category-label .cat-text{font-size:14px}}