:root{color-scheme:dark;--text:#e8e1d5;--cyan:#62f5ff;--red:#ff5567;--pink:#ff4b88;--gold:#b9a777}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#050505;color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
body{background:radial-gradient(circle at 50% 0,#171510 0,#080807 35%,#030303 100%)}
.hub-shell{width:min(1672px,100%);margin:0 auto;padding:8px;position:relative}.hub-art{position:relative;width:100%;border:1px solid #191816;border-radius:22px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.65)}.hub-art>img{width:100%;height:auto}
.hotspot{position:absolute;display:block;border-radius:16px;outline:0;transition:background .16s ease,box-shadow .16s ease,transform .16s ease}.hotspot:hover,.hotspot:focus-visible{background:rgba(255,255,255,.055);box-shadow:inset 0 0 0 2px rgba(226,211,170,.8),0 0 28px rgba(216,197,145,.25);transform:translateY(-1px)}
.hotspot.cards{left:2.9%;top:21.3%;width:23%;height:38.2%}.hotspot.soda{left:26.7%;top:21.3%;width:20.9%;height:38.2%}.hotspot.quarters{left:48.5%;top:21.3%;width:23.1%;height:38.2%}.hotspot.blind{left:72.5%;top:21.3%;width:22.6%;height:38.2%}.hotspot.camera{left:2.9%;top:60.8%;width:23%;height:36.3%}.hotspot.mint{left:26.7%;top:60.8%;width:20.9%;height:36.3%}.hotspot.cart{left:48.5%;top:60.8%;width:23.1%;height:36.3%}.hotspot.cheap{left:72.5%;top:60.8%;width:22.6%;height:36.3%}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mobile-list{display:none;max-width:900px;margin:15px auto 0;padding:0 10px 20px;grid-template-columns:1fr;gap:10px}.mobile-list a{padding:15px;border:1px solid #302e29;border-radius:12px;background:#0b0b0a;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.mobile-list small{display:block;color:#928c81;font-weight:400;text-transform:none;margin-top:4px}
.page-header{max-width:1280px;margin:0 auto;padding:22px 20px 8px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font-size:24px;font-weight:900;letter-spacing:.06em}.back{font-size:13px;text-transform:uppercase;color:#c7b990;letter-spacing:.08em}
.cards-header{padding-bottom:0}.cards-page{max-width:1320px;margin:0 auto;padding:18px 20px 60px;display:grid;grid-template-columns:minmax(0,430px) minmax(0,1fr);gap:28px;align-items:start}.cards-intro{padding:28px 0 0}
.neon-kicker{display:inline-block;padding:9px 12px;border-radius:999px;border:1px solid rgba(194,172,92,.45);color:#dec77a;font:900 12px/1 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;background:rgba(16,14,9,.75);box-shadow:0 0 16px rgba(194,172,92,.12)}
.neon-title{margin:20px 0 12px;font:900 clamp(38px,4.3vw,74px)/.92 "Arial Black",Arial,sans-serif;letter-spacing:.045em;text-transform:uppercase;color:#f6f2eb;text-shadow:0 0 2px rgba(255,255,255,.9),0 0 18px rgba(98,245,255,.35),0 0 26px rgba(255,85,103,.32);animation:titleNeonPulse 2.9s ease-in-out infinite, titleFlicker 7.1s steps(1,end) infinite}.neon-subtitle{margin:0;color:#7ef5ff;font:900 clamp(18px,1.9vw,28px)/1.1 "Arial Black",Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 0 10px rgba(98,245,255,.4),0 0 28px rgba(98,245,255,.24)}
.cards-machine-wrap{display:flex;justify-content:flex-end;min-width:0}.cards-intro{min-width:0}.cards-machine-stage{position:relative;width:min(100%,880px);border-radius:28px;overflow:hidden;background:#07090c;box-shadow:0 24px 60px rgba(0,0,0,.5), inset 0 0 0 1px rgba(255,255,255,.05)}
.machine-whole-link{display:block;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.machine-whole-link:hover,.machine-whole-link:focus-visible{transform:translateY(-2px) scale(1.003);box-shadow:0 34px 75px rgba(0,0,0,.58),0 0 36px rgba(98,245,255,.18),0 0 48px rgba(255,85,103,.2), inset 0 0 0 1px rgba(255,255,255,.05)}
.machine-base-image{width:100%;height:auto}
.bg-neon,.glitch-strip,.neon-region,.screen-hitbox,.screen-static,.screen-scanlines,.screen-glitch,.screen-blackout,.screen-sweep,.machine-pink-aura{position:absolute;pointer-events:none}
.machine-pink-aura{inset:4% 17% 4% 15%;border-radius:34px;box-shadow:0 0 40px rgba(255,75,136,.18),0 0 80px rgba(255,75,136,.12);animation:pinkAura 1.35s steps(3,end) infinite;mix-blend-mode:screen}
.bg-neon{border-radius:999px;filter:blur(38px);mix-blend-mode:screen}.halo-left{left:-4%;top:7%;width:28%;height:78%;background:rgba(255,70,105,.32);animation:neonFlickerPink .9s steps(4,end) infinite}.halo-right{right:-4%;top:10%;width:26%;height:76%;background:rgba(98,245,255,.28);animation:neonFlickerCyan .8s steps(4,end) infinite}.halo-top{left:24%;top:-3%;width:52%;height:18%;background:rgba(255,90,130,.18);animation:softPulse 1.2s steps(3,end) infinite}
.glitch-strip{left:0;right:0;mix-blend-mode:screen;opacity:0}.strip-1{top:14%;height:4.8%;background:linear-gradient(90deg,rgba(255,90,120,.28),rgba(98,245,255,.18));animation:heavyGlitch1 1.2s steps(1,end) infinite}.strip-2{top:39%;height:5.6%;background:linear-gradient(90deg,rgba(98,245,255,.18),rgba(255,90,120,.28));animation:heavyGlitch2 1.6s steps(1,end) infinite}.strip-3{top:67%;height:4.6%;background:linear-gradient(90deg,rgba(255,90,120,.22),rgba(98,245,255,.18));animation:heavyGlitch3 2s steps(1,end) infinite}.strip-4{top:83%;height:3.8%;background:linear-gradient(90deg,rgba(255,90,120,.22),rgba(98,245,255,.2));animation:heavyGlitch4 1.4s steps(1,end) infinite}
.neon-region{mix-blend-mode:screen;opacity:.68}.top-red{left:23.5%;top:4.3%;width:43%;height:8.4%;background:rgba(255,75,136,.62);filter:blur(6px);box-shadow:0 0 14px rgba(255,75,136,.9),0 0 28px rgba(255,75,136,.8),0 0 46px rgba(255,75,136,.55);animation:neonFlickerPink .72s steps(4,end) infinite}.top-cyan{left:23.8%;top:11.4%;width:41%;height:8.9%;background:rgba(98,245,255,.56);filter:blur(6px);box-shadow:0 0 12px rgba(98,245,255,.8),0 0 26px rgba(98,245,255,.7),0 0 42px rgba(98,245,255,.45);animation:neonFlickerCyan .74s steps(4,end) infinite}.minting-line{left:30%;top:19.2%;width:28%;height:4.8%;background:rgba(255,75,136,.52);filter:blur(6px);box-shadow:0 0 12px rgba(255,75,136,.7),0 0 24px rgba(255,75,136,.62);animation:neonFlickerPink .82s steps(4,end) infinite reverse}.side-screen{left:72.1%;top:14%;width:10.5%;height:12.5%;background:rgba(98,245,255,.58);filter:blur(7px);box-shadow:0 0 12px rgba(98,245,255,.8),0 0 26px rgba(98,245,255,.7);animation:neonFlickerCyan .68s steps(4,end) infinite}.status-panel{left:71.4%;top:28.6%;width:12.2%;height:8.7%;background:rgba(255,75,136,.55);filter:blur(6px);box-shadow:0 0 12px rgba(255,75,136,.75),0 0 25px rgba(255,75,136,.6);animation:neonFlickerPink .78s steps(4,end) infinite}.bg-face{left:78.5%;top:2.8%;width:17%;height:22%;border-radius:50%;background:radial-gradient(circle,rgba(255,75,136,.35) 0,rgba(255,75,136,.5) 35%,transparent 68%);filter:blur(9px);animation:neonFlickerPink 1s steps(4,end) infinite}.left-ui{left:2.5%;top:23%;width:11.5%;height:56%;background:linear-gradient(180deg,rgba(98,245,255,.28),rgba(98,245,255,.07));filter:blur(7px);box-shadow:0 0 10px rgba(98,245,255,.5),0 0 24px rgba(98,245,255,.35);animation:neonFlickerCyan .86s steps(4,end) infinite}.buy-button{left:32.5%;top:70.2%;width:34.2%;height:7%;background:rgba(98,245,255,.68);filter:blur(8px);box-shadow:0 0 18px rgba(98,245,255,.85),0 0 34px rgba(98,245,255,.78);animation:neonFlickerCyan .58s steps(4,end) infinite}.pull-button{left:34.1%;top:87.6%;width:28.9%;height:5.2%;background:rgba(98,245,255,.54);filter:blur(8px);box-shadow:0 0 16px rgba(98,245,255,.7),0 0 28px rgba(98,245,255,.65);animation:neonFlickerCyan .62s steps(4,end) infinite}.tap-panel{left:75.6%;top:71.7%;width:10.4%;height:12%;background:rgba(98,245,255,.46);filter:blur(7px);box-shadow:0 0 14px rgba(98,245,255,.65),0 0 24px rgba(98,245,255,.52);animation:neonFlickerCyan .72s steps(4,end) infinite}.pink-bolt-1{left:18%;top:55%;width:8%;height:22%;background:rgba(255,75,136,.24);filter:blur(12px);transform:rotate(-12deg);animation:neonFlickerPink .66s steps(4,end) infinite}.pink-bolt-2{left:63%;top:54%;width:7%;height:18%;background:rgba(255,75,136,.24);filter:blur(10px);transform:rotate(9deg);animation:neonFlickerPink .7s steps(4,end) infinite}
.screen-hitbox{left:31%;top:25%;width:37.8%;height:43.5%;border-radius:26px;overflow:hidden;box-shadow:0 0 0 1px rgba(98,245,255,.34), inset 0 0 0 1px rgba(255,255,255,.05);background:linear-gradient(180deg,rgba(8,25,30,.18),rgba(6,10,13,.12))}
.screen-blackout{left:0;right:0;height:100%;background:#061114;opacity:0}.black-1{animation:screenBlackout1 2.4s steps(1,end) infinite}.black-2{animation:screenBlackout2 3.1s steps(1,end) infinite}
.screen-static{inset:0;mix-blend-mode:screen}.static-a{background:repeating-linear-gradient(180deg,rgba(255,255,255,.22) 0 1px,rgba(0,0,0,.06) 1px 2px,rgba(255,255,255,.04) 2px 4px);opacity:.28;animation:staticVertical .12s linear infinite}.static-b{background:repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0 2px,rgba(0,0,0,.03) 2px 5px);opacity:.16;animation:staticHorizontal .09s linear infinite}.static-c{background:radial-gradient(circle at 12% 18%,rgba(255,255,255,.18),transparent 10%),radial-gradient(circle at 71% 33%,rgba(255,255,255,.18),transparent 8%),radial-gradient(circle at 44% 78%,rgba(255,255,255,.16),transparent 8%),radial-gradient(circle at 86% 62%,rgba(255,255,255,.18),transparent 10%);opacity:.14;animation:sparkNoise .18s steps(3,end) infinite}.static-d{background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,0),rgba(255,255,255,.06),rgba(255,255,255,0),rgba(255,255,255,.04));opacity:.18;animation:snowDrift .14s linear infinite}
.screen-scanlines{inset:0;background:repeating-linear-gradient(180deg,rgba(255,255,255,.12) 0 1px,rgba(0,0,0,.08) 1px 3px);opacity:.26;mix-blend-mode:screen;animation:scanJitter .16s steps(4,end) infinite}.screen-sweep{left:-25%;width:36%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.12),rgba(255,255,255,0));mix-blend-mode:screen;opacity:.22}.sweep-1{animation:sweepAcross 1.35s linear infinite}.sweep-2{animation:sweepAcross 1.9s linear infinite reverse;opacity:.14}
.screen-glitch{left:0;right:0;opacity:0;mix-blend-mode:screen}.g1{top:17%;height:7%;background:linear-gradient(90deg,rgba(255,85,103,.26),rgba(98,245,255,.16));animation:screenGlitch1 .95s steps(1,end) infinite}.g2{top:49%;height:6%;background:linear-gradient(90deg,rgba(98,245,255,.18),rgba(255,85,103,.26));animation:screenGlitch2 1.2s steps(1,end) infinite}.g3{top:77%;height:5%;background:linear-gradient(90deg,rgba(255,85,103,.24),rgba(98,245,255,.14));animation:screenGlitch3 1.5s steps(1,end) infinite}.g4{top:30%;height:4.5%;background:linear-gradient(90deg,rgba(255,255,255,.22),rgba(255,85,103,.18),rgba(98,245,255,.18));animation:screenGlitch4 1.05s steps(1,end) infinite}
.screen-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;display:block;text-align:center;width:90%;font:900 clamp(24px,3.4vw,44px)/1 "Arial Black",Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#e7fbff;text-shadow:0 0 2px rgba(255,255,255,.96),0 0 14px rgba(98,245,255,.7),0 0 26px rgba(98,245,255,.36),0 0 34px rgba(255,85,103,.18);transition:opacity .16s ease,transform .16s ease}.screen-label.idle{opacity:.88;animation:labelFlicker .58s steps(4,end) infinite}.screen-label.hover{opacity:0;color:#fff6f7;width:94%;max-width:94%;padding:.14em .06em;font-size:clamp(14px,1.85vw,25px);letter-spacing:.015em;line-height:.95;white-space:nowrap;box-sizing:border-box;background:rgba(0,0,0,.14);border-radius:999px;text-shadow:0 0 3px rgba(255,255,255,.98),0 0 9px rgba(98,245,255,.82),0 0 20px rgba(98,245,255,.5),0 0 28px rgba(255,85,103,.34)}
.machine-whole-link:hover .screen-label.idle,.machine-whole-link:focus-visible .screen-label.idle{opacity:0;transform:translate(-50%,-58%)}.machine-whole-link:hover .screen-label.hover,.machine-whole-link:focus-visible .screen-label.hover{opacity:1;transform:translate(-50%,-50%);animation:labelFlicker .78s steps(3,end) infinite}
@keyframes titleNeonPulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.08)}}@keyframes titleFlicker{0%,91%,100%{opacity:1}92%{opacity:.95}93%{opacity:.88}94%{opacity:1}95%{opacity:.84}96%{opacity:1}}
@keyframes softPulse{0%,100%{opacity:.12}50%{opacity:.24}}@keyframes pinkAura{0%,100%{opacity:.32}15%{opacity:.1}22%{opacity:.46}31%{opacity:.18}44%{opacity:.52}60%{opacity:.22}77%{opacity:.48}88%{opacity:.16}}
@keyframes neonFlickerPink{0%,100%{opacity:.72}6%{opacity:.24}10%{opacity:.86}15%{opacity:.18}22%{opacity:.94}30%{opacity:.28}38%{opacity:1}46%{opacity:.34}55%{opacity:.92}67%{opacity:.22}78%{opacity:1}86%{opacity:.26}93%{opacity:.88}}@keyframes neonFlickerCyan{0%,100%{opacity:.72}8%{opacity:.2}12%{opacity:.92}18%{opacity:.24}27%{opacity:1}36%{opacity:.28}45%{opacity:.9}56%{opacity:.22}64%{opacity:1}75%{opacity:.24}83%{opacity:.94}92%{opacity:.3}}
@keyframes heavyGlitch1{0%,74%,100%{opacity:0;transform:translateX(0)}75%{opacity:.72;transform:translateX(14px)}76%{opacity:.24;transform:translateX(-10px)}77%{opacity:0;transform:translateX(0)}}@keyframes heavyGlitch2{0%,54%,100%{opacity:0;transform:translateX(0)}55%{opacity:.7;transform:translateX(-15px)}56%{opacity:.26;transform:translateX(10px)}57%{opacity:0;transform:translateX(0)}}@keyframes heavyGlitch3{0%,34%,100%{opacity:0;transform:translateX(0)}35%{opacity:.68;transform:translateX(12px)}36%{opacity:.22;transform:translateX(-8px)}37%{opacity:0;transform:translateX(0)}}@keyframes heavyGlitch4{0%,88%,100%{opacity:0;transform:translateX(0)}89%{opacity:.62;transform:translateX(-12px)}90%{opacity:.2;transform:translateX(8px)}91%{opacity:0;transform:translateX(0)}}
@keyframes staticVertical{0%{background-position:0 0}100%{background-position:0 28px}}@keyframes staticHorizontal{0%{background-position:0 0}100%{background-position:40px 0}}@keyframes sparkNoise{0%{transform:translate(0,0) scale(1)}50%{transform:translate(2px,-1px) scale(1.04)}100%{transform:translate(-2px,1px) scale(.98)}}@keyframes snowDrift{0%{background-position:0 0}100%{background-position:60px 24px}}@keyframes scanJitter{0%{transform:translateY(0)}25%{transform:translateY(-1px)}50%{transform:translateY(1px)}75%{transform:translateY(-2px)}100%{transform:translateY(0)}}@keyframes sweepAcross{0%{transform:translateX(0)}100%{transform:translateX(400%)}}
@keyframes screenBlackout1{0%,27%,100%{opacity:0}28%{opacity:.18}29%{opacity:0}60%{opacity:0}61%{opacity:.1}62%{opacity:0}}@keyframes screenBlackout2{0%,72%,100%{opacity:0}73%{opacity:.22}74%{opacity:0}90%{opacity:0}91%{opacity:.12}92%{opacity:0}}
@keyframes screenGlitch1{0%,68%,100%{opacity:0;transform:translateX(0)}69%{opacity:.78;transform:translateX(14px)}70%{opacity:.26;transform:translateX(-9px)}71%{opacity:0;transform:translateX(0)}}@keyframes screenGlitch2{0%,48%,100%{opacity:0;transform:translateX(0)}49%{opacity:.72;transform:translateX(-15px)}50%{opacity:.24;transform:translateX(10px)}51%{opacity:0;transform:translateX(0)}}@keyframes screenGlitch3{0%,29%,100%{opacity:0;transform:translateX(0)}30%{opacity:.68;transform:translateX(12px)}31%{opacity:.22;transform:translateX(-8px)}32%{opacity:0;transform:translateX(0)}}@keyframes screenGlitch4{0%,84%,100%{opacity:0;transform:translateX(0)}85%{opacity:.7;transform:translateX(-14px)}86%{opacity:.2;transform:translateX(9px)}87%{opacity:0;transform:translateX(0)}}
@keyframes labelFlicker{0%,100%{opacity:.96}8%{opacity:.58}12%{opacity:1}24%{opacity:.7}28%{opacity:.98}48%{opacity:.62}52%{opacity:1}74%{opacity:.66}78%{opacity:1}90%{opacity:.78}}@keyframes hoverGlitch{0%,100%{clip-path:inset(0 0 0 0)}20%{clip-path:inset(12% 0 70% 0)}40%{clip-path:inset(58% 0 12% 0)}60%{clip-path:inset(32% 0 34% 0)}80%{clip-path:inset(0 0 0 0)}}
@media(max-width:980px){.cards-page{grid-template-columns:1fr;gap:20px}.cards-intro{padding-top:10px}.neon-title{max-width:900px}.cards-machine-stage{max-width:860px;margin:0 auto}}
@media(max-width:760px){.hub-shell{padding:0}.hub-art{border-radius:0;border-left:0;border-right:0}.hotspot{display:none}.mobile-list{display:grid}.cards-page{padding:14px 14px 44px}.page-header{padding:16px 14px 6px}.brand{font-size:20px}.neon-title{font-size:clamp(32px,11vw,50px)}.neon-subtitle{font-size:clamp(16px,5vw,22px)}}


.back{font-size:13px;text-transform:uppercase;color:#c7b990;letter-spacing:.08em}

.frosty-machine-stage{position:relative;width:min(100%,880px);border-radius:28px;overflow:hidden;background:#07090c;box-shadow:0 24px 60px rgba(0,0,0,.5), inset 0 0 0 1px rgba(255,255,255,.05)}
.frosty-machine-stage .machine-base-image{width:100%;height:auto}
.frosty-bg-neon,.frosty-region,.frosty-glitch-strip,.frosty-screen-hitbox,.frosty-screen-static,.frosty-screen-scanlines,.frosty-screen-glitch{position:absolute;pointer-events:none}
.frosty-bg-neon{border-radius:999px;filter:blur(38px);mix-blend-mode:screen}
.frosty-bg-neon.halo-left{left:-5%;top:7%;width:30%;height:80%;background:rgba(255,75,136,.28);animation:neonFlickerPink .88s steps(4,end) infinite}
.frosty-bg-neon.halo-right{right:-5%;top:8%;width:28%;height:78%;background:rgba(98,245,255,.22);animation:neonFlickerCyan .82s steps(4,end) infinite}
.frosty-bg-neon.halo-bottom{left:14%;bottom:-4%;width:60%;height:18%;background:rgba(98,245,255,.16);animation:softPulse 1.1s steps(3,end) infinite}
.frosty-region{mix-blend-mode:screen;opacity:.72}
.frosty-region.sign-red{left:28%;top:5.7%;width:30%;height:9%;background:rgba(255,75,136,.66);filter:blur(7px);box-shadow:0 0 16px rgba(255,75,136,.92),0 0 34px rgba(255,75,136,.72);animation:neonFlickerPink .66s steps(4,end) infinite}
.frosty-region.sign-cyan{left:26%;top:15.4%;width:36%;height:6.7%;background:rgba(98,245,255,.58);filter:blur(7px);box-shadow:0 0 14px rgba(98,245,255,.82),0 0 30px rgba(98,245,255,.66);animation:neonFlickerCyan .72s steps(4,end) infinite}
.frosty-region.ice-cold{left:28%;top:27.8%;width:30%;height:4%;background:rgba(98,245,255,.5);filter:blur(6px);box-shadow:0 0 12px rgba(98,245,255,.8),0 0 26px rgba(98,245,255,.6);animation:neonFlickerCyan .6s steps(4,end) infinite}
.frosty-region.side-face{left:77%;top:3%;width:18%;height:24%;border-radius:50%;background:radial-gradient(circle,rgba(255,75,136,.3) 0,rgba(255,75,136,.5) 38%,transparent 72%);filter:blur(10px);animation:neonFlickerPink .8s steps(4,end) infinite}
.frosty-region.right-panel{left:71.5%;top:20.6%;width:12.5%;height:33%;background:linear-gradient(180deg,rgba(255,75,136,.18),rgba(98,245,255,.16));filter:blur(7px);box-shadow:0 0 16px rgba(255,75,136,.4),0 0 16px rgba(98,245,255,.4);animation:frostyPanelPulse .7s steps(4,end) infinite}
.frosty-region.thank-you{left:72.2%;top:85%;width:11%;height:7%;background:rgba(98,245,255,.52);filter:blur(7px);box-shadow:0 0 14px rgba(98,245,255,.76),0 0 24px rgba(98,245,255,.6);animation:neonFlickerCyan .62s steps(4,end) infinite}
.frosty-region.bottom-slot{left:36%;top:86.5%;width:21%;height:7%;background:rgba(255,75,136,.36);filter:blur(8px);box-shadow:0 0 14px rgba(255,75,136,.66),0 0 24px rgba(255,75,136,.5);animation:neonFlickerPink .74s steps(4,end) infinite}
.frosty-region.burst{left:53.5%;top:77%;width:10%;height:9%;background:rgba(255,75,136,.5);filter:blur(8px);clip-path:polygon(50% 0%, 60% 25%, 85% 15%, 74% 40%, 100% 50%, 74% 60%, 85% 85%, 60% 75%, 50% 100%, 40% 75%, 15% 85%, 26% 60%, 0% 50%, 26% 40%, 15% 15%, 40% 25%);box-shadow:0 0 14px rgba(255,75,136,.7),0 0 26px rgba(255,75,136,.52);animation:neonFlickerPink .56s steps(4,end) infinite}
.frosty-region.bottle-row-top{left:28%;top:37%;width:34%;height:16%;background:linear-gradient(90deg,rgba(98,245,255,.12),rgba(255,75,136,.1),rgba(98,245,255,.12));filter:blur(10px);animation:frostyBottles 1.2s ease-in-out infinite}
.frosty-region.bottle-row-bottom{left:27%;top:58%;width:35%;height:14%;background:linear-gradient(90deg,rgba(255,75,136,.1),rgba(98,245,255,.12),rgba(255,75,136,.1));filter:blur(10px);animation:frostyBottles 1.35s ease-in-out infinite reverse}
.frosty-glitch-strip{left:0;right:0;opacity:0;mix-blend-mode:screen}
.frosty-glitch-strip.strip-1{top:11%;height:4.6%;background:linear-gradient(90deg,rgba(255,75,136,.28),rgba(98,245,255,.16));animation:heavyGlitch1 1.12s steps(1,end) infinite}
.frosty-glitch-strip.strip-2{top:43%;height:5%;background:linear-gradient(90deg,rgba(98,245,255,.18),rgba(255,75,136,.28));animation:heavyGlitch2 1.54s steps(1,end) infinite}
.frosty-glitch-strip.strip-3{top:74%;height:4.4%;background:linear-gradient(90deg,rgba(255,75,136,.22),rgba(98,245,255,.18));animation:heavyGlitch3 1.86s steps(1,end) infinite}
.frosty-screen-hitbox{left:72.1%;top:20.8%;width:9%;height:4.5%;border-radius:6px;overflow:hidden;background:#061114;box-shadow:0 0 0 1px rgba(98,245,255,.3),0 0 12px rgba(98,245,255,.25)}
.frosty-screen-static{inset:0;mix-blend-mode:screen}
.frosty-screen-static.static-a{background:repeating-linear-gradient(180deg,rgba(255,255,255,.22) 0 1px,rgba(0,0,0,.04) 1px 2px,rgba(255,255,255,.04) 2px 4px);opacity:.28;animation:staticVertical .1s linear infinite}
.frosty-screen-static.static-b{background:repeating-linear-gradient(90deg,rgba(255,255,255,.14) 0 2px,rgba(0,0,0,.03) 2px 5px);opacity:.16;animation:staticHorizontal .08s linear infinite}
.frosty-screen-static.static-c{background:radial-gradient(circle at 18% 25%,rgba(255,255,255,.18),transparent 10%),radial-gradient(circle at 68% 62%,rgba(255,255,255,.18),transparent 10%);opacity:.18;animation:sparkNoise .16s steps(3,end) infinite}
.frosty-screen-scanlines{inset:0;background:repeating-linear-gradient(180deg,rgba(255,255,255,.12) 0 1px,rgba(0,0,0,.08) 1px 3px);opacity:.26;mix-blend-mode:screen;animation:scanJitter .12s steps(4,end) infinite}
.frosty-screen-glitch{left:0;right:0;opacity:0;mix-blend-mode:screen}
.frosty-screen-glitch.g1{top:18%;height:28%;background:linear-gradient(90deg,rgba(255,75,136,.24),rgba(98,245,255,.16));animation:screenGlitch1 .88s steps(1,end) infinite}
.frosty-screen-glitch.g2{top:58%;height:22%;background:linear-gradient(90deg,rgba(98,245,255,.18),rgba(255,75,136,.24));animation:screenGlitch2 1.1s steps(1,end) infinite}
@keyframes frostyPanelPulse{0%,100%{opacity:.48}10%{opacity:.2}16%{opacity:.72}24%{opacity:.26}38%{opacity:.64}52%{opacity:.22}66%{opacity:.7}80%{opacity:.28}92%{opacity:.62}}
@keyframes frostyBottles{0%,100%{opacity:.18}50%{opacity:.34}}


.quarter-machine-stage{position:relative;width:min(100%,880px);border-radius:28px;overflow:hidden;background:#07090c;box-shadow:0 24px 60px rgba(0,0,0,.5), inset 0 0 0 1px rgba(255,255,255,.05)}
.quarter-machine-stage .machine-base-image{width:100%;height:auto}
.quarter-bg-neon,.quarter-region,.quarter-glitch{position:absolute;pointer-events:none}
.quarter-bg-neon{border-radius:999px;filter:blur(42px);mix-blend-mode:screen}
.quarter-bg-neon.halo-left{left:-6%;top:10%;width:24%;height:78%;background:rgba(255,75,136,.28);animation:neonFlickerPink .8s steps(4,end) infinite}
.quarter-bg-neon.halo-right{right:-5%;top:8%;width:24%;height:80%;background:rgba(98,245,255,.22);animation:neonFlickerCyan .76s steps(4,end) infinite}
.quarter-bg-neon.halo-top{left:18%;top:-3%;width:52%;height:15%;background:rgba(255,75,136,.18);animation:softPulse 1.1s steps(3,end) infinite}
.quarter-bg-neon.halo-bottom{left:18%;bottom:-3%;width:54%;height:10%;background:rgba(255,75,136,.12);animation:softPulse 1.3s steps(3,end) infinite reverse}
.quarter-region{mix-blend-mode:screen;opacity:.72}
.quarter-region.sign-red{left:21%;top:4%;width:29%;height:7%;background:rgba(255,75,136,.62);filter:blur(7px);box-shadow:0 0 16px rgba(255,75,136,.9),0 0 34px rgba(255,75,136,.7);animation:neonFlickerPink .62s steps(4,end) infinite}
.quarter-region.sign-cyan{left:21%;top:14.5%;width:27%;height:5%;background:rgba(98,245,255,.55);filter:blur(7px);box-shadow:0 0 14px rgba(98,245,255,.82),0 0 28px rgba(98,245,255,.62);animation:neonFlickerCyan .7s steps(4,end) infinite}
.quarter-region.sign-hell{left:49%;top:4.5%;width:18%;height:10%;background:rgba(255,75,136,.66);filter:blur(7px);box-shadow:0 0 16px rgba(255,75,136,.92),0 0 34px rgba(255,75,136,.7);animation:neonFlickerPink .58s steps(4,end) infinite}
.quarter-region.right-neon{left:84%;top:9%;width:12%;height:15%;background:rgba(98,245,255,.4);filter:blur(8px);box-shadow:0 0 14px rgba(98,245,255,.74),0 0 26px rgba(98,245,255,.58);animation:neonFlickerCyan .68s steps(4,end) infinite}
.quarter-region.face-side{left:71%;top:29%;width:17%;height:23%;border-radius:50%;background:radial-gradient(circle,rgba(255,75,136,.3) 0,rgba(255,75,136,.5) 40%,transparent 72%);filter:blur(10px);animation:neonFlickerPink .84s steps(4,end) infinite}
.quarter-region.side-copy{left:72%;top:56%;width:13%;height:18%;background:rgba(255,75,136,.26);filter:blur(9px);box-shadow:0 0 16px rgba(255,75,136,.62),0 0 28px rgba(255,75,136,.48);animation:neonFlickerPink .72s steps(4,end) infinite}
.quarter-region.bottom-copy{left:23%;top:95.2%;width:34%;height:2.6%;background:rgba(255,75,136,.36);filter:blur(5px);box-shadow:0 0 10px rgba(255,75,136,.5),0 0 18px rgba(255,75,136,.38);animation:neonFlickerPink .74s steps(4,end) infinite}
.quarter-region.q1,.quarter-region.q2,.quarter-region.q3,.quarter-region.q4,.quarter-region.q5,.quarter-region.q6,.quarter-region.q7,.quarter-region.q8{background:rgba(255,75,136,.32);filter:blur(8px);box-shadow:0 0 12px rgba(255,75,136,.52),0 0 24px rgba(98,245,255,.22);animation:flickerPanels .78s steps(4,end) infinite}
.quarter-region.q1{left:10%;top:24%;width:12%;height:18%}.quarter-region.q2{left:24%;top:24%;width:12%;height:18%;animation-delay:-.07s}.quarter-region.q3{left:38%;top:24%;width:12%;height:18%;animation-delay:-.15s}.quarter-region.q4{left:52%;top:24%;width:12%;height:18%;animation-delay:-.21s}
.quarter-region.q5{left:10%;top:54%;width:12%;height:18%;animation-delay:-.09s}.quarter-region.q6{left:24%;top:54%;width:12%;height:18%;animation-delay:-.17s}.quarter-region.q7{left:38%;top:54%;width:12%;height:18%;animation-delay:-.25s}.quarter-region.q8{left:52%;top:54%;width:12%;height:18%;animation-delay:-.31s}
.quarter-region.globe-top{left:9%;top:29%;width:55%;height:12%;background:linear-gradient(90deg,rgba(98,245,255,.08),rgba(255,75,136,.08),rgba(98,245,255,.08));filter:blur(10px);animation:frostyBottles 1.2s ease-in-out infinite}
.quarter-region.globe-bottom{left:9%;top:59%;width:55%;height:12%;background:linear-gradient(90deg,rgba(255,75,136,.08),rgba(98,245,255,.08),rgba(255,75,136,.08));filter:blur(10px);animation:frostyBottles 1.35s ease-in-out infinite reverse}
.quarter-glitch{left:0;right:0;opacity:0;mix-blend-mode:screen}
.quarter-glitch.strip-1{top:13%;height:4.4%;background:linear-gradient(90deg,rgba(255,75,136,.28),rgba(98,245,255,.16));animation:heavyGlitch1 1.02s steps(1,end) infinite}
.quarter-glitch.strip-2{top:36%;height:4.8%;background:linear-gradient(90deg,rgba(98,245,255,.18),rgba(255,75,136,.28));animation:heavyGlitch2 1.36s steps(1,end) infinite}
.quarter-glitch.strip-3{top:58%;height:4.8%;background:linear-gradient(90deg,rgba(255,75,136,.22),rgba(98,245,255,.18));animation:heavyGlitch3 1.72s steps(1,end) infinite}
.quarter-glitch.strip-4{top:82%;height:4.2%;background:linear-gradient(90deg,rgba(255,75,136,.22),rgba(98,245,255,.18));animation:heavyGlitch4 1.18s steps(1,end) infinite}
@keyframes flickerPanels{0%,100%{opacity:.58}8%{opacity:.22}15%{opacity:.76}28%{opacity:.3}42%{opacity:.84}58%{opacity:.26}73%{opacity:.78}88%{opacity:.34}}


.camera-machine-stage{position:relative;width:min(100%,880px);border-radius:28px;overflow:hidden;background:#07090c;box-shadow:0 24px 60px rgba(0,0,0,.5), inset 0 0 0 1px rgba(255,255,255,.05)}
.camera-machine-stage .machine-base-image{width:100%;height:auto}
.camera-bg-neon,.camera-region,.camera-glitch{position:absolute;pointer-events:none}
.camera-bg-neon{border-radius:999px;filter:blur(40px);mix-blend-mode:screen}
.camera-bg-neon.halo-left{left:-5%;top:8%;width:28%;height:82%;background:rgba(255,75,136,.26);animation:neonFlickerPink .8s steps(4,end) infinite}
.camera-bg-neon.halo-right{right:-5%;top:10%;width:26%;height:82%;background:rgba(98,245,255,.18);animation:neonFlickerCyan .84s steps(4,end) infinite}
.camera-bg-neon.halo-top{left:18%;top:-3%;width:58%;height:16%;background:rgba(255,75,136,.14);animation:softPulse 1.2s steps(3,end) infinite}
.camera-bg-neon.halo-bottom{left:28%;bottom:-3%;width:34%;height:12%;background:rgba(255,75,136,.14);animation:softPulse 1.1s steps(3,end) infinite reverse}
.camera-region{mix-blend-mode:screen;opacity:.72}
.camera-region.sign-red{left:26%;top:4%;width:34%;height:9%;background:rgba(255,75,136,.62);filter:blur(8px);box-shadow:0 0 16px rgba(255,75,136,.9),0 0 36px rgba(255,75,136,.72);animation:neonFlickerPink .66s steps(4,end) infinite}
.camera-region.sign-cyan{left:26%;top:14.5%;width:28%;height:7%;background:rgba(98,245,255,.56);filter:blur(8px);box-shadow:0 0 14px rgba(98,245,255,.82),0 0 32px rgba(98,245,255,.66);animation:neonFlickerCyan .7s steps(4,end) infinite}
.camera-region.sign-photo{left:50%;top:14.5%;width:18%;height:7%;background:rgba(255,75,136,.44);filter:blur(7px);box-shadow:0 0 12px rgba(255,75,136,.68),0 0 24px rgba(255,75,136,.54);animation:neonFlickerPink .76s steps(4,end) infinite}
.camera-region.left-screen{left:8%;top:25%;width:15%;height:17%;background:rgba(98,245,255,.28);filter:blur(9px);box-shadow:0 0 14px rgba(98,245,255,.62),0 0 26px rgba(98,245,255,.42);animation:cameraPanelPulse .78s steps(4,end) infinite}
.camera-region.pay-here{left:8%;top:43%;width:12%;height:18%;background:rgba(255,75,136,.26);filter:blur(8px);box-shadow:0 0 12px rgba(255,75,136,.62),0 0 24px rgba(255,75,136,.44);animation:neonFlickerPink .72s steps(4,end) infinite}
.camera-region.photos-here{left:8%;top:66%;width:12%;height:13%;background:rgba(98,245,255,.34);filter:blur(8px);box-shadow:0 0 14px rgba(98,245,255,.7),0 0 26px rgba(98,245,255,.52);animation:neonFlickerCyan .64s steps(4,end) infinite}
.camera-region.photo-samples{left:65%;top:24%;width:10%;height:32%;background:linear-gradient(180deg,rgba(255,75,136,.12),rgba(255,255,255,.08),rgba(255,75,136,.12));filter:blur(10px);animation:cameraPanelPulse .92s steps(4,end) infinite}
.camera-region.no-refunds{left:65%;top:60%;width:14%;height:16%;background:rgba(255,75,136,.22);filter:blur(9px);box-shadow:0 0 12px rgba(255,75,136,.58),0 0 24px rgba(255,75,136,.42);animation:neonFlickerPink .8s steps(4,end) infinite}
.camera-region.bottom-face{left:66%;top:79%;width:13%;height:10%;background:rgba(255,75,136,.3);border-radius:50%;filter:blur(10px);animation:neonFlickerPink .74s steps(4,end) infinite}
.camera-region.left-face{left:6%;top:3%;width:13%;height:12%;background:rgba(255,75,136,.28);border-radius:50%;filter:blur(10px);animation:neonFlickerPink .78s steps(4,end) infinite}
.camera-region.right-face{left:61%;top:3%;width:13%;height:12%;background:rgba(255,75,136,.28);border-radius:50%;filter:blur(10px);animation:neonFlickerPink .82s steps(4,end) infinite}
.camera-region.booth-glow{left:26%;top:26%;width:29%;height:52%;background:linear-gradient(180deg,rgba(255,75,136,.12),rgba(98,245,255,.12));filter:blur(12px);animation:cameraBoothGlow 1.4s ease-in-out infinite}
.camera-region.curtain-glow{left:38%;top:25%;width:15%;height:47%;background:rgba(255,75,136,.2);filter:blur(12px);animation:neonFlickerPink .9s steps(4,end) infinite}
.camera-region.step-glow{left:32%;top:88%;width:18%;height:4%;background:rgba(255,75,136,.4);filter:blur(8px);box-shadow:0 0 14px rgba(255,75,136,.7),0 0 28px rgba(255,75,136,.54);animation:neonFlickerPink .6s steps(4,end) infinite}
.camera-region.side-copy{left:80%;top:44%;width:10%;height:25%;background:rgba(255,75,136,.22);filter:blur(9px);box-shadow:0 0 12px rgba(255,75,136,.56),0 0 24px rgba(255,75,136,.38);animation:neonFlickerPink .86s steps(4,end) infinite}
.camera-glitch{left:0;right:0;opacity:0;mix-blend-mode:screen}
.camera-glitch.strip-1{top:11%;height:4.2%;background:linear-gradient(90deg,rgba(255,75,136,.28),rgba(98,245,255,.16));animation:heavyGlitch1 1.06s steps(1,end) infinite}
.camera-glitch.strip-2{top:35%;height:4.8%;background:linear-gradient(90deg,rgba(98,245,255,.18),rgba(255,75,136,.28));animation:heavyGlitch2 1.34s steps(1,end) infinite}
.camera-glitch.strip-3{top:58%;height:4.6%;background:linear-gradient(90deg,rgba(255,75,136,.22),rgba(98,245,255,.18));animation:heavyGlitch3 1.72s steps(1,end) infinite}
.camera-glitch.strip-4{top:83%;height:4.4%;background:linear-gradient(90deg,rgba(255,75,136,.22),rgba(98,245,255,.18));animation:heavyGlitch4 1.18s steps(1,end) infinite}
@keyframes cameraPanelPulse{0%,100%{opacity:.52}8%{opacity:.24}16%{opacity:.74}30%{opacity:.32}44%{opacity:.82}60%{opacity:.26}74%{opacity:.72}90%{opacity:.3}}
@keyframes cameraBoothGlow{0%,100%{opacity:.18}50%{opacity:.34}}


.blind-machine-stage{position:relative;width:min(100%,880px);border-radius:28px;overflow:hidden;background:#07090c;box-shadow:0 24px 60px rgba(0,0,0,.5), inset 0 0 0 1px rgba(255,255,255,.05)}
.blind-machine-stage .machine-base-image{width:100%;height:auto}
.blind-bg-neon,.blind-region,.blind-glitch{position:absolute;pointer-events:none}
.blind-bg-neon{border-radius:999px;filter:blur(40px);mix-blend-mode:screen}
.blind-bg-neon.halo-left{left:-5%;top:8%;width:28%;height:82%;background:rgba(255,75,136,.28);animation:neonFlickerPink .8s steps(4,end) infinite}
.blind-bg-neon.halo-right{right:-5%;top:10%;width:24%;height:82%;background:rgba(98,245,255,.18);animation:neonFlickerCyan .84s steps(4,end) infinite}
.blind-bg-neon.halo-top{left:16%;top:-3%;width:56%;height:16%;background:rgba(255,75,136,.16);animation:softPulse 1.2s steps(3,end) infinite}
.blind-bg-neon.halo-bottom{left:22%;bottom:-3%;width:42%;height:12%;background:rgba(98,245,255,.10);animation:softPulse 1.1s steps(3,end) infinite reverse}
.blind-region{mix-blend-mode:screen;opacity:.72}
.blind-region.sign-red{left:24%;top:4%;width:36%;height:10%;background:rgba(255,75,136,.64);filter:blur(8px);box-shadow:0 0 18px rgba(255,75,136,.92),0 0 38px rgba(255,75,136,.74);animation:neonFlickerPink .66s steps(4,end) infinite}
.blind-region.sign-cyan{left:34%;top:16%;width:24%;height:6%;background:rgba(98,245,255,.6);filter:blur(8px);box-shadow:0 0 16px rgba(98,245,255,.82),0 0 32px rgba(98,245,255,.66);animation:neonFlickerCyan .7s steps(4,end) infinite}
.blind-region.right-top{left:70%;top:25%;width:12%;height:13%;background:rgba(255,75,136,.34);filter:blur(8px);box-shadow:0 0 14px rgba(255,75,136,.72),0 0 24px rgba(255,75,136,.52);animation:neonFlickerPink .76s steps(4,end) infinite}
.blind-region.mystery-panel{left:69.5%;top:48%;width:12%;height:14%;background:rgba(98,245,255,.34);filter:blur(8px);box-shadow:0 0 14px rgba(98,245,255,.76),0 0 28px rgba(98,245,255,.56);animation:neonFlickerCyan .64s steps(4,end) infinite}
.blind-region.no-returns{left:69%;top:65%;width:14%;height:10%;background:rgba(255,75,136,.24);filter:blur(8px);box-shadow:0 0 12px rgba(255,75,136,.62),0 0 22px rgba(255,75,136,.44);animation:neonFlickerPink .82s steps(4,end) infinite}
.blind-region.side-face{left:80%;top:18%;width:13%;height:18%;background:rgba(255,75,136,.32);border-radius:50%;filter:blur(10px);animation:neonFlickerPink .78s steps(4,end) infinite}
.blind-region.side-copy{left:79%;top:43%;width:12%;height:25%;background:rgba(255,75,136,.22);filter:blur(9px);box-shadow:0 0 12px rgba(255,75,136,.56),0 0 24px rgba(255,75,136,.38);animation:neonFlickerPink .88s steps(4,end) infinite}
.blind-region.collect-slot{left:24%;top:82%;width:31%;height:6%;background:rgba(98,245,255,.4);filter:blur(8px);box-shadow:0 0 14px rgba(98,245,255,.74),0 0 28px rgba(98,245,255,.58);animation:neonFlickerCyan .62s steps(4,end) infinite}
.blind-region.bag-row-top{left:22%;top:31%;width:34%;height:18%;background:linear-gradient(90deg,rgba(255,75,136,.10),rgba(255,255,255,.14),rgba(98,245,255,.08));filter:blur(12px);animation:cameraBoothGlow 1.3s ease-in-out infinite}
.blind-region.bag-row-bottom{left:22%;top:54%;width:34%;height:18%;background:linear-gradient(90deg,rgba(98,245,255,.08),rgba(255,255,255,.12),rgba(255,75,136,.10));filter:blur(12px);animation:cameraBoothGlow 1.45s ease-in-out infinite reverse}
.blind-region.case-glow{left:17%;top:23%;width:43%;height:53%;background:linear-gradient(180deg,rgba(255,75,136,.12),rgba(98,245,255,.08));filter:blur(13px);animation:cameraBoothGlow 1.6s ease-in-out infinite}
.blind-region.lower-face{left:70%;top:78%;width:11%;height:10%;background:rgba(255,75,136,.28);border-radius:50%;filter:blur(10px);animation:neonFlickerPink .72s steps(4,end) infinite}
.blind-glitch{left:0;right:0;opacity:0;mix-blend-mode:screen}
.blind-glitch.strip-1{top:11%;height:4.2%;background:linear-gradient(90deg,rgba(255,75,136,.28),rgba(98,245,255,.16));animation:heavyGlitch1 1.02s steps(1,end) infinite}
.blind-glitch.strip-2{top:33%;height:4.8%;background:linear-gradient(90deg,rgba(98,245,255,.18),rgba(255,75,136,.28));animation:heavyGlitch2 1.34s steps(1,end) infinite}
.blind-glitch.strip-3{top:57%;height:4.6%;background:linear-gradient(90deg,rgba(255,75,136,.22),rgba(98,245,255,.18));animation:heavyGlitch3 1.72s steps(1,end) infinite}
.blind-glitch.strip-4{top:82%;height:4.4%;background:linear-gradient(90deg,rgba(255,75,136,.22),rgba(98,245,255,.18));animation:heavyGlitch4 1.18s steps(1,end) infinite}


.hub-title{position:absolute;z-index:4;left:50%;top:4.7%;transform:translateX(-50%);width:70%;text-align:center;font:900 clamp(42px,6.8vw,112px)/.9 "Arial Black",Arial,sans-serif;letter-spacing:.03em;color:#f5f3ee;text-shadow:0 0 2px #fff,0 0 15px rgba(98,245,255,.55),0 0 30px rgba(255,75,136,.5),0 0 55px rgba(98,245,255,.32);animation:hubTitlePulse 2.2s ease-in-out infinite,hubTitleFlicker 6.4s steps(1,end) infinite;pointer-events:none}
@keyframes hubTitlePulse{0%,100%{filter:brightness(1);transform:translateX(-50%) scale(1)}50%{filter:brightness(1.22);transform:translateX(-50%) scale(1.015)}}
@keyframes hubTitleFlicker{0%,89%,100%{opacity:1}90%{opacity:.65}91%{opacity:1}92%{opacity:.78}93%{opacity:1}95%{opacity:.6}96%{opacity:1}}
.cards-machine-stage,.frosty-machine-stage,.quarter-machine-stage,.camera-machine-stage,.blind-machine-stage,.cart-machine-stage,.addict-machine-stage,.cheap-machine-stage,.squid-machine-stage,.notso-machine-stage,.sale-machine-stage,.kitchen-machine-stage,.backroom-machine-stage,.penny-machine-stage,.voxels-machine-stage,.free-machine-stage{width:min(100%,760px);aspect-ratio:1/1}
.cards-machine-stage>.machine-base-image,.frosty-machine-stage>.machine-base-image,.quarter-machine-stage>.machine-base-image,.camera-machine-stage>.machine-base-image,.blind-machine-stage>.machine-base-image,.cart-machine-stage>.machine-base-image,.addict-machine-stage>.machine-base-image,.voxels-machine-stage>.machine-base-image,.free-machine-stage>.machine-base-image{width:100%;height:100%;object-fit:cover}
.cart-machine-stage,.addict-machine-stage{position:relative;border-radius:28px;overflow:hidden;background:#07090c;box-shadow:0 24px 60px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.05)}
.generic-halo,.cart-region,.addict-region,.generic-glitch{position:absolute;pointer-events:none;mix-blend-mode:screen}.generic-halo{border-radius:999px;filter:blur(42px)}.generic-halo.pink{left:-5%;top:5%;width:30%;height:85%;background:rgba(255,75,136,.28);animation:neonFlickerPink .8s steps(4,end) infinite}.generic-halo.cyan{right:-5%;top:8%;width:28%;height:82%;background:rgba(98,245,255,.2);animation:neonFlickerCyan .84s steps(4,end) infinite}
.cart-region.sign-red{left:28%;top:4%;width:42%;height:12%;background:rgba(255,75,136,.62);filter:blur(8px);animation:neonFlickerPink .64s steps(4,end) infinite}.cart-region.sign-cyan{left:31%;top:16%;width:36%;height:6%;background:rgba(98,245,255,.55);filter:blur(8px);animation:neonFlickerCyan .7s steps(4,end) infinite}.cart-region.tagline{left:27%;top:23%;width:47%;height:5%;background:rgba(255,75,136,.42);filter:blur(7px);animation:neonFlickerPink .72s steps(4,end) infinite}.cart-region.product-glow{left:12%;top:42%;width:76%;height:50%;background:radial-gradient(circle,rgba(255,75,136,.12),rgba(98,245,255,.08),transparent 70%);filter:blur(16px);animation:cameraBoothGlow 1.4s ease-in-out infinite}.cart-region.left-signs{left:0;top:4%;width:18%;height:50%;background:rgba(255,75,136,.16);filter:blur(10px);animation:neonFlickerPink .8s steps(4,end) infinite}.cart-region.right-signs{right:0;top:6%;width:18%;height:50%;background:rgba(98,245,255,.12);filter:blur(10px);animation:neonFlickerCyan .86s steps(4,end) infinite}
.addict-region.title-pink{left:29%;top:4%;width:47%;height:12%;background:rgba(255,75,136,.62);filter:blur(8px);animation:neonFlickerPink .62s steps(4,end) infinite}.addict-region.title-cyan{left:35%;top:16%;width:42%;height:7%;background:rgba(98,245,255,.55);filter:blur(8px);animation:neonFlickerCyan .68s steps(4,end) infinite}.addict-region.case{left:17%;top:22%;width:62%;height:62%;background:linear-gradient(180deg,rgba(255,75,136,.08),rgba(98,245,255,.08));filter:blur(14px);animation:cameraBoothGlow 1.35s ease-in-out infinite}.addict-region.right-screen{right:8%;top:23%;width:15%;height:25%;background:rgba(255,75,136,.25);filter:blur(9px);animation:neonFlickerPink .76s steps(4,end) infinite}.addict-region.insert{right:7%;top:48%;width:15%;height:18%;background:rgba(98,245,255,.2);filter:blur(9px);animation:neonFlickerCyan .8s steps(4,end) infinite}.addict-region.lower-text{left:29%;bottom:7%;width:35%;height:6%;background:rgba(255,75,136,.28);filter:blur(8px);animation:neonFlickerPink .72s steps(4,end) infinite}
.generic-glitch{left:0;right:0;opacity:0}.generic-glitch.a{top:18%;height:4%;background:linear-gradient(90deg,rgba(255,75,136,.3),rgba(98,245,255,.18));animation:heavyGlitch1 1.05s steps(1,end) infinite}.generic-glitch.b{top:49%;height:5%;background:linear-gradient(90deg,rgba(98,245,255,.18),rgba(255,75,136,.3));animation:heavyGlitch2 1.4s steps(1,end) infinite}.generic-glitch.c{top:78%;height:4%;background:linear-gradient(90deg,rgba(255,75,136,.24),rgba(98,245,255,.18));animation:heavyGlitch3 1.75s steps(1,end) infinite}
@media(max-width:760px){.hub-title{top:5.2%;font-size:clamp(34px,9vw,62px)}}


/* Clean hub directory */
.hub-home{max-width:1500px;margin:0 auto;padding:20px 16px 48px}
.hub-home-header{display:flex;justify-content:center;align-items:center;padding:10px 0 26px}
.hub-home-title{margin:0;text-align:center;font:900 clamp(42px,7vw,110px)/.9 "Arial Black",Arial,sans-serif;letter-spacing:.05em;color:#f6f2eb;text-shadow:0 0 2px rgba(255,255,255,.96),0 0 16px rgba(98,245,255,.55),0 0 32px rgba(98,245,255,.34),0 0 24px rgba(255,85,103,.5),0 0 54px rgba(255,85,103,.32);animation:titleNeonPulse 2.2s ease-in-out infinite,titleFlicker 6.4s steps(1,end) infinite}
.hub-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.machine-card{display:flex;flex-direction:column;min-width:0;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,rgba(15,15,14,.96),rgba(8,8,8,.98));border:1px solid rgba(58,54,48,.92);box-shadow:0 24px 60px rgba(0,0,0,.45), inset 0 0 0 1px rgba(255,255,255,.03);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.machine-card:hover,.machine-card:focus-visible{transform:translateY(-2px);box-shadow:0 28px 70px rgba(0,0,0,.52),0 0 0 1px rgba(224,208,166,.18),0 0 26px rgba(98,245,255,.12);border-color:rgba(130,123,106,.95)}
.machine-card.is-live{border-color:rgba(98,245,255,.42);box-shadow:0 24px 60px rgba(0,0,0,.5),0 0 0 1px rgba(98,245,255,.08),0 0 28px rgba(98,245,255,.08)}
.card-media{aspect-ratio:1/1;overflow:hidden;background:#050607;border-bottom:1px solid rgba(56,53,48,.92)}
.card-media img{width:100%;height:100%;object-fit:cover;display:block}
.card-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 18px 20px;min-height:128px}
.card-copy h2{margin:0;font:900 clamp(22px,1.8vw,28px)/1.02 "Arial Black",Arial,sans-serif;letter-spacing:.025em;text-transform:uppercase;color:#f3efe7;min-height:2.25em;display:flex;align-items:flex-start}
.card-status{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 14px;border-radius:999px;border:1px solid rgba(194,172,92,.38);font:800 12px/1 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;background:rgba(18,16,12,.9);box-shadow:0 0 18px rgba(0,0,0,.18)}
.card-status.live{color:#dffcff;border-color:rgba(98,245,255,.44);box-shadow:0 0 16px rgba(98,245,255,.1),inset 0 0 0 1px rgba(98,245,255,.05)}
.card-status.coming{color:#dec77a}
.card-status.inactive{color:#b6b0a4;border-color:rgba(116,111,101,.34)}
.placeholder-card{opacity:.86}.placeholder-card:hover,.placeholder-card:focus-visible{transform:none;box-shadow:0 24px 60px rgba(0,0,0,.45), inset 0 0 0 1px rgba(255,255,255,.03);border-color:rgba(58,54,48,.92)}
.placeholder-media{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 35%,rgba(255,75,136,.12),rgba(98,245,255,.08) 38%,rgba(9,9,9,.98) 72%)}
.placeholder-media span{padding:12px 16px;border-radius:999px;border:1px solid rgba(194,172,92,.28);font:800 12px/1 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#cfc7bb;background:rgba(13,12,10,.8)}
@media(max-width:1260px){.hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:920px){.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-home{padding-inline:12px}.card-copy{min-height:120px}}
@media(max-width:580px){.hub-grid{grid-template-columns:1fr}.hub-home-header{padding-bottom:20px}.card-copy h2{min-height:auto}}

.cheap-machine-stage{position:relative;border-radius:28px;overflow:hidden;background:#07090c;box-shadow:0 24px 60px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.05)}
.cheap-machine-stage .machine-base-image{width:100%;height:100%;object-fit:cover}
.cheap-region{position:absolute;pointer-events:none;mix-blend-mode:screen}
.cheap-region.title-main{left:25%;top:34%;width:35%;height:20%;background:rgba(255,75,136,.42);filter:blur(12px);animation:neonFlickerPink .64s steps(4,end) infinite}
.cheap-region.top-junk{left:32%;top:8%;width:40%;height:18%;background:linear-gradient(180deg,rgba(255,75,136,.08),rgba(98,245,255,.08));filter:blur(14px);animation:cameraBoothGlow 1.3s ease-in-out infinite}
.cheap-region.screen-pink{left:21%;top:26%;width:46%;height:38%;background:radial-gradient(circle,rgba(255,75,136,.18),rgba(255,75,136,.08),transparent 75%);filter:blur(16px);animation:neonFlickerPink .72s steps(4,end) infinite}
.cheap-region.right-panel{left:70%;top:20%;width:13%;height:46%;background:linear-gradient(180deg,rgba(255,75,136,.12),rgba(98,245,255,.1));filter:blur(10px);animation:cameraPanelPulse .82s steps(4,end) infinite}
.cheap-region.button-green{left:70%;top:49%;width:12%;height:7%;background:rgba(98,245,255,.34);filter:blur(9px);animation:neonFlickerCyan .7s steps(4,end) infinite}
.cheap-region.disappointed{left:73%;top:68%;width:10%;height:12%;background:rgba(255,75,136,.24);filter:blur(9px);animation:neonFlickerPink .84s steps(4,end) infinite}
.cheap-region.left-trash{left:2%;top:30%;width:24%;height:56%;background:linear-gradient(180deg,rgba(255,75,136,.12),rgba(98,245,255,.08));filter:blur(14px);animation:cameraBoothGlow 1.4s ease-in-out infinite}
.cheap-region.floor-trash{left:10%;bottom:3%;width:76%;height:16%;background:radial-gradient(circle,rgba(255,75,136,.12),rgba(98,245,255,.08),transparent 72%);filter:blur(14px);animation:cameraBoothGlow 1.6s ease-in-out infinite}

@media(max-width:1080px){.cards-page{grid-template-columns:1fr;gap:22px}.cards-machine-wrap{justify-content:center}.cards-intro{padding-top:10px}}

.squid-machine-stage{position:relative;border-radius:28px;overflow:hidden;background:#07090c;box-shadow:0 24px 60px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.05)}
.squid-machine-stage .machine-base-image{width:100%;height:100%;object-fit:cover}
.squid-region{position:absolute;pointer-events:none;mix-blend-mode:screen}
.squid-region.title-pink{left:27%;top:5%;width:38%;height:12%;background:rgba(255,75,136,.58);filter:blur(8px);animation:neonFlickerPink .62s steps(4,end) infinite}
.squid-region.title-cyan{left:36%;top:18%;width:27%;height:6%;background:rgba(98,245,255,.52);filter:blur(8px);animation:neonFlickerCyan .68s steps(4,end) infinite}
.squid-region.case-glow{left:18%;top:22%;width:45%;height:56%;background:linear-gradient(180deg,rgba(255,75,136,.10),rgba(98,245,255,.08));filter:blur(14px);animation:cameraBoothGlow 1.35s ease-in-out infinite}
.squid-region.screen-glow{left:65%;top:23%;width:15%;height:18%;background:rgba(98,245,255,.28);filter:blur(10px);animation:neonFlickerCyan .76s steps(4,end) infinite}
.squid-region.payment-panel{left:66%;top:42%;width:13%;height:19%;background:rgba(255,75,136,.22);filter:blur(10px);animation:neonFlickerPink .8s steps(4,end) infinite}
.squid-region.eye-scan{left:67%;top:67%;width:12%;height:12%;background:radial-gradient(circle,rgba(255,75,136,.35),rgba(98,245,255,.15),transparent 70%);filter:blur(10px);animation:neonFlickerPink .74s steps(4,end) infinite}
.squid-region.left-sign{left:0;top:22%;width:18%;height:50%;background:rgba(98,245,255,.12);filter:blur(12px);animation:cameraBoothGlow 1.4s ease-in-out infinite}
.squid-region.squid-body{left:73%;top:7%;width:26%;height:84%;background:radial-gradient(circle,rgba(255,75,136,.16),rgba(255,75,136,.08),transparent 76%);filter:blur(14px);animation:cameraBoothGlow 1.6s ease-in-out infinite}


.notso-machine-stage{position:relative;border-radius:28px;overflow:hidden;background:#07090c;box-shadow:0 24px 60px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.05)}
.notso-machine-stage .machine-base-image{width:100%;height:100%;object-fit:cover}
.notso-region{position:absolute;pointer-events:none;mix-blend-mode:screen}
.notso-region.title-pink{left:28%;top:4%;width:42%;height:16%;background:rgba(255,75,136,.48);filter:blur(10px);animation:neonFlickerPink .66s steps(4,end) infinite}
.notso-region.title-cyan{left:16%;top:21%;width:56%;height:10%;background:rgba(98,245,255,.42);filter:blur(10px);animation:neonFlickerCyan .72s steps(4,end) infinite}
.notso-region.left-kiosk{left:4%;top:43%;width:13%;height:26%;background:rgba(98,245,255,.24);filter:blur(12px);animation:neonFlickerCyan .8s steps(4,end) infinite}
.notso-region.open-sign{left:68%;top:44%;width:12%;height:16%;background:rgba(255,75,136,.22);filter:blur(10px);animation:neonFlickerPink .76s steps(4,end) infinite}
.notso-region.front-door{left:32%;top:33%;width:30%;height:36%;background:linear-gradient(180deg,rgba(255,75,136,.10),rgba(98,245,255,.08));filter:blur(14px);animation:cameraBoothGlow 1.35s ease-in-out infinite}
.notso-region.right-face{right:4%;top:33%;width:16%;height:30%;background:rgba(255,75,136,.20);filter:blur(12px);animation:neonFlickerPink .84s steps(4,end) infinite}
.notso-region.floor-reflect{left:10%;bottom:0;width:80%;height:22%;background:radial-gradient(circle,rgba(255,75,136,.14),rgba(98,245,255,.10),transparent 72%);filter:blur(16px);animation:cameraBoothGlow 1.6s ease-in-out infinite}

.voxels-machine-stage{position:relative;border-radius:28px;overflow:hidden;background:#07090c;box-shadow:0 24px 60px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.05)}
.voxels-machine-stage .machine-base-image{width:100%;height:100%;object-fit:cover}
.voxels-region{position:absolute;pointer-events:none;mix-blend-mode:screen}
.voxels-region.left-red{left:17%;top:12%;width:22%;height:48%;background:rgba(255,75,136,.34);filter:blur(14px);animation:neonFlickerPink .68s steps(4,end) infinite}
.voxels-region.right-cyan{left:63%;top:11%;width:24%;height:49%;background:rgba(98,245,255,.26);filter:blur(14px);animation:neonFlickerCyan .74s steps(4,end) infinite}
.voxels-region.center-red{left:36%;top:48%;width:26%;height:26%;background:rgba(255,75,136,.22);filter:blur(16px);animation:neonFlickerPink .82s steps(4,end) infinite}
.voxels-region.bottom-glow{left:20%;bottom:1%;width:58%;height:12%;background:radial-gradient(circle,rgba(255,75,136,.26),rgba(255,75,136,.12),transparent 72%);filter:blur(16px);animation:cameraBoothGlow 1.55s ease-in-out infinite}
.subhub-links{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:8px}
.subhub-card{display:flex;flex-direction:column;gap:12px;padding:22px;border-radius:22px;background:linear-gradient(180deg,rgba(15,15,14,.96),rgba(8,8,8,.98));border:1px solid rgba(58,54,48,.92);box-shadow:0 24px 60px rgba(0,0,0,.45), inset 0 0 0 1px rgba(255,255,255,.03);text-decoration:none}
.subhub-card:hover,.subhub-card:focus-visible{border-color:rgba(130,123,106,.95);box-shadow:0 28px 70px rgba(0,0,0,.52),0 0 0 1px rgba(224,208,166,.18),0 0 26px rgba(98,245,255,.12)}
.subhub-kicker{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-height:30px;padding:7px 12px;border-radius:999px;border:1px solid rgba(194,172,92,.32);font:800 11px/1 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#dec77a;background:rgba(18,16,12,.9)}
.subhub-card h2{margin:0;font:900 clamp(22px,2vw,30px)/1.05 "Arial Black",Arial,sans-serif;letter-spacing:.02em;text-transform:uppercase;color:#f3efe7}
.subhub-status{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-height:34px;padding:8px 14px;border-radius:999px;border:1px solid rgba(116,111,101,.34);font:800 12px/1 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#b6b0a4;background:rgba(18,16,12,.9)}
/* Department-card alignment lock: equal title zone and bottom action baseline. */
.subhub-card{height:100%}
.subhub-card h2{min-height:3.2em}
.subhub-status{margin-top:auto}

@media(max-width:820px){.subhub-links{grid-template-columns:1fr}}

.subhub-media{aspect-ratio:1/1;border-radius:16px;overflow:hidden;background:#050607;border:1px solid rgba(56,53,48,.92);margin-bottom:4px}
.subhub-media img{width:100%;height:100%;object-fit:cover;display:block}


/* v12.9.25 — full mobile optimization */
html,body{max-width:100%;overflow-x:hidden}
.hub-home-title{max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:normal}

@media(max-width:760px){
  .hub-home{width:100%;max-width:100%;padding:14px 10px 36px}
  .hub-home-header{width:100%;padding:8px 4px 20px;overflow:visible}
  .hub-home-title{
    width:100%;
    max-width:100%;
    font-size:clamp(20px,7.2vw,34px);
    line-height:1;
    letter-spacing:.01em;
    text-align:center;
    white-space:nowrap;
    overflow-wrap:normal;
    word-break:normal;
  }
  .hub-grid{grid-template-columns:1fr;gap:16px;width:100%}
  .machine-card{width:100%;border-radius:18px}
  .card-copy{min-height:0;padding:15px 15px 17px;gap:11px}
  .card-copy h2{min-height:0;font-size:clamp(21px,6.5vw,28px);line-height:1.02;overflow-wrap:anywhere}
  .card-status{max-width:100%;min-height:32px;padding:8px 12px;font-size:11px;letter-spacing:.1em;white-space:normal;text-align:center}

  .page-header{
    width:100%;
    padding:14px 12px 8px;
    align-items:flex-start;
    gap:10px;
  }
  .page-header .brand{font-size:17px;line-height:1.05;letter-spacing:.035em;max-width:48%;overflow-wrap:anywhere}
  .page-header .back{font-size:10px;line-height:1.2;letter-spacing:.06em;text-align:right;max-width:48%;white-space:normal}

  .cards-page{
    width:100%;
    max-width:100%;
    grid-template-columns:1fr;
    gap:18px;
    padding:12px 10px 36px;
  }
  .cards-intro{width:100%;max-width:100%;padding-top:6px;text-align:center}
  .neon-kicker{font-size:10px;letter-spacing:.11em;padding:8px 10px}
  .neon-title{
    width:100%;
    max-width:100%;
    margin:16px 0 10px;
    font-size:clamp(29px,9.5vw,48px);
    line-height:.94;
    letter-spacing:.018em;
    overflow-wrap:anywhere;
    word-break:normal;
  }
  .neon-subtitle{
    width:100%;
    max-width:100%;
    font-size:clamp(14px,4.6vw,20px);
    line-height:1.15;
    letter-spacing:.09em;
    overflow-wrap:anywhere;
  }
  .cards-machine-wrap{width:100%;max-width:100%;justify-content:center}
  .cards-machine-stage,.frosty-machine-stage,.quarter-machine-stage,.camera-machine-stage,.blind-machine-stage,.cart-machine-stage,.addict-machine-stage,.cheap-machine-stage,.squid-machine-stage,.notso-machine-stage,.sale-machine-stage,.kitchen-machine-stage,.backroom-machine-stage,.penny-machine-stage,.voxels-machine-stage,.free-machine-stage{
    width:100%;
    max-width:100%;
    border-radius:18px;
  }
  .machine-base-image{width:100%;height:100%;object-fit:cover}

  .subhub-links{grid-template-columns:1fr;gap:14px;width:100%;max-width:100%;margin-top:2px}
  .subhub-card{width:100%;padding:14px;border-radius:18px;overflow:hidden}
  .subhub-media{border-radius:13px}
  .subhub-card h2{font-size:clamp(20px,6.2vw,27px);line-height:1.04;overflow-wrap:anywhere}
  .subhub-status,.subhub-kicker{max-width:100%;white-space:normal;text-align:center}

  .screen-label{font-size:clamp(17px,5.8vw,30px);letter-spacing:.07em;line-height:.95}
  .screen-label.hover{font-size:clamp(11px,3.35vw,17px);width:94%;max-width:94%;letter-spacing:.01em;line-height:.95;white-space:nowrap}
}

@media(max-width:390px){
  .hub-home-title{font-size:clamp(18px,6.8vw,28px);letter-spacing:0;white-space:nowrap}
  .neon-title{font-size:clamp(27px,9vw,40px)}
  .page-header .brand{font-size:15px}
  .page-header .back{font-size:9px}
}


/* v12.9.29 — universal machine-page overlap fix */
.cards-page{
  width:min(100%,1120px);
  max-width:1120px;
  grid-template-columns:minmax(0,350px) minmax(0,650px);
  gap:34px;
  padding-left:18px;
  padding-right:18px;
  overflow:hidden;
}
.cards-intro{
  width:100%;
  max-width:350px;
  min-width:0;
  overflow:hidden;
}
.neon-title{
  width:100%;
  max-width:100%;
  font-size:clamp(30px,3.25vw,50px);
  line-height:.96;
  letter-spacing:.02em;
  overflow-wrap:anywhere;
  word-break:normal;
}
.neon-subtitle{
  width:100%;
  max-width:100%;
  font-size:clamp(15px,1.35vw,21px);
  line-height:1.18;
  letter-spacing:.10em;
  overflow-wrap:anywhere;
  word-break:normal;
}
.cards-machine-wrap{
  width:100%;
  min-width:0;
  max-width:650px;
  justify-content:center;
  overflow:hidden;
}
.cards-machine-stage,.frosty-machine-stage,.quarter-machine-stage,.camera-machine-stage,.blind-machine-stage,.cart-machine-stage,.addict-machine-stage,.cheap-machine-stage,.squid-machine-stage,.notso-machine-stage,.sale-machine-stage,.kitchen-machine-stage,.backroom-machine-stage,.penny-machine-stage,.voxels-machine-stage,.free-machine-stage{
  width:min(100%,650px);
  max-width:650px;
  min-width:0;
  aspect-ratio:1/1;
}
.cards-machine-stage>.machine-base-image,.frosty-machine-stage>.machine-base-image,.quarter-machine-stage>.machine-base-image,.camera-machine-stage>.machine-base-image,.blind-machine-stage>.machine-base-image,.cart-machine-stage>.machine-base-image,.addict-machine-stage>.machine-base-image,.cheap-machine-stage>.machine-base-image,.squid-machine-stage>.machine-base-image,.notso-machine-stage>.machine-base-image,.sale-machine-stage>.machine-base-image,.kitchen-machine-stage>.machine-base-image,.backroom-machine-stage>.machine-base-image,.penny-machine-stage>.machine-base-image,.voxels-machine-stage>.machine-base-image{
  width:100%;
  height:100%;
  object-fit:cover;
}
.subhub-links{width:100%;max-width:1120px;overflow:hidden}
.subhub-card{min-width:0;overflow:hidden}
.subhub-card h2{overflow-wrap:anywhere;word-break:normal}

@media(max-width:1120px){
  .cards-page{
    width:min(100%,760px);
    max-width:760px;
    grid-template-columns:1fr;
    gap:22px;
  }
  .cards-intro{
    max-width:760px;
    text-align:center;
    padding-top:8px;
  }
  .neon-title{
    font-size:clamp(30px,6vw,48px);
    line-height:.96;
  }
  .neon-subtitle{
    font-size:clamp(15px,2.8vw,20px);
  }
  .cards-machine-wrap{
    max-width:650px;
    margin:0 auto;
  }
}

@media(max-width:760px){
  .cards-page{
    width:100%;
    max-width:100%;
    padding:10px 10px 34px;
    gap:16px;
    overflow:visible;
  }
  .cards-intro{max-width:100%;overflow:visible}
  .neon-title{
    font-size:clamp(24px,8vw,38px);
    line-height:.98;
    letter-spacing:.01em;
    overflow-wrap:anywhere;
  }
  .neon-subtitle{
    font-size:clamp(12px,4vw,17px);
    line-height:1.2;
    letter-spacing:.07em;
  }
  .cards-machine-wrap{max-width:100%;overflow:visible}
  .cards-machine-stage,.frosty-machine-stage,.quarter-machine-stage,.camera-machine-stage,.blind-machine-stage,.cart-machine-stage,.addict-machine-stage,.cheap-machine-stage,.squid-machine-stage,.notso-machine-stage,.sale-machine-stage,.kitchen-machine-stage,.backroom-machine-stage,.penny-machine-stage,.voxels-machine-stage,.free-machine-stage{
    width:100%;
    max-width:100%;
  }
  .page-header{padding-left:10px;padding-right:10px}
  .page-header .brand{max-width:44%;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:clip}
  .page-header .back{max-width:54%;font-size:9px}
}


/* v12.9.30 — real machine-page sizing fix: no broken words, no overlap */
.cards-page{
  width:min(100%,1040px);
  max-width:1040px;
  grid-template-columns:minmax(0,400px) minmax(0,560px);
  gap:32px;
  padding:18px 20px 60px;
  overflow:visible;
  align-items:start;
}
.cards-intro{
  width:100%;
  max-width:400px;
  min-width:0;
  overflow:visible;
  padding-top:24px;
}
.neon-title{
  width:100%;
  max-width:100%;
  margin:18px 0 12px;
  font-size:clamp(28px,3.25vw,46px);
  line-height:.96;
  letter-spacing:.018em;
  overflow-wrap:normal;
  word-break:keep-all;
  hyphens:none;
  text-wrap:balance;
}
.neon-subtitle{
  width:100%;
  max-width:100%;
  font-size:clamp(14px,1.35vw,19px);
  line-height:1.18;
  letter-spacing:.085em;
  overflow-wrap:normal;
  word-break:keep-all;
  hyphens:none;
  text-wrap:balance;
}
.cards-machine-wrap{
  width:100%;
  min-width:0;
  max-width:560px;
  justify-content:center;
  overflow:visible;
}
.cards-machine-stage,.frosty-machine-stage,.quarter-machine-stage,.camera-machine-stage,.blind-machine-stage,.cart-machine-stage,.addict-machine-stage,.cheap-machine-stage,.squid-machine-stage,.notso-machine-stage,.sale-machine-stage,.kitchen-machine-stage,.backroom-machine-stage,.penny-machine-stage,.voxels-machine-stage,.free-machine-stage{
  width:min(100%,560px);
  max-width:560px;
  min-width:0;
  aspect-ratio:1/1;
}
.cards-machine-stage>.machine-base-image,.frosty-machine-stage>.machine-base-image,.quarter-machine-stage>.machine-base-image,.camera-machine-stage>.machine-base-image,.blind-machine-stage>.machine-base-image,.cart-machine-stage>.machine-base-image,.addict-machine-stage>.machine-base-image,.cheap-machine-stage>.machine-base-image,.squid-machine-stage>.machine-base-image,.notso-machine-stage>.machine-base-image,.sale-machine-stage>.machine-base-image,.kitchen-machine-stage>.machine-base-image,.backroom-machine-stage>.machine-base-image,.penny-machine-stage>.machine-base-image,.voxels-machine-stage>.machine-base-image{
  width:100%;
  height:100%;
  object-fit:cover;
}
.subhub-card h2,
.card-copy h2{
  overflow-wrap:normal;
  word-break:keep-all;
  hyphens:none;
}

@media(max-width:980px){
  .cards-page{
    width:min(100%,700px);
    max-width:700px;
    grid-template-columns:1fr;
    gap:20px;
    padding:14px 18px 44px;
  }
  .cards-intro{
    max-width:700px;
    text-align:center;
    padding-top:6px;
  }
  .neon-title{
    font-size:clamp(27px,6.2vw,44px);
    line-height:.98;
    overflow-wrap:normal;
    word-break:keep-all;
  }
  .neon-subtitle{
    font-size:clamp(14px,2.8vw,19px);
    overflow-wrap:normal;
    word-break:keep-all;
  }
  .cards-machine-wrap{
    max-width:620px;
    margin:0 auto;
  }
  .cards-machine-stage,.frosty-machine-stage,.quarter-machine-stage,.camera-machine-stage,.blind-machine-stage,.cart-machine-stage,.addict-machine-stage,.cheap-machine-stage,.squid-machine-stage,.notso-machine-stage,.sale-machine-stage,.kitchen-machine-stage,.backroom-machine-stage,.penny-machine-stage,.voxels-machine-stage,.free-machine-stage{
    width:min(100%,620px);
    max-width:620px;
  }
}

@media(max-width:560px){
  .cards-page{
    width:100%;
    max-width:100%;
    padding:12px 12px 36px;
    gap:16px;
  }
  .cards-intro{
    width:100%;
    max-width:100%;
    overflow:visible;
  }
  .neon-title{
    font-size:clamp(22px,7.2vw,34px);
    line-height:1;
    letter-spacing:.01em;
    overflow-wrap:normal;
    word-break:keep-all;
    hyphens:none;
  }
  .neon-subtitle{
    font-size:clamp(12px,4vw,17px);
    line-height:1.15;
    letter-spacing:.06em;
    overflow-wrap:normal;
    word-break:keep-all;
    hyphens:none;
  }
  .cards-machine-wrap{
    width:100%;
    max-width:100%;
  }
  .cards-machine-stage,.frosty-machine-stage,.quarter-machine-stage,.camera-machine-stage,.blind-machine-stage,.cart-machine-stage,.addict-machine-stage,.cheap-machine-stage,.squid-machine-stage,.notso-machine-stage,.sale-machine-stage,.kitchen-machine-stage,.backroom-machine-stage,.penny-machine-stage,.voxels-machine-stage,.free-machine-stage{
    width:100%;
    max-width:100%;
    border-radius:16px;
  }
  .subhub-card h2,
  .card-copy h2{
    overflow-wrap:normal;
    word-break:keep-all;
    hyphens:none;
  }
}


/* v12.9.31 — keep homepage status badges aligned across every machine card */
.hub-grid .machine-card .card-copy{
  min-height:132px;
  display:grid;
  grid-template-rows:minmax(58px,auto) 34px;
  align-content:space-between;
  gap:14px;
}
.hub-grid .machine-card .card-copy h2{
  min-height:58px;
  margin:0;
  display:block;
}
.hub-grid .machine-card .card-status{
  align-self:end;
  justify-self:start;
  margin:0;
}
@media(max-width:920px){
  .hub-grid .machine-card .card-copy{
    min-height:124px;
    grid-template-rows:minmax(54px,auto) 32px;
  }
  .hub-grid .machine-card .card-copy h2{min-height:54px}
}
@media(max-width:580px){
  .hub-grid .machine-card .card-copy{
    min-height:118px;
    grid-template-rows:minmax(50px,auto) 32px;
  }
  .hub-grid .machine-card .card-copy h2{min-height:50px}
}


/* v12.9.33 — uniform homepage title sizing and hard-aligned status badges */
.hub-grid .machine-card .card-copy{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:flex-start;
  gap:0;
  height:154px;
  min-height:154px;
  padding:18px 18px 18px;
  overflow:visible;
}
.hub-grid .machine-card .card-copy h2{
  display:block;
  width:100%;
  height:auto;
  min-height:0;
  max-height:none;
  margin:0;
  padding:0 0 52px;
  font-family:"Arial Black",Arial,sans-serif;
  font-size:20px;
  font-weight:900;
  line-height:1.08;
  letter-spacing:.015em;
  text-transform:uppercase;
  white-space:normal;
  overflow:visible;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
}
.hub-grid .machine-card .card-status{
  position:absolute;
  left:18px;
  bottom:18px;
  margin:0;
  align-self:auto;
  justify-self:auto;
}
@media(max-width:1260px){
  .hub-grid .machine-card .card-copy{
    height:150px;
    min-height:150px;
  }
  .hub-grid .machine-card .card-copy h2{
    font-size:19px;
    line-height:1.08;
  }
}
@media(max-width:920px){
  .hub-grid .machine-card .card-copy{
    height:142px;
    min-height:142px;
    padding:16px 16px 16px;
  }
  .hub-grid .machine-card .card-copy h2{
    font-size:20px;
    line-height:1.08;
    padding-bottom:48px;
  }
  .hub-grid .machine-card .card-status{
    left:16px;
    bottom:16px;
  }
}
@media(max-width:580px){
  .hub-grid .machine-card .card-copy{
    height:136px;
    min-height:136px;
    padding:15px 15px 15px;
  }
  .hub-grid .machine-card .card-copy h2{
    font-size:20px;
    line-height:1.08;
    padding-bottom:46px;
  }
  .hub-grid .machine-card .card-status{
    left:15px;
    bottom:15px;
  }
}


/* Penny Smash: keep animation confined to the machine artwork only. */
.penny-page .neon-kicker,
.penny-page .neon-title,
.penny-page .neon-subtitle,
.penny-page .brand,
.penny-page .back{
  animation:none !important;
  filter:none !important;
}
.penny-page .neon-title,
.penny-page .neon-subtitle{
  opacity:1 !important;
}


/* Penny Smash hard isolation: the page stays static; only artwork layers animate. */
.penny-body,
.penny-body::before,
.penny-body::after,
.penny-body .page-header,
.penny-body .page-header *,
.penny-body .cards-intro,
.penny-body .cards-intro *{
  animation:none !important;
  transition:none !important;
  filter:none !important;
  opacity:1 !important;
  transform:none !important;
}
.penny-body .penny-machine-stage{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  contain:paint;
}
.penny-body .cards-machine-wrap,
.penny-body .cards-page{
  animation:none !important;
  filter:none !important;
}


/* v12.10.1 homepage expansion, Free + Gas, and Voxels location lock */
.free-machine-stage{position:relative;border-radius:28px;overflow:hidden;background:#07090c;box-shadow:0 24px 60px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.05)}
.free-machine-stage .machine-base-image{width:100%;height:100%;object-fit:cover}
.free-region{position:absolute;pointer-events:none;mix-blend-mode:screen}
.free-region.sign{left:28%;top:13%;width:55%;height:31%;background:rgba(255,75,136,.20);filter:blur(14px);animation:neonFlickerPink .72s steps(4,end) infinite}
.free-region.pump{left:8%;top:42%;width:29%;height:46%;background:linear-gradient(180deg,rgba(255,75,136,.20),rgba(98,245,255,.12));filter:blur(13px);animation:cameraBoothGlow 1.4s ease-in-out infinite}
.free-region.storefront{left:42%;top:44%;width:48%;height:34%;background:rgba(98,245,255,.12);filter:blur(14px);animation:neonFlickerCyan .86s steps(4,end) infinite}
.free-region.pavement{left:8%;bottom:0;width:84%;height:25%;background:radial-gradient(circle,rgba(255,75,136,.18),rgba(98,245,255,.10),transparent 72%);filter:blur(17px);animation:cameraBoothGlow 1.65s ease-in-out infinite}
.voxels-locations{display:grid;gap:18px;width:min(100%,560px);margin-top:8px}
.voxels-location{margin:0;max-width:100%;line-height:1.12}
.voxels-location-divider{display:block;width:min(100%,280px);height:2px;background:linear-gradient(90deg,rgba(98,245,255,0),rgba(98,245,255,.85),rgba(255,75,136,.65),rgba(255,75,136,0));box-shadow:0 0 14px rgba(98,245,255,.55)}
.subhub-card.is-coming{cursor:default;opacity:.88}
.subhub-card.is-coming:hover{transform:none;border-color:rgba(58,54,48,.92);box-shadow:0 24px 60px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.03)}
@media(max-width:760px){.voxels-locations{gap:13px}.voxels-location{font-size:clamp(15px,4.5vw,22px)}.voxels-location-divider{width:70%}}

@media(max-width:560px){
  .subhub-card h2{min-height:3.15em}
}

/* v12.10.8 semi-maximum homepage glitch / static / glow treatment */
.hub-home-title{
  position:relative;
  isolation:isolate;
  animation:hubTitleOverdrivePulse 1.18s ease-in-out infinite,hubTitleOverdriveGlitch 2.45s steps(1,end) infinite !important;
  text-shadow:
    0 0 2px #fff,
    0 0 10px rgba(255,255,255,.9),
    0 0 24px rgba(98,245,255,.94),
    -5px 0 18px rgba(98,245,255,.72),
    5px 0 22px rgba(255,75,136,.84),
    0 0 56px rgba(255,75,136,.62),
    0 0 86px rgba(98,245,255,.48);
  will-change:transform,filter,text-shadow;
}
.hub-home-title::before,
.hub-home-title::after{
  content:"SUPERMARKET.LOL";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.34;
  mix-blend-mode:screen;
  overflow:hidden;
}
.hub-home-title::before{
  color:var(--cyan);
  transform:translate(-3px,0);
  clip-path:polygon(0 9%,100% 9%,100% 29%,0 29%,0 54%,100% 54%,100% 65%,0 65%);
  animation:hubTitleGhostCyan 1.34s steps(1,end) infinite;
}
.hub-home-title::after{
  color:var(--pink);
  transform:translate(4px,0);
  clip-path:polygon(0 34%,100% 34%,100% 49%,0 49%,0 72%,100% 72%,100% 92%,0 92%);
  animation:hubTitleGhostPink 1.07s steps(1,end) infinite;
}

.hub-grid .card-media{
  position:relative;
  isolation:isolate;
  background:#020304;
  box-shadow:inset 0 0 32px rgba(98,245,255,.18),inset 0 0 56px rgba(255,75,136,.13);
}
.hub-grid .card-media img{
  position:relative;
  z-index:1;
  transform:translateZ(0) scale(1.012);
  filter:saturate(1.28) contrast(1.14) brightness(1.03) drop-shadow(0 0 10px rgba(98,245,255,.52)) drop-shadow(0 0 16px rgba(255,75,136,.42));
  animation:hubImageAlwaysGlitch 2.75s steps(1,end) infinite,hubImageAlwaysGlow 1.42s ease-in-out infinite;
  will-change:transform,filter,opacity;
}
.hub-grid .card-media::before,
.hub-grid .card-media::after{
  content:"";
  position:absolute;
  inset:-8%;
  z-index:2;
  pointer-events:none;
  mix-blend-mode:screen;
}
.hub-grid .card-media::before{
  background:
    repeating-linear-gradient(0deg,rgba(255,255,255,.11) 0 1px,transparent 1px 3px),
    repeating-linear-gradient(90deg,rgba(98,245,255,.055) 0 2px,rgba(255,75,136,.045) 2px 4px,transparent 4px 7px),
    radial-gradient(circle at 18% 22%,rgba(98,245,255,.20),transparent 24%),
    radial-gradient(circle at 82% 72%,rgba(255,75,136,.18),transparent 28%);
  opacity:.42;
  animation:hubStaticAlways .17s steps(2,end) infinite,hubStaticBurst 2.1s steps(1,end) infinite;
}
.hub-grid .card-media::after{
  background:
    linear-gradient(90deg,transparent 0 7%,rgba(98,245,255,.25) 7% 11%,transparent 11% 48%,rgba(255,75,136,.22) 48% 54%,transparent 54%),
    repeating-linear-gradient(0deg,transparent 0 14%,rgba(255,255,255,.11) 14% 15%,transparent 15% 31%);
  opacity:.31;
  transform:translateX(-5%);
  animation:hubGlitchSlicesAlways 1.82s steps(1,end) infinite;
}
.hub-grid .machine-card{
  position:relative;
  isolation:isolate;
}
.hub-grid .machine-card::after{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:22px;
  pointer-events:none;
  z-index:4;
  opacity:.38;
  box-shadow:inset 0 0 18px rgba(98,245,255,.20),inset 0 0 28px rgba(255,75,136,.17),0 0 18px rgba(98,245,255,.10),0 0 26px rgba(255,75,136,.08);
  animation:hubModuleGlowAlways 1.55s ease-in-out infinite;
}
.hub-grid .machine-card:hover .card-media img,
.hub-grid .machine-card:focus-visible .card-media img{
  animation:hubImageHoverGlitch .68s steps(1,end) infinite,hubImageHoverGlow .72s ease-in-out infinite;
}
.hub-grid .machine-card:hover .card-media::before,
.hub-grid .machine-card:focus-visible .card-media::before{
  opacity:.72;
  animation:hubStaticHover .085s steps(2,end) infinite,hubStaticBurst .84s steps(1,end) infinite;
}
.hub-grid .machine-card:hover .card-media::after,
.hub-grid .machine-card:focus-visible .card-media::after{
  opacity:.66;
  animation:hubGlitchSlicesHover .48s steps(1,end) infinite;
}
.hub-grid .machine-card:hover::after,
.hub-grid .machine-card:focus-visible::after{
  opacity:.88;
  box-shadow:inset 0 0 24px rgba(98,245,255,.38),inset 0 0 42px rgba(255,75,136,.30),0 0 24px rgba(98,245,255,.34),0 0 44px rgba(255,75,136,.27);
  animation:hubModuleGlowHover .64s ease-in-out infinite;
}

@keyframes hubTitleOverdrivePulse{
  0%,100%{filter:brightness(1) saturate(1.1);transform:scale(1);letter-spacing:.05em}
  48%{filter:brightness(1.42) saturate(1.5);transform:scale(1.018);letter-spacing:.057em}
  52%{filter:brightness(1.14) saturate(1.25);transform:scale(.998)}
}
@keyframes hubTitleOverdriveGlitch{
  0%,7%,12%,24%,29%,56%,62%,83%,100%{transform:translate(0,0) skewX(0)}
  8%{transform:translate(-5px,1px) skewX(-2deg)}
  9%{transform:translate(6px,-1px) skewX(2deg)}
  25%{transform:translate(3px,0) skewX(1deg)}
  26%{transform:translate(-4px,1px) skewX(-1deg)}
  57%{transform:translate(7px,-1px) skewX(2deg)}
  58%{transform:translate(-2px,1px) skewX(-1deg)}
  84%{transform:translate(-6px,0) skewX(-2deg)}
  85%{transform:translate(4px,0) skewX(1deg)}
}
@keyframes hubTitleGhostCyan{
  0%,14%,18%,46%,51%,76%,82%,100%{opacity:.22;transform:translate(-3px,0)}
  15%{opacity:.68;transform:translate(-10px,-1px)}
  16%{opacity:.42;transform:translate(7px,1px)}
  47%{opacity:.72;transform:translate(-12px,0)}
  48%{opacity:.28;transform:translate(5px,-1px)}
  77%{opacity:.62;transform:translate(-8px,2px)}
}
@keyframes hubTitleGhostPink{
  0%,9%,13%,38%,43%,69%,74%,100%{opacity:.20;transform:translate(4px,0)}
  10%{opacity:.62;transform:translate(12px,1px)}
  11%{opacity:.36;transform:translate(-6px,-1px)}
  39%{opacity:.74;transform:translate(10px,-2px)}
  40%{opacity:.24;transform:translate(-4px,1px)}
  70%{opacity:.65;transform:translate(9px,0)}
}
@keyframes hubImageAlwaysGlow{
  0%,100%{filter:saturate(1.24) contrast(1.12) brightness(1.01) drop-shadow(0 0 8px rgba(98,245,255,.46)) drop-shadow(0 0 13px rgba(255,75,136,.36))}
  50%{filter:saturate(1.48) contrast(1.2) brightness(1.12) drop-shadow(0 0 15px rgba(98,245,255,.72)) drop-shadow(0 0 24px rgba(255,75,136,.58))}
}
@keyframes hubImageAlwaysGlitch{
  0%,10%,14%,35%,39%,63%,68%,88%,100%{transform:translate(0,0) scale(1.012);opacity:1}
  11%{transform:translate(-3px,1px) scale(1.018);opacity:.92}
  12%{transform:translate(4px,-1px) scale(1.014);opacity:1}
  36%{transform:translate(2px,0) scale(1.02);opacity:.94}
  37%{transform:translate(-3px,1px) scale(1.012);opacity:1}
  64%{transform:translate(5px,-1px) scale(1.018);opacity:.9}
  65%{transform:translate(-2px,1px) scale(1.014);opacity:1}
  89%{transform:translate(-4px,0) scale(1.019);opacity:.94}
}
@keyframes hubImageHoverGlow{
  0%,100%{filter:saturate(1.48) contrast(1.22) brightness(1.08) drop-shadow(0 0 15px rgba(98,245,255,.75)) drop-shadow(0 0 25px rgba(255,75,136,.62))}
  50%{filter:saturate(1.8) contrast(1.32) brightness(1.22) drop-shadow(0 0 24px rgba(98,245,255,.98)) drop-shadow(0 0 38px rgba(255,75,136,.88))}
}
@keyframes hubImageHoverGlitch{
  0%,20%,43%,66%,100%{transform:translate(0,0) scale(1.025)}
  21%{transform:translate(-7px,2px) scale(1.035)}
  24%{transform:translate(6px,-2px) scale(1.03)}
  44%{transform:translate(4px,1px) scale(1.038)}
  47%{transform:translate(-5px,-1px) scale(1.027)}
  67%{transform:translate(-8px,0) scale(1.04)}
  70%{transform:translate(5px,2px) scale(1.03)}
}
@keyframes hubStaticAlways{
  0%{transform:translate(0,0)}25%{transform:translate(-2%,1%)}50%{transform:translate(1%,-2%)}75%{transform:translate(2%,1%)}100%{transform:translate(-1%,0)}
}
@keyframes hubStaticHover{
  0%{transform:translate(-2%,0) scale(1.03)}50%{transform:translate(2%,-1%) scale(1.04)}100%{transform:translate(0,2%) scale(1.03)}
}
@keyframes hubStaticBurst{
  0%,13%,17%,44%,48%,75%,80%,100%{filter:brightness(1);opacity:.42}
  14%,45%,76%{filter:brightness(2.2);opacity:.84}
  15%,46%,77%{filter:brightness(.7);opacity:.26}
}
@keyframes hubGlitchSlicesAlways{
  0%,18%,23%,49%,54%,79%,84%,100%{transform:translateX(-5%) skewX(0);clip-path:inset(0 0 0 0)}
  19%{transform:translateX(7%) skewX(2deg);clip-path:inset(12% 0 62% 0)}
  20%{transform:translateX(-10%) skewX(-2deg);clip-path:inset(55% 0 18% 0)}
  50%{transform:translateX(9%);clip-path:inset(28% 0 47% 0)}
  51%{transform:translateX(-7%);clip-path:inset(67% 0 8% 0)}
  80%{transform:translateX(11%) skewX(3deg);clip-path:inset(42% 0 34% 0)}
}
@keyframes hubGlitchSlicesHover{
  0%,20%,40%,60%,80%,100%{transform:translateX(0);clip-path:inset(0 0 0 0)}
  10%{transform:translateX(13%);clip-path:inset(8% 0 68% 0)}
  30%{transform:translateX(-15%);clip-path:inset(33% 0 43% 0)}
  50%{transform:translateX(11%);clip-path:inset(58% 0 17% 0)}
  70%{transform:translateX(-12%);clip-path:inset(73% 0 5% 0)}
  90%{transform:translateX(8%);clip-path:inset(21% 0 54% 0)}
}
@keyframes hubModuleGlowAlways{
  0%,100%{opacity:.28;filter:brightness(1)}50%{opacity:.55;filter:brightness(1.35)}
}
@keyframes hubModuleGlowHover{
  0%,100%{opacity:.65;filter:brightness(1)}50%{opacity:1;filter:brightness(1.55)}
}

@media(prefers-reduced-motion:reduce){
  .hub-home-title,
  .hub-home-title::before,
  .hub-home-title::after,
  .hub-grid .card-media img,
  .hub-grid .card-media::before,
  .hub-grid .card-media::after,
  .hub-grid .machine-card::after{
    animation:none !important;
  }
}

/* v12.10.9: calm homepage idle state; full glitch surge remains hover-only */
.hub-grid .card-media img{
  transform:translateZ(0) scale(1.004);
  filter:saturate(1.12) contrast(1.06) brightness(1.01) drop-shadow(0 0 5px rgba(98,245,255,.24)) drop-shadow(0 0 8px rgba(255,75,136,.17));
  animation:hubImageIdleLightGlitch 8.4s steps(1,end) infinite,hubImageIdleLightGlow 4.8s ease-in-out infinite;
}
.hub-grid .card-media::before{
  opacity:.14;
  animation:hubStaticIdleLight 1.15s steps(2,end) infinite,hubStaticIdleRareBurst 9.6s steps(1,end) infinite;
}
.hub-grid .card-media::after{
  opacity:.08;
  transform:translateX(0);
  animation:hubGlitchSlicesIdleLight 10.2s steps(1,end) infinite;
}
.hub-grid .machine-card::after{
  opacity:.18;
  box-shadow:inset 0 0 12px rgba(98,245,255,.10),inset 0 0 18px rgba(255,75,136,.08),0 0 10px rgba(98,245,255,.05),0 0 14px rgba(255,75,136,.04);
  animation:hubModuleGlowIdleLight 4.6s ease-in-out infinite;
}
.hub-grid .machine-card:hover .card-media img,
.hub-grid .machine-card:focus-visible .card-media img{
  animation:hubImageHoverGlitch .68s steps(1,end) infinite,hubImageHoverGlow .72s ease-in-out infinite;
}
.hub-grid .machine-card:hover .card-media::before,
.hub-grid .machine-card:focus-visible .card-media::before{
  opacity:.72;
  animation:hubStaticHover .085s steps(2,end) infinite,hubStaticBurst .84s steps(1,end) infinite;
}
.hub-grid .machine-card:hover .card-media::after,
.hub-grid .machine-card:focus-visible .card-media::after{
  opacity:.66;
  animation:hubGlitchSlicesHover .48s steps(1,end) infinite;
}
.hub-grid .machine-card:hover::after,
.hub-grid .machine-card:focus-visible::after{
  opacity:.88;
  box-shadow:inset 0 0 24px rgba(98,245,255,.38),inset 0 0 42px rgba(255,75,136,.30),0 0 24px rgba(98,245,255,.34),0 0 44px rgba(255,75,136,.27);
  animation:hubModuleGlowHover .64s ease-in-out infinite;
}
@keyframes hubImageIdleLightGlow{
  0%,100%{filter:saturate(1.10) contrast(1.05) brightness(1) drop-shadow(0 0 4px rgba(98,245,255,.20)) drop-shadow(0 0 7px rgba(255,75,136,.14))}
  50%{filter:saturate(1.16) contrast(1.08) brightness(1.025) drop-shadow(0 0 7px rgba(98,245,255,.30)) drop-shadow(0 0 10px rgba(255,75,136,.21))}
}
@keyframes hubImageIdleLightGlitch{
  0%,31%,33%,66%,68%,91%,100%{transform:translate(0,0) scale(1.004);opacity:1}
  32%{transform:translate(-1px,0) scale(1.006);opacity:.985}
  67%{transform:translate(1px,0) scale(1.005);opacity:.99}
  92%{transform:translate(0,-1px) scale(1.006);opacity:.988}
}
@keyframes hubStaticIdleLight{
  0%,100%{transform:translate(0,0)}
  50%{transform:translate(.25%,0)}
}
@keyframes hubStaticIdleRareBurst{
  0%,39%,41%,78%,80%,100%{filter:brightness(1);opacity:.14}
  40%,79%{filter:brightness(1.35);opacity:.22}
}
@keyframes hubGlitchSlicesIdleLight{
  0%,44%,46%,84%,86%,100%{transform:translateX(0);clip-path:inset(0 0 0 0);opacity:.08}
  45%{transform:translateX(1.5%);clip-path:inset(39% 0 52% 0);opacity:.15}
  85%{transform:translateX(-1.5%);clip-path:inset(68% 0 24% 0);opacity:.13}
}
@keyframes hubModuleGlowIdleLight{
  0%,100%{opacity:.13;filter:brightness(1)}
  50%{opacity:.22;filter:brightness(1.08)}
}

/* Homepage signature footer lock: one medium mark below the module grid. */
.hub-signature{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  width:108px!important;
  max-width:108px!important;
  height:auto!important;
  margin:34px 18px 10px auto!important;
  overflow:visible!important;
  pointer-events:auto;
  cursor:pointer;
  opacity:.9;
  filter:drop-shadow(0 0 5px rgba(255,75,220,.82)) drop-shadow(0 0 7px rgba(68,220,255,.72));
  animation:signatureFlicker 2.9s steps(1,end) infinite;
}
.hub-signature img{
  position:static!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  object-fit:contain;
}
.hub-signature:hover,.hub-signature:focus-visible{
  opacity:1;
  outline:2px solid rgba(98,245,255,.72);
  outline-offset:7px;
  filter:drop-shadow(0 0 7px rgba(255,75,220,.96)) drop-shadow(0 0 10px rgba(68,220,255,.92));
}
.hub-signature .hub-signature-layer{display:none!important}
@media(max-width:580px){
  .hub-signature{width:88px!important;max-width:88px!important;margin:28px 12px 8px auto!important}
}
@media(prefers-reduced-motion:reduce){
  .hub-signature{animation:none!important;opacity:.85}
}

/* MACHINE_ENTER_SIGNS_V1 */
.machine-enter{display:inline-block;margin-top:18px;padding:14px 18px;border:1px solid #65425d;border-radius:10px;color:#effcff;background:linear-gradient(90deg,rgba(0,196,255,.11),rgba(255,0,145,.10));font-weight:900;text-transform:uppercase;text-decoration:none;box-shadow:0 0 18px rgba(0,207,255,.06),0 0 18px rgba(255,0,145,.05)}
.machine-enter:hover{border-color:#42dff4;box-shadow:0 0 22px rgba(0,216,255,.18),0 0 26px rgba(255,0,154,.15)}
.machine-enter-disabled{opacity:.62;cursor:not-allowed;filter:saturate(.7)}