.ranking-hall .rnk-modal-card { width:min(1440px,96vw); max-width:1440px; padding:22px; color:#233b4c; background:#f3e7cc url('../img/cabecalho-2026/pergaminho.png') center/768px; border:4px double #a8823f; border-radius:8px; --text:#233b4c; --text-dim:#4f503f; --text-faint:#655b49; }
.rp-heading { display:flex; align-items:center; justify-content:space-between; gap:15px; background:#112e45 url('../img/cabecalho-2026/azul.png') center/768px; border:3px double #bc9958; padding:16px 20px; margin-bottom:18px; }
.rp-heading h1 { font:700 28px Georgia,serif; color:#f5d594; margin:0; }
.ranking-hall .rp-heading .rnk-modal-fechar { position:static; width:auto; margin:0; padding:8px 12px; color:#ffe9b8; border:1px solid #b89956; border-radius:4px; }
.rp-grid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1fr) minmax(0,1.2fr); gap:18px; align-items:start; }
.rp-section { min-width:0; background:#fffaeb85; border:1px solid #b99b60; padding:16px; }
.rp-section h2 { color:#17384e; font:700 18px Georgia,serif; margin:0 0 16px; padding-bottom:10px; border-bottom:1px solid #b99b60; }
.ranking-hall .rnk-modal-topo { align-items:center; }
.ranking-hall #rmpFrameWrap { width:210px; height:210px; max-width:100%; }
.ranking-hall .rnk-modal-info-row { font-size:14px; margin-bottom:7px; }
.ranking-hall .rnk-modal-liga { background:#e4d0a480; border-color:#b99b60; }
.ranking-hall .rnk-modal-bar-row { flex-wrap:wrap; }
.ranking-hall .rnk-modal-bar-val { font-size:12px; width:100%; text-align:right; }
.ranking-hall .rnk-modal-attr-row { padding:11px 4px; font-size:14px; border-color:#b99b6055; }
.ranking-hall .rnk-modal-attr-row span span { color:#21633b !important; }
.ranking-hall .rnk-modal-chip { background:#fff7e4; border:1px solid #b99b60; color:#243b4d; font-size:12px; padding:8px; white-space:normal; }
.ranking-hall .rnk-modal-chip img { width:48px; height:48px; object-fit:contain; }
.ranking-hall .rnk-modal-extra-titulo { color:#17384e; font-size:14px; }
.ranking-hall .rnk-modal-chip .sub { color:#655435; }
#rmpEquipamentos,.rp-elements { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
#rmpEquipamentos { margin-bottom:18px; }
.rp-tile { min-width:0; padding:10px; border:1px solid #bfa266; background:#fff8e6; display:flex; flex-direction:column; align-items:center; text-align:center; gap:8px; }
.rp-tile img { width:76px; height:76px; object-fit:contain; }
.rp-tile strong { display:block; font-size:12px; color:#233b4c; overflow-wrap:anywhere; }
.rp-tile small { display:block; margin-top:5px; color:#795118; font-weight:700; font-size:11px; }
#rpElements { padding:0; background:none; border:0; }
.rp-elements .rp-tile img { width:44px; height:44px; }
@media(max-width:1050px) { .rp-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.rp-grid>.rp-section:last-child { grid-column:1/-1; }#rmpEquipamentos { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:650px) { .ranking-hall .rnk-modal-card { padding:10px; }.rp-grid { grid-template-columns:1fr; }.rp-heading { padding:12px; }.rp-heading h1 { font-size:22px; }#rmpEquipamentos { grid-template-columns:repeat(2,minmax(0,1fr)); } }
/* Equipamentos e coleções no mesmo acabamento da ficha de status. */
#rmpEquipamentos { grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-areas:'. capacete .' 'armadura . arma' '. calcas .' 'acessorio1 sapatos acessorio2'; gap:6px; padding:12px 4px; background:url('../img/status/card-equipamentos.png') center/100% 100%; border-radius:5px; }
#rmpEquipamentos [data-slot=capacete] { grid-area:capacete; }
#rmpEquipamentos [data-slot=armadura] { grid-area:armadura; }
#rmpEquipamentos [data-slot=arma] { grid-area:arma; }
#rmpEquipamentos [data-slot=calcas] { grid-area:calcas; }
#rmpEquipamentos [data-slot=sapatos] { grid-area:sapatos; }
#rmpEquipamentos [data-slot=acessorio1] { grid-area:acessorio1; }
#rmpEquipamentos [data-slot=acessorio2] { grid-area:acessorio2; }
#rmpEquipamentos .rp-tile { padding:5px 3px; min-height:88px; border:3px double #ab8b4d; border-radius:5px; background:linear-gradient(130deg,#fff9e7,#e5d5ad); box-shadow:inset 0 0 0 1px #fff4d4,0 1px 2px #5e411933; }
#rmpEquipamentos .rp-tile img { width:48px; height:48px; }
#rmpEquipamentos .rp-tile strong { font-size:10px; }
#rmpEquipamentos .rp-tile small { font-size:10px; color:#664511; }
#rmpBijuus,#rmpDoujutsus,#rmpInvocacaoSelo { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.rp-section { background:#f9efd9 url('../img/status/card-nuvens.png') center/100% 100%; }
.rp-tile { border:3px double #b99a5d; border-radius:6px; background:linear-gradient(#fff9e9,#ead9b4); box-shadow:0 2px 4px #50350b15; }
#rmpBijuus .rp-tile img { width:100%; height:auto; aspect-ratio:1; object-fit:contain; background:#102d4030; border-radius:4px; }
#rmpBijuus .rp-active { border-color:#806122; box-shadow:inset 0 0 0 1px #d8b85a; }
#rmpBijuus .rp-active small { color:#21633b; }
#rmpInvocacaoSelo .rp-tile img { width:90px; max-width:100%; height:90px; }
.rp-eye img { border-radius:50%; border:2px solid #b28c49; background:#122b3d; }
.rp-elements .rp-tile img { width:58px; height:58px; border-radius:50%; border:2px solid #b29457; }
.rp-empty { color:#655435; font-size:12px; grid-column:1/-1; }
/* 09/10 — atributos e cristal de cada equipamento na ficha pública. */
#rmpEquipamentos .rp-tile { justify-content:flex-start; }
.rp-equip-bonus { display:flex; flex-wrap:wrap; justify-content:center; gap:2px 4px; margin-top:2px; }
.rp-equip-atr { font:700 10px/1.2 Nunito,sans-serif; color:#1d3a24; background:#e6f2d8; border:1px solid #8fae76; border-radius:3px; padding:0 3px; white-space:nowrap; }
.rp-equip-cristal { display:flex; align-items:center; gap:3px; margin-top:3px; font:800 9.5px/1.15 Nunito,sans-serif; color:#3a1d63; background:#efe6ff; border:1px solid #a38bd0; border-radius:4px; padding:2px 4px; text-align:left; }
.rp-equip-cristal img { width:16px!important; height:16px!important; flex:0 0 16px; }
.rp-cristal-vida { color:#6b1020; background:#ffe6ea; border-color:#d48b98; }
.rp-cristal-defesa { color:#123b5c; background:#e3f0ff; border-color:#7ea5cc; }
.rp-equip-total { margin:8px 0 0; padding:6px 8px; font:700 12px Nunito,sans-serif; color:#2a2312; background:#fff6dc; border:2px double #b99b60; border-radius:5px; text-align:center; }
/* 09/10 — Linhagem, cristais no total e "Comparar comigo". */
.rp-linhagem-topo .rp-tile { flex-direction:row; text-align:left; margin-bottom:8px; }
.rp-linhagem-topo .rp-tile img { width:52px; height:52px; }
.rp-linhagem-topo .rp-tile strong { font-size:14px; }
.rp-equip-cristais { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:4px; margin-top:6px; }
.rp-cristal-chip { font:800 11px/1.2 Nunito,sans-serif; border:1px solid #a38bd0; border-radius:4px; padding:2px 6px; color:#3a1d63; background:#efe6ff; }
.rp-cristal-chip.rp-cristal-vida { color:#6b1020; background:#ffe6ea; border-color:#d48b98; }
.rp-cristal-chip.rp-cristal-defesa { color:#123b5c; background:#e3f0ff; border-color:#7ea5cc; }
.rp-compare-btn { display:block; width:100%; margin:0 0 10px; padding:9px 6px; font:700 15px Georgia,serif; color:#fff3c8; background:linear-gradient(#2b5878,#123049); border:3px double #d8b665; border-radius:6px; cursor:pointer; }
.rp-compare-btn:hover { filter:brightness(1.12); }
.rp-compare-btn:disabled { opacity:.6; cursor:wait; }
.rp-compare { width:min(720px,94vw); max-height:88vh; overflow:auto; padding:0 14px 14px; border:5px double #ad843c; border-radius:8px; background:linear-gradient(#fcf0d0,#ecdaac); color:#24210f; }
.rp-compare::backdrop { background:#0a0f1abf; }
.rp-compare-head { position:sticky; top:0; z-index:1; display:flex; justify-content:space-between; align-items:center; margin:0 -14px 10px; padding:10px 14px; background:linear-gradient(#17354f,#0c2337); color:#ffe6a0; }
.rp-compare-head h3 { margin:0; font:20px Georgia,serif; }
.rp-compare-x { background:none; border:0; color:#ffe6a0; font-size:26px; cursor:pointer; line-height:1; }
.rp-compare-resumo { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:12px; }
.rp-compare-bloco { border:2px solid; border-radius:6px; padding:8px 10px; font-size:12.5px; }
.rp-compare-bloco h4 { margin:0 0 6px; font:700 14px Georgia,serif; }
.rp-compare-bloco ul { margin:0; padding-left:18px; }
.rp-compare-bloco li { margin:2px 0; }
.rp-compare-mais { border-color:#5c9a4a; background:#eef8e6; }
.rp-compare-menos { border-color:#c0655a; background:#fdeceb; }
.rp-compare-tab { width:100%; border-collapse:collapse; font-size:12.5px; background:#fffaeb; }
.rp-compare-tab th { background:#254960; color:#ffeabd; padding:6px; font:12px Georgia,serif; text-align:right; }
.rp-compare-tab th:first-child, .rp-compare-tab td:first-child { text-align:left; }
.rp-compare-tab td { padding:5px 6px; border-bottom:1px solid #d6c49a; text-align:right; font-weight:700; }
.rp-compare-grupo td { background:#e6d5a8; color:#3b2a0d; font:700 12px Georgia,serif; text-align:left!important; }
.rp-dif-mais { color:#1f7a24; }
.rp-dif-menos { color:#b3261e; }
/* 11/10 — % de redução de dano pela vantagem de Defesa */
.rp-dif-red { display:inline-block; margin-top:2px; font-size:11px; font-weight:700; white-space:nowrap; opacity:.9; cursor:help; }
.rp-compare-nota { margin:8px 0 0; font-size:11px; color:#5b4a25; }
@media(max-width:560px) { .rp-compare-resumo { grid-template-columns:1fr; } }
/* 10/10 — arte de batalha na ficha */
.rp-arte-batalha{margin-top:14px;padding-top:12px;border-top:1px solid #b99b60;text-align:center}
.rp-arte-batalha h3{margin:0 0 8px;font:700 15px Georgia,serif;color:#17384e;text-align:left}
.rp-arte-batalha img{display:block;width:100%;max-height:360px;object-fit:contain;margin:0 auto;border:3px double #b99a5d;border-radius:6px;background:radial-gradient(#3a5a73,#132c3c)}
/* 11/10 — Ficha pública: conta criada, Progressão (campanha + PvP), Mural de Feitos. */
.rp-conta-criada .val { font-size:12px; }
.rp-progressao { margin-top:14px; padding-top:12px; border-top:1px solid #b99b60; display:flex; flex-direction:column; gap:10px; }
.rp-progressao h3 { margin:0; font:700 15px Georgia,serif; color:#17384e; }
.rp-prog-card { display:flex; gap:10px; align-items:stretch; padding:10px; border:1px solid #b99b6088; border-radius:7px; background:linear-gradient(135deg,#fffaf0,#f1e3bf); box-shadow:inset 0 0 0 1px #fff5d8; }
.rp-prog-pvp { flex-direction:column; gap:8px; }
.rp-prog-pvp .rnk-modal-liga, .rp-prog-pvp .rnk-modal-pvp { margin:0; }
.rp-prog-img { flex:0 0 64px; width:64px; height:64px; object-fit:cover; border-radius:6px; border:2px solid #c9a24c; }
.rp-prog-txt { display:flex; flex-direction:column; gap:3px; min-width:0; flex:1; }
.rp-prog-txt small, .rp-prog-titulo { font:800 10px system-ui,sans-serif; letter-spacing:1px; color:#7a5b1d; }
.rp-prog-txt strong { font:700 14px Georgia,serif; color:#13314f; }
.rp-prog-txt span { font-size:12px; color:#4b3e22; }
.rp-prog-bar { height:7px; border-radius:4px; background:#d9c79c; overflow:hidden; }
.rp-prog-bar i { display:block; height:100%; background:linear-gradient(90deg,#c48a1e,#f0c35a); }
.rp-prog-sub { font-size:11px !important; color:#6b5a35 !important; }
.rp-grid > .rp-mural { grid-column:1/-1; }
.rp-mural h2 { display:flex; align-items:center; gap:8px; }
.rp-mural-corpo { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1.6fr); gap:16px; align-items:start; }
.rp-mural-corpo > .mf-destaques { grid-row:span 2; grid-template-columns:repeat(2,minmax(0,1fr)); }
.rp-mural-corpo .mf-insignias { grid-template-columns:repeat(auto-fill,minmax(66px,1fr)); }
.rp-contato-btn { background:linear-gradient(#3b6b34,#1f4219); }
@media(max-width:900px) { .rp-mural-corpo { grid-template-columns:1fr; } .rp-mural-corpo > .mf-destaques { grid-row:auto; } }
/* 11/10 — sem o quadrado bege atrás da foto+moldura (vinha do fundo do .rnk-frame.lg). */
.rnk-modal-card #rmpFrameWrap { background:none; box-shadow:none; }
.rnk-modal-card #rmpFrameWrap .rnk-frame-emoji { background:transparent; }
/* Arte de batalha na coluna do meio. */
.rp-arte-batalha img { max-height:300px; object-fit:contain; }