*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body.cy-body{
margin:0;color:#e9dcff;font-family:Barlow,system-ui,sans-serif;
background:radial-gradient(1200px 700px at 12% -5%,rgba(155,92,255,.22),transparent 60%),
radial-gradient(900px 600px at 95% 10%,rgba(0,229,255,.12),transparent 60%),
linear-gradient(180deg,#0a0418 0%,#07030f 40%,#0a0416 100%);
min-height:100vh;overflow-x:clip;position:relative;
}
body.cy-body::before{
content:"";position:fixed;inset:0;pointer-events:none;opacity:.5;z-index:0;
background-image:linear-gradient(rgba(255,47,185,.055) 1px,transparent 1px),
linear-gradient(90deg,rgba(0,229,255,.045) 1px,transparent 1px);
background-size:64px 64px;
}
a{color:#ff5ce0;text-decoration:none}
a:hover{color:#00e5ff}
img{max-width:100%;height:auto}
button{font:inherit}
.cy-shell{position:relative;z-index:1;min-height:100vh}
@keyframes cy-mscroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes cy-vscroll{from{transform:translateY(0)}to{transform:translateY(-50%)}}
@keyframes cy-jflash{0%,100%{text-shadow:0 0 10px rgba(255,47,185,.55),0 0 28px rgba(255,47,185,.3)}
50%{text-shadow:0 0 18px rgba(0,229,255,.8),0 0 44px rgba(255,47,185,.6)}}
@keyframes cy-floaty{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(2deg)}}
/* Sidebar */
.cy-sidebar{
display:none;position:fixed;left:0;top:0;bottom:0;width:252px;z-index:40;
background:linear-gradient(180deg,rgba(22,7,44,.96),rgba(9,4,20,.96));
border-right:1px solid rgba(255,47,185,.28);box-shadow:4px 0 40px rgba(255,47,185,.12);
flex-direction:column;padding:22px 18px 18px;
}
.cy-logo--side{width:100%;height:86px;object-fit:contain;display:block;filter:drop-shadow(0 0 16px rgba(255,47,185,.55))}
.cy-logo-link--side{display:block;width:100%;height:86px;flex:none;margin-bottom:26px}
.cy-nav-slot--desktop .cy-main-nav{display:flex;flex-direction:column;gap:4px}
.cy-nav-slot--desktop .cy-nav-link{
display:flex;align-items:center;gap:12px;padding:12px 14px;
font-family:"Chakra Petch",sans-serif;font-weight:600;font-size:15px;letter-spacing:.12em;
text-transform:uppercase;color:#cbb6f0;
clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
transition:all .22s ease;
}
.cy-nav-slot--desktop .cy-nav-link::before{
content:"";width:18px;height:18px;flex:none;min-width:18px;min-height:18px;
background-size:contain;background-repeat:no-repeat;background-position:center;
background-image:url("/wp-content/uploads/cyber/cyber-icon-spade.png");
}
.cy-nav-slot--desktop .cy-nav-link:nth-child(8n+2)::before{background-image:url("/wp-content/uploads/cyber/cyber-icon-heart.png")}
.cy-nav-slot--desktop .cy-nav-link:nth-child(8n+3)::before{background-image:url("/wp-content/uploads/cyber/cyber-icon-diamond.png")}
.cy-nav-slot--desktop .cy-nav-link:nth-child(8n+4)::before{background-image:url("/wp-content/uploads/cyber/cyber-icon-club.png")}
.cy-nav-slot--desktop .cy-nav-link:nth-child(8n+5)::before{background-image:url("/wp-content/uploads/cyber/cyber-chip.png")}
.cy-nav-slot--desktop .cy-nav-link:nth-child(8n+6)::before{background-image:url("/wp-content/uploads/cyber/cyber-swoosh.png")}
.cy-nav-slot--desktop .cy-nav-link:nth-child(8n+7)::before{background-image:url("/wp-content/uploads/cyber/cyber-cards-spade.png")}
.cy-nav-slot--desktop .cy-nav-link:nth-child(8n+8)::before,
.cy-nav-slot--desktop .cy-nav-link:nth-child(8n)::before{background-image:url("/wp-content/uploads/cyber/cyber-cards-heart.png")}
.cy-nav-slot--desktop .cy-nav-link:nth-child(8n+1)::before{background-image:url("/wp-content/uploads/cyber/cyber-icon-spade.png")}
.cy-nav-slot--desktop .cy-nav-link:hover{
color:#fff;background:rgba(255,47,185,.14);text-shadow:0 0 14px rgba(255,92,224,.9);
}
.cy-sidebar-foot{margin-top:auto;padding-top:20px}
.cy-chip{width:92px;display:block;margin:0 auto;opacity:.85;animation:cy-floaty 6s ease-in-out infinite}
.cy-main{position:relative}
/* Header */
.cy-header{
position:sticky;top:0;z-index:30;background:rgba(9,4,20,.82);backdrop-filter:blur(14px);
border-bottom:1px solid rgba(255,47,185,.3);box-shadow:0 6px 30px rgba(0,0,0,.5);
}
.cy-header-inner{
display:flex;align-items:center;flex-wrap:nowrap;gap:8px 10px;
padding:10px clamp(10px,3.2vw,20px);max-width:1400px;margin:0 auto;
}
.cy-burger{
flex:none;width:44px;height:44px;display:grid;place-items:center;padding:0;cursor:pointer;
background:rgba(255,47,185,.12);border:1px solid rgba(255,47,185,.5);color:#ff5ce0;
clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
}
.cy-logo--mobile{width:clamp(88px,24vw,132px);height:44px;object-fit:contain;display:block;filter:drop-shadow(0 0 12px rgba(255,47,185,.5))}
.cy-logo-link--mobile{display:block;width:clamp(88px,24vw,132px);height:44px;flex:none;min-width:0}
.cy-header-spacer{flex:1 1 auto;min-width:4px}
.cy-header-auth{display:flex;align-items:center;gap:8px;flex:none;margin-left:auto}
/* Buttons Example 1 */
.cy-btn{
display:inline-flex;align-items:center;justify-content:center;cursor:pointer;
font-family:"Chakra Petch",sans-serif;font-weight:700;font-size:13px;letter-spacing:.16em;
text-transform:uppercase;transition:all .22s ease;
clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
}
.cy-btn--ghost{
padding:11px clamp(10px,2.2vw,22px);color:#00e5ff;border:1px solid rgba(0,229,255,.65);
background:rgba(0,229,255,.06);white-space:nowrap;
}
.cy-btn--ghost:hover{color:#07030f;background:#00e5ff;box-shadow:0 0 26px rgba(0,229,255,.75)}
.cy-btn--neon{
padding:12px clamp(10px,2.4vw,24px);color:#fff;border:1px solid rgba(255,47,185,.7);
background:linear-gradient(135deg,#ff2fb9,#9b5cff);white-space:nowrap;
}
.cy-btn--neon:hover{box-shadow:0 0 30px rgba(255,47,185,.85);filter:brightness(1.15)}
.cy-btn--hero{
padding:14px clamp(20px,4vw,34px);font-size:clamp(13px,1.2vw,16px);letter-spacing:.18em;color:#fff;
background:linear-gradient(135deg,#ff2fb9,#9b5cff 55%,#00e5ff);
clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);
box-shadow:0 0 34px rgba(255,47,185,.5);gap:12px;
}
.cy-btn--hero:hover{box-shadow:0 0 52px rgba(0,229,255,.7);filter:brightness(1.12)}
.cy-btn--more{
display:inline-flex;align-items:center;gap:14px;padding:15px clamp(22px,4.5vw,38px);
font-size:14px;letter-spacing:.2em;color:#fff;cursor:pointer;
background:rgba(255,47,185,.12);border:1px solid rgba(255,47,185,.6);
clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);
}
.cy-btn--more:hover{background:linear-gradient(135deg,#ff2fb9,#9b5cff);box-shadow:0 0 34px rgba(255,47,185,.7)}
/* Drawer */
.cy-drawer{position:fixed;inset:0;z-index:60;display:none}
.cy-drawer.is-open{display:block}
.cy-drawer-scrim{position:absolute;inset:0;background:rgba(4,1,10,.72);backdrop-filter:blur(4px)}
.cy-drawer-panel{
position:absolute;left:0;top:0;bottom:0;width:min(272px,82vw);
background:linear-gradient(180deg,rgba(26,8,52,.99),rgba(9,4,20,.99));
border-right:1px solid rgba(255,47,185,.4);box-shadow:10px 0 60px rgba(255,47,185,.2);
padding:20px 18px;display:flex;flex-direction:column;overflow-y:auto;
}
.cy-drawer-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px}
.cy-logo--drawer{width:150px;height:56px;object-fit:contain;display:block}
.cy-drawer-close{
width:36px;height:36px;background:transparent;border:1px solid rgba(255,47,185,.5);
color:#ff5ce0;cursor:pointer;font-size:18px;line-height:1;
}
.cy-nav-slot--mobile .cy-main-nav{display:flex;flex-direction:column;gap:4px}
.cy-nav-slot--mobile .cy-nav-link{
display:flex;align-items:center;gap:12px;padding:13px 14px;
font-family:"Chakra Petch",sans-serif;font-weight:600;font-size:15px;letter-spacing:.12em;
text-transform:uppercase;color:#cbb6f0;
clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
}
.cy-nav-slot--mobile .cy-nav-link::before{
content:"";width:18px;height:18px;flex:none;min-width:18px;min-height:18px;
background-size:contain;background-repeat:no-repeat;background-position:center;
background-image:url("/wp-content/uploads/cyber/cyber-icon-spade.png");
}
.cy-nav-slot--mobile .cy-nav-link:nth-child(8n+2)::before{background-image:url("/wp-content/uploads/cyber/cyber-icon-heart.png")}
.cy-nav-slot--mobile .cy-nav-link:nth-child(8n+3)::before{background-image:url("/wp-content/uploads/cyber/cyber-icon-diamond.png")}
.cy-nav-slot--mobile .cy-nav-link:nth-child(8n+4)::before{background-image:url("/wp-content/uploads/cyber/cyber-icon-club.png")}
.cy-nav-slot--mobile .cy-nav-link:nth-child(8n+5)::before{background-image:url("/wp-content/uploads/cyber/cyber-chip.png")}
.cy-nav-slot--mobile .cy-nav-link:nth-child(8n+6)::before{background-image:url("/wp-content/uploads/cyber/cyber-swoosh.png")}
.cy-nav-slot--mobile .cy-nav-link:nth-child(8n+7)::before{background-image:url("/wp-content/uploads/cyber/cyber-cards-spade.png")}
.cy-nav-slot--mobile .cy-nav-link:nth-child(8n+8)::before,
.cy-nav-slot--mobile .cy-nav-link:nth-child(8n)::before{background-image:url("/wp-content/uploads/cyber/cyber-cards-heart.png")}
.cy-nav-slot--mobile .cy-nav-link:nth-child(8n+1)::before{background-image:url("/wp-content/uploads/cyber/cyber-icon-spade.png")}
.cy-nav-slot--mobile .cy-nav-link:hover{color:#fff;background:rgba(255,47,185,.14)}
/* Page sections */
.cy-page{max-width:1400px;margin:0 auto;padding:0 clamp(12px,3.2vw,20px)}
.cy-hero-wrap{padding:22px 0 0}
.cy-hero{
position:relative;overflow:hidden;
clip-path:polygon(26px 0,100% 0,100% calc(100% - 26px),calc(100% - 26px) 100%,0 100%,0 26px);
border:1px solid rgba(255,47,185,.35);box-shadow:0 0 60px rgba(255,47,185,.18);
}
.cy-hero-img{display:block;width:100%;height:min(78vw,400px);object-fit:cover;object-position:30% center}
.cy-hero-overlay{
position:absolute;inset:0;
background:linear-gradient(180deg,rgba(7,3,15,.15) 0%,rgba(7,3,15,.6) 46%,rgba(7,3,15,.92) 100%);
}
.cy-hero-copy{
position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;
gap:clamp(16px,2.4vw,26px);padding:clamp(18px,3vw,26px) clamp(16px,4vw,56px);text-align:center;
}
.cy-hero-title{
margin:0;font-family:"Chakra Petch",sans-serif;font-weight:700;
font-size:clamp(28px,4.2vw,58px);line-height:1.04;letter-spacing:.01em;text-transform:uppercase;
color:#fff;text-shadow:0 0 24px rgba(255,47,185,.75),0 0 60px rgba(155,92,255,.5);text-wrap:balance;
}
.cy-divider{display:flex;justify-content:center;padding:clamp(18px,3.4vw,34px) 0}
.cy-divider img{width:100%;max-width:900px;opacity:.9}
.cy-section{padding:14px 0}
.cy-section-head{display:flex;align-items:center;gap:clamp(10px,2vw,18px);margin-bottom:22px;flex-wrap:wrap}
.cy-section-ico{width:38px;flex:none}
.cy-section-title{
margin:0;font-family:"Chakra Petch",sans-serif;font-weight:700;
font-size:clamp(20px,2.4vw,30px);letter-spacing:.14em;text-transform:uppercase;color:#fff;
text-shadow:0 0 20px rgba(255,47,185,.6);
}
.cy-section-line{flex:1;min-width:40px;height:1px;background:linear-gradient(90deg,rgba(255,47,185,.8),rgba(0,229,255,.25),transparent)}
.cy-rail-btns{display:flex;gap:10px;flex:none}
.cy-arrow{
width:46px;height:46px;display:grid;place-items:center;cursor:pointer;padding:0;
background:rgba(255,47,185,.1);border:1px solid rgba(255,47,185,.55);color:#ff5ce0;
clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);
transition:all .2s ease;
}
.cy-arrow:hover{background:#ff2fb9;color:#fff;box-shadow:0 0 26px rgba(255,47,185,.7)}
.cy-rail{
display:flex;gap:clamp(12px,2.4vw,18px);overflow-x:auto;scroll-behavior:smooth;
scrollbar-width:none;padding:6px 2px 14px;
}
.cy-rail::-webkit-scrollbar{display:none}
.cy-rail .cy-card{flex:none;width:clamp(148px,42vw,200px)}
.cy-card-link{display:block}
.cy-card-frame{
display:block;padding:2px;background:linear-gradient(140deg,#ff2fb9,#9b5cff 50%,#00e5ff);
clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);
filter:drop-shadow(0 0 12px rgba(255,47,185,.4));
transition:transform .25s ease,filter .25s ease;
}
.cy-card-link:hover .cy-card-frame{transform:scale(1.055);filter:drop-shadow(0 0 26px rgba(255,47,185,.85))}
.cy-card-inner{
display:block;background:#0a0612;overflow:hidden;
clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);
}
.cy-card-inner img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover}
.cy-card-meta{display:flex;align-items:center;gap:14px;padding:9px 4px 0;font-size:13px;color:#a98fd0}
.cy-meta-likes,.cy-meta-players{display:inline-flex;align-items:center;gap:6px}
.cy-dot{width:8px;height:8px;border-radius:50%;background:#2bff9a;box-shadow:0 0 10px #2bff9a}
/* Content */
.cy-panel{
position:relative;background:rgba(20,8,38,.55);border:1px solid rgba(155,92,255,.3);
box-shadow:inset 0 0 60px rgba(155,92,255,.08);
clip-path:polygon(24px 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%,0 24px);
padding:clamp(18px,4vw,54px);overflow:hidden;
}
.cy-deco-cards{position:absolute;right:-60px;top:-40px;width:320px;opacity:.16;pointer-events:none}
.cy-content{position:relative;max-width:900px;font-size:clamp(15px,1.4vw,17px);line-height:1.75;color:#cbb6f0}
.cy-content h2,.cy-content h3{
font-family:"Chakra Petch",sans-serif;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#ff5ce0;
}
.cy-content h2{font-size:clamp(20px,2.4vw,30px);color:#fff;text-shadow:0 0 20px rgba(0,229,255,.5);margin:0 0 18px}
.cy-content h3{font-size:clamp(18px,2.1vw,21px);margin:30px 0 14px}
.cy-content p{margin:0 0 18px}
.cy-content a{color:#ff5ce0}
.cy-content strong,.cy-content b{color:#fff;font-weight:600;display:inline;white-space:normal}
.cy-content ul{
margin:0 0 22px;padding:0;list-style:none!important;
display:flex;flex-direction:column;gap:12px;
}
.cy-content ul>li{
position:relative;display:block;padding-left:29px;margin:0;
font-size:clamp(14.5px,1.3vw,16px);line-height:1.6;color:#cbb6f0;
list-style:none!important;
}
.cy-content ul>li::marker{content:none;display:none}
.cy-content ul>li::before{
content:"";position:absolute;left:0;top:.35em;width:17px;height:17px;
background:url("/wp-content/uploads/cyber/cyber-icon-spade.png") center/contain no-repeat;
pointer-events:none;
}
.cy-content ul>li strong,.cy-content ul>li b{display:inline;white-space:nowrap;color:#fff;font-weight:700}
.cy-content ol{
margin:0 0 22px;padding:0;list-style:none!important;counter-reset:cy-step;
display:flex;flex-direction:column;gap:12px;color:#cbb6f0;
}
.cy-content ol>li{
position:relative;display:block;padding-left:42px;margin:0;
font-size:clamp(14.5px,1.3vw,16px);line-height:1.6;
list-style:none!important;counter-increment:cy-step;
}
.cy-content ol>li::marker{content:none;display:none}
.cy-content ol>li::before{
content:counter(cy-step);
position:absolute;left:0;top:0;width:28px;height:28px;
display:grid;place-items:center;
font-family:Orbitron,sans-serif;font-weight:700;font-size:13px;color:#07030f;
background:linear-gradient(135deg,#00e5ff,#ff2fb9);
clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);
}
.cy-content ol>li strong,.cy-content ol>li b{display:inline;white-space:nowrap;color:#fff;font-weight:700}
.cy-content blockquote{
margin:28px 0;padding:18px clamp(15px,3vw,24px);border-left:3px solid #00e5ff;
background:rgba(0,229,255,.07);font-style:italic;color:#e9dcff;
font-size:clamp(15px,1.4vw,17px);line-height:1.7;
}
.cy-content table{width:100%;border-collapse:collapse;font-size:15px;margin:0 0 22px}
.cy-content th{
text-align:left;padding:13px 16px;font-family:"Chakra Petch",sans-serif;font-weight:700;font-size:13px;
letter-spacing:.14em;text-transform:uppercase;color:#07030f;
background:linear-gradient(135deg,#ff2fb9,#9b5cff);
}
.cy-content th:nth-child(2){background:linear-gradient(135deg,#9b5cff,#7a6cff)}
.cy-content th:nth-child(3){background:linear-gradient(135deg,#7a6cff,#00e5ff)}
.cy-content th:nth-child(n+4){background:linear-gradient(135deg,#00e5ff,#9b5cff)}
.cy-content td{padding:13px 16px;border-bottom:1px solid rgba(155,92,255,.22);color:#cbb6f0;vertical-align:top}
.cy-content td:first-child{
color:#fff;font-family:"Chakra Petch",sans-serif;font-weight:600;letter-spacing:.06em;
}
.cy-content td:nth-child(n+2){font-family:Orbitron,sans-serif;font-size:13px}
.cy-content td:last-child:not(:first-child){color:#2bff9a}
@media (max-width:768px){
table,.cy-content table{display:block!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
}
/* Jackpots */
.cy-jack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:22px}
.cy-jack{display:flex;flex-direction:column;align-items:center;gap:14px}
.cy-jack-amt{
width:100%;text-align:center;padding:14px 16px;background:rgba(9,4,20,.7);
border:1px solid rgba(0,229,255,.4);
clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);
}
.cy-jack-label{display:block;font-family:"Chakra Petch",sans-serif;font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:#a98fd0;margin-bottom:6px}
.cy-jack-val{font-family:Orbitron,sans-serif;font-weight:900;font-size:clamp(22px,2.6vw,34px);color:#fff;animation:cy-jflash 2.4s ease-in-out infinite}
.cy-jack .cy-card-link{width:100%}
/* Winners */
.cy-wins-mask{
background:rgba(20,8,38,.55);border:1px solid rgba(155,92,255,.3);
clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);
padding:14px;height:clamp(330px,56vh,420px);overflow:hidden;
-webkit-mask-image:linear-gradient(180deg,transparent,#000 10%,#000 90%,transparent);
mask-image:linear-gradient(180deg,transparent,#000 10%,#000 90%,transparent);
}
.cy-wins-track{display:flex;flex-direction:column;gap:12px;animation:cy-vscroll 36s linear infinite}
.cy-wins-mask:hover .cy-wins-track{animation-play-state:paused}
.cy-win{
display:flex;align-items:center;gap:16px;padding:10px 14px;background:rgba(9,4,20,.66);
border:1px solid rgba(255,47,185,.22);
clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
}
.cy-win-thumb{
flex:none;width:54px;padding:2px;background:linear-gradient(140deg,#ff2fb9,#9b5cff 50%,#00e5ff);
clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
}
.cy-win-thumb img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;background:#0a0612}
.cy-win-info{flex:1;min-width:0}
.cy-win-nick{font-family:"Chakra Petch",sans-serif;font-weight:600;font-size:15px;letter-spacing:.08em;color:#fff}
.cy-win-when{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#a98fd0}
.cy-win-amt{flex:none;font-family:Orbitron,sans-serif;font-weight:700;font-size:16px;color:#2bff9a;text-shadow:0 0 14px rgba(43,255,154,.5)}
/* All slots — 7 columns on desktop = 2 full rows of 14 */
.cy-slots-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2.4vw,18px)}
.cy-card.is-hidden{display:none!important}
.cy-more-wrap{display:flex;justify-content:center;padding-top:30px}
/* Providers */
.cy-prov-mask{
background:rgba(20,8,38,.55);border:1px solid rgba(155,92,255,.3);
clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);
padding:26px 0;overflow:hidden;
-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
}
.cy-prov-track{display:flex;gap:clamp(26px,5vw,56px);width:max-content;animation:cy-mscroll 42s linear infinite}
.cy-prov-mask:hover .cy-prov-track{animation-play-state:paused}
.cy-prov{flex:none;display:grid;place-items:center;width:clamp(94px,24vw,132px);height:52px}
.cy-prov img{max-width:100%;max-height:100%;object-fit:contain;filter:brightness(0) invert(1) opacity(.72);transition:filter .25s}
.cy-prov:hover img{filter:brightness(0) invert(1) sepia(1) saturate(14) hue-rotate(276deg) drop-shadow(0 0 12px rgba(255,47,185,.9))}
/* Footer */
.cy-footer{
margin-top:30px;background:linear-gradient(180deg,rgba(14,5,30,.75),rgba(6,2,13,.95));
border-top:1px solid rgba(255,47,185,.28);
}
.cy-footer-inner{max-width:1400px;margin:0 auto;padding:clamp(30px,5vw,46px) clamp(12px,3.2vw,20px) 30px}
.cy-footer-grid{
display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));
gap:clamp(26px,4vw,40px);align-items:start;
}
.cy-footer-brand{display:flex;flex-direction:column;gap:18px}
.cy-logo--footer{width:190px;height:74px;object-fit:contain;display:block;filter:drop-shadow(0 0 16px rgba(255,47,185,.45))}
.cy-footer-blurb{margin:0;max-width:300px;font-size:14px;line-height:1.7;color:#a98fd0}
.cy-nav-slot--footer .cy-footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:11px 26px}
.cy-nav-slot--footer .cy-footer-link{font-size:14px;letter-spacing:.06em;color:#cbb6f0;transition:all .2s}
.cy-nav-slot--footer .cy-footer-link:hover{color:#fff;text-shadow:0 0 12px rgba(255,92,224,.9)}
.cy-footer-side{display:flex;flex-direction:column;gap:16px}
.cy-label{font-family:"Chakra Petch",sans-serif;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:#a98fd0}
.cy-pay-row{display:flex;flex-wrap:wrap;gap:18px;align-items:center}
.cy-pay{width:62px;height:30px;object-fit:contain;filter:brightness(0) invert(1) opacity(.72)}
.cy-socials{display:flex;gap:12px}
.cy-social{
width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,47,185,.35);
color:#cbb6f0;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
transition:all .22s;
}
.cy-social:hover{color:#fff;background:rgba(255,47,185,.18);transform:translateY(-3px);box-shadow:0 0 22px rgba(255,47,185,.6)}
.cy-sec-row{margin-top:40px;padding-top:28px;border-top:1px solid rgba(155,92,255,.22);display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.cy-sec-chip{
display:flex;align-items:center;gap:10px;padding:8px 14px;background:rgba(9,4,20,.6);
border:1px solid rgba(0,229,255,.28);
clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
font-family:"Chakra Petch",sans-serif;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#e9dcff;
}
.cy-sec-chip img{
display:block;flex:none;width:auto;height:26px;max-height:26px;max-width:110px;object-fit:contain;
}
.cy-sec-chip--age img{width:30px;height:30px;max-height:30px;max-width:30px}
@media (min-width:560px) and (max-width:1099px){
.cy-hero-img{height:440px}
.cy-hero-copy{width:76%;left:auto;right:0;align-items:flex-start;justify-content:center;text-align:left;
background:none}
.cy-hero-overlay{background:linear-gradient(90deg,rgba(7,3,15,0) 38%,rgba(7,3,15,.55) 62%,rgba(7,3,15,.8) 100%)}
.cy-slots-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (min-width:1100px){
.cy-sidebar{display:flex}
.cy-main{margin-left:252px}
.cy-burger,.cy-logo-link--mobile{display:none!important}
.cy-hero-img{height:560px}
.cy-hero-overlay{background:linear-gradient(90deg,rgba(7,3,15,0) 38%,rgba(7,3,15,.55) 62%,rgba(7,3,15,.8) 100%)}
.cy-hero-copy{
right:0;left:auto;top:0;bottom:0;width:54%;align-items:flex-start;justify-content:center;text-align:left;
}
.cy-slots-grid{grid-template-columns:repeat(7,minmax(0,1fr))}
}
@media (max-width:719px){
.cy-footer-brand,.cy-footer-side,.cy-nav-slot--footer .cy-footer-nav{align-items:center;text-align:center;justify-items:center}
.cy-logo--footer{margin:0 auto}
.cy-pay-row,.cy-socials,.cy-sec-row{justify-content:center}
.cy-nav-slot--footer .cy-footer-nav{justify-content:center}
.cy-btn{font-size:11px;letter-spacing:.1em}
.cy-btn--ghost,.cy-btn--neon{padding:10px 12px}
.cy-header-auth{gap:6px}
}
@media (max-width:360px){
.cy-header-inner{padding:8px 8px;gap:6px}
.cy-burger{width:40px;height:40px}
.cy-logo--mobile,.cy-logo-link--mobile{width:78px;height:40px}
.cy-btn--ghost,.cy-btn--neon{padding:9px 8px;font-size:10px;letter-spacing:.06em}
.cy-header-auth{gap:4px}
}
@media (prefers-reduced-motion:reduce){
.cy-chip,.cy-wins-track,.cy-prov-track,.cy-jack-val{animation:none!important}
}