/* Winna main styles (performance-first, no framework) */

:root{
	--bg-0:#061018;
	--bg-1:#071724;
	--bg-2:#0a2132;
	--panel:#0a1b29;
	--panel-2:#0b2233;
	--stroke:rgba(255,255,255,.08);
	--stroke-2:rgba(255,255,255,.12);
  
	--text:#eaf2ff;
	--muted:rgba(234,242,255,.72);
  
	--blue:#2aa7ff;
	--blue-2:#1d86d8;
	--ghost:rgba(255,255,255,.10);
  
	--r-10:10px;
	--r-14:14px;
	--r-18:18px;
  
	--shadow:0 10px 40px rgba(0,0,0,.45);
	--shadow-2:0 8px 24px rgba(0,0,0,.35);
  
	--container:1240px;
  }
  
  [hidden]{ display:none !important; }
  
  .screen-reader-text{
	border:0; clip:rect(1px,1px,1px,1px);
	clip-path: inset(50%);
	height:1px; width:1px; margin:-1px; overflow:hidden; padding:0; position:absolute;
  }
  .skip-link{
	position:absolute; top:8px; left:8px;
	background:#000; color:#fff; padding:10px 12px; border-radius:8px;
	transform:translateY(-120%); transition:transform .15s ease;
	z-index:9999;
  }
  .skip-link:focus{ transform:translateY(0); }
  
  /* Lock scroll when drawers open */
  html.is-open--mobile-menu,
  html.is-open--site-sidebar{
	overflow:hidden;
  }
  
  /* Buttons */
  .btn{
	display:inline-flex; align-items:center; justify-content:center;
	gap:8px;
	padding:10px 14px;
	border-radius:12px;
	border:1px solid var(--stroke);
	background:transparent;
	color:var(--text);
	font-weight:600;
	line-height:1;
	min-height:40px;
	user-select:none;
  }
  .btn:hover{ border-color: var(--stroke-2); }
  .btn--primary{
	background: linear-gradient(180deg, var(--blue), var(--blue-2));
	border-color: rgba(0,0,0,.2);
	box-shadow: 0 10px 20px rgba(42,167,255,.18);
  }
  .btn--primary:hover{ filter:brightness(1.02); }
  .btn--ghost{ background: rgba(255,255,255,.06); }
  .btn--block{ width:100%; }
  
  /* Layout */
  .site-content{
	min-height: calc(100vh - 240px);
  }
  .layout{
	max-width: var(--container);
	margin: 0 auto;
	padding: 18px 14px 28px;
	display:grid;
	grid-template-columns: 1fr;
	gap: 16px;
  }
  .layout__main{
	min-width:0;
  }
  
  /* Header */
  .site-header{
	position: sticky;
	top:0;
	z-index: 1000;
	background: rgba(6,16,24,.85);
	backdrop-filter: blur(10px);
	border-bottom: 1px solid rgba(255,255,255,.06);
  }
  .site-header__inner{
	max-width: var(--container);
	margin: 0 auto;
	padding: 10px 14px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap: 14px;
  }
  .site-header__left,
  .site-header__right{
	display:flex; align-items:center; gap: 12px;
  }


  @media (max-width: 991px) {
	.site-header__inner {
	flex-wrap: wrap;
}}



