/* V458 — Siege com a cara da janela de Herois (Tactical Hand), pedido do dono:
   sai a moldura laranja e os paineis chapados; entram o quadro dourado fino, o
   miolo de ardosia, a barra de titulo escura com o nome em Cinzel, divisorias
   centralizadas com linhas douradas e cartoes que respondem ao mouse. */
#gauntletOverlay{background:radial-gradient(circle at 50% 45%,rgba(14,28,42,.76),rgba(1,4,8,.96));backdrop-filter:blur(2px) grayscale(.22)}

#gauntletOverlay .gauntletLobby{
  --siege-gold:#d8ad50;--siege-gold-muted:#70552a;--siege-steel:#354956;--siege-panel:#0b1117;
  width:min(1180px,92vw);padding:14px;background:
    linear-gradient(90deg,transparent 49.8%,rgba(121,164,194,.035) 50%,transparent 50.2%),
    radial-gradient(circle at 50% 30%,#13212a 0,#091018 45%,#070c11 85%);
  border:2px solid #b27d1b;box-shadow:inset 0 0 0 2px #293d4c,0 0 0 3px #050709,0 0 0 5px #5d4218,0 22px 70px #000;
  scrollbar-width:thin;scrollbar-color:#70552a #070c11}

/* Barra de titulo, como a TACTICAL HAND. */
#gauntletOverlay .gauntletLobby>header{margin:0 0 14px;padding:10px 64px 12px 16px;text-align:left;
  border:1px solid var(--siege-gold-muted);background:linear-gradient(90deg,#17100d,#19142a)}
#gauntletOverlay .gauntletLobby>header small{color:#d9b36a;letter-spacing:.18em}
#gauntletOverlay .gauntletLobby>header h2{margin:2px 0 4px;color:#ffe092;font-family:var(--font-display);letter-spacing:3px;text-shadow:2px 2px #000}
#gauntletOverlay .gauntletLobby>header p{color:#aab7c0;line-height:1.45}
#gauntletOverlay .gauntletClose{right:24px;top:24px;width:38px;height:34px;border:1px solid #a14e43;background:#381313;color:#fff0df;font-size:18px}
#gauntletOverlay .gauntletClose:hover,#gauntletOverlay .gauntletClose:focus-visible{background:#5a1c1c;outline:none}

/* Os tres modos viram cartoes vivos: sobem, acendem e passam um brilho. */
#gauntletOverlay .siegeEntryV337{gap:12px;margin:0 0 14px}
#gauntletOverlay .siegeEntryV337 button{position:relative;overflow:hidden;display:grid;gap:4px;padding:18px 14px 16px;text-align:left;
  border:1px solid var(--siege-steel);background:linear-gradient(160deg,#142230,#0b1117 60%);box-shadow:inset 0 0 0 1px #050709;
  transition:transform .18s ease-out,border-color .18s,box-shadow .18s}
#gauntletOverlay .siegeEntryV337 button:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,transparent,#d8ad50,transparent);opacity:.55}
#gauntletOverlay .siegeEntryV337 button:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;
  background:linear-gradient(100deg,transparent,#ffe0921f,transparent);transform:skewX(-18deg);transition:left .45s ease-out}
#gauntletOverlay .siegeEntryV337 button:hover,#gauntletOverlay .siegeEntryV337 button:focus-visible{transform:translateY(-3px);outline:none;
  border-color:#d8ad50;box-shadow:inset 0 0 0 1px #050709,0 10px 24px #000a,0 0 18px #d8ad5033}
#gauntletOverlay .siegeEntryV337 button:hover:after,#gauntletOverlay .siegeEntryV337 button:focus-visible:after{left:120%}
#gauntletOverlay .siegeEntryV337 b{color:#ffe092;font-family:var(--font-display);letter-spacing:.06em}
#gauntletOverlay .siegeEntryV337 small{color:#aab7c0;letter-spacing:.06em}

/* Paineis de ardosia com titulo centralizado entre linhas douradas. */
#gauntletOverlay .gauntletLobbyGrid{gap:14px}
#gauntletOverlay .gauntletPanel{padding:12px 14px 14px;background:#0b1117cc;border:1px solid var(--siege-steel);box-shadow:inset 0 0 0 1px #050709}
#gauntletOverlay .gauntletPanel>h3,#gauntletOverlay .gauntletRecordsTitle>span{display:flex;align-items:center;gap:13px;color:#e8bd61;letter-spacing:2px}
#gauntletOverlay .gauntletPanel>h3:not(.gauntletRecordsTitle):before,#gauntletOverlay .gauntletPanel>h3:not(.gauntletRecordsTitle):after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#a87527)}
#gauntletOverlay .gauntletPanel>h3:not(.gauntletRecordsTitle):after{background:linear-gradient(90deg,#a87527,transparent)}
#gauntletOverlay .gauntletPanel p{color:#aab7c0;line-height:1.6}
#gauntletOverlay .gauntletRecordsTitle{padding-bottom:8px;border-bottom:1px solid #a8752766}
#gauntletOverlay .gauntletRecordsTitle small{color:#8d9ba3}

/* Numeros do dia e melhor marca: selos, nao caixas marrons. */
#gauntletOverlay .gauntletBestLine,#gauntletOverlay .gauntletRankingStatus{border:1px solid var(--siege-gold-muted);background:#0c1115;color:#f4d27d;box-shadow:inset 0 0 0 2px #070b0e;letter-spacing:.06em}

/* Botao principal: o dourado dos botoes de desafio da Arena. */
#gauntletOverlay .gauntletStart,#gauntletOverlay #gauntletStart{border:1px solid #fff0a1;background:linear-gradient(#fff0a1,#e0a838 38%,#b77815 70%,#4c2703);color:#2b1703;
  box-shadow:inset 0 0 0 1px #6b4410,0 6px 18px #000a;font-family:var(--font-display);letter-spacing:.08em;transition:filter .15s,transform .15s}
#gauntletOverlay .gauntletStart:hover:not(:disabled),#gauntletOverlay #gauntletStart:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}
#gauntletOverlay #gauntletStart:disabled{filter:grayscale(.8) brightness(.6);cursor:not-allowed}

/* Marcos de pet: cartoes da mao da Tactical Hand. */
#gauntletOverlay .gauntletMilestones div{border:1px solid #3a4a55;background:linear-gradient(#111b23,#080d12);color:#8d9ba3;transition:transform .18s,border-color .18s}
#gauntletOverlay .gauntletMilestones div:hover{transform:translateY(-2px);border-color:#5b6b75}
#gauntletOverlay .gauntletMilestones .unlocked{border-color:#d8ad50;color:#ffe092;box-shadow:inset 0 0 14px #d8ad5026}
#gauntletOverlay .gauntletMilestones em{padding:2px 8px;border:1px solid #3a4a55;background:#0b0d10;color:#aab7c0}
#gauntletOverlay .gauntletMilestones .unlocked em{border-color:#45cf75;color:#7ee2a0}

/* Ranking: filtros como abas e linhas limpas. */
#gauntletOverlay .siegeRankFiltersV337 button{border:1px solid var(--siege-steel);background:#0b1117;color:#aab7c0}
#gauntletOverlay .siegeRankFiltersV337 button.active{border-color:#d8ad50;background:linear-gradient(#2a1f10,#140f09);color:#ffe092}
#gauntletOverlay .gauntletRecordHead{color:#8d9ba3;border-bottom-color:#2e424f}
#gauntletOverlay .gauntletRecordRow{border-bottom-color:#16212a;background:linear-gradient(90deg,transparent,#13212a66,transparent)}
#gauntletOverlay .gauntletRecordRow.you,#gauntletOverlay .gauntletUnrankedRow{border:1px dashed #70552a;background:linear-gradient(90deg,#17100d99,transparent);box-shadow:inset 3px 0 0 #d8ad50}
#gauntletOverlay .gauntletRecordRow.you strong,#gauntletOverlay .gauntletUnrankedRow strong{color:#ffe092}

/* Grupo e busca de grupos: mesma barra de titulo e botoes de ardosia. */
#gauntletOverlay .siegePartyWorkspaceV337,#gauntletOverlay .siegeLfpV337{margin:0 0 14px;padding:12px 14px;border:1px solid var(--siege-steel);background:#0b1117cc;box-shadow:inset 0 0 0 1px #050709}
#gauntletOverlay .siegePartyWorkspaceV337>header,#gauntletOverlay .siegeLfpV337>header{margin:-12px -14px 12px;padding:10px 14px;border-bottom:1px solid var(--siege-gold-muted);background:linear-gradient(90deg,#17100d,#19142a)}
#gauntletOverlay .siegePartyWorkspaceV337 h3,#gauntletOverlay .siegeLfpV337 h3{color:#ffe092;font-family:var(--font-display);letter-spacing:.06em}
#gauntletOverlay .siegePartyWorkspaceV337 button,#gauntletOverlay .siegeLfpV337 button{border:1px solid var(--siege-steel);background:linear-gradient(#142230,#0b1117);color:#e2e9ec;transition:border-color .15s,transform .15s}
#gauntletOverlay .siegePartyWorkspaceV337 button:hover:not(:disabled),#gauntletOverlay .siegeLfpV337 button:hover:not(:disabled){border-color:#d8ad50;transform:translateY(-1px)}
#gauntletOverlay .siegePartySettingsV338 input,#gauntletOverlay .siegePartySettingsV338 select{border:1px solid var(--siege-steel);background:#070b0f;color:#ffe092}

@media (prefers-reduced-motion:reduce){
  #gauntletOverlay .siegeEntryV337 button,#gauntletOverlay .siegeEntryV337 button:after,#gauntletOverlay .gauntletMilestones div{transition:none}
}

/* Retratos nos tres modos: um heroi no Solo, o trio no Criar Grupo e silhuetas no
   Buscar Grupo, esmaecendo para o lado do texto. */
#gauntletOverlay .siegeEntryV337 button{min-height:104px;padding-right:44%}
#gauntletOverlay .siegeEntryV337 button[data-siege-action]{background-repeat:no-repeat;background-color:#0b1117}
#gauntletOverlay .siegeEntryV337 button[data-siege-action="solo"]{
  background-image:linear-gradient(90deg,#0b1117 45%,#0b111700 78%),url('../assets/generated/game-main/hero-paladin.webp'),linear-gradient(160deg,#142230,#0b1117 60%);
  background-size:auto,auto 118%,auto;background-position:0 0,right -6px top 22%,0 0}
#gauntletOverlay .siegeEntryV337 button[data-siege-action="create"]{
  background-image:linear-gradient(90deg,#0b1117 45%,#0b111700 70%),url('../assets/ui_gpt/heroes/warrior.webp'),url('../assets/ui_gpt/heroes/mage.webp'),url('../assets/generated/game-main/hero-night-archer.webp'),linear-gradient(160deg,#142230,#0b1117 60%);
  background-size:auto,auto 104%,auto 92%,auto 92%,auto;background-position:0 0,right 22% top 20%,right 44% top 30%,right -8px top 30%,0 0}
#gauntletOverlay .siegeEntryV337 button[data-siege-action="find"]{
  background-image:linear-gradient(90deg,#0b1117 45%,#0b111700 75%),
    radial-gradient(circle at 70% 36%,#3a4a55 0 13px,transparent 14px),radial-gradient(ellipse at 70% 96%,#3a4a55 0 30px,transparent 31px),
    radial-gradient(circle at 86% 30%,#4b5d69 0 15px,transparent 16px),radial-gradient(ellipse at 86% 96%,#4b5d69 0 34px,transparent 35px),
    linear-gradient(160deg,#142230,#0b1117 60%)}
#gauntletOverlay .siegeEntryV337 button:hover[data-siege-action]{background-color:#101a22}