:root{--q-rare:#0070dd;--q-epic:#a335ee;--socket-meta:#b9c0c4;--socket-red:#e04b4b;--socket-yellow:#e0c04b;--socket-blue:#4b7be0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}body{color:#e3e8e8;background:#101315;place-items:center;min-height:100dvh;margin:0;display:grid}.shell{text-align:center;max-width:40rem;padding:2rem}.shell h1{letter-spacing:.04em;text-transform:uppercase;margin:0 0 .5rem;font-size:2rem}.shell__meta{color:#7d8b8c;font-size:.875rem}.shell__error{color:#d9542b}.item{text-align:left;background:#1f2429;border:1px solid #2b3237;border-radius:3px;gap:.75rem;margin:1.5rem 0;padding:.75rem;display:flex}.item__icon{border:2px solid var(--q-rare);border-radius:2px;flex:none;align-self:flex-start}.item[data-quality=epic] .item__icon{border-color:var(--q-epic)}.item__body{min-width:0}.item__name{color:var(--q-epic)}.item__meta{color:#7d8b8c;font-size:.875rem;display:block}.item__stats{margin:.5rem 0;padding-left:1.1rem;font-size:.875rem}.item__sockets{color:#7d8b8c;align-items:center;gap:.35rem;font-size:.8125rem;display:flex}.item__sockets i{background:var(--socket-meta);border-radius:2px;width:12px;height:12px}.item__sockets i[data-color=red]{background:var(--socket-red)}.item__sockets i[data-color=yellow]{background:var(--socket-yellow)}.item__sockets i[data-color=blue]{background:var(--socket-blue)}