/* ==========================================================================
   eg33.homes - Core Base Stylesheet
   Prefix: uibc-  |  Color palette: #FFEB3B / #1E1E1E
   Mobile-first design, max-width 430px, root font 62.5%
   ========================================================================== */

:root{
  --uibc-primary:#FFEB3B;
  --uibc-primary-dark:#FDD835;
  --uibc-bg:#1E1E1E;
  --uibc-bg-2:#262626;
  --uibc-bg-3:#2E2E2E;
  --uibc-bg-4:#1A1A1A;
  --uibc-text:#FFFFFF;
  --uibc-text-soft:#E0E0E0;
  --uibc-text-mute:#9E9E9E;
  --uibc-accent:#FFC107;
  --uibc-danger:#EF5350;
  --uibc-success:#66BB6A;
  --uibc-border:#3A3A3A;
  --uibc-glow:rgba(255,235,59,0.35);
  --uibc-radius:1.2rem;
  --uibc-radius-sm:0.8rem;
  --uibc-header-h:5.4rem;
  --uibc-bottomnav-h:6.2rem;
  --uibc-shadow:0 0.4rem 1.6rem rgba(0,0,0,0.45);
  --uibc-gradient:linear-gradient(135deg,#FFEB3B 0%,#FFC107 100%);
  --uibc-gradient-dark:linear-gradient(180deg,#262626 0%,#1E1E1E 100%);
}

*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;}

html{
  font-size:62.5%;
  scroll-behavior:smooth;
  -webkit-text-size-adjust:100%;
}

body{
  font-family:'Noto Sans Bengali','Hind Siliguri','Segoe UI',Roboto,Arial,sans-serif;
  background:var(--uibc-bg);
  color:var(--uibc-text);
  line-height:1.5rem;
  font-size:1.5rem;
  min-height:100vh;
  overflow-x:hidden;
}

img{max-width:100%;display:block;border:0;}
a{color:var(--uibc-primary);text-decoration:none;}
ul,ol{list-style:none;}

/* ===================== Layout Containers ===================== */
.uibc-wrapper{
  width:100%;
  max-width:430px;
  margin:0 auto;
  background:var(--uibc-bg);
  min-height:100vh;
  position:relative;
}

.uibc-container{
  width:100%;
  padding:0 1.2rem;
}

.uibc-section{
  padding:2rem 1.2rem;
  margin-top:1rem;
}

.uibc-section-title{
  font-size:2rem;
  font-weight:800;
  color:var(--uibc-primary);
  margin-bottom:1rem;
  padding-left:1rem;
  border-left:0.4rem solid var(--uibc-primary);
  line-height:2.2rem;
}

.uibc-section-title i{margin-right:0.6rem;font-size:1.8rem;}

.uibc-subtitle{
  font-size:1.6rem;
  font-weight:700;
  color:var(--uibc-text);
  margin:1.2rem 0 0.8rem;
}

.uibc-text-soft{color:var(--uibc-text-soft);}
.uibc-text-mute{color:var(--uibc-text-mute);}
.uibc-text-yellow{color:var(--uibc-primary);font-weight:700;}

/* ===================== Header ===================== */
.uibc-header{
  position:fixed;
  top:0;left:0;right:0;
  z-index:1000;
  height:var(--uibc-header-h);
  background:rgba(30,30,30,0.96);
  backdrop-filter:blur(1rem);
  -webkit-backdrop-filter:blur(1rem);
  border-bottom:0.2rem solid var(--uibc-primary);
  box-shadow:0 0.4rem 1.2rem rgba(0,0,0,0.5);
}

.uibc-header-inner{
  max-width:430px;
  margin:0 auto;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 1rem;
  gap:0.6rem;
}

.uibc-logo{
  display:flex;
  align-items:center;
  gap:0.6rem;
  min-width:0;
  flex-shrink:1;
}

.uibc-logo-img{
  width:3rem;
  height:3rem;
  border-radius:0.6rem;
  object-fit:cover;
  border:0.15rem solid var(--uibc-primary);
}

.uibc-logo-text{
  font-size:1.8rem;
  font-weight:800;
  color:var(--uibc-primary);
  letter-spacing:0.05rem;
  white-space:nowrap;
}

.uibc-logo-text span{color:var(--uibc-text);}

.uibc-header-actions{
  display:flex;
  align-items:center;
  gap:0.5rem;
  flex-shrink:0;
}

.uibc-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:0.4rem;
  padding:0.7rem 1.2rem;
  border-radius:var(--uibc-radius-sm);
  font-size:1.3rem;
  font-weight:700;
  cursor:pointer;
  border:none;
  transition:transform .15s ease,box-shadow .15s ease,background .15s ease;
  min-height:3.6rem;
  line-height:1;
  font-family:inherit;
}