@media (max-width: 991px) {
	.site-header__left, .site-header__right {
	justify-content: space-between;
	width: 100%;
}}


  .brand{
	display:flex; align-items:center; gap:10px;
	padding:6px 10px;
	border-radius: 12px;
  }
  .brand__logo{
	width: 120px;
	height: auto;
	display:block;
  }


  @media (max-width: 991px) {
	.brand__logo{
		width: 70px;
}}


  .brand__text{
	font-weight:800;
	letter-spacing:.2px;
  }
  
  /* Toggle buttons */
  .header-toggle{
	display:inline-flex;
	align-items:center;
	gap:8px;
	padding:9px 10px;
	border-radius: 12px;
	border:1px solid var(--stroke);
	background: rgba(255,255,255,.04);
	color: var(--text);
  }
  .header-toggle__icon{
	width:18px; height:18px; border-radius:5px;
	
  }
  .header-toggle__label{ font-weight:700; font-size:13px; color: var(--muted); }
  .header-toggle--sidebar{ display:none; }
  
  /* Menus */
  .menu{ list-style:none; padding:0; margin:0; display:flex; gap:10px; align-items:center; }
  .menu li{ margin:0; }
  .menu a{
	display:inline-flex;
	align-items:center;
	padding:9px 12px;
	border-radius: 12px;
	border: 1px solid transparent;
	color: var(--muted);
	font-weight:700;
	font-size:14px;
	background: transparent;
  }
  .menu a:hover{
	background: rgba(255,255,255,.05);
	border-color: rgba(255,255,255,.06);
	color: var(--text);
  }
  .menu--secondary a{ font-weight:700; font-size:13px; padding:8px 10px; }
  .menu--primary{ display:none; }
  .site-header__nav{ min-width: 0; }
  
  /* Header actions */
  .header-actions{ display:flex; align-items:center; gap:10px; }


  @media (max-width: 576px){
	.header-actions{         width: 100%;
        justify-content: space-around;}

  }



  .header-action{
	width:40px; height:40px;
	display:inline-flex; align-items:center; justify-content:center;
	border-radius: 12px;
	border: 1px solid var(--stroke);
	background: rgba(255,255,255,.04);
  }
  .header-action__icon{
	width:18px; height:18px; border-radius:6px;
  
  }
  
  /* Mobile menu */
  .mobile-menu{
	border-top: 1px solid rgba(255,255,255,.06);
	background: rgba(6,16,24,.96);
  }
  .mobile-menu__inner{
	max-width: var(--container);
	margin: 0 auto;
	padding: 14px;
	display:grid;
	gap: 14px;
  }
  .menu--mobile,
  .menu--mobile-secondary{
	display:grid;
	gap: 8px;
  }
  .menu--mobile a,
  .menu--mobile-secondary a{
	width:100%;
	justify-content:flex-start;
	background: rgba(255,255,255,.04);
	border-color: rgba(255,255,255,.06);
  }
  .mobile-menu__ctas{ display:grid; grid-template-columns: 1fr; gap: 10px; }
  
  /* Breadcrumbs */
  .breadcrumbs{
	margin: 6px 0 12px;
  }
  .breadcrumbs__list{
	list-style:none; padding:0; margin:0;
	display:flex; flex-wrap:wrap; gap:8px;
	color: var(--muted);
	font-size:13px;
  }
  .breadcrumbs__item{
	display:flex; align-items:center; gap:8px;
  }
  .breadcrumbs__item::after{
	content:"/";
	opacity:.45;
  }
  .breadcrumbs__item:last-child::after{ content:""; }
  .breadcrumbs__link{
	color: rgba(234,242,255,.78);
	border-bottom: 1px solid transparent;
  }
  .breadcrumbs__link:hover{ border-bottom-color: rgba(234,242,255,.25); }
  
  /* Hero */
  .hero{
	background: radial-gradient(1200px 400px at 40% 0%, rgba(42,167,255,.18), transparent 60%),
				linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0));
	border: 1px solid rgba(255,255,255,.06);
	border-radius: var(--r-18);
	box-shadow: var(--shadow-2);
	overflow:hidden;
  }
  .hero__inner{
	display:grid;
	grid-template-columns: 1fr;
	gap: 14px;
	padding: 16px;
  }
  .hero__kicker{
	display:inline-flex;
	padding:6px 10px;
	border-radius: 999px;
	background: rgba(255,255,255,.06);
	border: 1px solid rgba(255,255,255,.06);
	color: var(--muted);
	font-weight:800;
	font-size:12px;
	letter-spacing:.2px;
  }
  .hero__title{
	margin: 10px 0 6px;
	font-size: 34px;
	line-height: 1.05;
	letter-spacing: .2px;
  }
  .hero__subtitle{
	margin: 0 0 14px;
	color: var(--muted);
	max-width: 56ch;
  }
  .hero__actions{ display:flex; gap:10px; flex-wrap:wrap; }
  .hero__media{
	border-radius: var(--r-14);
	overflow:hidden;
	border: 1px solid rgba(255,255,255,.06);
	background: rgba(0,0,0,.15);
  }
  .hero__image{
	width:100%;
	height:auto;
	display:block;
  }
  .hero__dots{
	display:flex; justify-content:center; gap:8px;
	padding: 12px 0 16px;
  }
  .dot{
	width: 22px; height: 4px;
	border-radius: 10px;
	background: rgba(255,255,255,.14);
  }
  .dot--active{ background: rgba(42,167,255,.85); }
  
  /* Strips / sections */
  .strip{
	margin-top: 16px;
	background: rgba(255,255,255,.02);
	border: 1px solid rgba(255,255,255,.06);
	border-radius: var(--r-18);
	padding: 14px;
  }
  .strip__header{
	display:flex; align-items:center; justify-content:space-between; gap:10px;
	margin-bottom: 12px;
  }
  .strip__title{
	font-weight:900;
	letter-spacing:.2px;
	font-size: 18px;
  }
  .strip__more{
	color: rgba(234,242,255,.78);
	font-weight:800;
	padding: 8px 10px;
	border-radius: 12px;
	background: rgba(255,255,255,.04);
	border: 1px solid rgba(255,255,255,.06);
  }
  .strip__more:hover{ border-color: rgba(255,255,255,.10); color: var(--text); }
  
  /* Carousel */
  .carousel{ position:relative; }
  .carousel__track{
	display:flex;
	gap: 12px;
	overflow:auto;
	scroll-snap-type: x mandatory;
	padding-bottom: 6px;
	-webkit-overflow-scrolling: touch;
  }
  .carousel__track::-webkit-scrollbar{ height: 8px; }
  .carousel__track::-webkit-scrollbar-thumb{
	background: rgba(255,255,255,.12);
	border-radius: 999px;
  }
  .carousel__track > *{ scroll-snap-align: start; }
  
  .carousel__nav{
	position:absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 44px;
	height: 44px;
	border-radius: 14px;
	border: 1px solid rgba(255,255,255,.08);
	background: rgba(0,0,0,.35);
	backdrop-filter: blur(10px);
  }
  .carousel__nav--prev{ left: -6px; }
  .carousel__nav--next{ right: -6px; }
  @media (max-width: 720px){
	.carousel__nav{ display:none; }
  }
  
  /* Cards */
  .card{
	min-width: 220px;
	max-width: 280px;
	border-radius: var(--r-18);
	overflow:hidden;
	background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
	border: 1px solid rgba(255,255,255,.06);
	box-shadow: 0 8px 24px rgba(0,0,0,.25);
  }
  .card__media{ background: rgba(0,0,0,.18); }
  .card__img{
	width:100%;
	height:auto;
	display:block;
  }
  .card__body{
	padding: 10px 12px 12px;
  }
  .card__title{
	font-weight:900;
	letter-spacing:.2px;
	margin-bottom: 4px;
  }
  .card__badge{
	color: var(--muted);
	font-weight:800;
	font-size:12px;
  }
  .card--game:hover{
	border-color: rgba(42,167,255,.25);
	box-shadow: 0 10px 30px rgba(42,167,255,.10);
  }
  
  /* Providers grid */
  .providers{
	display:grid;
	grid-template-columns: repeat(2, minmax(0,1fr));
	gap: 10px;
  }
  .provider{
	display:flex; align-items:center; justify-content:center;
	min-height: 64px;
	border-radius: var(--r-14);
	border: 1px solid rgba(255,255,255,.06);
	background: rgba(255,255,255,.03);
  }
  .provider__img{
	max-width: 90%;
	height:auto;
	display:block;
	opacity: .9;
	filter: saturate(.9);
  }
  @media (min-width: 720px){
	.providers{ grid-template-columns: repeat(4, minmax(0,1fr)); }
  }
  
  /* Featured */
  .featured{
	margin-top: 16px;
	border: 1px solid rgba(255,255,255,.06);
	border-radius: var(--r-18);
	padding: 14px;
	background: rgba(255,255,255,.02);
  }
  .featured__title{
	text-align:center;
	color: var(--muted);
	font-weight:900;
	letter-spacing:.2px;
	margin-bottom: 12px;
  }
  .featured__grid{
	display:grid;
	grid-template-columns: repeat(2, minmax(0,1fr));
	gap: 10px;
  }
  .featured__item{
	display:flex; align-items:center; justify-content:center;
	min-height: 56px;
	border-radius: var(--r-14);
	border: 1px solid rgba(255,255,255,.06);
	background: rgba(255,255,255,.03);
  }
  .featured__img{ max-width: 90%; height:auto; display:block; opacity:.85; }
  @media (min-width: 900px){
	.featured__grid{ grid-template-columns: repeat(4, minmax(0,1fr)); }
  }
  
  /* SEO text */
  .seo-text{
	margin-top: 16px;
	border: 1px solid rgba(255,255,255,.06);
	border-radius: var(--r-18);
	background: rgba(255,255,255,.02);
  }
  .seo-text__inner{
	padding: 14px;
	color: rgba(234,242,255,.78);
	line-height: 1.6;
  }
  .seo-text__inner p{ margin: 0 0 10px; }
  .seo-text__inner p:last-child{ margin-bottom:0; }
  
  /* Page */
  .page, .entry{
	background: rgba(255,255,255,.02);
	border: 1px solid rgba(255,255,255,.06);
	border-radius: var(--r-18);
	padding: 14px;
  }
  .page__title, .entry__title{
	margin: 0 0 10px;
	font-size: 28px;
	letter-spacing:.2px;
  }
  .page__content, .entry__content{
	color: rgba(234,242,255,.82);
	line-height: 1.7;
  }
  .page__content a, .entry__content a{
	color: rgba(42,167,255,.95);
	border-bottom: 1px solid rgba(42,167,255,.25);
  }
  .page__content a:hover, .entry__content a:hover{
	border-bottom-color: rgba(42,167,255,.55);
  }
  
  /* 404 */
  .error404{
	max-width: var(--container);
	margin: 0 auto;
	padding: 22px 14px 40px;
  }
  .error404__inner{
	display:flex;
	justify-content:center;
  }
  .error404__card{
	width: min(680px, 100%);
	border-radius: var(--r-18);
	border: 1px solid rgba(255,255,255,.06);
	background: radial-gradient(900px 380px at 20% 0%, rgba(42,167,255,.16), transparent 60%),
				rgba(255,255,255,.02);
	box-shadow: var(--shadow);
	padding: 18px;
	text-align:center;
  }
  .error404__code{
	font-weight: 1000;
	font-size: 56px;
	letter-spacing: 1px;
	opacity: .95;
  }
  .error404__title{
	margin: 6px 0 8px;
	font-size: 28px;
  }
  .error404__text{
	margin: 0 0 14px;
	color: var(--muted);
  }
  .error404__actions{
	display:flex; gap:10px; flex-wrap:wrap; justify-content:center;
  }
  .error404__hint{ margin-top: 12px; }
  .error404__link{
	color: rgba(234,242,255,.78);
	border-bottom: 1px solid rgba(255,255,255,.18);
  }
  .error404__link:hover{ color: var(--text); border-bottom-color: rgba(255,255,255,.35); }
  
  /* Sidebar (drawer) */
  .site-sidebar{
	position: fixed;
	inset: 0;
	z-index: 1200;
	background: rgba(0,0,0,.55);
  }
  .site-sidebar__inner{
	position:absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: min(380px, 92vw);
	background: rgba(6,16,24,.98);
	border-left: 1px solid rgba(255,255,255,.06);
	box-shadow: var(--shadow);
	display:flex;
	flex-direction:column;
	gap: 12px;
	padding: 14px;
  }
  .sidebar-top{
	display:flex; align-items:center; justify-content:space-between; gap: 10px;
  }
  .sidebar-top__title{
	font-weight: 1000;
	letter-spacing:.2px;
  }
  .sidebar-icon-btn{
	width: 40px; height: 40px;
	border-radius: 12px;
	border: 1px solid rgba(255,255,255,.08);
	background: rgba(255,255,255,.04);
	display:inline-flex;
  }
  .sidebar-nav .menu--sidebar{
	display:grid;
	gap: 8px;
  }
  .sidebar-nav .menu--sidebar a{
	width:100%;
	justify-content:flex-start;
	background: rgba(255,255,255,.04);
	border-color: rgba(255,255,255,.06);
	color: rgba(234,242,255,.82);
  }
  .sidebar-nav .menu--sidebar a:hover{
	border-color: rgba(255,255,255,.12);
	color: var(--text);
  }
  
  /* Sidebar promo */
  .sidebar-promo{
	display:flex; align-items:center; justify-content:space-between; gap: 10px;
	padding: 12px;
	border-radius: var(--r-18);
	border: 1px solid rgba(255,255,255,.06);
	background: radial-gradient(700px 240px at 30% 0%, rgba(42,167,255,.18), transparent 60%),
				rgba(255,255,255,.02);
  }
  .sidebar-promo__icon{
	width: 44px; height: 44px;
	border-radius: 14px;
	background: rgba(42,167,255,.16);
	border: 1px solid rgba(42,167,255,.22);
		display: flex;
	  align-items: center;
	  justify-content: center;
  }
  .sidebar-promo__title{ font-weight: 1000; }
  .sidebar-promo__meta{ color: var(--muted); font-size: 12px; font-weight: 800; }
  .sidebar-promo__cta{
	padding: 10px 12px;
	border-radius: 12px;
	background: linear-gradient(180deg, var(--blue), var(--blue-2));
	font-weight: 900;
  }
  
  /* Chat */
  .chat{
	border-radius: var(--r-18);
	border: 1px solid rgba(255,255,255,.06);
	background: rgba(255,255,255,.02);
	overflow:hidden;
	display:flex;
	flex-direction:column;
	min-height: 320px;
  }
  .chat__header{
	display:flex; align-items:center; justify-content:space-between; gap: 10px;
	padding: 12px;
	border-bottom: 1px solid rgba(255,255,255,.06);
	background: rgba(255,255,255,.02);
  }
  .chat__title{ font-weight: 1000; letter-spacing:.2px; }
  .chat__actions{ display:flex; gap: 8px; }
  .chat__btn{
	padding: 8px 10px;
	border-radius: 12px;
	border: 1px solid rgba(255,255,255,.06);
	background: rgba(255,255,255,.04);
	font-weight: 900;
	font-size: 12px;
	color: rgba(234,242,255,.86);
  }
  .chat__btn--primary{
	background: linear-gradient(180deg, var(--blue), var(--blue-2));
	border-color: rgba(0,0,0,.2);
  }
  .chat__list{
	padding: 10px;
	display:grid;
	gap: 10px;
	overflow:auto;
	max-height: 44vh;
  }
  .chat-msg{
	display:flex;
	gap: 10px;
	padding: 10px;
	border-radius: 14px;
	border: 1px solid rgba(255,255,255,.06);
	background: rgba(255,255,255,.03);
  }
  .chat-msg__avatar{
	width: 38px; height: 38px;
	border-radius: 14px;
	background: rgba(255,255,255,.06);
	border: 1px solid rgba(255,255,255,.06);
	display:flex;
	align-items:center;
	justify-content:center;
	flex: 0 0 auto;
  }
  .chat-msg__lvl{
	font-weight: 1000;
	font-size: 12px;
	color: rgba(42,167,255,.95);
  }
  .chat-msg__user{
	font-weight: 1000;
	letter-spacing:.1px;
  }
  .chat-msg__text{
	color: rgba(234,242,255,.78);
	font-weight: 700;
	font-size: 13px;
	margin-top: 2px;
  }
  .chat__footer{
	padding: 12px;
	border-top: 1px solid rgba(255,255,255,.06);
  }
  
  /* Chat pop-in states */
  .chat-msg.is-hidden{
	opacity: 0;
	transform: translateY(6px);
  }
  .chat-msg.is-visible{
	opacity: 1;
	transform: translateY(0);
	transition: opacity .18s ease, transform .18s ease;
  }
  
  /* Footer */
  .site-footer{
	margin-top: 22px;
	border-top: 1px solid rgba(255,255,255,.06);
	background: rgba(255,255,255,.01);
  }
  .site-footer__top{
	max-width: var(--container);
	margin: 0 auto;
	padding: 20px 14px;
	display:grid;
	gap: 16px;
  }
  .footer-brand{
	display:grid;
	gap: 10px;
  }
  .footer-brand__logo{
	width: 140px;
	height:auto;
	display:block;
  }
  .footer-brand__textblock{
	color: var(--muted);
	line-height: 1.6;
  }
  .footer-cols{
	display:grid;
	gap: 12px;
  }
  .footer-col{
	border: 1px solid rgba(255,255,255,.06);
	border-radius: var(--r-18);
	background: rgba(255,255,255,.02);
	padding: 12px;
  }
  .footer-col__title{
	font-weight: 1000;
	letter-spacing:.2px;
	margin-bottom: 10px;
  }
  .menu--footer{
	display:grid;
	gap: 8px;
  }
  .menu--footer a{
	width:100%;
	justify-content:flex-start;
	padding: 9px 10px;
	background: rgba(255,255,255,.03);
	border: 1px solid rgba(255,255,255,.06);
	color: rgba(234,242,255,.78);
  }
  .menu--footer a:hover{ color: var(--text); border-color: rgba(255,255,255,.12); }
  .menu--social{
	display:flex;
	gap: 10px;
	flex-wrap:wrap;
  }
  .menu--social a{
	width:44px; height:44px;
	display:inline-flex; align-items:center; justify-content:center;
	background: rgba(255,255,255,.04);
	border: 1px solid rgba(255,255,255,.06);
	border-radius: 14px;
	padding:0;
  }
  .footer-cta{ margin-top: 12px; }
  
  .site-footer__bottom{
	border-top: 1px solid rgba(255,255,255,.06);
  }
  .footer-meta{
	max-width: var(--container);
	margin: 0 auto;
	padding: 12px 14px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap: 10px;
	color: var(--muted);
	font-weight: 800;
	font-size: 13px;
  }
  .footer-meta__link{
	color: rgba(234,242,255,.78);
	padding: 8px 10px;
	border-radius: 12px;
	border: 1px solid rgba(255,255,255,.06);
	background: rgba(255,255,255,.03);
  }
  
  /* Responsive */
  @media (min-width: 900px){
	.menu--primary{ display:flex; }
	.header-toggle--mobile{ display:none; }
	.header-toggle--sidebar{ display:inline-flex; }
  
	.hero__inner{
	  grid-template-columns: 1.15fr .85fr;
	  align-items:center;
	  padding: 18px;
	}
	.hero__title{ font-size: 44px; }
  
	.site-footer__top{
	  grid-template-columns: 1fr 2fr;
	  align-items:start;
	}
	.footer-cols{
	  grid-template-columns: repeat(4, minmax(0,1fr));
	}
  }
  
  @media (max-width: 420px){
	.brand__logo{ width: 104px; }
	.hero__title{ font-size: 30px; }
	.btn{ width:auto; }
	.header-actions .btn{ } /* keep compact on very small screens */
  }
  
  /* Announcement bar */
  .announce{
	margin-bottom: 14px;
	border: 1px solid rgba(255,255,255,.06);
	border-radius: var(--r-18);
	background:
	  radial-gradient(900px 220px at 20% 0%, rgba(42,167,255,.18), transparent 60%),
	  rgba(255,255,255,.02);
	box-shadow: var(--shadow-2);
  }
  .announce__inner{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap: 12px;
	padding: 12px 12px;
  }
  .announce__left{
	display:flex;
	align-items:center;
	gap: 10px;
	min-width: 0;
  }
  .announce__badge{
	width: 10px;
	height: 10px;
	border-radius: 999px;
	background: rgba(42,167,255,.95);
	box-shadow: 0 0 0 6px rgba(42,167,255,.12);
	flex: 0 0 auto;
  }
  .announce__text{
	color: rgba(234,242,255,.86);
	font-weight: 800;
	font-size: 13px;
	line-height: 1.35;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
  }
  .announce__right{
	display:flex;
	align-items:center;
	gap: 10px;
	flex: 0 0 auto;
  }
  .announce__timer{
	display:inline-flex;
	align-items:center;
	gap: 6px;
	padding: 8px 10px;
	border-radius: 14px;
	border: 1px solid rgba(255,255,255,.08);
	background: rgba(0,0,0,.22);
	font-weight: 1000;
	letter-spacing: .3px;
  }
  .announce__t{
	min-width: 20px;
	text-align:center;
	color: rgba(234,242,255,.92);
  }
  .announce__sep{
	opacity: .55;
  }
  .announce__link{
	display:inline-flex;
	align-items:center;
	padding: 8px 10px;
	border-radius: 12px;
	border: 1px solid rgba(255,255,255,.08);
	background: rgba(255,255,255,.04);
	color: rgba(234,242,255,.86);
	font-weight: 900;
	font-size: 12px;
  }
  .announce__link:hover{
	border-color: rgba(255,255,255,.14);
	color: var(--text);
  }
  .announce__close{
	width: 40px;
	height: 40px;
	border-radius: 12px;
	border: 1px solid rgba(255,255,255,.08);
	background: rgba(255,255,255,.04);
	position: relative;
  }
  .announce__close::before,
  .announce__close::after{
	content:"";
	position:absolute;
	left: 50%;
	top: 50%;
	width: 16px;
	height: 2px;
	background: rgba(234,242,255,.72);
	transform-origin: center;
  }
  .announce__close::before{ transform: translate(-50%,-50%) rotate(45deg); }
  .announce__close::after{ transform: translate(-50%,-50%) rotate(-45deg); }
  
  @media (max-width: 720px){
	.announce__inner{ flex-wrap: wrap; }
	.announce__text{ white-space: normal; }
  }
  
  /* Hero showcase (big + side cards) */
  .hero__inner--showcase{
	grid-template-columns: 1fr;
	gap: 14px;
	align-items: stretch;
  }
  .hero__right{
	display:grid;
	gap: 12px;
	min-width:0;
  }
  .hero-media{
	display:block;
	border-radius: var(--r-14);
	overflow:hidden;
	border: 1px solid rgba(255,255,255,.06);
	background: rgba(0,0,0,.15);
  }
  .hero-media__inner{ position: relative; }
  .hero-media__img{
	width: 100%;
	height: auto;
	display:block;
  }
  .hero-side{
	display:grid;
	grid-template-columns: 1fr;
	gap: 10px;
  }
  .hero-side__card{
	display:flex;
	gap: 10px;
	align-items:center;
	padding: 10px;
	border-radius: var(--r-18);
	border: 1px solid rgba(255,255,255,.06);
	background: rgba(255,255,255,.03);
  }
  .hero-side__media{
	width: 84px;
	height: 60px;
	border-radius: 14px;
	overflow:hidden;
	border: 1px solid rgba(255,255,255,.06);
	background: rgba(0,0,0,.18);
	flex: 0 0 auto;
  }
  .hero-side__img{
	width:100%;
	height:100%;
	object-fit: cover;
	display:block;
  }
  .hero-side__title{
	font-weight: 1000;
	letter-spacing: .2px;
  }
  .hero-side__sub{
	margin-top: 2px;
	color: var(--muted);
	font-weight: 800;
	font-size: 12px;
  }
  
  @media (min-width: 900px){
	.hero__inner--showcase{
	  grid-template-columns: 1.05fr .95fr;
	  align-items: start;
	}
	.hero-side{
	  grid-template-columns: 1fr 1fr;
	}
	.hero-side__media{
	  width: 96px;
	  height: 68px;
	}
  }
  
  /* Banner row */
  .banner-row{ margin-top: 16px; }
  .banner-grid{
	display:grid;
	gap: 12px;
  }
  .banner-grid--3{ grid-template-columns: 1fr; }
  .banner-grid--1{ grid-template-columns: 1fr; }
  
  .banner-card{
	display:block;
	border-radius: var(--r-18);
	overflow:hidden;
	border: 1px solid rgba(255,255,255,.06);
	background: rgba(255,255,255,.03);
  }
  .banner-card__media{ position: relative; }
  .banner-card__img{
	width: 100%;
	height: auto;
	display:block;
  }
  .banner-card__body{
	padding: 12px 12px;
  }
  .banner-card__title{
	font-weight: 1000;
	letter-spacing: .2px;
  }
  .banner-card__sub{
	margin-top: 2px;
	color: var(--muted);
	font-weight: 800;
	font-size: 12px;
  }
  
  @media (min-width: 760px){
	.banner-grid--3{ grid-template-columns: repeat(3, 1fr); }
  }
  
  /* Bets table */
  .bets{ margin-top: 16px; }
  .bets__wrap{
	border: 1px solid rgba(255,255,255,.06);
	border-radius: var(--r-18);
	background: rgba(255,255,255,.02);
	overflow: hidden;
  }
  .bets__table{
	width: 100%;
	border-collapse: collapse;
  }
  .bets__thead th{
	text-align: left;
	padding: 12px;
	font-size: 12px;
	letter-spacing: .2px;
	color: rgba(234,242,255,.65);
	background: rgba(0,0,0,.22);
	border-bottom: 1px solid rgba(255,255,255,.06);
  }
  .bets__cell{
	padding: 12px;
	border-bottom: 1px solid rgba(255,255,255,.06);
	font-weight: 850;
	color: rgba(234,242,255,.86);
	font-size: 13px;
  }
  .bets__cell--payout{
	color: rgba(42,167,255,.92);
	font-weight: 1000;
  }
  .bets__row:hover .bets__cell{
	background: rgba(255,255,255,.03);
  }
  .bets__link{
	color: rgba(234,242,255,.92);
	font-weight: 1000;
	text-decoration: none;
  }
  .bets__row.is-hidden{ display: none; }
  
  /* Mobile: hide some columns */
  @media (max-width: 720px){
	.bets__thead th:nth-child(4),
	.bets__thead th:nth-child(5),
	.bets__cell:nth-child(4),
	.bets__cell:nth-child(5){ display:none; }
  }
  
  /* Disable blur/overlay when sidebar is open */
  html.is-open--site-sidebar::before,
  body.is-open--site-sidebar::before{
	content: none !important;
	display: none !important;
  }
  
  /* If you used filter/backdrop on main content — force-disable it */
  html.is-open--site-sidebar .layout__main,
  html.is-open--site-sidebar .layout{
	filter: none !important;
	backdrop-filter: none !important;
  }
  
  .icon{
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: -0.2em;
	fill: currentColor;
  }
  
  .sidebar-icon-btn,
  .header-toggle,
  .header-action{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
  }
  
  .sidebar-icon-btn .icon,
  .header-toggle__icon .icon,
  .header-action__icon .icon{
	width: 20px;
	height: 20px;
  }
  
  /* стрелки карусели */
  .carousel__nav{
	display:flex;
	align-items:center;
	justify-content:center;
  }
  .carousel__nav .icon{
	width: 18px;
	height: 18px;
  }
  
  .menu--social a{
	gap: 10px;
	display:inline-flex;
	align-items:center;
  }
  .icon--social{ width: 18px; height: 18px; }
  
  
  /* Featured in */
.featured{ margin-top: 16px; }
.featured__title{
  font-weight: 1000;
  letter-spacing: .2px;
  margin-bottom: 10px;
}
.featured__grid{
  display:grid;
  gap: 10px;
  grid-template-columns: repeat(2, 1fr);
}
.featured__item{
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 10px;
  border-radius: var(--r-18);
  border: 1px solid rgba(255,255,255,.06);
  background: rgba(255,255,255,.02);
}
.featured__img{
  max-width: 100%;
  height: auto;
  display:block;
  opacity: .9;
}
@media (min-width: 900px){
  .featured__grid{ grid-template-columns: repeat(4, 1fr); }
}

/* SEO text */
.seo-text{ margin-top: 18px; }
.seo-text__inner{
  padding: 14px;
  border-radius: var(--r-18);
  border: 1px solid rgba(255,255,255,.06);
  background: rgba(255,255,255,.02);
  color: rgba(234,242,255,.78);
  line-height: 1.6;
}
.seo-text__inner p{ margin: 0 0 10px; }
.seo-text__inner p:last-child{ margin-bottom: 0; }