.top{flex-wrap:wrap}.actions{flex-wrap:wrap}
.items-sheet{max-width:680px;max-height:88dvh;overflow:auto}
.draw-actions,.item-filters{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
#inventoryList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.item-card{padding:14px;border:1px solid color-mix(in srgb,var(--item-color) 45%,transparent);border-radius:14px;background:#ffffff06}
.item-heading{display:flex;gap:8px;align-items:center}.item-heading h3{font-size:15px;flex:1}.item-rank{color:var(--item-color);font-size:12px}
.item-card p,.items-sheet p,.items-sheet li{font-size:13px;line-height:1.6}.item-card .btn{width:100%}
#drawResults{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin:18px 0}
.draw-result{display:grid;gap:8px;text-align:center;padding:20px 8px;border-radius:16px;border:1px solid var(--item-color);animation:item-reveal .45s ease-out;background:linear-gradient(145deg,#ffffff0a,transparent)}
.draw-result>span{font-size:30px}.draw-result small{color:var(--item-color)}
.draw-result.rare{box-shadow:inset 0 0 18px #65acff22}.draw-result.hero{box-shadow:inset 0 0 25px #ba86ff33;animation-duration:.6s}.draw-result.legendary{box-shadow:inset 0 0 35px #ffb06044;animation-duration:.7s}
.draw-result.transcendent{background:radial-gradient(ellipse,#ff6f8825,transparent 75%);box-shadow:0 0 22px #ff6f8833;animation:item-heart .85s ease-out}
.active-items-badge{font-size:12px}
@keyframes item-reveal{from{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:none}}
@keyframes item-heart{0%{opacity:0;transform:scale(.6) rotate(-8deg)}60%{opacity:1;transform:scale(1.06)}100%{transform:none}}
@media(max-width:420px){#inventoryList{grid-template-columns:1fr}.top-btn{padding:8px 10px;font-size:13px}.items-sheet{max-height:85dvh}}
@media(prefers-reduced-motion:reduce){.draw-result{animation:none!important}}

body:has(#itemsModal:not([hidden])) .local-items-preview{display:none}