.rival-details-shade{position:fixed;inset:var(--menu-height,72px) 0 0;z-index:9800;display:grid;place-items:center;padding:18px;background:#010811d9;backdrop-filter:blur(7px)}
.rival-details-window{width:min(100%,1000px);max-height:calc(100dvh - var(--menu-height,72px) - 36px);display:flex;flex-direction:column;border:22px solid transparent;border-image:url('../assets/ui-flow/panel_frame.webp') 110 fill/22px stretch;background:#081521;color:#def6fa;box-sizing:border-box;overflow:hidden}
.rival-details-window>header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none;padding:10px 18px 15px;border-bottom:1px solid #416779}
.rival-details-window header small{font:12px var(--titulo);color:#e395e9}.rival-details-window h1{font-size:clamp(20px,2vw,30px);line-height:1.25;margin:5px 0 0;overflow-wrap:anywhere}
.rival-details-window button{min-height:44px;color:#c7f3ff;font:700 14px var(--titulo);border:10px solid transparent;border-image:url('../assets/ui-flow/button_clean_01942.webp') 48 fill/10px stretch;background:#123a4c;padding:8px 14px;cursor:pointer}
.rival-details-window button:disabled{opacity:.5;cursor:not-allowed}.rival-details-window button:focus-visible{outline:2px solid #a9f5ff;outline-offset:3px}
.rival-details-body{display:grid;grid-template-columns:42% minmax(0,1fr);gap:24px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:18px;min-height:0}
.rival-details-portrait{height:220px;background:radial-gradient(ellipse at 50% 85%,#247a9255,transparent 60%);display:grid;place-items:center}.rival-details-portrait canvas{height:220px;width:auto}
.rival-details-tags{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font:15px var(--ui);margin:8px 0 14px}.rival-details-tags .rareza{max-width:150px}
.rival-details-ranking,.rival-details-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:0 0 12px}
.rival-details-ranking{grid-template-columns:1fr 1fr}.rival-details-ranking>div,.rival-details-stats>div{padding:10px;background:#102733;border:1px solid #395e74;min-width:0}
.rival-details-ranking dt,.rival-details-stats dt{font:12px var(--ui);color:#9cc9d9}.rival-details-ranking dd,.rival-details-stats dd{margin:4px 0 0;font:700 22px var(--ui);color:#d9f9ff}
.rival-details-ranking>div:first-child dd{color:#f5ce79}.rival-details-life{grid-column:1/-1}
.rival-details-equipment h2{font:700 16px var(--titulo);margin:4px 0 14px;color:#96e9f5}
.rival-details-equipment .kit{display:flex;flex-direction:column;gap:10px;list-style:none;padding:0;margin:0}
.rival-details-equipment .chip{display:flex;align-items:flex-start;gap:12px;width:100%;padding:13px;border:1px solid var(--c,#577b92);background:#101e30;border-radius:3px;box-sizing:border-box}
.rival-details-equipment .chip>span:last-child{min-width:0;flex:1}.rival-details-equipment .chip b{display:block;font:700 17px/1.25 var(--ui);overflow-wrap:anywhere}.rival-details-equipment .chip small{display:block;font:14px/1.4 var(--ui);margin-top:6px;color:#bdd0df;white-space:normal}
.rival-details-equipment .arma-ico,.rival-details-equipment .hab-ico{flex:none!important;width:42px!important;height:42px!important}.rival-details-equipment .arma-ico canvas{width:42px!important;height:42px!important}
.rival-details-window>footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px 8px;flex:none;border-top:1px solid #416779;background:#081521}
.rival-details-window>footer>div{display:flex;flex-direction:column;gap:5px;font:15px var(--ui)}.rival-details-window>footer b{color:#f7d383}.rival-details-window>footer small{font-size:13px;color:#a7c4d4}
.rival-details-window>footer button{background:#663060;min-height:52px;max-width:300px}
@media(max-width:700px){.rival-details-shade{padding:6px}.rival-details-window{border-width:14px;border-image-width:14px;max-height:calc(100dvh - var(--menu-height,68px) - 12px)}.rival-details-window>header{padding:8px;gap:8px}.rival-details-window>header button{font-size:10px;padding:5px}.rival-details-body{grid-template-columns:1fr;gap:16px;padding:12px}.rival-details-portrait{height:160px}.rival-details-portrait canvas{height:160px}.rival-details-ranking>div{padding:8px}.rival-details-window>footer{padding:10px;display:flex;flex-direction:column;align-items:stretch;gap:10px}.rival-details-window>footer button{max-width:none;width:100%;font-size:12px}.rival-details-window h1{font-size:20px}}

@media(min-width:701px){.rival-details-portrait,.rival-details-portrait canvas{height:170px}.rival-details-ranking>div,.rival-details-stats>div{padding:7px 10px}.rival-details-ranking dd,.rival-details-stats dd{font-size:20px}.rival-details-body{gap:22px;padding:14px 18px}}