/* Live drop ticker under the top bar. Rarity colours follow CS2 grades; the rest uses SnowUI tokens. */
.live-feed{display:flex;align-items:stretch;gap:16px;padding:12px 28px;border-bottom:1px solid var(--line);background:var(--bg)}
.live-feed[hidden]{display:none}
.live-head{display:flex;flex-direction:column;justify-content:center;gap:7px;flex-shrink:0;width:152px}
.live-head .segmented{margin-left:-6px}
.live-badge{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:600;letter-spacing:.12em;color:#c85454}
.live-badge i{width:7px;height:7px;border-radius:50%;background:#e25b5b;box-shadow:0 0 0 0 rgba(226,91,91,.5);animation:live-pulse 1.8s ease-out infinite}
@keyframes live-pulse{70%{box-shadow:0 0 0 7px rgba(226,91,91,0)}100%{box-shadow:0 0 0 0 rgba(226,91,91,0)}}
.live-stats{font-size:11px;color:var(--muted);white-space:nowrap}
.live-hide{position:absolute;right:0;top:-2px}
.live-head{position:relative}
.live-hide svg{width:14px;height:14px}
.live-track{display:flex;gap:8px;flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 86%,transparent);mask-image:linear-gradient(90deg,#000 86%,transparent)}
.live-card{--rarity:#b0c3d9;position:relative;flex:0 0 132px;max-width:132px;height:98px;display:flex;flex-direction:column;padding:8px 10px 11px;border:0;border-radius:12px;background:radial-gradient(120% 85% at 50% 0%,color-mix(in srgb,var(--rarity) 30%,transparent),transparent 72%),var(--panel);color:var(--text);text-align:left;overflow:hidden;cursor:pointer;font:inherit;transition:transform .15s,background-color .15s}
.live-card::after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--rarity)}
.live-card:hover,.live-card:focus-visible{transform:translateY(-2px);background-color:var(--hover)}
.live-card.own{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rarity) 70%,transparent)}
.live-art{height:34px;display:flex;align-items:center;justify-content:center;color:var(--rarity);margin-bottom:4px}
.live-art svg{height:30px;width:auto;max-width:72px}
.live-title{font-size:11px;font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.live-sub{font-size:10px;line-height:1.3;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.live-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:auto;font-size:11px}
.live-meta b{font-weight:600}
.live-meta i{font-style:normal;font-size:9px;padding:1px 6px;border-radius:999px;background:var(--lavender);color:#1c1c1c}
.live-enter{animation:live-in .65s cubic-bezier(.2,.8,.2,1)}
.live-enter::before{content:'';position:absolute;inset:0;border-radius:12px;box-shadow:inset 0 0 0 2px var(--rarity);animation:live-flash 1.6s ease-out forwards;pointer-events:none}
@keyframes live-in{from{flex-basis:0;max-width:0;padding-left:0;padding-right:0;opacity:0}to{flex-basis:132px;max-width:132px;opacity:1}}
@keyframes live-flash{to{opacity:0}}
.live-empty{align-self:center;font-size:12px;color:var(--muted)}
.live-detail{--rarity:#b0c3d9;display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:14px;padding:22px;border-radius:14px;background:radial-gradient(100% 90% at 50% 0%,color-mix(in srgb,var(--rarity) 32%,transparent),transparent 75%),var(--panel);border-bottom:3px solid var(--rarity)}
.live-art.big{height:70px}
.live-art.big svg{height:64px;max-width:150px}
.live-rarity{font-size:12px;font-weight:600;color:var(--rarity)}
@media(max-width:760px){
  .live-feed{flex-direction:column;gap:9px;padding:10px 20px}
  .live-head{width:auto;flex-direction:row;align-items:center;flex-wrap:wrap;gap:6px 12px;padding-right:28px}
  .live-head .segmented{margin-left:0}
  .live-track{overflow-x:auto;scrollbar-width:none;-webkit-mask-image:none;mask-image:none}
  .live-track::-webkit-scrollbar{display:none}
  .live-card{flex-basis:112px;max-width:112px;height:92px}
  @keyframes live-in{from{flex-basis:0;max-width:0;opacity:0}to{flex-basis:112px;max-width:112px;opacity:1}}
}
@media(prefers-reduced-motion:reduce){.live-badge i,.live-enter,.live-enter::before{animation:none}.live-card{transition:none}}
/* Real item icons (item-icons.js) and live-feed privacy controls. */
.item-icon{display:block;object-fit:contain;user-select:none;filter:drop-shadow(0 3px 6px rgba(0,0,0,.18))}
.live-art{height:42px}
.live-art .item-icon{height:44px;width:auto;max-width:86px}
.live-card{height:106px}
.live-art.big{height:120px}
.live-art.big .item-icon{height:128px;width:auto;max-width:180px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.25))}
.drop-symbol.has-item{background:linear-gradient(145deg,#f1f4f8,#dfe6ef)}
:root[data-theme=dark] .drop-symbol.has-item{background:linear-gradient(145deg,#3a3d42,#2c2f33)}
.drop-symbol.has-item .item-icon{width:100%;height:100%;padding:2px}
.drop-card .drop-symbol.has-item{width:44px;height:44px}
.rail-avatar.has-item{background:#eef1f5;overflow:hidden}
.rail-avatar.has-item .item-icon{width:100%;height:100%}
.farm-notice-icon .item-icon{width:38px;height:38px}
.farm-notice-icon.item{background:#f1f4f8}
.live-privacy-button{display:inline-flex;align-items:center;gap:5px;padding:0;border:0;background:none;color:var(--muted);font:inherit;font-size:11px;cursor:pointer;text-align:left}
.live-privacy-button svg{width:13px;height:13px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8}
.live-privacy-button:hover{color:var(--text)}
.live-privacy-options{display:grid;gap:8px;margin:6px 0 14px}
.live-privacy-option{display:flex;gap:10px;align-items:flex-start;padding:11px 13px;border:1px solid var(--line);border-radius:12px;cursor:pointer}
.live-privacy-option:has(input:checked){border-color:var(--text);background:var(--hover)}
.live-privacy-option input{margin-top:3px}
.live-privacy-option small{display:block;color:var(--muted);font-size:11px;margin-top:2px}
@media(max-width:760px){.live-card{height:100px}.live-art .item-icon{height:40px}}