/* Ficha do personagem: Mercado (Personagens) e ranking do início (18/10/2026, antes só em market.css) */
.sheetgrid{display:flex;align-items:flex-start;margin-top:14px}
.sheetgrid>*{flex:1 1 0%;min-width:0}
.sheetgrid>*:first-child{flex-grow:1.1}
.sheetgrid>*+*{margin-left:18px}
.side>*+*{margin-top:12px}
.doll{display:flex;align-items:stretch}
.doll>.col{width:52px;flex:none}
.doll>.figure{flex:1 1 auto;min-width:0;margin:0 10px}
.doll .col>*+*{margin-top:8px}
.figure{border-radius:12px;background:radial-gradient(circle at 50% 35%,#1e3a5f,#0b1220 70%);border:1px solid #273449;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:260px;text-align:center;padding:10px}
.figure>*+*{margin-top:4px}
.figure .big{font-size:34px;font-weight:800}
.figure b{font-size:16px;color:#f8fafc}.figure span{font-size:12px;color:#94a3b8}
.slot{display:block;text-align:center;line-height:48px;width:52px;height:52px;border-radius:10px;background:#0b1220;border:1px solid #273449;position:relative;cursor:default;padding:0;font:inherit;color:inherit}
.slot.full{box-shadow:inset 0 0 0 2px #334155;cursor:help}
.slot img{max-width:40px;max-height:40px;vertical-align:middle;image-rendering:-moz-crisp-edges;image-rendering:pixelated}
.slot .lbl{display:inline-block;vertical-align:middle;max-width:100%;font-size:9px;color:#64748b;line-height:1.1;text-align:center;padding:2px;overflow:hidden;word-wrap:break-word}
.slot .rf{position:absolute;right:3px;bottom:1px;font-size:10px;font-weight:800;color:#fde68a;text-shadow:0 1px 2px #000}
.extra{display:flex;flex-wrap:wrap;margin-top:10px}
.extra>*{margin:0 8px 8px 0}
.tip{position:fixed;left:-9999px;top:0;z-index:150;pointer-events:none;background:#020617;border:1px solid #334155;border-radius:10px;padding:10px 12px;min-width:200px;max-width:280px;font-size:13px;color:#e2e8f0;box-shadow:0 12px 30px rgba(0,0,0,.5)}
.tip .t{font-weight:700;font-size:14px}.tip .m{color:#94a3b8;font-size:12px}.tip ul{list-style:none;padding:0;margin:6px 0 0}.tip li{color:#86efac}
.bar2{height:10px;border-radius:99px;background:#1e293b;overflow:hidden;margin:2px 0 10px}
.bar2 i{display:block;height:100%;background:linear-gradient(90deg,#22d3ee,#a78bfa)}
.mini{display:flex;align-items:center;font-size:13px}.mini+.mini{margin-top:8px}
.mini>*+*{margin-left:10px}
.mini .slot{width:44px;height:44px;line-height:40px}.mini .m{color:#94a3b8;font-size:12px}
@media (max-width:980px){
  .sheetgrid{display:block}.sheetgrid>*+*{margin-left:0;margin-top:14px}
}
@media (max-width:640px){
  .doll>.col{width:44px}.doll>.figure{margin:0 6px}.doll .col>*+*{margin-top:6px}
  .slot{width:44px;height:44px;line-height:40px}.slot img{max-width:34px;max-height:34px}
  .figure{min-height:200px}.figure .big{font-size:24px}
}