/* ============================================================================
   INVENTAIRE DU JOUEUR — objets spéciaux
   ========================================================================== */
.iv-open { display: inline-flex; align-items: center; gap: 7px; }
.iv-open b { padding: 1px 8px; border-radius: 999px; background: rgba(242, 196, 90, .16); color: #f5d27f; font-size: .82rem; }
.iv-open b.new { background: #f2c45a; color: #2a1c00; }
.iv-dialog { width: min(820px, calc(100vw - 32px)); }
.iv-card { display: flex; flex-direction: column; gap: 12px; max-height: calc(100vh - 60px); overflow: auto; }
.iv-card .eyebrow, .iv-card h2, .iv-card > p { margin: 0; }
.iv-total { padding: 1px 9px; border-radius: 999px; background: rgba(255, 255, 255, .08); font-size: .85rem; color: var(--muted); }
.iv-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; }
.iv-tile { position: relative; display: grid; justify-items: center; gap: 4px; padding: 16px 10px 12px; border-radius: 14px; border: 1px solid color-mix(in srgb, var(--rar) 45%, transparent); background: linear-gradient(170deg, color-mix(in srgb, var(--rar) 14%, transparent), rgba(255, 255, 255, .02)); color: var(--text); font: inherit; cursor: pointer; text-align: center; }
.iv-tile:hover, .iv-tile.on { border-color: var(--rar); box-shadow: 0 0 0 1px var(--rar) inset; }
.iv-tile .iv-book { width: 44px; height: 44px; filter: drop-shadow(0 0 6px color-mix(in srgb, var(--rar) 70%, transparent)); }
.iv-tile strong { font-size: .9rem; }
.iv-tile small { color: var(--muted); font-size: .78rem; }
.iv-count { position: absolute; top: 8px; right: 8px; min-width: 24px; padding: 1px 6px; border-radius: 999px; background: #0b1424; border: 1px solid var(--rar); font-weight: 800; font-size: .8rem; }
.iv-new { position: absolute; top: 8px; left: 8px; padding: 1px 6px; border-radius: 999px; background: #f2c45a; color: #2a1c00; font-weight: 800; font-size: .68rem; }
.iv-empty { padding: 24px; border: 1px dashed var(--border); border-radius: 14px; text-align: center; color: var(--muted); }
.iv-filter { align-self: flex-start; }
.iv-detail { display: flex; gap: 14px; padding: 14px; border-radius: 14px; border: 1px solid color-mix(in srgb, var(--rar) 50%, transparent); background: color-mix(in srgb, var(--rar) 10%, transparent); }
.iv-detail p { margin: 4px 0; }
.iv-detail small { display: block; color: var(--muted); }
.iv-dicon { font-size: 2rem; }
.iv-why { color: #ffb05f !important; }
.iv-picker { display: flex; flex-direction: column; gap: 10px; }
.iv-pickhead { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; }
.iv-pickhead h3 { margin: 0; }
.iv-tools { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.iv-sel { display: inline-flex; align-items: center; gap: 6px; color: var(--muted); font-size: .85rem; }
.iv-sel select { min-height: 34px; border-radius: 9px; border: 1px solid var(--border); background: #0e1828; color: var(--text); font: inherit; }
.iv-hunters { display: flex; flex-direction: column; gap: 6px; }
.iv-hunter { display: grid; grid-template-columns: auto 1fr auto auto; gap: 10px; align-items: center; padding: 8px 12px; border-radius: 12px; border: 1px solid var(--border); background: rgba(255, 255, 255, .03); }
.iv-hunter > div { display: grid; min-width: 0; }
.iv-hunter small { color: var(--muted); }
.iv-hunter.off { opacity: .6; }
.iv-talentcard h3 small { color: #f5d27f; }
.iv-talentcard:not(.none) { border-color: rgba(239, 68, 68, .45); background: rgba(239, 68, 68, .06); }
@media (max-width: 560px) { .iv-hunter { grid-template-columns: auto 1fr; } .iv-hunter > :nth-child(n+3) { grid-column: 2; justify-self: start; } }