:root{font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#27343a;background:#d9f0f7;user-select:none;-webkit-user-select:none;touch-action:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{display:grid;place-items:center;background:radial-gradient(circle at 50% 10%,rgba(255,255,255,.95),transparent 32rem),#d7eef5}button{font:inherit;-webkit-tap-highlight-color:transparent}.game-shell{position:relative;height:100dvh;max-height:1000px;width:min(100vw,500px);overflow:hidden;background:#acd9e9;box-shadow:0 0 40px #2c515e2e}#game{display:block;width:100%;height:100%;touch-action:none;cursor:pointer}#game:active{cursor:pointer}.corner{position:absolute;z-index:5;top:0;width:72px;height:72px;padding:9px 17px 19px 9px;border:0;background:#fffffff5;color:#d34d57;cursor:pointer}.corner svg{width:35px;height:35px;fill:currentColor}.corner-left{left:0;border-radius:0 0 100%}.corner-right{right:0;padding:9px 9px 19px 17px;border-radius:0 0 0 100%;color:#3a9270}.corner:active{transform:scale(.96)}.tutorial{position:absolute;z-index:20;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:30px;color:#fff;text-align:center;background:#1c2f38b8;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);transition:opacity .25s ease,visibility .25s ease}.tutorial.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.tutorial strong{margin-top:8px;font-size:clamp(28px,8vw,40px);letter-spacing:2px}.tutorial span{font-size:clamp(16px,4.8vw,22px);font-weight:700}.tutorial small{margin-top:2px;font-size:14px;opacity:.82}.tutorial button{margin-top:22px;min-width:150px;padding:13px 28px;border:0;border-radius:999px;color:#2f5f51;background:#fff;box-shadow:0 5px #00000029;font-size:18px;font-weight:800;cursor:pointer}.tutorial-art{position:relative;width:130px;height:205px}.gesture-line{position:absolute;left:62px;top:0;width:7px;height:112px;border-radius:99px;background:repeating-linear-gradient(to top,white 0 13px,transparent 13px 23px);animation:linePulse 1.35s ease-in-out infinite}.gesture-line:before{content:"";position:absolute;top:-3px;left:-9px;width:20px;height:20px;border-left:7px solid white;border-top:7px solid white;transform:rotate(45deg)}.gesture-hand{position:absolute;left:0;bottom:0;width:122px;height:142px;animation:handMove 1.35s ease-in-out infinite}.gesture-hand svg{filter:drop-shadow(0 4px 0 rgba(0,0,0,.16))}.gesture-hand path{fill:#fff;stroke:#4764aa;stroke-width:7;stroke-linejoin:round}.result{position:absolute;z-index:15;top:0;right:0;bottom:0;left:0;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;pointer-events:none;background:transparent;animation:resultIn .18s ease-out}.result:not([hidden]){display:flex}.celebration-burst{position:absolute;z-index:1;top:51%;left:50%;width:170px;height:170px;transform:translate(-50%,-50%);overflow:visible;animation:burstIn .52s .08s cubic-bezier(.2,1.4,.4,1) both}.celebration-burst path{fill:none;stroke-linecap:round}.celebration-burst .ray-outline path{stroke:#fff;stroke-width:15}.celebration-burst .ray-core path{stroke:#4b65ad;stroke-width:7}.thumb{position:absolute;z-index:2;top:44%;left:50%;width:124px;height:124px;transform:translate(-50%);animation:thumbPop .62s cubic-bezier(.16,1.65,.32,1) both}.thumb svg{overflow:visible;filter:drop-shadow(0 5px 0 rgba(255,255,255,.98))}.thumb path{fill:#fff;stroke:#4b65ad;stroke-width:8;stroke-linejoin:round}.result-actions{position:absolute;z-index:4;top:-5px;left:50%;display:flex;gap:16px;transform:translate(-50%);animation:actionsDrop .45s cubic-bezier(.2,1.2,.4,1) both;pointer-events:auto}.result-actions button{display:grid;place-items:center;width:82px;height:105px;border:0;padding:20px 0 9px;border-radius:0 0 30px 30px;color:#d48b16;background:#fff;box-shadow:0 6px #30525f1f;font-size:45px;font-weight:900;cursor:pointer}.result-actions button:active{transform:translateY(4px);box-shadow:0 2px #30525f1f}.result-actions span{display:none}.cheer-friend{position:absolute;z-index:3;right:28px;bottom:7%;width:160px;height:110px;animation:friendSlide .55s .65s cubic-bezier(.2,1.35,.4,1) both}.cheer-friend svg{overflow:visible}.friend-leg-frame,.friend-head,.friend-hand{fill:#fffefb;stroke:#151719;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.friend-leg-closed{animation:friendClosedFrame .4s steps(1,end) infinite}.friend-closed-detail{fill:none;stroke:#151719;stroke-width:4;stroke-linecap:round;animation:friendClosedFrame .4s steps(1,end) infinite}.friend-leg-kick{animation:friendKickFrame .4s steps(1,end) infinite}.friend-eye{fill:#111}.friend-smile{fill:none;stroke:#151719;stroke-width:3.5;stroke-linecap:round}.blush{fill:#f59aaa}.good-sign rect{fill:#f6d9a4;stroke:#151719;stroke-width:4}.good-sign text{fill:#151719;font-size:25px;font-weight:700;text-anchor:middle;font-family:Comic Sans MS,KaiTi,cursive}.toast{position:absolute;z-index:30;left:50%;bottom:7%;min-width:150px;padding:10px 16px;border-radius:999px;color:#fff;background:#27343ad1;text-align:center;font-weight:700;opacity:0;transform:translate(-50%,12px);pointer-events:none;transition:.2s ease}.toast.show{opacity:1;transform:translate(-50%)}@keyframes handMove{0%,to{transform:translateY(25px)}50%{transform:translateY(-25px)}}@keyframes linePulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes resultIn{0%{opacity:0}}@keyframes thumbPop{0%{transform:translate(-50%) scale(.15) rotate(-15deg);opacity:0}65%{transform:translate(-50%) scale(1.12) rotate(3deg);opacity:1}to{transform:translate(-50%) scale(1) rotate(0);opacity:1}}@keyframes burstIn{0%{transform:translate(-50%,-50%) scale(.25) rotate(-15deg);opacity:0}to{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}}@keyframes actionsDrop{0%{transform:translate(-50%,-115px)}to{transform:translate(-50%)}}@keyframes friendSlide{0%{transform:translate(170px,45px) rotate(12deg);opacity:0}to{transform:translate(0) rotate(-4deg);opacity:1}}@keyframes friendClosedFrame{0%,49.9%{opacity:1}50%,to{opacity:0}}@keyframes friendKickFrame{0%,49.9%{opacity:0}50%,to{opacity:1}}@media (max-height: 650px){.tutorial-art{transform:scale(.75);margin-bottom:-22px}.tutorial button{margin-top:10px}.thumb{width:105px;height:105px}.celebration-burst{width:145px;height:145px}.cheer-friend{width:132px;height:92px}.result-actions button{width:68px;height:84px;font-size:36px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important}}