/* Magenta Arena — original Z Engine interpretation of the supplied dark lobby. */
body.theme-magenta_arena{
  --gold:#d83ac1;--gold2:#f09ae3;--navy:#08070e;--navy2:#171126;
  --blue:#3b1640;--paper:#09090d;--ink:#f7f3f8;--muted:#aaa1b0;
  --line:#33223a;--arena-card:#15111d;--arena-hot:#c234af;
  font-family:"Manrope",system-ui,sans-serif;background:
    radial-gradient(circle at 50% -10%,#42113e 0,transparent 34%),#09090d;color:var(--ink)
}
.theme-magenta_arena .notice{
  display:none
}
.theme-magenta_arena .topbar{
  background:linear-gradient(180deg,#191126,#0c0a11);border-bottom:1px solid #38203b;
  box-shadow:none;min-height:94px;position:relative!important;top:auto!important
}
.theme-magenta_arena .public-desktop-nav-bar{position:relative!important;top:auto!important}
.theme-magenta_arena .topbar-inner{min-height:94px;position:relative;align-items:center}
.theme-magenta_arena .brand span{
  background:linear-gradient(145deg,#ef80df,#aa278f);box-shadow:0 0 25px #c234af55
}
.theme-magenta_arena .brand:after{content:"Z ARENA";margin-left:10px;color:#c234af;font-size:25px;font-weight:900;letter-spacing:-.05em}
.theme-magenta_arena .brand:has(img):after{display:none}
.theme-magenta_arena .brand:has(img){width:225px;max-width:225px}
.theme-magenta_arena .brand:has(img) img{width:225px;height:79px;max-width:none;object-fit:contain}
.theme-magenta_arena .classic-header-tools{
  position:absolute;right:0;top:7px;display:flex;align-items:center;gap:18px;
  color:#bdb6bf;font-family:Arial,sans-serif;font-size:10px
}
.theme-magenta_arena .classic-header-tools a{color:#d8d1d9}
.theme-magenta_arena .classic-header-tools a:hover{color:#fff}
.theme-magenta_arena .account-nav{margin-left:auto}
.theme-magenta_arena .classic-inline-login{
  position:relative;display:flex;align-items:center;gap:8px;margin-top:15px;
  font-family:Arial,sans-serif
}
.theme-magenta_arena .classic-inline-login form{display:flex;align-items:center;gap:8px}
.theme-magenta_arena .classic-login-field{
  width:184px;height:36px;display:flex;align-items:center;box-sizing:border-box;
  padding:0 11px;border:1px solid #ffffff18;border-radius:7px;background:#f5f3f6;
  box-shadow:inset 0 1px 2px #00000012,0 5px 14px #0002;transition:.18s
}
.theme-magenta_arena .classic-login-field:focus-within{border-color:#d052c5;box-shadow:0 0 0 3px #c240b91f,0 6px 16px #0003}
.theme-magenta_arena .classic-login-field svg{width:15px;height:15px;flex:0 0 15px;margin-right:9px;fill:#8a7188}
.theme-magenta_arena .classic-inline-login input{
  width:100%;height:34px;box-sizing:border-box;margin:0;padding:0;
  color:#251e26;background:transparent;border:0;outline:0;border-radius:0;font:12px Arial,sans-serif
}
.theme-magenta_arena .classic-inline-login input::placeholder{color:#8b818b}
.theme-magenta_arena .classic-inline-login button,
.theme-magenta_arena .classic-inline-login .classic-register{
  height:36px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;
  padding:0 24px;color:#fff;border-radius:7px;font:800 10px Arial,sans-serif;
  letter-spacing:.04em;transition:transform .18s,filter .18s,box-shadow .18s
}
.theme-magenta_arena .classic-inline-login button{background:linear-gradient(145deg,#49434d,#2e2931);border:1px solid #ffffff12;box-shadow:0 6px 15px #0004;cursor:pointer}
.theme-magenta_arena .classic-inline-login .classic-register{background:linear-gradient(135deg,#cf49c4,#8d277f);border:1px solid #e67adc38;box-shadow:0 7px 18px #c240b92b}
.theme-magenta_arena .classic-inline-login button:hover,
.theme-magenta_arena .classic-inline-login .classic-register:hover{filter:brightness(1.12);transform:translateY(-1px)}
.theme-magenta_arena .classic-inline-login button:disabled{cursor:wait;filter:saturate(.5);opacity:.75}
.theme-magenta_arena .classic-login-feedback{min-height:10px;position:absolute;right:0;top:39px;color:#bdb4bf;font-size:8px;font-weight:600;line-height:1.2;text-align:right;white-space:nowrap}
.theme-magenta_arena .classic-login-feedback.is-loading{color:#d6c6d4}
.theme-magenta_arena .classic-login-feedback.is-error{color:#ff8f9c}
.theme-magenta_arena .classic-login-feedback.is-success{color:#70e4a0}
.theme-magenta_arena .classic-inline-login .classic-forgot{
  position:absolute;right:0;top:41px;color:#bdb5bf;font-size:9px
}
.theme-magenta_arena .classic-inline-login .classic-forgot:hover{color:#fff}
.theme-magenta_arena .login-btn{color:#fff}
.theme-magenta_arena .register-btn,
.theme-magenta_arena :is(button,a).primary{
  color:#fff;background:linear-gradient(135deg,#d245bd,#8e216f);border:0;
  box-shadow:0 8px 24px #c234af40
}
.theme-magenta_arena .public-desktop-nav-bar{
  background:#0d0b12;border-color:#2d1f31
}
.theme-magenta_arena .public-desktop-nav-bar .classic-nav-item>a{color:#FFFFFF!important}
.theme-magenta_arena .public-desktop-nav-bar .classic-nav-item>a:hover,
.theme-magenta_arena .public-desktop-nav-bar .classic-nav-item>a.active{color:#FFFFFF!important}
.theme-magenta_arena .public-home-banner{
  background:#0a080d
}
.theme-magenta_arena .banner-slider{
  border-bottom:1px solid #322037;box-shadow:0 20px 60px #0009
}
.theme-magenta_arena .banner-dots button.active{background:#d83ac1}
.theme-magenta_arena .reference-home{max-width:1230px;margin-top:0}
.theme-magenta_arena main{padding-top:0}
.theme-magenta_arena .reference-home>.arena-classic~*{display:none}
.theme-magenta_arena .arena-classic{font-family:Roboto,"Manrope",sans-serif}
.theme-magenta_arena .classic-banner{
  height:auto;aspect-ratio:3/1;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;
  width:100vw;max-width:100vw;margin-top:0;margin-left:calc(50% - 50vw);
  overflow:hidden;position:relative;background:
  linear-gradient(90deg,#0a0710 0,#28102d 48%,#0c0711 100%);
  border-bottom:1px solid #451348
}
.theme-magenta_arena .classic-banner-source{
  position:absolute;inset:0;z-index:3;width:100%;height:100%;display:block;object-fit:cover
}
.theme-magenta_arena .classic-banner-marquee{
  position:absolute;z-index:5;top:0;left:0;right:0;height:34px;display:flex;
  align-items:center;overflow:hidden;color:#fff;background:transparent;
  border-bottom:0;backdrop-filter:none
}
.theme-magenta_arena .classic-banner-marquee .marquee__bullhorn{
  position:absolute;z-index:2;left:0;top:0;width:52px;height:34px;display:grid;
  place-items:center;background:#7f267a;box-shadow:none
}
.theme-magenta_arena .classic-banner-marquee .marquee__bullhorn svg{
  width:17px;height:17px;fill:#fff
}
.theme-magenta_arena .classic-banner-marquee .marquee__bullhorn img{
  width:20px;height:20px;display:block;object-fit:contain;filter:brightness(0) invert(1)
}
.theme-magenta_arena .classic-marquee-track{
  position:absolute;z-index:1;left:0;top:0;height:34px;min-width:max-content;
  display:flex;align-items:center;gap:45px;
  font:600 10px "Montserrat",Arial,sans-serif;white-space:nowrap;
  animation:classic-marquee 24s linear infinite;will-change:transform
}
.theme-magenta_arena .classic-marquee-track i{color:#e75ad5;font-style:normal}
@keyframes classic-marquee{
  from{transform:translateX(100vw)}
  to{transform:translateX(-100%)}
}
.theme-magenta_arena .classic-banner:before{
  content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 22% 50%,#8b26785c,transparent 31%),
  linear-gradient(120deg,transparent 62%,#c234af20)
}
.theme-magenta_arena .classic-banner-copy{z-index:2;padding-left:55px}
.theme-magenta_arena .classic-banner-copy small{color:#d5a1cf;font-size:11px;font-weight:700;letter-spacing:.35em}
.theme-magenta_arena .classic-banner-copy h1{margin:3px 0;color:#fff;font-size:72px;line-height:1;font-weight:900;letter-spacing:-.06em}
.theme-magenta_arena .classic-banner-copy h1 em{color:#c234af;font-style:normal;text-shadow:0 0 25px #c234af88}
.theme-magenta_arena .classic-banner-copy p{color:#d1c5d2;font-size:12px;font-weight:700;letter-spacing:.12em}
.theme-magenta_arena .classic-banner-copy nav{display:flex;gap:10px;margin-top:28px}
.theme-magenta_arena .classic-banner-copy nav a{padding:12px 18px;color:#fff;border:1px solid #a53297;border-radius:4px;font-size:10px;font-weight:800}
.theme-magenta_arena .classic-banner-copy nav a:first-child{background:#98257f}
.theme-magenta_arena .classic-banner-art{height:100%;display:flex;align-items:center;justify-content:center;gap:0;position:relative;z-index:1;perspective:800px}
.theme-magenta_arena .classic-banner-art img{width:185px;height:245px;object-fit:cover;border:4px solid #6b1d65;border-radius:18px;box-shadow:0 20px 50px #000}
.theme-magenta_arena .classic-banner-art img:first-child{transform:rotateY(18deg) rotate(-8deg) translateX(45px)}
.theme-magenta_arena .classic-banner-art img:nth-child(2){z-index:2;transform:translateY(-18px)}
.theme-magenta_arena .classic-banner-art img:nth-child(3){transform:rotateY(-18deg) rotate(8deg) translateX(-45px)}
.theme-magenta_arena .classic-mobile-cats{display:none}
.theme-magenta_arena .classic-jackpot{
  width:1200px;max-width:100%;height:186px;min-height:0;margin:22px auto 28px;
  padding:0;display:block;position:relative;border:0;border-radius:0;
  background:url("https://mantra88hp.com/assets/img/progressive-jackpot.webp") center/100% 100% no-repeat;
  box-shadow:none
}
.theme-magenta_arena .classic-jackpot>span{display:none}
.theme-magenta_arena .classic-jackpot>div{
  position:absolute;left:495px;right:95px;top:52px;height:86px;display:flex;
  align-items:center;justify-content:center;gap:12px;padding:0;border:0;border-radius:0;
  background:transparent;box-shadow:none
}
.theme-magenta_arena .classic-jackpot i{color:#c234af;font-size:16px;font-style:normal}
.theme-magenta_arena .classic-jackpot strong{
  height:1em;display:flex;align-items:flex-start;overflow:visible;white-space:nowrap;color:#fff;
  font-family:Quantico,Roboto,sans-serif;font-size:42px;font-weight:700;line-height:1;
  letter-spacing:.07em;text-shadow:none
}
.theme-magenta_arena .classic-digit-cell{width:.68em;height:1em;display:block;flex:0 0 .68em;overflow:hidden}
.theme-magenta_arena .classic-digit-reel{
  display:flex;flex-direction:column;transition:transform .008s linear;
  will-change:transform
}
.theme-magenta_arena .classic-digit-reel b{
  width:.68em;height:1em;display:block;flex:0 0 1em;color:#fff;font:inherit;line-height:1
}
.theme-magenta_arena .classic-digit-sep{
  width:.36em;height:1em;display:block;flex:0 0 .36em;color:#fff;font:inherit;font-style:normal;line-height:1
}
.theme-magenta_arena .classic-games{margin:30px 0}
.theme-magenta_arena .classic-games header{display:flex;align-items:center;gap:6px;margin-bottom:7px}
.theme-magenta_arena .classic-title-icon{width:22px;height:22px;flex:0 0 22px}
.theme-magenta_arena .classic-popular-icon{fill:#cecece}
.theme-magenta_arena .classic-games h2{margin:0;color:#ececec;font-size:16px;font-weight:500;line-height:22px;white-space:nowrap}
.theme-magenta_arena .classic-games h2 span{color:#ececec}
.theme-magenta_arena .classic-games h2 em{color:#c234af;font-style:normal}
.theme-magenta_arena .classic-games header:after{content:"";height:1px;margin:0 10px;background:#272426;flex:1}
.theme-magenta_arena .classic-games header>a{order:3;color:#fff;background:#6d1c64;border-radius:20px;padding:4px 12px;font-size:10px;font-weight:700}
.theme-magenta_arena .classic-games header>a:hover{color:#fff;background:#222}
.theme-magenta_arena .classic-games>div{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;width:100%}
.theme-magenta_arena .classic-games article{min-width:0;padding:6px 6px 10px;background:#240521;border:1px solid #6d1362;border-radius:15px;text-align:center}
.theme-magenta_arena .classic-games article>a{display:block;aspect-ratio:1;overflow:hidden;position:relative;border-radius:10px}
.theme-magenta_arena .classic-games article>a.is-loading:before{content:"";position:absolute;z-index:4;inset:0;background:#211624}
.theme-magenta_arena .classic-games article>a.is-loading:after{content:"";width:55%;height:160%;position:absolute;z-index:5;top:-30%;left:-70%;transform:rotate(14deg);background:linear-gradient(90deg,transparent,#ffffff17,transparent);animation:classic-skeleton 1.15s ease-in-out infinite}
.theme-magenta_arena .classic-games article>a.is-image-error:before{content:"GAMBAR BELUM TERSEDIA";position:absolute;z-index:3;inset:0;display:grid;place-items:center;padding:15px;color:#bcaabd;background:#19121c;font-size:8px;font-weight:700;text-align:center}
@keyframes classic-skeleton{to{left:120%}}
.theme-magenta_arena .classic-games article img{width:100%;height:100%;object-fit:cover;transition:.25s}
.theme-magenta_arena .classic-games article>a span{position:absolute;left:12%;right:12%;top:45%;padding:10px;opacity:0;color:#fff;background:#9d2788;border-radius:99px;font-size:10px;font-weight:800;transition:.2s}
.theme-magenta_arena .classic-games article:hover img{transform:scale(1.08);filter:brightness(.5)}
.theme-magenta_arena .classic-games article:hover>a span{opacity:1}
.theme-magenta_arena .classic-games h3{margin:10px 4px 0;color:#fff;font-size:11px;font-weight:400;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.theme-magenta_arena .classic-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:42px 0 28px}
.theme-magenta_arena .classic-services>article>h2{margin:0 18px 5px;color:#ececec;font-size:20px;font-weight:500}
.theme-magenta_arena .classic-services>article>h2 em{color:#c234af;font-style:normal}
.theme-magenta_arena .classic-services>article>div{height:190px;padding:18px;border:0;border-radius:15px;background:#380940}
.theme-magenta_arena .classic-process{display:flex;flex-direction:column;gap:4px}
.theme-magenta_arena .classic-process p{display:flex;align-items:center;gap:10px;margin:0;padding:9px;background:#141126;border-radius:10px}
.theme-magenta_arena .classic-process i{width:46px;height:46px;display:grid;flex:0 0 46px;place-items:center;background:#444242;border-radius:50%;font-style:normal}
.theme-magenta_arena .classic-process i img{width:42px;height:42px;object-fit:contain;background:#141126;border-radius:50%}
.theme-magenta_arena .classic-process span{display:flex;min-width:0;flex:1;flex-direction:column}
.theme-magenta_arena .classic-process span b{font-size:11px}.theme-magenta_arena .classic-process span small{color:#fff;font-size:9px}
.theme-magenta_arena .classic-process span u{height:5px;margin-top:5px;position:relative;background:#2f285b;border-radius:10px;text-decoration:none}
.theme-magenta_arena .classic-process span u:after{content:"";width:18%;height:5px;display:block;background:#942d86;border-radius:10px}
.theme-magenta_arena .classic-process strong{font-size:11px;white-space:nowrap}.theme-magenta_arena .classic-process strong b{font-size:28px}
.theme-magenta_arena .classic-process-note{margin-top:2px;color:#fff;font-size:9px;font-style:italic;text-align:center}
.theme-magenta_arena .classic-download{position:relative;overflow:hidden;text-align:center}
.theme-magenta_arena .classic-phone-logo{width:auto;height:100%;max-width:100%;object-fit:contain}
.theme-magenta_arena .classic-download a{position:absolute;right:12px;bottom:10px;padding:0;background:transparent}
.theme-magenta_arena .classic-download a img{width:auto;height:40px;display:block}
.theme-magenta_arena .classic-member{position:relative;overflow:hidden;padding:10px 18px 24px!important;background:linear-gradient(145deg,#3b0a3d,#250629)!important}
.theme-magenta_arena .classic-member:before{content:"";width:130px;height:130px;position:absolute;right:-55px;top:-70px;border-radius:50%;background:#c234af18;box-shadow:0 0 60px #c234af22}
.theme-magenta_arena .classic-member-page{height:145px;display:flex;position:absolute;inset:10px 18px 25px;flex-direction:column;justify-content:center;gap:7px;opacity:0;pointer-events:none;transform:translateX(22px);transition:opacity .4s ease,transform .4s ease}
.theme-magenta_arena .classic-member-page.is-active{opacity:1;pointer-events:auto;transform:translateX(0)}
.theme-magenta_arena .classic-member p{display:flex;min-height:38px;align-items:center;gap:10px;margin:0;padding:6px 10px;border:1px solid #ffffff0d;border-radius:10px;background:#120f1db3;box-shadow:0 5px 14px #0002;transition:.2s}
.theme-magenta_arena .classic-member p:hover{border-color:#c234af66;background:#181222;transform:translateX(2px)}
.theme-magenta_arena .classic-member i{width:28px;height:28px;display:grid;flex:0 0 28px;place-items:center;color:#fff;background:linear-gradient(145deg,#c234af,#76206e);border:1px solid #e98bdc55;border-radius:9px;font-size:12px;font-style:normal;font-weight:700;box-shadow:0 4px 10px #0004}
.theme-magenta_arena .classic-member span{min-width:0;display:flex;flex:1;flex-direction:column;color:#fff;white-space:nowrap;overflow:hidden}
.theme-magenta_arena .classic-member span small{color:#b899b8;font-size:7px;font-weight:700;letter-spacing:.12em}
.theme-magenta_arena .classic-member span b{overflow:hidden;color:#fff;font-size:10px;font-weight:600;text-overflow:ellipsis}
.theme-magenta_arena .classic-member p>em{color:#c98cc4;font-size:18px;font-style:normal}
.theme-magenta_arena .classic-member-dots{height:10px;display:flex;position:absolute;right:0;bottom:7px;left:0;align-items:center;justify-content:center;gap:6px}
.theme-magenta_arena .classic-member-dots button{width:6px;height:6px;padding:0;border:0;border-radius:50%;background:#785575;cursor:pointer}
.theme-magenta_arena .classic-member-dots button.is-active{width:16px;border-radius:6px;background:#c234af}
.theme-magenta_arena .classic-payment{padding:20px;border:1px solid #5d175b;border-radius:16px;background:linear-gradient(145deg,#390a3b,#240627);box-shadow:0 18px 45px #0003,inset 0 1px #ffffff0a}
.theme-magenta_arena .classic-payment header{display:flex;align-items:center;position:relative;padding-bottom:12px}
.theme-magenta_arena .classic-payment header:after{content:"";height:1px;position:absolute;right:0;bottom:0;left:0;background:linear-gradient(90deg,#c234af,#c234af2b,transparent)}
.theme-magenta_arena .classic-payment h2{display:flex;align-items:center;margin:0;color:#f1ecf1;font-size:16px;font-weight:600;letter-spacing:.02em}.theme-magenta_arena .classic-payment h2 em{margin-left:4px;color:#dc52c9;font-style:normal}
.theme-magenta_arena .classic-payment h2 svg{width:24px;height:24px;margin-right:9px;fill:#e9b2e2}
.theme-magenta_arena .classic-payment>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin-top:15px}
.theme-magenta_arena .classic-pay-method,.theme-magenta_arena .classic-pay-info{min-width:0;height:76px;border:1px solid #ffffff10;border-radius:11px;background:linear-gradient(145deg,#171221,#100d18);box-shadow:0 8px 20px #0003;transition:border-color .2s,transform .2s,box-shadow .2s}
.theme-magenta_arena .classic-pay-method:hover,.theme-magenta_arena .classic-pay-info:hover{border-color:#c234af88;transform:translateY(-2px);box-shadow:0 12px 24px #0005,0 0 18px #c234af14}
.theme-magenta_arena .classic-pay-method{display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;column-gap:11px;align-content:center;align-items:center;padding:0 12px}
.theme-magenta_arena .classic-pay-method img{width:36px;height:36px;grid-row:1/3;object-fit:contain;filter:drop-shadow(0 4px 6px #0005)}
.theme-magenta_arena .classic-payment b{overflow:hidden;color:#fff;font-size:10px;line-height:1.35;white-space:nowrap;text-overflow:ellipsis}.theme-magenta_arena .classic-payment small{overflow:hidden;color:#a99baa;font-size:7px;line-height:1.35;white-space:nowrap;text-overflow:ellipsis}
.theme-magenta_arena .classic-pay-info{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:0 12px}
.theme-magenta_arena .classic-pay-info>span{min-width:0;display:flex;flex-direction:column}
.theme-magenta_arena .classic-pay-info i{display:flex;flex:0 0 auto;align-items:center;gap:4px;font-style:normal}
.theme-magenta_arena .classic-pay-info i img{width:24px;height:24px;object-fit:contain;opacity:.85;filter:drop-shadow(0 3px 5px #0005)}
.theme-magenta_arena .classic-responsible>img{width:38px;height:38px;flex:0 0 38px;object-fit:contain;opacity:.9;filter:drop-shadow(0 4px 6px #0005)}
.theme-magenta_arena .classic-providers{padding:30px 0}.theme-magenta_arena .classic-providers h2{text-align:center;font-size:18px}
.theme-magenta_arena .classic-providers>div{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}.theme-magenta_arena .classic-providers a{min-width:110px;padding:11px;display:flex;align-items:center;justify-content:center;gap:7px;color:#aaa;border:1px solid #302133;border-radius:6px}
.theme-magenta_arena .classic-providers img{width:68px;height:28px;object-fit:contain}.theme-magenta_arena .classic-providers i{color:#d66bca;font-style:normal}.theme-magenta_arena .classic-providers b{font-size:8px}
.theme-magenta_arena .public-desktop-nav-bar{height:32px;padding:0;overflow:visible!important;background:#7f267a;border:0;box-shadow:none}
.theme-magenta_arena .public-desktop-nav-bar>div{
  width:100%;max-width:none;height:32px;margin:0;padding:0 clamp(28px,6vw,96px);
  box-sizing:border-box;
  display:flex;justify-content:center;gap:0;background:transparent;border:0;border-radius:0;
  box-shadow:none;position:relative;overflow:visible
}
.theme-magenta_arena .public-desktop-nav-bar .classic-nav-item{
  position:static;flex:1 1 0;min-width:0
}
.theme-magenta_arena .public-desktop-nav-bar .classic-nav-item>a{
  min-height:32px;height:32px;width:100%;justify-content:center;border:0;border-radius:0;
  background:transparent;padding:0 10px;text-align:center;box-shadow:none;text-shadow:none;
  filter:none;transform:none;opacity:1!important;transition:background .18s,color .18s
}
.theme-magenta_arena .public-desktop-nav-bar .classic-nav-item>a i,
.theme-magenta_arena .public-desktop-nav-bar .classic-nav-item>a small{display:none}
.theme-magenta_arena .public-desktop-nav-bar .classic-nav-item>a b{
  color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;
  font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:800;
  letter-spacing:.045em;text-transform:uppercase;white-space:nowrap;
  text-shadow:none;-webkit-text-stroke:0;filter:none;opacity:1!important;
  text-rendering:optimizeLegibility;-webkit-font-smoothing:auto
}
.theme-magenta_arena .public-desktop-nav-bar .classic-nav-item>a b:before,
.theme-magenta_arena .public-desktop-nav-bar .classic-nav-item>a b:after{content:none!important;display:none!important}
.theme-magenta_arena .public-desktop-nav-bar .classic-nav-item>a:hover,
.theme-magenta_arena .public-desktop-nav-bar .classic-nav-item>a.active{color:#FFFFFF!important;background:#ffffff0b;box-shadow:none;text-shadow:none;filter:none;transform:none}
.theme-magenta_arena .public-desktop-nav-bar .classic-nav-item>a:after{
  content:"";width:28px;height:2px;display:block;position:absolute;right:auto;bottom:0;left:50%;
  border-radius:2px;background:#FFFFFF;transform:translateX(-50%) scaleX(0);
  transform-origin:center;transition:transform .18s ease
}
.theme-magenta_arena .public-desktop-nav-bar .classic-nav-item>a:hover:after,
.theme-magenta_arena .public-desktop-nav-bar .classic-nav-item>a.active:after{transform:translateX(-50%) scaleX(1)}
.theme-magenta_arena .public-desktop-nav-bar .classic-nav-item>a.active{border-bottom:0}
.theme-magenta_arena .classic-nav-drop{
  position:absolute;z-index:100;top:100%;left:0;right:0;width:auto;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,190px));justify-content:center;
  gap:12px;padding:20px clamp(24px,6vw,100px);box-sizing:border-box;
  opacity:0;visibility:hidden;transform:translateY(-6px);pointer-events:none;
  background:rgba(12,8,16,.98);border-top:1px solid #8d2a83;
  border-bottom:2px solid #6f2069;box-shadow:0 24px 48px #000c;
  backdrop-filter:blur(15px);transition:opacity .16s,transform .16s,visibility .16s
}
.theme-magenta_arena .classic-nav-item:hover .classic-nav-drop,
.theme-magenta_arena .classic-nav-item:focus-within .classic-nav-drop{
  opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto
}
.theme-magenta_arena .classic-nav-drop>a{
  min-height:122px;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:8px;padding:7px;color:#fff;overflow:hidden;
  background:linear-gradient(180deg,#291229,#180d1b);border:1px solid #52214f;
  border-radius:5px;text-align:center;transition:.16s
}
.theme-magenta_arena .classic-nav-drop>a>img{
  width:100%;height:74px;display:block;object-fit:cover;border-radius:3px;
  background:#120b16
}
.theme-magenta_arena .classic-nav-drop>a:hover{
  color:#fff;background:#351334;border-color:#b838a8;transform:translateY(-2px)
}
.theme-magenta_arena .classic-nav-drop>a>i{
  width:48px;height:42px;display:grid;place-items:center;flex:0 0 auto;
  color:#f08de2;background:#c234af20;border:1px solid #c234af55;
  border-radius:5px;font-size:13px;font-style:normal;font-weight:900
}
.theme-magenta_arena .classic-nav-drop>a>span{display:flex;flex-direction:column;gap:3px}
.theme-magenta_arena .classic-nav-drop>a b{color:#fff;font-size:10px;white-space:nowrap}
.theme-magenta_arena .classic-nav-drop>a small{display:block;color:#9f91a3;font-size:8px}
.theme-magenta_arena .arena-hero{
  min-height:360px;margin-top:18px;padding:clamp(28px,5vw,62px);display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:38px;align-items:center;
  overflow:hidden;border:1px solid #4b244d;border-radius:20px;background:
    radial-gradient(circle at 78% 30%,#e058cb55 0,transparent 26%),
    radial-gradient(circle at 70% 80%,#5d226588 0,transparent 35%),
    linear-gradient(118deg,#100b16 0,#221027 58%,#0e0a12 100%);
  box-shadow:0 28px 70px #0009;position:relative
}
.theme-magenta_arena .arena-hero:after{
  content:"";position:absolute;width:340px;height:340px;border:45px solid #c234af17;
  border-radius:50%;right:-95px;top:-110px;box-shadow:0 0 0 28px #c234af0c
}
.theme-magenta_arena .arena-hero>div{position:relative;z-index:1}
.theme-magenta_arena .arena-eyebrow{
  color:#f09ae3;font-size:10px;font-weight:800;letter-spacing:.22em
}
.theme-magenta_arena .arena-hero h1{
  max-width:620px;margin:12px 0 16px;color:#fff;font-size:clamp(38px,6vw,72px);
  line-height:.98;letter-spacing:-.055em
}
.theme-magenta_arena .arena-hero h1 em{
  color:#ef82df;font-style:normal;text-shadow:0 0 38px #c234af55
}
.theme-magenta_arena .arena-hero p{
  max-width:570px;color:#bcb0c1;font-size:13px;line-height:1.8
}
.theme-magenta_arena .arena-hero nav{display:flex;gap:10px;margin-top:26px}
.theme-magenta_arena .arena-hero nav a{
  padding:13px 21px;border-radius:8px;color:#fff;font-size:10px;font-weight:900;letter-spacing:.08em
}
.theme-magenta_arena .arena-hero nav a:first-child{
  background:linear-gradient(135deg,#d245bd,#8e216f);box-shadow:0 10px 30px #c234af45
}
.theme-magenta_arena .arena-hero nav a:last-child{border:1px solid #f09ae355;background:#fff08}
.theme-magenta_arena .arena-hero>aside{
  position:relative;z-index:1;padding:10px 20px;border:1px solid #ffffff1b;
  border-radius:16px;background:#09070ba8;backdrop-filter:blur(10px)
}
.theme-magenta_arena .arena-hero>aside article{
  display:flex;gap:14px;align-items:center;padding:17px 2px;border-bottom:1px solid #ffffff16
}
.theme-magenta_arena .arena-hero>aside article:last-child{border:0}
.theme-magenta_arena .arena-hero>aside i{color:#f09ae3;font-size:10px;font-style:normal}
.theme-magenta_arena .arena-hero>aside span{display:flex;flex-direction:column}
.theme-magenta_arena .arena-hero>aside b{color:#fff;font-size:16px}
.theme-magenta_arena .arena-hero>aside small{color:#988e9d;font-size:10px}
.theme-magenta_arena .arena-categories{
  display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:14px
}
.theme-magenta_arena .arena-categories a{
  display:flex;gap:10px;align-items:center;justify-content:center;padding:13px;
  color:#d7cdd9;background:#15111c;border:1px solid #302035;border-radius:12px;
  font-size:11px;font-weight:800;transition:.2s
}
.theme-magenta_arena .arena-categories a:hover{
  color:#fff;border-color:#c234af88;background:#c234af18;transform:translateY(-2px)
}
.theme-magenta_arena .arena-categories i{color:#e66bd4;font-style:normal}
.theme-magenta_arena .jp{
  margin-top:18px;padding:1px;border-radius:18px;
  background:linear-gradient(110deg,#3f1b42,#c234af,#3f1b42);box-shadow:0 20px 50px #0009
}
.theme-magenta_arena .jp-frame{
  border-radius:17px;background:
    radial-gradient(circle at 50% 10%,#912c8155,transparent 45%),
    linear-gradient(135deg,#100b17,#241128 54%,#100b17)
}
.theme-magenta_arena .jp-label{color:#f2b8eb;text-transform:uppercase;letter-spacing:.18em}
.theme-magenta_arena .jp-label i{background:#c234af}
.theme-magenta_arena .jp-amount{color:#fff;text-shadow:0 0 25px #d83ac188}
.theme-magenta_arena .jp-cur{color:#f09ae3}
.theme-magenta_arena .jp-note{color:#9f91a4}
.theme-magenta_arena .reference-feature>aside,
.theme-magenta_arena .reference-popular,
.theme-magenta_arena .reference-providers,
.theme-magenta_arena .reference-service article{
  color:#f7f3f8;background:linear-gradient(180deg,#19131f,#111017);
  border:1px solid #33223a;box-shadow:0 16px 36px #0005
}
.theme-magenta_arena .reference-feature>aside{
  display:grid;grid-template-columns:repeat(3,1fr);padding:8px 20px;border-radius:16px
}
.theme-magenta_arena .reference-feature>aside article{
  padding:18px 12px;border-right:1px solid #33223a;border-bottom:0
}
.theme-magenta_arena .reference-feature>aside article:last-child{border-right:0}
.theme-magenta_arena .reference-feature aside i,
.theme-magenta_arena .reference-service i{
  color:#f2a8e8;background:#c234af1f;border:1px solid #c234af55
}
.theme-magenta_arena .reference-feature aside b,
.theme-magenta_arena .reference-service b{color:#fff}
.theme-magenta_arena .reference-feature aside small,
.theme-magenta_arena .reference-service small{color:#aaa1b0}
.theme-magenta_arena :is(.reference-popular,.reference-providers)>header{
  border-bottom:1px solid #33223a;padding-bottom:14px
}
.theme-magenta_arena :is(.reference-popular,.reference-providers) header span,
.theme-magenta_arena .reference-popular header>a{color:#f09ae3}
.theme-magenta_arena :is(.reference-popular,.reference-providers) h2{color:#fff}
.theme-magenta_arena .reference-popular header>a{
  border:1px solid #c234af66;background:#c234af14;border-radius:999px;padding:8px 14px
}
.theme-magenta_arena .reference-game-grid article>div{
  border:1px solid #322337;border-radius:13px;background:#0d0b11;overflow:hidden;
  transition:.2s transform,.2s border-color,.2s box-shadow
}
.theme-magenta_arena .reference-game-grid article:hover>div{
  transform:translateY(-4px);border-color:#d83ac1;box-shadow:0 14px 30px #c234af2c
}
.theme-magenta_arena .reference-game-grid article>div>a{
  color:#fff;background:linear-gradient(135deg,#d245bd,#8e216f);border-radius:999px
}
.theme-magenta_arena .reference-game-grid h3{color:#fff}
.theme-magenta_arena .reference-game-grid p{color:#9e93a3}
.theme-magenta_arena .reference-providers a{
  color:#eee;background:#0f0c13;border-color:#302135;border-radius:12px
}
.theme-magenta_arena .reference-providers a:hover{
  color:#f09ae3;background:#c234af14;border-color:#c234af88
}
.theme-magenta_arena .reference-providers a i{background:#c234af22;color:#f09ae3}
.theme-magenta_arena .public-footer{
  background:#08070c;border-top:2px solid #5c1c57;color:#aaa1b0
}
.theme-magenta_arena .footer-grid a:hover{color:#f09ae3}
.theme-magenta_arena .classic-desktop-footer{padding:0!important;text-align:left!important;background:linear-gradient(180deg,#0c0910,#070609);border-top:1px solid #64205f;color:#a99dab}
.theme-magenta_arena .classic-footer-grid{width:min(1200px,calc(100% - 48px));display:grid;grid-template-columns:1.55fr repeat(3,1fr);gap:54px;margin:0 auto;padding:42px 0 30px}
.theme-magenta_arena .classic-footer-grid section{display:flex;align-items:flex-start;flex-direction:column;gap:9px}
.theme-magenta_arena .classic-footer-grid h3,.theme-magenta_arena .classic-footer-partners h3{margin:0 0 8px;color:#fff;font-size:10px;font-weight:800;letter-spacing:.11em}
.theme-magenta_arena .classic-footer-grid section>a:not(:first-child),.theme-magenta_arena .classic-footer-grid section:not(.classic-footer-brand)>a{color:#918594;font-size:9px;transition:.18s}
.theme-magenta_arena .classic-footer-grid section>a:hover{color:#e36bd5}
.theme-magenta_arena .classic-footer-brand>a img{width:155px;height:58px;object-fit:contain;object-position:left center}
.theme-magenta_arena .classic-footer-brand>a b{color:#fff;font-size:22px}
.theme-magenta_arena .classic-footer-brand p{max-width:360px;margin:4px 0;color:#8e8391;font-size:9px;line-height:1.75}
.theme-magenta_arena .classic-footer-brand>div{display:flex;align-items:center;gap:9px}
.theme-magenta_arena .classic-footer-brand>div span{width:31px;height:31px;display:grid;place-items:center;border:1px solid #a934a2;border-radius:50%;color:#e66bda;font-size:9px;font-weight:900}
.theme-magenta_arena .classic-footer-brand>div small{color:#756b78;font-size:8px}
.theme-magenta_arena .classic-footer-partners{width:min(1200px,calc(100% - 48px));display:grid;grid-template-columns:1.7fr 1fr .8fr;gap:35px;margin:0 auto;padding:22px 0;border-top:1px solid #ffffff0c}
.theme-magenta_arena .classic-footer-partners section{min-width:0}
.theme-magenta_arena .classic-footer-partners section>div{display:flex;flex-wrap:wrap;align-items:center;gap:7px}
.theme-magenta_arena .classic-footer-partners section:first-child a,.theme-magenta_arena .classic-footer-partners section:first-child span{padding:6px 9px;color:#918594;border:1px solid #ffffff0c;border-radius:6px;background:#ffffff05;font-size:8px}
.theme-magenta_arena .classic-footer-partners section:first-child a:hover{color:#fff;border-color:#a934a255}
.theme-magenta_arena .classic-footer-security img{width:auto;height:29px;object-fit:contain;opacity:.72}
.theme-magenta_arena .classic-footer-security img:last-child{width:29px;height:29px}
.theme-magenta_arena .classic-footer-browser img{width:27px;height:27px;object-fit:contain;opacity:.72}
.theme-magenta_arena .classic-footer-bottom{display:flex;align-items:center;justify-content:space-between;width:min(1200px,calc(100% - 48px));margin:0 auto;padding:15px 0 20px;border-top:1px solid #ffffff0c;color:#615966;font-size:8px}
.theme-magenta_arena .public-support-float i{background:linear-gradient(135deg,#d245bd,#8e216f)}
.theme-magenta_arena .public-mobile-dock{
  background:#100c16f5;border-top:1px solid #3d2141;backdrop-filter:blur(15px)
}
.theme-magenta_arena .public-mobile-dock a{color:#b2a6b6}
.theme-magenta_arena .public-mobile-dock a.active{color:#f09ae3}
@media(min-width:901px){
  .theme-magenta_arena .topbar{height:94px;padding:0}
  .theme-magenta_arena .topbar-inner{
    width:min(1200px,calc(100% - 48px));height:94px;min-height:94px;margin:0 auto;padding:0;
    display:block;position:relative
  }
  .theme-magenta_arena .topbar-inner>.brand{
    position:absolute;left:0;top:7px;height:79px;margin:0
  }
  .theme-magenta_arena .topbar-inner>.account-nav{
    height:auto;display:flex;position:absolute;right:0;bottom:14px;align-items:center;margin:0
  }
  .theme-magenta_arena .classic-header-tools{right:0;top:9px}
  .theme-magenta_arena .classic-inline-login{margin:0}
}
@media(max-width:900px){
  .theme-magenta_arena .topbar,
  .theme-magenta_arena .public-desktop-nav-bar,
  .theme-magenta_arena .classic-desktop-footer{display:none!important}
  .theme-magenta_arena .classic-services{grid-template-columns:1fr}
  .theme-magenta_arena .classic-payment>div{grid-template-columns:1fr 1fr}
  .theme-magenta_arena .arena-hero{grid-template-columns:1fr;min-height:auto}
  .theme-magenta_arena .arena-hero>aside{display:grid;grid-template-columns:repeat(3,1fr)}
  .theme-magenta_arena .arena-hero>aside article{border:0;padding:10px}
  .theme-magenta_arena .reference-feature>aside{grid-template-columns:1fr}
  .theme-magenta_arena .reference-feature>aside article{
    border-right:0;border-bottom:1px solid #33223a;padding:15px 0
  }
  .theme-magenta_arena .reference-feature>aside article:last-child{border-bottom:0}
}
@media(max-width:600px){
  body.theme-magenta_arena{background:#09090d}
  .theme-magenta_arena .reference-home{padding-inline:10px}
  .theme-magenta_arena .brand:after{font-size:19px}
  .theme-magenta_arena .classic-banner{height:190px;margin-inline:-10px;grid-template-columns:1fr .8fr}
  .theme-magenta_arena .classic-banner-copy{padding-left:20px}
  .theme-magenta_arena .classic-banner-copy small{font-size:7px}.theme-magenta_arena .classic-banner-copy h1{font-size:37px}
  .theme-magenta_arena .classic-banner-copy p{font-size:7px;line-height:1.6}.theme-magenta_arena .classic-banner-copy nav{margin-top:12px}
  .theme-magenta_arena .classic-banner-copy nav a{padding:8px 10px;font-size:7px}
  .theme-magenta_arena .classic-banner-art img{width:85px;height:115px;border-width:2px;border-radius:9px}
  .theme-magenta_arena .classic-banner-art img:first-child{transform:rotate(-8deg) translateX(35px)}
  .theme-magenta_arena .classic-banner-art img:nth-child(2){transform:translateY(-8px)}
  .theme-magenta_arena .classic-banner-art img:nth-child(3){transform:rotate(8deg) translateX(-35px)}
  .theme-magenta_arena .classic-mobile-cats{display:flex;overflow-x:auto;margin:0 -10px;border-block:1px solid #34203a;background:#0d0b11}
  .theme-magenta_arena .classic-mobile-cats a{min-width:82px;padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:4px;color:#ddd;font-size:8px}
  .theme-magenta_arena .classic-mobile-cats i{color:#db60ca;font-size:21px;font-style:normal}
  .theme-magenta_arena .classic-jackpot{min-height:82px;margin:12px 0;padding:12px 18px;grid-template-columns:.7fr 1.3fr;border-radius:10px;box-shadow:inset 0 0 0 4px #0b0910,inset 0 0 0 5px #4c154d}
  .theme-magenta_arena .classic-jackpot>span{font-size:9px}.theme-magenta_arena .classic-jackpot>span b{font-size:14px}
  .theme-magenta_arena .classic-jackpot>div{gap:6px;padding:8px}.theme-magenta_arena .classic-jackpot i{font-size:7px}.theme-magenta_arena .classic-jackpot strong{font-size:16px}
  .theme-magenta_arena .classic-games{margin:17px 0}.theme-magenta_arena .classic-games h2{font-size:13px}
  .theme-magenta_arena .classic-games header>a{font-size:6px;padding:5px 8px}
  .theme-magenta_arena .classic-games>div{display:flex;overflow-x:auto;gap:8px}
  .theme-magenta_arena .classic-games article{min-width:118px;border-radius:10px}.theme-magenta_arena .classic-games h3{font-size:8px;margin-top:7px}
  .theme-magenta_arena .classic-services{margin:26px 0 18px;gap:16px}.theme-magenta_arena .classic-services>article>h2{font-size:15px}
  .theme-magenta_arena .classic-services>article>div{height:auto;min-height:160px}
  .theme-magenta_arena .classic-payment>div{grid-template-columns:1fr}.theme-magenta_arena .classic-payment h2{font-size:14px}
  .theme-magenta_arena .classic-providers{padding-bottom:80px}
  .theme-magenta_arena .arena-hero{margin-top:10px;padding:28px 20px;border-radius:14px}
  .theme-magenta_arena .arena-hero h1{font-size:42px}
  .theme-magenta_arena .arena-hero>aside{grid-template-columns:1fr;padding:6px 15px}
  .theme-magenta_arena .arena-hero>aside article{
    border-bottom:1px solid #ffffff16;padding:12px 0
  }
  .theme-magenta_arena .arena-categories{
    display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px
  }
  .theme-magenta_arena .arena-categories a{min-width:112px;scroll-snap-align:start}
  .theme-magenta_arena .jp{margin-top:10px}
  .theme-magenta_arena .reference-popular{padding:14px 10px}
  .theme-magenta_arena .reference-game-grid{
    display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px
  }
  .theme-magenta_arena .reference-game-grid article{min-width:128px;scroll-snap-align:start}
}