/* A true mobile game field — no legacy .catch-* selectors, no competing CSS image animations. */
#gameArea.c22-playing{background:#b9e9db!important;overflow:hidden!important;touch-action:none!important}
.c22-world{position:absolute;inset:0;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,#6ed3e9 0%,#b9ece2 47%,#f7f4c9 100%);touch-action:none;user-select:none;-webkit-user-select:none}
.c22-world *{box-sizing:border-box}
.c22-stage,.c22-drops,.c22-fx{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.c22-stage{z-index:0}.c22-glow{position:absolute;inset:-20%;background:radial-gradient(circle at 75% 16%,rgba(255,255,212,.76),transparent 25%),radial-gradient(circle at 20% 65%,rgba(255,255,255,.28),transparent 22%);animation:c22-sun 7s ease-in-out infinite alternate}
.c22-branch{position:absolute;bottom:-5px;width:clamp(100px,25vw,180px);height:min(55%,410px);object-fit:contain;object-position:bottom;opacity:.88;filter:drop-shadow(0 10px 12px #3c734c44);animation:c22-sway 5.5s ease-in-out infinite alternate;transform-origin:bottom center}
.c22-branch-l{left:-55px}.c22-branch-r{right:-55px;transform:scaleX(-1);animation-name:c22-sway-r}
.c22-hill{position:absolute;left:-10%;right:-10%;bottom:0;pointer-events:none}
.c22-hill-far{height:38%;background:linear-gradient(#83bd9c,#5b9a70);opacity:.38;clip-path:polygon(0 100%,0 60%,13% 27%,27% 67%,45% 17%,67% 65%,83% 20%,100% 64%,100% 100%);animation:c22-sun 12s ease-in-out infinite alternate}
.c22-hill-near{height:24%;background:linear-gradient(#9fcb9c,#6caa82);opacity:.36;clip-path:polygon(0 100%,0 50%,18% 68%,33% 22%,49% 65%,69% 29%,83% 67%,100% 45%,100% 100%)}
.c22-bamboo-floor{position:absolute;bottom:0;left:0;right:0;height:10%;background:linear-gradient(0deg,rgba(39,130,74,.3),transparent);opacity:.75}
.c22-hud{position:absolute;z-index:10;top:12px;left:12px;right:12px;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-start;color:#fff}
.c22-hud span{background:rgba(12,51,45,.85);backdrop-filter:blur(7px);padding:9px 10px;border-radius:999px;border:1px solid #ffffff37;box-shadow:0 5px 14px #102a2330;font-size:clamp(10px,2.7vw,13px);font-weight:800;white-space:nowrap}
.c22-hud span b{font-variant-numeric:tabular-nums}.c22-hud.c22-danger span:nth-child(3){background:#972f3c}
.c22-progress{position:absolute;z-index:9;top:59px;left:12px;right:12px;height:6px;border-radius:9px;background:#ffffff7a;overflow:hidden}.c22-progress i{display:block;width:100%;height:100%;border-radius:9px;background:linear-gradient(90deg,#fad360,#f3ac46,#e78355);transition:width .19s linear}
.c22-drops{z-index:5}.c22-drop{position:absolute;top:0;left:0;width:64px;height:78px;display:grid;place-items:center;padding:0;border:0;background:transparent;pointer-events:auto;touch-action:none;cursor:pointer;will-change:transform;filter:drop-shadow(0 7px 5px #315b4438)}
.c22-drop img{width:100%;height:100%;object-fit:contain;pointer-events:none}.c22-drop:active img{filter:brightness(1.18);transform:scale(.92)}.c22-drop:focus-visible{outline:3px solid #1a6552;border-radius:14px}.c22-drop.c22-gold img{filter:drop-shadow(0 0 9px #fbd562)}
.c22-drop.c22-time img{filter:drop-shadow(0 0 8px #77d9ff)}
.c22-actor{position:absolute;z-index:7;left:50%;bottom:17px;width:clamp(102px,29vw,155px);height:clamp(132px,34vw,174px);object-fit:contain;object-position:bottom;pointer-events:none;will-change:left,transform;filter:drop-shadow(0 12px 9px #21412e4c)}
.c22-actor.c22-react{filter:drop-shadow(0 0 17px #fff5acaa) drop-shadow(0 8px 8px #2d523b38)}
.c22-actor-shadow{position:absolute;z-index:6;bottom:12px;left:50%;width:96px;height:16px;border-radius:50%;background:#1e4f4760;filter:blur(8px);transform:translateX(-50%);opacity:.42;animation:c22-shadow 1.4s ease-in-out infinite alternate}
.c22-fx{z-index:12}.c22-score-pop{position:absolute;transform:translate(-50%,-50%);color:#155442;font-size:22px;font-weight:1000;text-shadow:0 2px #fffc;white-space:nowrap;animation:c22-score .77s ease-out forwards}.c22-score-pop.negative{color:#ca394d}.c22-score-pop.mega{font-size:28px;color:#d19a17}
.c22-particle{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--c,#fff);box-shadow:0 0 9px var(--c);animation:c22-particle .65s ease-out forwards}
.c22-help{position:absolute;z-index:11;bottom:clamp(175px,28%,265px);left:50%;transform:translateX(-50%);padding:10px 14px;border-radius:18px;max-width:calc(100% - 32px);width:max-content;text-align:center;font-size:clamp(10px,2.7vw,12px);line-height:1.25;color:#194536;background:rgba(255,255,255,.87);box-shadow:0 6px 16px #214f4540;pointer-events:none;font-weight:850;transition:opacity .3s}.c22-help.c22-gone{opacity:0}
.c22-shake{animation:c22-shake .33s linear}
@keyframes c22-sun{to{opacity:.76;transform:translateX(2%)}}
@keyframes c22-sway{to{transform:rotate(2.6deg) translateX(4px)}}
@keyframes c22-sway-r{from{transform:scaleX(-1)}to{transform:scaleX(-1) rotate(2.6deg) translateX(4px)}}
@keyframes c22-shadow{to{transform:translateX(-50%) scale(.86);opacity:.27}}
@keyframes c22-score{to{opacity:0;transform:translate(-50%,-130%) scale(1.15)}}
@keyframes c22-particle{to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.25)}}
@keyframes c22-shake{25%{transform:translateX(-4px)}65%{transform:translateX(4px)}}
@media(max-width:365px){.c22-hud{gap:4px}.c22-hud span{padding:7px 8px}.c22-progress{top:54px}.c22-branch-l{left:-70px}.c22-branch-r{right:-70px}}
@media(prefers-reduced-motion:reduce){.c22-glow,.c22-branch,.c22-hill-far,.c22-actor-shadow,.c22-shake{animation:none!important}.c22-score-pop,.c22-particle{animation-duration:.01s!important}}

/* Reused hand-painted world art, never a generated placeholder */
.c22-stage::before{content:"";position:absolute;top:0;left:0;right:0;height:76%;background:url("./assets/panda122/platform_world01.webp") center 24%/cover no-repeat;opacity:.52;mask-image:linear-gradient(#000 0%,#000b 35%,transparent 94%);animation:c22-sun 13s ease-in-out infinite alternate}
.c22-shrub{position:absolute;z-index:2;bottom:23px;width:clamp(105px,34vw,172px);height:auto;object-fit:contain;filter:drop-shadow(0 8px 10px #173e2638);animation:c22-shrub-sway 4.7s ease-in-out infinite alternate;transform-origin:bottom center}
.c22-shrub-l{left:-43px}.c22-shrub-r{right:-43px;transform:scaleX(-1);animation-name:c22-shrub-sway-r}
.c22-ground{position:absolute;bottom:0;left:0;right:0;height:60px;z-index:1;background:url('./assets/panda117/world/ground_bamboo_a.png') center bottom/220px 90px repeat-x;opacity:.68;mask-image:linear-gradient(transparent,#000 60%)}
@keyframes c22-shrub-sway{to{transform:rotate(1.9deg)}}@keyframes c22-shrub-sway-r{from{transform:scaleX(-1)}to{transform:scaleX(-1) rotate(1.9deg)}}
@media(prefers-reduced-motion:reduce){.c22-stage::before,.c22-shrub{animation:none!important}}