.gem-exchange{--gex-muted:var(--muted,#a6adbe);--gex-gold:#e6bf79;min-width:0;margin:0 0 24px;padding:24px;color:var(--text,#f4f4ff);border:1px solid #e6bf7955;background:radial-gradient(ellipse at top right,#51dfff0c,transparent 60%),linear-gradient(125deg,#151521,#090d14)}
.gem-exchange *,.gem-exchange *::before,.gem-exchange *::after{box-sizing:border-box}.gem-exchange [hidden]{display:none!important}
.gex-header{display:flex;justify-content:space-between;align-items:center;gap:20px}.gex-eyebrow{margin:0 0 8px;color:var(--gex-gold);font-size:.65rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.gem-exchange h3{margin:0;font:700 1.9rem/1.15 var(--heading,'Arial Narrow',sans-serif);text-transform:uppercase}.gex-intro,.gex-note,.gex-status,.gex-policy{color:var(--gex-muted);font-size:.75rem;line-height:1.65}.gex-intro{margin:8px 0 0}.gex-balance{min-width:140px;padding:14px 18px;background:#04080d80;border:1px solid #b89aff45;border-left:3px solid #b89aff}.gex-balance span{display:block;color:#cbb5ff;font-size:.65rem;text-transform:uppercase;font-weight:800}.gex-balance strong{display:block;margin-top:5px;font:700 1.85rem/1.2 var(--heading,'Arial Narrow',sans-serif);overflow-wrap:anywhere}
.gex-tools{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-top:20px}.gex-quantity{display:flex;align-items:center;gap:12px;margin-right:auto;color:var(--gex-muted);font-size:.75rem}.gex-quantity input{width:72px;min-width:0;min-height:44px;padding:10px;text-align:center;background:#080b13;color:#fff;border:1px solid #ffffff40;font:inherit}.gem-exchange button{min-height:44px;padding:11px 14px;color:#fff;border:1px solid #ffffff30;border-radius:0;font:inherit;font-size:.75rem;font-weight:800;white-space:normal;overflow-wrap:anywhere;cursor:pointer}.gex-primary{background:linear-gradient(110deg,#85642e,#49371b);border-color:#e6bf7990!important}.gex-secondary{background:#ffffff08}.gem-exchange button:disabled{opacity:.45;cursor:not-allowed}.gem-exchange :is(button,input,summary):focus-visible{outline:2px solid var(--cyan,#35d4ff);outline-offset:3px}.gex-status{min-height:1.65em;margin:14px 0 12px;overflow-wrap:anywhere}
.gex-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.gex-card{min-width:0;display:flex;flex-direction:column;align-items:center;padding:20px 12px 12px;border:1px solid #ffffff23;background:linear-gradient(145deg,#1c1c2c88,#080b12);text-align:center}.gex-gem{--gem:#c9d4e1;display:block;width:52px;height:66px;margin:5px 0 19px;clip-path:polygon(25% 0,75% 0,100% 35%,50% 100%,0 35%);background:conic-gradient(from 22deg at 50% 33%,var(--gem),#ffffffde 18%,var(--gem) 28%,#080918 38%,var(--gem) 52%,#ffffffb8 70%,var(--gem) 85%,#080a18)}.gex-gem[data-rarity="rare"]{--gem:#ffc444}.gex-gem[data-rarity="legendary"]{--gem:#56e1fc}.gex-gem[data-rarity="mythic"]{--gem:#52ff98}.gex-card h4{margin:0;font:700 1.25rem/1.25 var(--heading,'Arial Narrow',sans-serif)}.gex-owned,.gex-yield{font-size:.68rem;color:var(--gex-muted);line-height:1.5;margin:7px 0 12px}.gex-price{margin-top:auto;color:var(--gex-gold);font-size:.86rem}.gex-yield{margin:6px 0 15px}.gex-card button{width:100%}.gex-policy{margin:18px 0 0;padding:12px 14px;border-left:2px solid var(--gex-gold);background:#e6bf7909}
.gex-history{margin-top:18px;border-top:1px solid #ffffff20}.gex-history>summary{min-height:44px;padding:15px 0;color:var(--cyan,#35d4ff);font-size:.77rem;font-weight:800;cursor:pointer}.gex-ledger{display:grid;gap:8px;list-style:none;margin:14px 0 0;padding:0}.gex-ledger li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 14px;padding:12px;border:1px solid #ffffff18;background:#060a1170;font-size:.74rem;overflow-wrap:anywhere}.gex-ledger span{color:var(--gex-gold)}.gex-ledger small{grid-column:1/-1;color:var(--gex-muted);font-size:.65rem;line-height:1.6}
.gex-dialog{width:min(470px,calc(100% - 24px));max-height:calc(100dvh - 24px);margin:auto;padding:24px;overflow:auto;overscroll-behavior:contain;border:1px solid var(--gex-gold);color:#f4f4ff;background:radial-gradient(ellipse at top right,#e6bf7918,transparent 65%),#0b1019;font:inherit;box-shadow:0 20px 80px #000b}.gex-dialog::backdrop{background:#03050ddd;backdrop-filter:blur(5px)}.gex-summary{display:grid;gap:5px;margin:22px 0}.gex-summary>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #ffffff20}.gex-summary dt{font-size:.73rem;color:var(--gex-muted)}.gex-summary dd{margin:0;font-size:.84rem;font-weight:800;text-align:right;color:var(--gex-gold);overflow-wrap:anywhere}.gex-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.gex-actions>button{flex:1}
@media(max-width:720px){.gex-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gem-exchange{padding:18px}.gex-header{gap:12px}.gem-exchange h3{font-size:1.65rem}.gex-balance{min-width:108px;padding:12px}.gex-balance strong{font-size:1.5rem}}
@media(max-width:380px){.gem-exchange{padding:14px}.gex-header{flex-direction:column;align-items:stretch}.gex-intro{font-size:.7rem}.gex-balance{min-width:0;padding:10px;display:flex;align-items:center;justify-content:space-between;gap:12px}.gex-balance strong{margin:0;white-space:nowrap}.gex-grid{gap:8px}.gex-card{padding:16px 8px 10px}.gex-card button{font-size:.7rem;padding:10px 6px}.gex-dialog{padding:18px}.gex-ledger li{grid-template-columns:1fr}.gex-quantity{gap:8px}}