html { scroll-behavior: smooth; }
    body { min-height: 100vh; background-color: #111827; color: #fff; display: flex; flex-direction: column; }
    main { flex: 1; }
    .navbar-brand { display: flex; align-items: center; gap: .75rem; white-space: normal; font-weight: 600; }
    .navbar-brand img { width: 52px; height: auto; object-fit: contain; flex-shrink: 0; border-radius: 50%; }
    .navbar-brand span { line-height: 1.15; }
    .navbar .icons a { color: inherit; display: inline-flex; align-items: center; }
    .navbar .icons svg { width: 20px; height: 20px; display: inline-block; vertical-align: middle; fill: currentColor; }
    .navbar .icons .icon-x { color: #111; }
    .navbar .icons .icon-facebook { color: #1877f2; }
    .navbar .icons .icon-instagram { color: #e1306c; }
    .navbar .icons .icon-envelope { color: #495057; }
    #bg-slider { position: fixed; inset: 0; z-index: -9999; pointer-events: none; }
    #bg-slider::after { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,.48); }
    #bg-slider .slide { position: absolute; inset: 0; background-size: cover; background-position: center; background-repeat: no-repeat; transition: opacity 1s ease-in-out; opacity: 0; }
    #bg-slider .slide.active { opacity: 1; }
    .tournaments-hero { margin: 2rem 0; padding: 3rem 2rem; min-height: 640px; border: 1px solid rgba(255,255,255,.12); border-radius: 1rem; color: #fff; background: linear-gradient(rgba(0,0,0,.48),rgba(0,0,0,.48)), url("/images/welcome-bg.jpg") center/cover no-repeat; }
    .tournament-card { border: 1px solid rgba(255,255,255,.12); border-radius: 1rem; background: rgba(255,255,255,.06); color: #fff; transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease; }
    .tournament-card:hover { color: #fff; background: rgba(255,255,255,.11); transform: translateY(-4px); box-shadow: 0 1rem 2rem rgba(0,0,0,.28); }
    .king-icon { color: #ffd05b; display: inline-block; transition: transform .25s ease, text-shadow .25s ease, filter .25s ease; }
    .tournament-card:hover .king-icon { transform: translateY(-4px) scale(1.15); text-shadow: 0 0 18px rgba(255,255,255,.45); filter: brightness(1.35); }
    .hero-news { margin-bottom: 2rem; padding: 3rem 2rem; border: 1px solid rgba(255,255,255,.12); border-radius: 1rem; background: rgba(11,11,15,.72); color: #fff; backdrop-filter: blur(2px); }
    .hero-news h2, .hero-news h3, .hero-news p, .hero-news a { color: #fff; }
    .hero-news .news-placeholder { max-width: 850px; margin: 0 auto; }
    .hero-news .team-card { border: 1px solid rgba(255,255,255,.12); border-radius: 1rem; padding: 1.5rem; height: 100%; background: rgba(255,255,255,.04); color: #fff; }
    .hero-news .team-card .team-icon { margin-bottom: 1rem; transition: transform .25s ease, text-shadow .25s ease, color .25s ease, filter .25s ease; display: inline-block; }
    .hero-news .team-icon.gold { color: #ffd05b; }
    .hero-news .team-icon.silver { color: #f0f0f0; }
    .hero-news .team-icon.bronze { color: #ffb56b; }
    .hero-news .team-icon.black-piece { color: #111; }
    .hero-news .team-card:hover .team-icon, .hero-news .team-card .team-icon:hover { transform: translateY(-4px) scale(1.15); text-shadow: 0 0 18px rgba(255,255,255,.45); filter: brightness(1.35); }
    .hero-news .team-card:hover .team-icon.gold, .hero-news .team-card .team-icon.gold:hover { color: #ffd05b; }
    .hero-news .team-card:hover .team-icon.silver, .hero-news .team-card .team-icon.silver:hover { color: #f0f0f0; }
    .hero-news .team-card:hover .team-icon.bronze, .hero-news .team-card .team-icon.bronze:hover { color: #ffb56b; }
    .hero-news .team-card:hover .team-icon.black-piece, .hero-news .team-card .team-icon.black-piece:hover { color: #fff; }
    .hero-news .king-sparkle { animation: king-sparkle 2.4s ease-in-out infinite; }
    @keyframes king-sparkle {
      0%, 100% { color: #ffd05b; text-shadow: 0 0 3px rgba(255,208,91,.35); filter: brightness(1); }
      45% { color: #ffd05b; text-shadow: 0 0 8px rgba(255,208,91,.8), 7px -7px 2px rgba(255,255,255,.8), -7px 5px 2px rgba(255,226,138,.7); filter: brightness(1.12); }
      55% { color: #ffd05b; text-shadow: 0 0 14px rgba(255,208,91,.95), -5px -8px 1px rgba(255,255,255,.9), 8px 4px 2px rgba(255,226,138,.8); filter: brightness(1.25); }
    }
    @media (prefers-reduced-motion: reduce) { .hero-news .king-sparkle { animation: none; } }
    .site-footer { background: #0b0b0f; color: #fff; border-top: 1px solid rgba(255,255,255,.06); }
    .site-footer a { color: #fff; opacity: .95; text-decoration: none; }
    .site-footer a:hover { opacity: 1; text-decoration: underline; }
    .site-footer .social-icons .list-inline-item { margin-left: .5rem; margin-right: .5rem; }
    .site-footer .social-icons svg { width: 22px; height: 22px; vertical-align: middle; fill: currentColor; }
    .site-footer .footer-nav { margin-bottom: .5rem; }
    @media (max-width: 991px) {
      body { overflow-x: hidden; }
      .navbar-brand { font-size: 1rem; gap: .5rem; }
      .navbar-brand img { width: 40px; }
      .navbar-nav .nav-item { width: 100%; }
      .navbar .icons { margin-left: 0 !important; margin-top: .5rem; display: flex; flex-wrap: wrap; gap: .5rem; }
    }
    @media (max-width: 768px) {
      #bg-slider { display: none; }
      body { background: #111827 url('/images/news-bg.jpg') center/cover fixed no-repeat; }
      .tournaments-hero { margin: 1rem 0; padding: 1.25rem .75rem; }
      .hero-news { padding: 1.25rem .75rem; }
      .hero-news .team-card { padding: 1rem; }
      .site-footer, .site-footer .text-md-end { text-align: center !important; }
      .site-footer .footer-nav { display: flex; flex-wrap: wrap; justify-content: center; gap: .4rem .75rem; }
    }
  .social-placeholder{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;line-height:1;color:inherit;opacity:.65;cursor:default}.navbar .icons .list-inline-item{vertical-align:middle}.navbar .icons .social-placeholder{width:20px;height:20px}.navbar .icons .icon-tiktok{width:17px;height:17px;color:#111;transform:translateY(-4px)}.social-placeholder svg{display:block;fill:currentColor}.site-footer .social-icons .list-inline-item{vertical-align:middle}.site-footer .social-icons .social-placeholder{width:22px;height:22px}
.navbar svg.social-icon,.site-footer svg.social-icon{display:inline-block!important;visibility:visible!important;opacity:1!important;fill:currentColor}

