/* ============================================================
   phmacao apk - Core base stylesheet
   Class prefix: ui94-
   Loaded by index.html and shared across pages of the site.
   Mobile-first HTML5 casino design (max-width: 430px baseline).
   ============================================================ */

/* ---------- CSS variables ---------- */
:root{
  --ui94-bg: #1A1A2E;
  --ui94-bg-soft: #20213a;
  --ui94-bg-card: #262849;
  --ui94-text: #F0F8FF;
  --ui94-text-dim: #c7cdea;
  --ui94-accent: #FF0000;
  --ui94-accent-2: #A0522D;
  --ui94-accent-3: #87CEEB;
  --ui94-surface: #F5F5F5;
  --ui94-gold: #FFD27A;
  --ui94-radius: 1.2rem;
  --ui94-radius-sm: 0.8rem;
  --ui94-shadow: 0 6px 18px rgba(0,0,0,.32);
  --ui94-transition: .25s ease;
}

/* ---------- Base reset ---------- */
*{box-sizing:border-box;margin:0;padding:0}
html{font-size:62.5%;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  background:var(--ui94-bg);
  color:var(--ui94-text);
  line-height:1.5rem;
  max-width:430px;
  margin:0 auto;
  overflow-x:hidden;
  position:relative;
}
img{max-width:100%;display:block;border:0}
a{color:var(--ui94-accent-3);text-decoration:none}
button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit}
ul{list-style:none}

/* ---------- Layout helpers ---------- */
.ui94-container{width:100%;max-width:430px;margin:0 auto;padding:0 1.2rem}
.ui94-wrapper{padding:1.6rem 1.2rem}
.ui94-section{padding:2.2rem 1.2rem}
.ui94-section h2{font-size:1.9rem;line-height:2.4rem;margin-bottom:1rem;color:var(--ui94-text);font-weight:800}
.ui94-section h3{font-size:1.5rem;line-height:2rem;margin:1.2rem 0 .8rem;color:var(--ui94-accent-3);font-weight:700}
.ui94-section p{font-size:1.35rem;line-height:2.05rem;color:var(--ui94-text-dim);margin-bottom:.9rem}
.ui94-muted{color:var(--ui94-text-dim)}
.ui94-accent-text{color:var(--ui94-accent);font-weight:700}