.uibc-btn-primary{
  background:var(--uibc-gradient);
  color:#1A1A1A;
  box-shadow:0 0.3rem 0.8rem var(--uibc-glow);
}

.uibc-btn-primary:hover{transform:translateY(-0.1rem);box-shadow:0 0.5rem 1.2rem var(--uibc-glow);}

.uibc-btn-outline{
  background:transparent;
  color:var(--uibc-primary);
  border:0.15rem solid var(--uibc-primary);
}

.uibc-btn-outline:hover{background:var(--uibc-primary);color:#1A1A1A;}

.uibc-btn-sm{padding:0.5rem 0.9rem;font-size:1.2rem;min-height:3rem;}

.uibc-menu-toggle{
  background:transparent;
  border:none;
  color:var(--uibc-primary);
  font-size:2.2rem;
  cursor:pointer;
  width:3.6rem;
  height:3.6rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:0.6rem;
}

.uibc-menu-toggle:hover{background:rgba(255,235,59,0.12);}

/* ===================== Mobile Menu (Drawer) ===================== */
.uibc-mobile-menu{
  position:fixed;
  top:0;right:-100%;
  width:80%;
  max-width:320px;
  height:100vh;
  background:var(--uibc-bg-2);
  z-index:9999;
  transition:right .28s ease;
  padding:var(--uibc-header-h) 1.2rem 2rem;
  overflow-y:auto;
  border-left:0.2rem solid var(--uibc-primary);
  box-shadow:-0.4rem 0 1.6rem rgba(0,0,0,0.6);
}

.uibc-mobile-menu.uibc-open{right:0;}

.uibc-mobile-menu-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.55);
  z-index:9998;
  opacity:0;
  visibility:hidden;
  transition:opacity .28s ease;
}

.uibc-mobile-menu-overlay.uibc-open{opacity:1;visibility:visible;}

.uibc-menu-title{
  font-size:1.7rem;
  font-weight:800;
  color:var(--uibc-primary);
  margin-bottom:1rem;
  padding-bottom:0.6rem;
  border-bottom:0.1rem solid var(--uibc-border);
}

.uibc-menu-list li{margin-bottom:0.5rem;}

.uibc-menu-list a,.uibc-menu-list .uibc-menu-link{
  display:flex;
  align-items:center;
  gap:0.8rem;
  padding:1rem 0.9rem;
  border-radius:0.6rem;
  color:var(--uibc-text);
  font-size:1.4rem;
  font-weight:600;
  background:var(--uibc-bg-3);
  transition:background .15s ease,color .15s ease;
  cursor:pointer;
}

.uibc-menu-list a:hover,.uibc-menu-list .uibc-menu-link:hover{
  background:var(--uibc-primary);
  color:#1A1A1A;
}

