/* Super Ace King mobile-first design system */
:root{
  font-size:62.5%;
  --s848-primary:#004D40;
  --s848-secondary:#880E4F;
  --s848-bg:#1A1A1A;
  --s848-panel:#102521;
  --s848-card:#18201f;
  --s848-text:#F6FFF9;
  --s848-muted:#B9D7CF;
  --s848-gold:#FFD166;
  --s848-pink:#FF4DA6;
  --s848-line:rgba(255,255,255,.12);
  --s848-shadow:0 1.4rem 3.8rem rgba(0,0,0,.42);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{
  margin:0;
  background:radial-gradient(circle at top left,rgba(136,14,79,.38),transparent 36rem),linear-gradient(160deg,#071816 0%,var(--s848-bg) 56%,#220817 100%);
  color:var(--s848-text);
  font-family:Inter,Arial,Helvetica,sans-serif;
  font-size:1.5rem;
  line-height:1.5rem;
  overflow-x:hidden;
}
body.s848-lock{overflow:hidden}
a{color:#8FFFE7;text-decoration:none}
a:hover{color:var(--s848-gold)}
img{max-width:100%;display:block}
button,a{touch-action:manipulation}
.s848-site{
  width:100%;
  max-width:430px;
  min-height:100vh;
  margin:0 auto;
  background:rgba(10,22,20,.82);
  box-shadow:0 0 0 .1rem rgba(255,255,255,.06),0 0 7rem rgba(136,14,79,.22);
}
.s848-container{width:100%;max-width:430px;margin:0 auto;padding:0 1.4rem}
.s848-wrapper{padding:1.6rem 0}
.s848-header{
  position:fixed;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:100%;
  max-width:430px;
  z-index:1000;
  background:linear-gradient(90deg,rgba(0,77,64,.96),rgba(56,12,44,.96));
  border-bottom:.1rem solid rgba(255,255,255,.16);
  backdrop-filter:blur(1rem);
}
.s848-header-row{display:flex;align-items:center;gap:.8rem;min-height:6.2rem;padding:.8rem 1rem}
.s848-brand{display:flex;align-items:center;gap:.7rem;min-width:0;flex:1;color:#fff;font-weight:900;letter-spacing:.02em}
.s848-logo{width:3.2rem;height:3.2rem;border-radius:.9rem;box-shadow:0 .4rem 1.4rem rgba(0,0,0,.4)}
.s848-brand-text{font-size:1.42rem;line-height:1.2;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.s848-header-actions{display:flex;align-items:center;gap:.5rem}
.s848-btn{border:0;border-radius:999px;min-height:4.4rem;min-width:4.4rem;padding:0 1.15rem;font-weight:900;cursor:pointer;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease;color:#fff;background:linear-gradient(135deg,var(--s848-secondary),#C2185B);box-shadow:0 .6rem 1.6rem rgba(136,14,79,.38)}
.s848-btn:hover,.s848-btn:focus{transform:translateY(-.1rem) scale(1.02);filter:brightness(1.12)}
.s848-btn-alt{background:linear-gradient(135deg,#00796B,var(--s848-primary));box-shadow:0 .6rem 1.6rem rgba(0,77,64,.45)}
.s848-menu-btn{background:rgba(255,255,255,.12);border:.1rem solid rgba(255,255,255,.2);padding:0 1rem;color:#fff}
.s848-mobile-menu{position:fixed;inset:0;z-index:9999;background:rgba(5,12,12,.74);opacity:0;pointer-events:none;transition:opacity .25s ease}
.s848-menu-open{opacity:1;pointer-events:auto}
.s848-menu-panel{position:absolute;right:0;top:0;width:min(86vw,36rem);height:100%;padding:1.4rem;background:linear-gradient(180deg,#07332D,#190815);box-shadow:var(--s848-shadow);transform:translateX(100%);transition:transform .25s ease;overflow:auto}
.s848-menu-open .s848-menu-panel{transform:translateX(0)}
.s848-menu-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}
.s848-menu-title{font-size:1.9rem;font-weight:900;color:var(--s848-gold)}
.s848-close{font-size:2rem;background:rgba(255,255,255,.1);color:#fff;border:0;border-radius:1rem;min-width:4.4rem;min-height:4.4rem}
.s848-nav{display:flex;flex-direction:column;gap:.8rem}
.s848-nav a{display:flex;align-items:center;gap:.8rem;min-height:4.8rem;padding:1rem;border-radius:1.2rem;color:#fff;background:rgba(255,255,255,.07);border:.1rem solid rgba(255,255,255,.12);font-weight:800}
.s848-nav a.s848-active{background:linear-gradient(90deg,var(--s848-secondary),rgba(0,77,64,.78));color:#fff}
.s848-main{padding-top:6.8rem}
.s848-hero{position:relative;padding:1.4rem 0 1rem}
.s848-carousel{position:relative;border-radius:2rem;overflow:hidden;border:.1rem solid rgba(255,255,255,.14);box-shadow:var(--s848-shadow);background:#000;min-height:18rem}
.s848-slide{display:none;position:relative;cursor:pointer}
.s848-slide-active{display:block}
.s848-slide img{width:100%;height:20rem;object-fit:cover;filter:saturate(1.18) contrast(1.08)}
.s848-slide-copy{position:absolute;left:1.4rem;right:1.4rem;bottom:1.2rem;padding:1rem;border-radius:1.4rem;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,77,64,.46));border:.1rem solid rgba(255,255,255,.16)}
.s848-kicker{display:inline-flex;align-items:center;gap:.5rem;color:var(--s848-gold);font-weight:900;font-size:1.2rem;text-transform:uppercase;letter-spacing:.08em}
.s848-slide-title{font-size:2rem;line-height:2.2rem;font-weight:900;margin:.5rem 0;color:#fff}
.s848-dots{position:absolute;right:1.2rem;top:1.2rem;display:flex;gap:.5rem}
.s848-dot{width:.8rem;height:.8rem;border-radius:999px;background:rgba(255,255,255,.4);border:0;padding:0}
.s848-dot-active{width:1.8rem;background:var(--s848-gold)}
.s848-section{margin:1.4rem 0;padding:1.4rem;border-radius:2rem;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));border:.1rem solid var(--s848-line);box-shadow:0 .8rem 2.4rem rgba(0,0,0,.22)}
.s848-section-alt{background:linear-gradient(135deg,rgba(0,77,64,.36),rgba(136,14,79,.28))}
.s848-title{font-size:2.4rem;line-height:2.75rem;margin:0 0 1rem;font-weight:1000;letter-spacing:-.03em;color:#fff}
.s848-subtitle{font-size:1.95rem;line-height:2.4rem;margin:.4rem 0 1rem;color:var(--s848-gold);font-weight:900}
.s848-h3{font-size:1.55rem;line-height:2rem;margin:1rem 0 .7rem;color:#8FFFE7;font-weight:900}
.s848-text{color:var(--s848-muted);line-height:2.25rem;margin:.7rem 0}
.s848-lead{font-size:1.62rem;line-height:2.45rem;color:#fff;margin:.8rem 0 1rem}
.s848-cta-row{display:flex;flex-wrap:wrap;gap:.8rem;margin:1rem 0}
.s848-link-strong{display:inline-flex;align-items:center;gap:.5rem;color:var(--s848-gold);font-weight:1000;text-decoration:underline;text-decoration-thickness:.15rem;text-underline-offset:.3rem;cursor:pointer}
.s848-pill-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin:1rem 0}
.s848-pill{padding:.9rem;border-radius:1.2rem;background:rgba(255,255,255,.08);border:.1rem solid rgba(255,255,255,.13);font-weight:800;color:#fff}
.s848-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}
.s848-game-card{min-width:0;padding:.7rem;border-radius:1.2rem;background:rgba(0,0,0,.25);border:.1rem solid rgba(255,255,255,.1);text-align:center;transition:transform .2s ease,background .2s ease;cursor:pointer}
.s848-game-card:hover{transform:translateY(-.2rem);background:rgba(136,14,79,.24)}
.s848-game-card img{width:5.2rem;height:5.2rem;object-fit:cover;border-radius:1.2rem;margin:0 auto .55rem;box-shadow:0 .4rem 1rem rgba(0,0,0,.35)}
.s848-game-card span{display:block;color:#fff;font-size:1.08rem;line-height:1.3rem;font-weight:800;min-height:2.6rem}
.s848-metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.9rem}
.s848-metric{padding:1rem;border-radius:1.4rem;background:linear-gradient(135deg,rgba(255,209,102,.12),rgba(0,77,64,.18));border:.1rem solid rgba(255,209,102,.26)}
.s848-metric b{display:block;color:var(--s848-gold);font-size:2rem;line-height:2.3rem}
.s848-metric span{color:var(--s848-muted);font-size:1.18rem;line-height:1.5rem}
.s848-steps{counter-reset:s848-step;display:grid;gap:.9rem}
.s848-step{counter-increment:s848-step;display:grid;grid-template-columns:4.2rem 1fr;gap:.9rem;padding:1rem;border-radius:1.4rem;background:rgba(255,255,255,.06);border:.1rem solid rgba(255,255,255,.1)}
.s848-step:before{content:counter(s848-step);display:grid;place-items:center;width:3.8rem;height:3.8rem;border-radius:1.2rem;background:linear-gradient(135deg,var(--s848-secondary),var(--s848-primary));font-weight:1000;color:#fff}
.s848-card{padding:1.1rem;border-radius:1.5rem;background:rgba(255,255,255,.06);border:.1rem solid rgba(255,255,255,.12)}
.s848-card-row{display:grid;gap:.8rem}
.s848-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .7rem;border-radius:999px;background:rgba(255,209,102,.15);color:var(--s848-gold);font-size:1.1rem;font-weight:900;border:.1rem solid rgba(255,209,102,.25)}
.s848-review{padding:1rem;border-left:.35rem solid var(--s848-gold);background:rgba(255,255,255,.06);border-radius:0 1.2rem 1.2rem 0;margin:.8rem 0;color:#EAFBF6}
.s848-payments{display:flex;flex-wrap:wrap;gap:.7rem;margin:1rem 0}
.s848-pay{min-height:4.4rem;display:flex;align-items:center;gap:.5rem;padding:.8rem 1rem;border-radius:1rem;background:#fff;color:#0E1D1B;font-weight:900}
.s848-footer{padding:2rem 1.4rem 8.8rem;background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.52));border-top:.1rem solid rgba(255,255,255,.12)}
.s848-footer-brand{display:flex;align-items:center;gap:.8rem;font-weight:1000;font-size:1.8rem;color:#fff;margin-bottom:.8rem}
.s848-footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem;margin:1rem 0}
.s848-footer-links a{padding:.85rem;border-radius:1rem;background:rgba(255,255,255,.07);color:#fff;font-weight:800;font-size:1.22rem}
.s848-promo-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin:1rem 0}
.s848-partners{display:flex;gap:.7rem;flex-wrap:wrap;margin:1rem 0}
.s848-partner{padding:.6rem .85rem;border-radius:.9rem;background:rgba(255,255,255,.09);color:var(--s848-muted);font-size:1.1rem;font-weight:900}
.s848-copy{font-size:1.15rem;color:#9BBBB4;line-height:1.8rem}
.s848-bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:430px;height:6.2rem;z-index:1000;display:flex;justify-content:space-around;align-items:stretch;background:#004D40;border-top:.1rem solid rgba(255,255,255,.18);box-shadow:0 -1rem 2.4rem rgba(0,0,0,.32)}
.s848-bottom-btn{min-width:6rem;min-height:6rem;flex:1;border:0;background:transparent;color:#E8FFF8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;font-size:1.05rem;font-weight:900;cursor:pointer;transition:transform .18s ease,color .18s ease,background .18s ease;position:relative}
.s848-bottom-btn i,.s848-bottom-btn ion-icon,.s848-bottom-btn .material-icons,.s848-bottom-btn svg{font-size:2.3rem;width:2.4rem;height:2.4rem;line-height:2.4rem}
.s848-bottom-btn:hover,.s848-bottom-btn:focus{transform:scale(1.06);color:var(--s848-gold);background:rgba(255,255,255,.08)}
.s848-bottom-btn.s848-active{color:var(--s848-gold);background:linear-gradient(180deg,rgba(136,14,79,.32),rgba(0,0,0,.08))}
.s848-bottom-btn.s848-active:before{content:"";position:absolute;top:.4rem;width:2.6rem;height:.28rem;border-radius:999px;background:var(--s848-gold)}
.s848-bubble{position:absolute;top:.45rem;right:1.4rem;min-width:1.6rem;height:1.6rem;border-radius:999px;background:#FF4DA6;color:#fff;font-size:.9rem;display:grid;place-items:center;border:.1rem solid #fff}
.s848-faq details{padding:1rem;border-radius:1.2rem;background:rgba(255,255,255,.06);border:.1rem solid rgba(255,255,255,.1);margin:.8rem 0}
.s848-faq summary{font-weight:900;color:#fff;cursor:pointer;line-height:2rem}
.s848-table{width:100%;border-collapse:separate;border-spacing:0 .7rem}
.s848-table th,.s848-table td{text-align:left;padding:.8rem;background:rgba(255,255,255,.06);font-size:1.2rem;line-height:1.6rem}
.s848-table th{color:var(--s848-gold)}
.s848-table td:first-child,.s848-table th:first-child{border-radius:1rem 0 0 1rem}
.s848-table td:last-child,.s848-table th:last-child{border-radius:0 1rem 1rem 0}
.s848-sr{position:absolute;width:.1rem;height:.1rem;padding:0;margin:-.1rem;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (min-width:769px){
  .s848-bottom-nav{display:none}
  .s848-footer{padding-bottom:2rem}
  .s848-site,.s848-header{max-width:960px}
  .s848-container{max-width:960px}
  .s848-grid{grid-template-columns:repeat(6,1fr)}
  .s848-pill-grid,.s848-metric-grid,.s848-promo-buttons{grid-template-columns:repeat(4,1fr)}
  .s848-slide img{height:32rem}
}
@media (max-width:768px){
  main{padding-bottom:8rem}
  .s848-desktop-only{display:none!important}
}
@media (max-width:360px){
  .s848-brand-text{font-size:1.2rem}
  .s848-btn{padding:0 .8rem;font-size:1.18rem}
  .s848-grid{gap:.55rem}
  .s848-game-card img{width:4.6rem;height:4.6rem}
}