/* v48 — envanter 3B karakter + üretim sekmesi + rol yuvası (js/envanter3d.js) */
.e3d-doll{position:relative;width:100%;max-width:260px;margin:0 auto;border-radius:14px;
  background:radial-gradient(ellipse at 50% 30%,rgba(120,160,220,.18),transparent 65%),linear-gradient(180deg,rgba(255,255,255,.03),rgba(0,0,0,.25));
  border:1px solid var(--line,rgba(255,255,255,.08));overflow:hidden}
.e3d-doll.shop{max-width:320px}
.e3d-cv{display:block;width:100%;aspect-ratio:1/1.3;cursor:grab;touch-action:pan-y}
.e3d-cv:active{cursor:grabbing}
.e3d-hint{position:absolute;top:6px;left:0;right:0;text-align:center;font-size:11px;color:var(--mute,#9aa);pointer-events:none;opacity:.8}
.e3d-legend{display:flex;flex-wrap:wrap;gap:4px;padding:6px 8px 8px;justify-content:center}
.e3d-lg{font-size:10.5px;padding:2px 6px;border-radius:8px;border:1px solid var(--rc);color:var(--text,#eee);background:rgba(0,0,0,.25);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.e3d-warn{width:100%;text-align:center;font-size:11px;color:#ff7a7a}
.e3d-rolslot{display:inline-block;outline:1px dashed rgba(201,162,74,.6);border-radius:10px}
.e3d-rolinfo{margin:8px 0;padding:8px 10px;border-radius:10px;border-left:3px solid var(--rc);background:rgba(255,255,255,.04)}
.e3d-rolinfo b{margin-right:6px}
.e3d-bn{font-size:12px;color:#c99bff}
.e3d-craft .pb{display:flex;flex-direction:column;gap:8px}
.e3d-tabs{display:flex;gap:6px;flex-wrap:wrap}
.e3d-tabs button{padding:5px 10px;border-radius:8px;border:1px solid var(--line,rgba(255,255,255,.12));background:transparent;color:var(--text,#eee);cursor:pointer;font:inherit;font-size:12.5px}
.e3d-tabs button[aria-pressed="true"]{border-color:var(--gold,#d9b25f);color:var(--gold,#d9b25f);background:rgba(217,178,95,.08)}
.e3d-recipes{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:6px}
.e3d-rc{text-align:left;padding:8px;border-radius:10px;border:1px solid rgba(255,255,255,.1);border-left:3px solid var(--rc);background:rgba(255,255,255,.03);color:var(--text,#eee);cursor:pointer;font:inherit}
.e3d-rc.on{border-color:var(--gold,#d9b25f);box-shadow:0 0 0 1px var(--gold,#d9b25f) inset}
.e3d-rc .tag{margin-left:6px}
.e3d-rc small{display:block;margin-top:4px;font-size:10.5px}
.e3d-sub{font-size:12.5px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.e3d-picks{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:4px;max-height:220px;overflow:auto}
.e3d-pick{padding:2px;border-radius:10px;border:2px solid transparent;background:transparent;cursor:pointer}
.e3d-pick.on{border-color:var(--gold,#d9b25f);background:rgba(217,178,95,.12)}
.e3d-foot{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.e3d-out{flex:1;min-width:180px;padding:8px 10px;border-radius:10px;border:1px solid var(--rc,rgba(255,255,255,.1));background:rgba(0,0,0,.18);font-size:12.5px}
.e3d-out-h{font-size:10.5px;letter-spacing:.08em;color:var(--mute,#9aa);text-transform:uppercase}
.e3d-cost{margin-top:4px;font-size:11.5px;color:var(--gold,#d9b25f)}
.e3d-cost.bad{color:#ff7a7a}
.e3d-shop{margin-top:12px}
@media (max-width:520px){.e3d-recipes{grid-template-columns:1fr}.e3d-doll{max-width:220px}}
html.lite .e3d-doll{background:rgba(0,0,0,.2)}