.uibc-menu-list i{font-size:1.6rem;color:var(--uibc-primary);width:2rem;text-align:center;}
.uibc-menu-list a:hover i,.uibc-menu-list .uibc-menu-link:hover i{color:#1A1A1A;}

.uibc-menu-cta{
  margin-top:1.2rem;
  display:flex;
  flex-direction:column;
  gap:0.6rem;
}

/* ===================== Main Content ===================== */
.uibc-main{
  padding-top:var(--uibc-header-h);
  padding-bottom:1rem;
}

/* ===================== Hero / Carousel ===================== */
.uibc-hero{
  margin-top:0.5rem;
  padding:0 1.2rem;
}

.uibc-carousel{
  position:relative;
  border-radius:var(--uibc-radius);
  overflow:hidden;
  box-shadow:var(--uibc-shadow);
  background:var(--uibc-bg-2);
}

.uibc-carousel-track{
  display:flex;
  transition:transform .45s ease;
}

.uibc-carousel-slide{
  flex:0 0 100%;
  position:relative;
  cursor:pointer;
}

.uibc-carousel-slide img{
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
  display:block;
}

.uibc-carousel-caption{
  position:absolute;
  left:1rem;bottom:1rem;
  background:rgba(30,30,30,0.78);
  color:var(--uibc-text);
  padding:0.6rem 1rem;
  border-radius:0.6rem;
  font-size:1.3rem;
  font-weight:700;
  border-left:0.3rem solid var(--uibc-primary);
}

.uibc-carousel-dots{
  position:absolute;
  bottom:0.8rem;right:1rem;
  display:flex;gap:0.5rem;
}

.uibc-carousel-dots .uibc-dot{
  width:0.8rem;height:0.8rem;
  border-radius:50%;
  background:rgba(255,255,255,0.4);
  border:none;cursor:pointer;
  transition:background .2s ease;
}

.uibc-carousel-dots .uibc-dot.uibc-active{background:var(--uibc-primary);}

.uibc-hero-actions{
  display:flex;
  gap:0.6rem;
  margin-top:1rem;
  flex-wrap:wrap;
}

/* ===================== Game Grid ===================== */
.uibc-category-block{margin-bottom:1.6rem;}

.uibc-cat-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:0.8rem;
  padding:0 1.2rem;
}

.uibc-cat-title{
  font-size:1.7rem;
  font-weight:800;
  color:var(--uibc-primary);
  display:flex;
  align-items:center;
  gap:0.5rem;
}

.uibc-cat-title .uibc-cat-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2.6rem;height:2.6rem;
  border-radius:0.6rem;
  background:var(--uibc-primary);
  color:#1A1A1A;
  font-size:1.4rem;
}

.uibc-cat-more{
  font-size:1.2rem;
  color:var(--uibc-text-mute);
  font-weight:600;
}

.uibc-game-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0.7rem;
  padding:0 1.2rem;
}

.uibc-game-card{
  background:var(--uibc-bg-2);
  border-radius:var(--uibc-radius-sm);
  overflow:hidden;
  cursor:pointer;
  border:0.1rem solid var(--uibc-border);
  transition:transform .15s ease,border-color .15s ease;
  position:relative;
}

.uibc-game-card:hover{
  transform:translateY(-0.2rem);
  border-color:var(--uibc-primary);
}

.uibc-game-card-img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  background:var(--uibc-bg-3);
}

.uibc-game-card-name{
  padding:0.5rem 0.4rem;
  font-size:1.1rem;
  font-weight:600;
  color:var(--uibc-text-soft);
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  line-height:1.2;
}

.uibc-game-card-badge{
  position:absolute;
  top:0.4rem;left:0.4rem;
  background:var(--uibc-gradient);
  color:#1A1A1A;
  font-size:0.9rem;
  font-weight:800;
  padding:0.15rem 0.5rem;
  border-radius:0.4rem;
}

/* ===================== Info / Feature Cards ===================== */
.uibc-card{
  background:var(--uibc-bg-2);
  border-radius:var(--uibc-radius);
  padding:1.4rem;
  margin-bottom:1rem;
  border:0.1rem solid var(--uibc-border);
}

.uibc-card h2,.uibc-card h3{color:var(--uibc-primary);margin-bottom:0.6rem;}
.uibc-card h2{font-size:1.8rem;}
.uibc-card h3{font-size:1.5rem;}
.uibc-card p{color:var(--uibc-text-soft);margin-bottom:0.6rem;font-size:1.35rem;line-height:1.7;}

.uibc-features-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:0.7rem;
}

.uibc-feature-item{
  background:var(--uibc-bg-2);
  border-radius:var(--uibc-radius-sm);
  padding:1rem;
  text-align:center;
  border:0.1rem solid var(--uibc-border);
}

