.av-arcade{width:100%;display:block}#av-arcade .av-topBanner{width:min(var(--av-banner-maxw, 1100px),96vw);margin:var(--av-banner-topgap, 4px) auto var(--av-banner-gap, 4px);display:flex;align-items:center;justify-content:center;pointer-events:none}#av-arcade .av-topBannerImg{display:block;width:100%;height:auto;max-height:var(--av-banner-maxh, 140px);object-fit:contain;aspect-ratio:1100 / 140}:root{--av-crt-base: #1A0833;--av-crt-vignette: #070012;--av-crt-glow: #2A0C4E;--av-panel-tint: rgba(40, 10, 70, .68);--av-panel-border: rgba(255,255,255,.2);--av-vortex-bg-url: url(/cdn/shop/files/gamevortex.png?v=1769888690);--av-vortex-bg-size: clamp(90px, 14vw, 160px);--av-vortex-bg-opacity: .045;--av-vortex-bg-rotate: -12deg;--av-doors-scale: .7;--av-door-gap: -36px}.av-stage{width:min(var(--av-stage-max, 1100px),96vw);aspect-ratio:16 / 9;margin:0 auto;position:relative;overflow:hidden;border-radius:22px;image-rendering:pixelated;background:radial-gradient(circle at 50% 40%,var(--av-crt-glow) 0%,var(--av-crt-base) 48%,var(--av-crt-vignette) 100%);box-shadow:inset 0 0 0 2px #ffffff0f,inset 0 10px 26px #00000059,inset 0 -14px 28px #0000007a,0 18px 60px #00000059;contain:layout paint}@media(max-width:560px)and (orientation:portrait){.av-stage{height:min(56vh,420px);width:auto;aspect-ratio:16 / 9;max-width:96vw}}.av-rootPlay .av-stage{touch-action:none}.av-stage:before{content:"";position:absolute;top:-18px;right:-18px;bottom:-18px;left:-18px;border-radius:38px;pointer-events:none;background:radial-gradient(circle at 50% 18%,#ffffff29,#0000 52%),radial-gradient(circle at 22% 30%,#a05aff1f,#0000 58%),radial-gradient(circle at 78% 32%,#5affe614,#0000 60%),linear-gradient(135deg,#ffffff1a,#0000 42%),linear-gradient(to bottom,#00000075,#0000 50%,#0000008f);box-shadow:0 0 0 2px #ffffff1f,0 0 0 10px #a05aff1a,0 0 34px #a05aff52,0 0 70px #5affe62e,0 16px 90px #9646ff47,0 26px 120px #0000008c;opacity:1}.av-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to bottom,#ffffff0f,#0000002e),repeating-linear-gradient(to bottom,#ffffff09 0px 1px,#0000 3px 6px);mix-blend-mode:overlay;opacity:.24}.av-img{image-rendering:pixelated;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.av-scene{position:absolute;top:0;right:0;bottom:0;left:0}.av-scene:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:22px;background:radial-gradient(circle at 50% 50%,#ffffff0d,#0000 55%),radial-gradient(circle at 50% 120%,#0006,#0000 55%),linear-gradient(115deg,#ffffff14,#0000 40%);opacity:.55;mix-blend-mode:screen}.av-sceneStore:before{content:"";position:absolute;top:-25%;right:-25%;bottom:-25%;left:-25%;pointer-events:none;background-image:var(--av-vortex-bg-url);background-repeat:repeat;background-size:var(--av-vortex-bg-size);background-position:0 0;opacity:var(--av-vortex-bg-opacity);transform:rotate(var(--av-vortex-bg-rotate));transform-origin:center;filter:blur(.2px);mix-blend-mode:screen}.av-rootStart .av-sceneStore:before,.av-rootOver .av-sceneStore:before,.av-rootDoorsOpen .av-sceneStore:before,.av-rootDoorsClose .av-sceneStore:before{animation:avVortexDrift 9s linear infinite}@keyframes avVortexDrift{0%{background-position:0 0}to{background-position:140px 90px}}.av-rootPlay .av-sceneStore{opacity:0;pointer-events:none}.av-sceneStore{opacity:1;pointer-events:none}.av-scenePlay{opacity:0;pointer-events:none}.av-rootPlay .av-scenePlay{opacity:1;pointer-events:auto}.av-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;padding:14px}.av-rootStart .av-overlayStart,.av-rootOver .av-overlayOver{display:flex}.av-overlay{background:#7878782e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.av-overlayPanel{width:min(620px,92%);max-height:min(86%,560px);overflow:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:10px;background:var(--av-panel-tint);border:2px solid var(--av-panel-border);border-radius:18px;padding:14px 14px 12px;text-align:center;color:#f2f2ff;box-shadow:0 20px 60px #00000059;pointer-events:auto}@media(max-width:560px)and (orientation:portrait){.av-overlay{padding:10px}.av-overlayPanel{max-height:92%;gap:8px;padding:12px 12px 10px}.av-title{font-size:12px;line-height:1.14}.av-sub{font-size:10px}.av-coinHint{display:none}.av-coinArea{width:min(420px,82vw);height:76px;padding:8px 118px 8px 12px}.av-slot{width:102px;height:50px;right:12px}.av-coin{width:48px}.av-small{font-size:11px}}.av-sign{position:absolute;left:var(--av-sign-x, 50%);top:var(--av-sign-y, 9%);transform:translate(-50%,-50%) scale(var(--av-sign-scale, 1));height:clamp(56px,14%,140px)}.av-storefront{position:absolute;left:var(--av-storefront-x, 50%);top:var(--av-storefront-y, 74%);transform:translate(-50%,-50%) scale(var(--av-storefront-scale, 1));height:clamp(160px,55%,520px)}.av-doors{position:absolute;left:var(--av-doors-x, 50%);top:var(--av-doors-y, 72%);transform:translate(-50%,-50%) scale(var(--av-doors-scale, 1));height:clamp(150px,52%,500px);width:min(72%,720px)}.av-door{position:absolute;top:0;height:100%;width:auto}.av-doorLeft{left:calc(50% - var(--av-door-gap, 0px));transform:translate(-100%)}.av-doorRight{left:calc(50% + var(--av-door-gap, 0px));transform:translate(0)}.av-rootDoorsOpen .av-doorLeft{animation:avDoorLeftOpen .9s ease forwards}.av-rootDoorsOpen .av-doorRight{animation:avDoorRightOpen .9s ease forwards}.av-rootDoorsClose .av-doorLeft{animation:avDoorLeftClose .9s ease forwards}.av-rootDoorsClose .av-doorRight{animation:avDoorRightClose .9s ease forwards}@keyframes avDoorLeftOpen{0%{transform:translate(-100%)}to{transform:translate(-170%)}}@keyframes avDoorRightOpen{0%{transform:translate(0)}to{transform:translate(70%)}}@keyframes avDoorLeftClose{0%{transform:translate(-170%)}to{transform:translate(-100%)}}@keyframes avDoorRightClose{0%{transform:translate(70%)}to{transform:translate(0)}}.av-shelvesWrap{position:absolute;left:0;top:var(--av-shelves-y, 46%);transform:translateY(-50%) scale(var(--av-shelves-scale, 1));width:100%;height:66%;opacity:.95;pointer-events:none}.av-shelf{position:absolute;width:clamp(70px,16%,180px);height:auto;filter:drop-shadow(0 10px 0 rgba(0,0,0,.18))}.av-s1{left:10%;top:10%;transform:rotate(-1deg) scale(.72)}.av-s2{left:58%;top:8%;transform:rotate(1deg) scale(.7)}.av-s3{left:16%;top:38%;transform:rotate(0) scale(.78)}.av-s4{left:62%;top:36%;transform:rotate(-1deg) scale(.76)}.av-s5{left:30%;top:62%;transform:rotate(1deg) scale(.82)}.av-s6{left:70%;top:64%;transform:rotate(0) scale(.8)}.av-rootPlay .av-shelvesWrap{animation:avBackDrift 6.5s ease-in-out infinite}@keyframes avBackDrift{0%,to{transform:translateY(-50%) scale(var(--av-shelves-scale, 1)) translate(0)}50%{transform:translateY(-50%) scale(var(--av-shelves-scale, 1)) translate(6px)}}.av-dropsLayer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.av-drop{position:absolute;width:calc(clamp(34px,8.5%,130px) * var(--av-drop-scale, 1));height:auto;transform:translate(-50%,-50%);filter:drop-shadow(0 8px 0 rgba(0,0,0,.22))}.av-car{position:absolute;left:50%;top:var(--av-car-y, 82%);transform:translate(-50%,-50%) scale(var(--av-car-scale, 1));height:clamp(90px,32%,420px);pointer-events:none;filter:drop-shadow(0 14px 0 rgba(0,0,0,.25))}.av-faceLeft{transform:translate(-50%,-50%) scale(var(--av-car-scale, 1)) scaleX(-1)}.av-vortexPop{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;pointer-events:none}.av-rootVortex .av-vortexPop{display:flex}.av-vortexImg{width:clamp(180px,52%,620px);height:auto;animation:avVortexSwirl .9s ease-in-out forwards;filter:drop-shadow(0 18px 0 rgba(0,0,0,.22))}@keyframes avVortexSwirl{0%{transform:scale(.55) rotate(0);opacity:0}18%{opacity:1}70%{transform:scale(1.08) rotate(960deg);opacity:1}to{transform:scale(1.1) rotate(1260deg);opacity:0}}.av-breakFlash{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;pointer-events:none}.av-rootBreak .av-breakFlash{display:flex}.av-breakImg{width:clamp(160px,55%,520px);height:auto;opacity:.95}.av-floatText{position:absolute;bottom:14%;font-family:"Press Start 2P",ui-monospace,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-weight:900;font-size:clamp(14px,3.2vw,34px);letter-spacing:2px;text-shadow:0 4px 0 rgba(0,0,0,.6)}.av-floatNeg{color:#ff3b3b;animation:avFloat .65s ease-out forwards}@keyframes avFloat{0%{transform:translateY(0);opacity:1}to{transform:translateY(-30px);opacity:0}}.av-hud{position:absolute;left:14px;top:14px;pointer-events:none}.av-hudBox{background:#00000059;border:2px solid rgba(255,255,255,.16);border-radius:14px;padding:10px 12px;color:#f2f2ff;font-family:"Press Start 2P",ui-monospace,Menlo,Monaco,Consolas,Liberation Mono,monospace;letter-spacing:1px;font-size:11px;text-transform:uppercase}.av-hudLine{line-height:1.6}.av-hudLabel{opacity:.8}.av-touchHint{position:absolute;right:16px;bottom:14px;pointer-events:none;background:#00000047;border:2px solid rgba(255,255,255,.14);border-radius:14px;padding:8px 10px;color:#fff7a6;font-family:"Press Start 2P",ui-monospace,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:10px;letter-spacing:1px;text-shadow:0 3px 0 rgba(0,0,0,.6);opacity:.9}.av-title{font-family:"Press Start 2P",ui-monospace,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-weight:900;letter-spacing:1px;text-transform:uppercase;font-size:clamp(12px,2vw,20px);color:#b7ffed;text-shadow:0 3px 0 rgba(0,0,0,.65);line-height:1.25}.av-titleWrap{margin-top:2px}.av-sub{font-family:"Press Start 2P",ui-monospace,Menlo,Monaco,Consolas,Liberation Mono,monospace;letter-spacing:1px;text-transform:uppercase;font-size:clamp(10px,1.6vw,14px);color:#fff7a6;text-shadow:0 3px 0 rgba(0,0,0,.65)}.av-rootOver .av-overlayOver,.av-rootOver .av-overlayOver .av-overlayPanel{cursor:pointer}.av-press{animation:avBlink 1.05s steps(1,end) infinite;padding:10px 8px;border-radius:12px;background:#0000002e;border:2px solid rgba(255,255,255,.14);display:inline-block}@keyframes avBlink{50%{opacity:.25}}.av-small{opacity:.88;font-family:ui-monospace,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;letter-spacing:1px}.av-coinRow{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.av-coinRowSmall{margin-top:8px}.av-coinHint{font-family:"Press Start 2P",ui-monospace,Menlo,Monaco,Consolas,Liberation Mono,monospace;letter-spacing:1px;opacity:.95;font-size:11px}.av-coinArea{position:relative;width:min(420px,74vw);height:88px;border-radius:16px;background:#00000038;border:2px dashed rgba(255,255,255,.22);display:flex;align-items:center;justify-content:flex-start;padding:10px 140px 10px 14px}.av-coin{width:58px;height:auto;cursor:grab;animation:avCoinPulse 1s ease-in-out infinite;touch-action:none;pointer-events:auto;position:relative;left:0;top:0}@keyframes avCoinPulse{0%,to{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(-2px) scale(1.03);opacity:.85}}.av-slot{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:118px;height:58px;border-radius:14px;background:#ffffff14;border:2px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;overflow:hidden}.av-slot:before{content:"";position:absolute;width:70%;height:14px;background:#0000008c;border-radius:999px;box-shadow:inset 0 2px #ffffff1f}.av-slotLabel{position:relative;font-family:"Press Start 2P",ui-monospace,Menlo,Monaco,Consolas,Liberation Mono,monospace;letter-spacing:1px;font-size:9px;opacity:.75}.av-coinSmall{width:54px;height:auto;animation:avBlink 1.1s steps(1,end) infinite}@media(max-width:420px){.av-overlayPanel{padding:12px 12px 10px;gap:8px}.av-title{font-size:12px;line-height:1.18}.av-sub{font-size:10px}.av-small{font-size:11px}.av-coinArea{height:80px;padding:8px 126px 8px 12px}.av-slot{width:106px;height:52px;right:12px}.av-coin{width:50px}}@media(max-height:520px){.av-overlay{padding:10px}.av-overlayPanel{max-height:90%}}@media(max-width:560px){.av-hud{left:10px;top:10px}.av-hudBox{font-size:9px;padding:8px 10px}.av-touchHint{right:10px;bottom:10px;font-size:9px;padding:7px 9px}.av-shelvesWrap{top:44%;height:62%;opacity:.92}.av-shelf{width:clamp(60px,15%,130px)}.av-car{top:81%;height:clamp(86px,30%,320px)}.av-drop{width:calc(clamp(30px,8%,105px) * var(--av-drop-scale, 1))}.av-vortexImg{width:clamp(160px,66%,520px)}}@media(prefers-reduced-motion:reduce){.av-rootPlay .av-shelvesWrap,.av-rootStart .av-sceneStore:before,.av-rootOver .av-sceneStore:before,.av-rootDoorsOpen .av-sceneStore:before,.av-rootDoorsClose .av-sceneStore:before,.av-vortexImg,.av-press,.av-coin,.av-floatNeg{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/arcade-vortex-game.css.map */