/* Final Linzhi v28 -> v23 cascade, scoped to the existing Qishan section. */
#petal-game{position:relative;z-index:0;height:1240px;min-height:1140px;padding:100px 0 0;margin:0;overflow:hidden;color:#131a14;background:linear-gradient(to bottom,#f1e5d7 0,#f6f5dc 330px,#f6f5dc 100%);font:16px/1.45 'DM Sans',Arial,sans-serif}
#petal-game #game-root{display:contents}
#petal-game .tree-landscape{position:absolute;width:min(1050px,96vw);height:auto;aspect-ratio:1536/1024;left:50%;bottom:calc(22% + 128px);translate:-50% 0;pointer-events:none;transform-origin:50% 96.3%;animation:petal-tree-breeze 7s ease-in-out infinite}
#petal-game .tree-landscape img{display:block;width:100%;height:100%;max-width:none;object-fit:contain}
#petal-game .catch-heading{position:absolute;z-index:3;top:10%;left:5%;padding:0;text-align:left;pointer-events:none;transition:opacity .3s,transform .3s}
#petal-game .catch-heading .eyebrow{font-size:12px;letter-spacing:.035em}
#petal-game .catch-heading h2{font-size:34px;font-weight:400;line-height:1.02;letter-spacing:-.055em;margin:16px 0;background:none;text-shadow:0 2px 20px #f4ead8}
#petal-game .catch-heading h2 em{font-style:normal;color:#9473bf}
#petal-game:has(.playing) .catch-heading{opacity:0;transform:translateY(-20px)}
#petal-game .catch-game{position:absolute;top:26%;left:0;right:0;bottom:22%;z-index:4;outline-offset:-5px;overflow:visible;touch-action:pan-y;isolation:isolate}
#petal-game .catch-game.playing{touch-action:none}
#petal-game .catch-girl{position:absolute;left:50%;bottom:0;z-index:3;height:350px;width:120.80px;aspect-ratio:516/1495;max-width:none;max-height:none;will-change:transform;pointer-events:none;transform-origin:50% 95%}
#petal-game .catch-girl img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
#petal-game .game-basket-girl{opacity:0;visibility:hidden}
#petal-game .game-idle-girl{opacity:1}
#petal-game .playing .game-basket-girl{opacity:1;visibility:visible}
#petal-game .playing .game-idle-girl{opacity:0;visibility:hidden}
#petal-game .falling-petals{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:4}
#petal-game .falling-petal{position:absolute;width:32px;height:32px;object-fit:contain;will-change:transform}
#petal-game .catch-word{position:absolute;left:50%;top:58px;width:max-content;max-width:90%;translate:-50% 0;text-align:center;font-size:clamp(24px,3vw,44px);font-weight:400;line-height:1.1;letter-spacing:-.03em;color:#342446;background:#fff8df;border:2px solid #342446;border-radius:60px;padding:13px 25px;box-shadow:3px 4px 0 #342446;z-index:8;opacity:0;pointer-events:none}
#petal-game .catch-word.show{animation:petal-catch-word .9s both}
#petal-game .game-hud{position:absolute;top:0;left:7%;right:7%;display:flex;justify-content:space-between;font-size:17px;z-index:9}
#petal-game .game-hud span{background:#fff9e8;padding:10px 17px;border:1px solid #254531;border-radius:25px}
#petal-game .catch-controls{position:absolute;bottom:12%;left:5%;right:5%;z-index:6;display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}
#petal-game .pill{background:#fff;border-radius:40px;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:transform .25s cubic-bezier(.3,1.7,.5,1),box-shadow .25s;padding:13px 20px;font:16px/1.2 'DM Sans',Arial,sans-serif;white-space:nowrap;color:#131a14;border:0}
#petal-game .pill:hover{transform:scale(1.07) rotate(-2deg)}
#petal-game .pill.yellow{background:#ffd575;box-shadow:3px 4px 0 #917649;border:1px solid #917649}
#petal-game .catch-controls p{font-size:14px;text-align:center;flex-basis:100%;margin:6px 0 0}
#petal-game #game-instruction{line-height:1.65}
#petal-game #game-result{font-size:17px}
#petal-game #game-result:empty{display:none}
#petal-game [hidden]{display:none!important}
#petal-game button:focus-visible,#petal-game [tabindex]:focus-visible{outline:3px solid #9473bf;outline-offset:5px}
#petal-game .catch-game:focus-visible{outline-offset:-5px}
#petal-game.game-motion-still .tree-landscape{animation-play-state:paused}
@keyframes petal-tree-breeze{0%,100%{transform:rotate(-.4deg)}50%{transform:rotate(.4deg)}}
@keyframes petal-catch-word{0%{opacity:0;transform:translateY(9px) scale(.94)}15%,75%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-12px) scale(1)}}
@media(max-width:1000px){#petal-game .catch-heading h2{font-size:29px}}
@media(max-width:700px){
 #petal-game{height:1120px;min-height:1080px;padding-top:75px;background:linear-gradient(to bottom,#f1e5d7 0,#f6f5dc 260px,#f6f5dc 100%)}
 #petal-game .tree-landscape{width:730px;max-width:none;animation-duration:8s}
 #petal-game .catch-heading{top:7%;left:6%;max-width:280px;padding:14px 17px;background:#f6f5dc;border-radius:16px}
 #petal-game .catch-heading .eyebrow{font-size:10px}
 #petal-game .catch-heading h2{font-size:28px;margin:18px 0 0}
 #petal-game .catch-game{top:29%;bottom:27%}
 #petal-game .catch-girl{height:300px;width:103.55px}
 #petal-game .catch-word{top:54px;font-size:25px;max-width:92%;padding:10px 17px}
 #petal-game .game-hud{font-size:15px}
 #petal-game .catch-controls{bottom:16%;left:6%;right:6%}
 #petal-game .catch-controls .pill{font-size:15px;padding:12px 17px}
 #petal-game .catch-controls p{font-size:13px;max-width:285px}
 #petal-game #game-result{font-size:14px}
}
@media(prefers-reduced-motion:reduce){#petal-game .tree-landscape{animation:none}}