.uibc-feature-item i{
  font-size:2.2rem;
  color:var(--uibc-primary);
  margin-bottom:0.4rem;
}

.uibc-feature-item h4{
  font-size:1.3rem;
  color:var(--uibc-text);
  margin-bottom:0.3rem;
}

.uibc-feature-item p{
  font-size:1.15rem;
  color:var(--uibc-text-mute);
  line-height:1.4;
}

/* ===================== RTP Compact Table ===================== */
.uibc-rtp-list{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:0.6rem;
}

.uibc-rtp-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:var(--uibc-bg-2);
  border:0.1rem solid var(--uibc-border);
  border-radius:0.6rem;
  padding:0.6rem 0.8rem;
  font-size:1.15rem;
}

.uibc-rtp-row .uibc-rtp-name{color:var(--uibc-text-soft);font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.uibc-rtp-row .uibc-rtp-val{color:var(--uibc-primary);font-weight:800;margin-left:0.5rem;}

/* ===================== Testimonials ===================== */
.uibc-testimonial{
  background:var(--uibc-bg-2);
  border-radius:var(--uibc-radius-sm);
  padding:1rem;
  margin-bottom:0.7rem;
  border-left:0.3rem solid var(--uibc-primary);
}

.uibc-testimonial-head{
  display:flex;
  align-items:center;
  gap:0.6rem;
  margin-bottom:0.4rem;
}

.uibc-testimonial-avatar{
  width:3rem;height:3rem;
  border-radius:50%;
  background:var(--uibc-gradient);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#1A1A1A;
  font-weight:800;
  font-size:1.3rem;
}

.uibc-testimonial-name{font-size:1.3rem;font-weight:700;color:var(--uibc-text);}
.uibc-testimonial-stars{color:var(--uibc-primary);font-size:1.1rem;}
.uibc-testimonial-text{font-size:1.2rem;color:var(--uibc-text-soft);line-height:1.6;}

/* ===================== Winners ===================== */
.uibc-winner-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:var(--uibc-bg-2);
  padding:0.6rem 0.9rem;
  border-radius:0.6rem;
  margin-bottom:0.5rem;
  font-size:1.2rem;
  border:0.1rem solid var(--uibc-border);
}

.uibc-winner-name{color:var(--uibc-text-soft);font-weight:600;}
.uibc-winner-game{color:var(--uibc-text-mute);font-size:1.05rem;}
.uibc-winner-amount{color:var(--uibc-primary);font-weight:800;}

/* ===================== Payment ===================== */
.uibc-payment-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0.5rem;
}

.uibc-payment-item{
  background:var(--uibc-bg-2);
  border:0.1rem solid var(--uibc-border);
  border-radius:0.6rem;
  padding:0.8rem 0.4rem;
  text-align:center;
  font-size:1rem;
  color:var(--uibc-text-soft);
  font-weight:600;
}

.uibc-payment-item i{font-size:1.8rem;color:var(--uibc-primary);display:block;margin-bottom:0.3rem;}

/* ===================== App Download CTA ===================== */
.uibc-app-cta{
  background:var(--uibc-gradient-dark);
  border:0.15rem solid var(--uibc-primary);
  border-radius:var(--uibc-radius);
  padding:1.4rem;
  text-align:center;
}

.uibc-app-cta h3{color:var(--uibc-primary);font-size:1.7rem;margin-bottom:0.5rem;}
.uibc-app-cta p{color:var(--uibc-text-soft);font-size:1.2rem;margin-bottom:1rem;}

.uibc-app-buttons{
  display:flex;
  gap:0.6rem;
  justify-content:center;
  flex-wrap:wrap;
}

/* ===================== FAQ ===================== */
.uibc-faq-item{
  background:var(--uibc-bg-2);
  border:0.1rem solid var(--uibc-border);
  border-radius:var(--uibc-radius-sm);
  margin-bottom:0.7rem;
  overflow:hidden;
}

.uibc-faq-q{
  padding:1rem 1.2rem;
  font-size:1.3rem;
  font-weight:700;
  color:var(--uibc-text);
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:0.6rem;
}

