.penalty-stage{background:linear-gradient(#183622 0 68%,#327247 68% 100%);border-radius:9px;width:min(620px,100%);height:390px;margin:10px auto 14px;position:relative;overflow:hidden;box-shadow:0 20px 50px #0008}.penalty-stage .penalty-goal{z-index:2;cursor:crosshair;touch-action:manipulation;-webkit-user-select:none;user-select:none;outline:none;width:100%;height:265px;margin:0;position:absolute;inset:0 0 auto}.penalty-stage .penalty-goal:focus-visible{box-shadow:inset 0 0 0 5px #ffd66d,inset 0 0 45px #0009}.penalty-stage .penalty-goal:not([aria-disabled=true]):hover{background-color:#ffd66d0d}.penalty-turf{z-index:4;pointer-events:none;background:radial-gradient(at 50% 66%,#fff8 0 4px,#0000 5px),repeating-linear-gradient(105deg,#397b4c 0 22px,#347246 22px 44px);border-top:2px solid #ffffff2e;position:absolute;inset:265px 0 0}.penalty-mark{background:#f4eee3;border-radius:50%;width:13px;height:8px;position:absolute;top:66%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 5px #102416}.penalty-stage .penalty-ball{z-index:8;filter:drop-shadow(0 5px 4px #0008);font-size:31px;transition:left .72s cubic-bezier(.18,.75,.28,1),top .72s cubic-bezier(.18,.75,.28,1),transform .72s,filter .72s;position:absolute;top:87%;bottom:auto;left:50%;transform:translate(-50%,-50%)}.penalty-stage.animating .penalty-ball{filter:drop-shadow(0 2px 2px #0008);transform:translate(-50%,-50%)scale(.72)rotate(540deg)}.penalty-stage .penalty-keeper{font-size:62px;transition:left .62s cubic-bezier(.2,.8,.25,1),top .62s cubic-bezier(.2,.8,.25,1),transform .62s;top:72%;bottom:auto;left:50%;transform:translate(-50%,-50%)rotate(0)}.penalty-stage.animating .penalty-keeper{transform:translate(-50%,-50%)rotate(-24deg)scale(1.18)}.penalty-stage.save .penalty-keeper{filter:drop-shadow(0 0 13px #ffd463)}.penalty-stage.goal .penalty-ball{filter:drop-shadow(0 0 9px #fff)}.aim-guide{z-index:6;color:#fff;letter-spacing:1.4px;pointer-events:none;background:#100505c4;border:1px solid #ffffff42;border-radius:18px;padding:7px 13px;font-size:9px;font-weight:1000;position:absolute;bottom:11px;left:50%;transform:translate(-50%)}.penalty-stage.animating .aim-guide{opacity:0}@media (width<=700px){.penalty-stage{height:350px}.penalty-stage .penalty-goal{height:235px}.penalty-turf{inset:235px 0 0}.penalty-stage .penalty-keeper{font-size:54px}.penalty-stage .penalty-ball{font-size:28px}}.decision-overlay button>span{flex-direction:column;gap:4px;display:flex}.decision-overlay button small{color:#d5bbb7;font-size:9px;font-weight:600}.decision-overlay button>strong{font-size:18px}.decision-overlay button:hover small{color:#fff}