.wc-ai-penalty{padding:50px 14px;background:radial-gradient(circle at top,#1b1b1b,var(--wc-bg) 60%);color:var(--wc-text)}.wc-ai-penalty *{box-sizing:border-box}.wc-ai-penalty__container{max-width:1080px;margin:0 auto;padding:26px;background:linear-gradient(145deg,#090909,#111);border-radius:34px;border:1px solid rgba(255,255,255,.14);box-shadow:0 45px 120px #000000a6}.wc-ai-penalty__header{text-align:center;margin-bottom:20px}.wc-ai-penalty__header p{margin:0 0 8px;color:var(--wc-primary);letter-spacing:4px;text-transform:uppercase;font-size:12px;font-weight:900}.wc-ai-penalty__header h1{margin:0;color:#fff;font-size:clamp(34px,5vw,68px);line-height:.95;text-transform:uppercase}.wc-ai-penalty__header span{display:inline-block;margin-top:14px;padding:9px 20px;border-radius:999px;background:linear-gradient(135deg,#ec028c3d,#ffffff12);border:1px solid rgba(255,255,255,.16);color:#fff;font-size:12px;font-weight:900;text-transform:uppercase}.wc-ai-penalty__scoreboard{display:flex;justify-content:center;align-items:center;gap:22px;margin-bottom:24px}.wc-ai-penalty__scoreboard div{width:135px;text-align:center;padding:16px;border-radius:22px;background:linear-gradient(180deg,#171717,#070707);border:1px solid rgba(255,255,255,.14)}.wc-ai-penalty__scoreboard small{display:block;color:#aaa;font-size:12px;margin-bottom:6px;letter-spacing:2px}.wc-ai-penalty__scoreboard strong{color:var(--wc-primary);font-size:46px;line-height:1}.wc-ai-penalty__scoreboard b{color:#777;font-size:36px}.wc-ai-penalty__game{position:relative;height:520px;border-radius:30px;overflow:hidden;background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.18);touch-action:none;-webkit-user-select:none;user-select:none;box-shadow:inset 0 0 90px #00000094,0 22px 70px #0000008c;perspective:900px}.wc-ai-penalty__game:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 90%,rgba(236,2,140,.18),transparent 35%),linear-gradient(to bottom,#0000000d,#0000005c);z-index:1;pointer-events:none}.wc-ai-penalty__tutorial{position:absolute;left:50%;bottom:38px;width:320px;height:190px;transform:translate(-50%);z-index:30;pointer-events:none;transition:opacity .35s ease,visibility .35s ease}.wc-ai-penalty__tutorial.hide{opacity:0;visibility:hidden}.wc-ai-penalty__tutorial-ball{position:absolute;left:50%;bottom:0;width:54px;height:54px;border-radius:50%;transform:translate(-50%);background:radial-gradient(circle at 35% 30%,#fff,#d9d9d9 48%,#111 49% 58%,#fff 59%);box-shadow:0 15px 35px #0000008c;animation:wcTutorialBall 2.4s ease-in-out infinite}.wc-ai-penalty__tutorial-arrow{position:absolute;left:50%;bottom:60px;width:210px;height:82px;transform:translate(-50%);animation:wcTutorialArrow 2.4s ease-in-out infinite}.wc-ai-penalty__tutorial-arrow:before,.wc-ai-penalty__tutorial-arrow:after{content:"";position:absolute;top:44px;width:82px;height:3px;background:var(--wc-primary);border-radius:999px;box-shadow:0 0 22px var(--wc-primary)}.wc-ai-penalty__tutorial-arrow:before{left:0;transform:rotate(-22deg)}.wc-ai-penalty__tutorial-arrow:after{right:0;transform:rotate(22deg)}.wc-ai-penalty__tutorial p{position:absolute;left:50%;top:0;width:330px;transform:translate(-50%);margin:0;color:#fff;text-align:center;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:1.7px;text-shadow:0 4px 18px rgba(0,0,0,.9)}@keyframes wcTutorialBall{0%,to{transform:translate(-50%) translate(0) scale(1);opacity:1}25%{transform:translate(-50%) translate(-95px,-70px) scale(.74);opacity:.55}50%{transform:translate(-50%) translateY(-82px) scale(.72);opacity:.5}75%{transform:translate(-50%) translate(95px,-70px) scale(.74);opacity:.55}}@keyframes wcTutorialArrow{0%,to{opacity:.25;transform:translate(-50%) scale(.9)}50%{opacity:1;transform:translate(-50%) scale(1)}}.wc-ai-penalty__keeper{position:absolute;left:50%;bottom:58px;width:150px;max-width:38%;transform:translate(-50%);z-index:4;transition:all .5s cubic-bezier(.16,.85,.2,1);pointer-events:none;filter:drop-shadow(0 18px 22px rgba(0,0,0,.55))}.wc-ai-penalty__keeper.dive-center{left:50%;bottom:58px;width:150px}.wc-ai-penalty__keeper.dive-left{left:35%;bottom:112px;width:270px;max-width:55%}.wc-ai-penalty__keeper.dive-right{left:65%;bottom:112px;width:270px;max-width:55%}.wc-ai-penalty__ball{position:absolute;left:50%;bottom:28px;width:64px;transform:translate(-50%);z-index:10;cursor:grab;border-radius:50%;filter:drop-shadow(0 18px 18px rgba(0,0,0,.55));transition:transform .18s ease,filter .18s ease}.wc-ai-penalty__ball::selection{background:transparent}.wc-ai-penalty__ball.ready{animation:wcBallPulse 1.4s ease-in-out infinite}@keyframes wcBallPulse{0%,to{filter:drop-shadow(0 18px 18px rgba(0,0,0,.55))}50%{filter:drop-shadow(0 0 22px rgba(236,2,140,.85))}}.wc-ai-penalty__ball.dragging{cursor:grabbing;transition:none;filter:drop-shadow(0 22px 20px rgba(0,0,0,.65)) drop-shadow(0 0 20px rgba(236,2,140,.55))}.wc-ai-penalty__ball.shooting{animation:wcBallShoot .72s cubic-bezier(.08,.82,.14,1) forwards}@keyframes wcBallShoot{0%{left:50%;bottom:28px;transform:translate(-50%) scale(1) rotate(0)}55%{transform:translate(-50%) scale(.78) rotate(260deg)}to{left:var(--target-x);bottom:var(--target-y);transform:translate(-50%) scale(.5) rotate(540deg)}}.wc-ai-penalty__message{margin:20px 0;text-align:center;font-size:18px;font-weight:900;color:#fff}.wc-ai-penalty__restart,.wc-ai-penalty__win button,.wc-ai-penalty__modal-card button{display:block;margin:18px auto 0;border:0;cursor:pointer;background:linear-gradient(135deg,var(--wc-primary),#ff58bd);color:#fff;padding:15px 28px;border-radius:999px;font-weight:900;text-transform:uppercase;box-shadow:0 16px 34px #ec028c47}.wc-ai-penalty__restart{background:linear-gradient(135deg,#222,#090909);border:1px solid rgba(255,255,255,.12);box-shadow:none}.wc-ai-penalty__win{display:none;margin-top:22px;text-align:center;padding:28px;border-radius:26px;background:linear-gradient(135deg,#ec028c38,#ffffff12);border:1px solid rgba(255,255,255,.16)}.wc-ai-penalty__win.active{display:block}.wc-ai-penalty__win h2{color:#fff;margin:0 0 8px;text-transform:uppercase}.wc-ai-penalty__win p{color:#ccc;margin:0}.wc-ai-penalty__win strong{display:block;color:var(--wc-primary);font-size:36px;margin:12px 0}.wc-ai-penalty__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:20px;background:#000000bd;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.wc-ai-penalty__modal.active{display:flex}.wc-ai-penalty__modal-card{width:min(430px,100%);text-align:center;padding:36px 28px;border-radius:32px;background:linear-gradient(145deg,#151515,#050505);border:1px solid rgba(255,255,255,.18);box-shadow:0 44px 110px #000000bf}.wc-ai-penalty__modal-card span{display:inline-block;margin-bottom:12px;color:var(--wc-primary);text-transform:uppercase;letter-spacing:3px;font-size:12px;font-weight:900}.wc-ai-penalty__modal-card h2{margin:0 0 10px;color:#fff;font-size:34px;text-transform:uppercase}.wc-ai-penalty__modal-card p{margin:0;color:#bbb;line-height:1.6}@media(max-width:749px){.wc-ai-penalty__container{padding:14px;border-radius:22px}.wc-ai-penalty__game{height:420px}.wc-ai-penalty__keeper,.wc-ai-penalty__keeper.dive-center{width:112px;bottom:48px}.wc-ai-penalty__keeper.dive-left,.wc-ai-penalty__keeper.dive-right{width:200px;bottom:105px}.wc-ai-penalty__ball{width:54px;bottom:24px}.wc-ai-penalty__scoreboard div{width:105px}.wc-ai-penalty__tutorial{transform:translate(-50%) scale(.8);bottom:20px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/world-cup-ai-penalty.css.map */