/* Ficha "i" da Coleção (#colInspect), redesenhada: menor e mais limpa (Leo, 05/10/2026). Copyright (c) Eclipse.
   Carta de verdade à esquerda; à direita nome, lore curta, evolução (com o botão de evoluir) e ações; embaixo a venda, compacta. Só visual. */
#colInspect.cxInspect{width:min(640px,calc(100vw - 24px));max-height:calc(100dvh - 32px);border-radius:16px}
#colInspect .cxInspBody{grid-template-columns:auto minmax(0,1fr);gap:16px 20px;padding:18px;align-items:start;max-height:calc(100dvh - 32px)}
#colInspect .inspCard .card.duel{--cw:200px}
#colInspect .cxInspInfo{gap:9px;padding:0 32px 0 0;margin:0;min-width:0}
#colInspect .inspHead{gap:10px}
#colInspect .inspHead .clanIcon{width:34px;height:34px}
#colInspect .cxEyebrow{font-size:11.5px;letter-spacing:.14em}
#colInspect .cxInspInfo h3,#colInspect .inspHead h3{margin:1px 0 0!important;font:800 clamp(21px,3vw,26px)/1.1 'Alegreya Sans',system-ui,sans-serif!important;letter-spacing:.01em;color:#fff6e0}
#colInspect .inspLore{margin:0;padding:7px 12px;max-height:88px;overflow:auto;font-size:13.5px;line-height:1.45;color:#d9cfe3;border:0;border-left:2px solid #e8c98b66;border-radius:0 8px 8px 0;background:#ffffff08;font-style:normal;scrollbar-width:thin}
#colInspect .inspLore.empty{display:none}
#colInspect .cxLevel{flex-direction:row;align-items:center;flex-wrap:wrap;gap:6px 10px;padding:7px 12px;border-radius:10px;background:#ffffff08;border:1px solid #ffffff12}
#colInspect .cxLevel small{flex:1 1 100%;font-size:11px;letter-spacing:.12em}
#colInspect .cxPips.big button{width:28px;height:32px;font-size:23px}
#colInspect .cxEvoMini{margin-left:auto;min-height:30px;padding:0 12px;border-radius:8px;border:1px solid #ff9ccc;background:linear-gradient(180deg,#ff7ab8,#d62f86);color:#2a0618;font:800 13px 'Alegreya Sans',system-ui,sans-serif;cursor:pointer}
#colInspect .cxEvoMini:hover{filter:brightness(1.1)}
#colInspect .cxActs{flex-direction:row;flex-wrap:wrap;gap:8px;margin-top:2px}
#colInspect .cxAct{flex:1 1 130px;min-height:38px;border-radius:10px;font-size:15px}
#colInspect .cxActNote{flex:1 1 100%;font-size:12.5px;line-height:1.35}
/* venda */
#colInspect .inspSell{grid-column:1/-1;margin:0;padding:10px 14px;border-radius:12px;background:#ffffff07;border:1px solid #ffffff12}
#colInspect .inspSell :is(p,.sellNote){margin:0 0 8px;font-size:13.5px;line-height:1.4;color:#d9cfe3}
#colInspect .inspSell .sellGrid{gap:8px}
#colInspect .inspSell :is(button,.cxAct){min-height:34px}
#colInspect .inspSell #openMarket{flex:none;min-height:32px;font-size:13px;padding:0 14px}
#colInspect .inspSell #sellGo{min-height:40px}
/* Ajuste final (Leo, 05/10/2026: "tem espaço sobrando"): rarity-nome.css deixava a lore com min-height 150px crescendo, os pips encolhidos por scale (a caixa continua grande) e a coluna esticada. Aqui o conteúdo manda no tamanho. */
#colInspect.cxInspect{width:min(580px,calc(100vw - 24px))!important}
#colInspect .cxInspBody{padding:14px!important;gap:12px 16px!important}
#colInspect .inspCard .card.duel{--cw:176px!important}
#colInspect .cxInspInfo{align-self:start!important;gap:8px!important}
#colInspect .inspLore{flex:none!important;min-height:0!important;max-height:84px!important;font-size:14px!important;line-height:1.4!important;padding:6px 11px!important}
#colInspect .inspLore.empty{display:none!important}
#colInspect .cxLevel{padding:6px 10px!important;gap:4px 8px!important}
#colInspect .cxLevel small{font-size:10.5px!important}
#colInspect .cxLevel .cxPips.big{transform:none!important;margin-left:0!important}
#colInspect .cxActs{margin-top:0!important}
#colInspect .inspSell{padding:8px 12px!important}
@media (max-width:640px){#colInspect .cxInspBody{grid-template-columns:1fr;justify-items:center}#colInspect .cxInspInfo{padding-right:0;width:100%}}
.cxEvoMini{display:inline-flex;align-items:center;gap:5px}.cxEvoMini .xpMini{width:18px;height:18px;object-fit:contain}
/* Altura fixa (Leo, 06/10/2026): o aviso sob o botão sempre ocupa o seu lugar (2 linhas), então trocar a evolução nunca estica o modal */
#colInspect .cxActNote{min-height:2.7em}
#colInspect .cxActNote.ph{visibility:hidden}

/* Ficha maior (Leo, 06/10/2026: "o modal e principalmente a carta estão muito pequenos"): a carta passa de 176 para até 300 px de largura,
   limitada pela altura da tela (sobra espaço para a venda embaixo) e o modal alarga junto. Só o tamanho; o resto do desenho é o de cima. */
#colInspect.cxInspect{width:min(800px,calc(100vw - 24px))!important}
#colInspect .cxInspBody{gap:14px 24px!important;padding:18px!important}
#colInspect .inspCard .card.duel{--cw:clamp(200px,calc((100dvh - 320px) / 1.4),300px)!important}
#colInspect .cxInspInfo{gap:10px!important}
#colInspect .inspLore{max-height:140px!important;font-size:15px!important}
#colInspect .cxInspInfo h3,#colInspect .inspHead h3{font-size:clamp(24px,3vw,30px)!important}