/* ---------- Header ---------- */
.ui94-header{
  position:fixed;top:0;left:50%;transform:translateX(-50%);
  width:100%;max-width:430px;z-index:1000;
  display:flex;align-items:center;justify-content:space-between;
  padding:.7rem 1rem;
  background:linear-gradient(120deg,#1A1A2E 0%,#262849 60%,#1A1A2E 100%);
  border-bottom:2px solid var(--ui94-accent);
  box-shadow:0 4px 12px rgba(0,0,0,.35);
}
.ui94-logo{display:flex;align-items:center;gap:.6rem;color:var(--ui94-text)}
.ui94-logo img{width:30px;height:30px;border-radius:.5rem}
.ui94-logo strong{font-size:1.5rem;letter-spacing:.3px;color:var(--ui94-gold)}
.ui94-header-actions{display:flex;align-items:center;gap:.5rem}
.ui94-btn{
  display:inline-flex;align-items:center;gap:.4rem;
  padding:.55rem 1.1rem;font-size:1.25rem;font-weight:700;
  border-radius:2rem;min-height:40px;transition:transform var(--ui94-transition),box-shadow var(--ui94-transition);
}
.ui94-btn-primary{background:var(--ui94-accent);color:#fff;box-shadow:0 3px 10px rgba(255,0,0,.45)}
.ui94-btn-ghost{background:transparent;color:var(--ui94-text);border:1.5px solid var(--ui94-accent-3)}
.ui94-btn-gold{background:var(--ui94-gold);color:#1A1A2E}
.ui94-btn:active{transform:scale(.94)}
.ui94-menu-btn{font-size:1.6rem;color:var(--ui94-text);padding:.4rem .6rem;min-height:40px}
.ui94-header i{font-size:1.4rem}

/* ---------- Mobile dropdown menu ---------- */
.ui94-menu{
  position:fixed;top:64px;left:50%;transform:translateX(-50%);
  width:100%;max-width:430px;z-index:9999;
  background:var(--ui94-bg-soft);
  border-bottom:2px solid var(--ui94-accent-2);
  padding:.8rem 1rem 1.2rem;
  display:none;
}
.ui94-menu.open{display:block;animation:ui94-slide .25s ease}
@keyframes ui94-slide{from{opacity:0;transform:translateX(-50%) translateY(-8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
.ui94-menu a{
  display:block;padding:.85rem .4rem;font-size:1.35rem;color:var(--ui94-text);
  border-bottom:1px dashed #3a3c66;
}
.ui94-menu a:active{color:var(--ui94-accent)}

/* ---------- Main ---------- */
main{padding-top:64px}
.ui94-hero{position:relative;border-radius:0 0 var(--ui94-radius) var(--ui94-radius);overflow:hidden}
.ui94-carousel{position:relative;overflow:hidden;border-radius:var(--ui94-radius)}
.ui94-carousel-track{display:flex;transition:transform .5s ease}
.ui94-carousel-track figure{flex:0 0 100%;position:relative}
.ui94-carousel-track img{width:100%;height:200px;object-fit:cover}
.ui94-carousel-track figcaption{
  position:absolute;left:0;right:0;bottom:0;
  padding:1rem 1.2rem;background:linear-gradient(180deg,transparent,rgba(26,26,46,.92));
  font-size:1.3rem;color:var(--ui94-text)
}
.ui94-carousel-track figcaption strong{color:var(--ui94-gold);display:block;font-size:1.5rem;margin-bottom:.2rem}
.ui94-carousel-dots{display:flex;gap:.5rem;justify-content:center;margin-top:.8rem}
.ui94-carousel-dots button{
  width:9px;height:9px;border-radius:50%;background:#5a5c88;transition:background var(--ui94-transition)
}
.ui94-carousel-dots button.active{background:var(--ui94-accent)}

/* ---------- H1 anchor ---------- */
.ui94-h1-block{padding:1.6rem 1.2rem .4rem}
.ui94-h1-block h1{font-size:2.1rem;line-height:2.6rem;color:var(--ui94-text);font-weight:800}
.ui94-h1-block .ui94-h1-sub{font-size:1.25rem;color:var(--ui94-accent-3);margin-top:.3rem}

/* ---------- Game grid ---------- */
.ui94-game-block{padding:1.4rem 1.2rem 2rem}
.ui94-game-cat-title{font-size:1.7rem;font-weight:800;color:var(--ui94-gold);margin:1.4rem 0 .8rem;display:flex;align-items:center;gap:.5rem}
.ui94-game-cat-title i{color:var(--ui94-accent)}
.ui94-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem
}
.ui94-card{
  background:var(--ui94-bg-card);border-radius:var(--ui94-radius-sm);
  overflow:hidden;box-shadow:var(--ui94-shadow);transition:transform var(--ui94-transition)
}
.ui94-card:active{transform:scale(.96)}
.ui94-card img{width:100%;height:88px;object-fit:cover;background:#2a2c50}
.ui94-card .ui94-card-title{
  font-size:1.05rem;line-height:1.35rem;color:var(--ui94-text);
  padding:.5rem .4rem;text-align:center;font-weight:600;min-height:2.7rem;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.ui94-card-promo{
  position:relative
}
.ui94-card-promo::after{
  content:"HOT";position:absolute;top:.3rem;right:.3rem;
  background:var(--ui94-accent);color:#fff;font-size:.8rem;font-weight:700;
  padding:.1rem .35rem;border-radius:.3rem
}

/* ---------- Promo links inline ---------- */
.ui94-inline-link{
  color:var(--ui94-accent);font-weight:700;border-bottom:2px dashed var(--ui94-accent);
  padding:0 .15rem;cursor:pointer
}
.ui94-inline-link:hover{color:var(--ui94-gold);border-color:var(--ui94-gold)}

/* ---------- Feature / cards / two-col ---------- */
.ui94-features{display:grid;grid-template-columns:1fr;gap:.9rem}
.ui94-feature-card{
  background:var(--ui94-bg-card);border-radius:var(--ui94-radius-sm);
  padding:1.1rem;display:flex;gap:.8rem;align-items:flex-start;box-shadow:var(--ui94-shadow)
}
.ui94-feature-card .ui94-fc-icon{
  flex:0 0 40px;height:40px;border-radius:50%;
  background:rgba(255,0,0,.15);display:flex;align-items:center;justify-content:center;color:var(--ui94-accent)
}
.ui94-feature-card h3{font-size:1.35rem;margin:0 0 .3rem;color:var(--ui94-text)}
.ui94-feature-card p{font-size:1.2rem;line-height:1.7rem;margin:0;color:var(--ui94-text-dim)}

.ui94-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.ui94-stat{
  background:var(--ui94-bg-card);border-radius:var(--ui94-radius-sm);
  padding:1rem;text-align:center;box-shadow:var(--ui94-shadow)
}
.ui94-stat strong{display:block;font-size:1.8rem;color:var(--ui94-gold);font-weight:800}
.ui94-stat span{font-size:1.1rem;color:var(--ui94-text-dim)}

/* ---------- RTP table ---------- */
.ui94-rtp-table{width:100%;border-collapse:collapse;font-size:1.2rem;color:var(--ui94-text)}
.ui94-rtp-table th,.ui94-rtp-table td{padding:.7rem .5rem;border-bottom:1px solid #3a3c66;text-align:left}
.ui94-rtp-table th{color:var(--ui94-accent-3);font-size:1.15rem}
.ui94-rtp-table td:nth-child(2),.ui94-rtp-table td:nth-child(3){color:var(--ui94-gold);font-weight:700}

/* ---------- Testimonials ---------- */
.ui94-testi{display:grid;grid-template-columns:1fr;gap:.8rem}
.ui94-testi-card{
  background:var(--ui94-bg-card);border-radius:var(--ui94-radius-sm);
  padding:1rem 1.1rem;box-shadow:var(--ui94-shadow)
}
.ui94-testi-card .ui94-stars{color:var(--ui94-gold);font-size:1.1rem;margin-bottom:.3rem}
.ui94-testi-card p{font-size:1.2rem;line-height:1.7rem;color:var(--ui94-text-dim)}
.ui94-testi-card .ui94-testi-author{margin-top:.5rem;font-size:1.05rem;color:var(--ui94-accent-3);font-weight:700}

/* ---------- Winners ---------- */
.ui94-winner{
  display:flex;align-items:center;gap:.6rem;
  background:var(--ui94-bg-card);border-radius:var(--ui94-radius-sm);
  padding:.7rem .9rem;margin-bottom:.6rem;box-shadow:var(--ui94-shadow)
}
.ui94-winner i{flex:0 0 24px;color:var(--ui94-gold);font-size:1.4rem}
.ui94-winner span{font-size:1.2rem;color:var(--ui94-text)}
.ui94-winner b{color:var(--ui94-accent);font-weight:800}

/* ---------- Payment ---------- */
.ui94-pay{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}
.ui94-pay-item{
  background:var(--ui94-bg-card);border-radius:.5rem;padding:.7rem .4rem;
  text-align:center;font-size:1.05rem;color:var(--ui94-text-dim);box-shadow:var(--ui94-shadow)
}
.ui94-pay-item i{display:block;font-size:1.6rem;color:var(--ui94-accent-3);margin-bottom:.2rem}

/* ---------- FAQ ---------- */
.ui94-faq-item{
  background:var(--ui94-bg-card);border-radius:var(--ui94-radius-sm);
  margin-bottom:.6rem;overflow:hidden;box-shadow:var(--ui94-shadow)
}
.ui94-faq-q{
  width:100%;text-align:left;padding:.9rem 1rem;font-size:1.25rem;font-weight:700;
  color:var(--ui94-text);display:flex;justify-content:space-between;align-items:center;gap:.5rem;min-height:44px
}
.ui94-faq-q .ui94-faq-toggle{color:var(--ui94-accent);transition:transform var(--ui94-transition)}
.ui94-faq-q[aria-expanded="true"] .ui94-faq-toggle{transform:rotate(45deg)}
.ui94-faq-a{padding:0 1rem;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;color:var(--ui94-text-dim);font-size:1.18rem;line-height:1.8rem}
.ui94-faq-a.open{max-height:280px;padding:0 1rem 1rem}

/* ---------- CTA banner ---------- */
.ui94-cta{
  background:linear-gradient(120deg,var(--ui94-accent) 0%,#a02020 100%);
  border-radius:var(--ui94-radius);padding:1.4rem 1.2rem;text-align:center;margin:1.4rem 0
}
.ui94-cta h3{font-size:1.7rem;color:#fff;margin-bottom:.4rem}
.ui94-cta p{color:#ffe;font-size:1.2rem;margin-bottom:.8rem}
.ui94-cta .ui94-btn{background:#fff;color:var(--ui94-accent)}

/* ---------- App CTA ---------- */
.ui94-app-cta{
  background:var(--ui94-bg-card);border:1.5px solid var(--ui94-accent-3);
  border-radius:var(--ui94-radius);padding:1.3rem;display:flex;gap:1rem;align-items:center
}
.ui94-app-cta i{font-size:2.6rem;color:var(--ui94-accent-3)}
.ui94-app-cta h3{font-size:1.45rem;margin-bottom:.2rem}
.ui94-app-cta p{font-size:1.15rem;color:var(--ui94-text-dim);margin-bottom:.6rem}

/* ---------- Footer ---------- */
.ui94-footer{
  background:var(--ui94-bg-soft);padding:1.6rem 1.2rem;
  border-top:2px solid var(--ui94-accent-2);margin-bottom:64px
}
.ui94-footer h4{font-size:1.3rem;color:var(--ui94-gold);margin:.8rem 0 .5rem}
.ui94-footer p{font-size:1.15rem;line-height:1.7rem;color:var(--ui94-text-dim)}
.ui94-footer-links{display:flex;flex-wrap:wrap;gap:.5rem;margin:.6rem 0 1rem}
.ui94-footer-links a{
  font-size:1.1rem;padding:.4rem .7rem;border:1px solid #3a3c66;border-radius:1rem;color:var(--ui94-text)
}
.ui94-footer-links a:active{background:var(--ui94-accent);color:#fff;border-color:var(--ui94-accent)}
.ui94-footer-copy{font-size:1.05rem;color:#7a7ca6;text-align:center;padding-top:.6rem;border-top:1px solid #3a3c66}

/* ---------- Mobile bottom nav ---------- */
.ui94-bottomnav{
  position:fixed;bottom:0;left:50%;transform:translateX(-50%);
  width:100%;max-width:430px;z-index:1000;height:62px;
  display:flex;justify-content:space-around;align-items:center;
  background:linear-gradient(180deg,#20213a 0%,#1A1A2E 100%);
  border-top:2px solid var(--ui94-accent);
  box-shadow:0 -3px 12px rgba(0,0,0,.4)
}
.ui94-bottomnav button{
  flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-width:60px;min-height:60px;font-size:1.05rem;color:var(--ui94-text-dim);
  transition:color var(--ui94-transition),transform var(--ui94-transition)
}
.ui94-bottomnav button i{font-size:24px;margin-bottom:.15rem}
.ui94-bottomnav button.active{color:var(--ui94-accent)}
.ui94-bottomnav button:active{transform:scale(.9);color:var(--ui94-gold)}
.ui94-bottomnav button span{font-size:1rem}

@media(min-width:769px){
  .ui94-bottomnav{display:none}
  .ui94-footer{margin-bottom:0}
}

@media(max-width:768px){
  main{padding-bottom:80px}
}

/* ---------- Helpers ---------- */
.ui94-hide-desktop{display:block}
.ui94-flex-between{display:flex;justify-content:space-between;align-items:center;gap:.6rem}
.ui94-pill{
  display:inline-block;font-size:1.05rem;font-weight:700;color:var(--ui94-accent);
  background:rgba(255,0,0,.12);padding:.25rem .7rem;border-radius:1.4rem;margin:.2rem .2rem .2rem 0
}
.ui94-note{font-size:1.05rem;color:#9ea0c8;font-style:italic;margin-top:.6rem}
.ui94-disclaimer{font-size:1.05rem;color:#8a8cb5;padding:.8rem;border-left:3px solid var(--ui94-accent);background:rgba(255,0,0,.06);border-radius:.4rem;margin:.8rem 0}