.uibc-faq-q i{color:var(--uibc-primary);transition:transform .2s ease;font-size:1.4rem;}
.uibc-faq-item.uibc-open .uibc-faq-q i{transform:rotate(180deg);}

.uibc-faq-a{
  max-height:0;
  overflow:hidden;
  transition:max-height .3s ease;
  padding:0 1.2rem;
  color:var(--uibc-text-soft);
  font-size:1.2rem;
  line-height:1.7;
}

.uibc-faq-item.uibc-open .uibc-faq-a{max-height:400px;padding:0 1.2rem 1rem;}

/* ===================== Promo Banner ===================== */
.uibc-promo-banner{
  background:linear-gradient(135deg,#3a2e00 0%,#1E1E1E 100%);
  border:0.15rem solid var(--uibc-primary);
  border-radius:var(--uibc-radius);
  padding:1.4rem;
  text-align:center;
  margin:1rem 1.2rem;
}

.uibc-promo-banner h3{color:var(--uibc-primary);font-size:1.8rem;margin-bottom:0.4rem;}
.uibc-promo-banner p{color:var(--uibc-text-soft);font-size:1.25rem;margin-bottom:1rem;}

/* ===================== Tricks / Achievements ===================== */
.uibc-trick-item{
  display:flex;
  gap:0.8rem;
  align-items:flex-start;
  background:var(--uibc-bg-2);
  padding:0.8rem 1rem;
  border-radius:0.6rem;
  margin-bottom:0.5rem;
  border:0.1rem solid var(--uibc-border);
}

.uibc-trick-num{
  flex-shrink:0;
  width:2.4rem;height:2.4rem;
  border-radius:50%;
  background:var(--uibc-gradient);
  color:#1A1A1A;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  font-size:1.2rem;
}

.uibc-trick-text{font-size:1.2rem;color:var(--uibc-text-soft);line-height:1.6;}

.uibc-achievement{
  display:flex;
  align-items:center;
  gap:0.8rem;
  background:var(--uibc-bg-2);
  padding:0.8rem;
  border-radius:0.6rem;
  margin-bottom:0.5rem;
  border:0.1rem solid var(--uibc-border);
}

.uibc-achievement-icon{
  width:3rem;height:3rem;
  border-radius:0.6rem;
  background:rgba(255,235,59,0.15);
  color:var(--uibc-primary);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:1.6rem;
  flex-shrink:0;
}

.uibc-achievement h4{font-size:1.3rem;color:var(--uibc-text);margin-bottom:0.2rem;}
.uibc-achievement p{font-size:1.1rem;color:var(--uibc-text-mute);}

/* ===================== Footer ===================== */
.uibc-footer{
  background:var(--uibc-bg-4);
  padding:2rem 1.2rem 2rem;
  margin-top:2rem;
  border-top:0.2rem solid var(--uibc-primary);
}

.uibc-footer-brand{
  font-size:1.8rem;
  font-weight:800;
  color:var(--uibc-primary);
  margin-bottom:0.6rem;
}

.uibc-footer-desc{
  font-size:1.2rem;
  color:var(--uibc-text-mute);
  line-height:1.7;
  margin-bottom:1rem;
}

.uibc-footer-links{
  display:flex;
  flex-wrap:wrap;
  gap:0.5rem;
  margin-bottom:1rem;
}

.uibc-footer-links a,.uibc-footer-links .uibc-footer-link{
  font-size:1.1rem;
  color:var(--uibc-text-soft);
  background:var(--uibc-bg-2);
  padding:0.4rem 0.8rem;
  border-radius:0.4rem;
  border:0.1rem solid var(--uibc-border);
  cursor:pointer;
}

.uibc-footer-links a:hover,.uibc-footer-links .uibc-footer-link:hover{
  background:var(--uibc-primary);color:#1A1A1A;
}

.uibc-footer-promo{
  display:flex;
  flex-wrap:wrap;
  gap:0.5rem;
  margin-bottom:1rem;
}

.uibc-partner-logos{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0.5rem;
  margin:1rem 0;
}

.uibc-partner-logo{
  background:var(--uibc-bg-2);
  border:0.1rem solid var(--uibc-border);
  border-radius:0.6rem;
  color:var(--uibc-primary);
  font-size:1.05rem;
  font-weight:800;
  text-align:center;
  padding:0.55rem 0.2rem;
}

.uibc-footer-copy{
  text-align:center;
  font-size:1.1rem;
  color:var(--uibc-text-mute);
  padding-top:1rem;
  border-top:0.1rem solid var(--uibc-border);
}

/* ===================== Mobile Bottom Nav ===================== */
.uibc-bottomnav{
  position:fixed;
  bottom:0;left:0;right:0;
  z-index:1000;
  height:var(--uibc-bottomnav-h);
  background:rgba(26,26,26,0.98);
  backdrop-filter:blur(1rem);
  -webkit-backdrop-filter:blur(1rem);
  border-top:0.15rem solid var(--uibc-primary);
  box-shadow:0 -0.4rem 1.2rem rgba(0,0,0,0.5);
  display:flex;
  justify-content:space-around;
  align-items:stretch;
}

.uibc-bottomnav-inner{
  max-width:430px;
  width:100%;
  margin:0 auto;
  display:flex;
  justify-content:space-around;
  align-items:stretch;
}

.uibc-navbtn{
  flex:1;
  min-width:60px;
  min-height:60px;
  background:transparent;
  border:none;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:0.2rem;
  color:var(--uibc-text-mute);
  cursor:pointer;
  transition:color .15s ease,transform .15s ease;
  padding:0.4rem 0;
  font-family:inherit;
}

.uibc-navbtn i{font-size:2.2rem;line-height:1;}
.uibc-navbtn .material-icons-outlined,.uibc-navbtn .material-icons{font-size:2.2rem;}
.uibc-navbtn ion-icon{font-size:2.2rem;}
.uibc-navbtn .uibc-nav-label{font-size:1rem;font-weight:600;line-height:1.2;}

.uibc-navbtn:hover{color:var(--uibc-primary);transform:translateY(-0.1rem);}
.uibc-navbtn.uibc-active{color:var(--uibc-primary);}
.uibc-navbtn.uibc-active i{transform:scale(1.1);}

.uibc-navbtn.uibc-nav-highlight{
  color:#1A1A1A;
  background:var(--uibc-gradient);
  border-radius:0.8rem 0.8rem 0 0;
  margin:0 0.3rem;
}

.uibc-navbtn.uibc-nav-highlight .uibc-nav-label{font-weight:800;}

.uibc-nav-badge{
  position:absolute;
  top:0.4rem;right:1.4rem;
  background:var(--uibc-danger);
  color:#fff;
  font-size:0.85rem;
  font-weight:700;
  border-radius:50%;
  width:1.6rem;height:1.6rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.uibc-navbtn{position:relative;}

/* ===================== Utility ===================== */
.uibc-hidden{display:none !important;}
.uibc-center{text-align:center;}
.uibc-mt-1{margin-top:0.5rem;}
.uibc-mt-2{margin-top:1rem;}
.uibc-mb-2{margin-bottom:1rem;}
.uibc-promo-inline{
  color:var(--uibc-primary);
  font-weight:800;
  cursor:pointer;
  border-bottom:0.15rem dotted var(--uibc-primary);
}

/* ===================== Responsive ===================== */
@media (min-width:769px){
  .uibc-bottomnav{display:none;}
  .uibc-wrapper{box-shadow:0 0 2rem rgba(0,0,0,0.4);}
}

@media (max-width:768px){
  .uibc-main{padding-bottom:calc(var(--uibc-bottomnav-h) + 1rem);}
  body{padding-bottom:0;}
}

@media (max-width:380px){
  .uibc-game-grid{grid-template-columns:repeat(3,1fr);gap:0.5rem;}
  .uibc-game-card-name{font-size:1rem;}
  .uibc-logo-text{font-size:1.5rem;}
  .uibc-btn{padding:0.6rem 0.9rem;font-size:1.1rem;}
}

/* ===================== Print / Reduced motion ===================== */
@media (prefers-reduced-motion:reduce){
  *{transition:none !important;animation:none !important;}
}