/* The approved illustration is one continuous, uncropped game surface. */
:root{background:#133f50;color:#163e31}body{background:#133f50;min-height:100dvh}.app{max-width:540px;padding:10px 12px;margin:auto}header{padding:0 4px 10px}.brand{color:white;font-size:24px}.brandmark{background:#fff;color:#258858;width:34px;height:34px;font-size:28px}.brand-dot{color:#ffe054}.icon{background:#fff;color:#163e31;width:36px;height:36px}.layout{display:block;padding:0}.intro,footer{display:none}.game{position:relative;width:100%;aspect-ratio:865/1536;padding:0;border:0;border-radius:20px;background:#20afec url('game-background-2d.jpeg') center/100% 100% no-repeat;box-shadow:0 8px 32px #0003;isolation:isolate}.game-top{position:absolute;top:3%;left:4%;width:42%;padding:9px;background:#ffffffed;border-radius:14px;margin:0;gap:6px}.game-top .eyebrow{display:none}.game-top h2{font-size:14px;letter-spacing:0;margin:0}.score strong{font-size:24px}.score>span{font-size:12px}.park{position:absolute;top:12%;left:5%;width:40%;padding:6px 9px;background:#ffffffe8;border-radius:10px}.park-icons,#parkText{display:none}.park-bottom{justify-content:center;margin:0 0 4px;font-size:12px}.progress{height:5px}.arena{position:absolute;top:25%;left:0;width:100%;height:48%;margin:0;overflow:visible;background:none;touch-action:pan-y}.field-label{position:absolute;top:0;left:5%;right:5%;padding:0;font-size:12px;color:#15425a;z-index:6}.field-label>span{background:#ffffffdd;padding:5px 8px;border-radius:8px}.pause{background:#fff;border-radius:9px;height:34px;color:#164832}.center-line{display:none}.item{top:42px;width:64%;z-index:4}.item>span:first-child{font-size:clamp(46px,12vw,64px);filter:drop-shadow(0 3px 2px #fff8)}.item strong{font-size:14px;max-width:100%}.item-hint{font-size:12px}.welcome,.pause-screen{inset:15% 8% 10%;background:#ffffffed;border:2px solid #fff;border-radius:22px;justify-content:center;padding:12px;z-index:5;box-shadow:0 5px 16px #15425a20}.welcome h3{font-size:23px}.welcome p{font-size:14px}.welcome small{font-size:12px}.primary{min-width:0;max-width:100%;font-size:14px;padding:12px 16px}.feedback{bottom:15%;left:5%;right:5%;font-size:14px;z-index:7}.feedback:not(:empty){background:#ffffffed;padding:8px;border-radius:12px}.feedback.wrong{color:#7b4814;background:#fff1cf}.bins{position:absolute;inset:68% 0 5%;display:block;pointer-events:none}.bin{position:absolute;top:0;width:46%;height:100%;min-height:0;padding:0;border:0!important;border-radius:15px;background:transparent!important;box-shadow:none;color:transparent;pointer-events:auto;transition:box-shadow .2s}.green{left:2%}.yellow{right:2%}.bin>*{display:none!important}.bin:hover:not(:disabled){background:#ffffff0a!important}.bin.hit{transform:none;box-shadow:inset 0 0 0 4px #ffffffb0,0 0 22px #fff9}.bin:focus-visible{outline:3px solid white;outline-offset:-4px}.bottom-hint{position:absolute;left:4%;right:4%;bottom:1%;margin:0;color:white;text-shadow:0 1px 3px #000;font-size:12px;line-height:1.25}.pause-screen h3{font-size:22px}@media(min-width:721px){.app{max-width:min(540px,calc((100dvh - 72px)*.5632 + 24px))}}@media(max-width:360px){.welcome h3{font-size:19px}.welcome p{font-size:12px}.welcome small{display:none}.game-top h2{font-size:12px}}@media(prefers-reduced-motion:reduce){.bin{transition:none}}

/* Four-by-four atlas: one isolated illustration per waste item. */
#itemEmoji{display:block;width:clamp(82px,23vw,110px);height:auto;aspect-ratio:1;margin:0 auto 4px;background-image:url("waste-sprites.png");background-size:400% 400%;background-repeat:no-repeat;filter:drop-shadow(0 4px 3px #15425a25);font-size:0}

/* Keep the full game title readable beside the sound and help controls. */
.brand{font-size:clamp(16px,4.4vw,22px);letter-spacing:-.5px;min-width:0;line-height:1.15}.brand-name{max-width:240px}.brandmark{flex-shrink:0}.header-actions{flex-shrink:0;gap:6px}header{gap:10px}