.ks-nav-badge{display:inline-grid;min-width:19px;height:19px;place-items:center;padding:0 5px;border-radius:999px;background:#dfaa39;color:#17120a;font-size:11px;font-weight:900}
.ks-social-page{width:min(1180px,calc(100% - 36px));margin:38px auto 80px;color:#f4f5f8}.ks-social-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}.ks-social-head h1{margin:7px 0;font-size:clamp(30px,5vw,48px);letter-spacing:.05em}.ks-social-head h1 span{font-size:.55em;color:#d7ae52}.ks-social-head p,.ks-social-panel p{color:#aeb4c2}.ks-social-tabs{display:flex;gap:8px;overflow-x:auto;padding:0 0 12px;border-bottom:1px solid #303342}.ks-social-tabs button{white-space:nowrap;background:transparent;border:0;border-bottom:2px solid transparent;color:#aeb4c2;padding:12px 15px;font-weight:800;cursor:pointer}.ks-social-tabs button.selected{color:#f1c75b;border-color:#e6b647}.ks-social-content{padding-top:18px}.ks-social-columns{display:grid;grid-template-columns:minmax(250px,.75fr) minmax(0,1.4fr);gap:16px;align-items:start}.ks-social-panel{background:linear-gradient(145deg,#131621,#0d0f16);border:1px solid #282d3c;border-radius:14px;padding:22px;box-shadow:0 16px 50px #0003}.ks-social-panel h2{font-size:14px;letter-spacing:.09em;margin:0 0 18px}.ks-social-panel form{display:flex;flex-direction:column;gap:12px}.ks-social-panel label{display:grid;gap:8px;color:#c4c8d2;font-size:13px}.ks-social-panel input:not([type=checkbox]){width:100%;min-height:44px;padding:10px 12px;border-radius:8px;border:1px solid #343a4b;background:#090b11;color:#fff}.ks-social-hint,.ks-social-empty{font-size:13px;color:#9da4b4}.ks-social-hint{margin-top:14px}.ks-social-list{display:grid;gap:8px}.ks-social-person,.ks-social-notice{display:flex;align-items:center;gap:12px;padding:10px;border-radius:10px;background:#171a25;border:1px solid #292e3d;min-width:0}.ks-social-avatar{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:#262b38;color:#e6bb4e;font-weight:900;text-decoration:none}.ks-social-avatar img{width:100%;height:100%;object-fit:cover}.ks-social-person-name{flex:1;min-width:90px;display:grid;gap:5px}.ks-social-person-name a{color:#fff;text-decoration:none}.ks-social-person-name small,.ks-social-notice small{color:#aab0bf;font-size:11px}.ks-social-person-name small i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#777}.ks-social-person-name small i.online{background:#22c55e;box-shadow:0 0 8px #22c55e}.ks-social-person .button{font-size:10px;padding:8px 9px;white-space:nowrap}.ks-social-blocked{display:flex;align-items:center;justify-content:space-between;gap:12px}.ks-social-notice>div{flex:1}.ks-social-notice>div strong,.ks-social-notice>div small{display:block}.ks-social-notice.unread{border-color:#a9873b;background:#201c14}.ks-social-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.ks-social-panel-head h2{margin-bottom:0}.ks-whatsapp-status{display:flex;align-items:center;gap:12px;margin:14px 0;padding:14px;background:#151d1a;border:1px solid #2a6241;border-radius:9px}.ks-whatsapp-status:before{content:'✓';display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#22c55e;color:#07140c}.ks-whatsapp-status.pending{background:#211d13;border-color:#705e2b}.ks-whatsapp-status.pending:before{content:'…';background:#eab308;color:#171100}.ks-consent{margin:16px 0!important;display:flex!important;align-items:center;gap:10px!important}.ks-consent input{accent-color:#d9ad43}.ks-code-box{margin-top:18px;padding:15px;border:1px dashed #b99948;border-radius:10px;text-align:center}.ks-code-box strong,.ks-code-box small{display:block}.ks-code-box strong{font-size:28px;letter-spacing:.2em;color:#f3cb68}.ks-code-box small{margin-top:6px;color:#c0b99f}.ks-chat{grid-column:1/-1}.ks-chat-messages{height:min(48vh,480px);overflow:auto;display:flex;flex-direction:column;gap:8px;padding:12px 0}.ks-chat-message{align-self:flex-start;max-width:min(85%,680px);background:#1d2130;border:1px solid #34394c;border-radius:12px;padding:10px 14px}.ks-chat-message.mine{align-self:flex-end;background:#30281a;border-color:#6d572b}.ks-chat-message p{margin:0;color:#f2f2f4;white-space:pre-wrap;overflow-wrap:anywhere}.ks-chat-message small{display:block;margin-top:6px;color:#aeb4c2;text-align:right;font-size:10px}.ks-chat form{display:grid;grid-template-columns:1fr auto;gap:9px}.ks-social-login{width:min(680px,calc(100% - 36px));margin:80px auto;padding:32px;border:1px solid #34394b;background:#10121b;border-radius:16px}.ks-social-login h1{font-size:40px}.ks-invite-dialog{width:min(520px,calc(100% - 28px));max-height:85vh;padding:0;border:1px solid #414454;border-radius:16px;background:#10121b;color:#f4f5f8}.ks-invite-dialog::backdrop{background:#02030acc;backdrop-filter:blur(5px)}.ks-invite-box{position:relative;padding:26px;display:grid;gap:12px}.ks-invite-box h2{margin:0}.ks-invite-box p{color:#adb3c1}.ks-invite-close{position:absolute;right:12px;top:10px;border:0;background:transparent;color:#fff;font-size:25px;cursor:pointer}.ks-invite-list{max-height:45vh;overflow:auto;display:grid;gap:8px}.ks-invite-list label{display:flex;align-items:center;gap:9px;padding:9px;border:1px solid #2f3443;border-radius:8px}.ks-invite-list small{margin-left:auto;color:#abb2c0}.ks-social-page .button{min-height:36px}.ks-social-page .button.small{min-height:32px}.ks-social-page .button:focus-visible,.ks-social-tabs button:focus-visible,.ks-social-page input:focus-visible{outline:2px solid #f0c753;outline-offset:2px}
@media(max-width:760px){.ks-social-page{width:calc(100% - 22px);margin:24px auto 48px}.ks-social-head{align-items:flex-start}.ks-social-columns{grid-template-columns:1fr}.ks-social-person{gap:8px;flex-wrap:wrap}.ks-social-person-name{flex-basis:calc(100% - 65px)}.ks-social-person>.button{flex:1}.ks-social-notice{flex-wrap:wrap}.ks-social-notice>div{min-width:55%}.ks-chat{grid-column:auto}.ks-social-panel{padding:16px}.ks-social-tabs button{padding:11px 12px;font-size:11px}.ks-social-head>.button{font-size:10px}.ks-chat form{grid-template-columns:1fr}.ks-chat form .button{width:100%}}
/* Accessible label stays available to assistive technology without taking a grid cell. */
.ks-chat form{grid-template-columns:minmax(0,1fr) auto}
.ks-chat form>.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0!important;margin:-1px!important;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ks-chat form>input{grid-column:1;grid-row:1}
.ks-chat form>button{grid-column:2;grid-row:1}
@media(max-width:760px){.ks-chat form{grid-template-columns:1fr}.ks-chat form>input,.ks-chat form>button{grid-column:auto;grid-row:auto}}

/* KINGS SOCIAL — ABAS MARCA-TEXTO NEON V1 */

.ks-social-page .ks-social-tabs{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  padding:12px 0 20px;
  border-bottom:1px solid #303342;
  overflow:visible;
}

.ks-social-page .ks-social-tabs button{
  --neon:#ffd54a;
  --neon-bg:rgba(255,213,74,.13);

  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:43px;
  padding:11px 18px;
  border:1px solid var(--neon) !important;
  border-radius:9px;
  background:var(--neon-bg) !important;
  color:var(--neon) !important;
  font-size:12px;
  font-weight:900;
  letter-spacing:.07em;
  white-space:nowrap;
  cursor:pointer;
  text-shadow:0 0 9px var(--neon-bg);
  box-shadow:inset 0 0 12px var(--neon-bg);
  transition:background .2s,box-shadow .2s,transform .2s;
}

/* Amigos — amarelo */
.ks-social-page .ks-social-tabs button[data-ks-tab="friends"]{
  --neon:#ffd54a;
  --neon-bg:rgba(255,213,74,.15);
}

/* Solicitações — verde */
.ks-social-page .ks-social-tabs button[data-ks-tab="requests"]{
  --neon:#42e995;
  --neon-bg:rgba(66,233,149,.14);
}

/* Convites — azul */
.ks-social-page .ks-social-tabs button[data-ks-tab="invites"]{
  --neon:#4ecfff;
  --neon-bg:rgba(78,207,255,.14);
}

/* Notificações — roxo */
.ks-social-page .ks-social-tabs button[data-ks-tab="notifications"]{
  --neon:#b68aff;
  --neon-bg:rgba(182,138,255,.15);
}

/* Meu WhatsApp — verde WhatsApp */
.ks-social-page .ks-social-tabs button[data-ks-tab="whatsapp"]{
  --neon:#25d366;
  --neon-bg:rgba(37,211,102,.15);
}

/* Efeito marca-texto ao passar o mouse */
.ks-social-page .ks-social-tabs button:hover{
  transform:translateY(-2px);
  background:color-mix(in srgb,var(--neon) 23%,transparent) !important;
  box-shadow:0 0 17px var(--neon-bg),inset 0 0 15px var(--neon-bg);
}

/* Aba selecionada mais iluminada */
.ks-social-page .ks-social-tabs button.selected{
  background:color-mix(in srgb,var(--neon) 28%,transparent) !important;
  box-shadow:
    0 0 18px var(--neon-bg),
    inset 0 0 18px var(--neon-bg),
    0 3px 0 var(--neon);
  border-color:var(--neon) !important;
}

/* Acessibilidade e dispositivos móveis */
.ks-social-page .ks-social-tabs button:focus-visible{
  outline:2px solid var(--neon);
  outline-offset:3px;
}

@media(max-width:760px){
  .ks-social-page .ks-social-tabs{
    gap:8px;
  }

  .ks-social-page .ks-social-tabs button{
    min-height:40px;
    padding:10px 12px;
    font-size:10px;
  }
}

@media(prefers-reduced-motion:reduce){
  .ks-social-page .ks-social-tabs button{
    transition:none;
  }
  .ks-social-page .ks-social-tabs button:hover{
    transform:none;
  }
}

/* KINGS SOCIAL — GAMER TYPOGRAPHY */

@import url('https://fonts.googleapis.com/css2?family=Oxanium:wght@500;600;700;800&family=Rajdhani:wght@500;600;700&display=swap');

.ks-social-page{
  font-family:'Rajdhani',Arial,sans-serif;
  font-size:17px;
  font-weight:600;
  line-height:1.45;
}

.ks-social-page .ks-social-head h1{
  font-family:'Oxanium',Arial,sans-serif;
  font-size:clamp(34px,4vw,48px);
  font-weight:800;
  letter-spacing:-.035em;
}

.ks-social-page .ks-social-head .eyebrow,
.ks-social-page .ks-social-panel h2,
.ks-social-page .ks-social-tabs button,
.ks-social-page .button{
  font-family:'Oxanium',Arial,sans-serif;
  font-weight:700;
  letter-spacing:.015em;
}

.ks-social-page .ks-social-tabs button{
  font-size:13px;
}

.ks-social-page .ks-social-panel h2{
  font-size:17px;
}

.ks-social-page .ks-social-panel p,
.ks-social-page .ks-social-panel label,
.ks-social-page .ks-social-hint,
.ks-social-page .ks-social-empty{
  font-family:'Rajdhani',Arial,sans-serif;
  font-size:17px;
  font-weight:600;
}

.ks-social-page .ks-social-person-name a{
  font-family:'Oxanium',Arial,sans-serif;
  font-size:16px;
  font-weight:700;
}

.ks-social-page .ks-social-person-name small,
.ks-social-page .ks-social-notice small{
  font-family:'Rajdhani',Arial,sans-serif;
  font-size:14px;
  font-weight:600;
}

.ks-social-page .button,
.ks-social-page .ks-social-person .button{
  font-size:12px;
  font-weight:700;
}

.ks-social-page input{
  font-family:'Rajdhani',Arial,sans-serif;
  font-size:17px !important;
}

@media(max-width:760px){
  .ks-social-page .ks-social-tabs button{
    font-size:12px;
  }
}

/* KINGS SOCIAL — GAMER TYPOGRAPHY */

@import url('https://fonts.googleapis.com/css2?family=Oxanium:wght@500;600;700;800&family=Rajdhani:wght@500;600;700&display=swap');

.ks-social-page{
  font-family:'Rajdhani',Arial,sans-serif;
  font-size:17px;
  font-weight:600;
  line-height:1.45;
}

.ks-social-page .ks-social-head h1{
  font-family:'Oxanium',Arial,sans-serif;
  font-size:clamp(34px,4vw,48px);
  font-weight:800;
  letter-spacing:-.035em;
}

.ks-social-page .ks-social-head .eyebrow,
.ks-social-page .ks-social-panel h2,
.ks-social-page .ks-social-tabs button,
.ks-social-page .button{
  font-family:'Oxanium',Arial,sans-serif;
  font-weight:700;
  letter-spacing:.015em;
}

.ks-social-page .ks-social-tabs button{
  font-size:13px;
}

.ks-social-page .ks-social-panel h2{
  font-size:17px;
}

.ks-social-page .ks-social-panel p,
.ks-social-page .ks-social-panel label,
.ks-social-page .ks-social-hint,
.ks-social-page .ks-social-empty{
  font-family:'Rajdhani',Arial,sans-serif;
  font-size:17px;
  font-weight:600;
}

.ks-social-page .ks-social-person-name a{
  font-family:'Oxanium',Arial,sans-serif;
  font-size:16px;
  font-weight:700;
}

.ks-social-page .ks-social-person-name small,
.ks-social-page .ks-social-notice small{
  font-family:'Rajdhani',Arial,sans-serif;
  font-size:14px;
  font-weight:600;
}

.ks-social-page .button,
.ks-social-page .ks-social-person .button{
  font-size:12px;
  font-weight:700;
}

.ks-social-page input{
  font-family:'Rajdhani',Arial,sans-serif;
  font-size:17px !important;
}

@media(max-width:760px){
  .ks-social-page .ks-social-tabs button{
    font-size:12px;
  }
}

/* KINGS — COMUNIDADE KINGS */
.ks-social-page .ks-social-head .eyebrow{
  display:inline-block;
  font-family:'Oxanium',Arial,sans-serif;
  font-size:16px !important;
  font-weight:800 !important;
  letter-spacing:.10em;
  line-height:1.5;
  color:#f5c451;
  text-shadow:0 0 12px rgba(245,196,81,.35);
  margin-bottom:12px;
}