.run-field{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;isolation:isolate;position:absolute;inset:0;overflow:hidden}.run-field:after{content:"";pointer-events:none;background:linear-gradient(#87ceeb1a 0%,#0000 35%);position:absolute;inset:0}.run-pet{z-index:6;--run-pet-w:clamp(110px, min(20vh, 38vw), 224px);width:var(--run-pet-w);will-change:transform;pointer-events:none;position:absolute;bottom:9.5%;left:0}.run-frames-box{width:var(--run-pet-w);height:var(--run-pet-w)}.run-frames-box .pf-root{filter:drop-shadow(0 4px 8px #00000047)}.run-shadow{z-index:4;will-change:transform, opacity;pointer-events:none;background:radial-gradient(#00000047 0%,#0000 70%);border-radius:50%;height:14px;position:absolute;bottom:8.9%;left:0}.run-pet-inner.is-stumble{animation:.45s ease-out run-stumble;display:block}@keyframes run-stumble{0%{filter:none;transform:rotate(0)translate(0)}25%{filter:brightness(.82)saturate(1.3);transform:rotate(-14deg)translate(-10px)}55%{filter:brightness(.86)saturate(1.2);transform:rotate(9deg)translate(6px)}to{filter:none;transform:rotate(0)translate(0)}}.run-pet.is-shielded .run-pet-inner{animation:.16s steps(2,end) infinite run-shield}@keyframes run-shield{0%{opacity:1}to{opacity:.45}}.run-oops{z-index:3;left:50%;bottom:calc(var(--run-pet-w) * .68);border-radius:var(--radius-pill);background:var(--destructive,#dc2626);color:#fff;white-space:nowrap;pointer-events:none;padding:4px 12px;font-size:15px;font-weight:800;animation:.45s ease-out run-oops-pop;position:absolute;translate:-50%;box-shadow:0 6px 16px -6px #00000080}@keyframes run-oops-pop{0%{opacity:0;transform:translateY(6px)scale(.8)}30%{opacity:1;transform:translateY(-2px)scale(1.06)}to{opacity:1;transform:translateY(-8px)scale(1)}}.run-obj{will-change:transform;pointer-events:none;position:absolute;top:0;left:0}.run-obj img{width:100%;height:100%;display:block}.run-obj--obstacle{z-index:5}.run-obj--obstacle img{filter:drop-shadow(0 6px 5px #00000038)}.run-obj--obstacle.is-hit img{opacity:.75;filter:brightness(.9)drop-shadow(0 6px 5px #00000038);transition:rotate .25s ease-out,opacity .25s linear;rotate:-18deg}.run-obj.is-roll:not(.is-hit) img{animation:.5s linear infinite run-roll}@keyframes run-roll{0%{rotate:none}to{rotate:-360deg}}.run-obj--coin{z-index:4}.run-obj--coin img{filter:drop-shadow(0 4px 6px #78500059);animation:1s ease-in-out infinite run-coin-shine}@keyframes run-coin-shine{0%,to{transform:scaleX(1)}50%{transform:scaleX(.72)}}.run-obj--coin.is-hit img{animation:.2s ease-out forwards run-coin-take}@keyframes run-coin-take{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}.run-warn{z-index:7;color:#fff;background:linear-gradient(135deg, var(--c-amber), #ef4444);pointer-events:none;border:3px solid #fff;border-radius:50%;place-items:center;width:clamp(30px,3.67vw,44px);height:clamp(30px,3.67vw,44px);font-size:28px;font-weight:900;animation:.35s ease-in-out infinite run-warn-pulse;display:grid;position:absolute;bottom:34%;right:18px;box-shadow:0 6px 16px #b43c0066}@keyframes run-warn-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}@media (prefers-reduced-motion:reduce){.run-pet-inner.is-stumble,.run-pet.is-shielded .run-pet-inner,.run-oops,.run-obj--coin img,.run-obj.is-roll img,.run-warn{animation:none}}