/* ===== characters.form + characters (perfil do personagem) ===== */

/* busca de personagem */
.ym-busca { display: flex; flex-direction: column; gap: 8px; padding: 18px; border-radius: 14px; background: linear-gradient(180deg, rgba(26, 47, 69, .7), rgba(15, 30, 46, .7)); border: 1px solid var(--borda); }
.ym-busca-rotulo { font-size: 13px; font-weight: 600; letter-spacing: .3px; color: var(--gelo); }
.ym-busca-linha { display: flex; gap: 10px; }
#ContentHelper .ym-busca-campo { flex: 1 1 auto; min-width: 0; width: 100%; padding: 13px 16px; font-size: 17px; border-radius: 12px; }
.ym-busca-botao { flex: 0 0 auto; padding: 13px 26px; font-size: 16px; }
#ContentHelper .ym-busca-botao { padding: 13px 26px; border-radius: 12px; }
.ym-perfil + .ym-busca-char, .ym-perfil ~ .ym-busca-char { margin-top: 32px; }

/* cabeçalho do perfil */
.ym-perfil-topo { position: relative; display: flex; align-items: center; gap: 20px; margin: 0 0 28px; padding: 20px; border-radius: 16px; background: radial-gradient(500px 200px at 0% 0%, rgba(242, 198, 109, .12), transparent 70%), linear-gradient(180deg, rgba(26, 47, 69, .92), rgba(15, 30, 46, .92)); border: 1px solid rgba(242, 198, 109, .3); box-shadow: 0 14px 34px rgba(0, 0, 0, .35); }
.ym-perfil-outfit { flex: 0 0 auto; width: 104px; height: 104px; border-radius: 50%; display: block; overflow: hidden; background: radial-gradient(circle, rgba(143, 211, 255, .18), rgba(8, 18, 30, .8)); border: 2px solid var(--ouro); box-shadow: 0 0 0 4px rgba(242, 198, 109, .12); }
.ym-perfil-outfit img { width: 128px; height: 128px; display: block; max-width: none; margin: -36px 0 0 -36px; image-rendering: pixelated; }
.ym-perfil-dados { flex: 1 1 auto; min-width: 0; }
#ContentHelper .ym-perfil-nome, .ym-perfil-nome { margin: 0; font-family: var(--titulo); font-size: 30px; line-height: 1.15; letter-spacing: .5px; overflow-wrap: anywhere; }
.ym-perfil-antigo { margin: 2px 0 0; font-size: 13px; }
.ym-perfil-sub { display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 6px 0 10px; color: var(--texto-fraco); }
.ym-perfil-voc { color: var(--gelo); font-weight: 600; }
.ym-perfil-lvl strong { color: var(--ouro); }
.ym-perfil-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.ym-perfil-guild { white-space: normal; }
.ym-perfil-editar { position: absolute; top: 12px; right: 12px; padding: 6px 12px; font-size: 13px; }
.ym-perfil-editar img, .ym-perfil .ym-acoes img { width: 16px; height: 16px; }
.ym-perfil-comentario { margin-top: 14px; padding: 12px 14px; border-radius: 12px; background: rgba(8, 18, 30, .45); border: 1px solid var(--borda); }
.ym-perfil-comentario-texto { margin-top: 4px; overflow-wrap: anywhere; }
.ym-info-casa dd { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; }
.ym-inline-form { display: inline; margin: 0; }
#ContentHelper .ym-btn-mini, .ym-btn-mini { padding: 5px 12px; font-size: 13px; border-radius: 8px; }

/* skills + equipamento lado a lado */
.ym-perfil-colunas { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0 28px; align-items: start; }
.ym-perfil-colunas > .ym-secao:only-child { grid-column: 1 / -1; }
.ym-skills { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.ym-skill { display: grid; grid-template-columns: 1fr auto; gap: 4px 12px; }
.ym-skill-nome { color: var(--texto-fraco); font-size: 14px; }
.ym-skill-valor { font-weight: 700; color: #fff; }
.ym-skill .ym-barra-prog { grid-column: 1 / -1; }

/* equipamento: grade clássica do Tibia (3 colunas x 4 linhas) */
.ym-equip { display: grid; grid-template-columns: repeat(3, 44px); grid-template-rows: repeat(4, 44px); gap: 6px; width: max-content; margin: 0 auto; padding: 12px; border-radius: 14px; background: rgba(8, 18, 30, .6); border: 1px solid var(--borda-forte);
	grid-template-areas: "colar cabeca mochila" "esq armadura dir" "anel calca municao" "caveira botas ."; }
.ym-equip-slot { display: grid; place-items: center; border-radius: 8px; background: #1a1f26; border: 1px solid #4a5563; box-shadow: inset 0 0 6px rgba(0, 0, 0, .6); overflow: hidden; }
.ym-equip-slot img { width: 32px; height: 32px; image-rendering: pixelated; }
.ym-equip-colar { grid-area: colar; }
.ym-equip-cabeca { grid-area: cabeca; }
.ym-equip-mochila { grid-area: mochila; }
.ym-equip-esq { grid-area: esq; }
.ym-equip-armadura { grid-area: armadura; }
.ym-equip-dir { grid-area: dir; }
.ym-equip-anel { grid-area: anel; }
.ym-equip-calca { grid-area: calca; }
.ym-equip-municao { grid-area: municao; }
.ym-equip-botas { grid-area: botas; }
.ym-equip-caveira { grid-area: caveira; display: grid; place-items: center; }

/* quests */
.ym-quests { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 8px; }
.ym-quest { display: flex; align-items: center; gap: 10px; padding: 8px 12px; border-radius: 10px; background: rgba(8, 18, 30, .45); border: 1px solid var(--borda); color: var(--texto-fraco); }
.ym-quest-feita { color: #fff; border-color: rgba(91, 224, 138, .35); }
.ym-quest img { width: 16px; height: 16px; flex: 0 0 auto; }

/* mortes / vítimas */
.ym-eventos { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.ym-evento { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 4px 14px; padding: 10px 14px; border-radius: 10px; background: rgba(8, 18, 30, .45); border-left: 3px solid rgba(255, 107, 107, .55); }
.ym-evento-data { color: var(--texto-fraco); font-size: 13px; font-variant-numeric: tabular-nums; }
.ym-evento-texto { overflow-wrap: anywhere; }
.ym-evento-texto .ym-tag { margin-left: 4px; }

/* assinatura */
.ym-assinatura { display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; }
.ym-assinatura p { margin: 0; }
.ym-assinatura-links { width: 100%; max-width: 560px; text-align: left; }
.ym-assinatura-links[hidden] { display: none; }
#ContentHelper .ym-assinatura-links input { width: 100%; font-size: 13px; }

@media (max-width: 780px) {
	.ym-perfil-colunas { grid-template-columns: 1fr; }
	.ym-evento { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
	.ym-perfil-topo { flex-direction: column; text-align: center; padding: 18px 14px; }
	.ym-perfil-sub, .ym-perfil-tags { justify-content: center; }
	#ContentHelper .ym-perfil-nome, .ym-perfil-nome { font-size: 24px; }
	.ym-perfil-editar { position: static; }
	.ym-busca-linha { flex-direction: column; }
	.ym-busca-botao { width: 100%; }
	.ym-quests { grid-template-columns: 1fr; }
}
/* ===== fim characters ===== */
/* nome do personagem em dourado (o status aparece na etiqueta Online/Offline) */
.ym-perfil-nome-texto { background: linear-gradient(180deg, #fff6d6, #f2c66d 55%, #c48a35); -webkit-background-clip: text; background-clip: text; color: transparent; }