:root{
  --bg:#080706;
  --bg2:#0d0c0a;
  --panel:#11100d;
  --panel2:#171511;

  --line:rgba(255,255,255,.075);

  --text:#f5f4fa;
  --muted:#777585;
  --muted2:#ffc432;

  --purple:#ffbb32;
  --purple2:#ffb932;
  --pink:#ffbb32;

  --blue:#ffd332;
  --green:#39e89a;
  --red:#ffbd32;
  --gold:#ffc52f;

  --shell:1480px;
}

*{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  margin:0;
  min-width:320px;

  color:var(--text);

  background:
    radial-gradient(circle at 75% -10%,rgba(255,185,50,.08),transparent 28%),
    #080706;

  font-family:
    Inter,
    "Segoe UI",
    Arial,
    sans-serif;

  -webkit-font-smoothing:antialiased;
}

button,
input,
select{
  font:inherit;
}

button,
a{
  -webkit-tap-highlight-color:transparent;
}

a{
  color:inherit;
  text-decoration:none;
}

button{
  color:inherit;
}

.skip{
  position:fixed;
  z-index:99999;
  top:-100px;
  left:20px;
  padding:10px 15px;
  background:#fff;
  color:#000;
}

.skip:focus{
  top:10px;
}

.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
}

.kg-shell{
  width:min(var(--shell),calc(100% - 64px));
  margin:auto;
}


/* ============================================================
   HEADER
   ============================================================ */

.kg-header{
  position:sticky;
  z-index:1000;
  top:0;

  height:76px;

  border-bottom:1px solid rgba(255,188,50,.17);

  background:rgba(8,8,6,.94);

  backdrop-filter:blur(18px);
}

.kg-header::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:1px;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,186,50,.35),
      transparent
    );
}

.kg-header-inner{
  width:min(var(--shell),calc(100% - 64px));
  height:76px;

  margin:auto;

  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:38px;
}

.kg-brand{
  display:flex;
  align-items:center;
  gap:10px;
}

.kg-brand-crown{
  color:var(--gold);
  font-size:38px;
  line-height:1;

  filter:
    drop-shadow(0 0 10px rgba(255,197,47,.18));
}

.kg-brand-copy{
  display:flex;
  flex-direction:column;
}

.kg-brand-copy strong{
  font-size:22px;
  line-height:.9;
  font-style:italic;
  font-weight:1000;
  letter-spacing:-1px;
}

.kg-brand-copy small{
  margin-top:5px;

  color:#ffca32;

  font-size:6px;
  font-weight:900;
  letter-spacing:2px;
}

.kg-nav{
  height:76px;

  display:flex;
  align-items:center;
  justify-content:center;

  gap:29px;
}

.kg-nav a{
  position:relative;

  height:76px;

  display:flex;
  align-items:center;

  color:#73717f;

  font-size:9px;
  font-weight:900;
  letter-spacing:1.2px;

  transition:.18s ease;
}

.kg-nav a:hover,
.kg-nav a.active{
  color:#fff;
}

.kg-nav a.active::after{
  content:"";

  position:absolute;
  right:0;
  bottom:0;
  left:0;

  height:2px;

  background:
    linear-gradient(90deg,var(--purple2),var(--pink));

  box-shadow:
    0 0 12px rgba(255,186,50,.75);
}

.kg-account{
  justify-self:end;
}

.account-menu{
  display:flex;
  align-items:center;
  gap:6px;
}

.button,
.icon-button,
.steam-button{
  min-height:38px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding:0 14px;

  border:1px solid rgba(255,255,255,.10);
  border-radius:3px;

  background:#14120f;

  color:#dddce5;

  font-size:9px;
  font-weight:900;

  letter-spacing:.6px;

  cursor:pointer;

  transition:.18s ease;
}

.button:hover,
.icon-button:hover{
  border-color:rgba(255,188,50,.4);
  color:#fff;
}

.button.primary,
.steam-button{
  border-color:rgba(255,188,50,.35);

  background:
    linear-gradient(
      105deg,
      rgba(255,185,50,.24),
      rgba(255,185,50,.15)
    );

  color:#fff;
}

.button.small{
  min-height:30px;
  padding:0 9px;
}

.button.danger{
  border-color:rgba(255,189,50,.25);
  color:#ff6d88;
}

.kg-menu-toggle{
  display:none;

  width:40px;
  height:40px;

  border:1px solid var(--line);
  background:#0f0e0c;

  cursor:pointer;
}


/* ============================================================
   HERO
   ============================================================ */

.kg-home{
  overflow:hidden;
}

.kg-hero{
  position:relative;

  min-height:650px;

  display:flex;
  align-items:center;

  overflow:hidden;

  border-bottom:1px solid var(--line);

  background:
    linear-gradient(
      90deg,
      rgba(8,7,6,1) 0%,
      rgba(10,9,8,.98) 42%,
      rgba(12,11,9,.88) 65%,
      rgba(8,7,6,.98) 100%
    );
}

.kg-hero-grid{
  position:absolute;
  inset:0;

  opacity:.14;

  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);

  background-size:52px 52px;

  mask-image:
    linear-gradient(to right,transparent,black,transparent);
}

.kg-hero-purple{
  position:absolute;

  width:650px;
  height:650px;

  top:-180px;
  right:7%;

  border-radius:50%;

  background:rgba(255,183,50,.15);

  filter:blur(120px);
}

.kg-hero-blue{
  position:absolute;

  width:400px;
  height:400px;

  right:27%;
  bottom:-250px;

  border-radius:50%;

  background:rgba(255,200,50,.10);

  filter:blur(100px);
}

.kg-hero-shell{
  position:relative;
  z-index:2;

  display:grid;
  grid-template-columns:1.05fr .95fr;
  align-items:center;

  gap:50px;
}

.kg-eyebrow{
  display:flex;
  align-items:center;
  gap:8px;

  color:#817f8d;

  font-size:8px;
  font-weight:1000;
  letter-spacing:2px;
}

.kg-eyebrow i{
  width:18px;
  height:2px;

  background:var(--purple);

  box-shadow:
    0 0 10px var(--purple);
}

.kg-hero-copy h1{
  margin:17px 0 20px;

  font-size:clamp(60px,5.4vw,92px);
  line-height:.86;

  font-weight:1000;
  font-style:italic;

  letter-spacing:-5px;
}

.kg-hero-copy h1 em{
  color:transparent;

  -webkit-text-stroke:1.5px #ffbb32;

  font-style:inherit;

  text-shadow:
    0 0 35px rgba(255,186,50,.18);
}

.kg-hero-copy>p{
  width:min(590px,100%);

  margin:0;

  color:#777583;

  font-size:13px;
  line-height:1.8;
}

.kg-hero-actions{
  display:flex;
  gap:10px;

  margin-top:30px;
}

.kg-btn{
  min-height:48px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  gap:9px;

  padding:0 22px;

  border-radius:2px;

  font-size:9px;
  font-weight:1000;
  letter-spacing:1px;

  cursor:pointer;

  transition:.2s ease;
}

.kg-btn-primary{
  border:1px solid #ffbb32;

  background:
    linear-gradient(
      105deg,
      #ffb932,
      #ffba32
    );

  color:#fff;

  box-shadow:
    0 8px 30px rgba(255,185,50,.20);
}

.kg-btn-primary:hover{
  transform:translateY(-2px);

  box-shadow:
    0 12px 38px rgba(255,185,50,.30);
}

.kg-btn-outline{
  border:1px solid rgba(255,255,255,.13);

  background:rgba(255,255,255,.025);

  color:#aaa8b5;
}

.kg-hero-numbers{
  display:flex;
  align-items:center;

  gap:22px;

  margin-top:43px;
}

.kg-hero-numbers>div{
  min-width:90px;
}

.kg-hero-numbers strong{
  display:block;

  font-size:22px;
  font-style:italic;
}

.kg-hero-numbers small{
  display:block;

  margin-top:3px;

  color:#ffc432;

  font-size:6px;
  font-weight:900;
  letter-spacing:1.1px;
}

.kg-hero-numbers>span{
  width:1px;
  height:30px;

  background:rgba(255,255,255,.08);
}


/* HERO ART */

.kg-hero-art{
  position:relative;

  height:520px;

  overflow:hidden;

  border-left:1px solid rgba(255,186,50,.12);

  background:
    radial-gradient(circle at 58% 46%,rgba(255,185,50,.20),transparent 34%),
    linear-gradient(135deg,rgba(29,27,23,.25),transparent);
}

.kg-art-lines{
  position:absolute;
  inset:0;

  opacity:.35;

  background:
    linear-gradient(
      115deg,
      transparent 20%,
      rgba(255,186,50,.16) 20.2%,
      transparent 20.5%,
      transparent 58%,
      rgba(255,203,50,.12) 58.2%,
      transparent 58.5%
    );
}

.kg-art-crown{
  position:absolute;

  top:43px;
  right:58px;

  color:rgba(255,197,47,.82);

  font-size:62px;

  transform:rotate(7deg);

  filter:
    drop-shadow(0 0 22px rgba(255,197,47,.15));
}

.kg-art-title{
  position:absolute;

  z-index:3;

  top:130px;
  left:54px;

  display:flex;
  flex-direction:column;

  transform:skewY(-3deg);
}

.kg-art-title small{
  color:#716e7d;

  font-size:8px;
  font-weight:900;

  letter-spacing:4px;
}

.kg-art-title strong{
  margin-top:3px;

  color:#fff;

  font-size:86px;
  line-height:.85;

  font-style:italic;
  font-weight:1000;

  letter-spacing:-6px;

  text-shadow:
    8px 8px 0 rgba(255,184,50,.13);
}

.kg-art-title span{
  margin-left:6px;

  color:transparent;

  -webkit-text-stroke:1px rgba(255,190,50,.75);

  font-size:46px;
  line-height:1;

  font-style:italic;
  font-weight:1000;

  letter-spacing:8px;
}

.kg-art-image{
  position:absolute;

  z-index:2;

  right:-20px;
  bottom:-20px;

  width:72%;
  height:76%;

  background:
    linear-gradient(
      to top,
      #0a0908 0%,
      transparent 34%
    ),
    url('/hero.png') center bottom / contain no-repeat;

  opacity:.72;

  filter:
    saturate(.85)
    contrast(1.10)
    drop-shadow(-30px 0 50px rgba(255,183,50,.17));
}

.kg-art-bottom{
  position:absolute;

  z-index:4;

  right:30px;
  bottom:28px;

  color:#ffc332;

  font-size:7px;
  font-weight:900;

  letter-spacing:3px;
}


/* ============================================================
   SEÇÕES
   ============================================================ */

.kg-section{
  padding:65px 0;

  border-bottom:1px solid rgba(255,255,255,.05);

  background:#0a0908;
}

.kg-section:nth-of-type(3){
  background:#080806;
}

.kg-section-title,
.kg-panel-title{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;

  gap:25px;

  margin-bottom:24px;
}

.kg-section-title h2,
.kg-panel-title h2{
  margin:7px 0 0;

  font-size:30px;
  line-height:1;

  font-style:italic;
  font-weight:1000;

  letter-spacing:-1px;
}

.kg-section-title h2 em,
.kg-panel-title h2 em{
  color:var(--purple);

  font-style:inherit;
}

.kg-section-title>p{
  margin:0;

  color:#ffc632;

  font-size:9px;
}


/* ============================================================
   MODOS
   ============================================================ */

.kg-mode-grid{
  display:grid;

  grid-template-columns:repeat(4,1fr);

  gap:12px;
}

.kg-mode-card{
  --accent:var(--purple);

  position:relative;

  min-height:245px;

  overflow:hidden;

  display:flex;
  flex-direction:column;
  justify-content:flex-end;

  padding:22px;

  border:1px solid rgba(255,255,255,.07);
  border-radius:3px;

  background:
    radial-gradient(circle at 80% 15%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 38%),
    #100f0c;

  text-align:left;

  cursor:pointer;

  transition:.22s ease;
}

.kg-mode-card::before{
  content:"";

  position:absolute;

  top:0;
  right:0;
  left:0;

  height:2px;

  background:
    linear-gradient(90deg,var(--accent),transparent 75%);

  box-shadow:
    0 0 13px var(--accent);
}

.kg-mode-card:hover{
  transform:translateY(-4px);

  border-color:
    color-mix(in srgb,var(--accent) 35%,transparent);

  background:
    radial-gradient(circle at 80% 15%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 42%),
    #12110e;
}

.kg-purple{--accent:#ffbb32}
.kg-blue{--accent:#ffd332}
.kg-red{--accent:#ffbd32}
.kg-gold{--accent:#ffc52f}

.kg-mode-bg{
  position:absolute;

  top:35px;
  right:-3px;

  color:rgba(255,255,255,.025);

  font-size:65px;
  line-height:1;

  font-weight:1000;
  font-style:italic;

  letter-spacing:-5px;
}

.kg-mode-status{
  position:absolute;

  top:15px;
  left:18px;

  color:#5d5b68;

  font-size:7px;
  font-weight:1000;

  letter-spacing:1px;
}

.kg-mode-status.online{
  color:var(--green);
}

.kg-mode-icon{
  position:absolute;

  top:56px;
  left:22px;

  color:var(--accent);

  font-size:40px;

  text-shadow:
    0 0 25px color-mix(in srgb,var(--accent) 35%,transparent);
}

.kg-mode-card div{
  position:relative;
  z-index:2;
}

.kg-mode-card small{
  color:#ffc632;

  font-size:6px;
  font-weight:900;

  letter-spacing:1.5px;
}

.kg-mode-card h3{
  margin:4px 0 8px;

  font-size:24px;
  font-style:italic;
  font-weight:1000;
}

.kg-mode-card p{
  min-height:32px;

  margin:0 0 14px;

  color:#656371;

  font-size:9px;
  line-height:1.5;
}

.kg-mode-card div>strong{
  color:var(--accent);

  font-size:7px;
  font-weight:1000;

  letter-spacing:1px;
}


/* ============================================================
   HOME DASHBOARD
   ============================================================ */

.kg-dashboard{
  display:grid;

  grid-template-columns:minmax(0,1fr) 320px;

  gap:14px;
}

.kg-dashboard-main,
.kg-profile-card,
.kg-top-card{
  border:1px solid var(--line);

  background:
    linear-gradient(
      145deg,
      rgba(19,18,14,.98),
      rgba(11,10,8,.98)
    );
}

.kg-dashboard-main{
  padding:23px;
}

.kg-panel-title{
  padding-bottom:18px;

  border-bottom:1px solid rgba(255,255,255,.055);
}

.kg-panel-title>a{
  color:#ffbe32;

  font-size:7px;
  font-weight:1000;

  letter-spacing:1px;
}

.kg-home-lobbies{
  display:flex;
  flex-direction:column;
}

.kg-home-lobby{
  min-height:66px;

  display:grid;

  grid-template-columns:14px minmax(0,1fr) 85px 70px 80px;

  align-items:center;

  gap:10px;

  padding:0 13px;

  border-bottom:1px solid rgba(255,255,255,.05);

  transition:.18s ease;
}

.kg-home-lobby:hover{
  background:rgba(255,186,50,.055);
}

.kg-live-dot{
  width:6px;
  height:6px;

  border-radius:50%;

  background:var(--green);

  box-shadow:
    0 0 8px var(--green);
}

.kg-home-lobby-name strong{
  display:block;

  font-size:10px;
}

.kg-home-lobby-name small,
.kg-home-lobby-players small,
.kg-home-lobby-elo small{
  display:block;

  margin-top:3px;

  color:#ffc432;

  font-size:6px;
  font-weight:900;

  letter-spacing:.7px;
}

.kg-home-lobby-players strong{
  font-size:14px;
}

.kg-home-lobby-players>span{
  color:#ffc532;

  font-size:9px;
}

.kg-home-lobby-elo strong{
  color:#ffbf32;

  font-size:18px;
  font-style:italic;
}

.kg-home-enter{
  justify-self:end;

  color:#ffbe32;

  font-size:7px;
  font-weight:1000;
}

.kg-live-strip{
  min-height:47px;

  display:flex;
  align-items:center;
  justify-content:space-between;

  padding:0 14px;

  margin-top:13px;

  border:1px solid rgba(255,189,50,.12);

  background:rgba(255,189,50,.025);
}

.kg-live-strip span{
  color:#686673;

  font-size:7px;
  font-weight:900;

  letter-spacing:1px;
}

.kg-live-strip i{
  display:inline-block;

  width:5px;
  height:5px;

  margin-right:6px;

  border-radius:50%;

  background:var(--red);

  box-shadow:
    0 0 7px var(--red);
}

.kg-live-strip strong{
  color:var(--red);
}

.kg-dashboard-side{
  display:flex;
  flex-direction:column;

  gap:14px;
}

.kg-profile-card,
.kg-top-card{
  padding:19px;
}

.kg-card-label{
  color:#ffc532;

  font-size:7px;
  font-weight:1000;

  letter-spacing:1.3px;
}

.kg-profile-main{
  display:flex;
  align-items:center;

  gap:12px;

  margin-top:15px;
}

.kg-profile-main img,
.kg-profile-placeholder{
  width:48px;
  height:48px;

  display:grid;
  place-items:center;

  object-fit:cover;

  border:1px solid rgba(255,188,50,.35);
  border-radius:3px;

  background:#151410;
}

.kg-profile-main small,
.kg-profile-main span{
  display:block;

  color:#ffc532;

  font-size:6px;
  font-weight:900;

  letter-spacing:.8px;
}

.kg-profile-main strong{
  display:block;

  margin:3px 0;

  font-size:12px;
}

.kg-profile-link,
.kg-top-more{
  min-height:35px;

  display:flex;
  align-items:center;
  justify-content:center;

  margin-top:15px;

  border:1px solid rgba(255,188,50,.18);

  color:#ffbf32;

  font-size:7px;
  font-weight:1000;

  letter-spacing:.8px;
}

.kg-profile-guest{
  display:flex;
  flex-direction:column;
  align-items:center;

  padding:18px 0 4px;

  text-align:center;
}

.kg-profile-guest>span{
  color:var(--gold);

  font-size:38px;
}

.kg-profile-guest>strong{
  margin-top:7px;

  font-size:11px;
}

.kg-profile-guest p{
  color:#5f5d69;

  font-size:8px;
}

.kg-top-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;

  padding-bottom:13px;

  border-bottom:1px solid rgba(255,255,255,.05);
}

.kg-top-heading small{
  display:block;

  color:#ffc432;

  font-size:6px;
  font-weight:900;
}

.kg-top-heading strong{
  display:block;

  margin-top:2px;

  font-size:13px;
}

.kg-top-heading>span{
  color:var(--gold);

  font-size:22px;
}

.kg-top-list{
  display:flex;
  flex-direction:column;
}

.kg-top-player{
  width:100%;
  min-height:48px;

  display:grid;

  grid-template-columns:20px 30px minmax(0,1fr) 25px;

  align-items:center;

  gap:8px;

  padding:0;

  border:0;
  border-bottom:1px solid rgba(255,255,255,.045);

  background:transparent;

  text-align:left;

  cursor:pointer;
}

.kg-top-player>b{
  color:#ffc532;

  font-size:8px;
}

.kg-top-player img,
.kg-mini-avatar{
  width:28px;
  height:28px;

  display:grid;
  place-items:center;

  object-fit:cover;

  border-radius:2px;

  background:#1a1814;

  font-size:9px;
}

.kg-top-player span strong{
  display:block;

  overflow:hidden;

  font-size:9px;

  text-overflow:ellipsis;
  white-space:nowrap;
}

.kg-top-player span small{
  display:block;

  margin-top:2px;

  color:#ffc532;

  font-size:6px;
}

.kg-top-player em{
  color:#ffbf32;

  font-size:12px;
  font-style:italic;
  font-weight:1000;
}

.kg-no-ranking{
  color:#62606d;

  font-size:8px;
}


/* ============================================================
   LOBBIES
   ============================================================ */

.kg-lobbies-page{
  position:relative;

  min-height:calc(100vh - 76px);

  padding:
    55px
    max(32px,calc((100vw - var(--shell))/2))
    80px;

  overflow:hidden;

  background:
    radial-gradient(circle at 80% 0%,rgba(255,183,50,.12),transparent 30%),
    #080806;
}

.kg-page-glow{
  position:absolute;

  width:500px;
  height:500px;

  top:-300px;
  right:10%;

  border-radius:50%;

  background:rgba(255,185,50,.12);

  filter:blur(100px);
}

.kg-lobbies-hero{
  position:relative;
  z-index:2;

  display:flex;
  align-items:flex-end;
  justify-content:space-between;

  gap:30px;

  margin:auto;

  padding:10px 0 37px;
}

.gamer-kicker{
  display:flex;
  align-items:center;
  gap:7px;

  color:#74717f;

  font-size:8px;
  font-weight:1000;

  letter-spacing:1.7px;
}

.gamer-kicker i{
  width:17px;
  height:2px;

  background:var(--purple);
}

.kg-lobbies-hero h1{
  margin:12px 0;

  font-size:clamp(45px,5vw,72px);
  line-height:.9;

  font-style:italic;
  font-weight:1000;

  letter-spacing:-3px;
}

.kg-lobbies-hero h1 span{
  color:transparent;

  -webkit-text-stroke:1px var(--purple);
}

.kg-lobbies-hero p{
  max-width:650px;

  margin:0;

  color:#74727f;

  font-size:11px;
  line-height:1.7;
}

.kg-lobby-hero-actions{
  display:flex;
  gap:8px;
}

.gamer-button{
  min-height:45px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding:0 18px;

  border:1px solid rgba(255,255,255,.1);
  border-radius:2px;

  background:#12110e;

  color:#bbb9c5;

  font-size:8px;
  font-weight:1000;

  cursor:pointer;
}

.gamer-button-primary{
  border-color:#ffbb32;

  background:
    linear-gradient(100deg,#ffb932,#ffba32);

  color:#fff;
}

.kg-match-stats{
  position:relative;
  z-index:2;

  display:grid;

  grid-template-columns:repeat(4,1fr);

  margin:0 auto 14px;

  border:1px solid var(--line);

  background:#0f0e0c;
}

.kg-match-stats>div{
  min-height:75px;

  display:flex;
  align-items:center;

  gap:13px;

  padding:0 19px;

  border-right:1px solid var(--line);
}

.kg-match-stats>div:last-child{
  border:0;
}

.kg-stat-icon{
  width:34px;
  height:34px;

  display:grid;
  place-items:center;

  border:1px solid currentColor;
  border-radius:2px;
}

.kg-stat-icon.purple{color:var(--purple)}
.kg-stat-icon.green{color:var(--green)}
.kg-stat-icon.red{color:var(--red)}
.kg-stat-icon.blue{color:var(--blue)}

.kg-match-stats strong{
  display:block;

  font-size:19px;
}

.kg-match-stats small{
  display:block;

  color:#ffc432;

  font-size:6px;
  font-weight:900;
}

.kg-directory-shell{
  position:relative;
  z-index:2;

  margin:auto;

  padding:23px;

  border:1px solid var(--line);

  background:#0f0e0c;
}

.kg-directory-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;

  padding-bottom:17px;

  border-bottom:1px solid var(--line);
}

.kg-small-label{
  color:#ffc532;

  font-size:7px;
  font-weight:900;

  letter-spacing:1.4px;
}

.kg-directory-heading h2{
  margin:5px 0 0;

  font-size:25px;
  font-style:italic;
  font-weight:1000;
}

.kg-directory-heading h2 span{
  color:var(--purple);
}

.kg-season{
  color:#ffc032;

  font-size:7px;
  font-weight:900;
}

.kg-directory-controls{
  padding:15px 0;
}

.kg-tabs{
  display:flex;
  flex-wrap:wrap;

  gap:4px;
}

.kg-tabs button{
  min-height:37px;

  padding:0 14px;

  border:1px solid transparent;

  background:#13120e;

  color:#6d6a78;

  font-size:7px;
  font-weight:900;

  cursor:pointer;
}

.kg-tabs button.selected{
  border-color:rgba(255,187,50,.35);

  background:rgba(255,186,50,.09);

  color:#fff;
}

.status-dot{
  display:inline-block;

  width:5px;
  height:5px;

  margin-right:5px;

  border-radius:50%;
}

.status-dot.waiting{background:var(--green)}
.status-dot.ready{background:var(--blue)}
.status-dot.veto{background:var(--gold)}
.status-dot.match{background:var(--red)}

.kg-filter-row{
  display:flex;

  gap:8px;

  margin-top:9px;
}

.kg-search{
  position:relative;

  flex:1;
}

.kg-search>span{
  position:absolute;

  top:50%;
  left:13px;

  transform:translateY(-50%);

  color:#55525f;
}

.kg-search input,
.kg-level-select select{
  width:100%;
  min-height:43px;

  border:1px solid var(--line);
  border-radius:2px;

  outline:none;

  background:#0c0b09;

  color:#fff;

  font-size:8px;
  font-weight:800;
}

.kg-search input{
  padding:0 12px 0 37px;
}

.kg-level-select{
  width:185px;
}

.kg-level-select select{
  padding:0 10px;
}

.kg-directory-meta{
  display:flex;
  justify-content:space-between;

  padding:4px 0 12px;

  color:#ffc332;

  font-size:7px;
  font-weight:900;
}

.kg-directory-meta span:last-child{
  color:#4c846d;
}

.kg-directory-meta i{
  display:inline-block;

  width:5px;
  height:5px;

  margin-right:5px;

  border-radius:50%;

  background:var(--green);
}

.directory-grid,
.kg-room-grid,
.room-grid{
  display:grid;

  grid-template-columns:repeat(3,minmax(0,1fr));

  gap:11px;
}

.kg-room-card{
  position:relative;

  overflow:hidden;

  border:1px solid var(--line);
  border-radius:3px;

  background:
    radial-gradient(circle at 100% 0%,rgba(255,186,50,.08),transparent 35%),
    #11100d;

  transition:.18s ease;
}

.kg-room-card:hover{
  transform:translateY(-3px);

  border-color:rgba(255,188,50,.35);
}

.kg-room-accent{
  height:2px;

  background:
    linear-gradient(90deg,var(--purple),transparent 80%);

  box-shadow:
    0 0 10px var(--purple);
}

.kg-room-top,
.kg-room-main,
.kg-room-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:10px;
}

.kg-room-top{
  padding:14px 15px 0;
}

.kg-room-main{
  padding:17px 15px;
}

.kg-room-bottom{
  min-height:51px;

  padding:8px 12px;

  border-top:1px solid var(--line);

  background:rgba(0,0,0,.13);
}

.kg-room-identity{
  display:flex;
  flex-direction:column;

  gap:5px;
}

.kg-room-status{
  display:flex;
  align-items:center;

  gap:5px;

  font-size:6px;
  font-weight:1000;

  letter-spacing:1px;
}

.kg-room-status i{
  width:5px;
  height:5px;

  border-radius:50%;

  background:currentColor;

  box-shadow:
    0 0 6px currentColor;
}

.kg-room-status.waiting{color:var(--green)}
.kg-room-status.ready{color:var(--blue)}
.kg-room-status.veto{color:var(--gold)}
.kg-room-status.match{color:var(--red)}

.kg-room-number{
  color:#ffc532;

  font-size:7px;
  font-weight:900;
}

.kg-room-ksp{
  text-align:right;
}

.kg-room-ksp small{
  display:block;

  color:#ffc432;

  font-size:5px;
  font-weight:900;
}

.kg-room-ksp strong{
  color:var(--purple);

  font-size:22px;
  font-style:italic;
}

.kg-room-captain{
  min-width:0;

  display:flex;
  align-items:center;

  gap:8px;
}

.kg-captain-crown{
  width:34px;
  height:34px;

  display:grid;
  place-items:center;

  border:1px solid rgba(255,197,47,.18);

  background:rgba(255,197,47,.04);

  color:var(--gold);
}

.kg-room-captain small{
  display:block;

  color:#ffc432;

  font-size:5px;
  font-weight:900;
}

.kg-room-captain strong{
  display:block;

  max-width:160px;

  margin-top:2px;

  overflow:hidden;

  font-size:10px;

  text-overflow:ellipsis;
  white-space:nowrap;
}

.kg-room-count{
  text-align:right;
}

.kg-room-count strong{
  font-size:20px;
}

.kg-room-count span{
  color:#ffc532;

  font-size:10px;
}

.kg-room-count small{
  display:block;

  color:#ffc432;

  font-size:5px;
}

.kg-room-slots{
  display:flex;

  gap:6px;

  padding:0 15px 15px;
}

.kg-player-slot{
  width:36px;
  height:36px;

  display:grid;
  place-items:center;

  overflow:hidden;

  padding:0;

  border:1px solid var(--line);
  border-radius:2px;

  background:#171511;

  color:#656371;
}

.kg-player-slot img{
  width:100%;
  height:100%;

  object-fit:cover;
}

.kg-empty-slot{
  border-style:dashed;
}

.kg-room-level{
  display:flex;
  align-items:center;

  gap:6px;
}

.kg-room-level>span{
  color:#ffc432;

  font-size:6px;
  font-weight:900;
}

.kg-room-actions{
  display:flex;

  gap:5px;
}

.kg-room-actions .button,
.kg-room-actions .tile-detail{
  min-height:29px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding:0 8px;

  border:1px solid rgba(255,187,50,.25);
  border-radius:2px;

  background:rgba(255,186,50,.07);

  color:#ffc132;

  font-size:6px;
  font-weight:1000;

  cursor:pointer;
}

.kg-room-actions .challenge-team{
  background:
    linear-gradient(100deg,#ffb932,#ffba32);

  color:#fff;
}

.kg-directory-footer{
  display:flex;
  align-items:center;
  justify-content:center;

  gap:9px;

  margin-top:16px;
  padding-top:15px;

  border-top:1px solid var(--line);

  color:#ffc532;

  font-size:8px;
}


/* ============================================================
   SALA INTERNA / READY / VETO
   ============================================================ */

.page-heading{
  width:min(var(--shell),calc(100% - 64px));

  margin:45px auto 20px;
}

.page-heading,
.heading{
  position:relative;
}

.page-heading h1,
.heading h1{
  margin:7px 0;

  font-size:40px;
  font-style:italic;
  font-weight:1000;
}

.eyebrow{
  color:#ffc032;

  font-size:7px;
  font-weight:1000;

  letter-spacing:1.5px;
}

.subtle{
  color:#696775;
}

.room-toolbar,
.challenge-section,
.lobby-teams,
.match-stage,
.panel,
.note,
.toolbar,
.admin-grid,
.staff-grid{
  width:min(var(--shell),calc(100% - 64px));

  margin-left:auto;
  margin-right:auto;
}

.panel,
.challenge-card,
.match-stage,
.challenge-section,
.note{
  border:1px solid var(--line);
  border-radius:3px;

  background:#100f0c;
}

.panel{
  padding:20px;
}

.room-toolbar{
  display:flex;
  flex-wrap:wrap;

  gap:7px;

  margin-bottom:13px;
}

.lobby-teams{
  display:grid;

  grid-template-columns:1fr 1fr;

  gap:13px;
}

.lobby-teams .panel{
  width:100%;
}

.squad-card{
  position:relative;

  overflow:hidden;
}

.squad-card::before{
  content:"";

  position:absolute;

  top:0;
  right:0;
  left:0;

  height:2px;

  background:
    linear-gradient(90deg,var(--purple),transparent);
}

.section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:15px;

  margin-bottom:15px;
}

.section-head h2{
  margin:4px 0;

  font-size:19px;
  font-style:italic;
}

.section-head h2 small{
  color:#5c5a67;

  font-size:9px;
}

.tag{
  display:inline-flex;

  padding:6px 8px;

  border:1px solid rgba(255,187,50,.20);

  color:#ffc132;

  font-size:6px;
  font-weight:900;
}

.lobby-slots{
  display:flex;
  flex-direction:column;

  gap:5px;
}

.lobby-slot{
  min-height:57px;

  display:grid;

  grid-template-columns:40px minmax(0,1fr) auto;

  align-items:center;

  gap:10px;

  padding:7px 9px;

  border:1px solid rgba(255,255,255,.055);

  background:#0e0d0a;
}

.lobby-slot .avatar{
  width:38px;
  height:38px;

  display:grid;
  place-items:center;

  object-fit:cover;

  border-radius:2px;

  background:#191713;
}

.lobby-player-info strong{
  display:block;

  font-size:9px;
}

.lobby-player-info small{
  display:block;

  margin-top:3px;

  color:#5f5d6a;

  font-size:7px;
}

.captain-label{
  color:var(--gold);

  font-size:6px;
}

.empty-slot{
  opacity:.55;
}

.elo{
  display:flex;
  align-items:center;

  gap:5px;

  color:#ffbf32;

  font-size:8px;
}

.rank-badge,
.badge{
  display:inline-grid;
  place-items:center;

  min-width:27px;
  min-height:27px;

  border:1px solid rgba(255,187,50,.25);
  border-radius:2px;

  background:rgba(255,187,50,.07);
}

.match-stage{
  margin-top:13px;
  margin-bottom:13px;

  padding:20px;
}

.challenge-section{
  margin-top:13px;

  padding:20px;
}

.challenge-section>.room-grid{
  width:100%;
}

.challenge-card{
  margin-top:10px;

  padding:15px;
}

.actions{
  display:flex;
  flex-wrap:wrap;

  gap:7px;
}

.note{
  margin-top:13px;

  padding:14px;

  color:#8b8995;

  font-size:9px;
}


/* ============================================================
   RANKING / BANS / OUTRAS TELAS
   ============================================================ */

.toolbar{
  display:flex;
  align-items:center;

  gap:8px;

  margin-top:15px;
  margin-bottom:10px;
}

.search{
  position:relative;

  flex:1;
}

.search span{
  position:absolute;

  top:50%;
  left:12px;

  transform:translateY(-50%);

  color:#ffc532;
}

.search input,
.toolbar select,
.field input{
  width:100%;
  min-height:42px;

  padding:0 12px;

  border:1px solid var(--line);
  border-radius:2px;

  outline:none;

  background:#0d0c0a;

  color:#fff;
}

.search input{
  padding-left:36px;
}

.table-wrap{
  overflow:auto;
}

table{
  width:100%;

  border-collapse:collapse;
}

th,
td{
  padding:12px 10px;

  border-bottom:1px solid rgba(255,255,255,.055);

  text-align:left;

  font-size:9px;
}

th{
  color:#ffc632;

  font-size:7px;
  font-weight:900;

  letter-spacing:.8px;
}

.pagination{
  display:flex;
  align-items:center;
  justify-content:space-between;

  padding-top:14px;

  color:#5e5c68;

  font-size:8px;
}

.filter-group{
  display:flex;
}

.filter-group button{
  min-height:40px;

  border:1px solid var(--line);

  background:#0f0e0c;

  color:#656371;

  cursor:pointer;
}

.filter-group button.selected{
  border-color:rgba(255,187,50,.3);

  color:#fff;
}

.staff-grid,
.admin-grid{
  display:grid;

  grid-template-columns:repeat(2,1fr);

  gap:12px;

  margin-top:15px;
}

.staff-card{
  width:100%;
}

.field{
  display:flex;
  flex-direction:column;

  gap:5px;

  margin-bottom:10px;

  color:#686673;

  font-size:8px;
}

.community{
  width:min(var(--shell),calc(100% - 64px));

  margin:50px auto;

  display:grid;

  grid-template-columns:1fr 1fr;

  gap:40px;
}

.community h1{
  font-size:45px;
  font-style:italic;
}

.channel{
  display:flex;

  gap:10px;

  padding:12px 0;

  border-bottom:1px solid var(--line);
}


/* ============================================================
   MODAL / TOAST / AVISOS
   ============================================================ */

.modal{
  width:min(620px,calc(100% - 30px));

  padding:24px;

  border:1px solid rgba(255,187,50,.3);
  border-radius:4px;

  background:#100f0c;

  color:#fff;

  box-shadow:
    0 30px 100px rgba(0,0,0,.65);
}

.modal::backdrop{
  background:rgba(0,0,0,.75);

  backdrop-filter:blur(5px);
}

.modal-close{
  position:absolute;

  top:9px;
  right:9px;

  width:32px;
  height:32px;

  border:1px solid var(--line);

  background:#14120f;

  color:#fff;

  cursor:pointer;
}

.toast{
  position:fixed;

  z-index:9999;

  right:20px;
  bottom:20px;

  max-width:370px;

  padding:13px 16px;

  border:1px solid rgba(255,187,50,.30);

  background:#13120e;

  color:#fff;

  font-size:9px;

  opacity:0;

  pointer-events:none;

  transform:translateY(10px);

  transition:.2s ease;
}

.toast.show{
  opacity:1;

  transform:none;
}

#challenge-notice{
  position:fixed;

  z-index:900;

  right:20px;
  top:90px;

  padding:10px;

  border:1px solid rgba(255,187,50,.25);

  background:#12110e;

  font-size:8px;
}

.demo-banner{
  padding:7px;

  background:#ffc52f;

  color:#080808;

  text-align:center;

  font-size:8px;
  font-weight:1000;
}

.loading,
.error-box,
.directory-empty,
.kg-empty-home{
  min-height:250px;

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;

  gap:8px;

  color:#656371;

  text-align:center;
}

.spinner{
  width:25px;
  height:25px;

  border:2px solid rgba(255,255,255,.1);
  border-top-color:var(--purple);
  border-radius:50%;

  animation:spin .7s linear infinite;
}

@keyframes spin{
  to{transform:rotate(360deg)}
}


/* ============================================================
   FOOTER
   ============================================================ */

.footer{
  width:min(var(--shell),calc(100% - 64px));

  min-height:75px;

  margin:auto;

  display:flex;
  align-items:center;
  justify-content:space-between;

  color:#ffc232;

  font-size:7px;
  font-weight:900;

  letter-spacing:1px;
}


/* ============================================================
   RESPONSIVO
   ============================================================ */

@media(max-width:1180px){

  .kg-nav{
    gap:16px;
  }

  .kg-nav a{
    font-size:8px;
  }

  .kg-mode-grid{
    grid-template-columns:1fr 1fr;
  }

  .directory-grid,
  .kg-room-grid,
  .room-grid{
    grid-template-columns:1fr 1fr;
  }

}


@media(max-width:900px){

  .kg-shell,
  .kg-header-inner,
  .page-heading,
  .heading,
  .room-toolbar,
  .challenge-section,
  .lobby-teams,
  .match-stage,
  .panel,
  .note,
  .toolbar,
  .admin-grid,
  .staff-grid,
  .community{
    width:calc(100% - 30px);
  }

  .kg-header-inner{
    grid-template-columns:auto auto 1fr;

    gap:12px;
  }

  .kg-menu-toggle{
    display:grid;
    place-items:center;
  }

  .kg-nav{
    display:none;

    position:fixed;

    top:76px;
    right:0;
    left:0;

    height:auto;

    grid-template-columns:1fr 1fr;

    padding:12px;

    border-bottom:1px solid rgba(255,187,50,.25);

    background:#0a0908;
  }

  .kg-nav.open{
    display:grid;
  }

  .kg-nav a{
    height:45px;

    justify-content:center;

    border:1px solid var(--line);

    background:#110f0d;
  }

  .kg-nav a.active::after{
    display:none;
  }

  .kg-account{
    margin-left:auto;
  }

  .kg-hero{
    min-height:auto;

    padding:60px 0 0;
  }

  .kg-hero-shell{
    grid-template-columns:1fr;
  }

  .kg-hero-art{
    height:380px;

    border-left:0;
    border-top:1px solid rgba(255,187,50,.10);
  }

  .kg-dashboard{
    grid-template-columns:1fr;
  }

  .kg-lobbies-hero{
    align-items:flex-start;
    flex-direction:column;
  }

  .kg-match-stats{
    grid-template-columns:1fr 1fr;
  }

  .lobby-teams{
    grid-template-columns:1fr;
  }

}


@media(max-width:620px){

  .kg-header{
    height:68px;
  }

  .kg-header-inner{
    width:calc(100% - 22px);
    height:68px;
  }

  .kg-brand-crown{
    font-size:29px;
  }

  .kg-brand-copy strong{
    font-size:18px;
  }

  .kg-brand-copy small{
    display:none;
  }

  .kg-nav{
    top:68px;
  }

  .account-name{
    max-width:105px;

    overflow:hidden;

    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .kg-hero-copy h1{
    font-size:52px;

    letter-spacing:-3px;
  }

  .kg-hero-actions{
    flex-direction:column;
  }

  .kg-btn{
    width:100%;
  }

  .kg-hero-numbers{
    gap:13px;
  }

  .kg-hero-art{
    height:300px;
  }

  .kg-art-title strong{
    font-size:60px;
  }

  .kg-art-title span{
    font-size:32px;
  }

  .kg-section{
    padding:45px 0;
  }

  .kg-mode-grid,
  .directory-grid,
  .kg-room-grid,
  .room-grid,
  .staff-grid,
  .admin-grid{
    grid-template-columns:1fr;
  }

  .kg-home-lobby{
    grid-template-columns:12px minmax(0,1fr) 55px 55px;
  }

  .kg-home-enter{
    display:none;
  }

  .kg-match-stats{
    grid-template-columns:1fr;
  }

  .kg-match-stats>div{
    border-right:0;
    border-bottom:1px solid var(--line);
  }

  .kg-filter-row,
  .kg-lobby-hero-actions{
    flex-direction:column;
  }

  .kg-level-select{
    width:100%;
  }

  .kg-directory-heading,
  .kg-section-title{
    align-items:flex-start;
    flex-direction:column;
  }

  .kg-lobbies-page{
    padding:35px 15px 60px;
  }

  .community{
    grid-template-columns:1fr;
  }

  .footer{
    width:calc(100% - 30px);
  }

}

/* ============================================================
   KINGS — HOME APPROVED VISUAL
   27/09/2026
   ============================================================ */

body{
  background:
    radial-gradient(circle at 50% -20%,rgba(255,182,50,.16),transparent 35%),
    #070605;
}

/* HOME SEM LIMITAÇÃO PEQUENA */
.kg-home{
  width:100%;
  overflow:hidden;
  background:#070605;
}

.kg-shell{
  width:min(1560px,calc(100% - 72px)) !important;
  max-width:1560px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* ============================================================
   HERO
   ============================================================ */

.kg-hero{
  position:relative !important;
  min-height:620px !important;
  height:clamp(620px,66vh,760px) !important;
  display:flex !important;
  align-items:center !important;
  overflow:hidden !important;
  border-bottom:1px solid rgba(255,191,50,.32) !important;

  background-image:
    linear-gradient(
      90deg,
      rgba(8,7,6,.98) 0%,
      rgba(8,7,6,.94) 22%,
      rgba(11,11,9,.70) 38%,
      rgba(11,10,8,.18) 60%,
      rgba(9,8,7,.10) 100%
    ),
    linear-gradient(
      0deg,
      #070605 0%,
      transparent 23%
    ),
    url('/hero-kings.jpg') !important;

  background-size:auto,auto,cover !important;
  background-position:center,right center,right center !important;
  background-repeat:no-repeat !important;
}

.kg-hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(255,183,50,.12) 1px,transparent 1px),
    linear-gradient(rgba(255,183,50,.08) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(90deg,#000,transparent 55%);
  opacity:.32;
}

.kg-hero::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:170px;
  pointer-events:none;
  background:linear-gradient(transparent,#070605);
}

.kg-hero-grid,
.kg-hero-purple,
.kg-hero-blue{
  display:none !important;
}

.kg-hero-shell{
  position:relative !important;
  z-index:3 !important;
  width:min(1560px,calc(100% - 72px)) !important;
  max-width:1560px !important;
  min-height:620px !important;
  display:flex !important;
  align-items:center !important;
}

.kg-hero-copy{
  width:min(680px,48vw) !important;
  padding:70px 0 90px !important;
  position:relative !important;
  z-index:5 !important;
}

.kg-eyebrow{
  font-size:13px !important;
  font-weight:900 !important;
  letter-spacing:.22em !important;
  color:#bfc3d4 !important;
}

.kg-eyebrow i{
  width:35px !important;
  height:3px !important;
  background:#ffbb32 !important;
  box-shadow:0 0 18px #ffaf32 !important;
}

.kg-hero-copy h1{
  margin:20px 0 20px !important;
  font-size:clamp(58px,5.25vw,94px) !important;
  line-height:.86 !important;
  letter-spacing:-.055em !important;
  font-weight:1000 !important;
  color:#fff !important;
  text-transform:uppercase !important;
  text-shadow:0 8px 35px rgba(0,0,0,.65) !important;
}

.kg-hero-copy h1 em{
  color:#ffbb32 !important;
  font-style:normal !important;
  text-shadow:
    0 0 18px rgba(255,185,50,.48),
    0 0 45px rgba(255,175,50,.30) !important;
}

.kg-hero-copy > p{
  max-width:600px !important;
  margin:0 0 30px !important;
  color:#b8b9c5 !important;
  font-size:17px !important;
  line-height:1.65 !important;
}

.kg-hero-actions{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  margin:0 0 34px !important;
}

.kg-btn{
  min-height:52px !important;
  padding:0 26px !important;
  border-radius:3px !important;
  font-size:13px !important;
  font-weight:950 !important;
  letter-spacing:.08em !important;
}

.kg-btn-primary{
  color:white !important;
  border:1px solid #ffbf32 !important;
  background:linear-gradient(135deg,#ffb632,#ffb932) !important;
  box-shadow:
    0 0 22px rgba(255,183,50,.38),
    inset 0 1px rgba(255,255,255,.18) !important;
}

.kg-btn-primary:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 0 36px rgba(255,185,50,.60) !important;
}

.kg-btn-outline{
  color:#fff !important;
  background:rgba(11,11,9,.64) !important;
  border:1px solid rgba(255,255,255,.24) !important;
  backdrop-filter:blur(8px) !important;
}

.kg-hero-numbers{
  display:flex !important;
  align-items:center !important;
  gap:24px !important;
}

.kg-hero-numbers > div{
  min-width:92px !important;
}

.kg-hero-numbers strong{
  display:block !important;
  color:#fff !important;
  font-size:24px !important;
  line-height:1 !important;
  font-weight:950 !important;
}

.kg-hero-numbers small{
  display:block !important;
  margin-top:7px !important;
  color:#ffd032 !important;
  font-size:9px !important;
  font-weight:900 !important;
  letter-spacing:.18em !important;
}

.kg-hero-numbers > span{
  display:block !important;
  width:1px !important;
  height:35px !important;
  background:rgba(255,255,255,.14) !important;
}

/* a arte agora é o próprio fundo cinematográfico */
.kg-hero-art{
  display:none !important;
}

/* ============================================================
   SEÇÕES
   ============================================================ */

.kg-section{
  position:relative !important;
  padding:54px 0 62px !important;
  background:
    radial-gradient(circle at 50% 0,rgba(255,181,50,.09),transparent 38%),
    #070605 !important;
}

.kg-section + .kg-section{
  padding-top:20px !important;
}

.kg-section-title,
.kg-panel-title{
  margin-bottom:25px !important;
}

.kg-section-title h2,
.kg-panel-title h2{
  margin:7px 0 0 !important;
  color:#fff !important;
  font-size:clamp(30px,2.6vw,46px) !important;
  line-height:.95 !important;
  letter-spacing:-.045em !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
}

.kg-section-title h2 em,
.kg-panel-title h2 em{
  color:#ffbb32 !important;
  font-style:normal !important;
}

.kg-section-title > p{
  color:#ffcd32 !important;
  font-size:14px !important;
}

/* ============================================================
   CARDS DOS MODOS
   ============================================================ */

.kg-mode-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px !important;
}

.kg-mode-card{
  position:relative !important;
  height:255px !important;
  min-height:255px !important;
  overflow:hidden !important;
  padding:0 !important;
  border-radius:3px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background-color:#0d0c0a !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  background-position:center bottom !important;
  text-align:left !important;
  transition:
    transform .2s ease,
    border-color .2s ease,
    box-shadow .2s ease !important;
}

/*
   As artes já possuem tipografia do conceito aprovado.
   Ampliamos levemente para remover a parte superior do recorte.
*/
.kg-mode-card:nth-child(1){
  background-image:
    linear-gradient(0deg,rgba(8,7,6,.12),rgba(8,7,6,.04)),
    url('/mode-casual.jpg') !important;
  background-size:112% auto !important;
}

.kg-mode-card:nth-child(2){
  background-image:
    linear-gradient(0deg,rgba(9,8,7,.10),rgba(9,8,7,.03)),
    url('/mode-competitive.jpg') !important;
  background-size:112% auto !important;
}

.kg-mode-card:nth-child(3){
  background-image:
    linear-gradient(0deg,rgba(8,7,6,.10),rgba(8,7,6,.03)),
    url('/mode-deathmatch.jpg') !important;
  background-size:112% auto !important;
}

.kg-mode-card:nth-child(4){
  background-image:
    linear-gradient(0deg,rgba(10,7,2,.10),rgba(10,7,2,.03)),
    url('/mode-awp.jpg') !important;
  background-size:112% auto !important;
}

/* O texto já está desenhado dentro das artes */
.kg-mode-card > *{
  opacity:0 !important;
  pointer-events:none !important;
}

.kg-mode-card:hover{
  transform:translateY(-5px) scale(1.01) !important;
  z-index:3 !important;
}

.kg-mode-card:nth-child(1):hover{
  border-color:#ffbb32 !important;
  box-shadow:0 0 35px rgba(255,184,50,.30) !important;
}

.kg-mode-card:nth-child(2):hover{
  border-color:#ffd432 !important;
  box-shadow:0 0 35px rgba(255,210,50,.25) !important;
}

.kg-mode-card:nth-child(3):hover{
  border-color:#ffbd32 !important;
  box-shadow:0 0 35px rgba(255,186,50,.23) !important;
}

.kg-mode-card:nth-child(4):hover{
  border-color:#ffc32e !important;
  box-shadow:0 0 35px rgba(255,190,36,.22) !important;
}

/* ============================================================
   LOBBIES / DASHBOARD
   ============================================================ */

.kg-home-bottom{
  padding-top:28px !important;
  padding-bottom:90px !important;
}

.kg-dashboard{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 340px !important;
  gap:18px !important;
  align-items:start !important;
}

.kg-dashboard-main{
  min-width:0 !important;
}

.kg-home-lobbies{
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
}

.kg-home-lobby{
  min-height:84px !important;
  display:grid !important;
  grid-template-columns:18px minmax(200px,1fr) 120px 90px 125px !important;
  align-items:center !important;
  gap:18px !important;
  padding:0 22px !important;
  color:#fff !important;
  text-decoration:none !important;
  background:
    linear-gradient(90deg,rgba(255,184,50,.07),transparent 35%),
    rgba(14,13,10,.90) !important;
  border:1px solid rgba(255,255,255,.075) !important;
  border-left:2px solid rgba(255,187,50,.65) !important;
  transition:.18s ease !important;
}

.kg-home-lobby:hover{
  transform:translateX(4px) !important;
  border-color:rgba(255,189,50,.48) !important;
  background:
    linear-gradient(90deg,rgba(255,183,50,.14),transparent 48%),
    rgba(17,15,13,.96) !important;
}

.kg-live-dot{
  width:8px !important;
  height:8px !important;
  border-radius:50% !important;
  background:#39f98c !important;
  box-shadow:0 0 12px #25ef79 !important;
}

.kg-home-lobby-name strong{
  display:block !important;
  font-size:15px !important;
  font-weight:900 !important;
}

.kg-home-lobby-name small,
.kg-home-lobby-players small,
.kg-home-lobby-elo small{
  color:#ffcc32 !important;
  font-size:9px !important;
  font-weight:900 !important;
  letter-spacing:.12em !important;
}

.kg-home-lobby-players strong,
.kg-home-lobby-elo strong{
  font-size:18px !important;
  color:#fff !important;
}

.kg-home-enter{
  justify-self:end !important;
  padding:11px 16px !important;
  color:#ffd032 !important;
  border:1px solid rgba(255,189,50,.40) !important;
  background:rgba(255,182,50,.07) !important;
  font-size:10px !important;
  font-weight:950 !important;
  letter-spacing:.09em !important;
}

.kg-live-strip{
  min-height:48px !important;
  margin-top:9px !important;
  padding:0 18px !important;
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  border:1px solid rgba(255,255,255,.06) !important;
  background:#0b0a08 !important;
}

.kg-live-strip span{
  color:#ffcf32 !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.13em !important;
}

.kg-live-strip i{
  display:inline-block !important;
  width:7px !important;
  height:7px !important;
  margin-right:9px !important;
  border-radius:50% !important;
  background:#ffbd32 !important;
  box-shadow:0 0 10px #ffbd32 !important;
}

.kg-live-strip strong{
  color:#fff !important;
  font-size:18px !important;
}

/* ============================================================
   SIDEBAR
   ============================================================ */

.kg-dashboard-side{
  display:flex !important;
  flex-direction:column !important;
  gap:14px !important;
}

.kg-profile-card,
.kg-top-card{
  border-radius:3px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  background:
    linear-gradient(145deg,rgba(255,182,50,.08),transparent 45%),
    #0c0b09 !important;
  box-shadow:0 18px 45px rgba(0,0,0,.22) !important;
}

.kg-profile-card{
  padding:22px !important;
}

.kg-card-label{
  display:block !important;
  margin-bottom:18px !important;
  color:#ffcf32 !important;
  font-size:9px !important;
  font-weight:950 !important;
  letter-spacing:.18em !important;
}

.kg-profile-main{
  display:flex !important;
  align-items:center !important;
  gap:15px !important;
}

.kg-profile-main img,
.kg-profile-placeholder{
  width:62px !important;
  height:62px !important;
  border-radius:4px !important;
  object-fit:cover !important;
  border:1px solid rgba(255,188,50,.50) !important;
  box-shadow:0 0 22px rgba(255,184,50,.20) !important;
}

.kg-profile-placeholder{
  display:grid !important;
  place-items:center !important;
  color:#ffc132 !important;
  font-size:30px !important;
}

.kg-profile-main strong{
  display:block !important;
  margin:2px 0 !important;
  color:#fff !important;
  font-size:17px !important;
}

.kg-profile-main small,
.kg-profile-main span{
  color:#ffcf32 !important;
  font-size:9px !important;
  letter-spacing:.10em !important;
}

.kg-profile-link,
.kg-top-more{
  display:block !important;
  margin-top:18px !important;
  color:#ffc032 !important;
  text-decoration:none !important;
  font-size:10px !important;
  font-weight:950 !important;
  letter-spacing:.10em !important;
}

.kg-top-card{
  padding:20px !important;
}

.kg-top-heading{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  padding-bottom:15px !important;
  border-bottom:1px solid rgba(255,255,255,.07) !important;
}

.kg-top-heading small{
  display:block !important;
  color:#ffcf32 !important;
  font-size:9px !important;
  letter-spacing:.14em !important;
}

.kg-top-heading strong{
  color:#fff !important;
  font-size:18px !important;
}

.kg-top-heading > span{
  color:#ffbf32 !important;
  font-size:25px !important;
}

.kg-top-player{
  width:100% !important;
  min-height:55px !important;
  display:grid !important;
  grid-template-columns:25px 35px 1fr auto !important;
  align-items:center !important;
  gap:9px !important;
  padding:7px 0 !important;
  border:0 !important;
  border-bottom:1px solid rgba(255,255,255,.055) !important;
  color:#fff !important;
  background:transparent !important;
  text-align:left !important;
}

.kg-top-player b{
  color:#8c8e9b !important;
  font-size:11px !important;
}

.kg-top-player img,
.kg-mini-avatar{
  width:34px !important;
  height:34px !important;
  border-radius:50% !important;
  object-fit:cover !important;
}

.kg-mini-avatar{
  display:grid !important;
  place-items:center !important;
  background:#26231d !important;
  color:#ffc732 !important;
  font-weight:900 !important;
}

.kg-top-player span strong{
  display:block !important;
  color:#e9e9ef !important;
  font-size:11px !important;
}

.kg-top-player span small{
  color:#ffcb32 !important;
  font-size:9px !important;
}

.kg-top-player em{
  color:#ffc232 !important;
  font-style:normal !important;
  font-size:11px !important;
  font-weight:950 !important;
}

/* ============================================================
   EMPTY
   ============================================================ */

.kg-empty-home{
  min-height:245px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid rgba(255,255,255,.07) !important;
  background:
    radial-gradient(circle at center,rgba(255,183,50,.09),transparent 50%),
    #0b0a08 !important;
}

.kg-empty-home > span{
  color:#ffbf32 !important;
  font-size:40px !important;
}

.kg-empty-home strong{
  margin-top:8px !important;
  color:#fff !important;
  font-size:18px !important;
}

.kg-empty-home p{
  color:#ffce32 !important;
}

/* ============================================================
   HEADER MAIS PRÓXIMO DO CONCEITO
   ============================================================ */

.kg-header{
  background:rgba(7,6,5,.94) !important;
  border-bottom:1px solid rgba(255,186,50,.22) !important;
  backdrop-filter:blur(18px) !important;
}

.kg-header-inner{
  width:min(1560px,calc(100% - 72px)) !important;
  max-width:1560px !important;
  min-height:72px !important;
}

.kg-brand-crown{
  color:#ffbd32 !important;
  text-shadow:0 0 18px rgba(255,188,50,.48) !important;
}

.kg-brand-copy strong{
  font-size:23px !important;
  letter-spacing:.03em !important;
}

.kg-brand-copy small{
  font-size:7px !important;
  letter-spacing:.22em !important;
}

.kg-nav{
  gap:30px !important;
}

.kg-nav a{
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.12em !important;
}

.kg-nav a.active{
  color:#ffc432 !important;
}

/* ============================================================
   RESPONSIVO
   ============================================================ */

@media (max-width:1250px){

  .kg-shell,
  .kg-hero-shell,
  .kg-header-inner{
    width:min(100% - 40px,1180px) !important;
  }

  .kg-hero{
    min-height:580px !important;
  }

  .kg-hero-copy{
    width:54% !important;
  }

  .kg-mode-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .kg-mode-card{
    height:285px !important;
  }

  .kg-dashboard{
    grid-template-columns:minmax(0,1fr) 300px !important;
  }

}

@media (max-width:850px){

  .kg-shell,
  .kg-hero-shell,
  .kg-header-inner{
    width:calc(100% - 28px) !important;
  }

  .kg-hero{
    height:auto !important;
    min-height:650px !important;
    background-position:center,right center,65% center !important;
  }

  .kg-hero::before{
    display:none !important;
  }

  .kg-hero-copy{
    width:100% !important;
    padding:80px 0 100px !important;
  }

  .kg-hero-copy h1{
    font-size:clamp(48px,14vw,74px) !important;
  }

  .kg-hero-copy > p{
    max-width:520px !important;
  }

  .kg-mode-grid{
    grid-template-columns:1fr !important;
  }

  .kg-mode-card{
    height:auto !important;
    aspect-ratio:16/9 !important;
  }

  .kg-dashboard{
    grid-template-columns:1fr !important;
  }

  .kg-dashboard-side{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
  }

  .kg-home-lobby{
    grid-template-columns:16px 1fr auto !important;
  }

  .kg-home-lobby-players,
  .kg-home-lobby-elo{
    display:none !important;
  }

}

@media (max-width:560px){

  .kg-hero{
    min-height:600px !important;
  }

  .kg-hero-copy h1{
    font-size:48px !important;
  }

  .kg-hero-actions{
    align-items:stretch !important;
    flex-direction:column !important;
    max-width:320px !important;
  }

  .kg-hero-numbers{
    gap:14px !important;
  }

  .kg-hero-numbers > div{
    min-width:0 !important;
  }

  .kg-dashboard-side{
    grid-template-columns:1fr !important;
  }

  .kg-home-enter{
    display:none !important;
  }

  .kg-home-lobby{
    grid-template-columns:16px 1fr !important;
  }

}


/* ============================================================
   KINGS HEADER V2 — NEON RGB
   ============================================================ */

.kg-header{
  min-height:92px !important;
  background:rgba(6,6,5,.97) !important;
  border-bottom:1px solid rgba(255,187,50,.35) !important;
  box-shadow:
    0 4px 30px rgba(255,175,50,.14),
    0 1px 0 rgba(255,255,255,.025) !important;
}

.kg-header-inner{
  width:min(1600px,calc(100% - 56px)) !important;
  max-width:1600px !important;
  min-height:92px !important;
  gap:30px !important;
}

/* LOGO */

.kg-brand{
  min-width:210px !important;
  gap:13px !important;
}

.kg-brand-crown{
  font-size:35px !important;
  color:#ffc432 !important;
  filter:drop-shadow(0 0 8px #ffaf32) !important;
}

.kg-brand-copy strong{
  font-size:28px !important;
  line-height:1 !important;
  color:#fff !important;
  letter-spacing:.045em !important;
  text-shadow:0 0 15px rgba(255,255,255,.15) !important;
}

.kg-brand-copy small{
  margin-top:6px !important;
  font-size:8px !important;
  letter-spacing:.25em !important;
  color:#ffd232 !important;
}

/* ============================================================
   BLOCO DO MENU COM BORDA RGB
   ============================================================ */

.kg-nav{
  position:relative !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  gap:5px !important;

  padding:5px !important;

  border-radius:8px !important;

  background:
    linear-gradient(#0b0a08,#0b0a08) padding-box,
    linear-gradient(
      90deg,
      #ffba32,
      #ff8a00,
      #ffe600,
      #32ff7e,
      #ffd732,
      #ffcb32,
      #ffba32,
      #ffba32,
      #ffba32
    ) border-box !important;

  border:2px solid transparent !important;

  box-shadow:
    0 0 10px rgba(255,187,50,.25),
    0 0 20px rgba(255,195,50,.17),
    inset 0 0 20px rgba(255,255,255,.015) !important;

  background-size:
    100% 100%,
    300% 100% !important;

  animation:kg-rainbow-border 5s linear infinite !important;
}

@keyframes kg-rainbow-border{
  0%{
    background-position:
      0 0,
      0% 50%;
  }

  100%{
    background-position:
      0 0,
      300% 50%;
  }
}

/* ============================================================
   LINKS
   ============================================================ */

.kg-nav a{
  position:relative !important;

  min-height:52px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  padding:0 17px !important;

  border-radius:5px !important;

  color:#bdbdca !important;

  font-size:13px !important;
  line-height:1 !important;
  font-weight:950 !important;

  letter-spacing:.10em !important;

  text-shadow:0 2px 8px rgba(0,0,0,.8) !important;

  transition:
    color .18s ease,
    background .18s ease,
    text-shadow .18s ease,
    box-shadow .18s ease,
    transform .18s ease !important;
}

.kg-nav a:hover{
  color:#fff !important;

  background:
    linear-gradient(
      135deg,
      rgba(255,184,50,.17),
      rgba(255,211,50,.10)
    ) !important;

  text-shadow:
    0 0 7px #fff,
    0 0 15px rgba(255,190,50,.8) !important;

  transform:translateY(-1px) !important;
}

/* MENU SELECIONADO */

.kg-nav a.active{
  color:#fff !important;

  background:
    linear-gradient(
      135deg,
      rgba(255,182,50,.38),
      rgba(255,186,50,.14)
    ) !important;

  box-shadow:
    inset 0 0 18px rgba(255,186,50,.17),
    0 0 15px rgba(255,185,50,.13) !important;

  text-shadow:
    0 0 7px #fff,
    0 0 13px #ffbc32,
    0 0 25px #ffb832 !important;
}

/* barrinha neon embaixo do item selecionado */

.kg-nav a.active::after{
  content:"" !important;

  position:absolute !important;

  left:16px !important;
  right:16px !important;
  bottom:2px !important;

  height:3px !important;

  border-radius:5px !important;

  background:linear-gradient(
    90deg,
    #ffb932,
    #ffbf32,
    #ffd732
  ) !important;

  box-shadow:
    0 0 7px #ffbb32,
    0 0 15px rgba(255,184,50,.9) !important;
}

/* ============================================================
   CONTA / STEAM
   ============================================================ */

.kg-account{
  min-width:205px !important;
  justify-content:flex-end !important;
}

.kg-account .button,
.kg-account .icon-button{
  min-height:44px !important;
  font-size:11px !important;
}

/* ============================================================
   TELAS MÉDIAS
   ============================================================ */

@media (max-width:1350px){

  .kg-header-inner{
    width:calc(100% - 32px) !important;
    gap:15px !important;
  }

  .kg-brand{
    min-width:170px !important;
  }

  .kg-brand-copy strong{
    font-size:24px !important;
  }

  .kg-nav a{
    padding:0 10px !important;
    font-size:11px !important;
  }

  .kg-account{
    min-width:170px !important;
  }
}

/* no mobile volta ao menu vertical */
@media (max-width:850px){

  .kg-header,
  .kg-header-inner{
    min-height:76px !important;
  }

  .kg-brand-crown{
    font-size:30px !important;
  }

  .kg-brand-copy strong{
    font-size:23px !important;
  }

  .kg-nav{
    padding:10px !important;
    border-radius:7px !important;
  }

  .kg-nav a{
    width:100% !important;
    justify-content:flex-start !important;
    font-size:13px !important;
  }
}


/* ============================================================
   KINGS HEADER V3
   ============================================================ */

.kings-platform .kg-header{
    height:108px !important;
    min-height:108px !important;

    display:flex !important;
    align-items:center !important;

    background:
      linear-gradient(180deg,#0a0908 0%,#050504 100%) !important;

    border-bottom:1px solid rgba(255,189,50,.48) !important;

    box-shadow:
      0 5px 35px rgba(255,175,50,.18),
      0 1px 0 rgba(255,189,50,.18) !important;
}


.kings-platform .kg-header-inner{
    width:min(1660px,calc(100% - 48px)) !important;
    max-width:1660px !important;

    height:108px !important;
    min-height:108px !important;

    margin:auto !important;

    display:grid !important;

    grid-template-columns:
      245px
      minmax(760px,1fr)
      235px !important;

    align-items:center !important;

    gap:30px !important;
}


/* ============================================================
   LOGO
   ============================================================ */

.kings-platform .kg-brand{
    min-width:0 !important;

    display:flex !important;
    align-items:center !important;

    gap:15px !important;

    text-decoration:none !important;
}


.kings-platform .kg-brand-crown{
    font-size:43px !important;

    line-height:1 !important;

    color:#ffc332 !important;

    text-shadow:
      0 0 8px #ffbc32,
      0 0 18px #ffaf32,
      0 0 35px rgba(255,175,50,.65) !important;

    filter:none !important;
}


.kings-platform .kg-brand-copy strong{
    display:block !important;

    font-size:31px !important;
    line-height:1 !important;

    font-weight:1000 !important;

    letter-spacing:.055em !important;

    color:#fff !important;
}


.kings-platform .kg-brand-copy small{
    display:block !important;

    margin-top:7px !important;

    font-size:9px !important;

    font-weight:900 !important;

    letter-spacing:.27em !important;

    color:#9696a7 !important;
}


/* ============================================================
   MENU
   ============================================================ */

.kings-platform .kg-nav{
    position:relative !important;

    height:68px !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    gap:9px !important;

    padding:7px !important;

    border:0 !important;

    border-radius:12px !important;

    background:#0b0a08 !important;

    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.055),
      0 12px 35px rgba(0,0,0,.32) !important;

    animation:none !important;
}


/* BORDA ARCO-ÍRIS DO MENU */

.kings-platform .kg-nav::before{
    content:"" !important;

    position:absolute !important;

    inset:-2px !important;

    z-index:-1 !important;

    border-radius:14px !important;

    padding:2px !important;

    background:
      linear-gradient(
        90deg,
        #ffbc32,
        #ff8a18,
        #ffe138,
        #35ff89,
        #ffd732,
        #ffce32,
        #ffbf32,
        #ffbf32,
        #ffbc32
      ) !important;

    background-size:300% 100% !important;

    animation:kg-menu-rgb 4s linear infinite !important;

    filter:
      brightness(1.3)
      drop-shadow(0 0 7px rgba(255,188,50,.60)) !important;

    -webkit-mask:
      linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0) !important;

    -webkit-mask-composite:xor !important;
    mask-composite:exclude !important;
}


@keyframes kg-menu-rgb{

    0%{
        background-position:0% 50%;
    }

    100%{
        background-position:300% 50%;
    }

}


/* ============================================================
   BOTÕES DO MENU
   ============================================================ */

.kings-platform .kg-nav > a{
    position:relative !important;

    height:52px !important;
    min-height:52px !important;

    padding:0 20px !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    border-radius:7px !important;

    color:#c7c7d2 !important;

    background:
      linear-gradient(
        180deg,
        rgba(255,255,255,.025),
        rgba(255,255,255,.005)
      ) !important;

    font-size:14px !important;

    font-weight:1000 !important;

    letter-spacing:.11em !important;

    white-space:nowrap !important;

    text-shadow:
      0 2px 6px #000 !important;

    transition:
      transform .18s ease,
      color .18s ease,
      background .18s ease,
      box-shadow .18s ease !important;
}


.kings-platform .kg-nav > a:hover{

    color:#fff !important;

    transform:translateY(-2px) !important;

    background:
      linear-gradient(
        135deg,
        rgba(255,187,50,.25),
        rgba(255,212,50,.12)
      ) !important;

    box-shadow:
      0 0 15px rgba(255,187,50,.25),
      inset 0 0 15px rgba(255,255,255,.035) !important;

    text-shadow:
      0 0 6px #fff,
      0 0 15px #ffbb32 !important;
}


/* SELECIONADO */

.kings-platform .kg-nav > a.active{

    color:#fff !important;

    background:
      linear-gradient(
        135deg,
        rgba(255,183,50,.42),
        rgba(255,182,50,.25)
      ) !important;

    box-shadow:
      inset 0 0 20px rgba(255,189,50,.17),
      0 0 17px rgba(255,187,50,.30) !important;

    text-shadow:
      0 0 7px #fff,
      0 0 13px #ffbf32,
      0 0 24px #ffb632 !important;
}


.kings-platform .kg-nav > a.active::after{

    content:"" !important;

    position:absolute !important;

    left:12px !important;
    right:12px !important;

    bottom:-7px !important;

    height:3px !important;

    border-radius:5px !important;

    background:
      linear-gradient(
        90deg,
        #ffbe32,
        #ffbe32,
        #ffd732
      ) !important;

    box-shadow:
      0 0 7px #ffbe32,
      0 0 17px #ffba32 !important;
}


/* ============================================================
   CONTA
   ============================================================ */

.kings-platform .kg-account{

    min-width:0 !important;

    display:flex !important;

    align-items:center !important;

    justify-content:flex-end !important;
}


.kings-platform .kg-account .button,
.kings-platform .kg-account .icon-button{

    min-height:48px !important;

    font-size:12px !important;
}


/* ============================================================
   DESKTOP MENOR
   ============================================================ */

@media (max-width:1500px){

    .kings-platform .kg-header-inner{

        grid-template-columns:
          200px
          minmax(680px,1fr)
          190px !important;

        gap:18px !important;
    }


    .kings-platform .kg-brand-crown{
        font-size:37px !important;
    }


    .kings-platform .kg-brand-copy strong{
        font-size:27px !important;
    }


    .kings-platform .kg-nav > a{

        padding:0 13px !important;

        font-size:12px !important;
    }

}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width:850px){

    .kings-platform .kg-header,
    .kings-platform .kg-header-inner{

        height:80px !important;
        min-height:80px !important;
    }


    .kings-platform .kg-header-inner{

        display:flex !important;

        width:calc(100% - 28px) !important;

        justify-content:space-between !important;
    }


    .kings-platform .kg-nav{

        height:auto !important;
    }


    .kings-platform .kg-nav > a{

        width:100% !important;

        justify-content:flex-start !important;

        font-size:14px !important;
    }

}


/* ============================================================
   KINGS — LOBBIES READABILITY
   SOMENTE fontes/legibilidade. Não altera dimensões da página.
   ============================================================ */

/* Fonte mais cheia na página competitiva */
.kg-lobbies-page,
.kg-lobbies-page button,
.kg-lobbies-page input,
.kg-lobbies-page select,
.kg-lobbies-page a{
  font-family:Arial, Helvetica, sans-serif !important;
  -webkit-font-smoothing:antialiased !important;
  text-rendering:geometricPrecision !important;
}

/* ------------------------------------------------------------
   BLOCO LOBBIES DISPONÍVEIS
   ------------------------------------------------------------ */

.kg-directory-shell{
  color:#f5f5fa !important;
}

.kg-small-label{
  font-family:"Arial Black",Arial,sans-serif !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.13em !important;
  color:#ffd332 !important;
}

.kg-directory-heading h2{
  font-family:"Arial Black",Arial,sans-serif !important;
  font-size:30px !important;
  font-weight:900 !important;
  letter-spacing:-.025em !important;
  color:#fff !important;
}

.kg-directory-heading h2 span{
  color:#ffbb32 !important;
}

.kg-season{
  font-family:"Arial Black",Arial,sans-serif !important;
  font-size:10px !important;
  font-weight:900 !important;
  color:#ffbf32 !important;
}

/* ------------------------------------------------------------
   ABAS DISPONÍVEL / READY / VETO / AO VIVO
   ------------------------------------------------------------ */

.kg-tabs button{
  font-family:"Arial Black",Arial,sans-serif !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.035em !important;
  color:#a9aaba !important;
}

.kg-tabs button.selected{
  color:#fff !important;
}

.kg-tabs button span{
  font-size:10px !important;
  font-weight:900 !important;
}

/* ------------------------------------------------------------
   BUSCA E FILTROS
   ------------------------------------------------------------ */

.kg-search input{
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:12px !important;
  font-weight:700 !important;
  letter-spacing:.015em !important;
  color:#fff !important;
}

.kg-search input::placeholder{
  color:#9a9baa !important;
  opacity:1 !important;
  font-weight:700 !important;
}

.kg-level-select select{
  font-family:"Arial Black",Arial,sans-serif !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.02em !important;
  color:#fff !important;
}

.kg-test-button{
  font-family:"Arial Black",Arial,sans-serif !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.02em !important;
}

/* contador / atualização automática */
.kg-directory-meta{
  font-size:10px !important;
  font-weight:700 !important;
  color:#a0a2b1 !important;
}

.kg-directory-meta span:last-child{
  font-family:"Arial Black",Arial,sans-serif !important;
  font-size:10px !important;
  color:#37e9a1 !important;
}

/* ============================================================
   CARDS DAS SALAS
   ============================================================ */

.kg-room-grid article{
  font-family:Arial,Helvetica,sans-serif !important;
  color:#fff !important;
}

/* qualquer label pequena dentro dos cards */
.kg-room-grid article small{
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:10px !important;
  line-height:1.25 !important;
  font-weight:700 !important;
  letter-spacing:.015em !important;
  color:#ffd632 !important;
}

/* textos normais */
.kg-room-grid article span,
.kg-room-grid article p{
  font-weight:700 !important;
}

/* nomes / títulos */
.kg-room-grid article strong{
  font-family:"Arial Black",Arial,sans-serif !important;
  font-size:14px !important;
  line-height:1.15 !important;
  font-weight:900 !important;
  letter-spacing:-.015em !important;
  color:#fff !important;
}

/* CAPITÃO */
.kg-room-grid article .captain-label{
  font-family:"Arial Black",Arial,sans-serif !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.03em !important;
}

/* status DISPONÍVEL */
.kg-room-grid .pill,
.kg-room-grid [class*="status"]{
  font-family:"Arial Black",Arial,sans-serif !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.025em !important;
}

/* números de jogadores / elo */
.kg-room-grid .points,
.kg-room-grid .elo,
.kg-room-grid [class*="count"]{
  font-family:"Arial Black",Arial,sans-serif !important;
  font-weight:900 !important;
}

/* avatar / slots mais fáceis de enxergar */
.kg-room-grid .avatar{
  font-family:"Arial Black",Arial,sans-serif !important;
  font-weight:900 !important;
}

/* BOTÕES: Ver equipe / Minha sala / Desafiar */
.kg-room-grid .tile-button{
  font-family:"Arial Black",Arial,sans-serif !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.015em !important;
  color:#ffc832 !important;
}

.kg-room-grid .tile-detail{
  font-family:"Arial Black",Arial,sans-serif !important;
  font-size:10px !important;
  font-weight:900 !important;
}

/* ============================================================
   ESTATÍSTICAS SUPERIORES
   ============================================================ */

.kg-match-stats strong{
  font-family:"Arial Black",Arial,sans-serif !important;
  font-size:25px !important;
  font-weight:900 !important;
  color:#fff !important;
}

.kg-match-stats small{
  font-family:"Arial Black",Arial,sans-serif !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.05em !important;
  color:#9b9dad !important;
}

/* ============================================================
   DESKTOP GRANDE
   ============================================================ */

@media (min-width:1700px){

  .kg-directory-heading h2{
    font-size:32px !important;
  }

  .kg-tabs button{
    font-size:12px !important;
  }

  .kg-search input{
    font-size:13px !important;
  }

  .kg-level-select select,
  .kg-test-button{
    font-size:12px !important;
  }

  .kg-room-grid article strong{
    font-size:16px !important;
  }

  .kg-room-grid article small{
    font-size:11px !important;
  }

  .kg-room-grid .tile-button{
    font-size:12px !important;
  }

  .kg-directory-meta{
    font-size:11px !important;
  }
}


/* ============================================================
   KINGS — MATCH STATS NEON
   ============================================================ */

.kg-match-stats{
  position:relative !important;
  overflow:visible !important;

  background:
    linear-gradient(180deg,rgba(16,15,12,.96),rgba(10,9,8,.98)) !important;

  border:1px solid rgba(255,255,255,.08) !important;

  box-shadow:
    0 0 0 1px rgba(255,184,50,.04),
    0 10px 35px rgba(0,0,0,.30) !important;
}

/* linha neon superior */
.kg-match-stats::before{
  content:"" !important;
  position:absolute !important;
  z-index:2 !important;

  left:0 !important;
  right:0 !important;
  top:-1px !important;

  height:2px !important;

  background:linear-gradient(
    90deg,
    #ffbb32 0%,
    #ffbd32 22%,
    #22f59b 42%,
    #ffbc32 67%,
    #ffd432 100%
  ) !important;

  box-shadow:
    0 0 8px rgba(255,187,50,.85),
    0 0 18px rgba(255,187,50,.40) !important;
}

/* Cada bloco */
.kg-match-stats > div{
  position:relative !important;
  transition:
    background .18s ease,
    box-shadow .18s ease !important;
}

.kg-match-stats > div::after{
  content:"" !important;

  position:absolute !important;
  left:12% !important;
  right:12% !important;
  bottom:0 !important;

  height:2px !important;

  opacity:.75 !important;
}

/* SALAS — ROXO */
.kg-match-stats > div:nth-child(1){
  background:
    radial-gradient(
      circle at 15% 50%,
      rgba(255,187,50,.12),
      transparent 48%
    ) !important;
}

.kg-match-stats > div:nth-child(1)::after{
  background:#ffbb32 !important;
  box-shadow:0 0 12px #ffbb32 !important;
}

.kg-match-stats > div:nth-child(1) strong{
  color:#ffcf32 !important;
  text-shadow:0 0 12px rgba(255,190,50,.65) !important;
}


/* DISPONÍVEIS — VERDE */
.kg-match-stats > div:nth-child(2){
  background:
    radial-gradient(
      circle at 15% 50%,
      rgba(31,255,154,.10),
      transparent 48%
    ) !important;
}

.kg-match-stats > div:nth-child(2)::after{
  background:#24ef99 !important;
  box-shadow:0 0 12px #24ef99 !important;
}

.kg-match-stats > div:nth-child(2) strong{
  color:#5affb2 !important;
  text-shadow:0 0 12px rgba(38,244,157,.55) !important;
}


/* EM CONFRONTO — VERMELHO */
.kg-match-stats > div:nth-child(3){
  background:
    radial-gradient(
      circle at 15% 50%,
      rgba(255,186,50,.10),
      transparent 48%
    ) !important;
}

.kg-match-stats > div:nth-child(3)::after{
  background:#ffbc32 !important;
  box-shadow:0 0 12px #ffbc32 !important;
}

.kg-match-stats > div:nth-child(3) strong{
  color:#ffca32 !important;
  text-shadow:0 0 12px rgba(255,188,50,.55) !important;
}


/* JOGADORES — AZUL */
.kg-match-stats > div:nth-child(4){
  background:
    radial-gradient(
      circle at 15% 50%,
      rgba(255,212,50,.12),
      transparent 48%
    ) !important;
}

.kg-match-stats > div:nth-child(4)::after{
  background:#ffd432 !important;
  box-shadow:0 0 12px #ffd432 !important;
}

.kg-match-stats > div:nth-child(4) strong{
  color:#ffd732 !important;
  text-shadow:0 0 12px rgba(255,212,50,.60) !important;
}


/* ÍCONES */
.kg-match-stats .kg-stat-icon{
  background:#0c0b09 !important;

  box-shadow:
    inset 0 0 13px rgba(255,255,255,.025),
    0 0 14px currentColor !important;
}

.kg-match-stats .kg-stat-icon.purple{
  color:#ffbf32 !important;
  border-color:#ffbf32 !important;
}

.kg-match-stats .kg-stat-icon.green{
  color:#29f5a0 !important;
  border-color:#29f5a0 !important;
}

.kg-match-stats .kg-stat-icon.red{
  color:#ffbc32 !important;
  border-color:#ffbc32 !important;
}

.kg-match-stats .kg-stat-icon.blue{
  color:#ffd532 !important;
  border-color:#ffd532 !important;
}


/* LABELS */
.kg-match-stats small{
  color:#d1d1dc !important;
  font-weight:900 !important;
  opacity:.90 !important;
}


/* HOVER sutil */
.kg-match-stats > div:hover{
  filter:brightness(1.15) !important;
}


/* divisórias mais visíveis */
.kg-match-stats > div + div{
  border-left:1px solid rgba(255,255,255,.10) !important;
}


/* ============================================================
   KINGS — LOBBY HERO BUTTONS NEON
   ============================================================ */

.kg-lobby-hero-actions{
  gap:14px !important;
}

/* BASE DOS DOIS BOTÕES */
.kg-lobby-hero-actions .gamer-button{
  position:relative !important;

  min-height:52px !important;
  padding:0 23px !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  font-family:"Arial Black",Arial,sans-serif !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.04em !important;

  border-radius:4px !important;

  transition:
    transform .18s ease,
    box-shadow .18s ease,
    filter .18s ease !important;
}


/* ============================================================
   MINHA SALA / CRIAR SALA — ROXO
   ============================================================ */

.kg-lobby-hero-actions .gamer-button-primary{
  color:#fff !important;

  border:1px solid #ffc332 !important;

  background:
    linear-gradient(
      135deg,
      #ffb532 0%,
      #ffb832 48%,
      #ffbf32 100%
    ) !important;

  box-shadow:
    0 0 8px rgba(255,186,50,.85),
    0 0 20px rgba(255,182,50,.50),
    0 0 38px rgba(255,180,50,.25),
    inset 0 1px rgba(255,255,255,.30) !important;

  text-shadow:
    0 0 5px rgba(255,255,255,.8) !important;
}

.kg-lobby-hero-actions .gamer-button-primary:hover{
  transform:translateY(-2px) !important;
  filter:brightness(1.18) !important;

  box-shadow:
    0 0 10px #ffbf32,
    0 0 25px rgba(255,187,50,.75),
    0 0 48px rgba(255,180,50,.42) !important;
}


/* ============================================================
   ATIVAR SOM — AZUL/CYAN
   ============================================================ */

.kg-lobby-hero-actions .gamer-button-secondary{
  color:#eafaff !important;

  border:1px solid #ffd732 !important;

  background:
    linear-gradient(
      135deg,
      rgba(255,188,50,.94),
      rgba(29,27,22,.97)
    ) !important;

  box-shadow:
    0 0 8px rgba(255,215,50,.65),
    0 0 20px rgba(255,210,50,.30),
    inset 0 0 15px rgba(255,215,50,.08) !important;

  text-shadow:
    0 0 7px rgba(255,215,50,.75) !important;
}

.kg-lobby-hero-actions .gamer-button-secondary:hover{
  transform:translateY(-2px) !important;

  background:
    linear-gradient(
      135deg,
      rgba(255,199,50,.96),
      rgba(46,43,35,.98)
    ) !important;

  box-shadow:
    0 0 10px #ffd732,
    0 0 25px rgba(255,215,50,.55),
    0 0 42px rgba(255,203,50,.25) !important;
}


/* desktop grande */
@media (min-width:1700px){

  .kg-lobby-hero-actions .gamer-button{
    min-height:56px !important;
    padding:0 27px !important;
    font-size:13px !important;
  }

}


/* ============================================================
   KINGS — LOBBY EXPIRATION TIMER
   ============================================================ */

.kg-room-expire{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  width:calc(100% - 28px);
  min-height:32px;
  margin:0 14px 12px;
  padding:7px 12px;

  border:1px solid rgba(255,195,50,.42);
  border-radius:5px;

  background:
    linear-gradient(90deg,
      rgba(255,182,50,.12),
      rgba(255,188,50,.18),
      rgba(255,182,50,.12));

  box-shadow:
    inset 0 0 16px rgba(255,189,50,.08),
    0 0 12px rgba(255,189,50,.10);

  font-family:Arial,Helvetica,sans-serif;
  font-size:10px;
  font-weight:800;
  letter-spacing:1.2px;
  color:#c8b8dc;

  transition:
    border-color .25s ease,
    box-shadow .25s ease,
    background .25s ease;
}

.kg-room-expire .kg-expire-icon{
  font-size:15px;
  color:#ffc832;
  text-shadow:0 0 10px rgba(255,200,50,.9);
}

.kg-room-expire strong{
  margin-left:2px;
  min-width:42px;

  font-family:"Arial Black",Arial,Helvetica,sans-serif;
  font-size:13px;
  letter-spacing:.5px;
  color:#ffd732;

  text-shadow:
    0 0 7px rgba(255,198,50,.95),
    0 0 15px rgba(255,187,50,.55);
}


/* MENOS DE 2 MINUTOS */

.kg-room-expire.kg-expire-warning{
  border-color:rgba(255,191,45,.70);

  background:
    linear-gradient(90deg,
      rgba(140,90,0,.12),
      rgba(255,178,28,.18),
      rgba(140,90,0,.12));

  box-shadow:
    inset 0 0 17px rgba(255,178,28,.10),
    0 0 13px rgba(255,178,28,.17);
}

.kg-room-expire.kg-expire-warning .kg-expire-icon,
.kg-room-expire.kg-expire-warning strong{
  color:#ffc94d;
  text-shadow:
    0 0 8px rgba(255,193,50,.95),
    0 0 17px rgba(255,168,0,.55);
}


/* ÚLTIMO MINUTO */

.kg-room-expire.kg-expire-danger{
  border-color:rgba(255,189,50,.82);

  background:
    linear-gradient(90deg,
      rgba(255,177,50,.14),
      rgba(255,184,50,.20),
      rgba(255,177,50,.14));

  box-shadow:
    inset 0 0 18px rgba(255,184,50,.12),
    0 0 15px rgba(255,184,50,.22);

  animation:kingsExpirePulse 1.1s ease-in-out infinite;
}

.kg-room-expire.kg-expire-danger .kg-expire-icon,
.kg-room-expire.kg-expire-danger strong{
  color:#ffc532;
  text-shadow:
    0 0 8px rgba(255,191,50,1),
    0 0 18px rgba(255,183,50,.65);
}

@keyframes kingsExpirePulse{
  0%,100%{opacity:1}
  50%{opacity:.72}
}


/* CARD VENCENDO */

.kg-room-card.kg-room-expired{
  opacity:0;
  transform:scale(.97);
  filter:grayscale(.7);
  transition:
    opacity .45s ease,
    transform .45s ease,
    filter .45s ease;
}

@media (min-width:1700px){
  .kg-room-expire{
    min-height:36px;
    font-size:11px;
  }

  .kg-room-expire strong{
    font-size:14px;
  }
}



/* ============================================================
   KINGS — INTERNAL LOBBY NEON V1
   ============================================================ */

/* ---------- ÁREA PRINCIPAL ---------- */

.room-toolbar,
.challenge-section,
.lobby-teams,
.match-stage{
  font-family:Arial,Helvetica,sans-serif;
}

.room-toolbar{
  gap:10px;
  margin-top:18px;
  margin-bottom:18px;
}


/* ---------- BOTÕES SUPERIORES ---------- */

.room-toolbar .button{
  min-height:42px;
  padding:0 18px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  border:1px solid rgba(255,194,50,.48);
  border-radius:5px;

  background:
    linear-gradient(180deg,
      rgba(36,34,28,.96),
      rgba(17,16,13,.98));

  color:#e8ddff;

  font-family:"Arial Black",Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight:900;
  letter-spacing:.65px;

  box-shadow:
    inset 0 0 16px rgba(255,189,50,.06),
    0 0 12px rgba(255,187,50,.08);

  transition:.18s ease;
}

.room-toolbar .button:hover{
  color:#fff;
  border-color:#ffc632;

  transform:translateY(-1px);

  box-shadow:
    inset 0 0 18px rgba(255,192,50,.12),
    0 0 18px rgba(255,192,50,.22);
}

.room-toolbar [data-enable-sound]{
  border-color:rgba(255,215,50,.55);

  background:
    linear-gradient(135deg,
      rgba(255,194,50,.26),
      rgba(23,21,17,.98));

  color:#ffd732;

  box-shadow:
    inset 0 0 17px rgba(255,214,50,.08),
    0 0 14px rgba(255,214,50,.10);
}

.room-toolbar [data-room-action="copy"]{
  border-color:rgba(255,193,50,.60);
  color:#ffd732;
}

.room-toolbar [data-room-action="leave"]{
  border-color:rgba(255,191,50,.45);
  color:#ff8b9d;
}

.room-toolbar [data-room-action="leave"]:hover{
  border-color:#ffc132;
  box-shadow:0 0 18px rgba(255,187,50,.20);
}


/* ============================================================
   SQUAD CARD
   ============================================================ */

.squad-card.panel{
  position:relative;
  overflow:hidden;

  padding:24px;

  border:1px solid rgba(255,194,50,.32);
  border-radius:7px;

  background:
    radial-gradient(circle at 0 0,
      rgba(255,184,50,.10),
      transparent 32%),
    linear-gradient(145deg,#12110e,#0e0d0a 72%);

  box-shadow:
    0 14px 38px rgba(0,0,0,.20),
    inset 0 0 35px rgba(255,184,50,.025);
}

.squad-card::before{
  height:2px;

  background:
    linear-gradient(90deg,
      #ffbd32 0%,
      #ffbe32 28%,
      #ffd132 62%,
      transparent 100%);

  box-shadow:
    0 0 15px rgba(255,189,50,.65);
}


/* ---------- CABEÇALHO DA EQUIPE ---------- */

.squad-card .section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;

  margin-bottom:20px;
}

.squad-card .section-head .eyebrow{
  display:block;

  margin-bottom:8px;

  color:#ffc332;

  font-family:"Arial Black",Arial,Helvetica,sans-serif;
  font-size:10px;
  font-weight:900;
  letter-spacing:1.6px;

  text-shadow:0 0 12px rgba(255,193,50,.42);
}

.squad-card .section-head h2{
  margin:0;

  color:#fff;

  font-family:"Arial Black",Arial,Helvetica,sans-serif;
  font-size:24px;
  line-height:1.05;
  letter-spacing:-.4px;

  text-shadow:0 0 18px rgba(255,195,50,.10);
}

.squad-card .section-head h2 small{
  color:#827e91;

  font-family:Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight:700;
  letter-spacing:.2px;
}

.squad-card .tag{
  padding:8px 11px;

  border:1px solid rgba(255,193,50,.35);
  border-radius:4px;

  background:rgba(255,186,50,.08);

  color:#ffd032;

  font-family:"Arial Black",Arial,Helvetica,sans-serif;
  font-size:9px;
  letter-spacing:.8px;

  box-shadow:0 0 12px rgba(255,189,50,.08);
}


/* ============================================================
   SLOTS DOS JOGADORES
   ============================================================ */

.squad-card .lobby-slots{
  display:flex;
  flex-direction:column;
  gap:7px;
}

.squad-card .lobby-slot{
  position:relative;

  display:grid;
  grid-template-columns:46px minmax(0,1fr) auto;
  align-items:center;
  gap:13px;

  min-height:62px;
  padding:8px 14px;

  border:1px solid rgba(255,199,50,.19);
  border-radius:5px;

  background:
    linear-gradient(90deg,
      rgba(29,27,22,.90),
      rgba(14,13,11,.78));

  transition:
    border-color .18s ease,
    background .18s ease,
    transform .18s ease;
}

.squad-card .lobby-slot:hover{
  border-color:rgba(255,194,50,.40);

  background:
    linear-gradient(90deg,
      rgba(255,182,50,.55),
      rgba(16,15,12,.88));

  transform:translateX(2px);
}


/* ---------- CORREÇÃO DO AVATAR GIGANTE ---------- */

.squad-card .lobby-slot > .avatar,
.squad-card .lobby-slot > button.avatar,
.squad-card .lobby-slot .avatar{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  max-width:42px !important;
  min-height:42px !important;
  max-height:42px !important;

  display:grid !important;
  place-items:center !important;

  margin:0 !important;
  padding:0 !important;

  overflow:hidden !important;

  border:1px solid rgba(255,194,50,.38);
  border-radius:5px;

  background:#151410;

  color:#ffc932;

  font-family:"Arial Black",Arial,sans-serif;
  font-size:18px;

  box-shadow:
    0 0 13px rgba(255,189,50,.10);
}

.squad-card .lobby-slot .avatar img,
.squad-card .lobby-slot > img{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  max-width:42px !important;

  display:block !important;

  object-fit:cover !important;

  margin:0 !important;
  padding:0 !important;

  border-radius:5px;
}


/* proteção extra para qualquer imagem solta no slot */

.squad-card .lobby-slot img{
  max-width:42px !important;
  max-height:42px !important;
  object-fit:cover !important;
}


/* ---------- DADOS DO JOGADOR ---------- */

.squad-card .lobby-player-info{
  min-width:0;
}

.squad-card .lobby-player-info strong,
.squad-card .lobby-slot > div > strong{
  display:flex;
  align-items:center;
  gap:8px;

  color:#f2effa;

  font-family:"Arial Black",Arial,Helvetica,sans-serif;
  font-size:13px;
  line-height:1.15;
}

.squad-card .lobby-player-info small,
.squad-card .lobby-slot > div > small{
  display:block;

  margin-top:4px;

  color:#817d90;

  font-family:Arial,Helvetica,sans-serif;
  font-size:11px;
  line-height:1.25;
}

.squad-card .captain-label{
  display:inline-flex;

  padding:3px 6px;

  border:1px solid rgba(255,196,61,.35);
  border-radius:3px;

  background:rgba(255,183,27,.07);

  color:#ffc84d;

  font-family:"Arial Black",Arial,sans-serif;
  font-size:7px;
  letter-spacing:.7px;

  text-shadow:0 0 9px rgba(255,190,47,.30);
}


/* ---------- ELO ---------- */

.squad-card .elo{
  display:flex;
  align-items:center;
  gap:8px;

  color:#aaa5b8;

  font-size:10px;
}

.squad-card .elo-name{
  color:#858092;

  font-size:9px;
  font-weight:700;
  text-transform:uppercase;
}


/* ---------- SLOT VAZIO ---------- */

.squad-card .lobby-slot.empty-slot{
  min-height:55px;

  border-style:dashed;
  border-color:rgba(255,202,50,.17);

  background:rgba(13,12,10,.52);
}

.squad-card .lobby-slot.empty-slot:hover{
  border-color:rgba(255,193,50,.31);
}

.squad-card .lobby-slot.empty-slot .avatar{
  border-color:rgba(255,195,50,.20);

  background:
    linear-gradient(145deg,
      rgba(255,187,50,.09),
      rgba(14,13,11,.70));

  color:#ffc932;

  box-shadow:none;
}

.squad-card .lobby-slot.empty-slot strong{
  color:#aaa6b4;
  font-size:12px;
}

.squad-card .lobby-slot.empty-slot small{
  color:#656171;
  font-size:10px;
}


/* ============================================================
   SEÇÕES DE DESAFIO
   ============================================================ */

.challenge-section{
  position:relative;
  overflow:hidden;

  margin-top:16px;
  padding:24px;

  border:1px solid rgba(255,197,50,.28);
  border-radius:7px;

  background:
    radial-gradient(circle at 0 0,
      rgba(255,185,50,.07),
      transparent 26%),
    linear-gradient(145deg,#12110e,#0e0d0a);

  box-shadow:
    0 14px 36px rgba(0,0,0,.16);
}

.challenge-section::before{
  content:"";

  position:absolute;
  top:0;
  left:0;

  width:42%;
  height:2px;

  background:
    linear-gradient(90deg,
      #ffbd32,
      #ffd032,
      transparent);

  box-shadow:0 0 13px rgba(255,189,50,.50);
}

.challenge-section > h2{
  margin:8px 0 10px;

  color:#f8f6ff;

  font-family:"Arial Black",Arial,Helvetica,sans-serif;
  font-size:21px;
  line-height:1.1;
  letter-spacing:-.25px;
}

.challenge-section > .subtle{
  margin:0 0 18px;

  color:#8c879c;

  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  line-height:1.55;
}


/* ---------- NENHUM DESAFIO ---------- */

.challenge-section > .note{
  width:100%;

  margin:13px 0 0;
  padding:14px 16px;

  border:1px solid rgba(255,200,50,.20);
  border-radius:4px;

  background:rgba(11,10,8,.60);

  color:#777284;

  font-size:11px;
}


/* ---------- CARD DE DESAFIO ---------- */

.challenge-card{
  border:1px solid rgba(255,193,50,.28);
  border-radius:6px;

  background:
    linear-gradient(145deg,
      rgba(32,29,24,.88),
      rgba(13,12,10,.96));

  box-shadow:
    0 10px 25px rgba(0,0,0,.16);
}

.challenge-card .eyebrow{
  color:#ffca32;

  font-family:"Arial Black",Arial,sans-serif;
  font-size:9px;
  letter-spacing:1.1px;
}


/* ============================================================
   RESPONSIVO
   ============================================================ */

@media(min-width:1500px){

  .squad-card.panel,
  .challenge-section{
    padding:27px;
  }

  .squad-card .section-head h2{
    font-size:27px;
  }

  .squad-card .lobby-slot{
    min-height:66px;
  }

  .challenge-section > h2{
    font-size:23px;
  }
}


@media(max-width:760px){

  .squad-card.panel,
  .challenge-section{
    padding:16px;
  }

  .squad-card .section-head{
    align-items:flex-start;
  }

  .squad-card .section-head h2{
    font-size:20px;
  }

  .squad-card .lobby-slot{
    grid-template-columns:42px minmax(0,1fr);
  }

  .squad-card .elo{
    grid-column:2;
  }

  .room-toolbar .button{
    min-height:40px;
    padding:0 13px;
    font-size:10px;
  }

  .challenge-section > h2{
    font-size:18px;
  }
}



/* ============================================================
   KINGS MATCHMAKING — GC INSPIRED / NEON
   ============================================================ */

.kg-mm-page{
  position:relative;
  width:min(1540px,calc(100% - 48px));
  margin:0 auto;
  padding:32px 0 70px;

  font-family:Arial,Helvetica,sans-serif;
}

.kg-mm-glow{
  position:absolute;
  z-index:-1;
  top:-80px;
  left:15%;

  width:650px;
  height:400px;

  background:radial-gradient(
    ellipse,
    rgba(255,183,50,.12),
    transparent 67%
  );

  pointer-events:none;
}


/* HEADER */

.kg-mm-header{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:25px;

  margin-bottom:24px;
}

.kg-mm-header h1{
  margin:8px 0 5px;

  font-family:"Arial Black",Arial,sans-serif;
  font-size:38px;
  line-height:1;
  letter-spacing:-1px;

  color:#fff;
}

.kg-mm-header h1 span{
  color:#ffc632;

  text-shadow:
    0 0 10px rgba(255,193,50,.55),
    0 0 26px rgba(255,185,50,.24);
}

.kg-mm-header p{
  margin:0;

  color:#888397;
  font-size:13px;
}

.kg-mm-header-actions{
  display:flex;
  gap:8px;
}

.kg-mm-header-actions .button{
  min-height:42px;
}


/* ============================================================
   GRID PRINCIPAL
   ============================================================ */

.kg-mm-layout{
  display:grid;
  grid-template-columns:310px minmax(0,1fr);
  gap:18px;

  align-items:start;
}


/* ============================================================
   SUA SALA — COLUNA ESQUERDA
   ============================================================ */

.kg-mm-own{
  position:sticky;
  top:125px;

  overflow:hidden;

  border:1px solid rgba(255,193,50,.38);
  border-radius:7px;

  background:
    radial-gradient(
      circle at 0 0,
      rgba(255,186,50,.14),
      transparent 32%
    ),
    linear-gradient(
      155deg,
      #161411,
      #0e0d0a 76%
    );

  box-shadow:
    0 18px 45px rgba(0,0,0,.28),
    0 0 24px rgba(255,187,50,.06);
}

.kg-mm-own::before{
  content:"";

  position:absolute;
  top:0;
  right:0;
  left:0;

  height:3px;

  background:
    linear-gradient(
      90deg,
      #ffbc32,
      #ffbe32,
      #ffd032
    );

  box-shadow:
    0 0 15px rgba(255,188,50,.72);
}

.kg-mm-own-head{
  display:flex;
  justify-content:space-between;
  align-items:center;

  padding:22px 19px 16px;

  border-bottom:1px solid rgba(255,199,50,.16);
}

.kg-mm-own-head span{
  color:#ffc432;

  font-family:"Arial Black",Arial,sans-serif;
  font-size:9px;
  letter-spacing:1.4px;
}

.kg-mm-own-head h2{
  margin:4px 0 0;

  color:#fff;

  font-family:"Arial Black",Arial,sans-serif;
  font-size:25px;
}

.kg-mm-own-count{
  display:grid;
  place-items:center;

  min-width:50px;
  height:36px;

  border:1px solid rgba(255,194,50,.45);
  border-radius:4px;

  background:rgba(255,187,50,.10);

  color:#ffd432;

  font-family:"Arial Black",Arial,sans-serif;
  font-size:14px;

  box-shadow:0 0 13px rgba(255,188,50,.10);
}


/* JOGADORES */

.kg-mm-own-players{
  padding:10px;
}

.kg-mm-player{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;

  min-height:57px;
  padding:7px 8px;

  border-bottom:1px solid rgba(255,200,50,.13);
}

.kg-mm-player:last-child{
  border-bottom:0;
}

.kg-mm-avatar{
  width:39px;
  height:39px;

  display:grid;
  place-items:center;

  overflow:hidden;

  border:1px solid rgba(255,195,50,.33);
  border-radius:50%;

  background:#1a1814;

  color:#ffc932;

  font-family:"Arial Black",Arial,sans-serif;

  box-shadow:
    0 0 12px rgba(255,188,50,.10);
}

.kg-mm-avatar img{
  width:100%;
  height:100%;

  display:block;

  object-fit:cover;
}

.kg-mm-player-info{
  min-width:0;
}

.kg-mm-player-info strong{
  display:block;

  overflow:hidden;

  color:#eeeaf5;

  font-family:"Arial Black",Arial,sans-serif;
  font-size:11px;

  white-space:nowrap;
  text-overflow:ellipsis;
}

.kg-mm-player-info small{
  display:block;

  margin-top:3px;

  color:#706b7c;

  font-size:9px;
}

.kg-mm-captain{
  margin-left:3px;

  color:#ffc43d;

  text-shadow:0 0 9px rgba(255,190,46,.40);
}

.kg-mm-player-empty{
  opacity:.48;
}

.kg-mm-player-empty .kg-mm-avatar{
  border-style:dashed;
}


/* AÇÕES SUA SALA */

.kg-mm-own-actions{
  display:grid;
  gap:7px;

  padding:10px 14px 14px;
}

.kg-mm-own-actions .button{
  width:100%;
  min-height:40px;

  border-color:rgba(255,192,50,.42);

  font-family:"Arial Black",Arial,sans-serif;
  font-size:9px;
  letter-spacing:.5px;
}

.kg-mm-own-actions [data-room-action="copy"]{
  color:#ffcf32;
}

.kg-mm-own-actions [data-room-action="leave"]{
  color:#ff7188;
  border-color:rgba(255,192,50,.35);
}

.kg-mm-own-help{
  padding:13px 15px;

  border-top:1px solid rgba(255,199,50,.14);

  background:rgba(8,8,6,.36);

  color:#747080;

  font-size:9px;
  line-height:1.45;
}

.kg-mm-own-help strong{
  color:#ffcc32;
}


/* ============================================================
   BROWSER DE EQUIPES
   ============================================================ */

.kg-mm-browser{
  min-height:500px;

  padding:22px;

  border:1px solid rgba(255,197,50,.26);
  border-radius:7px;

  background:
    radial-gradient(
      circle at 20% 0,
      rgba(255,199,50,.07),
      transparent 28%
    ),
    linear-gradient(
      150deg,
      rgba(19,18,14,.96),
      rgba(11,11,9,.97)
    );

  box-shadow:0 18px 45px rgba(0,0,0,.20);
}

.kg-mm-browser-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;

  margin-bottom:20px;
}

.kg-mm-browser-head span{
  color:#817a90;

  font-family:"Arial Black",Arial,sans-serif;
  font-size:8px;
  letter-spacing:1.4px;
}

.kg-mm-browser-head h2{
  margin:5px 0 0;

  color:#fff;

  font-family:"Arial Black",Arial,sans-serif;
  font-size:23px;
  letter-spacing:-.3px;
}

.kg-mm-browser-count{
  color:#ffcc32;

  font-family:"Arial Black",Arial,sans-serif;
  font-size:24px;
  text-align:center;
}

.kg-mm-browser-count small{
  display:block;

  margin-top:2px;

  color:#716b7c;

  font-size:7px;
  letter-spacing:1px;
}


/* AVISO */

.kg-mm-warning{
  margin-bottom:17px;
  padding:10px 13px;

  border:1px solid rgba(255,192,52,.26);
  border-radius:4px;

  background:rgba(179,119,11,.06);

  color:#d9aa48;

  font-family:"Arial Black",Arial,sans-serif;
  font-size:8px;
  letter-spacing:.6px;
}


/* ============================================================
   CARDS DAS EQUIPES
   ============================================================ */

.kg-mm-team-grid{
  display:grid;
  grid-template-columns:
    repeat(auto-fill,minmax(210px,1fr));

  gap:13px;
}

.kg-mm-team-card{
  position:relative;
  overflow:hidden;

  min-height:225px;

  border:1px solid rgba(255,199,50,.28);
  border-radius:6px;

  background:
    linear-gradient(
      160deg,
      #201d18,
      #161411 65%,
      #110f0d
    );

  box-shadow:
    0 12px 28px rgba(0,0,0,.20);

  transition:
    transform .18s ease,
    border-color .18s ease,
    box-shadow .18s ease;
}

.kg-mm-team-card::before{
  content:"";

  position:absolute;
  top:0;
  right:0;
  left:0;

  height:2px;

  background:
    linear-gradient(
      90deg,
      #ffbd32,
      #ffd532,
      transparent
    );
}

.kg-mm-team-card:hover{
  transform:translateY(-3px);

  border-color:rgba(255,195,50,.55);

  box-shadow:
    0 17px 35px rgba(0,0,0,.27),
    0 0 18px rgba(255,188,50,.08);
}

.kg-mm-team-card.complete::before{
  background:
    linear-gradient(
      90deg,
      #ffbe32,
      #ffd732,
      #75db42
    );
}


/* CABEÇALHO DO CARD */

.kg-mm-team-top{
  display:flex;
  justify-content:space-between;
  gap:8px;

  padding:16px 14px 12px;
}

.kg-mm-team-top > div:first-child{
  min-width:0;
}

.kg-mm-room-number{
  display:block;

  margin-bottom:5px;

  color:#817b90;

  font-size:7px;
  font-weight:800;
  letter-spacing:1px;
}

.kg-mm-team-top strong{
  display:block;

  overflow:hidden;

  color:#f1eef7;

  font-family:"Arial Black",Arial,sans-serif;
  font-size:11px;

  white-space:nowrap;
  text-overflow:ellipsis;
}

.kg-mm-team-count{
  white-space:nowrap;
}

.kg-mm-team-count b{
  color:#9ee85d;

  font-family:"Arial Black",Arial,sans-serif;
  font-size:17px;
}

.kg-mm-team-count span{
  color:#777282;
  font-size:9px;
}


/* 5 AVATARES */

.kg-mm-team-avatars{
  display:flex;
  justify-content:center;
  gap:5px;

  padding:12px 8px 14px;

  border-top:1px solid rgba(255,200,50,.12);
  border-bottom:1px solid rgba(255,200,50,.12);
}

.kg-mm-mini-avatar{
  width:32px;
  height:32px;

  display:grid;
  place-items:center;

  overflow:hidden;

  border:1px solid rgba(255,215,50,.48);
  border-radius:50%;

  background:#1a1814;

  color:#756f82;

  font-size:9px;

  box-shadow:0 0 9px rgba(255,214,50,.10);
}

.kg-mm-mini-avatar img{
  width:100%;
  height:100%;

  object-fit:cover;
}

.kg-mm-mini-avatar.empty{
  opacity:.30;
  border-style:dashed;
}


/* ELO */

.kg-mm-team-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;

  padding:11px 14px;
}

.kg-mm-team-meta span{
  color:#777181;

  font-size:7px;
  font-weight:900;
  letter-spacing:.8px;
}

.kg-mm-team-meta strong{
  color:#ffcf32;

  font-family:"Arial Black",Arial,sans-serif;
  font-size:15px;
}


/* BOTÃO DESAFIAR */

.kg-mm-team-action{
  padding:0 12px 13px;
}

.kg-mm-team-action .button{
  width:100%;
  min-height:38px;

  display:flex;
  align-items:center;
  justify-content:center;

  border:1px solid rgba(136,219,51,.56);
  border-radius:3px;

  background:
    linear-gradient(
      135deg,
      rgba(105,171,20,.95),
      rgba(76,136,12,.95)
    );

  color:#fff;

  font-family:"Arial Black",Arial,sans-serif;
  font-size:9px;
  letter-spacing:.5px;

  box-shadow:
    0 0 13px rgba(110,190,28,.12);
}

.kg-mm-team-action .button:hover{
  filter:brightness(1.12);
}

.kg-mm-team-action .button:disabled{
  opacity:.45;
  filter:grayscale(.55);
}

.kg-mm-team-action .kg-mm-view{
  border-color:rgba(255,195,50,.38);

  background:#191713;

  color:#a99db8;
}


/* ============================================================
   DESAFIO RECEBIDO — MODAL
   ============================================================ */

.kg-mm-challenge-backdrop{
  position:fixed;
  z-index:9000;
  inset:0;

  display:grid;
  place-items:center;

  padding:20px;

  background:rgba(6,6,5,.76);

  backdrop-filter:blur(5px);
}

.kg-mm-challenge-modal{
  position:relative;
  overflow:hidden;

  width:min(560px,calc(100vw - 30px));

  border:1px solid #ffd532;
  border-radius:7px;

  background:
    radial-gradient(
      circle at 50% 0,
      rgba(255,204,50,.16),
      transparent 34%
    ),
    #1d1b16;

  box-shadow:
    0 30px 90px rgba(0,0,0,.60),
    0 0 35px rgba(255,212,50,.18);
}

.kg-mm-challenge-modal::before{
  content:"";

  position:absolute;
  top:0;
  right:0;
  left:0;

  height:3px;

  background:
    linear-gradient(
      90deg,
      #ffbe32,
      #ffd732
    );

  box-shadow:0 0 17px rgba(255,215,50,.65);
}

.kg-mm-challenge-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;

  padding:23px;

  border-bottom:1px solid rgba(255,208,50,.20);
}

.kg-mm-challenge-head span{
  color:#ffd732;

  font-family:"Arial Black",Arial,sans-serif;
  font-size:9px;
  letter-spacing:1.2px;
}

.kg-mm-challenge-head h2{
  margin:6px 0 0;

  color:#fff;

  font-family:"Arial Black",Arial,sans-serif;
  font-size:22px;
}

.kg-mm-challenge-head > strong{
  color:#ffd232;

  font-size:10px;
}


/* CINCO ADVERSÁRIOS */

.kg-mm-challenge-five{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:7px;

  padding:22px;
}

.kg-mm-challenge-player{
  min-width:0;

  text-align:center;
}

.kg-mm-challenge-player .kg-mm-mini-avatar{
  width:54px;
  height:54px;

  margin:0 auto 8px;

  border:2px solid #ffd532;

  box-shadow:0 0 14px rgba(255,213,50,.20);
}

.kg-mm-challenge-player strong{
  display:block;

  overflow:hidden;

  color:#eee;

  font-size:9px;

  white-space:nowrap;
  text-overflow:ellipsis;
}

.kg-mm-challenge-player small{
  display:block;

  margin-top:3px;

  color:#ffd132;

  font-size:7px;
}


/* MÉDIA */

.kg-mm-challenge-average{
  margin:0 22px;
  padding:11px;

  border:1px solid rgba(255,197,50,.25);

  background:rgba(12,11,9,.44);

  color:#7c7688;

  font-size:8px;
  text-align:center;
}

.kg-mm-challenge-average strong{
  margin-left:7px;

  color:#ffcf32;

  font-family:"Arial Black",Arial,sans-serif;
  font-size:15px;
}


/* ACEITAR / RECUSAR */

.kg-mm-challenge-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;

  padding:20px 22px 10px;
}

.kg-mm-challenge-actions .button{
  min-height:45px;

  font-family:"Arial Black",Arial,sans-serif;
  font-size:10px;
}

.kg-mm-challenge-actions [data-room-action="accept"]{
  border-color:#85c825;

  background:
    linear-gradient(
      135deg,
      #87bd19,
      #609d0d
    );

  color:#fff;

  box-shadow:0 0 18px rgba(122,194,26,.18);
}

.kg-mm-challenge-actions [data-room-action="decline"]{
  border-color:#ffbf32;

  background:
    linear-gradient(
      135deg,
      #ffbb32,
      #ffb632
    );

  color:#fff;

  box-shadow:0 0 18px rgba(255,186,50,.16);
}

.kg-mm-challenge-expire{
  display:block;

  padding:0 22px 19px;

  color:#ffcd32;

  font-size:8px;
  text-align:center;
}


/* DESAFIO ENVIADO */

.kg-mm-outgoing{
  width:calc(100% - 328px);
  margin:13px 0 0 auto;
  padding:11px 15px;

  border:1px solid rgba(255,195,50,.30);
  border-radius:4px;

  background:rgba(255,185,50,.06);

  color:#ffcc32;

  font-size:9px;
  font-weight:800;
}


/* SEM EQUIPES */

.kg-mm-no-teams{
  grid-column:1/-1;

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;

  min-height:230px;

  border:1px dashed rgba(255,199,50,.25);
  border-radius:5px;

  color:#777180;
}

.kg-mm-no-teams strong{
  color:#9a93a5;

  font-family:"Arial Black",Arial,sans-serif;
  font-size:11px;
}

.kg-mm-no-teams span{
  margin-top:6px;
  font-size:9px;
}


/* ============================================================
   RESPONSIVO
   ============================================================ */

@media(max-width:1050px){

  .kg-mm-layout{
    grid-template-columns:260px minmax(0,1fr);
  }

  .kg-mm-team-grid{
    grid-template-columns:
      repeat(auto-fill,minmax(190px,1fr));
  }
}


@media(max-width:780px){

  .kg-mm-page{
    width:calc(100% - 24px);
    padding-top:20px;
  }

  .kg-mm-header{
    align-items:flex-start;
    flex-direction:column;
  }

  .kg-mm-layout{
    grid-template-columns:1fr;
  }

  .kg-mm-own{
    position:relative;
    top:auto;
  }

  .kg-mm-team-grid{
    grid-template-columns:
      repeat(auto-fill,minmax(170px,1fr));
  }

  .kg-mm-outgoing{
    width:100%;
  }
}


@media(max-width:520px){

  .kg-mm-team-grid{
    grid-template-columns:1fr;
  }

  .kg-mm-challenge-five{
    grid-template-columns:
      repeat(5,minmax(0,1fr));

    padding:15px 10px;
  }

  .kg-mm-challenge-player .kg-mm-mini-avatar{
    width:42px;
    height:42px;
  }
}


/* ============================================================
   KINGS MATCHMAKING — GOLD + PURPLE FINAL
   Referência visual aprovada
   ============================================================ */

.kg-mm-page{
  width:min(1580px,calc(100% - 54px));
  padding-top:36px;
}

/* fundo geral um pouco mais vivo */
.kg-mm-page::before{
  content:"";
  position:absolute;
  z-index:-2;
  inset:-120px -40px -80px;
  background:
    radial-gradient(circle at 23% 3%,
      rgba(255,185,50,.16),
      transparent 29%),
    radial-gradient(circle at 82% 24%,
      rgba(211,147,30,.07),
      transparent 28%);
  pointer-events:none;
}


/* ============================================================
   CABEÇALHO
   ============================================================ */

.kg-mm-header{
  margin-bottom:30px;
}

.kg-mm-header .gamer-kicker{
  color:#e6b84c;
  font-size:10px;
  letter-spacing:2.4px;
  font-weight:900;
}

.kg-mm-header .gamer-kicker i{
  background:#e6ae31;
  box-shadow:0 0 11px rgba(255,188,52,.7);
}

.kg-mm-header h1{
  margin-top:10px;
  font-size:46px;
  letter-spacing:-1.8px;
  text-shadow:0 3px 20px rgba(0,0,0,.35);
}

.kg-mm-header h1 span{
  color:#ffc232;
  text-shadow:
    0 0 9px rgba(255,192,50,.95),
    0 0 27px rgba(255,187,50,.48);
}

.kg-mm-header p{
  margin-top:8px;
  color:#c1bbc9;
  font-size:14px;
  line-height:1.5;
}


/* BOTÕES SUPERIORES */

.kg-mm-header-actions .button{
  min-height:48px;
  padding:0 22px;

  border:1px solid rgba(255,192,50,.75);
  border-radius:5px;

  background:
    linear-gradient(180deg,
      rgba(34,31,26,.96),
      rgba(17,15,13,.98));

  color:#f0e9f7;

  font-family:"Arial Black",Arial,sans-serif;
  font-size:10px;
  letter-spacing:.5px;

  box-shadow:
    inset 0 0 18px rgba(255,189,50,.06),
    0 0 16px rgba(255,188,50,.14);
}

.kg-mm-header-actions .button:hover{
  border-color:#ffc932;
  box-shadow:
    inset 0 0 20px rgba(255,191,50,.12),
    0 0 22px rgba(255,189,50,.28);
}

.kg-mm-header-actions [data-enable-sound]{
  border-color:#ffd732;
  color:#bfe8ff;

  box-shadow:
    inset 0 0 18px rgba(255,215,50,.08),
    0 0 17px rgba(255,215,50,.20);
}


/* ============================================================
   LAYOUT
   ============================================================ */

.kg-mm-layout{
  grid-template-columns:330px minmax(0,1fr);
  gap:20px;
}


/* ============================================================
   SUA SALA
   ============================================================ */

.kg-mm-own{
  border:1px solid rgba(217,164,47,.82);
  border-radius:8px;

  background:
    radial-gradient(circle at 50% 0,
      rgba(255,186,50,.23),
      transparent 31%),
    linear-gradient(155deg,
      #1d1b16,
      #141310 62%,
      #110f0d);

  box-shadow:
    0 18px 48px rgba(0,0,0,.32),
    0 0 18px rgba(255,183,43,.12),
    inset 0 0 35px rgba(255,188,50,.06);
}

.kg-mm-own::before{
  height:3px;
  background:
    linear-gradient(90deg,
      #ffbd38,
      #ffc232 58%,
      #d69c2c);

  box-shadow:
    0 0 15px rgba(226,159,40,.65),
    0 0 20px rgba(255,191,50,.38);
}


/* CABEÇALHO SUA SALA */

.kg-mm-own-head{
  min-height:115px;
  padding:25px 22px;

  background:
    radial-gradient(circle at 82% 20%,
      rgba(255,190,50,.22),
      transparent 42%),
    linear-gradient(135deg,
      rgba(255,185,50,.20),
      rgba(27,25,21,.20));

  border-bottom:1px solid rgba(225,168,48,.38);
}

.kg-mm-own-head span{
  color:#ffc44b;
  font-size:10px;
  letter-spacing:1.7px;
}

.kg-mm-own-head h2{
  margin-top:8px;
  font-size:31px;
  letter-spacing:-.7px;
}

.kg-mm-own-count{
  min-width:62px;
  height:45px;

  border:1px solid rgba(255,195,50,.85);
  border-radius:5px;

  background:
    linear-gradient(145deg,
      rgba(255,185,50,.35),
      rgba(38,36,30,.55));

  color:#f2d8ff;

  font-size:16px;

  box-shadow:
    0 0 17px rgba(255,190,50,.26),
    inset 0 0 15px rgba(255,191,50,.08);
}


/* ============================================================
   JOGADORES
   ============================================================ */

.kg-mm-own-players{
  padding:10px 12px 8px;
}

.kg-mm-player{
  min-height:67px;
  grid-template-columns:50px minmax(0,1fr) auto;
  gap:12px;
  padding:8px 10px;

  border-bottom:1px solid rgba(147,132,161,.17);
}

.kg-mm-player:not(.kg-mm-player-empty){
  margin:0 -2px 5px;
  padding-left:11px;
  padding-right:11px;

  border:1px solid rgba(229,166,36,.72);
  border-radius:6px;

  background:
    radial-gradient(circle at 18% 50%,
      rgba(219,153,32,.17),
      transparent 36%),
    linear-gradient(90deg,
      rgba(79,53,25,.46),
      rgba(28,23,27,.72));

  box-shadow:
    0 0 15px rgba(226,159,30,.10),
    inset 0 0 18px rgba(226,159,30,.035);
}

.kg-mm-avatar{
  width:46px;
  height:46px;

  border:1px solid rgba(255,195,50,.76);

  background:
    linear-gradient(145deg,#221f1a,#161411);

  color:#ffc932;

  box-shadow:
    0 0 12px rgba(255,192,50,.25);
}

.kg-mm-player:not(.kg-mm-player-empty) .kg-mm-avatar{
  border-color:#dba62f;

  box-shadow:
    0 0 13px rgba(222,163,43,.22);
}

.kg-mm-player-info strong{
  color:#f5f1f6;
  font-size:12px;
}

.kg-mm-player-info small{
  margin-top:5px;
  color:#aaa2ae;
  font-size:10px;
}

.kg-mm-captain{
  color:#ffc33f;
  font-size:12px;

  text-shadow:
    0 0 8px rgba(255,187,38,.7);
}


/* VAGAS VAZIAS */

.kg-mm-player-empty{
  opacity:1;
}

.kg-mm-player-empty .kg-mm-avatar{
  border:1px dashed rgba(255,194,50,.72);

  background:
    radial-gradient(circle,
      rgba(255,188,50,.15),
      rgba(18,17,14,.55));

  color:#ffc832;

  font-size:18px;

  box-shadow:
    0 0 11px rgba(255,190,50,.12);
}

.kg-mm-player-empty .kg-mm-player-info strong{
  color:#c7c0ca;
  font-size:12px;
}

.kg-mm-player-empty .kg-mm-player-info small{
  color:#77717e;
  font-size:9px;
}


/* RODAPÉ SUA SALA */

.kg-mm-own-help{
  padding:17px 19px;

  border-top:1px solid rgba(212,161,50,.24);

  background:
    linear-gradient(90deg,
      rgba(76,51,20,.15),
      rgba(11,11,9,.38));

  color:#c2bbc6;
  font-size:10px;
}

.kg-mm-own-help strong{
  color:#ffca32;
  font-size:12px;
}


/* ============================================================
   PAINEL ENCONTRE ADVERSÁRIO
   ============================================================ */

.kg-mm-browser{
  min-height:640px;
  padding:30px;

  border:1px solid rgba(222,167,49,.77);
  border-radius:8px;

  background:
    radial-gradient(circle at 50% 35%,
      rgba(210,149,37,.065),
      transparent 34%),
    radial-gradient(circle at 10% 0,
      rgba(255,186,50,.11),
      transparent 30%),
    linear-gradient(145deg,
      #1a1814,
      #12110e 62%,
      #0f0e0c);

  box-shadow:
    0 20px 55px rgba(0,0,0,.30),
    0 0 18px rgba(224,164,41,.08),
    inset 0 0 38px rgba(207,150,39,.025);
}

.kg-mm-browser-head{
  margin-bottom:25px;
}

.kg-mm-browser-head span{
  color:#e0ad45;
  font-size:9px;
  letter-spacing:1.8px;
}

.kg-mm-browser-head h2{
  margin-top:8px;

  color:#fff;
  font-size:30px;
  letter-spacing:-.7px;
}

/* ADVERSÁRIO fica roxo mesmo sem alterar HTML */
.kg-mm-browser-head h2{
  background:
    linear-gradient(90deg,
      #fff 0%,
      #fff 51%,
      #ffc332 68%,
      #ffc932 100%);

  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.kg-mm-browser-count{
  min-width:62px;

  color:#fff;
  font-size:29px;

  text-shadow:
    0 0 13px rgba(255,187,44,.38);
}

.kg-mm-browser-count::before{
  content:"♚";
  display:block;

  margin-bottom:4px;

  color:#e5aa31;
  font-size:15px;

  text-shadow:
    0 0 11px rgba(239,175,42,.60);
}

.kg-mm-browser-count small{
  color:#d8a53d;
  font-size:8px;
}


/* ============================================================
   AVISO DOURADO
   ============================================================ */

.kg-mm-warning{
  min-height:47px;

  display:flex;
  align-items:center;

  margin-bottom:24px;
  padding:0 17px;

  border:1px solid rgba(238,169,30,.75);
  border-radius:5px;

  background:
    linear-gradient(90deg,
      rgba(135,86,10,.27),
      rgba(81,55,17,.24),
      rgba(49,37,19,.20));

  color:#ffc947;

  font-size:10px;
  letter-spacing:.7px;

  box-shadow:
    inset 0 0 18px rgba(223,156,27,.06),
    0 0 11px rgba(223,156,27,.08);
}

.kg-mm-warning::before{
  content:"!";
  display:grid;
  place-items:center;

  width:18px;
  height:18px;

  margin-right:10px;

  border-radius:50%;

  background:#f0b62f;
  color:#3b2807;

  font-family:"Arial Black",Arial,sans-serif;
  font-size:11px;

  box-shadow:
    0 0 10px rgba(240,182,47,.35);
}


/* ============================================================
   ÁREA VAZIA
   ============================================================ */

.kg-mm-no-teams{
  min-height:320px;

  border:1px dashed rgba(224,166,46,.56);
  border-radius:6px;

  background:
    radial-gradient(circle at center,
      rgba(204,143,33,.13),
      rgba(204,143,33,.025) 26%,
      transparent 56%);

  color:#d5ccd5;
}

.kg-mm-no-teams::before{
  content:"♚";

  display:grid;
  place-items:center;

  width:58px;
  height:58px;

  margin-bottom:21px;

  border:1px solid rgba(225,164,42,.70);
  border-radius:12px;

  background:
    radial-gradient(circle,
      rgba(211,148,31,.20),
      rgba(37,29,18,.55));

  color:#f0bb4d;

  font-size:27px;

  transform:rotate(30deg);

  box-shadow:
    0 0 20px rgba(226,163,39,.16);
}

.kg-mm-no-teams::after{
  content:"";
}

.kg-mm-no-teams strong{
  color:#fff;

  font-family:"Arial Black",Arial,sans-serif;
  font-size:15px;

  text-shadow:
    0 0 12px rgba(223,164,47,.18);
}

.kg-mm-no-teams span{
  margin-top:9px;

  color:#aaa3ad;
  font-size:11px;
}


/* ============================================================
   CARDS DE ADVERSÁRIOS — DOURADO + ROXO
   ============================================================ */

.kg-mm-team-grid{
  gap:17px;
}

.kg-mm-team-card{
  border:1px solid rgba(206,154,44,.53);

  background:
    radial-gradient(circle at 50% 0,
      rgba(255,187,50,.14),
      transparent 37%),
    linear-gradient(155deg,
      #1e1c17,
      #171511 68%,
      #12110e);

  box-shadow:
    0 14px 34px rgba(0,0,0,.28),
    0 0 12px rgba(207,151,40,.06);
}

.kg-mm-team-card::before{
  background:
    linear-gradient(90deg,
      #e5aa32,
      #ffc032,
      #e5aa32);

  box-shadow:
    0 0 11px rgba(205,148,36,.38);
}

.kg-mm-team-card:hover{
  border-color:#e0a638;

  box-shadow:
    0 18px 38px rgba(0,0,0,.32),
    0 0 18px rgba(224,166,56,.14),
    0 0 22px rgba(255,189,50,.08);
}

.kg-mm-room-number{
  color:#d9a943;
}

.kg-mm-team-top strong{
  font-size:13px;
}

.kg-mm-team-count b{
  color:#e5ad3e;
}

.kg-mm-team-avatars{
  border-color:rgba(213,161,48,.16);
}

.kg-mm-mini-avatar{
  border-color:rgba(255,196,50,.55);

  box-shadow:
    0 0 10px rgba(255,190,50,.12);
}

.kg-mm-team-meta span{
  color:#aaa1ae;
}

.kg-mm-team-meta strong{
  color:#f0b847;
}


/* botão desafiar mais KINGS */

.kg-mm-team-action .button{
  border-color:#dda72f;

  background:
    linear-gradient(135deg,
      #bd7d12,
      #81520b);

  color:#fff;

  box-shadow:
    inset 0 0 14px rgba(255,214,104,.07),
    0 0 14px rgba(220,160,39,.14);
}

.kg-mm-team-action .button:hover{
  border-color:#ffc64a;

  box-shadow:
    0 0 20px rgba(232,171,42,.26);
}


/* ============================================================
   DESAFIO RECEBIDO — também KINGS GOLD
   ============================================================ */

.kg-mm-challenge-modal{
  border-color:#d9a133;

  background:
    radial-gradient(circle at 50% 0,
      rgba(255,188,50,.19),
      transparent 36%),
    linear-gradient(155deg,#1b1915,#151410);

  box-shadow:
    0 30px 90px rgba(0,0,0,.68),
    0 0 35px rgba(218,159,45,.15);
}

.kg-mm-challenge-modal::before{
  background:
    linear-gradient(90deg,
      #e1a52f,
      #ffc232,
      #e1a52f);
}

.kg-mm-challenge-head span{
  color:#e9b345;
}

.kg-mm-challenge-player .kg-mm-mini-avatar{
  border-color:#ffc432;
}

.kg-mm-challenge-average strong{
  color:#edb344;
}


/* ============================================================
   TELAS GRANDES
   ============================================================ */

@media(min-width:1600px){

  .kg-mm-layout{
    grid-template-columns:355px minmax(0,1fr);
    gap:24px;
  }

  .kg-mm-header h1{
    font-size:50px;
  }

  .kg-mm-browser{
    padding:34px;
  }

  .kg-mm-browser-head h2{
    font-size:33px;
  }

  .kg-mm-team-grid{
    grid-template-columns:
      repeat(auto-fill,minmax(235px,1fr));
  }
}


/* RESPONSIVO */

@media(max-width:780px){

  .kg-mm-page{
    width:calc(100% - 24px);
  }

  .kg-mm-header h1{
    font-size:34px;
  }

  .kg-mm-browser{
    min-height:480px;
    padding:18px;
  }

  .kg-mm-browser-head h2{
    font-size:22px;
  }
}


/* ============================================================
   KINGS — SUA SALA / FONTES MAIORES
   ============================================================ */

/* SUA SALA */
.kg-mm-own-head span{
  font-size:11px !important;
  letter-spacing:1.6px;
}

/* #17 */
.kg-mm-own-head h2{
  font-size:32px !important;
}

/* 1/5 */
.kg-mm-own-count{
  font-size:17px !important;
}

/* Nome do jogador */
.kg-mm-player-info strong{
  font-size:13px !important;
  line-height:1.25;
}

/* KSP / aguardando jogador */
.kg-mm-player-info small{
  margin-top:4px;
  font-size:10.5px !important;
  line-height:1.3;
}

/* Vaga disponível */
.kg-mm-player-empty .kg-mm-player-info strong{
  font-size:13px !important;
  color:#e0dbe4 !important;
}

/* Aguardando jogador */
.kg-mm-player-empty .kg-mm-player-info small{
  font-size:10px !important;
  color:#918a98 !important;
}

/* Número/rank da direita */
.kg-mm-rank{
  font-size:13px;
}

/* Texto inferior */
.kg-mm-own-help{
  padding:16px 17px !important;
  font-size:11px !important;
  line-height:1.5;
  color:#d0c8d2 !important;
}

.kg-mm-own-help strong{
  font-size:13px !important;
  color:#ffcb32 !important;
}

/* um pouco mais de altura para respirar */
.kg-mm-player{
  min-height:70px !important;
}


/* ============================================================
   KINGS — TIMER DA SALA INTERNA
   ============================================================ */

.kg-mm-own-expire{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;

  min-height:43px;
  margin:12px 12px 3px;
  padding:8px 12px;

  border:1px solid rgba(224,164,47,.62);
  border-radius:5px;

  background:
    linear-gradient(90deg,
      rgba(107,70,16,.22),
      rgba(41,39,32,.38),
      rgba(107,70,16,.22));

  box-shadow:
    inset 0 0 17px rgba(225,164,42,.05),
    0 0 12px rgba(220,158,38,.08);

  font-family:Arial,Helvetica,sans-serif;
}

.kg-mm-expire-clock{
  color:#f0b63c;

  font-size:18px;

  text-shadow:
    0 0 10px rgba(239,174,46,.70);
}

.kg-mm-expire-label{
  color:#c8a55a;

  font-family:"Arial Black",Arial,sans-serif;
  font-size:9px;
  letter-spacing:1px;
}

.kg-mm-own-expire strong{
  min-width:48px;

  color:#ffc84e;

  font-family:"Arial Black",Arial,sans-serif;
  font-size:15px;

  text-shadow:
    0 0 9px rgba(255,188,51,.55);
}


/* abaixo de 2 minutos */

.kg-mm-own-expire.kg-expire-warning{
  border-color:#e3a82e;

  box-shadow:
    0 0 14px rgba(225,164,38,.15);
}


/* último minuto */

.kg-mm-own-expire.kg-expire-danger{
  border-color:#ffc032;

  background:
    linear-gradient(90deg,
      rgba(255,180,50,.28),
      rgba(46,43,35,.36),
      rgba(255,180,50,.28));

  box-shadow:
    0 0 17px rgba(255,188,50,.18);

  animation:kingsExpirePulse 1.1s ease-in-out infinite;
}

.kg-mm-own-expire.kg-expire-danger .kg-mm-expire-clock,
.kg-mm-own-expire.kg-expire-danger .kg-mm-expire-label,
.kg-mm-own-expire.kg-expire-danger strong{
  color:#ff6078;

  text-shadow:
    0 0 10px rgba(255,189,50,.65);
}


/* ============================================================
   KINGS — CONFIRMAÇÃO DE SAÍDA DA SALA
   ============================================================ */

.kg-confirm-overlay{
  position:fixed;
  inset:0;
  z-index:99999;

  display:flex;
  align-items:center;
  justify-content:center;

  padding:24px;

  background:
    radial-gradient(
      circle at 50% 45%,
      rgba(255,180,50,.18),
      rgba(8,7,6,.90) 48%,
      rgba(4,4,3,.96) 100%
    );

  backdrop-filter:blur(8px);

  opacity:0;
  transition:opacity .16s ease;
}

.kg-confirm-overlay.show{
  opacity:1;
}


.kg-confirm-box{
  position:relative;

  width:min(470px,calc(100vw - 36px));

  padding:34px 34px 30px;

  overflow:hidden;

  text-align:center;

  border:1px solid rgba(255,209,50,.45);
  border-radius:9px;

  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(255,184,50,.26),
      transparent 45%
    ),
    linear-gradient(
      145deg,
      #141310 0%,
      #0d0c0a 55%,
      #0e0d0a 100%
    );

  box-shadow:
    0 0 0 1px rgba(255,184,39,.06),
    0 0 45px rgba(255,184,50,.24),
    0 25px 80px rgba(0,0,0,.72);

  transform:translateY(12px) scale(.97);

  transition:
    transform .18s ease,
    opacity .18s ease;
}

.kg-confirm-overlay.show .kg-confirm-box{
  transform:translateY(0) scale(1);
}


/* faixa neon superior */

.kg-confirm-box::before{
  content:"";

  position:absolute;
  left:0;
  right:0;
  top:0;

  height:3px;

  background:
    linear-gradient(
      90deg,
      #ffb521,
      #ffbc32 38%,
      #ffbc32 70%,
      #ffb521
    );

  box-shadow:
    0 0 16px rgba(255,187,50,.85);
}


/* brilho de fundo */

.kg-confirm-box::after{
  content:"";

  position:absolute;
  width:240px;
  height:150px;
  left:50%;
  top:-95px;

  transform:translateX(-50%);

  border-radius:50%;

  background:rgba(255,187,50,.18);
  filter:blur(50px);

  pointer-events:none;
}


.kg-confirm-x{
  position:absolute;
  right:14px;
  top:13px;

  width:31px;
  height:31px;

  display:grid;
  place-items:center;

  padding:0;

  border:1px solid rgba(255,255,255,.10);
  border-radius:4px;

  background:#14120f;

  color:#777184;

  font-size:19px;
  line-height:1;

  cursor:pointer;
}

.kg-confirm-x:hover{
  color:#fff;

  border-color:#ffbf32;

  box-shadow:0 0 12px rgba(255,189,50,.25);
}


.kg-confirm-icon{
  position:relative;

  width:66px;
  height:66px;

  display:grid;
  place-items:center;

  margin:0 auto 17px;

  border:1px solid rgba(255,184,42,.65);
  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(255,185,38,.17),
      rgba(103,50,10,.05) 65%
    );

  box-shadow:
    0 0 24px rgba(255,175,25,.17),
    inset 0 0 20px rgba(255,178,27,.08);
}

.kg-confirm-icon span{
  color:#ffbd32;

  font-size:31px;

  text-shadow:
    0 0 10px rgba(255,179,32,.80),
    0 0 24px rgba(255,179,32,.30);
}


.kg-confirm-kicker{
  margin-bottom:7px;

  color:#f1b83c;

  font-family:"Arial Black",Arial,sans-serif;
  font-size:9px;

  letter-spacing:2.1px;
}


.kg-confirm-box h2{
  margin:0;

  color:#fff;

  font-family:"Arial Black",Arial,sans-serif;
  font-size:27px;
  line-height:1.1;

  letter-spacing:-.5px;
}

.kg-confirm-box h2 span{
  color:#ffc332;

  text-shadow:
    0 0 15px rgba(255,190,50,.40);
}


.kg-confirm-box > p{
  margin:11px 0 22px;

  color:#b8b3c1;

  font-family:Arial,Helvetica,sans-serif;
  font-size:13px;
  line-height:1.55;
}


.kg-confirm-warning{
  display:flex;
  align-items:flex-start;
  gap:12px;

  margin:0 0 25px;
  padding:13px 14px;

  text-align:left;

  border:1px solid rgba(229,161,35,.30);
  border-radius:5px;

  background:
    linear-gradient(
      90deg,
      rgba(117,71,8,.20),
      rgba(37,24,16,.17)
    );
}


.kg-confirm-warning-icon{
  flex:0 0 25px;

  width:25px;
  height:25px;

  display:grid;
  place-items:center;

  border-radius:50%;

  background:#e7a52c;

  color:#161009;

  font-family:"Arial Black",Arial,sans-serif;
  font-size:13px;

  box-shadow:
    0 0 12px rgba(232,166,41,.28);
}


.kg-confirm-warning div{
  display:flex;
  flex-direction:column;
  gap:3px;
}


.kg-confirm-warning strong{
  color:#f2ba46;

  font-family:"Arial Black",Arial,sans-serif;
  font-size:10px;

  letter-spacing:1px;
}


.kg-confirm-warning small{
  color:#a8a1ad;

  font-family:Arial,Helvetica,sans-serif;
  font-size:11px;
  line-height:1.45;
}


.kg-confirm-actions{
  display:grid;
  grid-template-columns:1fr 1fr;

  gap:10px;
}


.kg-confirm-actions button{
  min-height:45px;

  border-radius:4px;

  font-family:"Arial Black",Arial,sans-serif;
  font-size:10px;

  letter-spacing:.8px;

  cursor:pointer;

  transition:
    transform .15s ease,
    box-shadow .15s ease,
    border-color .15s ease;
}


.kg-confirm-cancel{
  border:1px solid rgba(255,194,50,.55);

  background:
    linear-gradient(
      180deg,
      rgba(255,185,50,.30),
      rgba(29,27,22,.50)
    );

  color:#d5c9dc;
}

.kg-confirm-cancel:hover{
  border-color:#ffc232;

  color:#fff;

  box-shadow:
    0 0 15px rgba(255,189,50,.20);

  transform:translateY(-1px);
}


.kg-confirm-leave{
  border:1px solid #ffbd32;

  background:
    linear-gradient(
      135deg,
      #ffb532,
      #ffb832
    );

  color:#fff;

  box-shadow:
    0 0 15px rgba(255,183,50,.18);
}

.kg-confirm-leave:hover{
  border-color:#ffc932;

  box-shadow:
    0 0 23px rgba(255,185,50,.34);

  transform:translateY(-1px);
}


@media(max-width:560px){

  .kg-confirm-box{
    padding:30px 20px 22px;
  }

  .kg-confirm-actions{
    grid-template-columns:1fr;
  }

  .kg-confirm-box h2{
    font-size:23px;
  }

}



/* =========================================================
   KINGS — PLAYER PROFILE V1
   ========================================================= */

#modal:has(.kg-player-card){
  width:min(920px,calc(100vw - 32px));
  max-width:920px;
  padding:0;
  overflow:hidden;

  border:1px solid rgba(255,190,32,.58);
  border-radius:8px;

  background:
    radial-gradient(circle at 10% 0%,
      rgba(255,186,50,.18),
      transparent 34%),
    radial-gradient(circle at 100% 20%,
      rgba(255,174,0,.08),
      transparent 35%),
    linear-gradient(145deg,#161411 0%,#0e0d0a 65%,#0c0b09 100%);

  box-shadow:
    0 0 0 1px rgba(255,185,50,.12),
    0 0 34px rgba(255,182,50,.16),
    0 24px 80px rgba(0,0,0,.65);
}

#modal:has(.kg-player-card) #modal-close{
  z-index:10;
  top:16px;
  right:16px;

  width:38px;
  height:38px;

  border:1px solid rgba(255,255,255,.12);
  border-radius:5px;

  background:#151410;
  color:#fff;

  font-size:18px;

  transition:.18s ease;
}

#modal:has(.kg-player-card) #modal-close:hover{
  color:#ffbd27;
  border-color:#ffbd27;
  box-shadow:0 0 18px rgba(255,183,22,.25);
}

.kg-player-card{
  position:relative;
  overflow:hidden;

  color:#fff;

  font-family:Arial,Helvetica,sans-serif;
}

.kg-player-topline{
  height:3px;

  background:linear-gradient(
    90deg,
    #ffb51b 0%,
    #ffca3d 20%,
    #ffbb32 48%,
    #ffbb32 70%,
    #ffd432 100%
  );

  box-shadow:
    0 0 15px rgba(255,183,30,.5),
    0 0 25px rgba(255,184,50,.32);
}


/* HEADER */

.kg-player-header{
  position:relative;

  display:grid;
  grid-template-columns:118px minmax(0,1fr) auto;
  align-items:center;
  gap:24px;

  padding:34px 38px 28px;

  border-bottom:1px solid rgba(255,255,255,.07);
}

.kg-player-avatar{
  position:relative;

  width:110px;
  height:110px;

  padding:4px;

  border:1px solid #ffb81c;
  border-radius:12px;

  background:
    linear-gradient(145deg,
      rgba(255,188,27,.17),
      rgba(255,185,50,.15));

  box-shadow:
    0 0 24px rgba(255,177,18,.14),
    inset 0 0 18px rgba(255,255,255,.025);
}

.kg-player-avatar-img,
.kg-player-avatar-fallback{
  width:100%;
  height:100%;

  object-fit:cover;

  border-radius:8px;
}

.kg-player-avatar-fallback{
  display:grid;
  place-items:center;

  background:#110f0d;

  color:#ffbd25;

  font-size:42px;
}

.kg-player-online-dot{
  position:absolute;

  right:-5px;
  bottom:-5px;

  width:20px;
  height:20px;

  border:4px solid #100f0c;
  border-radius:50%;

  background:#30dc7b;

  box-shadow:0 0 13px rgba(48,220,123,.7);
}

.kg-player-identity{
  min-width:0;
}

.kg-player-kicker{
  display:block;

  margin-bottom:7px;

  color:#ffbd28;

  font-family:"Arial Black",Arial,sans-serif;
  font-size:9px;
  font-weight:900;
  letter-spacing:2px;
}

.kg-player-identity h2{
  margin:0;

  overflow:hidden;

  color:#fff;

  font-family:"Arial Black",Arial,sans-serif;
  font-size:32px;
  font-weight:900;
  letter-spacing:-1px;

  text-overflow:ellipsis;
  white-space:nowrap;
}

.kg-player-steamid{
  margin-top:6px;

  color:#ffce32;

  font-size:11px;
  font-weight:700;
  letter-spacing:.5px;
}

.kg-player-badges{
  display:flex;
  align-items:center;
  gap:8px;

  margin-top:13px;
}

.kg-player-elo-badge,
.kg-player-rank-name{
  display:inline-flex;
  align-items:center;

  min-height:27px;

  padding:0 10px;

  border-radius:4px;

  font-family:"Arial Black",Arial,sans-serif;
  font-size:9px;
  letter-spacing:.8px;
}

.kg-player-elo-badge{
  border:1px solid rgba(255,185,28,.55);

  background:rgba(255,179,21,.1);

  color:#ffc239;
}

.kg-player-rank-name{
  border:1px solid rgba(255,186,50,.42);

  background:rgba(255,184,50,.1);

  color:#ffcc32;
}

.kg-player-steam{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;

  min-height:44px;

  padding:0 16px;

  border:1px solid rgba(255,215,50,.7);
  border-radius:5px;

  background:
    linear-gradient(135deg,
      rgba(255,209,50,.17),
      rgba(255,186,50,.15));

  color:#ffd732;

  font-family:"Arial Black",Arial,sans-serif;
  font-size:9px;
  font-weight:900;
  letter-spacing:.7px;

  text-decoration:none;

  box-shadow:0 0 18px rgba(255,212,50,.08);

  transition:.18s ease;
}

.kg-player-steam:hover{
  color:#fff;
  border-color:#ffd732;

  background:
    linear-gradient(135deg,
      rgba(255,215,50,.3),
      rgba(255,191,50,.25));

  box-shadow:0 0 22px rgba(255,215,50,.18);
}


/* STATS */

.kg-player-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);

  margin:26px 38px 0;

  border:1px solid rgba(255,255,255,.075);
  border-radius:6px;

  overflow:hidden;

  background:rgba(9,8,7,.48);
}

.kg-player-stat{
  position:relative;

  min-height:112px;

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;

  border-right:1px solid rgba(255,255,255,.065);
}

.kg-player-stat:last-child{
  border-right:0;
}

.kg-player-stat::before{
  content:"";

  position:absolute;
  top:0;
  left:18%;
  right:18%;

  height:2px;

  background:currentColor;

  box-shadow:0 0 14px currentColor;
}

.kg-player-stat small{
  margin-bottom:6px;

  color:#ffcc32;

  font-family:"Arial Black",Arial,sans-serif;
  font-size:8px;
  letter-spacing:1.4px;
}

.kg-player-stat strong{
  line-height:1;

  color:currentColor;

  font-family:"Arial Black",Arial,sans-serif;
  font-size:30px;

  text-shadow:0 0 16px currentColor;
}

.kg-player-stat span{
  margin-top:8px;

  color:#ffca32;

  font-size:8px;
  font-weight:800;
  letter-spacing:.6px;
}

.kg-player-stat.gold{color:#ffc12e;}
.kg-player-stat.green{color:#3de28b;}
.kg-player-stat.blue{color:#ffd732;}
.kg-player-stat.purple{color:#ffc432;}


/* PROGRESS */

.kg-player-progress{
  margin:22px 38px 0;

  padding:20px;

  border:1px solid rgba(255,184,25,.18);
  border-radius:6px;

  background:
    linear-gradient(90deg,
      rgba(255,174,18,.035),
      rgba(255,184,50,.045));
}

.kg-player-section-title{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
}

.kg-player-section-title>div:first-child span{
  display:block;

  margin-bottom:4px;

  color:#777484;

  font-size:8px;
  font-weight:900;
  letter-spacing:1.2px;
}

.kg-player-section-title strong{
  color:#fff;

  font-family:"Arial Black",Arial,sans-serif;
  font-size:15px;
}

.kg-player-next{
  color:#ffbd2d;

  font-family:"Arial Black",Arial,sans-serif;
  font-size:8px;
  letter-spacing:.7px;
}

.kg-player-progress-track{
  height:9px;

  margin-top:15px;

  overflow:hidden;

  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;

  background:#0c0b09;
}

.kg-player-progress-track span{
  display:block;

  height:100%;

  border-radius:20px;

  background:
    linear-gradient(90deg,
      #ffae19,
      #ffc032,
      #ffbe32);

  box-shadow:
    0 0 13px rgba(255,176,24,.35),
    0 0 18px rgba(255,187,50,.3);
}

.kg-player-progress-foot{
  display:flex;
  justify-content:space-between;

  margin-top:8px;

  color:#6c6978;

  font-size:8px;
  font-weight:900;
}


/* RECORD */

.kg-player-record{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:32px;

  margin:18px 38px 0;

  padding:14px 0;

  border-top:1px solid rgba(255,255,255,.055);
  border-bottom:1px solid rgba(255,255,255,.055);
}

.kg-player-record>div{
  min-width:90px;

  text-align:center;
}

.kg-player-record small{
  display:block;

  color:#666472;

  font-size:7px;
  font-weight:900;
  letter-spacing:1px;
}

.kg-player-record strong{
  display:block;

  margin-top:4px;

  color:#e8e7ed;

  font-family:"Arial Black",Arial,sans-serif;
  font-size:16px;
}

.kg-player-record i{
  width:1px;
  height:27px;

  background:rgba(255,255,255,.08);
}


/* HISTORY */

.kg-player-history{
  padding:25px 38px 36px;
}

.kg-player-history-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;

  margin-bottom:13px;
}

.kg-player-history-head span{
  color:#ffbf32;

  font-size:8px;
  font-weight:900;
  letter-spacing:1.4px;
}

.kg-player-history-head h3{
  margin:4px 0 0;

  color:#fff;

  font-family:"Arial Black",Arial,sans-serif;
  font-size:17px;
}

.kg-player-history-count{
  color:#ffca32 !important;

  font-size:8px !important;
}

.kg-player-match-list{
  border:1px solid rgba(255,255,255,.065);
  border-radius:5px;

  overflow:hidden;
}

.kg-player-match{
  min-height:58px;

  display:grid;
  grid-template-columns:36px minmax(0,1fr) auto;
  align-items:center;
  gap:13px;

  padding:0 16px;

  border-bottom:1px solid rgba(255,255,255,.05);

  background:rgba(8,8,6,.32);
}

.kg-player-match:last-child{
  border-bottom:0;
}

.kg-player-result{
  width:30px;
  height:30px;

  display:grid;
  place-items:center;

  border-radius:4px;

  font-family:"Arial Black",Arial,sans-serif;
  font-size:10px;
}

.kg-player-result.win{
  color:#42e38c;
  border:1px solid rgba(66,227,140,.35);
  background:rgba(66,227,140,.08);
}

.kg-player-result.loss{
  color:#ffc232;
  border:1px solid rgba(255,194,50,.35);
  background:rgba(255,194,50,.08);
}

.kg-player-result.draw{
  color:#ffbe32;
  border:1px solid rgba(255,190,50,.35);
  background:rgba(255,190,50,.08);
}

.kg-player-match-info strong{
  display:block;

  color:#e9e8ee;

  font-size:11px;
}

.kg-player-match-info small{
  display:block;

  margin-top:3px;

  color:#666472;

  font-size:8px;
}

.kg-player-match-info small span{
  padding:0 4px;
}

.kg-player-delta{
  font-family:"Arial Black",Arial,sans-serif;
  font-size:10px;
}

.kg-player-no-matches{
  min-height:105px;

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;

  color:#6e6b79;
}

.kg-player-no-matches>span{
  margin-bottom:6px;

  color:#ffbd27;

  font-size:19px;
}

.kg-player-no-matches strong{
  color:#9d9aa8;

  font-size:9px;
  letter-spacing:.8px;
}

.kg-player-no-matches small{
  margin-top:4px;

  color:#ffc532;

  font-size:8px;
}


/* LOADING */

.kg-player-loading{
  min-height:180px;

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:14px;

  color:#a9a6b4;

  font-family:"Arial Black",Arial,sans-serif;
  font-size:9px;
  letter-spacing:1px;
}


/* MOBILE */

@media(max-width:720px){

  #modal:has(.kg-player-card){
    width:calc(100vw - 18px);
  }

  .kg-player-header{
    grid-template-columns:82px minmax(0,1fr);
    gap:15px;

    padding:28px 20px 22px;
  }

  .kg-player-avatar{
    width:78px;
    height:78px;
  }

  .kg-player-identity h2{
    font-size:21px;
  }

  .kg-player-steam{
    grid-column:1 / -1;
  }

  .kg-player-stats{
    grid-template-columns:repeat(2,1fr);

    margin:18px 20px 0;
  }

  .kg-player-stat{
    min-height:92px;

    border-bottom:1px solid rgba(255,255,255,.06);
  }

  .kg-player-progress,
  .kg-player-record{
    margin-left:20px;
    margin-right:20px;
  }

  .kg-player-record{
    gap:10px;
  }

  .kg-player-record>div{
    min-width:0;
    flex:1;
  }

  .kg-player-history{
    padding:22px 20px 28px;
  }

}



/* =========================================================
   KINGS COMPETITIVE — READY + MAP VETO
   ========================================================= */


/* ---------- ÁREA GERAL ---------- */

.ready-stage,
.veto-stage,
.selected-stage{
  position:relative;
  z-index:2;
  width:100%;
  margin:18px 0 26px;
  padding:28px;
  overflow:hidden;

  border:1px solid rgba(255,188,50,.32);
  border-radius:4px;

  background:
    radial-gradient(circle at 10% 0%,rgba(255,182,50,.14),transparent 35%),
    radial-gradient(circle at 90% 0%,rgba(255,190,0,.06),transparent 30%),
    linear-gradient(135deg,rgba(17,16,13,.98),rgba(9,8,7,.99));

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 18px 60px rgba(0,0,0,.28);
}


/* =========================================================
   READY
   ========================================================= */

.ready-stage{
  text-align:center;
  min-height:390px;

  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}

.ready-stage::before{
  content:"";
  position:absolute;
  width:360px;
  height:360px;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:rgba(255,185,50,.08);
  filter:blur(70px);
  pointer-events:none;
}

.ready-stage > *{
  position:relative;
  z-index:1;
}

.ready-stage .eyebrow{
  display:block;
  margin-bottom:12px;

  color:#ffd632;
  font-size:10px;
  font-weight:1000;
  letter-spacing:2px;
}

.ready-stage h2{
  margin:0;

  color:#fff;
  font-size:32px;
  font-weight:1000;
  font-style:italic;
  text-transform:uppercase;
  letter-spacing:-1px;
}

.ready-clock{
  width:118px;
  height:118px;
  margin:25px auto 18px;

  display:grid;
  place-items:center;

  border:2px solid #ffbc32;
  border-radius:50%;

  color:#fff;
  font-size:48px;
  font-weight:1000;

  background:
    radial-gradient(circle,rgba(255,186,50,.20),rgba(17,16,13,.95));

  box-shadow:
    0 0 0 7px rgba(255,188,50,.045),
    0 0 32px rgba(255,188,50,.28),
    inset 0 0 30px rgba(255,188,50,.12);
}

.ready-stage p{
  max-width:680px;
  margin:7px auto;

  color:#8f899d;
  font-size:13px;
  line-height:1.65;
}

.ready-stage p strong{
  color:#fff;
  font-size:17px;
}

.ready-button{
  min-width:260px;
  margin-top:18px!important;
  padding:14px 22px!important;

  border:1px solid #ffc232!important;

  background:
    linear-gradient(90deg,#ffb632,#ffba32)!important;

  color:#fff!important;
  font-size:11px!important;
  font-weight:1000!important;
  letter-spacing:.7px!important;

  box-shadow:
    0 0 22px rgba(255,185,50,.30)!important;
}


/* =========================================================
   VETO — CABEÇALHO
   ========================================================= */

.veto-stage{
  padding:26px;
}

.veto-stage .section-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:20px;

  padding-bottom:20px;
  margin-bottom:8px;

  border-bottom:1px solid rgba(255,255,255,.065);
}

.veto-stage .eyebrow{
  display:block;
  margin-bottom:8px;

  color:#ffc232;
  font-size:9px;
  font-weight:1000;
  letter-spacing:1.8px;
}

.veto-stage .section-head h2{
  margin:0;

  color:#fff;
  font-size:24px;
  font-style:italic;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:-.6px;
}

.veto-stage .section-head .tag{
  flex:none;

  padding:8px 11px;

  border:1px solid rgba(255,188,50,.35);

  color:#ffcc32;
  background:rgba(255,184,50,.07);

  font-size:8px;
  font-weight:1000;
  letter-spacing:1px;
}

.veto-stage > .subtle{
  display:block;
  margin:14px 0 22px;

  color:#777182;
  font-size:12px;
}


/* =========================================================
   GRID 3 × 3
   ========================================================= */

.veto-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  width:100%;
}

.veto-map{
  position:relative;
  min-width:0;
  overflow:hidden;

  border:1px solid rgba(255,189,50,.22);
  border-radius:3px;

  background:#0e0d0a;

  transition:
    transform .18s ease,
    border-color .18s ease,
    box-shadow .18s ease;
}

.veto-map:not(.map-banned):hover{
  transform:translateY(-2px);

  border-color:rgba(255,195,50,.68);

  box-shadow:
    0 8px 28px rgba(0,0,0,.34),
    0 0 20px rgba(255,186,50,.10);
}


/* ---------- ARTE DO MAPA ---------- */

.map-art{
  position:relative;
  height:128px;
  overflow:hidden;

  display:flex;
  align-items:flex-end;

  padding:16px;

  isolation:isolate;

  background:
    radial-gradient(circle at 75% 20%,
      hsla(var(--map-hue),85%,55%,.20),
      transparent 45%),
    linear-gradient(135deg,#191713,#0b0a08);
}

.map-art::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;

  background:
    linear-gradient(
      135deg,
      transparent 0 38%,
      rgba(255,255,255,.025) 38% 39%,
      transparent 39% 100%
    ),
    repeating-linear-gradient(
      90deg,
      transparent 0 42px,
      rgba(255,255,255,.015) 42px 43px
    );
}

.map-art::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:70%;

  z-index:-1;

  background:
    linear-gradient(transparent,rgba(6,6,5,.90));
}

.map-index{
  position:absolute;
  top:12px;
  left:13px;

  color:rgba(255,255,255,.20);
  font-size:11px;
  font-weight:1000;
  letter-spacing:1px;
}

.map-art strong{
  position:relative;

  color:#fff;
  font-size:20px;
  font-style:italic;
  font-weight:1000;
  text-transform:uppercase;

  text-shadow:0 2px 12px #000;
}


/* ---------- BOTÃO ---------- */

.map-decision{
  min-height:53px;

  display:flex;
  align-items:center;

  padding:9px;

  border-top:1px solid rgba(255,255,255,.045);

  background:#0c0b09;
}

.map-decision .button{
  width:100%;
  min-height:34px;

  border:1px solid rgba(255,190,50,.40);

  color:#ffd432;
  background:rgba(255,185,50,.08);

  font-size:9px;
  font-weight:1000;
  letter-spacing:.8px;

  transition:.16s ease;
}

.map-decision .button:not(:disabled):hover{
  border-color:#ffc232;

  color:#fff;
  background:linear-gradient(90deg,#ffb732,#ffba32);

  box-shadow:0 0 18px rgba(255,185,50,.24);
}


/* =========================================================
   MAPA VETADO
   ========================================================= */

.veto-map.map-banned{
  opacity:.48;
  filter:grayscale(.9);
}

.veto-map.map-banned .map-art::after{
  background:
    linear-gradient(rgba(0,0,0,.48),rgba(0,0,0,.90));
}

.veto-map.map-banned .map-art strong{
  text-decoration:line-through;
  color:#777;
}

.veto-map.map-banned .map-decision{
  justify-content:center;
}

.veto-map.map-banned .map-decision span{
  color:#ffc532;
  font-size:9px;
  font-weight:1000;
  letter-spacing:.7px;
}


/* =========================================================
   HISTÓRICO DO VETO
   ========================================================= */

.veto-history{
  margin:20px 0 0;
  padding:15px 18px 15px 38px;

  border:1px solid rgba(255,255,255,.055);

  background:rgba(255,255,255,.018);

  color:#77717e;

  font-size:10px;
  line-height:1.8;
}

.veto-history:empty{
  display:none;
}


/* =========================================================
   MAPA ESCOLHIDO
   ========================================================= */

.selected-stage{
  min-height:300px;

  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;

  text-align:center;
}

.selected-stage .eyebrow{
  color:#ffbd28;

  font-size:9px;
  font-weight:1000;
  letter-spacing:2px;
}

.selected-stage h2{
  margin:12px 0 6px;

  color:#fff;
  font-size:48px;
  font-weight:1000;
  font-style:italic;
  text-transform:uppercase;

  text-shadow:
    0 0 28px rgba(255,180,30,.20);
}

.selected-stage p{
  color:#898390;
}

.selected-stage .tag{
  margin-top:15px;

  border-color:rgba(255,190,35,.35);
  color:#ffc542;
  background:rgba(255,180,20,.06);
}


/* =========================================================
   RESPONSIVO
   ========================================================= */

@media(max-width:900px){

  .veto-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .veto-stage .section-head{
    flex-direction:column;
  }

}

@media(max-width:560px){

  .ready-stage,
  .veto-stage,
  .selected-stage{
    padding:18px;
  }

  .veto-grid{
    grid-template-columns:1fr;
  }

  .map-art{
    height:110px;
  }

  .ready-stage h2{
    font-size:25px;
  }

  .selected-stage h2{
    font-size:36px;
  }

}



/* =========================================================
   KINGS VETO — IMAGENS REAIS DOS MAPAS
   ========================================================= */

.map-art{
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}

/* MAPAS */

.map-mirage{
  background-image:url('/maps/mirage.png')!important;
}

.map-inferno{
  background-image:url('/maps/inferno.png')!important;
}

.map-nuke{
  background-image:url('/maps/nuke.png')!important;
}

.map-ancient{
  background-image:url('/maps/ancient.png')!important;
}

.map-anubis{
  background-image:url('/maps/anubis.png')!important;
}

.map-dust2{
  background-image:url('/maps/dust2.png')!important;
}

.map-vertigo{
  background-image:url('/maps/vertigo.png')!important;
}

.map-cache{
  background-image:url('/maps/cache.png')!important;
}

.map-overpass{
  background-image:url('/maps/overpass.png')!important;
}


/* camada cinematográfica KINGS */

.map-art::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  height:auto!important;
  z-index:-1!important;

  background:
    linear-gradient(
      180deg,
      rgba(7,6,5,.08) 0%,
      rgba(7,6,5,.20) 38%,
      rgba(7,6,5,.90) 100%
    )!important;
}


/* melhora contraste do nome */

.map-art strong{
  z-index:2!important;

  color:#fff!important;

  text-shadow:
    0 2px 4px rgba(0,0,0,.95),
    0 0 16px rgba(0,0,0,.80)!important;
}

.map-index{
  z-index:2!important;

  color:rgba(255,255,255,.72)!important;

  text-shadow:
    0 1px 5px rgba(0,0,0,.95)!important;
}


/* mapa vetado */

.veto-map.map-banned .map-art{
  filter:grayscale(1) brightness(.38)!important;
}

.veto-map.map-banned .map-art::after{
  background:
    linear-gradient(
      rgba(15,14,12,.35),
      rgba(6,6,5,.90)
    )!important;
}



/* =========================================================
   KINGS — MATCH VERSUS
   READY / VETO / MAPA DEFINIDO
   ========================================================= */

.kg-versus{
  position:relative;
  margin:0 0 32px;
  padding:25px;

  border:1px solid rgba(255,184,25,.55);
  border-radius:4px;

  background:
    radial-gradient(circle at 0 50%,rgba(255,174,25,.08),transparent 28%),
    radial-gradient(circle at 100% 50%,rgba(255,184,50,.12),transparent 28%),
    linear-gradient(135deg,#0e0d0b,#0a0908);

  overflow:hidden;
}

.kg-versus-title{
  text-align:center;
  margin-bottom:22px;
}

.kg-versus-title span{
  color:#ffbd2d;
  font-size:8px;
  font-weight:1000;
  letter-spacing:2px;
}

.kg-versus-title h2{
  margin:5px 0 0;

  color:#fff;
  font-size:22px;
  font-style:italic;
  font-weight:1000;
  text-transform:uppercase;
}


/* GRID */

.kg-versus-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 160px minmax(0,1fr);
  align-items:center;
  gap:24px;
}


/* TIMES */

.kg-versus-team{
  border:1px solid rgba(255,255,255,.08);

  background:
    linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,255,255,.01));

  padding:13px;
}

.kg-versus-left{
  border-color:rgba(255,184,25,.38);
}

.kg-versus-right{
  border-color:rgba(255,189,50,.42);
}

.kg-versus-team-head{
  display:flex;
  justify-content:space-between;
  align-items:center;

  padding:4px 5px 13px;

  border-bottom:1px solid rgba(255,255,255,.07);
}

.kg-versus-team-head span{
  color:#8f8997;
  font-size:8px;
  font-weight:1000;
  letter-spacing:1.5px;
}

.kg-versus-team-head h3{
  margin:3px 0 0;

  color:#fff;
  font-size:21px;
  font-style:italic;
  font-weight:1000;
}

.kg-versus-team-head > strong{
  padding:7px 9px;

  border:1px solid rgba(255,255,255,.10);

  color:#fff;
  font-size:11px;
}


/* JOGADORES */

.kg-versus-players{
  display:grid;
  gap:7px;
  margin-top:11px;
}

.kg-versus-player{
  width:100%;

  display:grid;
  grid-template-columns:38px 1fr auto;
  align-items:center;
  gap:10px;

  padding:8px;

  border:1px solid rgba(255,255,255,.055);

  background:rgba(255,255,255,.025);

  color:#fff;
  text-align:left;
  cursor:pointer;

  transition:.15s ease;
}

.kg-versus-player:hover{
  border-color:rgba(255,190,50,.40);
  background:rgba(255,185,50,.055);
}

.kg-versus-avatar{
  width:38px;
  height:38px;

  display:grid;
  place-items:center;

  overflow:hidden;
  border-radius:50%;

  border:1px solid rgba(255,192,50,.48);

  color:#ffc932;
  background:#14120f;

  font-weight:1000;
}

.kg-versus-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.kg-versus-player-info{
  min-width:0;
}

.kg-versus-player-info strong{
  display:block;
  overflow:hidden;

  color:#fff;
  font-size:10px;
  font-weight:1000;

  white-space:nowrap;
  text-overflow:ellipsis;
}

.kg-versus-player-info strong i{
  color:#ffbd28;
  font-style:normal;
}

.kg-versus-player-info small{
  display:block;
  margin-top:2px;

  color:#77717d;
  font-size:8px;
}

.kg-versus-player > b{
  color:#77717d;
  font-size:7px;
  letter-spacing:.7px;
}


/* CENTRO / VS */

.kg-versus-center{
  min-height:220px;

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;

  text-align:center;
}

.kg-versus-cross{
  color:#ffba24;
  font-size:23px;

  filter:drop-shadow(0 0 10px rgba(255,180,20,.35));
}

.kg-versus-center > strong{
  margin-top:3px;

  color:#fff;
  font-size:48px;
  font-style:italic;
  font-weight:1000;

  letter-spacing:-4px;

  text-shadow:
    0 0 25px rgba(255,186,50,.25);
}


/* MAPA / STATUS */

.kg-versus-map{
  width:100%;
  margin-top:17px;
  padding:10px 5px;

  border-top:1px solid rgba(255,255,255,.07);
  border-bottom:1px solid rgba(255,255,255,.07);
}

.kg-versus-map small{
  display:block;

  color:#77717d;
  font-size:7px;
  font-weight:1000;
  letter-spacing:1px;
}

.kg-versus-map b{
  display:block;
  margin-top:4px;

  color:#ffc332;
  font-size:12px;
  font-style:italic;
  font-weight:1000;
  text-transform:uppercase;
}


/* MAPA DEFINIDO */

.selected-stage + .kg-versus .kg-versus-map b{
  color:#ffbd28;
}


/* RESPONSIVO */

@media(max-width:900px){

  .kg-versus-grid{
    grid-template-columns:1fr;
  }

  .kg-versus-center{
    min-height:auto;
    padding:10px 0;
  }

  .kg-versus-center > strong{
    font-size:34px;
  }

  .kg-versus-map{
    max-width:220px;
  }

}

.kg-versus-selected{
  margin-top:0;
}

.kg-versus-selected .kg-versus-team-head h3{
  margin:4px 0 2px;
  font-size:22px;
  text-transform:none;
}

.kg-versus-team-head small{
  display:block;
  margin-top:4px;
  color:#ffd332;
  font-size:10px;
  font-weight:800;
  letter-spacing:.11em;
}

.kg-map-player{
  min-height:76px;
}

.kg-map-statline{
  display:flex !important;
  flex-wrap:wrap;
  gap:5px 10px;
  margin-top:6px;
  font-size:11px !important;
  font-weight:800;
}

.kg-map-statline b{
  color:#fff;
}

.kg-map-statline span:first-of-type{
  color:#66e39a;
}

.kg-map-statline span:nth-of-type(2){
  color:#ff727f;
}

.kg-map-statline em{
  color:#ffd732;
  font-style:normal;
}

@media(max-width:900px){
  

  
}

@media(max-width:600px){
  
}

@media(max-width:600px){
  

  
}

@media(max-width:600px){
  
}

/* END KINGS SELECTED MAP - FINAL CENTER OVERRIDE */


/* ==========================================================
   KINGS ADMIN / SIMPLEADMIN
   ========================================================== */

.kings-admin-grid{
  display:grid;
  grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  gap:24px;
  margin-top:24px;
  margin-bottom:24px;
}

.kings-admin-card{
  position:relative;
  overflow:hidden;
  padding:28px !important;
  border:1px solid rgba(255,197,50,.28);
  background:
    radial-gradient(circle at 100% 0%,rgba(255,193,50,.13),transparent 36%),
    linear-gradient(145deg,rgba(22,20,17,.98),rgba(14,13,10,.98));
  box-shadow:
    0 20px 60px rgba(0,0,0,.28),
    inset 0 1px rgba(255,255,255,.025);
}

.kings-admin-card::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:2px;
  background:linear-gradient(
    90deg,
    transparent,
    #ffbf32,
    #ffba32,
    #ffd432,
    transparent
  );
  opacity:.9;
}

.kings-admin-card-purple{
  border-color:rgba(255,189,50,.34);
}

.kings-admin-card-title{
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom:26px;
}

.kings-admin-card-title h2{
  margin:4px 0 0;
  font-size:clamp(24px,2vw,32px);
  line-height:1.05;
  letter-spacing:-.02em;
}

.kings-admin-icon{
  width:50px;
  height:50px;
  flex:0 0 50px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,196,50,.5);
  border-radius:14px;
  background:rgba(255,188,50,.12);
  color:#ffd732;
  font-size:25px;
  box-shadow:
    0 0 25px rgba(255,189,50,.18),
    inset 0 0 18px rgba(255,189,50,.08);
}

.kings-admin-form{
  display:grid;
  gap:18px;
}

.kings-admin-form-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}

.kings-admin-form .field{
  display:grid;
  gap:8px;
  margin:0;
}

.kings-admin-form .field > span{
  color:#dfe3f3;
  font-size:14px;
  font-weight:800;
  letter-spacing:.045em;
  text-transform:uppercase;
}

.kings-admin-form input,
.kings-admin-form select{
  width:100%;
  min-height:52px;
  box-sizing:border-box;
  padding:0 15px;
  border:1px solid rgba(255,205,50,.32);
  border-radius:10px;
  outline:none;
  background:#110f0d;
  color:#f6f7ff;
  font:inherit;
  font-size:16px;
  transition:
    border-color .18s ease,
    box-shadow .18s ease,
    background .18s ease;
}

.kings-admin-form input:hover,
.kings-admin-form select:hover{
  border-color:rgba(255,200,50,.62);
}

.kings-admin-form input:focus,
.kings-admin-form select:focus{
  border-color:#ffc432;
  background:#141310;
  box-shadow:
    0 0 0 3px rgba(255,193,50,.12),
    0 0 24px rgba(255,190,50,.12);
}

.kings-admin-form select option{
  background:#110f0d;
  color:#fff;
}

.kings-admin-form .field small{
  color:#ffd032;
  font-size:12px;
}

.kings-admin-permission-box{
  padding:18px;
  border:1px solid rgba(255,195,50,.22);
  border-radius:14px;
  background:rgba(11,10,8,.55);
}

.kings-admin-permission-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:14px;
}

.kings-admin-permission-head strong{
  color:#fff;
  font-size:14px;
  letter-spacing:.08em;
}

.kings-admin-permission-head span{
  color:#ffd032;
  font-size:12px;
}

.kings-admin-flags{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
}

.kings-admin-flag{
  position:relative;
  cursor:pointer;
}

.kings-admin-flag input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.kings-admin-flag span{
  min-height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:7px 10px;
  border:1px solid rgba(255,202,50,.28);
  border-radius:9px;
  background:#11100d;
  color:#ffd532;
  font-size:12px;
  font-weight:800;
  text-align:center;
  transition:.18s ease;
}

.kings-admin-flag:hover span{
  color:#fff;
  border-color:rgba(255,196,50,.72);
  box-shadow:0 0 16px rgba(255,189,50,.11);
}

.kings-admin-flag input:checked + span{
  color:#fff;
  border-color:#ffc232;
  background:
    linear-gradient(
      135deg,
      rgba(255,189,50,.34),
      rgba(255,186,50,.18)
    );
  box-shadow:
    0 0 0 1px rgba(255,196,50,.12),
    0 0 22px rgba(255,187,50,.2);
  text-shadow:0 0 12px rgba(255,255,255,.22);
}

.kings-admin-form-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.kings-admin-main-button{
  min-height:50px;
  font-size:14px;
  font-weight:900;
  letter-spacing:.045em;
}

.kings-admin-cancel{
  min-height:50px;
}

.kings-admin-list-panel{
  margin-top:24px;
  overflow:hidden;
  padding:0 !important;
  border:1px solid rgba(255,198,50,.22);
  background:
    linear-gradient(
      145deg,
      rgba(20,19,16,.98),
      rgba(13,12,10,.98)
    );
}

.kings-admin-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:24px 28px;
  border-bottom:1px solid rgba(255,201,50,.16);
  background:
    linear-gradient(
      90deg,
      rgba(255,188,50,.08),
      transparent 45%
    );
}

.kings-admin-section-head h2{
  margin:4px 0 0;
  font-size:clamp(23px,2vw,30px);
}

.kings-admin-count{
  min-width:44px;
  height:44px;
  padding:0 12px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,195,50,.4);
  border-radius:12px;
  background:rgba(255,189,50,.12);
  color:#ffd732;
  font-size:17px;
  font-weight:900;
  box-shadow:0 0 22px rgba(255,189,50,.1);
}

.kings-admin-count-danger{
  border-color:rgba(255,193,50,.36);
  background:rgba(255,186,50,.09);
  color:#ffce32;
}

.kings-admin-users{
  display:grid;
}

.kings-admin-user{
  min-height:92px;
  padding:18px 26px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  border-bottom:1px solid rgba(255,202,50,.12);
  transition:background .16s ease;
}

.kings-admin-user:last-child{
  border-bottom:0;
}

.kings-admin-user:hover{
  background:rgba(255,192,50,.045);
}

.kings-admin-user-main{
  min-width:0;
  display:flex;
  align-items:center;
  gap:16px;
}

.kings-admin-avatar-mark{
  width:48px;
  height:48px;
  flex:0 0 48px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,195,50,.4);
  border-radius:13px;
  background:rgba(255,190,50,.1);
  color:#ffd632;
  font-size:23px;
  box-shadow:0 0 20px rgba(255,189,50,.1);
}

.kings-ban-mark{
  border-color:rgba(255,192,50,.35);
  background:rgba(255,187,50,.08);
  color:#ffca32;
  font-weight:900;
}

.kings-admin-user-info{
  min-width:0;
  display:grid;
  gap:5px;
}

.kings-admin-user-info strong{
  color:#fff;
  font-size:18px;
  line-height:1.2;
}

.kings-admin-steamid{
  color:#ffd432;
  font-size:12px;
  font-family:monospace;
}

.kings-admin-meta{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  margin-top:3px;
}

.kings-admin-meta span{
  padding:4px 8px;
  border:1px solid rgba(255,201,50,.2);
  border-radius:6px;
  background:rgba(255,195,50,.08);
  color:#ffd732;
  font-size:11px;
  font-weight:700;
}

.kings-admin-permissions{
  margin-top:3px;
  color:#ffd232;
  font-size:12px;
}

.kings-admin-row-actions{
  flex:0 0 auto;
  display:flex;
  gap:8px;
}

.kings-edit-admin{
  border-color:rgba(255,212,50,.36) !important;
}

.kings-admin-empty{
  padding:38px 28px;
  color:#ffd032;
  font-size:15px;
  text-align:center;
}

@media (max-width:1000px){
  .kings-admin-grid{
    grid-template-columns:1fr;
  }

  .kings-admin-flags{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

@media (max-width:700px){
  .kings-admin-card{
    padding:20px !important;
  }

  .kings-admin-form-row{
    grid-template-columns:1fr;
  }

  .kings-admin-flags{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .kings-admin-user{
    align-items:flex-start;
    flex-direction:column;
  }

  .kings-admin-row-actions{
    width:100%;
  }

  .kings-admin-row-actions .button{
    flex:1;
  }

  .kings-admin-section-head{
    padding:20px;
  }

  .kings-admin-user{
    padding:18px 20px;
  }
}


/* ==========================================================
   KINGS ADMIN - POLIMENTO
   ========================================================== */

/* hidden deve sempre vencer regras de display dos botões */
.kings-admin-cancel[hidden]{
  display:none !important;
}

/* textos auxiliares mais legíveis */
.kings-admin-form .field small,
.kings-admin-permission-head span{
  font-size:13px;
  line-height:1.4;
  color:#ffd732;
}

/* labels maiores */
.kings-admin-form .field > span{
  font-size:15px;
}

/* conteúdo dos inputs */
.kings-admin-form input,
.kings-admin-form select{
  font-size:17px;
}

/* permissões */
.kings-admin-flag span{
  min-height:44px;
  font-size:13px;
}

/* permissão selecionada = neon bem visível */
.kings-admin-flag input:checked + span{
  border-color:#ffc332;
  background:
    linear-gradient(
      135deg,
      rgba(255,187,50,.48),
      rgba(255,185,50,.27)
    );
  box-shadow:
    0 0 0 1px rgba(255,194,50,.24),
    0 0 18px rgba(255,188,50,.32),
    inset 0 0 16px rgba(255,192,50,.12);
  color:#fff;
}

/* títulos */
.kings-admin-card-title h2{
  font-size:clamp(27px,2vw,34px);
}

/* botões principais mais fortes */
.kings-admin-main-button{
  min-height:54px;
  font-size:15px;
  box-shadow:0 0 22px rgba(255,188,50,.16);
}


/* KINGS Admin — elementos ocultos devem permanecer ocultos */
.kings-admin-cancel[hidden]{
  display:none !important;
}


/* =========================================================
   KINGS — PÁGINA PÚBLICA DE PUNIÇÕES
   ========================================================= */

.kings-bans-page{
  position:relative;
  padding:34px;
  border:1px solid rgba(226,181,69,.34);
  border-radius:18px;
  background:
    radial-gradient(circle at 10% 0%,rgba(226,181,69,.09),transparent 28%),
    radial-gradient(circle at 90% 10%,rgba(255,188,50,.12),transparent 32%),
    linear-gradient(145deg,rgba(14,13,11,.97),rgba(8,8,6,.99));
  box-shadow:
    0 0 0 1px rgba(255,189,50,.08),
    0 0 38px rgba(226,181,69,.07),
    0 24px 80px rgba(0,0,0,.35);
  overflow:hidden;
}

.kings-bans-page::before{
  content:"";
  position:absolute;
  top:0;
  left:4%;
  right:4%;
  height:1px;
  background:linear-gradient(90deg,transparent,#e2b545,#fff0a6,#ffbf32,transparent);
  box-shadow:0 0 15px rgba(226,181,69,.65);
}

.kings-bans-page .page-heading h1{
  font-size:clamp(34px,3vw,52px);
  line-height:1.02;
  letter-spacing:-1px;
  text-shadow:0 0 24px rgba(226,181,69,.10);
}

.kings-bans-page .page-heading p{
  font-size:16px;
  line-height:1.7;
  color:#c9c6d2;
}

.kings-bans-page .eyebrow{
  color:#e2b545;
  font-size:12px;
  letter-spacing:2.4px;
}

.kings-bans-manage{
  min-height:44px;
  padding:0 18px;
  border-color:rgba(226,181,69,.45) !important;
  font-size:13px !important;
  font-weight:800;
  box-shadow:inset 0 0 18px rgba(226,181,69,.04);
}

.kings-bans-toolbar{
  margin-top:28px;
  gap:14px;
}

.kings-bans-search{
  min-height:52px;
  border:1px solid rgba(226,181,69,.20) !important;
  background:rgba(8,7,6,.78) !important;
  box-shadow:inset 0 0 22px rgba(255,189,50,.04);
}

.kings-bans-search input{
  min-height:50px;
  font-size:15px !important;
  color:#f6f3ff !important;
}

.kings-bans-search input::placeholder{
  color:#ffce32;
}

.kings-bans-filters button{
  min-height:52px;
  padding:0 18px;
  font-size:14px !important;
  font-weight:700;
}

.kings-bans-filters button.selected{
  color:#fff;
  border-color:#e2b545 !important;
  background:
    linear-gradient(180deg,rgba(226,181,69,.13),rgba(255,191,50,.10)) !important;
  box-shadow:
    inset 0 0 18px rgba(226,181,69,.06),
    0 0 15px rgba(226,181,69,.10);
}

.kings-bans-panel{
  margin-top:14px;
  padding:0 !important;
  overflow:hidden;
  border:1px solid rgba(226,181,69,.28) !important;
  border-radius:12px;
  background:rgba(10,9,8,.86) !important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.025),
    0 0 30px rgba(255,191,50,.06);
}

.kings-bans-table table{
  width:100%;
  border-collapse:collapse;
}

.kings-bans-table thead{
  background:
    linear-gradient(90deg,rgba(226,181,69,.07),rgba(255,191,50,.07));
}

.kings-bans-table th{
  padding:17px 18px !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:1.2px;
  text-transform:uppercase;
  color:#b9b4c7 !important;
  border-bottom:1px solid rgba(226,181,69,.18);
}

.kings-bans-table td{
  padding:18px !important;
  font-size:14px !important;
  line-height:1.45;
  color:#e9e6ef;
  border-bottom:1px solid rgba(255,255,255,.055);
}

.kings-bans-table tbody tr{
  transition:background .18s ease,box-shadow .18s ease;
}

.kings-bans-table tbody tr:hover{
  background:linear-gradient(90deg,rgba(226,181,69,.045),rgba(255,191,50,.045));
  box-shadow:inset 3px 0 #e2b545;
}

.kings-bans-table .ban-player{
  display:block;
  margin-bottom:5px;
  font-size:15px !important;
  font-weight:900;
  color:#fff;
}

.kings-bans-table .ban-id{
  display:block;
  font-size:11px !important;
  letter-spacing:.4px;
  color:#8e899b;
}

.kings-ban-reason{
  font-weight:650;
  color:#f2eff7 !important;
}

.kings-bans-table .pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:88px;
  min-height:28px;
  padding:4px 10px;
  border-radius:999px;
  font-size:10px !important;
  font-weight:900;
  letter-spacing:.8px;
}

.kings-bans-table .pill.active{
  color:#ff9b9b;
  border:1px solid rgba(255,74,74,.38);
  background:rgba(255,50,50,.10);
  box-shadow:0 0 14px rgba(255,50,50,.08);
}

.kings-bans-table .pill.expired{
  color:#e4c66c;
  border:1px solid rgba(226,181,69,.30);
  background:rgba(226,181,69,.08);
}

.kings-bans-table .pill.revoked{
  color:#ffd732;
  border:1px solid rgba(255,196,50,.35);
  background:rgba(255,191,50,.10);
}

.kings-bans-table .pill.unknown{
  color:#b9b5c3;
  border:1px solid rgba(255,255,255,.13);
  background:rgba(255,255,255,.05);
}

.kings-ban-view{
  min-width:72px;
  min-height:34px;
  border:1px solid rgba(226,181,69,.28) !important;
  border-radius:7px;
  background:rgba(226,181,69,.055) !important;
  color:#f1d77f !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.6px;
}

.kings-ban-view:hover{
  border-color:#e2b545 !important;
  background:rgba(226,181,69,.12) !important;
  box-shadow:0 0 16px rgba(226,181,69,.10);
}

.kings-bans-panel .pagination{
  padding:15px 18px !important;
  font-size:11px !important;
  color:#777384;
  border-top:1px solid rgba(226,181,69,.08);
}

@media(max-width:800px){
  .kings-bans-page{
    padding:20px 14px;
  }

  .kings-bans-page .page-heading h1{
    font-size:34px;
  }

  .kings-bans-toolbar{
    align-items:stretch;
  }

  .kings-bans-table th,
  .kings-bans-table td{
    padding:14px !important;
  }
}


/* =========================================================
   KINGS — MODAL DE PUNIÇÃO
   ========================================================= */

.kings-ban-modal{
  position:relative;
  min-width:min(620px,80vw);
  padding:10px 6px 6px;
}

.kings-ban-modal::before{
  content:"";
  position:absolute;
  top:-20px;
  left:-24px;
  right:-24px;
  height:1px;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(226,181,69,.45),
    #e2b545,
    rgba(255,193,50,.75),
    transparent
  );
  box-shadow:0 0 18px rgba(226,181,69,.45);
}

.kings-ban-modal-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:30px;
  margin-bottom:28px;
}

.kings-ban-modal-kicker{
  display:block;
  margin-bottom:8px;
  color:#e2b545;
  font-size:10px;
  font-weight:900;
  letter-spacing:2px;
}

.kings-ban-modal #modal-title{
  margin:0;
  font-size:30px !important;
  line-height:1;
  letter-spacing:-.5px;
  color:#fff;
}

.kings-ban-modal-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:105px;
  min-height:34px;
  padding:6px 14px;
  border-radius:999px;
  font-size:10px;
  font-weight:950;
  letter-spacing:1px;
}

.kings-ban-modal-status.active{
  color:#ff9c9c;
  border:1px solid rgba(255,72,72,.42);
  background:rgba(255,45,45,.10);
  box-shadow:0 0 18px rgba(255,45,45,.08);
}

.kings-ban-modal-status.expired{
  color:#f0d27b;
  border:1px solid rgba(226,181,69,.38);
  background:rgba(226,181,69,.09);
  box-shadow:0 0 18px rgba(226,181,69,.08);
}

.kings-ban-modal-status.revoked{
  color:#ffd732;
  border:1px solid rgba(255,196,50,.40);
  background:rgba(255,191,50,.11);
}

.kings-ban-modal-status.unknown{
  color:#c3bfca;
  border:1px solid rgba(255,255,255,.15);
  background:rgba(255,255,255,.055);
}

.kings-ban-modal-player{
  position:relative;
  padding:20px 22px;
  margin-bottom:14px;
  overflow:hidden;
  border:1px solid rgba(226,181,69,.24);
  border-radius:10px;
  background:
    linear-gradient(110deg,rgba(226,181,69,.07),rgba(255,191,50,.055));
}

.kings-ban-modal-player::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:3px;
  background:#e2b545;
  box-shadow:0 0 14px rgba(226,181,69,.65);
}

.kings-ban-modal-player span,
.kings-ban-modal-reason span,
.kings-ban-modal-info span{
  display:block;
  margin-bottom:7px;
  color:#8d8998;
  font-size:9px;
  font-weight:900;
  letter-spacing:1.5px;
}

.kings-ban-modal-player strong{
  display:block;
  margin-bottom:6px;
  color:#fff;
  font-size:20px;
  font-weight:900;
}

.kings-ban-modal-player small{
  color:#aaa5b5;
  font-size:12px;
  letter-spacing:.4px;
}

.kings-ban-modal-reason{
  padding:19px 22px;
  margin-bottom:14px;
  border:1px solid rgba(255,195,50,.22);
  border-radius:10px;
  background:rgba(11,11,9,.72);
}

.kings-ban-modal-reason p{
  margin:0;
  color:#f3f0f7;
  font-size:15px;
  font-weight:650;
  line-height:1.6;
}

.kings-ban-modal-info{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.kings-ban-modal-info>div{
  padding:17px 20px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:9px;
  background:rgba(255,255,255,.025);
}

.kings-ban-modal-info strong{
  display:block;
  color:#f6f3fa;
  font-size:15px;
  font-weight:850;
}

.kings-ban-modal-actions{
  display:flex;
  justify-content:flex-end;
  margin-top:20px;
}

.kings-ban-staff{
  min-height:42px;
  border-color:rgba(226,181,69,.38) !important;
  color:#f0d27b !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.5px;
}

.kings-ban-staff:hover{
  border-color:#e2b545 !important;
  box-shadow:0 0 18px rgba(226,181,69,.12);
}

@media(max-width:700px){
  .kings-ban-modal{
    min-width:0;
  }

  .kings-ban-modal-top{
    gap:15px;
  }

  .kings-ban-modal #modal-title{
    font-size:25px !important;
  }

  .kings-ban-modal-info{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   KINGS — BANS V2 / PERFIS STEAM + ESCALA
   ========================================================= */

.kings-bans-page .page-heading{
  margin-bottom:30px;
}

.kings-bans-page .page-heading .eyebrow{
  font-size:14px !important;
  font-weight:950 !important;
  letter-spacing:2.8px !important;
}

.kings-bans-page .page-heading h1{
  margin-top:9px !important;
  font-size:clamp(42px,4vw,64px) !important;
  font-weight:950 !important;
  letter-spacing:-1.6px !important;
}

.kings-bans-page .page-heading p{
  max-width:760px;
  margin-top:14px !important;
  font-size:18px !important;
  line-height:1.65 !important;
  color:#d2ced9 !important;
}

.kings-bans-page .tag{
  min-height:42px;
  padding:0 17px !important;
  display:inline-flex;
  align-items:center;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:1.1px !important;
  color:#e8ca72 !important;
  border-color:rgba(226,181,69,.30) !important;
  background:rgba(226,181,69,.055) !important;
}

.kings-bans-search{
  min-height:58px !important;
}

.kings-bans-search input{
  min-height:56px !important;
  font-size:17px !important;
}

.kings-bans-search>span{
  font-size:22px !important;
}

.kings-bans-filters button{
  min-height:56px !important;
  padding:0 22px !important;
  font-size:15px !important;
}

.kings-bans-table{
  overflow-x:auto;
}

.kings-bans-table table{
  min-width:1180px;
}

.kings-bans-table th{
  padding:18px 16px !important;
  font-size:11px !important;
  white-space:nowrap;
}

.kings-bans-table td{
  padding:18px 16px !important;
  font-size:14px !important;
  vertical-align:middle;
}

.kings-ban-person{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:190px;
}

.kings-ban-avatar{
  width:46px;
  height:46px;
  flex:0 0 46px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-radius:10px;
  border:1px solid rgba(226,181,69,.32);
  background:
    linear-gradient(145deg,rgba(226,181,69,.12),rgba(255,189,50,.13));
  box-shadow:
    inset 0 0 16px rgba(226,181,69,.035),
    0 0 14px rgba(0,0,0,.22);
}

.kings-ban-avatar.small{
  width:38px;
  height:38px;
  flex-basis:38px;
  border-radius:9px;
}

.kings-ban-avatar img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.kings-ban-avatar-fallback{
  color:#f0d170;
  font-size:16px;
  font-weight:950;
}

.kings-ban-person-text{
  min-width:0;
}

.kings-ban-person-text strong{
  display:block;
  max-width:170px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#fff;
  font-size:14px;
  font-weight:900;
}

.kings-ban-person-text small{
  display:block;
  margin-top:5px;
  color:#888392;
  font-size:10px;
  font-weight:700;
  letter-spacing:.25px;
  white-space:nowrap;
}

.kings-ban-admin{
  color:inherit;
  text-decoration:none;
  transition:
    transform .15s ease,
    opacity .15s ease;
}

.kings-ban-admin:hover{
  transform:translateY(-1px);
}

.kings-ban-admin:hover strong{
  color:#f0d170;
}

.kings-ban-admin:hover .kings-ban-avatar{
  border-color:#e2b545;
  box-shadow:0 0 15px rgba(226,181,69,.13);
}

.kings-ban-system-avatar{
  color:#e2b545;
  font-size:19px;
  font-weight:900;
}

.kings-ban-console .kings-ban-person-text strong{
  color:#d8bd6b;
}

.kings-ban-reason{
  min-width:180px;
  max-width:260px;
  font-size:14px !important;
  line-height:1.5 !important;
}

@media(max-width:900px){
  .kings-bans-page .page-heading h1{
    font-size:40px !important;
  }

  .kings-bans-page .page-heading p{
    font-size:16px !important;
  }
}


/* =========================================================
   KINGS — FOOTER / FUTURO ANTI-CHEAT
   ========================================================= */

html,
body{
  min-height:100%;
}

body{
  min-height:100vh;
  display:flex;
  flex-direction:column;
}

#main{
  flex:1 0 auto;
}

.footer{
  position:relative;
  width:calc(100% - 64px);
  max-width:none;
  min-height:92px;

  margin-top:auto;
  margin-left:32px;
  margin-right:32px;

  padding:18px 8px;

  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:30px;

  border-top:1px solid rgba(226,181,69,.40);

  color:#85818f;

  font-size:12px;
  font-weight:800;
  letter-spacing:1.2px;
}

.footer::before{
  content:"";
  position:absolute;
  top:-1px;
  left:0;
  width:150px;
  height:1px;

  background:linear-gradient(
    90deg,
    #e2b545,
    rgba(226,181,69,0)
  );

  box-shadow:0 0 12px rgba(226,181,69,.30);
}

.kings-footer-brand{
  display:flex;
  align-items:center;
  gap:9px;

  justify-self:start;

  color:#b8b3c2;

  font-size:14px;
  font-weight:950;
  letter-spacing:1.6px;
}

.kings-footer-crown{
  color:#e2b545;
  font-size:16px;
  text-shadow:0 0 12px rgba(226,181,69,.30);
}

.kings-footer-anticheat{
  min-width:270px;

  display:flex;
  align-items:center;
  justify-content:center;
  gap:11px;

  padding:11px 18px;

  border:1px solid rgba(255,195,50,.18);
  border-radius:8px;

  background:
    linear-gradient(
      100deg,
      rgba(255,191,50,.045),
      rgba(226,181,69,.035)
    );
}

.kings-footer-ac-icon{
  color:#ffc632;
  font-size:11px;
  text-shadow:0 0 10px rgba(255,191,50,.60);
}

.kings-footer-anticheat strong{
  display:block;

  color:#d5d1dd;

  font-size:11px;
  font-weight:950;
  letter-spacing:1.5px;
}

.kings-footer-anticheat small{
  display:block;

  margin-top:3px;

  color:#706c79;

  font-size:8px;
  font-weight:850;
  letter-spacing:1.2px;
}

.kings-footer-community{
  justify-self:end;

  color:#918c9b;

  font-size:11px;
  font-weight:900;
  letter-spacing:1.4px;
  text-align:right;
}

@media(max-width:760px){

  .footer{
    width:calc(100% - 30px);
    min-height:auto;

    margin-left:15px;
    margin-right:15px;

    padding:22px 0;

    grid-template-columns:1fr;
    gap:17px;

    text-align:center;
  }

  .kings-footer-brand,
  .kings-footer-community{
    justify-self:center;
  }

  .kings-footer-anticheat{
    min-width:0;
    width:min(100%,320px);
    justify-self:center;
  }

}

/* =========================================================
   KINGS - RANKING COMPETITIVO CARDS
   ========================================================= */

.kg-ranking-list{
  display:flex;
  flex-direction:column;
  gap:14px;
  padding:8px;
}

.kg-rank-card{
  position:relative;
  display:grid;
  grid-template-columns:72px minmax(260px,1.4fr) 150px 2fr;
  align-items:center;
  gap:18px;
  padding:18px 20px;
  background:linear-gradient(135deg,rgba(28,26,21,.96),rgba(15,14,12,.96));
  border:1px solid rgba(255,194,50,.38);
  border-radius:16px;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.015),
    0 12px 30px rgba(0,0,0,.24);
  transition:
    transform .2s ease,
    border-color .2s ease,
    box-shadow .2s ease;
}

.kg-rank-card:hover{
  transform:translateY(-2px);
  border-color:rgba(255,200,50,.8);
  box-shadow:
    0 0 24px rgba(255,188,50,.16),
    0 14px 36px rgba(0,0,0,.3);
}

.kg-rank-position{
  font-size:22px;
  font-weight:900;
  letter-spacing:.04em;
  text-align:center;
  color:#ffd732;
}

.kg-rank-player{
  display:flex;
  align-items:center;
  gap:14px;
  border:0;
  background:none;
  padding:0;
  text-align:left;
  cursor:pointer;
  color:inherit;
}

.kg-rank-avatar{
  width:64px;
  height:64px;
  min-width:64px;
  border-radius:12px;
  overflow:hidden;
  border:1px solid rgba(255,198,50,.65);
  box-shadow:0 0 16px rgba(255,187,50,.16);
}

.kg-rank-avatar img{
  width:100% !important;
  height:100% !important;
  display:block;
  object-fit:cover;
  border-radius:0 !important;
}

.kg-rank-player-info{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}

.kg-rank-player-info strong{
  font-size:17px;
  font-weight:800;
  color:#fff;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.kg-rank-player-info span{
  font-size:11px;
  color:#ffcd32;
  letter-spacing:.02em;
}

.kg-rank-level{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:82px;
  border:1px solid rgba(255,196,50,.48);
  border-radius:12px;
  background:linear-gradient(180deg,rgba(255,185,50,.14),rgba(48,45,37,.18));
}

.kg-rank-level-label{
  font-size:10px;
  font-weight:800;
  letter-spacing:.16em;
  color:#ffd232;
}

.kg-rank-level strong{
  margin-top:2px;
  font-size:31px;
  line-height:1;
  font-weight:950;
  color:#fff;
  text-shadow:0 0 16px rgba(255,196,50,.45);
}

.kg-rank-level small{
  margin-top:6px;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#ffd732;
}

.kg-rank-stats{
  display:grid;
  grid-template-columns:repeat(7,minmax(64px,1fr));
  gap:8px;
}

.kg-rank-stat{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  min-height:58px;
  padding:7px 6px;
  border-left:1px solid rgba(255,255,255,.055);
}

.kg-rank-stat:first-child{
  border-left:0;
}

.kg-rank-stat span{
  font-size:9px;
  font-weight:800;
  color:#ffcc32;
  letter-spacing:.08em;
}

.kg-rank-stat strong{
  margin-top:4px;
  font-size:17px;
  font-weight:900;
  color:#ece7f7;
}

/* TOP 3 */

.kg-rank-top-1{
  border-color:rgba(255,196,66,.72);
  box-shadow:
    0 0 28px rgba(255,185,40,.09),
    0 14px 36px rgba(0,0,0,.3);
}

.kg-rank-top-1 .kg-rank-position{
  color:#ffd46a;
}

.kg-rank-top-2{
  border-color:rgba(201,211,231,.55);
}

.kg-rank-top-2 .kg-rank-position{
  color:#dce5f4;
}

.kg-rank-top-3{
  border-color:rgba(210,124,68,.58);
}

.kg-rank-top-3 .kg-rank-position{
  color:#df9b68;
}

/* TABLET */

@media (max-width:1100px){
  .kg-rank-card{
    grid-template-columns:60px minmax(220px,1fr) 130px;
  }

  .kg-rank-stats{
    grid-column:1 / -1;
    grid-template-columns:repeat(7,1fr);
    padding-top:12px;
    border-top:1px solid rgba(255,255,255,.05);
  }
}

/* CELULAR */

@media (max-width:700px){
  .kg-rank-card{
    grid-template-columns:48px 1fr 92px;
    gap:10px;
    padding:14px 12px;
  }

  .kg-rank-position{
    font-size:17px;
  }

  .kg-rank-avatar{
    width:48px;
    height:48px;
    min-width:48px;
  }

  .kg-rank-player-info strong{
    font-size:14px;
  }

  .kg-rank-player-info span{
    display:none;
  }

  .kg-rank-level{
    min-height:66px;
  }

  .kg-rank-level strong{
    font-size:24px;
  }

  .kg-rank-level small{
    font-size:8px;
  }

  .kg-rank-stats{
    grid-column:1 / -1;
    grid-template-columns:repeat(4,1fr);
    gap:6px;
    padding-top:10px;
  }

  .kg-rank-stat{
    min-height:48px;
    border:0;
    background:rgba(255,255,255,.018);
    border-radius:8px;
  }

  .kg-rank-stat span{
    font-size:8px;
  }

  .kg-rank-stat strong{
    font-size:15px;
  }
}


/* =========================================================
   KINGS - AJUSTE DE FONTES / PERFIL COMPETITIVO
   ========================================================= */

body{
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

.kg-profile-modal{
  max-width:820px;
  width:min(820px,calc(100vw - 32px));
  border-radius:18px;
  overflow:hidden;
  font-size:16px;
}

.kg-profile-modal h2{
  font-size:42px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.03em;
}

.kg-profile-modal .eyebrow,
.kg-profile-modal .section-label,
.kg-profile-modal small{
  font-size:11px;
  font-weight:700;
  letter-spacing:.12em;
}

.kg-profile-modal .steam-id{
  font-size:13px;
  font-weight:500;
  letter-spacing:.04em;
  opacity:.75;
}

.kg-profile-stat strong{
  font-size:34px;
  line-height:1;
  font-weight:900;
}

.kg-profile-stat span{
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
}

.kg-profile-stat small{
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.kg-profile-level strong{
  font-size:20px;
  font-weight:900;
}

/* Ranking */
.kg-rank-player-info strong{
  font-size:18px;
  font-weight:900;
}

.kg-rank-position{
  font-size:22px;
  font-weight:900;
}

.kg-rank-level strong{
  font-size:32px;
  font-weight:900;
}

.kg-rank-level-label,
.kg-rank-level small{
  font-weight:800;
}

.kg-rank-stat strong{
  font-size:18px;
  font-weight:900;
}

.kg-rank-stat span{
  font-size:10px;
  font-weight:800;
}


/* =========================================================
   KINGS - BLOCO DE ELO COMPETITIVO (SEM PROGRESSO EXPOSTO)
   ========================================================= */

.kg-profile-progress,
.kg-competitive-progress,
.kg-rank-progress{
  padding:22px 24px;
  border:1px solid rgba(255,184,77,.22);
  border-radius:14px;
  background:
    linear-gradient(135deg, rgba(26,25,20,.92), rgba(18,17,14,.96));
}

.kg-profile-progress .progress-bar,
.kg-profile-progress .progress-track,
.kg-profile-progress .progress-fill,
.kg-profile-progress .progress-meta,
.kg-profile-progress .progress-footer,
.kg-profile-progress .progress-points,
.kg-profile-progress .progress-next{
  display:none !important;
}

.kg-profile-progress .progress-title{
  font-size:11px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#ffd332;
  margin-bottom:8px;
}

.kg-profile-progress .progress-rank-name{
  display:block;
  font-size:28px;
  line-height:1.1;
  font-weight:900;
  color:#ffffff;
  margin-bottom:14px;
}

.kg-profile-progress .progress-level-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:140px;
  min-height:52px;
  padding:0 18px;
  border-radius:12px;
  border:1px solid rgba(255,208,50,.45);
  background:linear-gradient(180deg, rgba(255,188,50,.16), rgba(255,181,50,.20));
  box-shadow:0 0 20px rgba(255,194,50,.12);
  font-size:26px;
  font-weight:900;
  color:#fff;
  letter-spacing:.04em;
}

.kg-profile-progress .progress-note{
  margin-top:14px;
  font-size:13px;
  line-height:1.5;
  color:#ffd632;
  max-width:560px;
}


/* =========================================================
   KINGS - PROGRESSO COMPETITIVO SEM PONTOS EXPOSTOS
   ========================================================= */

.kg-player-progress-hidden{
  padding:22px 24px;
}

.kg-player-progress-main{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}

.kg-player-progress-label{
  display:block;
  margin-bottom:7px;
  font-size:10px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#ffd332;
}

.kg-player-progress-name{
  display:block;
  font-size:24px;
  line-height:1.1;
  font-weight:900;
  color:#fff;
}

.kg-player-progress-level{
  min-width:130px;
  padding:12px 18px;
  text-align:center;
  border:1px solid rgba(255,199,50,.45);
  border-radius:12px;
  background:linear-gradient(
    180deg,
    rgba(255,187,50,.16),
    rgba(255,180,50,.22)
  );
  box-shadow:0 0 18px rgba(255,193,50,.08);
}

.kg-player-progress-level span{
  display:block;
  margin-bottom:2px;
  font-size:9px;
  font-weight:800;
  letter-spacing:.16em;
  color:#ffd232;
}

.kg-player-progress-level strong{
  font-size:28px;
  line-height:1;
  font-weight:900;
  color:#fff;
}

.kg-player-progress-note{
  margin:14px 0 0;
  max-width:620px;
  font-size:13px;
  line-height:1.5;
  color:#8f879f;
}

@media (max-width:700px){
  .kg-player-progress-main{
    align-items:flex-start;
  }

  .kg-player-progress-name{
    font-size:20px;
  }

  .kg-player-progress-level{
    min-width:100px;
    padding:10px 12px;
  }

  .kg-player-progress-level strong{
    font-size:23px;
  }
}


/* KINGS - RESTAURA BARRA VISUAL DO LEVEL SEM MOSTRAR KSP */

.kg-player-progress-hidden .kg-player-progress-track{
  display:block !important;
  width:100%;
  height:7px;
  margin-top:18px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.04);
}

.kg-player-progress-hidden .kg-player-progress-track > span{
  display:block !important;
  height:100% !important;
  min-height:5px;
  border-radius:999px;
  background:linear-gradient(
    90deg,
    #ffb52e 0%,
    #ffc432 35%,
    #ffba32 65%,
    #ffbd32 100%
  );
  box-shadow:0 0 14px rgba(255,191,50,.35);
}

.kg-player-progress-hidden .kg-player-progress-note{
  margin-top:14px;
}


/* TESTE DEFINITIVO - BARRA DE PROGRESSO DO LEVEL */

.kg-player-progress-hidden .kg-player-progress-track{
  display:block !important;
  position:relative !important;
  width:100% !important;
  height:10px !important;
  min-height:10px !important;
  margin:18px 0 0 !important;
  padding:0 !important;
  overflow:hidden !important;
  opacity:1 !important;
  visibility:visible !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:#0b0b09 !important;
  box-shadow:
    inset 0 1px 3px rgba(0,0,0,.8),
    0 0 0 1px rgba(255,255,255,.02) !important;
}

.kg-player-progress-hidden .kg-player-progress-track > span{
  display:block !important;
  position:relative !important;
  height:100% !important;
  min-height:8px !important;
  opacity:1 !important;
  visibility:visible !important;
  border-radius:999px !important;
  background:linear-gradient(
    90deg,
    #ffb31a 0%,
    #ffc432 35%,
    #ffba32 65%,
    #ffbe32 100%
  ) !important;
  box-shadow:
    0 0 10px rgba(255,187,50,.55),
    0 0 18px rgba(255,190,50,.25) !important;
}


/* =========================================================
   KINGS - CABEÇALHO DO RANKING V2
   ========================================================= */

/* bloco superior */
#main .page-heading{
  position:relative;
  padding:28px 30px 24px !important;
  margin-bottom:18px !important;

  border:1px solid rgba(255,192,50,.22);
  border-radius:16px;

  background:
    radial-gradient(circle at 85% 10%,rgba(255,186,50,.10),transparent 35%),
    linear-gradient(135deg,rgba(20,19,16,.96),rgba(11,10,8,.98));

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 12px 30px rgba(0,0,0,.16);
}

/* texto pequeno COMPETITIVO / TEMPORADA */
#main .page-heading .eyebrow{
  display:block;
  margin-bottom:12px !important;

  font-family:"Segoe UI",Arial,sans-serif !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:800 !important;

  letter-spacing:1.8px !important;
  text-transform:uppercase;

  color:#ffc432 !important;
}

/* título principal */
#main .page-heading h1{
  margin:0 !important;

  font-family:"Segoe UI",Arial,sans-serif !important;
  font-size:40px !important;
  line-height:1.05 !important;
  font-weight:900 !important;

  font-style:normal !important;
  letter-spacing:-1.3px !important;

  color:#fff !important;

  text-shadow:
    0 0 22px rgba(255,191,50,.08);
}

/* descrição */
#main .page-heading > p{
  margin:12px 0 0 !important;

  font-family:"Segoe UI",Arial,sans-serif !important;
  font-size:15px !important;
  line-height:1.55 !important;
  font-weight:400 !important;

  color:#aaa4b7 !important;
}

/* botão guia dos elos */
#main .page-heading .button{
  margin-top:20px !important;

  min-height:42px;
  padding:0 16px !important;

  border:1px solid rgba(255,196,50,.48) !important;
  border-radius:9px !important;

  background:
    linear-gradient(
      180deg,
      rgba(255,186,50,.18),
      rgba(255,180,50,.18)
    ) !important;

  color:#e5d9f4 !important;

  font-family:"Segoe UI",Arial,sans-serif !important;
  font-size:12px !important;
  font-weight:700 !important;
  letter-spacing:.3px !important;

  transition:
    border-color .18s ease,
    background .18s ease,
    transform .18s ease;
}

#main .page-heading .button:hover{
  transform:translateY(-1px);

  border-color:rgba(255,201,50,.9) !important;

  background:
    linear-gradient(
      180deg,
      rgba(255,188,50,.28),
      rgba(255,182,50,.25)
    ) !important;
}

/* área de busca/filtro */
#main .toolbar{
  display:grid !important;
  grid-template-columns:minmax(280px,1fr) auto;
  align-items:center;
  gap:10px;

  margin:0 0 12px !important;
}

/* busca */
#main .toolbar .search{
  min-height:46px !important;

  border:1px solid rgba(255,255,255,.09) !important;
  border-radius:10px !important;

  background:#0d0c0a !important;
}

/* select */
#main #ranking-sort{
  min-height:46px !important;

  border:1px solid rgba(255,255,255,.09) !important;
  border-radius:10px !important;

  background:#0d0c0a !important;

  color:#fff !important;

  font-size:13px !important;
  font-weight:600 !important;
}

/* etiqueta competitivo */
#main .toolbar .tag{
  position:absolute;
  right:16px;

  padding:7px 10px !important;

  border:1px solid rgba(255,190,50,.45) !important;
  border-radius:7px !important;

  font-size:8px !important;
  font-weight:800 !important;
  letter-spacing:.7px !important;

  color:#ffc732 !important;

  background:rgba(255,182,50,.08) !important;
}


/* RESPONSIVO */
@media(max-width:700px){

  #main .page-heading{
    padding:22px 18px !important;
  }

  #main .page-heading h1{
    font-size:31px !important;
    letter-spacing:-.8px !important;
  }

  #main .page-heading > p{
    font-size:14px !important;
  }

  #main .toolbar{
    display:flex !important;
    flex-direction:column;
    align-items:stretch;
  }

  #main .toolbar .tag{
    position:static;
    align-self:flex-start;
  }

}


/* =========================================================
   KINGS - CORREÇÃO DE ALINHAMENTO DA PÁGINA DE RANKING
   ========================================================= */

/* Cabeçalho, filtros e ranking com a mesma largura */
#main .page-heading,
#main .toolbar,
#main #ranking-results{
  width:calc(100% - 40px) !important;
  max-width:1184px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}

/* Cabeçalho */
#main .page-heading{
  margin-top:20px !important;
  margin-bottom:16px !important;
  padding:24px 26px 20px !important;
}

/* Barra de filtros */
#main .toolbar{
  position:relative !important;

  display:grid !important;
  grid-template-columns:minmax(0,1fr) 150px auto !important;

  gap:10px !important;
  align-items:center !important;

  margin-top:0 !important;
  margin-bottom:12px !important;
}

/* Busca */
#main .toolbar .search{
  width:100% !important;
  min-width:0 !important;
  height:44px !important;

  display:flex !important;
  align-items:center !important;

  border:1px solid rgba(255,255,255,.09) !important;
  border-radius:8px !important;

  background:#0c0b09 !important;
}

#main .toolbar .search input{
  width:100% !important;
  height:100% !important;

  padding:0 12px !important;

  border:0 !important;
  outline:0 !important;

  background:transparent !important;

  color:#fff !important;

  font-family:"Segoe UI",Arial,sans-serif !important;
  font-size:13px !important;
}

/* Ordenação */
#main #ranking-sort{
  width:150px !important;
  height:44px !important;

  border:1px solid rgba(255,255,255,.09) !important;
  border-radius:8px !important;

  padding:0 12px !important;

  background:#0c0b09 !important;
  color:#fff !important;

  font-family:"Segoe UI",Arial,sans-serif !important;
  font-size:12px !important;
  font-weight:700 !important;
}

/* Selo deixa de ficar solto no canto da tela */
#main .toolbar .tag{
  position:static !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  height:32px !important;
  padding:0 11px !important;

  white-space:nowrap !important;

  border:1px solid rgba(255,192,50,.45) !important;
  border-radius:6px !important;

  background:rgba(255,182,50,.08) !important;

  color:#ffc832 !important;

  font-size:8px !important;
  font-weight:900 !important;
  letter-spacing:.65px !important;
}

/* Painel do ranking */
#main #ranking-results{
  padding:22px !important;
}

/* Mobile */
@media(max-width:700px){

  #main .page-heading,
  #main .toolbar,
  #main #ranking-results{
    width:calc(100% - 24px) !important;
  }

  #main .toolbar{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  #main #ranking-sort{
    width:100% !important;
  }

  #main .toolbar .tag{
    justify-self:start !important;
  }

  #main #ranking-results{
    padding:10px !important;
  }
}


/* =========================================================
   KINGS - NEON DOURADO PULSANTE
   ========================================================= */

@keyframes kingsGoldPulse{
  0%{
    box-shadow:
      0 0 8px rgba(255,190,55,.18),
      0 0 16px rgba(255,190,55,.10);
    border-color:rgba(255,196,66,.55);
  }

  50%{
    box-shadow:
      0 0 16px rgba(255,190,55,.42),
      0 0 32px rgba(255,190,55,.22),
      0 0 48px rgba(255,155,25,.10);
    border-color:rgba(255,215,95,.95);
  }

  100%{
    box-shadow:
      0 0 8px rgba(255,190,55,.18),
      0 0 16px rgba(255,190,55,.10);
    border-color:rgba(255,196,66,.55);
  }
}

.kg-rank-top-1{
  animation:kingsGoldPulse 2.4s ease-in-out infinite !important;
}

.kg-rank-top-1 .kg-rank-position{
  text-shadow:
    0 0 6px rgba(255,210,90,.45),
    0 0 14px rgba(255,180,40,.25);
}


/* =========================================================
   KINGS - ALINHAMENTO FINAL + NEON DOURADO
   ========================================================= */

/* Tudo no mesmo eixo */
#main .page-heading,
#main .toolbar,
#main #ranking-results{
  width:calc(100% - 40px) !important;
  max-width:1184px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}

/* Toolbar perfeitamente encaixada */
#main .toolbar{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 150px auto !important;
  gap:10px !important;
  align-items:center !important;
}

#main .toolbar .search,
#main #ranking-sort{
  height:44px !important;
}

#main .toolbar .tag{
  position:static !important;
  height:32px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
}

/* =========================================================
   PRIMEIRO LUGAR - NEON DOURADO MAIS FORTE
   ========================================================= */

@keyframes kingsGoldGlow{
  0%,100%{
    border-color:#c99324;
    box-shadow:
      0 0 5px rgba(255,193,61,.45),
      0 0 10px rgba(255,174,25,.25),
      inset 0 0 8px rgba(255,187,42,.05);
  }

  50%{
    border-color:#ffd766;
    box-shadow:
      0 0 10px rgba(255,216,102,.95),
      0 0 22px rgba(255,184,35,.65),
      0 0 38px rgba(255,155,20,.35),
      inset 0 0 14px rgba(255,195,50,.10);
  }
}

.kg-rank-top-1{
  position:relative !important;
  z-index:1;
  border:1px solid #d6a32e !important;
  animation:kingsGoldGlow 1.8s ease-in-out infinite !important;
}

/* linha luminosa extra no topo */
.kg-rank-top-1::before{
  content:"";
  position:absolute;
  left:24px;
  right:24px;
  top:-1px;
  height:1px;
  border-radius:999px;
  background:linear-gradient(
    90deg,
    transparent,
    #ffd76b,
    #ffb92f,
    #ffd76b,
    transparent
  );
  box-shadow:
    0 0 8px rgba(255,207,79,.9),
    0 0 16px rgba(255,177,31,.5);
  pointer-events:none;
}

.kg-rank-top-1 .kg-rank-position{
  color:#ffd76b !important;
  text-shadow:
    0 0 6px rgba(255,219,119,.9),
    0 0 12px rgba(255,184,34,.6);
}

/* level do primeiro também ganha brilho */
.kg-rank-top-1 .kg-rank-level{
  border-color:rgba(255,194,56,.65) !important;
  box-shadow:
    0 0 10px rgba(255,188,39,.18),
    inset 0 0 10px rgba(255,188,39,.05);
}

/* mobile */
@media(max-width:700px){
  #main .page-heading,
  #main .toolbar,
  #main #ranking-results{
    width:calc(100% - 24px) !important;
  }

  #main .toolbar{
    grid-template-columns:1fr !important;
  }

  #main #ranking-sort{
    width:100% !important;
  }
}


/* =========================================================
   KINGS - FIX DEFINITIVO RANKING
   alinhamento + neon ouro
   ========================================================= */

/* força cabeçalho, filtros e ranking no MESMO eixo */
#main > .page-heading,
#main > .toolbar,
#main > #ranking-results{
  width:min(1184px, calc(100% - 40px)) !important;
  max-width:1184px !important;

  margin-left:auto !important;
  margin-right:auto !important;

  left:auto !important;
  right:auto !important;
  transform:none !important;

  box-sizing:border-box !important;
}

/* ===== FILTROS ===== */

#main > .toolbar{
  position:relative !important;

  display:grid !important;
  grid-template-columns:minmax(0, 1fr) 150px 150px !important;

  align-items:center !important;
  gap:10px !important;

  padding:0 !important;
  margin-top:0 !important;
  margin-bottom:12px !important;
}

/* busca */
#main > .toolbar .search{
  position:relative !important;

  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  height:44px !important;

  margin:0 !important;

  display:flex !important;
  align-items:center !important;

  border-radius:8px !important;

  background:#0c0b09 !important;
  border:1px solid rgba(255,255,255,.10) !important;
}

#main > .toolbar .search input{
  width:100% !important;
  min-width:0 !important;

  border:0 !important;
  outline:0 !important;

  background:transparent !important;
  color:#fff !important;
}

/* ordenação */
#main > .toolbar #ranking-sort{
  position:static !important;

  width:150px !important;
  min-width:150px !important;
  height:44px !important;

  margin:0 !important;

  border-radius:8px !important;
}

/* selo */
#main > .toolbar .tag{
  position:static !important;

  width:150px !important;
  height:44px !important;

  margin:0 !important;
  padding:0 10px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  box-sizing:border-box !important;

  white-space:nowrap !important;

  border-radius:8px !important;
  border:1px solid rgba(255,190,50,.50) !important;

  background:
    linear-gradient(
      180deg,
      rgba(255,182,50,.13),
      rgba(255,179,50,.09)
    ) !important;

  color:#ffca32 !important;

  font-size:8px !important;
  font-weight:900 !important;
  letter-spacing:.65px !important;
}


/* =========================================================
   #01 - NEON DOURADO FORTE E PULSANTE
   ========================================================= */

@keyframes kingsChampionGlow{
  0%,100%{
    border-color:rgba(218,158,25,.80);

    box-shadow:
      0 0 5px rgba(255,190,35,.30),
      0 0 12px rgba(255,166,20,.16),
      inset 0 0 8px rgba(255,184,36,.03);
  }

  50%{
    border-color:#ffd75c;

    box-shadow:
      0 0 8px rgba(255,220,100,.95),
      0 0 18px rgba(255,190,45,.72),
      0 0 34px rgba(255,159,20,.48),
      0 0 52px rgba(255,132,0,.22),
      inset 0 0 15px rgba(255,196,58,.08);
  }
}

#ranking-results .kg-rank-card.kg-rank-top-1{
  position:relative !important;
  z-index:3 !important;

  overflow:visible !important;

  border:1px solid #d6a127 !important;

  animation:
    kingsChampionGlow 1.7s ease-in-out infinite !important;
}

/* brilho interno adicional */
#ranking-results .kg-rank-top-1::after{
  content:"";
  position:absolute;

  inset:-2px;

  border-radius:inherit;

  pointer-events:none;

  border:1px solid rgba(255,211,82,.16);

  box-shadow:
    inset 0 0 18px rgba(255,187,38,.05);
}

/* #01 brilhando */
#ranking-results .kg-rank-top-1 .kg-rank-position{
  color:#ffd65c !important;

  text-shadow:
    0 0 5px rgba(255,226,135,.95),
    0 0 12px rgba(255,185,37,.65),
    0 0 22px rgba(255,151,13,.35) !important;
}

/* painel precisa permitir o glow sair */
#main #ranking-results{
  overflow:visible !important;
}


/* mobile */
@media(max-width:700px){

  #main > .page-heading,
  #main > .toolbar,
  #main > #ranking-results{
    width:calc(100% - 24px) !important;
  }

  #main > .toolbar{
    grid-template-columns:1fr !important;
  }

  #main > .toolbar #ranking-sort,
  #main > .toolbar .tag{
    width:100% !important;
  }
}


/* =========================================================
   KINGS - COMUNIDADE V2
   ========================================================= */

.kg-community-page{
  width:min(1184px,calc(100% - 40px));
  margin:30px auto 70px;
}

.kg-community-hero{
  position:relative;
  padding:34px 36px;
  margin-bottom:20px;

  border:1px solid rgba(255,193,50,.30);
  border-radius:18px;

  background:
    radial-gradient(circle at 90% 0%,rgba(255,188,50,.12),transparent 38%),
    linear-gradient(135deg,#13120e,#0b0b09);

  overflow:hidden;
}

.kg-community-hero::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:3px;

  background:linear-gradient(
    180deg,
    #ffc432,
    #ffc032,
    #ffbf32
  );

  box-shadow:0 0 16px rgba(255,192,50,.6);
}

.kg-community-eyebrow{
  display:block;
  margin-bottom:12px;

  font-size:11px;
  font-weight:900;
  letter-spacing:.18em;

  color:#ffc732;
}

.kg-community-hero h1{
  margin:0;

  font-family:"Segoe UI",Arial,sans-serif !important;
  font-size:46px !important;
  line-height:1.03 !important;
  font-weight:900 !important;
  font-style:normal !important;
  letter-spacing:-1.5px !important;

  color:#fff;
}

.kg-community-hero p{
  max-width:720px;
  margin:18px 0 0;

  font-size:16px;
  line-height:1.7;
  color:#aaa3b7;
}

.kg-community-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}

.kg-community-card{
  position:relative;

  display:flex;
  flex-direction:column;
  min-height:300px;

  padding:26px;

  text-decoration:none;

  border:1px solid rgba(255,255,255,.09);
  border-radius:16px;

  background:
    linear-gradient(145deg,rgba(22,20,17,.98),rgba(11,10,8,.98));

  transition:
    transform .2s ease,
    border-color .2s ease,
    box-shadow .2s ease;
}

.kg-community-card:hover{
  transform:translateY(-4px);
}

.kg-community-card.discord:hover{
  border-color:rgba(255,202,50,.80);
  box-shadow:0 0 28px rgba(255,197,50,.16);
}

.kg-community-card.steam:hover{
  border-color:rgba(255,215,50,.75);
  box-shadow:0 0 28px rgba(255,213,50,.15);
}

.kg-community-card.whatsapp:hover{
  border-color:rgba(52,211,121,.75);
  box-shadow:0 0 28px rgba(36,205,111,.14);
}

.kg-community-icon{
  width:58px;
  height:58px;

  display:flex;
  align-items:center;
  justify-content:center;

  margin-bottom:28px;

  border-radius:14px;

  font-size:26px;
  font-weight:950;

  color:#fff;
}

.kg-community-card.discord .kg-community-icon{
  background:rgba(255,197,50,.16);
  border:1px solid rgba(255,202,50,.48);
}

.kg-community-card.steam .kg-community-icon{
  background:rgba(255,212,50,.14);
  border:1px solid rgba(255,215,50,.45);
}

.kg-community-card.whatsapp .kg-community-icon{
  background:rgba(35,196,104,.13);
  border:1px solid rgba(45,216,118,.42);
}

.kg-community-card span{
  display:block;

  margin-bottom:7px;

  font-size:10px;
  font-weight:900;
  letter-spacing:.15em;

  color:#827b91;
}

.kg-community-card h2{
  margin:0;

  font-size:27px;
  line-height:1.1;
  font-weight:900;

  color:#fff;
}

.kg-community-card p{
  margin:14px 0 25px;

  font-size:15px;
  line-height:1.65;

  color:#aaa3b5;
}

.kg-community-card > strong{
  margin-top:auto;

  font-size:12px;
  font-weight:900;
  letter-spacing:.04em;

  color:#fff;
}

.kg-community-staff-call{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;

  margin-top:20px;
  padding:28px 30px;

  border:1px solid rgba(255,190,50,.23);
  border-radius:16px;

  background:
    radial-gradient(circle at 90% 50%,rgba(255,185,38,.06),transparent 35%),
    #0e0d0a;
}

.kg-community-staff-call > div > span{
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em;

  color:#d3a643;
}

.kg-community-staff-call h2{
  margin:7px 0 5px;

  font-size:25px;
  font-weight:900;

  color:#fff;
}

.kg-community-staff-call p{
  margin:0;

  font-size:15px;
  color:#9c95a8;
}

@media(max-width:850px){

  .kg-community-grid{
    grid-template-columns:1fr;
  }

  .kg-community-card{
    min-height:auto;
  }

}

@media(max-width:700px){

  .kg-community-page{
    width:calc(100% - 24px);
  }

  .kg-community-hero{
    padding:26px 22px;
  }

  .kg-community-hero h1{
    font-size:34px !important;
  }

  .kg-community-staff-call{
    flex-direction:column;
    align-items:flex-start;
  }

}


/* =========================================================
   KINGS - LOGOS OFICIAIS COMUNIDADE
   ========================================================= */

.kg-community-icon{
  width:64px;
  height:64px;

  display:flex;
  align-items:center;
  justify-content:center;

  margin-bottom:28px;

  border-radius:16px;
}

.kg-community-icon svg{
  width:30px;
  height:30px;
  display:block;
  color:#fff;
}

.kg-community-card.discord .kg-community-icon{
  background:rgba(255,202,50,.16);
  border:1px solid rgba(255,202,50,.55);
  box-shadow:0 0 18px rgba(255,202,50,.10);
}

.kg-community-card.steam .kg-community-icon{
  background:rgba(255,215,50,.13);
  border:1px solid rgba(255,215,50,.48);
  box-shadow:0 0 18px rgba(255,215,50,.08);
}

.kg-community-card.whatsapp .kg-community-icon{
  background:rgba(37,211,102,.14);
  border:1px solid rgba(37,211,102,.48);
  box-shadow:0 0 18px rgba(37,211,102,.08);
}

/* ==============================
   KINGS STAFF CARDS
   ============================== */

.kg-staff-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:30px;
}


.kg-staff-card{
  position:relative;
  padding:28px;
  min-height:280px;

  background:
    linear-gradient(
      145deg,
      rgba(34,31,26,.95),
      rgba(12,11,9,.95)
    );

  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;

  overflow:hidden;

  transition:.35s ease;

}


.kg-staff-card::before{

  content:"";
  position:absolute;
  inset:-2px;

  background:
    linear-gradient(
      90deg,
      #ffb52e,
      #ffbf32,
      #ffbd32,
      #23ff9a
    );

  z-index:-1;

  opacity:.35;

  filter:blur(12px);

}


.kg-staff-card:hover{

  transform:translateY(-6px);

  box-shadow:
    0 0 35px rgba(255,181,46,.35);

}


.kg-staff-avatar{

  width:110px;
  height:110px;

  border-radius:50%;

  padding:4px;

  background:
    linear-gradient(
      135deg,
      #ffd34d,
      #ffbe32,
      #ffbe32
    );

  margin-bottom:18px;

}


.kg-staff-avatar img{

  width:100%;
  height:100%;

  object-fit:cover;

  border-radius:50%;

  background:#0c0b09;

}



.kg-staff-card h2{

  font-size:28px;
  font-weight:900;

  margin:5px 0 12px;

}



.kg-staff-role{

  display:inline-block;

  padding:6px 12px;

  border-radius:20px;

  background:rgba(255,181,46,.15);

  border:1px solid rgba(255,181,46,.5);

  color:#ffd34d;

  font-size:12px;

  font-weight:900;

}



.kg-staff-steam{

  margin-top:15px;

  color:#d8d4e8;

  font-size:15px;

}



.kg-staff-servers{

  margin-top:18px;

  font-size:14px;

  color:#aaa;

}


.kg-staff-servers span{

  display:block;

  color:#ffd332;

  font-size:11px;

  letter-spacing:1px;

  margin-bottom:8px;

}



.kg-staff-servers div{

  color:#fff;

  margin:4px 0;

}



.kg-staff-steam-button{

  display:inline-block;

  margin-top:20px;

  color:#fff;

  font-weight:900;

  font-size:13px;

  text-decoration:none;

}


@media(max-width:800px){

  .kg-staff-grid{
    grid-template-columns:1fr;
  }

}
/* ==========================
   KINGS SECURITY PANEL
========================== */

.kg-security-panel{
  margin-top:40px;
  padding:28px;
  border:1px solid rgba(255,198,50,.45);
  border-radius:22px;
  background:
    radial-gradient(circle at top,
    rgba(255,198,50,.22),
    transparent 45%),
    linear-gradient(180deg,
    rgba(23,21,17,.95),
    rgba(0,0,0,.75));
  box-shadow:
    0 0 35px rgba(255,198,50,.18);
}

.kg-security-panel h2{
  color:#fff;
  font-size:32px;
  font-weight:900;
  letter-spacing:1px;
  text-shadow:
    0 0 15px rgba(255,198,50,.8);
  margin-bottom:25px;
}

.kg-security-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:22px;
}

.kg-security-card{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(145deg,
    rgba(255,175,50,.12),
    rgba(19,18,14,.95));
  border:1px solid rgba(255,175,50,.35);
  border-radius:20px;
  padding:22px;
  box-shadow:
    0 0 25px rgba(255,175,50,.18);
  transition:.25s;
}

.kg-security-card:hover{
  transform:translateY(-5px);
  border-color:#ffaf32;
  box-shadow:
    0 0 35px rgba(255,175,50,.45);
}

.kg-security-card h3{
  color:#fff;
  font-size:22px;
  font-weight:900;
  margin-bottom:15px;
}

.kg-security-card h3::first-letter{
  color:#ffaf32;
}

.kg-security-card p{
  color:#d4d4e8;
  font-size:15px;
  margin:10px 0;
}

.kg-security-open{
  margin-top:18px;
  width:100%;
  background:
    linear-gradient(90deg,#ffaf32,#ffc832);
  border:none;
  color:#fff;
  font-weight:900;
  padding:12px;
  border-radius:12px;
  cursor:pointer;
  box-shadow:
    0 0 20px rgba(255,175,50,.35);
}

.kg-security-open:hover{
  filter:brightness(1.2);
}
.kg-security-modal{
  position:fixed;
  inset:0;
  z-index:9999;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(0,0,0,.75);
  backdrop-filter:blur(8px);
}

.kg-security-modal-box{
  width:min(520px,90%);
  background:
    linear-gradient(145deg,
    rgba(26,25,20,.98),
    rgba(8,7,6,.98));
  border:1px solid rgba(255,198,50,.7);
  border-radius:24px;
  padding:30px;
  box-shadow:
    0 0 50px rgba(255,198,50,.35);
  position:relative;
  color:white;
}

.kg-security-modal-box h2{
  font-size:32px;
  font-weight:900;
  color:#fff;
  text-shadow:
    0 0 15px rgba(255,198,50,.8);
  margin-bottom:20px;
}

.kg-security-modal-box h3{
  font-size:24px;
  color:#ffaf32;
  margin-bottom:20px;
}

.kg-security-modal-box p{
  color:#d4d4e8;
  font-size:16px;
  margin:12px 0;
}

.kg-security-close{
  position:absolute;
  top:15px;
  right:15px;
  background:#ffaf32;
  border:0;
  color:white;
  font-size:18px;
  width:36px;
  height:36px;
  border-radius:50%;
  cursor:pointer;
}

.kg-security-modal-box .button{
  display:block;
  margin-top:25px;
  text-align:center;
  background:
    linear-gradient(90deg,#ffaf32,#ffc832);
  color:white;
  font-weight:900;
  padding:14px;
  border-radius:14px;
  text-decoration:none;
}
.kg-security-title{
  font-size:32px;
  font-weight:900;
  color:#fff;
  text-align:center;
  letter-spacing:1px;
  text-shadow:0 0 20px rgba(255,175,50,.8);
  margin-bottom:25px;
}


.kg-security-player{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  font-size:24px;
  margin-bottom:25px;
}

.kg-security-player span{
  font-size:32px;
}


.kg-security-grid-info{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:15px;
}


.kg-security-info-box{
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,198,50,.25);
  border-radius:15px;
  padding:15px;
}


.kg-security-info-box small{
  display:block;
  color:#ffc632;
  font-weight:900;
  margin-bottom:8px;
}


.kg-security-info-box strong{
  color:#fff;
  font-size:16px;
}


.kg-security-progress{
  height:10px;
  margin-top:12px;
  background:#111;
  border-radius:20px;
  overflow:hidden;
}


.kg-security-progress div{
  height:100%;
  background:
    linear-gradient(90deg,#ffaf32,#ffc832);
  box-shadow:0 0 15px #ffaf32;
}


.kg-security-status{
  margin-top:20px;
  padding:12px;
  text-align:center;
  border-radius:12px;
  background:rgba(255,175,50,.15);
  color:#ffc432;
  font-weight:900;
}


.kg-security-demo{
  font-size:18px;
  margin-top:25px;
}
.kg-security-threat{
  display:inline-block;
  margin-top:10px;
  padding:6px 14px;
  border-radius:20px;
  font-size:13px;
  font-weight:900;
  letter-spacing:.5px;
  background:rgba(255,175,50,.15);
  color:#ffc432;
  border:1px solid rgba(255,175,50,.5);
  box-shadow:0 0 15px rgba(255,175,50,.25);
}
.kg-security-threat.high{
  background:rgba(255,175,50,.15);
  color:#ffaf32;
  border-color:#ffaf32;
}

.kg-security-threat.medium{
  background:rgba(255,165,0,.15);
  color:#ffa500;
  border-color:#ffa500;
}

.kg-security-threat.low{
  background:rgba(0,255,120,.15);
  color:#00ff78;
  border-color:#00ff78;
}
.kg-security-title{
  display:flex;
  flex-direction:column;
  align-items:center;
  font-size:32px;
  font-weight:900;
}

.kg-security-title small{
  font-size:14px;
  color:#ffc632;
  margin-top:5px;
}


.kg-security-status.confirmed{
  background:rgba(255,175,50,.18);
  color:#ffaf32;
}

.kg-security-status.false{
  background:rgba(0,255,120,.15);
  color:#00ff78;
}

.kg-security-status.analysis{
  background:rgba(255,200,0,.15);
  color:#ffd000;
}


.kg-community-box{
  margin-top:20px;
  padding:18px;
  border-radius:15px;
  background:
    rgba(255,198,50,.08);
  border:1px solid rgba(255,198,50,.35);
  text-align:center;
}

.kg-community-box h4{
  color:#ffd232;
  font-size:18px;
  margin-bottom:10px;
}

.kg-community-box p{
  margin:5px;
  font-weight:900;
}

.kg-community-box span{
  color:#aaa;
  font-size:13px;
}

/* KINGS SECURITY - modal com rolagem interna */
.kg-security-modal{
  overflow-y:auto;
  padding:18px;
  box-sizing:border-box;
}

.kg-security-modal-box{
  max-height:calc(100vh - 36px);
  overflow-y:auto;
  box-sizing:border-box;
  scrollbar-width:thin;
}

/* Área da demo */
.kg-security-demo-area{
  margin-top:20px;
  padding-bottom:4px;
}

.kg-security-demo{
  width:100%;
  display:block;
  box-sizing:border-box;
  cursor:pointer;
}

.kg-security-demo.disabled{
  opacity:.65;
  cursor:not-allowed;
}

/* Comunidade */
.kg-community-box{
  margin-top:18px;
}


/* KINGS GOLD — shared application shell, all routes */
:root{--bg:#070707;--bg2:#0c0c0b;--panel:#111110;--panel2:#181713;--purple:#ffd044;--purple2:#d99b13;--pink:#ffe28a;--blue:#e7b537;--gold:#ffd044;--text:#f5f3eb;--muted:#a6a39b;--muted2:#858178;--line:rgba(255,208,68,.16);color-scheme:dark}
body.kings-platform{display:block;background:radial-gradient(ellipse at 80% 0,rgba(255,193,28,.065),transparent 45%),#070707;padding-left:216px;min-height:100vh}
body.kings-platform .kg-header{position:fixed!important;inset:0 auto 0 0!important;width:216px!important;height:100dvh!important;background:#0b0b0a!important;border:0!important;border-right:1px solid #55421a!important;box-shadow:5px 0 32px #ffbf0010!important;z-index:100}
body.kings-platform .kg-header::after{display:none!important}
body.kings-platform .kg-header-inner{width:100%!important;height:100%!important;padding:30px 16px 20px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:24px!important}
body.kings-platform .kg-brand{padding:0 8px 24px;border-bottom:1px solid #ffffff12;flex-shrink:0}
body.kings-platform .kg-brand-crown{color:#ffd044!important;text-shadow:0 0 12px #ffc400,0 0 32px #ffb80090!important;filter:none!important;font-size:42px!important}
body.kings-platform .kg-brand-copy strong{font-size:27px!important;letter-spacing:1px!important}body.kings-platform .kg-brand-copy small{color:#a6a39b!important;font-size:7px!important}
body.kings-platform .kg-nav{position:static!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:8px!important;width:100%!important;height:auto!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;background:none!important;overflow:visible!important;flex:1}
body.kings-platform .kg-nav::before,body.kings-platform .kg-nav::after{display:none!important}
body.kings-platform .kg-nav a{height:48px!important;min-height:48px;gap:14px!important;padding:0 14px!important;border:1px solid transparent!important;border-radius:8px!important;background:none!important;color:#a8a59e!important;font-size:11px!important;letter-spacing:.08em!important;box-shadow:none!important;transform:none!important}
body.kings-platform .kg-nav a.active,body.kings-platform .kg-nav a:hover{color:#ffe18a!important;background:linear-gradient(100deg,#ffd04422,#ffd04406)!important;border-color:#ffd04475!important;box-shadow:0 0 18px #ffbd0020,inset 3px 0 #ffd044!important;text-shadow:0 0 14px #ffc40070}
body.kings-platform .kg-nav a.active::after{display:none!important}.nav-icon{font-size:22px;font-weight:500;width:23px;text-align:center}
body.kings-platform .kg-sidebar-caption{font-size:8px;letter-spacing:.13em;color:#898371;text-align:center}body.kings-platform .kg-account{margin:0!important;width:100%}body.kings-platform .kg-account .steam-button{width:100%;justify-content:center;font-size:10px!important;padding:12px 6px!important}.account-menu{flex-wrap:wrap}body.kings-platform .kg-menu-toggle{display:none!important}
#main{width:100%!important;max-width:none!important;margin:0!important;padding:32px!important;min-height:calc(100vh - 100px)}
body.kings-platform .kg-home{background:transparent!important;overflow:visible!important}body.kings-platform .kg-shell{width:100%!important;max-width:none!important}body.kings-platform .kg-section{padding:30px 0!important;background:transparent!important}body.kings-platform .kg-home-bottom{border:0!important}body.kings-platform .kg-dashboard{gap:24px!important;grid-template-columns:minmax(0,1fr) 300px!important}
.footer{width:calc(100% - 64px)!important;margin:0 32px!important;min-height:84px!important;gap:18px!important}.kings-footer-brand strong{font-size:20px!important}.kings-footer-community{font-size:9px!important}
.gold-welcome{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:10px 0 30px}.gold-welcome .eyebrow{font-size:10px;color:#bca976;letter-spacing:.22em}.gold-welcome h1{font-size:clamp(28px,3vw,48px);font-weight:900;letter-spacing:-.05em;margin:13px 0 10px;line-height:1.1}.gold-welcome h1 em{font-style:normal;color:#ffda57;text-shadow:0 0 22px #ffc40065}.gold-welcome p{font-size:13px;color:#a6a39b;margin:0}.gold-summary{display:grid;grid-template-columns:auto auto;gap:5px 12px;align-items:center}.gold-summary strong{color:#ffda57;font-size:24px;text-shadow:0 0 15px #ffbf0070}.gold-summary span{font-size:8px;letter-spacing:.1em;color:#b7b1a1}
.gold-filterbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px;background:#11110f;border:1px solid #ffd04440;border-radius:12px;box-shadow:0 0 24px #ffc4000d}.gold-filters{display:flex;gap:6px;flex-wrap:wrap}.gold-filters button{background:transparent;color:#aaa69b;border:1px solid transparent;border-radius:6px;padding:13px 12px;font-size:10px;font-weight:800;cursor:pointer}.gold-filters button.selected{color:#ffdf73;background:#ffcc3310;border-color:#ffd04480;box-shadow:0 2px #ffd044,0 0 16px #ffc40025}.gold-filters button:hover{color:#ffe28a;background:#ffd04413}.gold-filterbar>.button{white-space:nowrap}
.gold-directory-label{display:flex;justify-content:space-between;gap:12px;color:#89867c;font-size:9px;letter-spacing:.13em;margin:24px 0 14px}.gold-directory-label i{color:#ffd044;font-style:normal;margin:0 8px}
.gold-servers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.gold-server{position:relative;isolation:isolate;min-height:260px;border-radius:12px;overflow:hidden;background:#13130f;border:1px solid #ffd04455;box-shadow:0 0 20px #ffbf0014;transition:border-color .2s,box-shadow .2s,transform .2s}.gold-server[hidden]{display:none}.gold-server:hover{border-color:#ffda57;box-shadow:0 0 26px #ffc40040;transform:translateY(-2px)}.gold-server>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) sepia(.5);opacity:.6;z-index:-2}.gold-server::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#080806 0%,#080806ad 45%,#08080630 100%);z-index:-1}.gold-server-top{display:flex;justify-content:space-between;gap:10px;padding:18px;font-size:9px;letter-spacing:.1em;font-weight:700;color:#eee6ce}.gold-status{font-size:8px;color:#ffe28a;background:#171408d9;border:1px solid #ffd04465;padding:5px 7px;border-radius:4px;box-shadow:0 0 12px #ffc40020}.gold-server-bottom{padding:40px 22px 22px}.gold-server-bottom small{color:#c8bd9e;font-size:8px;letter-spacing:.15em}.gold-server-bottom h2{margin:8px 0;font-size:25px;letter-spacing:-.035em}.gold-server-bottom h2 em{color:#ffda57;font-style:normal;text-shadow:0 0 18px #ffbf0055}.gold-server-bottom p{color:#bbb6a8;font-size:12px;margin:0 0 16px}.gold-server-bottom .button{min-height:36px;padding:10px 18px;font-size:11px}.gold-soon{display:inline-block;color:#a7a294;font-size:11px;padding:10px 0}.upcoming{border-color:#ffffff1c;box-shadow:none}.upcoming>img{opacity:.35}.upcoming .gold-status{color:#bbb6a8;border-color:#ffffff30;box-shadow:none}
.button.primary,body.kings-platform .kg-btn-primary{background:linear-gradient(115deg,#ffe583,#ffcc33 55%,#d69a12)!important;color:#171103!important;border:1px solid #ffe899!important;box-shadow:0 0 20px #ffbf0040,inset 0 1px #fff6!important;text-shadow:none!important}.button.primary:hover,body.kings-platform .kg-btn-primary:hover{box-shadow:0 0 32px #ffc40080!important}
.panel,body.kings-platform .kg-rank-card,body.kings-platform .kg-profile-panel,body.kings-platform .kg-home-lobbies,body.kings-platform .kg-top-panel,.modal{border-color:#ffd04438!important;box-shadow:0 0 20px #ffc4000a!important;background-color:#10100e!important}.page-heading{margin-top:0!important}.page-heading h1{font-size:clamp(26px,3vw,42px)!important}.eyebrow{color:#d4b765}.modal::backdrop{background:#000b;backdrop-filter:blur(6px)}
input:focus,select:focus,textarea:focus{outline:2px solid #ffd044!important;outline-offset:2px}a:focus-visible,button:focus-visible{outline:2px solid #ffe28a!important;outline-offset:4px}.demo-banner{margin:0!important;background:#2a210a!important;color:#ffe28a!important}body.kings-platform .kg-eyebrow i{box-shadow:0 0 15px #ffc400!important}
@media(min-width:1600px){.gold-servers{grid-template-columns:repeat(4,minmax(0,1fr))}.gold-server-bottom h2{font-size:23px}}
@media(max-width:1100px){body.kings-platform{padding-left:184px}body.kings-platform .kg-header{width:184px!important}body.kings-platform .kg-header-inner{padding:24px 12px!important}body.kings-platform .kg-brand{padding-left:0;gap:7px}body.kings-platform .kg-brand-copy strong{font-size:23px!important}body.kings-platform .kg-nav a{padding:0 10px!important;gap:10px!important}#main{padding:24px!important}.gold-summary{display:none}.gold-filterbar{align-items:stretch;flex-direction:column}.gold-filterbar>.button{align-self:flex-start}body.kings-platform .kg-dashboard{grid-template-columns:minmax(0,1fr)!important}body.kings-platform .kg-dashboard-side{display:grid;grid-template-columns:1fr 1fr;gap:20px}.footer{grid-template-columns:1fr auto!important}.kings-footer-community{display:none}}
@media(max-width:700px){body.kings-platform{padding-left:0;padding-top:72px}body.kings-platform .kg-header{inset:0 0 auto!important;width:100%!important;height:72px!important;border-right:0!important;border-bottom:1px solid #ffd04460!important}body.kings-platform .kg-header-inner{padding:12px 16px!important;flex-direction:row!important;align-items:center!important;gap:10px!important}body.kings-platform .kg-brand{padding:0;border:0;margin-right:auto}body.kings-platform .kg-brand-crown{font-size:34px!important}body.kings-platform .kg-brand-copy strong{font-size:22px!important}body.kings-platform .kg-brand-copy small{font-size:6px!important}body.kings-platform .kg-menu-toggle{display:block!important;order:3;color:#ffda57!important;background:#ffd04415!important;border:1px solid #ffd04455!important;border-radius:6px;width:40px;height:40px}body.kings-platform .kg-nav{display:none!important;position:absolute!important;top:72px!important;left:0!important;right:0!important;width:100%!important;padding:16px!important;background:#0b0b0a!important;border-bottom:1px solid #ffd044!important;box-shadow:0 15px 30px #000b!important}body.kings-platform .kg-nav.open{display:flex!important}body.kings-platform .kg-sidebar-caption{display:none}body.kings-platform .kg-account{width:auto!important}body.kings-platform .kg-account .steam-button{font-size:9px!important;padding:9px!important}body.kings-platform .kg-account .account-name{max-width:105px;overflow:hidden}body.kings-platform .kg-account .steam-mark{display:none}#main{padding:20px 16px!important}.gold-welcome{padding:8px 0 24px}.gold-welcome h1{font-size:30px}.gold-welcome p{font-size:12px;line-height:1.6}.gold-welcome .eyebrow{font-size:8px}.gold-filters{gap:3px}.gold-filters button{font-size:9px;padding:12px 8px}.gold-directory-label{font-size:8px;letter-spacing:.04em}.gold-directory-label>span:last-child{display:none}.gold-servers{grid-template-columns:1fr;gap:16px}.gold-server{min-height:250px}.gold-server-bottom{padding-top:35px}body.kings-platform .kg-dashboard-side{display:block}.footer{width:calc(100% - 32px)!important;margin:0 16px!important;gap:12px!important}.kings-footer-anticheat strong{font-size:9px!important}.kings-footer-anticheat small{font-size:7px!important}body.kings-platform .kg-shell{width:100%!important}.toolbar{flex-wrap:wrap!important}.page-heading{gap:16px;flex-wrap:wrap}body.kings-platform .kg-ranking-list{overflow-x:auto}body.kings-platform .kg-rank-card{min-width:0}.modal{max-width:calc(100vw - 24px)!important}body.kings-platform .kg-home-lobby{min-width:0!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

body.kings-platform .kg-header-inner{max-width:none!important;min-height:0!important;transform:none!important}body.kings-platform .kg-nav{transform:none!important;min-width:0!important;max-width:none!important}body.kings-platform .kg-nav>a{justify-content:flex-start!important;min-width:0!important;flex-shrink:0}body.kings-platform .kg-account{position:static!important;transform:none!important}body.kings-platform .kg-brand{min-width:0!important}
body.kings-platform #main .kg-rank-card{display:grid!important;grid-template-columns:48px minmax(150px,1fr) 100px!important;gap:16px!important;min-width:0!important;padding:20px!important}
body.kings-platform #main .kg-rank-stats{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;width:100%!important;min-width:0!important;border-top:1px solid #ffd04422;padding-top:16px!important}
body.kings-platform #main .kg-rank-player,body.kings-platform #main .kg-rank-player-info{min-width:0!important;width:auto!important}body.kings-platform #main .kg-rank-player-info strong{overflow-wrap:anywhere}body.kings-platform #main .kg-rank-level{width:100%!important}body.kings-platform #main .kg-rank-stat{min-width:0!important}
@media(max-width:700px){body.kings-platform #main .kg-rank-card{grid-template-columns:32px minmax(0,1fr) 66px!important;padding:12px!important;gap:10px!important}body.kings-platform #main .kg-rank-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px 6px!important}body.kings-platform #main .kg-rank-player{gap:8px!important}body.kings-platform #main .kg-rank-avatar{width:36px!important;height:36px!important;flex-shrink:0}body.kings-platform #main .kg-rank-player-info strong{font-size:12px!important}body.kings-platform #main .kg-rank-player-info span{font-size:7px!important}body.kings-platform #main .toolbar{grid-template-columns:1fr!important}body.kings-platform #main .page-heading,body.kings-platform #main .toolbar,body.kings-platform #main #ranking-results{width:100%!important}body.kings-platform #main .page-heading{padding:20px!important}body.kings-platform #main .kg-rank-level strong{font-size:22px!important}}
/* Entry prompt: authentication still uses the existing Steam endpoint. */
#modal:has(.gold-login-welcome){width:480px!important;max-width:calc(100vw - 32px)!important;padding:40px 32px 28px!important;border:1px solid #ffd04495!important;border-radius:18px!important;background:radial-gradient(ellipse at top,#ffd04418,transparent 65%),#0c0c0a!important;box-shadow:0 0 65px #ffc40025!important}
.gold-login-welcome{text-align:center}.gold-login-king{display:block;font-size:70px;line-height:1.2;color:#ffdc66;text-shadow:0 0 15px #ffc400,0 0 40px #ffbf0080;margin:0 0 18px}.gold-login-welcome .eyebrow{display:block;font-size:9px;letter-spacing:.22em;color:#d2b66d}.gold-login-welcome h2{font-size:34px!important;line-height:1.1;letter-spacing:-.03em;margin:16px 0!important;color:#fff2be;text-shadow:0 0 22px #ffc40025}.gold-login-welcome p{font-size:14px;line-height:1.7;color:#bdb7a6;margin:0 0 24px}.gold-login-steam{display:flex!important;width:100%;justify-content:center;padding:16px!important;font-size:14px!important}.gold-login-later{display:block;margin:16px auto;border:0;background:none;color:#d4cdb9;text-decoration:underline;text-underline-offset:4px;cursor:pointer;font-size:12px}.gold-login-welcome small{display:block;color:#969080;font-size:10px;line-height:1.6}
@media(max-width:480px){#modal:has(.gold-login-welcome){padding:30px 22px 24px!important}.gold-login-welcome h2{font-size:29px!important}.gold-login-king{font-size:58px}}


/* ============================================================
   KINGS HOME V2
   ============================================================ */

.kg2-home{
  --kg2-gold:#ffc72c;
  --kg2-gold2:#ffe27a;
  --kg2-bg:#080806;
  --kg2-panel:#11100c;
  --kg2-line:rgba(255,210,60,.18);
  overflow:hidden;
  background:#080806;
}

.kg2-shell{
  width:min(1480px,calc(100% - 48px));
  margin:0 auto;
}

.kg2-kicker{
  display:flex;
  align-items:center;
  gap:9px;
  color:#a18f5e;
  font-size:9px;
  font-weight:900;
  letter-spacing:.17em;
}

.kg2-kicker i{
  display:block;
  width:24px;
  height:2px;
  background:#ffc72c;
  box-shadow:0 0 15px #ffc72c;
}


/* HERO */

.kg2-hero{
  position:relative;
  min-height:700px;
  overflow:hidden;
  display:flex;
  align-items:center;
  border-bottom:1px solid var(--kg2-line);
  background:#080806;
}

.kg2-hero-bg{
  position:absolute;
  inset:0;
  background:
    linear-gradient(
      90deg,
      rgba(7,7,5,.99) 0%,
      rgba(7,7,5,.94) 43%,
      rgba(7,7,5,.48) 70%,
      rgba(7,7,5,.90) 100%
    ),
    url('/maps/inferno.png')
    center/cover no-repeat;
  opacity:.78;
}

.kg2-hero-grid{
  position:absolute;
  inset:0;
  opacity:.16;
  background-image:
    linear-gradient(
      rgba(255,255,255,.04) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255,255,255,.04) 1px,
      transparent 1px
    );
  background-size:55px 55px;
}

.kg2-hero-glow{
  position:absolute;
  width:760px;
  height:760px;
  right:4%;
  top:-190px;
  border-radius:50%;
  background:
    rgba(255,192,30,.17);
  filter:blur(130px);
}

.kg2-hero-layout{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  align-items:center;
  min-height:700px;
  gap:50px;
}

.kg2-hero-copy{
  padding:70px 0;
}

.kg2-hero-copy h1{
  margin:18px 0 24px;
  max-width:850px;
  font-size:clamp(58px,5.2vw,94px);
  line-height:.9;
  letter-spacing:-.055em;
  font-style:italic;
  font-weight:1000;
}

.kg2-hero-copy h1 em{
  display:inline-block;
  color:#ffc72c;
  font-style:inherit;
  text-shadow:
    0 0 20px rgba(255,199,44,.22),
    0 0 55px rgba(255,199,44,.13);
}

.kg2-hero-copy>p{
  max-width:590px;
  color:#aaa394;
  font-size:14px;
  line-height:1.8;
}

.kg2-hero-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:30px;
}

.kg2-neon-button{
  min-height:51px;
  padding:0 23px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,210,60,.46);
  border-radius:6px;
  background:
    linear-gradient(
      180deg,
      rgba(255,205,55,.08),
      rgba(10,9,6,.96)
    );
  color:#ffe183;
  font-size:9px;
  font-weight:1000;
  letter-spacing:.09em;
  text-decoration:none;
  cursor:pointer;
  box-shadow:
    inset 0 0 0 1px rgba(255,218,90,.04),
    0 0 15px rgba(255,199,44,.10);
  transition:.2s ease;
}

.kg2-neon-button:hover{
  transform:translateY(-2px);
  border-color:#ffe17b;
  color:#fff2bb;
  box-shadow:
    0 0 16px rgba(255,205,50,.30),
    0 0 40px rgba(255,205,50,.16);
}

.kg2-neon-button.primary{
  border-color:#ffd047;
  background:
    linear-gradient(
      120deg,
      #f5ae22,
      #ffd349
    );
  color:#171006;
  box-shadow:
    0 0 20px rgba(255,193,30,.22),
    0 12px 35px rgba(255,175,20,.18);
}

.kg2-hero-stats{
  display:flex;
  gap:28px;
  flex-wrap:wrap;
  margin-top:52px;
}

.kg2-hero-stats div{
  position:relative;
  min-width:90px;
}

.kg2-hero-stats strong{
  display:block;
  color:#fff;
  font-size:24px;
  font-weight:1000;
}

.kg2-hero-stats span{
  display:block;
  margin-top:4px;
  color:#bba45f;
  font-size:7px;
  font-weight:900;
  letter-spacing:.11em;
}

.kg2-hero-art{
  position:relative;
  height:610px;
}

.kg2-hero-person{
  position:absolute;
  right:-5%;
  bottom:-10px;
  width:78%;
  height:92%;
  display:flex;
  align-items:flex-end;
  justify-content:center;
}

.kg2-hero-person img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center bottom;
  filter:
    saturate(.87)
    contrast(1.08)
    drop-shadow(-25px 25px 28px #000)
    drop-shadow(0 0 32px rgba(255,190,40,.17));
}

.kg2-hero-crown{
  position:absolute;
  right:15%;
  top:11%;
  color:rgba(255,199,44,.19);
  font-size:260px;
  line-height:1;
  text-shadow:0 0 55px rgba(255,198,40,.11);
}

.kg2-hero-mark{
  position:absolute;
  z-index:3;
  left:0;
  bottom:70px;
  display:flex;
  flex-direction:column;
  transform:skewY(-4deg);
}

.kg2-hero-mark span{
  color:#8e846e;
  font-size:8px;
  letter-spacing:.3em;
}

.kg2-hero-mark strong{
  color:#fff;
  font-size:64px;
  line-height:.9;
  font-weight:1000;
  font-style:italic;
}

.kg2-hero-mark em{
  color:transparent;
  -webkit-text-stroke:1px #ffd35b;
  font-size:34px;
  font-weight:1000;
  font-style:italic;
  letter-spacing:.16em;
}


/* SECTIONS */

.kg2-section{
  padding:72px 0;
  border-bottom:1px solid rgba(255,255,255,.05);
  background:#0a0907;
}

.kg2-section.kg2-darker{
  background:#070706;
}

.kg2-section-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:30px;
  margin-bottom:27px;
}

.kg2-section-heading h2{
  margin:9px 0 0;
  font-size:34px;
  line-height:1;
  font-style:italic;
  font-weight:1000;
  letter-spacing:-.04em;
}

.kg2-section-heading h2 em{
  color:#ffc72c;
  font-style:inherit;
}

.kg2-section-heading>p{
  color:#817b6c;
  font-size:10px;
}

.kg2-text-link{
  color:#d4ba6c;
  text-decoration:none;
  font-size:9px;
  font-weight:900;
  letter-spacing:.1em;
}


/* ALL FEATURE CARDS USE SAME VISUAL SYSTEM */

.kg2-feature-grid,
.kg2-lobby-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

.kg2-feature-card,
.kg2-lobby-card,
.kg2-panel-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,207,58,.16);
  border-radius:9px;
  background:
    linear-gradient(
      180deg,
      #13110c,
      #090806
    );
  box-shadow:
    0 15px 35px rgba(0,0,0,.35),
    inset 0 0 0 1px rgba(255,255,255,.015);
}

.kg2-feature-card,
.kg2-lobby-card{
  min-height:355px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  text-decoration:none;
  color:#fff;
  transition:.22s ease;
}

.kg2-feature-card:hover,
.kg2-lobby-card:hover,
.kg2-panel-card:hover{
  transform:translateY(-4px);
  border-color:rgba(255,209,60,.48);
  box-shadow:
    0 20px 40px rgba(0,0,0,.46),
    0 0 28px rgba(255,196,30,.10);
}

.kg2-feature-card>img,
.kg2-lobby-card>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:.4s ease;
}

.kg2-feature-card:hover>img,
.kg2-lobby-card:hover>img{
  transform:scale(1.035);
}

.kg2-card-shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(
      to bottom,
      rgba(5,5,4,.12) 0%,
      rgba(5,5,4,.23) 35%,
      rgba(5,5,4,.91) 76%,
      #080706 100%
    );
}

.kg2-card-top{
  position:absolute;
  z-index:2;
  top:15px;
  left:16px;
  right:16px;
  display:flex;
  justify-content:space-between;
  gap:10px;
}

.kg2-card-top span{
  padding:6px 8px;
  border:1px solid rgba(255,215,70,.28);
  border-radius:5px;
  background:rgba(7,7,5,.62);
  backdrop-filter:blur(7px);
  color:#e3c671;
  font-size:7px;
  font-weight:900;
  letter-spacing:.08em;
}

.kg2-card-bottom{
  position:relative;
  z-index:2;
  padding:23px;
}

.kg2-card-bottom small{
  display:block;
  margin-bottom:8px;
  color:#c3a659;
  font-size:7px;
  font-weight:900;
  letter-spacing:.16em;
}

.kg2-card-bottom h3{
  margin:0;
  font-size:25px;
  line-height:.95;
  font-style:italic;
  font-weight:1000;
  letter-spacing:-.04em;
}

.kg2-card-bottom h3 em{
  display:block;
  color:#ffc72c;
  font-style:inherit;
}

.kg2-card-bottom p{
  margin:12px 0 16px;
  min-height:38px;
  color:#928b7b;
  font-size:10px;
  line-height:1.6;
}

.kg2-card-link{
  color:#ffe080;
  font-size:8px;
  letter-spacing:.1em;
}


/* PREMIUM CARD */

.kg2-premium-card{
  background:
    radial-gradient(
      circle at 70% 20%,
      rgba(255,204,50,.24),
      transparent 30%
    ),
    linear-gradient(
      145deg,
      #171205,
      #080706 72%
    );
}

.kg2-premium-card::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(
      135deg,
      transparent 25%,
      rgba(255,210,70,.045) 25.5%,
      transparent 26%
    );
  background-size:38px 38px;
}

.kg2-premium-symbol{
  position:absolute;
  right:4%;
  top:16%;
  color:rgba(255,213,80,.21);
  font-size:190px;
  transform:rotate(6deg);
  text-shadow:
    0 0 35px rgba(255,196,20,.18);
}

.kg2-premium-soon{
  display:inline-flex;
  padding:9px 12px;
  border:1px solid rgba(255,213,60,.48);
  border-radius:6px;
  color:#ffe187;
  font-size:8px;
  letter-spacing:.1em;
  box-shadow:
    0 0 18px rgba(255,196,30,.12);
}


/* LOBBY CARDS */

.kg2-lobby-card{
  min-height:290px;
}

.kg2-live{
  display:flex;
  align-items:center;
  gap:6px;
}

.kg2-live i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#79e686;
  box-shadow:0 0 10px #79e686;
}

.kg2-lobby-meta{
  display:flex;
  gap:15px;
  margin:12px 0 16px;
  color:#9e947c;
  font-size:8px;
}


/* EMPTY CARD */

.kg2-empty-card{
  grid-column:1/-1;
  min-height:260px;
  border:1px dashed rgba(255,210,60,.20);
  border-radius:9px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:#0e0d09;
  text-align:center;
}

.kg2-empty-card>span{
  color:#d2ad42;
  font-size:54px;
}

.kg2-empty-card h3{
  margin:12px 0 5px;
}

.kg2-empty-card p{
  color:#817a6c;
  font-size:10px;
  margin-bottom:18px;
}


/* NUMBERS */

.kg2-numbers{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border:1px solid rgba(255,207,58,.13);
  border-radius:9px;
  overflow:hidden;
  background:#0d0c09;
}

.kg2-numbers>div{
  min-height:155px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border-right:1px solid rgba(255,255,255,.05);
}

.kg2-numbers>div:last-child{
  border-right:0;
}

.kg2-numbers>div>span{
  color:#c4a145;
  font-size:24px;
}

.kg2-numbers strong{
  margin:8px 0 3px;
  color:#fff;
  font-size:30px;
  font-weight:1000;
}

.kg2-numbers small{
  color:#8d836d;
  font-size:7px;
  font-weight:900;
  letter-spacing:.12em;
}


/* RANKING + SECURITY */

.kg2-double-grid{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:15px;
}

.kg2-panel-card{
  padding:24px;
  transition:.22s ease;
}

.kg2-panel-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-bottom:18px;
  border-bottom:1px solid rgba(255,255,255,.06);
}

.kg2-panel-heading small{
  color:#aa9352;
  font-size:7px;
  letter-spacing:.15em;
}

.kg2-panel-heading h3{
  margin:4px 0 0;
  font-size:21px;
}

.kg2-panel-heading>span{
  color:#cba83f;
  font-size:30px;
}

.kg2-ranking-list{
  margin-top:11px;
}

.kg2-ranking-player{
  width:100%;
  min-height:59px;
  display:grid;
  grid-template-columns:28px 38px 1fr 35px;
  align-items:center;
  gap:10px;
  padding:8px 3px;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.05);
  background:none;
  color:#fff;
  text-align:left;
  cursor:pointer;
}

.kg2-ranking-player>b{
  color:#c2a24b;
}

.kg2-ranking-player img,
.kg2-avatar{
  width:36px;
  height:36px;
  border-radius:5px;
  object-fit:cover;
}

.kg2-avatar{
  display:flex;
  align-items:center;
  justify-content:center;
  background:#221b0a;
  color:#e4c15d;
}

.kg2-ranking-player div strong{
  display:block;
  font-size:10px;
}

.kg2-ranking-player div small{
  color:#827a6a;
  font-size:7px;
}

.kg2-ranking-player em{
  color:#c7a74e;
  font-size:10px;
  font-style:normal;
}

.kg2-panel-link{
  display:block;
  margin-top:18px;
  color:#d9b95d;
  font-size:8px;
  font-weight:900;
  letter-spacing:.09em;
  text-decoration:none;
}

.kg2-security{
  position:relative;
  min-height:100%;
  display:flex;
  align-items:center;
  overflow:hidden;
}

.kg2-security-art{
  width:37%;
  display:flex;
  align-items:center;
  justify-content:center;
}

.kg2-security-art span{
  color:rgba(255,206,56,.15);
  font-size:150px;
  text-shadow:
    0 0 45px rgba(255,200,40,.12);
}

.kg2-security-copy{
  position:relative;
  z-index:2;
  max-width:480px;
}

.kg2-security-copy>small{
  color:#bb9b45;
  font-size:7px;
  letter-spacing:.15em;
}

.kg2-security-copy h3{
  margin:9px 0 12px;
  font-size:32px;
  line-height:.95;
  font-style:italic;
}

.kg2-security-copy h3 em{
  display:block;
  color:#ffc72c;
  font-style:inherit;
}

.kg2-security-copy p{
  margin:0 0 20px;
  color:#8f8776;
  font-size:10px;
  line-height:1.7;
}


/* PREMIUM BANNER */

.kg2-premium-banner{
  position:relative;
  overflow:hidden;
  padding:70px 0;
  border-top:1px solid rgba(255,207,50,.16);
  background:#080705;
}

.kg2-premium-bg{
  position:absolute;
  inset:0;
  background:
    radial-gradient(
      circle at 75% 50%,
      rgba(255,201,40,.19),
      transparent 28%
    ),
    linear-gradient(
      100deg,
      #080705,
      #141006
    );
}

.kg2-premium-layout{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:50px;
}

.kg2-premium-layout h2{
  margin:11px 0 9px;
  font-size:45px;
  line-height:.95;
  font-style:italic;
}

.kg2-premium-layout h2 em{
  display:block;
  color:#ffc72c;
  font-style:inherit;
}

.kg2-premium-layout p{
  color:#8e8572;
  font-size:11px;
}

.kg2-premium-badge{
  min-width:250px;
  padding:25px 35px;
  border:1px solid rgba(255,215,75,.35);
  border-radius:10px;
  display:grid;
  grid-template-columns:50px 1fr;
  align-items:center;
  background:rgba(12,10,5,.65);
  box-shadow:
    0 0 32px rgba(255,196,30,.12);
}

.kg2-premium-badge span{
  grid-row:1/3;
  color:#e2bb50;
  font-size:43px;
}

.kg2-premium-badge strong{
  color:#fff;
  font-size:21px;
}

.kg2-premium-badge small{
  color:#c5a247;
  font-size:8px;
  letter-spacing:.15em;
}


/* RESPONSIVE */

@media(max-width:1180px){

  .kg2-feature-grid,
  .kg2-lobby-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .kg2-hero-layout{
    grid-template-columns:1fr .8fr;
  }

  .kg2-hero-copy h1{
    font-size:60px;
  }

}

@media(max-width:850px){

  .kg2-shell{
    width:min(100% - 28px,1480px);
  }

  .kg2-hero-layout{
    display:block;
  }

  .kg2-hero{
    min-height:auto;
  }

  .kg2-hero-art{
    height:430px;
  }

  .kg2-double-grid{
    grid-template-columns:1fr;
  }

  .kg2-numbers{
    grid-template-columns:1fr 1fr;
  }

  .kg2-premium-layout{
    align-items:flex-start;
    flex-direction:column;
  }

}

@media(max-width:560px){

  .kg2-feature-grid,
  .kg2-lobby-grid{
    grid-template-columns:1fr;
  }

  .kg2-section{
    padding:52px 0;
  }

  .kg2-hero-copy h1{
    font-size:45px;
  }

  .kg2-hero-stats{
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .kg2-section-heading{
    align-items:flex-start;
    flex-direction:column;
  }

  .kg2-numbers{
    grid-template-columns:1fr;
  }

  .kg2-numbers>div{
    border-right:0;
    border-bottom:
      1px solid rgba(255,255,255,.05);
  }

}

/* ==========================================================
   MAP BACKGROUND - MENUS INTERNOS
   Ranking / Skins / Inventory / Bans / Comunidade / Staff
   Não afeta Início, Lobbies ou Lobby interno
   ========================================================== */

body{
  --route-bg-image:none;
}

body.kg-route-map-bg #main{
  position:relative;
  isolation:isolate;
  min-height:100vh;
}

body.kg-route-map-bg #main::before{
  content:"";
  position:fixed;
  top:0;
  left:194px;
  right:0;
  bottom:0;

  background-image:var(--route-bg-image);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;

  filter:
    blur(13px)
    brightness(.31)
    saturate(.82);

  transform:scale(1.075);

  opacity:.58;

  z-index:-2;
  pointer-events:none;
}

body.kg-route-map-bg #main::after{
  content:"";
  position:fixed;
  top:0;
  left:194px;
  right:0;
  bottom:0;

  background:
    radial-gradient(
      circle at 55% 35%,
      rgba(255,190,40,.055),
      transparent 42%
    ),
    linear-gradient(
      180deg,
      rgba(4,4,3,.47) 0%,
      rgba(4,4,3,.65) 48%,
      rgba(4,4,3,.86) 100%
    );

  z-index:-1;
  pointer-events:none;
}

/* melhora contraste dos principais painéis
   sem deixar o mapa desaparecer completamente */

body.kg-route-map-bg .ranking-page,
body.kg-route-map-bg .inventory-page,
body.kg-route-map-bg .kings-inventory-view,
body.kg-route-map-bg .bans-page,
body.kg-route-map-bg .community-page,
body.kg-route-map-bg .staff-page{
  position:relative;
  z-index:1;
}

/* mobile/sidebar recolhida */

@media(max-width:900px){
  body.kg-route-map-bg #main::before,
  body.kg-route-map-bg #main::after{
    left:0;
  }
}


/* ==========================================================
   MAP BACKGROUND V2 - MAIS VISÍVEL
   ========================================================== */

body.kg-route-map-bg #main{
  position:relative;
  isolation:isolate;
  min-height:100vh;
  background:transparent !important;
}

/* MAPA */
body.kg-route-map-bg #main::before{
  content:"";
  position:fixed;
  top:0;
  left:194px;
  right:0;
  bottom:0;

  background-image:var(--route-bg-image);
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;

  filter:
    blur(7px)
    brightness(.52)
    saturate(.95)
    contrast(1.06);

  transform:scale(1.045);

  opacity:.82;

  z-index:-2;
  pointer-events:none;
}

/* OVERLAY ESCURO MAIS LEVE */
body.kg-route-map-bg #main::after{
  content:"";
  position:fixed;
  top:0;
  left:194px;
  right:0;
  bottom:0;

  background:
    radial-gradient(
      circle at 55% 32%,
      rgba(255,185,35,.055),
      transparent 45%
    ),
    linear-gradient(
      180deg,
      rgba(5,5,4,.32) 0%,
      rgba(5,5,4,.47) 55%,
      rgba(5,5,4,.67) 100%
    );

  z-index:-1;
  pointer-events:none;
}


/* ==========================================================
   SKINS / INVENTÁRIO
   deixa o mapa aparecer atrás do conteúdo
   ========================================================== */

body.kg-route-map-bg .inventory-page,
body.kg-route-map-bg .kings-inventory-view{
  position:relative;
  z-index:1;
  background:transparent !important;
}

/* cabeçalho */
body.kg-route-map-bg .inv-heading{
  background:transparent !important;
}

/* aviso superior */
body.kg-route-map-bg .inv-notice{
  background:rgba(13,12,8,.72) !important;
  backdrop-filter:blur(10px);
}

/* barra de categorias */
body.kg-route-map-bg .inv-categories{
  background:transparent !important;
}

/* catálogo */
body.kg-route-map-bg .inv-catalog{
  background:rgba(7,7,6,.34) !important;
  backdrop-filter:blur(5px);
}

/* lateral Meu inventário */
body.kg-route-map-bg .inv-sidebar,
body.kg-route-map-bg .inv-loadout,
body.kg-route-map-bg .inv-editor{
  background:rgba(8,8,7,.67) !important;
  backdrop-filter:blur(12px);
}

/* cards individuais */
body.kg-route-map-bg .inv-card{
  background:rgba(11,11,10,.78) !important;
  backdrop-filter:blur(7px);
  box-shadow:
    0 14px 30px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,200,50,.025) inset;
}

/* ferramentas de busca */
body.kg-route-map-bg .inv-tools input,
body.kg-route-map-bg .inv-tools select{
  background:rgba(8,8,7,.74) !important;
  backdrop-filter:blur(8px);
}

/* barra inferior de salvar */
body.kg-route-map-bg .inv-savebar{
  background:rgba(8,8,7,.88) !important;
  backdrop-filter:blur(14px);
}


/* ==========================================================
   OUTROS MENUS INTERNOS
   ========================================================== */

body.kg-route-map-bg .ranking-page,
body.kg-route-map-bg .rank-page,
body.kg-route-map-bg .bans-page,
body.kg-route-map-bg .community-page,
body.kg-route-map-bg .staff-page{
  position:relative;
  z-index:1;
  background:transparent !important;
}


/* MOBILE */

@media(max-width:900px){
  body.kg-route-map-bg #main::before,
  body.kg-route-map-bg #main::after{
    left:0;
  }
}


/* ==========================================================
   GLASS / TRANSLUCENT PANELS
   ========================================================== */

body.kg-route-map-bg .rank-hero,
body.kg-route-map-bg .ranking-hero,
body.kg-route-map-bg .ranking-page section,
body.kg-route-map-bg .bans-page section,
body.kg-route-map-bg .community-page section,
body.kg-route-map-bg .staff-page section,
body.kg-route-map-bg .kings-inventory-view section{
  background:rgba(10,10,8,.58) !important;
  backdrop-filter:blur(14px) saturate(1.05);
  -webkit-backdrop-filter:blur(14px) saturate(1.05);
}

/* cards grandes */
body.kg-route-map-bg .rank-card,
body.kg-route-map-bg .ranking-card,
body.kg-route-map-bg .community-card,
body.kg-route-map-bg .ban-card,
body.kg-route-map-bg .kg-player-card,
body.kg-route-map-bg .kg-profile-card,
body.kg-route-map-bg .kg-top-card{
  background:rgba(10,10,9,.60) !important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);

  box-shadow:
    0 14px 35px rgba(0,0,0,.25),
    inset 0 0 0 1px rgba(255,205,50,.025);
}

/* catálogo skins */
body.kg-route-map-bg .inv-card,
body.kg-route-map-bg .inventory-card,
body.kg-route-map-bg .kinv-card{
  background:
    linear-gradient(
      180deg,
      rgba(15,15,12,.62),
      rgba(8,8,7,.52)
    ) !important;

  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

/* lateral inventário */
body.kg-route-map-bg .inv-sidebar,
body.kg-route-map-bg .inv-loadout,
body.kg-route-map-bg .inventory-sidebar{
  background:rgba(8,8,7,.60) !important;
  backdrop-filter:blur(15px);
  -webkit-backdrop-filter:blur(15px);
}

/* tabela bans */
body.kg-route-map-bg table,
body.kg-route-map-bg .ban-table,
body.kg-route-map-bg .bans-table{
  background:rgba(8,8,7,.55) !important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

body.kg-route-map-bg thead,
body.kg-route-map-bg .ban-table thead{
  background:rgba(35,28,10,.50) !important;
}

body.kg-route-map-bg tbody tr{
  background:rgba(8,8,7,.42) !important;
}

body.kg-route-map-bg tbody tr:hover{
  background:rgba(30,24,10,.50) !important;
}

/* inputs e selects */
body.kg-route-map-bg input,
body.kg-route-map-bg select,
body.kg-route-map-bg textarea{
  background:rgba(7,7,6,.58) !important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

/* filtros / barras */
body.kg-route-map-bg .directory-tabs,
body.kg-route-map-bg .kg-tabs,
body.kg-route-map-bg .inv-tabs,
body.kg-route-map-bg .inv-tools,
body.kg-route-map-bg .filterbar{
  background:rgba(7,7,6,.44) !important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

/* cards comunidade */
body.kg-route-map-bg .community-grid > *,
body.kg-route-map-bg .social-card{
  background:rgba(10,10,8,.58) !important;
  backdrop-filter:blur(13px);
  -webkit-backdrop-filter:blur(13px);
}

/* hero/banner interno */
body.kg-route-map-bg .page-hero,
body.kg-route-map-bg .rank-banner,
body.kg-route-map-bg .community-hero,
body.kg-route-map-bg .bans-hero{
  background:
    linear-gradient(
      120deg,
      rgba(9,9,7,.63),
      rgba(17,14,7,.46)
    ) !important;

  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

/* bordas continuam douradas sem pesar */
body.kg-route-map-bg .rank-card,
body.kg-route-map-bg .community-card,
body.kg-route-map-bg .ban-card,
body.kg-route-map-bg .inv-card,
body.kg-route-map-bg table{
  border-color:rgba(255,200,40,.22) !important;
}

/* ==========================================================
   GLASS REAL - CLASSES ATUAIS DO KINGS
   ========================================================== */

/* HEADERS INTERNOS */
body.kg-route-map-bg .page-heading,
body.kg-route-map-bg .kg-community-hero{
  background:
    linear-gradient(
      120deg,
      rgba(12,12,9,.58),
      rgba(20,16,8,.42)
    ) !important;

  backdrop-filter:blur(14px) saturate(1.08);
  -webkit-backdrop-filter:blur(14px) saturate(1.08);

  box-shadow:
    0 16px 38px rgba(0,0,0,.22);
}


/* RANKING */
body.kg-route-map-bg #ranking-results.panel{
  background:rgba(8,8,7,.48) !important;

  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

/* cards/linhas internas do ranking */
body.kg-route-map-bg #ranking-results > *,
body.kg-route-map-bg #ranking-results article,
body.kg-route-map-bg #ranking-results .rank-card,
body.kg-route-map-bg #ranking-results .kg-rank-card{
  background:
    linear-gradient(
      180deg,
      rgba(15,14,11,.60),
      rgba(8,8,7,.48)
    ) !important;

  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);

  box-shadow:
    0 14px 32px rgba(0,0,0,.24);
}


/* BANS */
body.kg-route-map-bg .kings-bans-page{
  background:transparent !important;
}

body.kg-route-map-bg .kings-bans-panel{
  background:rgba(8,8,7,.50) !important;

  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

body.kg-route-map-bg .kings-bans-panel .table-wrap{
  background:transparent !important;
}

body.kg-route-map-bg .kings-bans-panel table{
  background:rgba(8,8,7,.46) !important;
}

body.kg-route-map-bg .kings-bans-panel thead{
  background:rgba(35,28,10,.42) !important;
}

body.kg-route-map-bg .kings-bans-panel tbody tr{
  background:rgba(7,7,6,.36) !important;
}

body.kg-route-map-bg .kings-bans-panel tbody tr:hover{
  background:rgba(35,27,10,.48) !important;
}


/* COMUNIDADE */
body.kg-route-map-bg .kg-community-page{
  background:transparent !important;
}

body.kg-route-map-bg .kg-community-card{
  background:
    linear-gradient(
      180deg,
      rgba(15,14,11,.58),
      rgba(8,8,7,.46)
    ) !important;

  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);

  box-shadow:
    0 15px 34px rgba(0,0,0,.24);
}

/* bloco staff da comunidade */
body.kg-route-map-bg .kg-community-staff,
body.kg-route-map-bg .kg-community-page .panel{
  background:rgba(10,10,8,.52) !important;

  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}


/* SKINS */
body.kg-route-map-bg .inv-card{
  background:
    linear-gradient(
      180deg,
      rgba(14,14,11,.58),
      rgba(8,8,7,.47)
    ) !important;

  backdrop-filter:blur(11px);
  -webkit-backdrop-filter:blur(11px);

  box-shadow:
    0 14px 30px rgba(0,0,0,.24);
}

body.kg-route-map-bg .inv-sidebar,
body.kg-route-map-bg .inv-loadout,
body.kg-route-map-bg .inv-editor{
  background:rgba(8,8,7,.52) !important;

  backdrop-filter:blur(15px);
  -webkit-backdrop-filter:blur(15px);
}

body.kg-route-map-bg .inv-catalog{
  background:rgba(6,6,5,.22) !important;
}

body.kg-route-map-bg .inv-notice{
  background:rgba(15,12,7,.46) !important;

  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}


/* INPUTS / FILTROS */
body.kg-route-map-bg .toolbar,
body.kg-route-map-bg .kings-bans-toolbar,
body.kg-route-map-bg .inv-tools{
  background:transparent !important;
}

body.kg-route-map-bg input,
body.kg-route-map-bg select,
body.kg-route-map-bg textarea{
  background:rgba(7,7,6,.52) !important;

  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}


/* CLASSE PANEL GENÉRICA, MAS SÓ NAS ROTAS COM MAPA */
body.kg-route-map-bg .panel{
  background:rgba(9,9,7,.52) !important;

  backdrop-filter:blur(13px);
  -webkit-backdrop-filter:blur(13px);
}


/* bordas um pouco mais leves */
body.kg-route-map-bg .panel,
body.kg-route-map-bg .inv-card,
body.kg-route-map-bg .kg-community-card,
body.kg-route-map-bg .kings-bans-panel{
  border-color:rgba(255,200,45,.22) !important;
}

/* ==========================================================
   LOBBIES - REMOVER FUNDO PRETO SOBRANDO
   ========================================================== */

/* container geral da tela */
body.kg-route-map-bg .room-directory{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  padding:0 !important;
}

/* qualquer painel grande dentro da tela de lobbies */
body.kg-route-map-bg .room-directory > .panel,
body.kg-route-map-bg .room-directory .panel{
  background:rgba(10,10,8,.44) !important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(255,200,45,.18) !important;
  box-shadow:0 16px 34px rgba(0,0,0,.18) !important;
}

/* cabeçalho / hero da página */
body.kg-route-map-bg .directory-heading,
body.kg-route-map-bg .directory-topbar,
body.kg-route-map-bg .directory-toolbar{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}

/* bloco principal que envolve a listagem */
body.kg-route-map-bg .directory-topbar + *,
body.kg-route-map-bg .room-directory .table-wrap,
body.kg-route-map-bg .room-directory .empty,
body.kg-route-map-bg .room-directory .empty-state,
body.kg-route-map-bg .room-directory .directory-results{
  background:rgba(10,10,8,.34) !important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(255,200,45,.16) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.14) !important;
}

/* tabs de status */
body.kg-route-map-bg .directory-tabs,
body.kg-route-map-bg .directory-tabs button{
  background:rgba(10,10,8,.28) !important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

/* busca e select */
body.kg-route-map-bg .directory-search,
body.kg-route-map-bg .directory-search input,
body.kg-route-map-bg .directory-level,
body.kg-route-map-bg .directory-level select{
  background:rgba(10,10,8,.28) !important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

/* cards/lista de lobby, se existirem */
body.kg-route-map-bg .kg-home-lobby,
body.kg-route-map-bg .lobby-card,
body.kg-route-map-bg .room-card,
body.kg-route-map-bg .directory-card{
  background:rgba(10,10,8,.34) !important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(255,200,45,.16) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.14) !important;
}

/* estado vazio */
body.kg-route-map-bg .empty{
  min-height:260px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
}

/* rodapé/aviso da tela */
body.kg-route-map-bg .room-directory small,
body.kg-route-map-bg .room-directory .subtle{
  background:transparent !important;
}

/* se houver algum fundo preto extra diretamente no main */
body.kg-route-map-bg #main{
  background:transparent !important;
}

/* ==========================================================
   LOBBIES GLASS V2 - CLASSES REAIS
   ========================================================== */

/* REMOVE O FUNDO PRETO DA PÁGINA INTEIRA */
body.kg-route-map-bg .kg-lobbies-page{
  background:transparent !important;
  box-shadow:none !important;
}

/* remove possíveis camadas pretas extras */
body.kg-route-map-bg .kg-lobbies-page::before,
body.kg-route-map-bg .kg-lobbies-page::after{
  background:transparent !important;
}

/* glow continua, mas sem criar painel preto */
body.kg-route-map-bg .kg-page-glow{
  opacity:.18 !important;
  pointer-events:none;
}

/* HERO: transparente */
body.kg-route-map-bg .kg-lobbies-hero{
  background:transparent !important;
  box-shadow:none !important;
}

/* QUADROS DE ESTATÍSTICAS */
body.kg-route-map-bg .kg-match-stats{
  background:rgba(8,8,7,.28) !important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(255,205,55,.20) !important;
}

body.kg-route-map-bg .kg-match-stats > div{
  background:rgba(10,10,8,.24) !important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

/* BOX GRANDE DOS LOBBIES */
body.kg-route-map-bg .kg-directory-shell{
  background:rgba(8,8,7,.30) !important;
  backdrop-filter:blur(14px) saturate(1.05);
  -webkit-backdrop-filter:blur(14px) saturate(1.05);

  border:1px solid rgba(255,205,55,.22) !important;

  box-shadow:
    0 16px 40px rgba(0,0,0,.18) !important;
}

/* CABEÇALHO DO BOX */
body.kg-route-map-bg .kg-directory-heading{
  background:transparent !important;
}

/* CONTROLES */
body.kg-route-map-bg .kg-directory-controls{
  background:transparent !important;
}

body.kg-route-map-bg .kg-tabs{
  background:rgba(5,5,4,.24) !important;
  backdrop-filter:blur(9px);
  -webkit-backdrop-filter:blur(9px);
}

body.kg-route-map-bg .kg-tabs button{
  background:rgba(8,8,7,.26) !important;
}

body.kg-route-map-bg .kg-tabs button.selected{
  background:rgba(40,32,10,.42) !important;
}

/* BUSCA / SELECT */
body.kg-route-map-bg .kg-search,
body.kg-route-map-bg .kg-search input,
body.kg-route-map-bg .kg-level-select,
body.kg-route-map-bg .kg-level-select select{
  background:rgba(7,7,6,.34) !important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

/* META */
body.kg-route-map-bg .kg-directory-meta{
  background:transparent !important;
}

/* ÁREA ONDE APARECEM AS SALAS */
body.kg-route-map-bg .kg-room-grid,
body.kg-route-map-bg #directory-results{
  background:transparent !important;
}

/* QUANDO NÃO HÁ SALAS */
body.kg-route-map-bg .directory-empty{
  background:rgba(8,8,7,.20) !important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);

  border:none !important;
  box-shadow:none !important;
}

/* CARDS DAS SALAS */
body.kg-route-map-bg .kg-room-card{
  background:
    linear-gradient(
      180deg,
      rgba(15,14,11,.54),
      rgba(8,8,7,.42)
    ) !important;

  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);

  border-color:rgba(255,205,55,.20) !important;
}

/* RODAPÉ DO BOX */
body.kg-route-map-bg .kg-directory-footer{
  background:rgba(8,8,7,.18) !important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

/* MAIN TAMBÉM NÃO PODE BLOQUEAR O MAPA */
body.kg-route-map-bg #main{
  background:transparent !important;
}

/* ==========================================================
   LOBBY - BOTAO DESAFIAR MAIS LEGIVEL
   ========================================================== */

body.kg-route-map-bg .kg-room-card button[data-admin-test-challenge],
body.kg-route-map-bg .kg-room-card .button[data-admin-test-challenge]{
  background:
    linear-gradient(
      180deg,
      #ffd84a 0%,
      #f3b916 100%
    ) !important;

  color:#171006 !important;

  border:1px solid #ffe36d !important;

  font-weight:1000 !important;

  text-shadow:none !important;

  box-shadow:
    0 0 16px rgba(255,199,35,.28),
    0 0 34px rgba(255,199,35,.16) !important;
}

body.kg-route-map-bg .kg-room-card button[data-admin-test-challenge]:hover,
body.kg-route-map-bg .kg-room-card .button[data-admin-test-challenge]:hover{
  background:
    linear-gradient(
      180deg,
      #ffe66f 0%,
      #ffc928 100%
    ) !important;

  color:#090700 !important;

  box-shadow:
    0 0 20px rgba(255,210,55,.42),
    0 0 42px rgba(255,210,55,.22) !important;
}

/* botão desabilitado ainda precisa ser legível */
body.kg-route-map-bg .kg-room-card button[data-admin-test-challenge]:disabled,
body.kg-route-map-bg .kg-room-card .button[data-admin-test-challenge]:disabled{
  background:rgba(255,190,35,.18) !important;
  color:rgba(255,230,150,.60) !important;
  border-color:rgba(255,195,40,.30) !important;
  box-shadow:none !important;
  opacity:1 !important;
}

.kg-server-password{
  display:flex;
  align-items:center;
  justify-content:space-between;

  padding:9px 12px;

  border:1px solid rgba(255,205,60,.16);
  border-radius:7px;

  background:rgba(5,5,4,.34);
}

.kg-server-password span{
  color:#a38d55;
  font-size:8px;
  letter-spacing:.12em;
}

.kg-server-password strong{
  color:#ffe078;
  font-size:15px;
  letter-spacing:.10em;
}

.kg-server-password{
  width:100% !important;
  box-sizing:border-box !important;

  padding:8px 10px !important;
  border-radius:6px !important;
}

.kg-server-password span{
  font-size:7px !important;
}

.kg-server-password strong{
  font-size:16px !important;
}

@media(max-width:650px){
  

  
}

.kg-server-password{
  min-height:34px;
}

/* mobile volta para baixo */
@media(max-width:700px){

  

  
}

/* mobile sem deslocamento */
@media(max-width:700px){
  

  

  
}

/* senha */
.kg-server-password{
  width:500px !important;
}

/* mobile */
@media(max-width:700px){
  

  .kg-server-password{
    left:0 !important;
    width:100% !important;
  }

  
}

/* ==========================================================
   KINGS - PARTIDA ATIVA / REENTRAR
   ========================================================== */

.kg-live-match-action{
  min-width:245px;
  padding:9px 11px;

  display:flex;
  flex-direction:column;
  align-items:center;
  gap:5px;

  border:1px solid rgba(42,255,132,.45);
  border-radius:8px;

  background:
    linear-gradient(
      180deg,
      rgba(8,34,19,.76),
      rgba(5,17,11,.66)
    );

  box-shadow:
    0 0 18px rgba(42,255,132,.16),
    inset 0 0 18px rgba(42,255,132,.04);

  backdrop-filter:blur(11px);
}

.kg-live-match-label{
  display:flex;
  align-items:center;
  gap:7px;

  color:#74ffad;

  font-size:8px;
  font-weight:1000;
  letter-spacing:.12em;
}

.kg-live-match-label i{
  width:7px;
  height:7px;
  border-radius:50%;

  background:#32ff8d;

  box-shadow:
    0 0 8px #32ff8d,
    0 0 18px rgba(50,255,141,.7);
}

.kg-live-reconnect{
  width:100%;
  min-height:42px;

  display:flex;
  align-items:center;
  justify-content:center;

  padding:0 16px;

  border:1px solid #31ff8b;
  border-radius:6px;

  background:
    linear-gradient(
      180deg,
      rgba(46,255,137,.22),
      rgba(20,177,91,.14)
    );

  color:#9dffc5;

  font-size:10px;
  font-weight:1000;
  letter-spacing:.05em;

  text-decoration:none;

  box-shadow:
    0 0 16px rgba(42,255,132,.16);

  transition:.16s ease;
}

.kg-live-reconnect:hover{
  color:#041109;
  background:#32ff8d;

  transform:translateY(-1px);

  box-shadow:
    0 0 20px rgba(42,255,132,.55),
    0 0 42px rgba(42,255,132,.22);
}

.kg-live-match-action small{
  color:rgba(255,255,255,.53);

  font-size:6px;
  font-weight:700;
  letter-spacing:.05em;
}

@media(max-width:700px){
  .kg-live-match-action{
    width:100%;
    min-width:0;
  }
}


/* =========================================================
   KINGS - NOVO SISTEMA VISUAL DE DESAFIOS
   ========================================================= */

.kg-mm-browser-head-actions{
  display:flex;
  align-items:center;
  gap:14px;
}

.kg-mm-incoming-button{
  min-height:44px;
  padding:0 18px;
  border:1px solid #d99d00;
  border-radius:8px;
  background:
    linear-gradient(
      180deg,
      rgba(255,190,20,.13),
      rgba(255,170,0,.04)
    );
  color:#ffc62d;
  font-weight:900;
  letter-spacing:.6px;
  cursor:pointer;
  box-shadow:
    0 0 20px rgba(255,180,0,.12);
}

.kg-mm-incoming-button b{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:23px;
  height:23px;
  margin-left:9px;
  padding:0 6px;
  border-radius:30px;
  background:#e83232;
  color:#fff;
}

.kg-mm-challenge-disabled{
  width:100%;
  opacity:.48;
  cursor:not-allowed;
}

.kg-mm-challenge-list-modal{
  width:min(720px,calc(100vw - 32px));
  max-height:82vh;
  overflow:hidden;
  padding:0;
  border:1px solid rgba(255,185,0,.55);
  border-radius:16px;
  background:
    linear-gradient(
      145deg,
      rgba(23,22,18,.98),
      rgba(7,9,13,.99)
    );
  box-shadow:
    0 30px 100px rgba(0,0,0,.8),
    0 0 45px rgba(255,175,0,.12);
}

.kg-mm-challenge-list-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  padding:24px 26px 20px;
  border-bottom:1px solid rgba(255,183,0,.25);
}

.kg-mm-challenge-list-head span{
  display:block;
  margin-bottom:5px;
  color:#d9a92c;
  font-size:11px;
  font-weight:900;
  letter-spacing:1.6px;
}

.kg-mm-challenge-list-head h2{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0;
  font-size:27px;
}

.kg-mm-challenge-list-head h2 b{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:27px;
  height:27px;
  padding:0 7px;
  border-radius:50px;
  background:#eb3131;
  color:#fff;
  font-size:14px;
}

.kg-mm-challenge-list-head p{
  margin:7px 0 0;
  color:#9c9c9c;
}

.kg-mm-challenge-close{
  width:38px;
  height:38px;
  border:0;
  background:transparent;
  color:#ffc126;
  font-size:31px;
  cursor:pointer;
}

.kg-mm-challenge-list{
  max-height:62vh;
  overflow:auto;
  padding:18px;
}

.kg-mm-challenge-item{
  display:grid;
  grid-template-columns:1fr auto;
  gap:20px;
  margin-bottom:14px;
  padding:19px;
  border:1px solid rgba(255,183,0,.26);
  border-radius:12px;
  background:rgba(255,255,255,.018);
}

.kg-mm-challenge-item:last-child{
  margin-bottom:0;
}

.kg-mm-challenge-item-title{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
}

.kg-mm-challenge-item-title small{
  display:block;
  margin-bottom:4px;
  color:#a9a9a9;
  font-size:10px;
  font-weight:800;
  letter-spacing:1px;
}

.kg-mm-challenge-item-title > div > strong{
  display:block;
  color:#fff;
  font-size:19px;
}

.kg-mm-popup-elo{
  text-align:right;
}

.kg-mm-popup-elo strong{
  display:block;
  color:#ffc328;
  font-size:25px;
}

.kg-mm-popup-avatars{
  display:flex;
  margin-top:15px;
}

.kg-mm-popup-avatar{
  width:36px;
  height:36px;
  margin-right:-5px;
  overflow:hidden;
  border:2px solid #a77400;
  border-radius:50%;
  background:#101116;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#ffc428;
  font-weight:900;
}

.kg-mm-popup-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.kg-mm-popup-avatar.empty{
  opacity:.45;
}

.kg-mm-popup-info{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:14px;
}

.kg-mm-popup-info small{
  color:#83858c;
}

.kg-mm-popup-count{
  padding:4px 10px;
  border-radius:6px;
  background:#10242b;
  color:#d9faff;
  font-weight:900;
}

.kg-mm-challenge-item-actions{
  min-width:160px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:9px;
}

.kg-mm-challenge-item-actions .button{
  width:100%;
  margin:0;
}

.kg-mm-challenge-item-actions
.button[data-room-action="accept"]{
  border-color:#00b95a;
  background:rgba(0,156,70,.17);
  color:#54ef91;
}

.kg-mm-challenge-item-actions
.button[data-room-action="decline"]{
  border-color:#b52c2c;
  background:rgba(170,30,30,.12);
  color:#ff7272;
}

@media(max-width:720px){

  .kg-mm-challenge-item{
    grid-template-columns:1fr;
  }

  .kg-mm-challenge-item-actions{
    min-width:0;
    flex-direction:row;
  }

  .kg-mm-browser-head-actions{
    flex-direction:column;
    align-items:flex-end;
  }

}


/* KINGS - BOTÃO ADMIN EXCLUIR SALAS */
.kg-admin-clear-lobbies{
  border:1px solid rgba(255,65,65,.8) !important;
  background:
    linear-gradient(
      180deg,
      rgba(190,28,35,.95),
      rgba(105,12,18,.95)
    ) !important;
  color:#fff !important;
  box-shadow:
    0 0 22px rgba(255,35,45,.28);
}

.kg-admin-clear-lobbies:hover{
  border-color:#ff626a !important;
  box-shadow:
    0 0 30px rgba(255,35,45,.45);
}

.kg-admin-clear-lobbies:disabled{
  opacity:.55;
  cursor:wait;
}

/* KINGS — Steam / Discord link status */
body.kings-platform .kg-account .account-menu{
  display:flex;
  align-items:center;
  gap:6px;
}

.kg-discord-status{
  width:38px;
  height:38px;
  flex:0 0 38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0;
  border-radius:8px;
  background:#0b0b0d;
  text-decoration:none;
  cursor:pointer;
  transition:
    transform .16s ease,
    border-color .16s ease,
    box-shadow .16s ease,
    background .16s ease;
}

.kg-discord-status .kg-discord-svg{
  width:21px;
  height:21px;
  display:block;
}

.kg-discord-status.connected{
  color:#39e66b;
  border:1px solid rgba(57,230,107,.55);
  box-shadow:
    inset 0 0 12px rgba(57,230,107,.08),
    0 0 10px rgba(57,230,107,.12);
}

.kg-discord-status.connected:hover{
  background:rgba(57,230,107,.09);
  border-color:#39e66b;
  box-shadow:
    0 0 16px rgba(57,230,107,.28);
  transform:translateY(-1px);
}

.kg-discord-status.disconnected{
  color:#ff4545;
  border:1px solid rgba(255,69,69,.55);
  box-shadow:
    inset 0 0 12px rgba(255,69,69,.07),
    0 0 10px rgba(255,69,69,.10);
}

.kg-discord-status.disconnected:hover{
  background:rgba(255,69,69,.09);
  border-color:#ff4545;
  box-shadow:
    0 0 16px rgba(255,69,69,.27);
  transform:translateY(-1px);
}

.kg-discord-connected-modal{
  display:flex;
  align-items:center;
  gap:16px;
  margin-top:18px;
  padding:18px;
  border:1px solid rgba(57,230,107,.22);
  border-radius:10px;
  background:rgba(57,230,107,.04);
}

.kg-discord-connected-modal strong{
  display:block;
  margin-bottom:5px;
  font-size:16px;
}

.kg-discord-connected-modal p{
  margin:0;
  opacity:.75;
  line-height:1.55;
}

.kg-discord-modal-icon{
  width:48px;
  height:48px;
  min-width:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
}

.kg-discord-modal-icon.connected{
  color:#39e66b;
  border:1px solid rgba(57,230,107,.45);
  background:rgba(57,230,107,.08);
}

.kg-discord-modal-icon .kg-discord-svg{
  width:27px;
  height:27px;
}

@media(max-width:700px){
  .kg-discord-status{
    width:34px;
    height:34px;
    flex-basis:34px;
  }

  .kg-discord-status .kg-discord-svg{
    width:19px;
    height:19px;
  }
}

/* KINGS — Perfil Steam na sidebar */
.kg-steam-account{
  min-width:142px;
  min-height:48px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:6px 10px 6px 7px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:7px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.012)),
    #0b0b0c;
  color:#fff;
  cursor:pointer;
  text-align:left;
  transition:
    border-color .16s ease,
    background .16s ease,
    box-shadow .16s ease,
    transform .16s ease;
}

.kg-steam-account:hover{
  border-color:rgba(255,208,68,.45);
  background:
    linear-gradient(135deg,rgba(255,208,68,.065),rgba(255,255,255,.018)),
    #0d0d0e;
  box-shadow:0 0 15px rgba(255,208,68,.08);
  transform:translateY(-1px);
}

.kg-steam-avatar-wrap{
  position:relative;
  width:34px;
  height:34px;
  flex:0 0 34px;
}

.kg-steam-avatar{
  width:34px;
  height:34px;
  display:block;
  object-fit:cover;
  border-radius:7px;
  border:1px solid rgba(255,208,68,.4);
  background:#111;
}

.kg-steam-avatar-fallback{
  width:34px;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:7px;
  border:1px solid rgba(255,208,68,.4);
  background:#171717;
  color:#ffd044;
  font-weight:900;
}

.kg-steam-online-dot{
  position:absolute;
  right:-2px;
  bottom:-2px;
  width:9px;
  height:9px;
  border-radius:50%;
  background:#39e66b;
  border:2px solid #09090a;
  box-shadow:0 0 7px rgba(57,230,107,.65);
}

.kg-steam-account-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:3px;
}

.kg-steam-account-copy strong{
  display:block;
  max-width:86px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  font-size:11px;
  font-weight:800;
  letter-spacing:.01em;
  color:#f3f3f3;
}

.kg-steam-account-copy small{
  display:flex;
  align-items:center;
  gap:4px;
  color:#8d8d91;
  font-size:6.5px;
  font-weight:800;
  letter-spacing:.08em;
}

.kg-steam-logo{
  width:12px;
  height:12px;
  color:#bfc9d8;
}

@media(max-width:1100px){
  .kg-steam-account{
    min-width:0;
    padding-right:7px;
  }

  .kg-steam-account-copy strong{
    max-width:68px;
  }
}

.kg-discord-modal-actions{
  display:flex;
  justify-content:flex-end;
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.07);
}

.kg-discord-modal-actions .button.danger{
  border-color:rgba(255,69,69,.48);
  background:rgba(255,69,69,.08);
  color:#ff5b5b;
  font-weight:800;
}

.kg-discord-modal-actions .button.danger:hover{
  border-color:#ff4545;
  background:rgba(255,69,69,.14);
  box-shadow:0 0 16px rgba(255,69,69,.12);
}

/* KINGS — links sociais no perfil público */
.kg-player-socials{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:10px;
  min-width:196px;
}

.kg-player-socials .kg-player-steam{
  width:100%;
  box-sizing:border-box;
}

.kg-player-discord{
  min-height:44px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px 12px;
  border:1px solid rgba(57,230,107,.40);
  border-radius:6px;
  background:
    linear-gradient(135deg,rgba(57,230,107,.08),rgba(57,230,107,.025)),
    #0c100d;
  color:#39e66b;
  text-decoration:none;
  transition:
    background .16s ease,
    border-color .16s ease,
    box-shadow .16s ease,
    transform .16s ease;
}

.kg-player-discord:hover{
  border-color:#39e66b;
  background:
    linear-gradient(135deg,rgba(57,230,107,.15),rgba(57,230,107,.04)),
    #0c100d;
  box-shadow:0 0 16px rgba(57,230,107,.15);
  transform:translateY(-1px);
}

.kg-player-discord-icon{
  width:26px;
  height:26px;
  flex:0 0 26px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.kg-player-discord-icon svg{
  width:22px;
  height:22px;
  display:block;
}

.kg-player-discord-copy{
  min-width:0;
  flex:1;
  display:flex;
  flex-direction:column;
  gap:1px;
}

.kg-player-discord-copy small{
  font-size:7px;
  font-weight:900;
  letter-spacing:.12em;
  color:rgba(57,230,107,.72);
}

.kg-player-discord-copy strong{
  display:block;
  max-width:120px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  font-size:11px;
  color:#ecfff1;
}

.kg-player-discord > b{
  font-size:12px;
  color:#39e66b;
}

@media(max-width:700px){
  .kg-player-socials{
    width:100%;
    min-width:0;
  }

  .kg-player-discord-copy strong{
    max-width:none;
  }
}

/* KINGS — links sociais no perfil público */
.kg-player-socials{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:10px;
  min-width:196px;
}

.kg-player-socials .kg-player-steam{
  width:100%;
  box-sizing:border-box;
}

.kg-player-discord{
  min-height:44px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px 12px;
  border:1px solid rgba(57,230,107,.40);
  border-radius:6px;
  background:
    linear-gradient(135deg,rgba(57,230,107,.08),rgba(57,230,107,.025)),
    #0c100d;
  color:#39e66b;
  text-decoration:none;
  transition:
    background .16s ease,
    border-color .16s ease,
    box-shadow .16s ease,
    transform .16s ease;
}

.kg-player-discord:hover{
  border-color:#39e66b;
  background:
    linear-gradient(135deg,rgba(57,230,107,.15),rgba(57,230,107,.04)),
    #0c100d;
  box-shadow:0 0 16px rgba(57,230,107,.15);
  transform:translateY(-1px);
}

.kg-player-discord-icon{
  width:26px;
  height:26px;
  flex:0 0 26px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.kg-player-discord-icon svg{
  width:22px;
  height:22px;
  display:block;
}

.kg-player-discord-copy{
  min-width:0;
  flex:1;
  display:flex;
  flex-direction:column;
  gap:1px;
}

.kg-player-discord-copy small{
  font-size:7px;
  font-weight:900;
  letter-spacing:.12em;
  color:rgba(57,230,107,.72);
}

.kg-player-discord-copy strong{
  display:block;
  max-width:120px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  font-size:11px;
  color:#ecfff1;
}

.kg-player-discord > b{
  font-size:12px;
  color:#39e66b;
}

@media(max-width:700px){
  .kg-player-socials{
    width:100%;
    min-width:0;
  }

  .kg-player-discord-copy strong{
    max-width:none;
  }
}

/* =========================================
   KINGS — SISTEMA OFICIAL DE COROAS
   ========================================= */

.kings-crown {
  --crown-color: #8A95AA;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  flex: 0 0 auto;
  color: var(--crown-color);
  vertical-align: middle;
  filter: drop-shadow(0 0 5px color-mix(
    in srgb, var(--crown-color) 28%, transparent
  ));
}

.kings-crown svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.kings-crown-small {
  width: 35px;
  height: 35px;
}

.kings-crown-large {
  width: 82px;
  height: 82px;
}

.kings-crown-legendary {
  color: #D4AF37;
  filter:
    drop-shadow(0 0 6px rgba(212,175,55,.55))
    drop-shadow(0 0 15px rgba(212,175,55,.25));
}

.kings-crown-legendary svg {
  animation: kingsCrownGlow 3s ease-in-out infinite;
}

@keyframes kingsCrownGlow {
  0%, 100% { opacity: 1; }
  50% { opacity: .82; }
}

@media (prefers-reduced-motion: reduce) {
  .kings-crown-legendary svg {
    animation: none;
  }
}


/* KINGS — COROAS: RANKING, PERFIL E LOBBY */

.kg-rank-level {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

.kg-rank-level .kings-crown {
  margin: 0 auto;
}

.kings-profile-crown {
  display: flex;
  align-items: center;
  gap: 12px;
}

.kings-profile-crown-label {
  font-weight: 800;
  font-size: 15px;
  letter-spacing: 1px;
  color: #e5eaf2;
}

.lobby-slot .kings-crown {
  flex-shrink: 0;
}

.kings-wins {
  color: #35d995 !important;
}

.kings-losses {
  color: #f06a9c !important;
}

.kings-kd-positive {
  color: #4ba8ff !important;
}

.kings-kd-negative {
  color: #ff6575 !important;
}

@media (max-width: 700px) {
  .kg-rank-level .kings-crown-large {
    width: 58px;
    height: 58px;
  }

  .kings-profile-crown .kings-crown-large {
    width: 65px;
    height: 65px;
  }
}


/* KINGS — cronômetro visual de veto */
.kg-veto-timer{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:9px;
  margin:18px 0 24px;
  padding:24px 18px;
  text-align:center;
  border:1px solid rgba(255,194,50,.45);
  border-radius:12px;
  background:linear-gradient(135deg,rgba(255,194,50,.12),rgba(12,12,20,.96));
  box-shadow:0 0 28px rgba(255,194,50,.08);
}

.kg-veto-timer > span{
  font-size:13px;
  font-weight:900;
  letter-spacing:2px;
  color:#ffca45;
}

.kg-veto-timer > strong{
  font-size:clamp(64px,10vw,110px);
  line-height:1;
  font-weight:1000;
  font-variant-numeric:tabular-nums;
  color:#fff;
  text-shadow:0 0 25px rgba(255,194,50,.28);
}

.kg-veto-timer > small{
  font-size:12px;
  color:#c4bfca;
}

.kg-veto-progress{
  width:min(100%,460px);
  height:9px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.12);
}

.kg-veto-progress-fill{
  width:100%;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#ff8c22,#ffd84c);
  transition:width .25s linear;
}

.kg-veto-timer.kg-veto-urgent{
  border-color:#ff414d;
  box-shadow:0 0 32px rgba(255,65,77,.24);
  animation:kingsVetoPulse .7s ease-in-out infinite alternate;
}

.kg-veto-timer.kg-veto-urgent > strong{
  color:#ff414d;
}

.kg-veto-timer.kg-veto-urgent .kg-veto-progress-fill{
  background:#ff414d;
}

@keyframes kingsVetoPulse{
  from{box-shadow:0 0 12px rgba(255,65,77,.12)}
  to{box-shadow:0 0 35px rgba(255,65,77,.35)}
}

@media(prefers-reduced-motion:reduce){
  .kg-veto-timer.kg-veto-urgent{animation:none}
}

/* KINGS - Modal de desafios: respeitar hidden */
.kg-mm-challenge-backdrop[hidden] { display: none !important; }

/* KINGS - Layout canonico do mapa definido (2026-10-10).
   Somente regras escopadas, sem afetar READY, VETO e outras telas. */
.kg-versus.kg-versus-veto, .kg-versus.kg-versus-selected { display:none; }
@media(max-width:680px) {
  
  
  
  
  
  
  
  
  
  
}

@media (max-width: 650px) {
  

  

  
}

/* Mapa definido: layout único, restrito a esta seção. */
section.kg-selected-map {
  position:relative; isolation:isolate; overflow:hidden;
  margin:18px 0 28px; border:1px solid #34495e; border-radius:22px;
  background:#0b1420; color:#eef4fc;
}
.kg-selected-map, .kg-selected-map *, .kg-selected-map *::before, .kg-selected-map *::after { box-sizing:border-box; }
.kg-selected-map .kg-selected-map-bg {
  position:absolute; inset:0; z-index:-1;
  background-image:linear-gradient(180deg,rgba(5,13,24,.48),rgba(5,13,24,.12) 42%,rgba(5,13,24,.74)),var(--kg-selected-map);
  background-position:center; background-size:cover; background-repeat:no-repeat;
}
.kg-selected-map .kg-selected-map-content {
  position:relative; display:flex; flex-direction:column; gap:20px;
  width:100%; min-width:0; min-height:620px; padding:40px;
}
.kg-selected-map .kg-map-top { display:flex; justify-content:space-between; align-items:flex-start; gap:24px; }
.kg-selected-map .kg-map-title { min-width:0; }
.kg-selected-map .kg-map-title .eyebrow { color:#c7d6eb; font-size:11px; letter-spacing:.14em; }
.kg-selected-map .kg-map-title h2 { margin:10px 0 0; color:#fff; font-size:clamp(44px,7vw,100px); line-height:1; letter-spacing:-.04em; overflow-wrap:anywhere; }
.kg-selected-map .kg-map-status { display:flex; flex-direction:column; align-items:flex-end; gap:9px; max-width:45%; text-align:right; }
.kg-selected-map .kg-map-status > strong { color:#edf4ff; font-size:13px; overflow-wrap:anywhere; }
.kg-selected-map .kg-server-ready-status { display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border:1px solid #3da879; border-radius:30px; background:rgba(12,64,47,.7); color:#82f0b1; font-size:11px; font-weight:800; letter-spacing:.08em; }
.kg-selected-map .kg-server-ready-status i { width:8px; height:8px; flex:0 0 8px; border-radius:50%; background:#60efa0; }
.kg-selected-map .kg-map-spacer { flex:1 1 100px; min-height:60px; }
.kg-selected-map .kg-server-ready { display:grid; gap:14px; align-self:center; width:min(100%,880px); min-width:0; margin:0; padding:20px; border:1px solid #33465f; border-radius:16px; background:rgba(8,17,30,.88); backdrop-filter:blur(10px); }
.kg-selected-map .kg-server-access { display:block; width:100%; min-width:0; margin:0; }
.kg-selected-map .kg-map-access-label { display:block; margin:0 0 10px; color:#bfcee1; font-size:11px; font-weight:800; letter-spacing:.12em; text-align:center; }
.kg-selected-map .kg-server-access-row { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:12px; width:100%; min-width:0; padding:10px 12px; border:1px solid #283d57; border-radius:10px; background:rgba(3,9,18,.75); }
.kg-selected-map .kg-server-access-row code { display:block; min-width:0; color:#e4edf9; font:13px/1.6 ui-monospace,Consolas,monospace; white-space:pre-wrap; overflow-wrap:anywhere; }
.kg-selected-map .kg-server-copy { margin:0; min-width:76px; min-height:40px; padding:8px 12px; font-size:11px; }
.kg-selected-map .kg-map-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; min-width:0; }
.kg-selected-map .kg-server-connect, .kg-selected-map .kg-discord-post-veto { display:flex; align-items:center; justify-content:center; width:100%; min-width:0; min-height:54px; margin:0; padding:12px; font-size:12px; text-align:center; overflow-wrap:anywhere; }
.kg-selected-map .kg-server-copy, .kg-selected-map .kg-server-connect, .kg-selected-map .kg-discord-post-veto { border:1px solid #395c84; border-radius:9px; background:#14263d; color:#edf4ff; box-shadow:none; text-decoration:none; font-weight:800; line-height:1.5; cursor:pointer; transition:background .15s,border-color .15s; }
.kg-selected-map .kg-server-copy:hover, .kg-selected-map .kg-server-connect:hover, .kg-selected-map a.kg-discord-post-veto:hover { background:#203b5c; border-color:#678eba; }
.kg-selected-map .kg-discord-post-veto-unavailable { color:#9caabd; background:#111d2e; border-style:dashed; cursor:not-allowed; }
.kg-selected-map .kg-admin-cancel-match { align-self:center; width:auto; max-width:100%; min-height:40px; margin:0; padding:10px 18px; border:1px solid #8b424e; border-radius:9px; background:rgba(55,19,30,.75); color:#ff9ca8; font-size:11px; font-weight:700; line-height:1.5; white-space:normal; cursor:pointer; box-shadow:none; }
.kg-selected-map .kg-admin-cancel-match:hover { background:#572936; border-color:#cb6878; }
.kg-selected-map .kg-admin-cancel-match:disabled { opacity:.55; cursor:wait; }
.kg-selected-map :is(button,a):focus-visible { outline:2px solid #a7cfff; outline-offset:3px; }
.kg-selected-map .kg-map-waiting { padding:10px 14px; border:1px solid #48617c; border-radius:12px; background:rgba(10,21,37,.8); color:#dae6f5; font-size:11px; }
.kg-selected-map .kg-map-waiting-bottom { align-self:center; }
@media(max-width:640px) {
  .kg-selected-map .kg-selected-map-content { min-height:580px; padding:22px 14px; gap:16px; }
  .kg-selected-map .kg-map-top { flex-direction:column; gap:18px; }
  .kg-selected-map .kg-map-status { align-items:flex-start; max-width:100%; text-align:left; }
  .kg-selected-map .kg-map-title h2 { font-size:clamp(40px,12vw,72px); }
  .kg-selected-map .kg-map-spacer { flex-basis:60px; }
  .kg-selected-map .kg-server-ready { padding:12px; gap:12px; }
  .kg-selected-map .kg-server-access-row { gap:8px; padding:8px; }
  .kg-selected-map .kg-server-access-row code { font-size:12px; }
  .kg-selected-map .kg-map-actions { gap:8px; }
  .kg-selected-map .kg-server-connect, .kg-selected-map .kg-discord-post-veto { font-size:11px; padding:10px 8px; }
}


/* ======================================================
   KINGS_DISCORD_BANNER_V1
   Banner competitivo + controles neon
   ====================================================== */

.kg-lobbies-hero{
  display:grid !important;
  grid-template-columns:minmax(0, 43%) minmax(0, 57%);
  align-items:stretch !important;
  gap:22px !important;
  padding:22px 0 38px !important;
  width:100%;
}

.kg-hero-intro{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.kg-hero-intro .gamer-kicker{
  color:#93a7c8;
  font-size:10px;
  letter-spacing:2px;
}

.kg-hero-intro .gamer-kicker i{
  background:#37aaff;
}

.kg-hero-intro h1{
  margin:22px 0 20px !important;
  font-family:Arial,Helvetica,sans-serif;
  font-size:clamp(36px,5vw,78px) !important;
  line-height:.95 !important;
  letter-spacing:-.055em !important;
  font-style:italic;
  font-weight:1000;
  color:#f5f8ff;
  text-shadow:0 4px 22px rgba(77,127,255,.12);
}

.kg-hero-intro h1 span{
  color:#afc9ff !important;
  -webkit-text-stroke:0 !important;
  text-shadow:0 0 22px rgba(70,131,255,.18);
}

.kg-hero-intro p{
  max-width:630px;
  color:#c3cfe4 !important;
  font-size:clamp(11px,.93vw,14px) !important;
  line-height:1.6;
}

.kg-hero-side{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-width:0;
  gap:18px;
}

.kg-discord-panel{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:285px;
  padding:24px 28px;
  color:#f3f7ff;
  border:1px solid #315cce;
  border-radius:12px;
  background:
    radial-gradient(circle at 91% 43%,rgba(44,93,255,.4),transparent 32%),
    linear-gradient(120deg,#0a1428 5%,#091b3b 60%,#071124);
  box-shadow:
    inset 0 0 24px rgba(25,75,255,.12),
    0 10px 35px rgba(0,0,0,.22);
}

.kg-discord-panel::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.45;
  background:repeating-linear-gradient(
    130deg,
    transparent 0 80px,
    rgba(52,109,255,.045) 81px 83px
  );
}

.kg-discord-heading{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:22px;
}

.kg-discord-logo{
  font-size:25px;
  filter:drop-shadow(0 0 9px #527cff);
}

.kg-discord-heading strong{
  font-size:clamp(15px,1.6vw,25px);
  font-weight:1000;
  font-style:italic;
  letter-spacing:-.04em;
}

.kg-discord-heading em{
  color:#7398ff;
  font-style:inherit;
}

.kg-discord-content{
  position:relative;
  z-index:1;
  max-width:78%;
}

.kg-discord-info{
  display:flex;
  align-items:flex-start;
  gap:13px;
  margin:0 0 17px;
}

.kg-discord-info .kg-info-icon{
  display:grid;
  place-items:center;
  flex:0 0 34px;
  height:34px;
  border:1px solid rgba(63,135,255,.65);
  border-radius:8px;
  background:rgba(12,45,99,.7);
  color:#58c5ff;
  font-size:19px;
  font-weight:900;
}

.kg-discord-info p{
  margin:0 !important;
  max-width:none;
  color:#dce6f7 !important;
  font-size:clamp(11px,.95vw,14px) !important;
  line-height:1.45 !important;
}

.kg-discord-info strong,
.kg-discord-info b{
  color:white;
  font-weight:800;
}

.kg-discord-info .kg-blue-text{
  color:#6e98ff;
}

.kg-discord-warning{
  padding-top:14px;
  margin-top:7px;
  border-top:1px solid rgba(103,150,255,.27);
}

.kg-discord-warning .kg-info-icon{
  color:#ff4363;
  background:rgba(92,15,39,.3);
  border-color:#ff3d5e;
}

.kg-discord-warning p > strong{
  color:#ff4e68;
}

.kg-discord-art{
  position:absolute;
  right:-12px;
  top:15%;
  width:30%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  height:68%;
  gap:4px;
  transform:rotate(-5deg);
  color:#688dff;
  text-shadow:0 0 25px #315eff;
  pointer-events:none;
}

.kg-discord-crown{
  font-size:clamp(38px,5vw,88px);
  line-height:1;
}

.kg-discord-art-label{
  font-size:clamp(17px,2.6vw,46px);
  font-weight:1000;
  font-style:italic;
  letter-spacing:-.05em;
}

.kg-discord-art-sub{
  font-size:11px;
  letter-spacing:3px;
  font-weight:900;
}

.kg-lobby-hero-actions{
  display:flex !important;
  flex-direction:row !important;
  justify-content:flex-end;
  align-items:center;
  flex-wrap:wrap;
  gap:10px !important;
}

.kg-lobby-hero-actions .gamer-button{
  min-height:40px !important;
  padding:0 13px !important;
  border-radius:8px !important;
  font-size:10px !important;
  line-height:1.2;
  white-space:normal;
  text-align:center;
}

.kg-lobby-hero-actions .gamer-button-primary{
  background:linear-gradient(135deg,#c2ff00,#a4ef00) !important;
  color:#061400 !important;
  border:1px solid #d7ff32 !important;
  text-shadow:none !important;
  box-shadow:0 0 16px rgba(164,255,0,.55) !important;
}

.kg-lobby-hero-actions .kg-admin-clear-lobbies{
  min-height:40px !important;
  padding:0 12px !important;
  border-radius:8px !important;
  background:linear-gradient(135deg,#ed0730,#b90016) !important;
  color:white !important;
  border:1px solid #ff3450 !important;
  box-shadow:0 0 16px rgba(255,31,60,.50) !important;
  font-size:10px !important;
  font-weight:900 !important;
}

.kg-sound-switch{
  display:flex;
  align-items:center;
  gap:3px;
  min-height:40px;
  padding:4px;
  border:1px solid #009fff;
  border-radius:8px;
  background:linear-gradient(125deg,#091b54,#03102c);
  box-shadow:0 0 16px rgba(0,159,255,.35);
}

.kg-sound-label{
  padding:0 8px;
  color:#fff;
  font-weight:900;
  font-size:11px;
  white-space:nowrap;
}

.kg-sound-option{
  min-height:31px;
  padding:0 9px;
  border:1px solid transparent;
  border-radius:6px;
  color:#93a6cb;
  background:transparent;
  font-size:10px;
  font-weight:900;
  cursor:pointer;
  transition:background .15s,box-shadow .15s;
}

.kg-sound-option.is-active{
  color:white;
  background:linear-gradient(135deg,#008dff,#005bea);
  border-color:#42d5ff;
  box-shadow:0 0 12px rgba(0,166,255,.65);
}

.kg-sound-option:focus-visible,
.kg-lobby-hero-actions .gamer-button:focus-visible{
  outline:2px solid white;
  outline-offset:3px;
}

.kg-lobbies-page{
  background:
    radial-gradient(circle at 75% 3%,rgba(20,70,170,.19),transparent 40%),
    #080f1e !important;
}

/* Tablet */
@media(max-width:1050px){
  .kg-lobbies-hero{
    grid-template-columns:1fr !important;
  }
  .kg-hero-intro h1{
    font-size:clamp(40px,7vw,72px) !important;
  }
  .kg-discord-content{max-width:80%;}
}

/* Celular */
@media(max-width:600px){
  .kg-lobbies-hero{gap:22px !important;}
  .kg-hero-intro h1{
    font-size:clamp(34px,9vw,52px) !important;
    letter-spacing:-.06em !important;
  }
  .kg-discord-panel{
    padding:20px 15px;
    min-height:unset;
  }
  .kg-discord-content{max-width:100%;}
  .kg-discord-art{display:none;}
  .kg-discord-heading strong{font-size:17px;}
  .kg-lobby-hero-actions{
    justify-content:stretch;
  }
  .kg-lobby-hero-actions > *{
    width:100%;
  }
  .kg-sound-switch{
    justify-content:center;
  }
  .kg-sound-option{
    flex:1;
  }
}

/* KINGS — Correção da arte interna do Discord */
.kg-discord-art{
  right:12px !important;
  width:24% !important;
  transform:rotate(-5deg) scale(.82) !important;
  transform-origin:center;
}

.kg-discord-art-label{
  font-size:clamp(16px,2vw,32px) !important;
}


/* =========================================
   KINGS — SALAS WIDE LAYOUT V1
   ========================================= */

@media (min-width:1051px){

  .kg-lobbies-page{
    --shell:1600px;
    padding-left:max(24px,calc((100vw - 1600px)/2)) !important;
    padding-right:max(24px,calc((100vw - 1600px)/2)) !important;
  }

  .kg-lobbies-hero{
    max-width:1600px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  /* Banner Discord acompanha a nova largura */
  .kg-discord-panel{
    transform:none !important;
  }

}


/* =========================================
   KINGS — SALAS ULTRA WIDE
   96% da largura da tela
   ========================================= */

@media (min-width:1051px){

  .kg-lobbies-page{
    --shell:100% !important;

    width:96% !important;
    max-width:none !important;

    margin-left:auto !important;
    margin-right:auto !important;

    padding-left:0 !important;
    padding-right:0 !important;
  }

  .kg-lobbies-hero{
    width:100% !important;
    max-width:none !important;
    grid-template-columns:42% minmax(0,58%) !important;
    box-sizing:border-box;
  }

  .kg-match-stats,
  .kg-directory,
  .kg-directory-section{
    width:100% !important;
    max-width:none !important;
  }

}



/* ============================================
   KINGS_SIDEBAR_ROOM_V1
   ============================================ */

body.kings-platform .kg-header-inner{
  gap:14px !important;
}

body.kings-platform .kg-nav{
  flex:0 1 auto !important;
  min-height:0;
}

.kg-my-room-sidebar{
  width:100%;
  min-width:0;
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-width:thin;
  scrollbar-color:#334a65 transparent;
}

.kg-my-room-sidebar[hidden]{
  display:none !important;
}

.kg-side-room-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:4px;
  padding:5px 2px 10px;
  color:#baff19;
  font-size:9px;
  font-weight:900;
}

.kg-side-room-status{
  font-size:7px;
  color:#88f8bb;
}

.kg-side-room-box{
  padding:10px;
  border:1px solid #344761;
  border-radius:10px;
  background:#172131;
}

.kg-side-room-summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:6px;
  color:#f0f6ff;
  font-size:13px;
}

.kg-side-room-summary b{
  color:#baff19;
}

.kg-side-room-progress{
  height:5px;
  margin:10px 0 13px;
  border-radius:10px;
  background:#344155;
  overflow:hidden;
}

.kg-side-room-progress span{
  display:block;
  height:100%;
  border-radius:10px;
  background:#baff19;
  box-shadow:0 0 10px #baff1955;
}

.kg-side-room-members{
  display:flex;
  flex-direction:column;
  gap:7px;
  margin-bottom:13px;
}

.kg-side-member{
  display:flex;
  align-items:center;
  min-width:0;
  gap:7px;
}

.kg-side-avatar{
  display:grid;
  place-items:center;
  flex:0 0 25px;
  height:25px;
  border:1px solid #465c7a;
  border-radius:50%;
  background:#2b405e;
  color:#d8e8ff;
  font-size:11px;
  font-weight:900;
}

.kg-side-member-name{
  flex:1;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#e0eaff;
  font-size:10px;
}

.kg-side-captain{
  color:#ffcb51;
  font-size:13px;
}

.kg-side-empty .kg-side-avatar{
  background:#182432;
  border-style:dashed;
  color:#7188a6;
}

.kg-side-empty .kg-side-member-name{
  color:#8190a9;
  font-size:9px;
}

.kg-side-room-open,
.kg-side-room-leave{
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  width:100%;
  min-height:33px;
  margin-top:7px;
  border-radius:6px;
  font-size:9px;
  font-weight:900;
  text-align:center;
  text-decoration:none;
  cursor:pointer;
}

.kg-side-room-open{
  color:#101d04 !important;
  background:#baff19;
  border:1px solid #d2ff6a;
}

.kg-side-room-leave{
  color:#ff8191;
  background:#311d2a;
  border:1px solid #d34c60;
}

.kg-side-room-locked{
  padding:9px 2px;
  text-align:center;
  color:#9daec6;
  font-size:9px;
}

/* Desktop: manter menu e conta visíveis */
@media(min-width:701px){
  body.kings-platform .kg-sidebar-caption{
    margin-top:auto;
  }
}

/* Mobile: não sobrepor o cabeçalho */
@media(max-width:700px){
  .kg-my-room-sidebar{
    display:none !important;
  }
}


/* KINGS — Correção do painel Minha Sala */

@media (min-width:701px){

  body.kings-platform .kg-header-inner{
    gap:10px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    scrollbar-width:thin;
  }

  body.kings-platform .kg-nav{
    flex:0 0 auto !important;
  }

  body.kings-platform .kg-my-room-sidebar{
    display:block;
    flex:0 0 auto !important;
    width:100%;
    max-height:none;
    overflow:visible;
    margin:8px 0;
  }

  body.kings-platform .kg-my-room-sidebar[hidden]{
    display:none !important;
  }

  body.kings-platform .kg-sidebar-caption{
    margin-top:12px !important;
  }

}


/* KINGS — Mini confirmação de saída */

.kg-mini-leave-overlay{
  position:fixed;
  inset:0;
  z-index:99999;
  background:transparent;
  display:flex;
  justify-content:center;
  align-items:center;
}

.kg-mini-leave-popup{
  width:min(290px,calc(100vw - 32px));
  padding:17px;
  border:1px solid #40536d;
  border-radius:12px;
  background:#111c2b;
  color:#fff;
  box-shadow:0 12px 38px #0009;
  text-align:center;
}

.kg-mini-leave-popup strong{
  display:block;
  margin-bottom:16px;
  font-size:13px;
}

.kg-mini-leave-buttons{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}

.kg-mini-leave-buttons button{
  min-height:34px;
  border-radius:7px;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
}

.kg-mini-leave-buttons button:first-child{
  background:#baff19;
  border:1px solid #d3ff62;
  color:#102000;
  box-shadow:0 0 12px #baff1940;
}

.kg-mini-leave-buttons button:last-child{
  background:#e50933;
  border:1px solid #ff4d66;
  color:white;
  box-shadow:0 0 12px #ff234550;
}



/* ==============================================
   KINGS_ROOM_PORTRAIT_V1
   Sala minimalista - cards em retrato
   ============================================== */

.kg-mm-page{
  width:calc(100% - 32px) !important;
  max-width:1800px !important;
  color:#edf4ff;
}

.kg-mm-glow{
  background:radial-gradient(
    ellipse,
    rgba(28,90,215,.12),
    transparent 70%
  ) !important;
}

.kg-mm-header h1{
  font-size:clamp(28px,3vw,42px);
  letter-spacing:-.04em;
}

.kg-mm-header h1 span{
  color:#a9c6ff !important;
  text-shadow:0 0 18px rgba(55,125,255,.3) !important;
}

.kg-mm-header p{
  color:#9cabc3;
}

/* Equipe própria: retrato */

.kg-mm-layout{
  display:grid !important;
  grid-template-columns:290px minmax(0,1fr) !important;
  gap:22px !important;
  align-items:start;
}

.kg-mm-own{
  position:sticky;
  top:24px;
  width:100%;
  min-width:0;
  border:1px solid #344762 !important;
  border-radius:13px !important;
  background:#111c2b !important;
  box-shadow:0 8px 28px #0003 !important;
}

.kg-mm-own::before{
  display:none !important;
}

.kg-mm-own-head{
  background:#162337 !important;
  border-color:#344762 !important;
}

.kg-mm-own-count{
  color:#baff19 !important;
}

.kg-mm-own-average{
  margin:12px 12px 4px;
  padding:14px 10px;
  border:1px solid #314866;
  border-radius:9px;
  background:#18263a;
  text-align:center;
}

.kg-mm-own-average>span{
  display:block;
  margin-bottom:8px;
  color:#9eafcb;
  font-size:9px;
  letter-spacing:.08em;
  font-weight:800;
}

.kg-mm-average-value,
.kg-mm-opponent-rank{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:7px;
}

.kg-mm-average-value strong,
.kg-mm-opponent-rank strong{
  color:#d4e3ff;
  font-size:14px;
}

.kg-mm-own-players{
  padding:10px !important;
}

.kg-mm-player{
  grid-template-columns:38px minmax(0,1fr) auto;
  gap:8px;
  min-height:55px;
  padding:7px 3px;
  border-color:#ffffff12 !important;
}

.kg-mm-avatar{
  width:36px !important;
  height:36px !important;
  border:1px solid #456389 !important;
  background:#24364d !important;
  box-shadow:none !important;
}

.kg-mm-player-info strong{
  color:#f2f6ff !important;
  font-size:10px !important;
}

.kg-mm-player-info small{
  color:#9baec9 !important;
  font-size:9px !important;
}

.kg-mm-rank{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:28px;
  max-width:48px;
}

.kg-mm-rank img,
.kg-mm-average-value img,
.kg-mm-opponent-rank img{
  max-width:38px;
  max-height:38px;
  object-fit:contain;
}

.kg-mm-own-actions .button{
  min-height:36px !important;
  border-radius:7px !important;
  font-size:10px !important;
}

.kg-mm-own-actions [data-room-action="copy"]{
  background:#baff19 !important;
  border-color:#d7ff76 !important;
  color:#102000 !important;
}

.kg-mm-own-actions [data-room-action="leave"]{
  background:#3c1725 !important;
  border-color:#ff4868 !important;
  color:#ff8198 !important;
}

/* Adversários: cards verticais */

.kg-mm-browser{
  min-width:0;
  border:1px solid #2c405b !important;
  border-radius:13px !important;
  background:#0d1726 !important;
}

.kg-mm-browser-head{
  border-color:#344762 !important;
}

.kg-mm-team-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
  align-items:stretch;
}

.kg-mm-team-card{
  min-width:0;
  width:100%;
  min-height:315px;
  display:flex !important;
  flex-direction:column !important;
  border:1px solid #344762 !important;
  border-radius:11px !important;
  background:#152236 !important;
  box-shadow:0 5px 16px #0002 !important;
  overflow:hidden;
}

.kg-mm-team-card::before{
  display:none !important;
}

.kg-mm-team-top{
  align-items:flex-start;
  gap:8px;
}

.kg-mm-team-top strong{
  overflow-wrap:anywhere;
}

.kg-mm-team-avatars{
  display:flex !important;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
  padding:16px 8px;
}

.kg-mm-mini-avatar{
  flex:0 0 auto;
  width:37px !important;
  height:37px !important;
  border:1px solid #456389 !important;
  border-radius:9px !important;
  background:#253852 !important;
  overflow:hidden;
}

.kg-mm-mini-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.kg-mm-team-meta{
  display:flex !important;
  flex-direction:column;
  align-items:center;
  gap:7px;
  padding:13px 8px;
  text-align:center;
  border-top:1px solid #ffffff12;
}

.kg-mm-team-meta>span{
  color:#91a8cc !important;
  font-size:9px;
  font-weight:800;
}

.kg-mm-team-action{
  margin-top:auto;
}

.kg-mm-team-action .button{
  width:100%;
  min-height:37px;
  border-radius:7px !important;
  font-size:10px !important;
}

.kg-mm-team-card.complete{
  border-color:#6d9b36 !important;
}

/* Colunas responsivas */

@media(max-width:1400px){
  .kg-mm-team-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:1050px){
  .kg-mm-layout{
    grid-template-columns:280px minmax(0,1fr) !important;
  }
  .kg-mm-team-grid{
    grid-template-columns:1fr !important;
  }
}

@media(max-width:760px){
  .kg-mm-page{
    width:100% !important;
  }
  .kg-mm-layout{
    grid-template-columns:1fr !important;
  }
  .kg-mm-own{
    position:relative;
    top:auto;
    max-width:380px;
  }
  .kg-mm-team-grid{
    grid-template-columns:repeat(
      auto-fit,minmax(min(100%,240px),1fr)
    ) !important;
  }
  .kg-mm-header{
    flex-wrap:wrap;
  }
  .kg-mm-header-actions{
    flex-wrap:wrap;
  }
}


/* ========================================
   KINGS_SALAS_PORTRAIT_V1
   Cards retrato na listagem de salas
   ======================================== */

#directory-results{
  display:grid !important;
  grid-template-columns:repeat(
    auto-fill,minmax(min(100%,285px),1fr)
  ) !important;
  gap:16px !important;
  align-items:start !important;
}

#directory-results .kg-portrait-card{
  display:flex !important;
  flex-direction:column !important;
  width:100% !important;
  min-width:0 !important;
  min-height:510px;
  padding:0 !important;
  overflow:hidden;
  border:1px solid #344862 !important;
  border-radius:12px !important;
  background:#121d2d !important;
  box-shadow:0 8px 24px #0003 !important;
  color:#f0f5ff;
}

#directory-results .kg-portrait-card::before,
#directory-results .kg-portrait-card::after{
  display:none !important;
}

#directory-results .kg-portrait-own{
  border-color:#a8ef23 !important;
  box-shadow:0 0 18px #a8ef2322 !important;
}

.kg-portrait-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:14px;
  background:#19273b;
  border-bottom:1px solid #344862;
}

.kg-portrait-number{
  font-size:10px;
  font-weight:900;
  color:#b9cbe7;
}

.kg-portrait-average{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:15px;
  border-bottom:1px solid #ffffff12;
}

.kg-portrait-average>div:first-child{
  display:flex;
  flex-direction:column;
  gap:5px;
}

.kg-portrait-average small{
  color:#94a9ca;
  font-size:9px;
  letter-spacing:.08em;
}

.kg-portrait-average strong{
  font-size:19px;
  color:#d2e1ff;
}

.kg-portrait-team{
  padding:13px 14px;
}

.kg-portrait-team-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}

.kg-portrait-team-title strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:13px;
}

.kg-portrait-team-title span{
  color:#baff19;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}

.kg-portrait-progress{
  height:5px;
  margin-top:11px;
  background:#30415c;
  border-radius:10px;
  overflow:hidden;
}

.kg-portrait-progress span{
  display:block;
  height:100%;
  background:#baff19;
  border-radius:10px;
}

.kg-portrait-members{
  display:flex;
  flex-direction:column;
  gap:0;
  padding:5px 13px 12px;
}

.kg-portrait-member{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:53px;
  padding:7px 0;
  border-bottom:1px solid #ffffff11;
}

.kg-portrait-member:last-child{
  border-bottom:0;
}

.kg-portrait-avatar{
  display:grid;
  place-items:center;
  flex:0 0 38px;
  width:38px;
  height:38px;
  padding:0;
  overflow:hidden;
  background:#253850;
  color:#aecfff;
  border:1px solid #496181;
  border-radius:9px;
}

.kg-portrait-avatar img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.kg-portrait-name{
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
}

.kg-portrait-name strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:11px;
  color:#edf4ff;
}

.kg-portrait-name small{
  color:#90a5c3;
  font-size:9px;
}

.kg-portrait-crown{
  flex:0 0 37px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.kg-portrait-crown img,
.kg-portrait-average img{
  max-width:39px;
  max-height:39px;
  object-fit:contain;
}

.kg-portrait-member.empty{
  opacity:.5;
}

.kg-portrait-member.empty .kg-portrait-avatar{
  border-style:dashed;
}

.kg-portrait-actions{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:auto;
  padding:13px;
  border-top:1px solid #344862;
}

.kg-portrait-actions .button{
  flex:1;
  min-height:36px !important;
  padding:7px !important;
  border-radius:7px !important;
  font-size:10px !important;
  text-align:center;
}

.kg-portrait-actions .own-team{
  background:#baff19 !important;
  color:#101d04 !important;
  border-color:#d6ff72 !important;
}

.kg-portrait-actions .challenge-team{
  background:#a8f000 !important;
  color:#112000 !important;
  border-color:#d0ff65 !important;
}

.kg-portrait-actions .tile-detail{
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:10px;
}

@media(max-width:700px){
  #directory-results{
    grid-template-columns:1fr !important;
  }

  #directory-results .kg-portrait-card{
    max-width:420px;
  }
}

/* KINGS_SALAS_COMPACT_FIX_V2 */

#directory-results .kg-portrait-card {
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  display: flex !important;
  flex-direction: column !important;
  align-self: start !important;
}

#directory-results .kg-portrait-members {
  display: flex !important;
  flex-direction: column !important;
  flex: 0 0 auto !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 4px 12px 10px !important;
}

#directory-results .kg-portrait-member {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  height: 47px !important;
  min-height: 47px !important;
  max-height: 47px !important;
  padding: 4px 0 !important;
  margin: 0 !important;
  gap: 9px !important;
  text-align: left !important;
}

#directory-results .kg-portrait-member .kg-portrait-avatar {
  flex: 0 0 32px !important;
  width: 32px !important;
  height: 32px !important;
  margin: 0 !important;
}

#directory-results .kg-portrait-member .kg-portrait-name {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  min-width: 0 !important;
  gap: 3px !important;
  margin: 0 !important;
  text-align: left !important;
}

#directory-results .kg-portrait-member .kg-portrait-name strong,
#directory-results .kg-portrait-member .kg-portrait-name small {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  text-align: left !important;
}

#directory-results .kg-portrait-member .kg-portrait-crown {
  flex: 0 0 34px !important;
  width: 34px !important;
  margin: 0 0 0 auto !important;
}

#directory-results .kg-portrait-actions {
  flex: 0 0 auto !important;
  margin-top: 0 !important;
}


/* KINGS_SALAS_COMPACT_FIX_V2 */

#directory-results .kg-portrait-card {
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  display: flex !important;
  flex-direction: column !important;
  align-self: start !important;
}

#directory-results .kg-portrait-members {
  display: flex !important;
  flex-direction: column !important;
  flex: 0 0 auto !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 4px 12px 10px !important;
}

#directory-results .kg-portrait-member {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  height: 47px !important;
  min-height: 47px !important;
  max-height: 47px !important;
  padding: 4px 0 !important;
  margin: 0 !important;
  gap: 9px !important;
  text-align: left !important;
}

#directory-results .kg-portrait-member .kg-portrait-avatar {
  flex: 0 0 32px !important;
  width: 32px !important;
  height: 32px !important;
  margin: 0 !important;
}

#directory-results .kg-portrait-member .kg-portrait-name {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  min-width: 0 !important;
  gap: 3px !important;
  margin: 0 !important;
  text-align: left !important;
}

#directory-results .kg-portrait-member .kg-portrait-name strong,
#directory-results .kg-portrait-member .kg-portrait-name small {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  text-align: left !important;
}

#directory-results .kg-portrait-member .kg-portrait-crown {
  flex: 0 0 34px !important;
  width: 34px !important;
  margin: 0 0 0 auto !important;
}

#directory-results .kg-portrait-actions {
  flex: 0 0 auto !important;
  margin-top: 0 !important;
}



/* KINGS_PREMIUM_MENU_V1 */

#main-nav .kg-premium-nav {
  --nav-neon: #ffcf28;
  display: flex;
  align-items: center;
  gap: 13px;
  min-height: 43px;
  padding: 11px 15px;
  border: 1px solid #ffcf2866 !important;
  border-radius: 9px;
  background: #ffcf2812;
  color: #ffcf28 !important;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .6px;
  text-decoration: none;
  transition: .2s ease;
}

#main-nav .kg-premium-nav:hover {
  background: #ffcf2826 !important;
  border-color: #ffcf28 !important;
  box-shadow: 0 0 15px #ffcf2844;
}

#main-nav .kg-premium-icon {
  font-size: 19px;
  color: #ffcf28;
  text-shadow: 0 0 12px #ffcf2877;
}


/* KINGS SIDEBAR HIGHLIGHT COLORS V2 */

#main-nav [data-route="inicio"] {
  --kg-menu-color: #baff00;
}

#main-nav [data-route="premium"] {
  --kg-menu-color: #ffcf28;
}

#main-nav [data-route="salas"] {
  --kg-menu-color: #00c8ff;
}

#main-nav [data-route="ranking"] {
  --kg-menu-color: #ffe600;
}

#main-nav [data-route="skins"],
#main-nav [data-route="inventory"] {
  --kg-menu-color: #bd79ff;
}

#main-nav [data-route="bans"] {
  --kg-menu-color: #ff365c;
}

#main-nav [data-route="discord"] {
  --kg-menu-color: #ff9233;
}

/* Texto e ícones coloridos */

#main-nav [data-route] {
  color: var(--kg-menu-color) !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;

  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .5px !important;
}

#main-nav [data-route] svg,
#main-nav [data-route] i,
#main-nav [data-route] .kg-premium-icon {
  color: var(--kg-menu-color) !important;
  text-shadow: none !important;
}

/* Hover */

#main-nav [data-route]:hover {
  background: color-mix(
    in srgb,
    var(--kg-menu-color) 12%,
    #101820
  ) !important;

  border-color: var(--kg-menu-color) !important;
}

/* Menu selecionado */

#main-nav [data-route].active,
#main-nav [data-route][aria-current="page"] {
  background: color-mix(
    in srgb,
    var(--kg-menu-color) 15%,
    #111a28
  ) !important;

  border-color: var(--kg-menu-color) !important;

  box-shadow:
    inset 3px 0 var(--kg-menu-color),
    0 0 12px color-mix(
      in srgb,
      var(--kg-menu-color) 20%,
      transparent
    ) !important;
}

/* Premium também segue a identidade neon */

#main-nav .kg-premium-nav {
  color: #ffcf28 !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

#main-nav .kg-premium-nav:hover {
  background: #ffcf281b !important;
  border-color: #ffcf28 !important;
}


/* KINGS SKINS RGB ANIMATED V1 */

@keyframes kingsSkinsRGB {
  0%, 100% {
    color: #baff00;
    border-color: #baff00;
    text-shadow: 0 0 8px #baff0088;
  }

  20% {
    color: #00d9ff;
    border-color: #00d9ff;
    text-shadow: 0 0 8px #00d9ff88;
  }

  40% {
    color: #bd79ff;
    border-color: #bd79ff;
    text-shadow: 0 0 8px #bd79ff88;
  }

  60% {
    color: #ff3fcf;
    border-color: #ff3fcf;
    text-shadow: 0 0 8px #ff3fcf88;
  }

  80% {
    color: #ffe600;
    border-color: #ffe600;
    text-shadow: 0 0 8px #ffe60088;
  }
}

/* SKINS - COR RGB ANIMADA */

#main-nav [data-route="skins"] {
  animation: kingsSkinsRGB 4s linear infinite !important;
  border: 1px solid currentColor !important;
  background: #151c2b !important;
  border-radius: 9px !important;
  font-weight: 900 !important;
}

/* Ícone acompanha a cor do texto */

#main-nav [data-route="skins"] svg,
#main-nav [data-route="skins"] i,
#main-nav [data-route="skins"] span {
  color: inherit !important;
}

/* Mantém animação quando selecionado */

#main-nav [data-route="skins"].active {
  animation: kingsSkinsRGB 4s linear infinite !important;
  background: #20283a !important;
}

/* Acessibilidade: respeita redução de movimento */

@media (prefers-reduced-motion: reduce) {
  #main-nav [data-route="skins"] {
    animation: none !important;
    color: #bd79ff !important;
    border-color: #bd79ff !important;
  }
}


/* KINGS SKINS RGB V3 - CORREÇÃO DEFINITIVA */

@property --skins-rgb {
  syntax: '<color>';
  inherits: true;
  initial-value: #baff00;
}

@keyframes kingsSkinsRainbowV3 {
  0%, 100% { --skins-rgb: #baff00; }
  20%      { --skins-rgb: #00e5ff; }
  40%      { --skins-rgb: #b45cff; }
  60%      { --skins-rgb: #ff35c8; }
  80%      { --skins-rgb: #ffe600; }
}

/* Animação no próprio link */

#main-nav a[href="/skins"] {
  animation: kingsSkinsRainbowV3 3s linear infinite !important;

  color: var(--skins-rgb) !important;
  border: 1px solid var(--skins-rgb) !important;

  background: #151c2b !important;
  border-radius: 9px !important;

  text-shadow: 0 0 8px currentColor !important;
  box-shadow: 0 0 9px color-mix(
    in srgb,
    var(--skins-rgb) 35%,
    transparent
  ) !important;
}

/* Texto e ícone seguem o RGB */

#main-nav a[href="/skins"] span,
#main-nav a[href="/skins"] .nav-icon {
  color: var(--skins-rgb) !important;
  -webkit-text-fill-color: var(--skins-rgb) !important;
  text-shadow: 0 0 7px currentColor !important;
}

/* Evita que o estado ativo esconda a animação */

#main-nav a[href="/skins"].active,
#main-nav a[href="/skins"][aria-current="page"] {
  color: var(--skins-rgb) !important;
  border-color: var(--skins-rgb) !important;
  background: #20283a !important;
}

/* Acessibilidade */

@media (prefers-reduced-motion: reduce) {
  #main-nav a[href="/skins"] {
    animation: none !important;
    --skins-rgb: #b45cff;
  }
}


/* KINGS_RANKING_WIDE_V3 */

body.kings-platform:has(#ranking-results){
  --rk-yellow:#ffea39;
  --rk-lime:#c7ff31;
  --rk-cyan:#38e8ff;
  --rk-pink:#ff49d5;
  --rk-purple:#a66bff;
}

/* Aproveitar melhor a largura do desktop */
@media(min-width:1200px){
  body.kings-platform:has(#ranking-results) .kg-shell{
    width:calc(100% - 28px)!important;
    max-width:1800px!important;
  }
  body.kings-platform #main:has(#ranking-results){
    width:100%!important;
    max-width:1800px!important;
  }
}

/* Cabeçalho horizontal e compacto */
body.kings-platform #main:has(#ranking-results) .page-heading{
  display:flex!important;
  flex-direction:row!important;
  justify-content:space-between!important;
  align-items:center!important;
  min-height:0!important;
  height:auto!important;
  padding:18px 24px!important;
  gap:20px!important;
  margin-bottom:14px!important;
  border:1px solid #33343c!important;
  border-left:4px solid var(--rk-lime)!important;
  border-radius:10px!important;
  background:#151519!important;
  box-shadow:none!important;
}

body.kings-platform #main:has(#ranking-results) .page-heading h1{
  margin:3px 0!important;
  font-size:clamp(27px,2.6vw,36px)!important;
  line-height:1.1!important;
  letter-spacing:-.045em!important;
  color:#fff!important;
}

body.kings-platform #main:has(#ranking-results) .page-heading p{
  margin:4px 0 0!important;
  color:#a6a6b2!important;
  font-size:12px!important;
  line-height:1.4!important;
}

body.kings-platform #main:has(#ranking-results) .page-heading .eyebrow{
  color:var(--rk-lime)!important;
  font-size:10px!important;
}

body.kings-platform #main:has(#ranking-results) .page-heading .button{
  flex-shrink:0;
  background:#c7ff3112!important;
  border:1px solid #c7ff3170!important;
  color:var(--rk-lime)!important;
  border-radius:8px!important;
  padding:11px 15px!important;
  font-size:11px!important;
}

body.kings-platform #main:has(#ranking-results) .toolbar{
  margin-bottom:12px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

body.kings-platform #ranking-results.panel{
  padding:16px!important;
  background:#121216!important;
  border:1px solid #33343b!important;
  border-radius:12px!important;
  box-shadow:none!important;
}

body.kings-platform #ranking-results .kg-ranking-list{
  display:block!important;
  padding:0!important;
  overflow:visible!important;
}

/* TOP 3 */
body.kings-platform #ranking-results .kn-podium{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:14px!important;
  margin:0 0 24px!important;
  background:none!important;
  border:0!important;
  border-radius:0!important;
  overflow:visible!important;
}

body.kings-platform #ranking-results .kn-podium > .kg-rank-card{
  --accent:var(--rk-cyan);
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  min-height:250px!important;
  height:auto!important;
  padding:20px 16px 15px!important;
  background:linear-gradient(160deg,#23242a,#18181d)!important;
  border:1px solid #3a3b45!important;
  border-top:3px solid var(--accent)!important;
  border-radius:12px!important;
  box-shadow:none!important;
  transform:none!important;
}

body.kings-platform #ranking-results .kn-podium > .kg-rank-top-1{
  --accent:var(--rk-yellow);
  background:linear-gradient(160deg,#2b281d,#1b1b20)!important;
  border-color:#70622b!important;
  border-top-color:var(--rk-yellow)!important;
  box-shadow:0 0 28px #ffea3912!important;
}

body.kings-platform #ranking-results .kn-podium > .kg-rank-top-3{
  --accent:var(--rk-pink);
}

body.kings-platform #ranking-results .kn-podium .kg-rank-position{
  position:absolute!important;
  top:14px!important;
  left:16px!important;
  font-size:27px!important;
  font-weight:900!important;
  color:var(--accent)!important;
  line-height:1!important;
}

body.kings-platform #ranking-results .kn-podium .kg-rank-player{
  order:1!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  padding:0 36px!important;
  margin:0!important;
  text-align:center!important;
}

body.kings-platform #ranking-results .kn-podium .kg-rank-avatar{
  width:68px!important;
  height:68px!important;
  min-width:68px!important;
  border-radius:50%!important;
  border:2px solid var(--accent)!important;
  box-shadow:0 0 16px color-mix(in srgb,var(--accent) 20%,transparent)!important;
}

body.kings-platform #ranking-results .kn-podium .kg-rank-avatar .avatar,
body.kings-platform #ranking-results .kn-podium .kg-rank-avatar img{
  width:100%!important;
  height:100%!important;
  border-radius:50%!important;
  object-fit:cover!important;
}

body.kings-platform #ranking-results .kn-podium .kg-rank-player-info{
  width:100%!important;
  align-items:center!important;
  text-align:center!important;
}

body.kings-platform #ranking-results .kn-podium .kg-rank-player-info strong{
  display:block!important;
  width:100%!important;
  font-size:16px!important;
  font-weight:800!important;
  color:#fff!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

body.kings-platform #ranking-results .kn-podium .kg-rank-player-info span{
  color:#a4a4b0!important;
  font-size:10px!important;
}

body.kings-platform #ranking-results .kn-podium .kg-rank-level{
  order:2!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:auto!important;
  height:46px!important;
  min-height:46px!important;
  padding:2px 12px!important;
  border:1px solid #41414a!important;
  border-radius:8px!important;
  background:#11111580!important;
  overflow:hidden!important;
}

body.kings-platform #ranking-results .kn-podium .kg-rank-level-label{
  font-size:9px!important;
  color:var(--accent)!important;
}

body.kings-platform #ranking-results .kn-podium .kg-rank-level svg{
  max-width:40px!important;
  max-height:40px!important;
}

body.kings-platform #ranking-results .kn-podium .kg-rank-stats{
  order:3!important;
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  align-items:center!important;
  gap:3px!important;
  width:100%!important;
  min-width:0!important;
  padding:12px 0 0!important;
  margin-top:auto!important;
  border-top:1px solid #393941!important;
}

body.kings-platform #ranking-results .kn-podium .kg-rank-stat{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:0!important;
  padding:2px!important;
  border:0!important;
  background:transparent!important;
}

body.kings-platform #ranking-results .kn-podium .kg-rank-stat span{
  display:block!important;
  font-size:8px!important;
  letter-spacing:0!important;
  color:#9d9da9!important;
  white-space:nowrap!important;
}

body.kings-platform #ranking-results .kn-podium .kg-rank-stat strong{
  margin-top:4px!important;
  font-size:13px!important;
  color:#f5f5f8!important;
}

body.kings-platform #ranking-results .kn-podium .kg-rank-stat:first-child strong{
  color:var(--accent)!important;
}

/* TABELA: duas linhas no espaço ocupado antes por uma */
body.kings-platform #ranking-results .kn-table{
  width:100%!important;
  overflow-x:auto!important;
}

body.kings-platform #ranking-results .kn-table-head,
body.kings-platform #ranking-results .kn-table > .kg-rank-card{
  display:grid!important;
  grid-template-columns:
    44px minmax(160px,2.2fr) 66px
    repeat(7,minmax(45px,1fr))!important;
  align-items:center!important;
  column-gap:8px!important;
  width:100%!important;
  min-width:850px!important;
  box-sizing:border-box!important;
}

body.kings-platform #ranking-results .kn-table-head{
  height:34px!important;
  padding:0 10px!important;
  font-size:10px!important;
  color:#9e9eaa!important;
  border-bottom:1px solid #41414a!important;
}

body.kings-platform #ranking-results .kn-table > .kg-rank-card{
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;
  padding:3px 10px!important;
  margin:0!important;
  grid-template-rows:minmax(0,1fr)!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid #2b2b32!important;
  border-radius:0!important;
  box-shadow:none!important;
  transform:none!important;
}

body.kings-platform #ranking-results .kn-table > .kg-rank-card:nth-child(even){
  background:#1b1b20!important;
}

body.kings-platform #ranking-results .kn-table > .kg-rank-card:hover{
  background:#282830!important;
}

body.kings-platform #ranking-results .kn-table > .kg-rank-card > .kg-rank-position{
  grid-column:1!important;
  grid-row:1!important;
  font-size:13px!important;
  color:var(--rk-lime)!important;
  text-align:left!important;
}

body.kings-platform #ranking-results .kn-table > .kg-rank-card > .kg-rank-player{
  grid-column:2!important;
  grid-row:1!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:9px!important;
  width:100%!important;
  min-width:0!important;
  padding:0!important;
}

body.kings-platform #ranking-results .kn-table .kg-rank-avatar{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  border-radius:6px!important;
  border:1px solid #50505a!important;
  box-shadow:none!important;
}

body.kings-platform #ranking-results .kn-table .kg-rank-player-info strong{
  font-size:12px!important;
  font-weight:700!important;
}

body.kings-platform #ranking-results .kn-table .kg-rank-player-info span{
  font-size:8px!important;
  color:#858593!important;
}

body.kings-platform #ranking-results .kn-table > .kg-rank-card > .kg-rank-level{
  grid-column:3!important;
  grid-row:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:58px!important;
  height:40px!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  overflow:hidden!important;
}

body.kings-platform #ranking-results .kn-table .kg-rank-level-label{
  display:none!important;
}

body.kings-platform #ranking-results .kn-table .kg-rank-level svg{
  max-width:37px!important;
  max-height:37px!important;
}

body.kings-platform #ranking-results .kn-table > .kg-rank-card > .kg-rank-stats{
  grid-column:4/-1!important;
  grid-row:1!important;
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
}

body.kings-platform #ranking-results .kn-table .kg-rank-stat{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}

body.kings-platform #ranking-results .kn-table .kg-rank-stat span{
  display:none!important;
}

body.kings-platform #ranking-results .kn-table .kg-rank-stat strong{
  margin:0!important;
  font-size:12px!important;
  line-height:1!important;
  color:#eaeaf0!important;
}

body.kings-platform #ranking-results .kn-table .kg-rank-stat:first-child strong{
  color:var(--rk-cyan)!important;
}
body.kings-platform #ranking-results .kn-table .kg-rank-stat:nth-child(2) strong{
  color:var(--rk-lime)!important;
}
body.kings-platform #ranking-results .kn-table .kg-rank-stat:nth-child(3) strong{
  color:var(--rk-pink)!important;
}
body.kings-platform #ranking-results .kn-table .kg-rank-stat:nth-child(4) strong{
  color:var(--rk-purple)!important;
}

@media(max-width:1150px){
  body.kings-platform #ranking-results .kn-table-head,
  body.kings-platform #ranking-results .kn-table > .kg-rank-card{
    width:850px!important;
  }
}

@media(max-width:750px){
  body.kings-platform #main:has(#ranking-results) .page-heading{
    flex-direction:column!important;
    align-items:flex-start!important;
    padding:16px!important;
  }
  body.kings-platform #ranking-results .kn-podium{
    grid-template-columns:1fr!important;
  }
  body.kings-platform #ranking-results .kn-podium > .kg-rank-card{
    min-height:220px!important;
  }
  body.kings-platform #ranking-results.panel{
    padding:10px!important;
  }
}


/* KINGS_RANKING_COLUMNS_FIX_V4 */

/*
  Uma única grade de 10 colunas.
  O bloco de estatísticas ocupa as últimas 7
  e usa subgrid para herdar as mesmas medidas.
*/

body.kings-platform #ranking-results .kn-table{
  --rk-cols:
    44px
    minmax(160px,2.2fr)
    66px
    repeat(7,minmax(45px,1fr));
}

body.kings-platform #ranking-results .kn-table-head,
body.kings-platform #ranking-results .kn-table > .kg-rank-card{
  display:grid!important;
  grid-template-columns:var(--rk-cols)!important;
  column-gap:8px!important;
  width:100%!important;
  min-width:850px!important;
}

body.kings-platform #ranking-results .kn-table-head > span{
  display:block!important;
  min-width:0!important;
  text-align:center!important;
}

body.kings-platform #ranking-results .kn-table-head > span:nth-child(2){
  text-align:left!important;
}

body.kings-platform #ranking-results .kn-table > .kg-rank-card > .kg-rank-stats{
  grid-column:4 / 11!important;
  grid-row:1!important;
  display:grid!important;
  grid-template-columns:subgrid!important;
  column-gap:8px!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
}

body.kings-platform #ranking-results .kn-table .kg-rank-stat{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  text-align:center!important;
}

body.kings-platform #ranking-results .kn-table .kg-rank-stat strong{
  display:block!important;
  width:100%!important;
  margin:0!important;
  text-align:center!important;
  font-variant-numeric:tabular-nums!important;
}

body.kings-platform #ranking-results .kn-table .kg-rank-position{
  font-variant-numeric:tabular-nums!important;
}

@media(max-width:1150px){
  body.kings-platform #ranking-results .kn-table-head,
  body.kings-platform #ranking-results .kn-table > .kg-rank-card{
    width:850px!important;
    min-width:850px!important;
  }
}

/* KINGS - CORRECAO TAMANHO DAS 30 COROAS - V1 */

/* Tamanho padrão */
.kings-crown {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
  max-width: 38px !important;
  max-height: 38px !important;
  flex: 0 0 38px !important;
  vertical-align: middle !important;
  overflow: visible !important;
}

.kings-crown svg {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}

/* Coroas pequenas: lobbies e outros componentes */
.kings-crown-small {
  width: 30px !important;
  height: 30px !important;
  max-width: 30px !important;
  max-height: 30px !important;
  flex-basis: 30px !important;
}

/* Coroas grandes: ranking e perfil */
.kings-crown-large {
  width: 48px !important;
  height: 48px !important;
  max-width: 48px !important;
  max-height: 48px !important;
  flex-basis: 48px !important;
}

/* Ranking: limitar as coroas nas linhas */
.kg-ranking-list .kings-crown,
.kn-table .kings-crown {
  width: 34px !important;
  height: 34px !important;
  max-width: 34px !important;
  max-height: 34px !important;
  flex-basis: 34px !important;
}

/* Top 3: um pouco maiores */
.kn-podium .kings-crown,
.kn-podium .kings-crown-large {
  width: 48px !important;
  height: 48px !important;
  max-width: 48px !important;
  max-height: 48px !important;
  flex-basis: 48px !important;
}

/* Janela explicativa das 30 coroas */
dialog .kings-crown,
#modal .kings-crown {
  width: 42px !important;
  height: 42px !important;
  max-width: 42px !important;
  max-height: 42px !important;
  flex-basis: 42px !important;
}


/* KINGS_CROWNS_SIZE_FIX_V2 - limitar imagem real */

/* Base: todas as coroas */
body .kings-crown.kings-crown-art {
  display: inline-flex !important;
  position: relative !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  max-width: 38px !important;
  max-height: 38px !important;
  flex: 0 0 38px !important;
  line-height: 0 !important;
  overflow: hidden !important;
  vertical-align: middle !important;
}

/* O problema estava na IMG interna */
body .kings-crown.kings-crown-art > img.kings-crown-image {
  display: block !important;
  position: static !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Lobbies e áreas compactas */
body .kings-crown.kings-crown-small.kings-crown-art {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  max-width: 28px !important;
  max-height: 28px !important;
  flex-basis: 28px !important;
}

/* Top 3 */
body #ranking-results .kn-podium .kings-crown.kings-crown-art {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  max-width: 48px !important;
  max-height: 48px !important;
  flex-basis: 48px !important;
}

/* Tabela do ranking */
body #ranking-results .kn-table .kings-crown.kings-crown-art {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  max-width: 34px !important;
  max-height: 34px !important;
  flex-basis: 34px !important;
}

/* Modal de evolução */
body #modal .kings-crown.kings-crown-art,
body dialog .kings-crown.kings-crown-art {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  max-width: 42px !important;
  max-height: 42px !important;
  flex-basis: 42px !important;
}



/* KINGS_CROWNS_PREMIUM_FINAL_V1 */
body .kings-crown.kings-crown-art {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  line-height: 0 !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  max-width: 38px !important;
  max-height: 38px !important;
  flex: 0 0 38px !important;
}

body .kings-crown.kings-crown-art > img.kings-crown-image {
  display: block !important;
  position: static !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body #ranking-results .kn-podium .kings-crown.kings-crown-art {
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  min-height: 56px !important;
  max-width: 56px !important;
  max-height: 56px !important;
  flex-basis: 56px !important;
}

body #ranking-results .kn-table .kings-crown.kings-crown-art {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  max-width: 40px !important;
  max-height: 40px !important;
  flex-basis: 40px !important;
}

body #modal .kings-crown.kings-crown-art,
body dialog .kings-crown.kings-crown-art {
  width: 64px !important;
  height: 64px !important;
  min-width: 64px !important;
  min-height: 64px !important;
  max-width: 64px !important;
  max-height: 64px !important;
  flex-basis: 64px !important;
}

body .kings-crown.kings-crown-small.kings-crown-art {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  max-width: 32px !important;
  max-height: 32px !important;
  flex-basis: 32px !important;
}

/* KINGS_RANKING_CROWN_CENTER_V1 */
.kg-ranking-list .kg-rank-level {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

.kg-ranking-list .kg-rank-level > .kings-crown {
  margin-inline: auto !important;
  flex-shrink: 0;
}

/* KINGS_GUIDE_CARDS_V1 */
.kings-guide {
  width: 100%;
  color: #f4f6fc;
}
.kings-guide-header {
  margin-bottom: 22px;
}
.kings-guide-kicker {
  color: #baff32;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.5px;
}
.kings-guide-header h2 {
  font-size: clamp(25px, 3vw, 36px);
  line-height: 1.15;
  margin: 10px 0;
}
.kings-guide-header p {
  color: #aeb8c9;
  font-size: 15px;
  line-height: 1.6;
}
.kings-guide-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.kings-guide-card {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 18px 12px;
  border: 1px solid #343d50;
  border-radius: 15px;
  background: linear-gradient(145deg,#202634,#11151f);
  text-align: center;
  transition: border-color .2s, transform .2s;
}
.kings-guide-card:hover {
  border-color: #baff32;
  transform: translateY(-2px);
}
.kings-guide-level {
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 1px;
}
.kings-guide-emblem {
  width: 100%;
  height: 108px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.kings-guide-emblem img {
  width: 105px;
  height: 105px;
  object-fit: contain;
}
.kings-guide-points {
  width: 100%;
  padding: 10px 5px;
  border-radius: 8px;
  background: rgba(255,193,42,.12);
  color: #ffdb64;
  font-size: 15px;
  font-weight: 900;
}
.kings-guide-players {
  display: flex;
  flex-direction: column;
  gap: 5px;
  color: #aeb8c9;
  font-size: 12px;
}
.kings-guide-players strong {
  color: #e8efff;
  font-size: 14px;
}
.kings-guide-footer {
  margin-top: 20px;
  color: #aeb8c9;
  font-size: 13px;
}
@media(max-width:700px) {
  .kings-guide-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 9px;
  }
  .kings-guide-card {
    padding: 12px 7px;
  }
  .kings-guide-emblem {
    height: 85px;
  }
  .kings-guide-emblem img {
    width: 82px;
    height: 82px;
  }
  .kings-guide-points {
    font-size: 12px;
  }
}

/* KINGS_GUIDE_CARDS_V2 */
.modal:has(.kings-guide) {
  width: min(1060px, calc(100vw - 32px));
  max-width: calc(100vw - 32px);
  max-height: 92vh;
  padding: 24px;
}

.kings-guide-header {
  margin-bottom: 22px;
  padding: 4px 0 20px;
  border-bottom: 1px solid #343d50;
}

.kings-guide-header h2 {
  margin: 8px 0;
  font-size: clamp(24px, 3vw, 34px);
  font-weight: 900;
  letter-spacing: -.5px;
}

.kings-guide-header p {
  margin: 0 0 18px;
  font-size: 14px;
}

.kings-guide-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
}

.kings-guide-summary > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-height: 76px;
  padding: 12px;
  background: #1c2330;
  border: 1px solid #364054;
  border-radius: 11px;
}

.kings-guide-summary strong {
  color: #c6ff4b;
  font-size: 23px;
  font-weight: 900;
}

.kings-guide-summary span {
  color: #b7c2d3;
  font-size: 12px;
}

.kings-guide-grid {
  grid-template-columns: repeat(5, minmax(0,1fr));
  gap: 12px;
}

.kings-guide-players strong {
  color: #c6ff4b;
  font-size: 15px;
}

.kings-guide-points {
  background: rgba(255,193,42,.14);
  border: 1px solid rgba(255,193,42,.2);
}

@media(max-width:900px) {
  .kings-guide-grid {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
}

@media(max-width:600px) {
  .modal:has(.kings-guide) {
    width: calc(100vw - 16px);
    max-width: calc(100vw - 16px) !important;
    padding: 14px;
  }

  .kings-guide-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 9px;
  }

  .kings-guide-summary {
    gap: 6px;
  }

  .kings-guide-summary > div {
    padding: 9px 4px;
  }

  .kings-guide-summary strong {
    font-size: 17px;
  }

  .kings-guide-summary span {
    font-size: 10px;
  }
}

/* KINGS_CROWN_PLAYERS_V1 */
.kings-guide-card[data-crown-level] {
  cursor: pointer;
}
.kings-guide-card[data-crown-level]:focus-visible {
  outline: 3px solid #baff32;
  outline-offset: 3px;
}
.kings-crown-detail {
  margin-top: 22px;
  padding: 20px;
  background: #171e2b;
  border: 1px solid #46546b;
  border-radius: 14px;
}
.kings-crown-detail h3 {
  font-size: 21px;
  margin: 0 0 16px;
  color: #f4f7ff;
}
.kings-crown-player-list {
  display: grid;
  gap: 9px;
}
.kings-crown-player {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 11px;
  border: 1px solid #343f51;
  border-radius: 10px;
  background: #202939;
  color: #fff;
  text-decoration: none;
}
.kings-crown-player:hover {
  border-color: #baff32;
}
.kings-crown-player img {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  object-fit: cover;
  background: #344052;
}
.kings-crown-player span:nth-child(2) {
  flex: 1;
  overflow-wrap: anywhere;
  font-weight: 700;
}
.kings-crown-player span:last-child {
  color: #baff32;
  font-size: 12px;
}

/* KINGS_AUDIO_SETTINGS_20261014 */
.kg-account-settings{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:8px 10px;background:#171b26;border:1px solid #a88345;border-radius:10px;color:#f5ce7b;font-weight:700;cursor:pointer}
.kg-account-settings:hover{background:#282233;border-color:#f3c65c}
.kg-account-settings span{font-size:11px}
.kg-audio-settings{display:grid;gap:17px;color:#f2f4f8;max-width:450px}
.kg-audio-heading{display:flex;align-items:center;gap:12px}
.kg-audio-heading>span{font-size:28px;color:#e9bb5e}
.kg-audio-heading h2{margin:0;font-size:21px}
.kg-audio-heading p{margin:3px 0 0;color:#9ba8bc;font-size:13px}
.kg-audio-row{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#151b29;padding:15px;border:1px solid #344052;border-radius:12px}
.kg-audio-row span{display:grid;gap:4px}
.kg-audio-row small{font-size:12px;color:#a6b0c2}
.kg-audio-row input{width:20px;height:20px;accent-color:#e4b85d}
.kg-audio-volume{display:grid;gap:12px;background:#151b29;padding:15px;border:1px solid #344052;border-radius:12px}
.kg-audio-volume>span{display:flex;justify-content:space-between;gap:10px}
.kg-audio-volume output{color:#f4c761;font-weight:700}
.kg-audio-volume input{width:100%;accent-color:#e4b85d}
.kg-audio-hint{margin:0;color:#a7b3c5;font-size:12px;line-height:1.5}

/* KINGS_UNIFIED_ACCOUNT_CARD_20261014 */
body.kings-platform .kg-account{width:100%;min-width:0;margin:0!important}
body.kings-platform .kg-account .kg-unified-card{box-sizing:border-box;width:100%;min-width:0;display:grid;gap:12px;padding:14px 11px;background:linear-gradient(155deg,rgba(219,168,68,.09),transparent 48%),#10141c;border:1px solid rgba(224,177,76,.47);border-radius:14px;box-shadow:0 10px 26px #0005;color:#f3f4f6}
.kg-unified-topline{display:flex;justify-content:space-between;gap:6px;align-items:center;font-size:9px;letter-spacing:.1em;font-weight:800;color:#eac56e}
.kg-unified-online{color:#55d895;font-size:9px;white-space:nowrap}
body.kings-platform .kg-account .kg-unified-profile{display:flex;align-items:center;gap:10px;width:100%;min-width:0;padding:3px 0;border:0;background:none;color:inherit;text-align:left;cursor:pointer}
.kg-unified-profile .kg-steam-avatar-wrap{flex:0 0 44px;width:44px;height:44px}
.kg-unified-profile .kg-steam-avatar{width:100%;height:100%;object-fit:cover}
.kg-unified-identity{display:flex;flex-direction:column;min-width:0;flex:1;gap:5px}
.kg-unified-identity strong{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:#fff}
.kg-unified-identity small{font-size:9px;letter-spacing:.03em;color:#67d99c;white-space:nowrap}
.kg-unified-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
body.kings-platform .kg-account .kg-unified-action{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:39px;padding:7px 4px;border:1px solid #394152;border-radius:9px;background:#1b2330;color:#e7eaf2;text-decoration:none;font-size:11px;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s}
body.kings-platform .kg-account .kg-unified-action:hover{background:#2a3040;border-color:#d9ac54}
.kg-unified-glyph{font-size:17px;line-height:1;color:#e9c46c}
.kg-unified-discord .kg-discord-svg{display:block;width:17px;height:17px;flex:0 0 17px}
body.kings-platform .kg-account .kg-unified-discord.connected{color:#b5f3c9;border-color:#358c65}
body.kings-platform .kg-account .kg-unified-discord.disconnected{color:#c8cbdb}
body.kings-platform .kg-account .kg-unified-logout{color:#ffb1b5;border-color:#694047}
body.kings-platform .kg-account .kg-unified-admin{grid-column:1/-1;color:#f1ce78;border-color:#97743c}
@media(max-width:700px){body.kings-platform .kg-account .kg-unified-card{padding:11px 9px}}

/* KINGS — AVISO INFERIOR DOS LOBBIES */

.kg-directory-footer{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:wrap;
  gap:12px;
  min-height:58px;
  padding:14px 20px !important;
  margin-top:16px;
  background:linear-gradient(
    90deg,
    rgba(234,179,8,.06),
    rgba(234,179,8,.13),
    rgba(234,179,8,.06)
  ) !important;
  border:1px solid rgba(255,207,72,.45) !important;
  border-radius:10px;
}

.kg-directory-footer span{
  color:#ffd34f !important;
  font-size:23px !important;
  line-height:1;
}

.kg-directory-footer p{
  margin:0 !important;
  color:#ffda70 !important;
  font-family:'Oxanium',Arial,sans-serif !important;
  font-size:15px !important;
  font-weight:700 !important;
  line-height:1.6 !important;
  letter-spacing:.01em;
  text-align:center;
  text-shadow:0 0 10px rgba(255,205,70,.18);
}

@media(max-width:600px){
  .kg-directory-footer p{
    font-size:13px !important;
  }
}