/* A compact, self-contained counter; existing relic artwork is unchanged. */
.iron-bank-shop { --ibs-gold:#e5bf79; --ibs-muted:var(--muted,#a6adbe); min-width:0; margin-bottom:24px; padding:26px; color:var(--text,#f4f4ff); border:1px solid #e5bf7970; background:radial-gradient(ellipse at top right,#9c793519,transparent 60%),linear-gradient(120deg,#171721,#090d14); }
.iron-bank-shop *,.iron-bank-shop *::before,.iron-bank-shop *::after { box-sizing:border-box; }
.iron-bank-shop [hidden] { display:none!important; }
.ibs-header { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.ibs-eyebrow { margin:0 0 7px; color:var(--ibs-gold); font-size:.65rem; font-weight:900; letter-spacing:.13em; text-transform:uppercase; }
.iron-bank-shop h3 { margin:0; font:700 2rem/1.15 var(--heading,'Arial Narrow',sans-serif); text-transform:uppercase; }
.ibs-intro { margin:7px 0 0; color:var(--ibs-muted); font-size:.8rem; line-height:1.5; }
.ibs-balance { min-width:155px; padding:15px 20px; background:#05090c80; border:1px solid #e5bf7950; border-left:3px solid var(--ibs-gold); }
.ibs-balance span { display:block; font-size:.65rem; color:var(--ibs-gold); text-transform:uppercase; font-weight:800; letter-spacing:.05em; }
.ibs-balance strong { display:block; margin-top:5px; font:700 1.9rem/1.15 var(--heading,'Arial Narrow',sans-serif); overflow-wrap:anywhere; color:var(--green,#55ff87); }
.ibs-note,.ibs-policy { font-size:.73rem; line-height:1.65; color:var(--ibs-muted); }
.ibs-policy { margin:18px 0 0; padding:12px 15px; border-left:2px solid var(--ibs-gold); background:#e5bf7908; }
.ibs-tabs { display:flex; gap:8px; margin:22px 0 16px; border-bottom:1px solid #ffffff20; padding-bottom:12px; }
.iron-bank-shop button { min-height:44px; padding:11px 15px; border:1px solid #ffffff30; border-radius:0; color:var(--text,#fff); font:inherit; font-size:.75rem; font-weight:800; cursor:pointer; white-space:normal; overflow-wrap:anywhere; }
.ibs-secondary { background:#ffffff07; }.ibs-primary { background:linear-gradient(110deg,#997439,#62461e); border-color:#e5bf7990!important; }
.iron-bank-shop button:disabled { cursor:not-allowed; opacity:.45; }.iron-bank-shop :is(button,input,summary):focus-visible { outline:2px solid var(--cyan,#35d4ff); outline-offset:3px; }
.ibs-tabs button { flex:1; max-width:200px; background:#080c1355; }.ibs-tabs button[aria-pressed="true"] { border-color:var(--ibs-gold); color:var(--ibs-gold); background:#e5bf7912; box-shadow:inset 0 -2px var(--ibs-gold); }
.ibs-tools { display:flex; align-items:end; gap:10px; flex-wrap:wrap; }.ibs-quantity { display:flex; align-items:center; gap:10px; margin-right:auto; }.ibs-quantity span { color:var(--ibs-muted); font-size:.7rem; }.ibs-quantity input { display:block; width:76px; min-width:0; min-height:44px; padding:10px; background:#080c13; border:1px solid #ffffff35; color:#fff; font:inherit; text-align:center; }
.ibs-status { min-height:1.6em; margin:14px 0 10px; font-size:.74rem; line-height:1.6; color:var(--ibs-muted); overflow-wrap:anywhere; }.ibs-status[data-state="warning"] { color:#ffd690; }
.ibs-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr)); gap:12px; margin-top:16px; }
.ibs-card { display:flex; flex-direction:column; min-width:0; padding:18px 14px 14px; background:linear-gradient(145deg,#1a1c2780,#080a12); border:1px solid #ffffff25; text-align:center; }
.ibs-art { height:104px; display:grid; place-items:center; margin-bottom:10px; }.ibs-art img { width:100px; height:100px; object-fit:contain; filter:drop-shadow(0 5px 10px #0008); }
.ibs-gem { --gem:#9dd5e5; width:58px; height:70px; display:block; clip-path:polygon(25% 0,75% 0,100% 35%,50% 100%,0 35%); background:conic-gradient(from 22deg at 50% 33%,var(--gem),#ffffffda 18%,var(--gem) 28%,#07080f 38%,var(--gem) 52%,#ffffffb8 70%,var(--gem) 85%,#080a18); filter:drop-shadow(0 0 14px var(--gem)); }
.ibs-gem[data-rarity="uncommon"] { --gem:#c9d4e1; }.ibs-gem[data-rarity="rare"] { --gem:#ffc444; }.ibs-gem[data-rarity="legendary"] { --gem:#56e1fc; }.ibs-gem[data-rarity="mythic"] { --gem:#52ff98; }
.ibs-card h4 { margin:0; font:700 1.2rem/1.25 var(--heading,'Arial Narrow',sans-serif); color:#f4f4ff; overflow-wrap:anywhere; }.ibs-card-meta { min-height:2.8em; margin:7px 0 10px; font-size:.67rem; line-height:1.5; color:var(--ibs-muted); overflow-wrap:anywhere; }
.ibs-price { display:block; margin:auto 0 14px; color:var(--ibs-gold); font-size:.86rem; }.ibs-card button { width:100%; }.ibs-card-foot { display:block; margin-top:10px; font-size:.64rem; color:var(--ibs-muted); line-height:1.5; }
.ibs-history { margin-top:22px; border-top:1px solid #ffffff20; }.ibs-history > summary { min-height:44px; padding:15px 0; color:var(--cyan,#35d4ff); font-size:.77rem; font-weight:800; cursor:pointer; }
.ibs-ledger { display:grid; gap:8px; list-style:none; padding:0; margin:15px 0 0; }.ibs-ledger li { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:7px 14px; padding:12px; background:#06091170; border:1px solid #ffffff18; font-size:.73rem; }.ibs-ledger strong,.ibs-ledger span { overflow-wrap:anywhere; }.ibs-ledger span { color:var(--ibs-gold); }.ibs-ledger small { grid-column:1/-1; color:var(--ibs-muted); font-size:.65rem; }
.ibs-dialog { width:min(490px,calc(100% - 24px)); max-height:calc(100dvh - 24px); margin:auto; padding:24px; overflow:auto; overscroll-behavior:contain; border:1px solid var(--ibs-gold); color:var(--text,#fff); background:radial-gradient(ellipse at top right,#e5bf7918,transparent 65%),#0b1019; font:inherit; box-shadow:0 20px 80px #000b; }
.ibs-dialog::backdrop { background:#03050ddd; backdrop-filter:blur(5px); }.ibs-summary { margin:22px 0; display:grid; gap:5px; }.ibs-summary > div { display:flex; justify-content:space-between; gap:16px; padding:12px 0; border-bottom:1px solid #ffffff20; }.ibs-summary dt { color:var(--ibs-muted); font-size:.7rem; }.ibs-summary dd { margin:0; text-align:right; color:var(--ibs-gold); font-size:.82rem; font-weight:800; overflow-wrap:anywhere; }.ibs-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:20px; }.ibs-actions > button { flex:1; }
@media(max-width:600px) { .iron-bank-shop { padding:18px; }.ibs-header { gap:12px; }.iron-bank-shop h3 { font-size:1.65rem; }.ibs-balance { min-width:110px; padding:12px; }.ibs-balance strong { font-size:1.6rem; }.ibs-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }.ibs-card { padding:14px 9px 10px; }.ibs-card h4 { font-size:1rem; }.ibs-card button { padding:10px 7px; font-size:.7rem; }.ibs-art { height:90px; }.ibs-art img { height:86px; width:86px; }.ibs-quantity { width:100%; } }
@media(max-width:380px) { .iron-bank-shop { padding:14px; }.ibs-header { align-items:start; }.ibs-intro { font-size:.7rem; }.ibs-balance { min-width:90px; padding:10px; }.ibs-balance strong { font-size:1.4rem; }.ibs-dialog { padding:18px; }.ibs-tools > button { flex:1; }.ibs-ledger li { grid-template-columns:1fr; }.ibs-tabs { gap:6px; }.ibs-tabs button { padding:10px 8px; } }