:root{
  --fx-bg:#070b17;
  --fx-surface:rgba(12,18,34,.72);
  --fx-surface-2:rgba(16,24,44,.88);
  --fx-line:rgba(117,225,255,.18);
  --fx-text:#e8f4ff;
  --fx-muted:#9fb8d9;
  --fx-primary:#61f3ff;
  --fx-secondary:#8e7dff;
  --fx-accent:#ff4fd8;
  --fx-success:#67ffb0;
  --fx-shadow:0 20px 45px rgba(0,0,0,.35);
  --fx-glow:0 0 0 1px rgba(97,243,255,.18),0 0 24px rgba(97,243,255,.10),0 24px 54px rgba(0,0,0,.38);
}
html{scroll-behavior:smooth;}
body{
  background:
    radial-gradient(circle at 15% 20%, rgba(97,243,255,.16), transparent 25%),
    radial-gradient(circle at 85% 10%, rgba(142,125,255,.18), transparent 28%),
    radial-gradient(circle at 50% 100%, rgba(255,79,216,.12), transparent 35%),
    linear-gradient(135deg, #050814 0%, #09101f 42%, #05070f 100%) !important;
  color:var(--fx-text);
  font-family:Inter, Quicksand, sans-serif;
}
a{transition:all .25s ease;}
a, a:hover, a:focus{outline:none;text-decoration:none;}
.color-base{display:none;}
.header{
  position:relative;
  padding:24px 0 0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)),
    url(../images/spiral-bg.png) center top / cover no-repeat;
}
.header:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(7,11,23,.1), rgba(7,11,23,.55));
  pointer-events:none;
}
.header > *{position:relative;z-index:1;}
.logo{
  margin-bottom:18px;
}
.logo h1 a{
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  color:#fff;
}
.site-name{
  font-family:Orbitron, Inter, sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#fff;
  text-shadow:0 0 18px rgba(97,243,255,.22);
}
.site-name img{
  max-height:78px;
  filter:drop-shadow(0 8px 24px rgba(97,243,255,.14));
}
.logo span{
  display:inline-block;
  color:var(--fx-muted) !important;
  letter-spacing:.18em;
  font-size:11px;
  text-transform:uppercase;
}
.head-t,.header-ri{position:relative;z-index:1;}
.head-t .card,.social-top,.logged-t .card{
  display:flex;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  padding:0;
  margin:14px 0 0;
}
.head-t .card li,.social-top li{list-style:none;}
.head-t .card li a{
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.05);
  color:var(--fx-text);
  padding:10px 16px;
  border-radius:999px;
  box-shadow:var(--fx-glow);
}
.head-t .card li a:hover{transform:translateY(-2px);color:#fff;background:rgba(97,243,255,.12);}
.nav-top{
  background:rgba(10,14,28,.72) !important;
  border:1px solid rgba(255,255,255,.06);
  border-radius:22px 22px 0 0 !important;
  box-shadow:var(--fx-shadow);
  backdrop-filter:blur(14px);
  margin-top:18px;
}
.nav-top.nav-static{position:relative;z-index:3;}
.navbar.navbar-default{
  background:transparent;
  border:none;
  margin-bottom:0;
}
.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover{
  color:var(--fx-text) !important;
  background:transparent !important;
  font-weight:600;
  letter-spacing:.02em;
}
.navbar-default .navbar-nav>li>a span{display:inline-flex;align-items:center;gap:8px;}
.navbar-default .navbar-nav>li>a:hover{color:var(--fx-primary) !important;}
.navbar-default .navbar-toggle{
  border-color:rgba(255,255,255,.12);
  background:rgba(255,255,255,.05);
}
.navbar-default .navbar-toggle .icon-bar{background:#fff;}
.dropdown-menu,
.mega-dropdown-menu{
  background:rgba(9,14,27,.97) !important;
  border:1px solid rgba(117,225,255,.16) !important;
  border-radius:20px;
  box-shadow:var(--fx-shadow);
}
.dropdown-menu li>a,
.mega-dropdown-menu li>a,
.mega-dropdown-menu .cat-games{color:var(--fx-text) !important;}
.dropdown-menu li>a:hover,
.mega-dropdown-menu li>a:hover{background:rgba(97,243,255,.09) !important;color:#fff !important;}
.mega-dropdown-menu .divider{background:rgba(255,255,255,.08);}
.wrapper,
.mid-wrapper,
.product,
.side-ad,
.sidebar-play,
.footer,
.comments-list,
.featured-tabs,
.featured-container,
.top-carousel,
.home-banner,
.future-search-compact,
.future-stat-card{
  position:relative;
}
.wrapper,.mid-wrapper{
  overflow:visible;
}
.container.wrapper,
.container.mid-wrapper{
  background:transparent;
}
.mid-wrapper,
.product,
.side-ad,
.sidebar-play,
.home-banner,
.comments-list{
  background:var(--fx-surface);
  border:1px solid var(--fx-line);
  border-radius:24px;
  box-shadow:var(--fx-shadow);
  backdrop-filter:blur(14px);
}
.mid-wrapper{padding:26px 20px 4px;}
.product{padding:36px 24px 22px;}
.side-ad,.sidebar-play{padding:20px;}
.side-ad{margin-bottom:24px;}
.home-banner{padding:18px;margin-top:22px;overflow:hidden;}
.top-carousel,
.featured-container{
  background:rgba(8,13,25,.72);
  border:1px solid rgba(117,225,255,.14);
  border-radius:26px;
  box-shadow:var(--fx-shadow);
  padding:18px 10px 8px;
}
.featured-container{margin-top:0;}
.featured-tabs{
  background:transparent;
  margin-bottom:16px;
}
.featured-tabs .nav.tabs,
.comment-tabs .nav.tabs{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  padding:0;
  margin:0 0 16px;
}
.featured-tabs .nav.tabs li,
.comment-tabs .nav.tabs li{float:none;display:block;}
.featured-tabs .nav.tabs li a,
.comment-tabs .nav.tabs li a{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.07);
  color:var(--fx-muted);
  border-radius:999px;
  padding:10px 16px;
  font-weight:600;
}
.featured-tabs .nav.tabs li.active a,
.featured-tabs .nav.tabs li a:hover,
.comment-tabs .nav.tabs li.active a,
.comment-tabs .nav.tabs li a:hover{
  background:linear-gradient(135deg, rgba(97,243,255,.16), rgba(142,125,255,.2));
  border-color:rgba(97,243,255,.28);
  color:#fff;
  box-shadow:0 12px 24px rgba(0,0,0,.24);
}
.col-m{
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.07);
  border-radius:22px;
  box-shadow:var(--fx-glow);
  overflow:hidden;
}
.game-img{
  display:block;
  border-radius:18px 18px 0 0;
  overflow:hidden;
  position:relative;
}
.game-img:after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:65%;
  background:linear-gradient(180deg, rgba(8,13,25,0), rgba(8,13,25,.38));
  pointer-events:none;
}
.game-img img{
  transition:transform .45s ease, filter .35s ease;
}
.col-m:hover .game-img img{
  transform:scale(1.07);
  filter:saturate(1.1);
}
.mid-1{
  background:transparent;
  color:var(--fx-text);
  padding:16px 14px 18px;
  min-height:92px;
}
.mid-1 h6,
.mid-1 h6 a,
.mid-2,
.mid-3,
.pr-single,
.in-pa,
.footer-grid p,
.footer-grid li a,
.online,
.comment-p,
.comment-p a{
  color:var(--fx-muted) !important;
}
.mid-1 h6 a,
.footer-grid li a,
.copy-right p,
.pr-single,
.in-pa{transition:all .25s ease;}
.mid-1 h6 a:hover,
.footer-grid li a:hover{color:#fff !important;}
.glabel p span{
  border-radius:999px;
  padding:8px 12px;
  background:linear-gradient(135deg, rgba(255,79,216,.88), rgba(142,125,255,.9));
  box-shadow:0 14px 28px rgba(0,0,0,.24);
}
.stars{color:#ffd666 !important;}
.spec h3,.spec h4,
.page-heading,
.comment-header,
.footer-grid h3,
.footer-bottom h2 a,
.footer-bottom h2,
.future-hero h2,
.future-stat-card h3{
  font-family:Orbitron, Inter, sans-serif;
  color:#fff !important;
  letter-spacing:.04em;
}
.spec h3,.spec h4,.page-heading,.comment-header{margin-top:0;}
.comment-header,
.spec h3,
.spec h4{
  padding-bottom:12px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.comment-form textarea,
.form-control,
.input-group .form-control{
  background:rgba(255,255,255,.05) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  color:var(--fx-text) !important;
  border-radius:16px !important;
  box-shadow:none !important;
}
.form-control::placeholder,
.input-group .form-control::placeholder{color:rgba(232,244,255,.55) !important;}
.input-group .btn,
.submit-btn,
.btn-warning,
.btn-success,
.btn-primary,
.btn-info,
.btn-danger{
  border:none !important;
  border-radius:14px !important;
  box-shadow:0 12px 24px rgba(0,0,0,.25);
}
.btn-warning,
.btn-success,
.btn-primary{
  background:linear-gradient(135deg, #5cf2ff, #6b8cff) !important;
  color:#07111c !important;
  font-weight:700;
}
.btn-danger{background:linear-gradient(135deg, #ff5e98, #ff6f4d) !important;}
.btn-info{background:linear-gradient(135deg, #7b79ff, #47d3ff) !important;}
.input-group .btn-search{
  height:56px;
  min-width:58px;
}
.future-hero-wrap,
.future-stats-wrap{margin-top:18px;}
.future-hero{
  overflow:hidden;
  border-radius:30px;
  border:1px solid rgba(117,225,255,.18);
  box-shadow:var(--fx-shadow);
  background:
    linear-gradient(135deg, rgba(7,11,23,.72), rgba(7,11,23,.48)),
    radial-gradient(circle at 15% 25%, rgba(97,243,255,.18), transparent 22%),
    radial-gradient(circle at 80% 20%, rgba(142,125,255,.18), transparent 30%),
    url(../images/search.png) center / cover no-repeat;
}
.future-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:url(../images/bg-pattern.png) center / cover repeat;
  opacity:.05;
}
.future-hero-content{
  position:relative;
  z-index:1;
  padding:44px 42px;
}
.future-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.09);
  color:var(--fx-primary);
  font-size:12px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.future-hero h2{
  margin:18px 0 12px;
  font-size:44px;
  line-height:1.1;
}
.future-hero p{
  max-width:760px;
  color:#d4e7ff;
  font-size:16px;
  line-height:1.8;
  margin-bottom:18px;
}
.future-hero-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin:14px 0 20px;
}
.future-hero-actions a,
.future-category-tags a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:11px 16px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  color:#fff;
  border-radius:999px;
}
.future-hero-actions a:hover,
.future-category-tags a:hover{background:rgba(97,243,255,.14);transform:translateY(-2px);}
.future-hero .search-form,
.future-search-box{
  width:100%;
  max-width:760px;
}
.future-hero .input-group .form-control{
  height:62px;
  font-size:16px;
  border-radius:18px 0 0 18px !important;
}
.future-hero .input-group-btn .btn-search{
  height:62px;
  min-width:72px;
  border-radius:0 18px 18px 0 !important;
}
.future-category-tags{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:18px;
}
.future-stats-row{margin:0 -10px 6px;}
.future-stats-row > div{padding:0 10px;margin-bottom:20px;}
.future-stat-card{
  min-height:170px;
  padding:26px 22px;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  border:1px solid rgba(117,225,255,.14);
  border-radius:24px;
  box-shadow:var(--fx-shadow);
  overflow:hidden;
}
.future-stat-card:before{
  content:"";
  position:absolute;
  width:140px;
  height:140px;
  right:-42px;
  top:-42px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(97,243,255,.18), transparent 70%);
}
.future-stat-icon{
  width:56px;
  height:56px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:18px;
  background:linear-gradient(135deg, rgba(97,243,255,.18), rgba(142,125,255,.22));
  border:1px solid rgba(255,255,255,.08);
  color:var(--fx-primary);
  font-size:22px;
  margin-bottom:16px;
}
.future-stat-card h3{
  font-size:34px;
  margin:0 0 8px;
}
.future-stat-card p{
  margin:0;
  color:var(--fx-muted);
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:11px;
  font-weight:700;
}
.future-search-compact{
  padding:0;
  background:transparent;
  border:none;
  box-shadow:none;
}
.future-search-compact .input-group .form-control{height:52px;}
.future-search-compact .btn-search{height:52px;border-radius:0 14px 14px 0 !important;}
.recent img,
.media img,
.nav-profile img,
.comment-avatar img{border-radius:16px;}
.single-top,.single-play{
  background:rgba(8,13,25,.82);
  border:1px solid rgba(117,225,255,.14);
  border-radius:24px;
  box-shadow:var(--fx-shadow);
}
.single-play{
  color:#fff !important;
  font-size:1.45em;
  margin-top:18px;
  padding:28px 24px;
}
.play-game,
.play-game iframe,
.play-game object,
.play-game embed,
.play-game canvas{
  border-radius:22px;
  overflow:hidden;
}
.right-game-options .btn,
.left-game-options .btn{margin-left:8px;}
.social-share .icon,
.social-fo li a{
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  color:#fff;
  box-shadow:none;
}
.footer{
  background:rgba(7,11,23,.86);
  border-top:1px solid rgba(255,255,255,.06);
  margin-top:34px;
  padding-top:36px;
}
.footer-grid,
.footer-bottom,
.copy-right{
  color:var(--fx-muted);
}
.footer-grid h3{font-size:20px;}
.footer ul{padding-left:0;}
.footer ul li{list-style:none;margin-bottom:8px;}
.footer-bottom{
  margin-top:16px;
  padding-top:26px;
  border-top:1px solid rgba(255,255,255,.06);
}
.footer-bottom .site-name,
.footer-bottom span{color:#fff !important;}
.fo-para,
.copy-right p{color:var(--fx-muted) !important;}
.pagination>li>a,
.pagination>li>span{
  background:rgba(255,255,255,.05);
  border-color:rgba(255,255,255,.07);
  color:var(--fx-text);
}
.pagination>.active>a,
.pagination>.active>span,
.pagination>li>a:hover{
  background:linear-gradient(135deg, rgba(97,243,255,.16), rgba(142,125,255,.22));
  border-color:rgba(97,243,255,.28);
  color:#fff;
}
.alert{border-radius:18px;border:none;}
@media (max-width:991px){
  .future-hero-content{padding:34px 22px;}
  .future-hero h2{font-size:34px;}
  .product{padding:28px 18px 18px;}
  .mid-wrapper{padding:20px 16px 2px;}
  .nav-top{border-radius:20px !important;}
}
@media (max-width:767px){
  .header{padding-top:18px;}
  .future-hero h2{font-size:28px;}
  .future-hero p{font-size:14px;}
  .future-hero .input-group{display:block;}
  .future-hero .input-group .form-control,
  .future-hero .input-group-btn,
  .future-hero .input-group-btn .btn-search{
    width:100%;
    display:block;
    border-radius:16px !important;
  }
  .future-hero .input-group-btn{margin-top:10px;}
  .featured-tabs .nav.tabs,
  .comment-tabs .nav.tabs{gap:8px;}
  .future-category-tags a,
  .future-hero-actions a,
  .featured-tabs .nav.tabs li a,
  .comment-tabs .nav.tabs li a{font-size:12px;padding:10px 14px;}
  .single-play{padding:22px 16px;}
}

/* FutureMix performance + theme switch */
html.reduced-motion, html.reduced-motion body{scroll-behavior:auto !important;}
html.reduced-motion *,
html.reduced-motion *::before,
html.reduced-motion *::after{
  animation:none !important;
  transition:none !important;
}
.wow,.animated,.bounceIn,.bounce,.zoomIn,.swing{animation:none !important;visibility:visible !important;}
body, .wrapper, .mid-wrapper, .product, .side-ad, .sidebar-play, .single-top, .single-play, .footer, .home-banner, .featured-container, .top-carousel{
  -webkit-font-smoothing:antialiased;
  transform:translateZ(0);
}
.nav-top,.mid-wrapper,.product,.side-ad,.sidebar-play,.home-banner,.comments-list,.single-top,.single-play,.top-carousel,.featured-container{
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.game-img:after{background:linear-gradient(180deg, rgba(8,13,25,0), rgba(8,13,25,.16));}
.game-img img{opacity:1 !important; filter:none !important;}
.col-m:hover .game-img img{transform:translateY(-2px) scale(1.02); filter:none !important;}
.in-pa, .pr-single, .single-play .in-pa, .single-play .pr-single{
  filter:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  text-shadow:none !important;
  opacity:1 !important;
}
.tipso_bubble{display:none !important;}
.gameDesc{display:block !important; visibility:visible !important; opacity:1 !important;}
.side-widget{
  background:rgba(9,14,27,.86) !important;
  border:1px solid rgba(117,225,255,.16) !important;
  border-radius:22px !important;
  box-shadow:var(--fx-shadow);
  overflow:hidden;
}
.widget-header,
.widget-content,
.recent-container,
.side-widget .media,
.side-widget .media-body,
.side-widget .media-heading a,
.side-widget small,
.side-widget small i,
.side-widget .btn,
.online,
.online a{
  background:transparent !important;
  color:var(--fx-text) !important;
}
.widget-header{
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  color:#fff !important;
  font-weight:700;
}
.widget-content,
.side-widget .media{border-bottom:1px solid rgba(255,255,255,.06) !important;}
.side-widget .media:last-child{border-bottom:none !important;}
.side-widget .media-heading a:hover{color:var(--fx-primary) !important;}
.side-widget small{opacity:.85;}
.footer .online, .footer .online a, .footer-grid p, .footer-grid li a{color:var(--fx-muted) !important;}
.footer .online a:hover, .footer-grid li a:hover{color:#fff !important;}
.theme-toggle-item{margin-left:auto;}
.theme-toggle-btn{
  display:inline-flex !important;
  align-items:center;
  gap:8px;
  padding:12px 16px !important;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
}
.theme-toggle-btn:hover{background:rgba(97,243,255,.12) !important; color:#fff !important;}
body.light-mode{
  --fx-bg:#eef4ff;
  --fx-surface:rgba(255,255,255,.94);
  --fx-surface-2:rgba(250,252,255,.98);
  --fx-line:rgba(24,54,110,.08);
  --fx-text:#15233f;
  --fx-muted:#4f5f7d;
  --fx-primary:#246bff;
  --fx-secondary:#7258ff;
  --fx-accent:#e23ec2;
  --fx-shadow:0 18px 40px rgba(31,55,102,.10);
  background:
    radial-gradient(circle at 15% 20%, rgba(36,107,255,.08), transparent 25%),
    radial-gradient(circle at 85% 10%, rgba(114,88,255,.08), transparent 28%),
    linear-gradient(180deg, #f5f8ff 0%, #edf3ff 100%) !important;
  color:var(--fx-text);
}
html.light-mode body{background:
    radial-gradient(circle at 15% 20%, rgba(36,107,255,.08), transparent 25%),
    radial-gradient(circle at 85% 10%, rgba(114,88,255,.08), transparent 28%),
    linear-gradient(180deg, #f5f8ff 0%, #edf3ff 100%) !important; color:#15233f !important;}
body.light-mode .header:before{background:linear-gradient(180deg, rgba(255,255,255,.35), rgba(244,248,255,.75));}
body.light-mode .nav-top{background:rgba(255,255,255,.9) !important; border-color:rgba(24,54,110,.08);}
body.light-mode .navbar-default .navbar-nav>li>a,
body.light-mode .navbar-default .navbar-nav>.open>a,
body.light-mode .dropdown-menu li>a,
body.light-mode .mega-dropdown-menu li>a,
body.light-mode .mega-dropdown-menu .cat-games,
body.light-mode .site-name,
body.light-mode .spec h3,
body.light-mode .spec h4,
body.light-mode .page-heading,
body.light-mode .comment-header,
body.light-mode .footer-bottom h2,
body.light-mode .footer-bottom h2 a,
body.light-mode .future-hero h2,
body.light-mode .future-stat-card h3,
body.light-mode .widget-header,
body.light-mode .side-widget .media-heading a,
body.light-mode .mid-1 h6,
body.light-mode .mid-1 h6 a,
body.light-mode .pr-single,
body.light-mode .in-pa,
body.light-mode .comment-p,
body.light-mode .comment-p a,
body.light-mode .footer-grid p,
body.light-mode .footer-grid li a,
body.light-mode .online,
body.light-mode .online a,
body.light-mode .copy-right p,
body.light-mode .fo-para{color:#15233f !important;}
body.light-mode .logo span,
body.light-mode .mid-2,
body.light-mode .mid-3,
body.light-mode .pr-single,
body.light-mode .in-pa,
body.light-mode .comment-p,
body.light-mode .comment-p a,
body.light-mode .footer-grid p,
body.light-mode .footer-grid li a,
body.light-mode .online,
body.light-mode .online a,
body.light-mode .side-widget small{color:#4f5f7d !important;}
body.light-mode .mid-wrapper,
body.light-mode .product,
body.light-mode .side-ad,
body.light-mode .sidebar-play,
body.light-mode .home-banner,
body.light-mode .comments-list,
body.light-mode .single-top,
body.light-mode .single-play,
body.light-mode .top-carousel,
body.light-mode .featured-container,
body.light-mode .side-widget{
  background:rgba(255,255,255,.92) !important;
  border-color:rgba(24,54,110,.08) !important;
  box-shadow:0 18px 40px rgba(31,55,102,.10) !important;
}
body.light-mode .widget-header,
body.light-mode .widget-content,
body.light-mode .side-widget .media{background:transparent !important; border-color:rgba(24,54,110,.08) !important;}
body.light-mode .dropdown-menu,
body.light-mode .mega-dropdown-menu{background:rgba(255,255,255,.98) !important; border-color:rgba(24,54,110,.08) !important;}
body.light-mode .dropdown-menu li>a:hover,
body.light-mode .mega-dropdown-menu li>a:hover,
body.light-mode .featured-tabs .nav.tabs li.active a,
body.light-mode .featured-tabs .nav.tabs li a:hover,
body.light-mode .comment-tabs .nav.tabs li.active a,
body.light-mode .comment-tabs .nav.tabs li a:hover{
  background:rgba(36,107,255,.09) !important;
  color:#15233f !important;
  border-color:rgba(36,107,255,.18) !important;
}
body.light-mode .featured-tabs .nav.tabs li a,
body.light-mode .comment-tabs .nav.tabs li a,
body.light-mode .theme-toggle-btn{background:rgba(24,54,110,.04) !important; border-color:rgba(24,54,110,.08) !important; color:#15233f !important;}
body.light-mode .comment-form textarea,
body.light-mode .form-control,
body.light-mode .input-group .form-control{background:#fff !important; border-color:rgba(24,54,110,.10) !important; color:#15233f !important;}
body.light-mode .form-control::placeholder,
body.light-mode .input-group .form-control::placeholder{color:#6f7d95 !important;}
body.light-mode .future-hero{
  background:
    linear-gradient(135deg, rgba(255,255,255,.88), rgba(245,248,255,.95)),
    radial-gradient(circle at 15% 25%, rgba(36,107,255,.12), transparent 22%),
    radial-gradient(circle at 80% 20%, rgba(114,88,255,.10), transparent 30%),
    url(../images/search.png) center / cover no-repeat;
}
body.light-mode .future-kicker{background:rgba(24,54,110,.05); color:#246bff;}
body.light-mode .btn-warning,
body.light-mode .btn-success,
body.light-mode .btn-primary{color:#fff !important;}
body.light-mode .social-share .icon,
body.light-mode .social-fo li a{background:rgba(24,54,110,.04); border-color:rgba(24,54,110,.08); color:#15233f;}
@media (max-width: 767px){
  .theme-toggle-item{width:100%; margin-left:0;}
  .theme-toggle-btn{justify-content:center; margin-top:8px;}
  .nav-top,.mid-wrapper,.product,.side-ad,.sidebar-play,.single-top,.single-play,.top-carousel,.featured-container,.home-banner{backdrop-filter:none !important;}
}


/* FutureMix v3 hotfix: restore game cards + remove annoying active tab ornaments */
.featured-tabs .nav.tabs li a::before,
.featured-tabs .nav.tabs li a::after,
.comment-tabs .nav.tabs li a::before,
.comment-tabs .nav.tabs li a::after,
.nav-top .nav > li > a::before,
.nav-top .nav > li > a::after{
  content:none !important;
  display:none !important;
}
.featured-tabs .nav.tabs li,
.comment-tabs .nav.tabs li{
  background:transparent !important;
  border:0 !important;
}
.featured-tabs .nav.tabs li.active,
.comment-tabs .nav.tabs li.active{
  background:transparent !important;
}
.featured-tabs .nav.tabs li.active a,
.comment-tabs .nav.tabs li.active a{
  box-shadow:0 0 0 1px rgba(117,225,255,.18), 0 12px 30px rgba(0,0,0,.22) !important;
}