@font-face{font-family:'Bebas Neue';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/bebas-neue-400-latin.woff2') format('woff2')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/montserrat-700-latin.woff2') format('woff2')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:800;font-display:swap;src:url('assets/fonts/montserrat-800-latin.woff2') format('woff2')}

.tg-site-header{height:88px;position:sticky;top:0;z-index:80;background:linear-gradient(180deg,rgba(3,11,19,.97),rgba(2,9,15,.95));border-bottom:1px solid rgba(126,166,194,.18);box-shadow:0 18px 44px rgba(0,0,0,.32);backdrop-filter:blur(12px)}
.tg-site-header::before{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(36,200,242,.18),transparent)}
.tg-header-inner{width:min(1160px,calc(100% - 34px));height:100%;margin:auto;display:flex;align-items:center;gap:22px}
.tg-brand{width:154px;height:80px;display:flex;align-items:center;justify-content:flex-start;text-decoration:none;overflow:visible;padding-top:8px;flex:0 0 auto}
.tg-brand img{width:149px;height:auto;display:block;transform:translateY(15px);filter:drop-shadow(0 10px 14px rgba(0,0,0,.38));transition:transform .18s ease,filter .18s ease}
.tg-brand:hover img{transform:translateY(16px) scale(1.02);filter:drop-shadow(0 14px 18px rgba(0,0,0,.42))}

.tg-desktop-nav{margin-left:auto;height:auto;display:flex;align-items:center;gap:10px;padding:8px 0}
.tg-desktop-nav a{position:relative;height:44px;border:1px solid rgba(78,115,143,.20);background:linear-gradient(180deg,rgba(9,25,39,.82),rgba(6,18,29,.82));color:#edf3f7;text-decoration:none;text-transform:uppercase;font-family:'Bebas Neue',Impact,sans-serif;font-weight:400;letter-spacing:.62px;font-size:15px;display:flex;align-items:center;gap:9px;padding:0 15px;border-radius:999px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:color .18s ease,transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;white-space:nowrap;line-height:1}
.tg-desktop-nav a svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:0 0 18px}
.tg-desktop-nav a:hover,.tg-desktop-nav a:focus-visible{color:#fff;transform:translateY(-1px);border-color:rgba(36,200,242,.38);background:linear-gradient(180deg,rgba(10,30,47,.94),rgba(7,20,32,.94));box-shadow:0 12px 28px rgba(0,0,0,.24),0 0 0 1px rgba(36,200,242,.08)}
.tg-desktop-nav a.active{color:#fff;border-color:rgba(245,32,56,.38);background:linear-gradient(180deg,rgba(19,34,52,.96),rgba(8,20,31,.96));box-shadow:0 14px 32px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.06),0 0 0 1px rgba(245,32,56,.06)}
.tg-desktop-nav a.active::after{content:"";position:absolute;left:14px;right:14px;bottom:6px;height:2px;border-radius:999px;background:#f52038;box-shadow:0 0 14px rgba(245,32,56,.40)}

.tg-header-actions{display:flex;align-items:center;gap:10px}
.tg-avatar-link{width:40px;height:40px;border-radius:50%;background:linear-gradient(145deg,#304a5e,#121e29);border:1px solid rgba(120,159,187,.26);color:#fff;text-decoration:none;font:800 10px 'Montserrat',Arial,sans-serif;box-shadow:inset 0 0 18px rgba(255,255,255,.04),0 8px 16px rgba(0,0,0,.18);overflow:hidden;display:grid;place-items:center;flex:0 0 40px}
.tg-avatar-link:hover,.tg-avatar-link:focus-visible{border-color:rgba(36,200,242,.48);box-shadow:inset 0 0 18px rgba(255,255,255,.05),0 10px 20px rgba(0,0,0,.22),0 0 0 2px rgba(36,200,242,.08)}
.tg-avatar-link img{width:100%;height:100%;display:block;object-fit:cover}
.tg-mobile-top-leagues{display:none;color:#dce9f1;text-decoration:none;align-items:center;justify-content:center;min-height:36px;padding:0 11px;border:1px solid rgba(32,199,240,.42);border-radius:999px;background:rgba(5,28,42,.82);font:800 9px 'Montserrat',Arial,sans-serif;letter-spacing:.05em}
.tg-guest-login,.tg-guest-play{text-decoration:none;min-height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:0 15px;font-family:'Bebas Neue',Impact,sans-serif;font-weight:400;letter-spacing:.55px;line-height:1;text-transform:uppercase}
.tg-guest-login{color:#d7e4ed;border:1px solid rgba(75,132,170,.38);background:rgba(6,20,31,.72);font-size:15px}
.tg-guest-play{color:#fff;border:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg,#ff354d,#e61732);box-shadow:0 10px 24px rgba(230,23,50,.18);font-size:16px}

.tg-mobile-nav{display:none}

@media(max-width:900px){
  body{padding-bottom:72px}
  .tg-site-header{height:74px}
  .tg-header-inner{width:calc(100% - 24px);gap:16px}
  .tg-brand{width:120px;height:66px;padding-top:4px}
  .tg-brand img{width:118px;transform:translateY(10px)}
  .tg-desktop-nav{display:none}
  .tg-header-actions{margin-left:auto}
  .tg-mobile-top-leagues{display:inline-flex}
  .tg-mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;z-index:90;height:68px;padding:5px 3px calc(5px + env(safe-area-inset-bottom));background:rgba(2,9,15,.97);border-top:1px solid #1a3448;backdrop-filter:blur(10px)}
  .tg-mobile-nav--with-stats{grid-template-columns:repeat(6,1fr)}
  .tg-mobile-nav a{position:relative;border:0;background:transparent;color:#a5b5c1;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font:700 8px 'Montserrat',Arial,sans-serif;text-transform:uppercase;line-height:1.15}
  .tg-mobile-nav--with-stats a{font-size:7px}
  .tg-mobile-nav svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .tg-mobile-nav a.active{color:#fff}
  .tg-mobile-nav a.active::before{content:"";position:absolute;left:7px;right:7px;top:3px;bottom:3px;border-radius:14px;background:linear-gradient(180deg,rgba(20,52,80,.72),rgba(9,23,36,.72));border:1px solid rgba(73,129,180,.22);z-index:-1;box-shadow:0 8px 16px rgba(0,0,0,.16)}
}

@media(max-width:560px){
  .tg-guest-login{min-height:34px;padding:0 10px;font-size:12px}
  .tg-guest-play{min-height:34px;padding:0 12px;font-size:13px}
}

@media(max-width:430px){
  .tg-mobile-top-leagues{min-height:34px;padding:0 9px;font-size:8px}
}

@media(prefers-reduced-motion:reduce){
  .tg-brand img,.tg-desktop-nav a{transition-duration:.01ms!important}
}