/* Discovery additions only: preserve the site's existing theme and drop countdown. */
.drop-media,.trend-media{position:relative;display:block;isolation:isolate;overflow:hidden;background:#201b3e;border:1px solid var(--line,#393052);border-radius:9px;aspect-ratio:16/9;color:var(--mut,#b2acc9)}
.drop-media{margin-bottom:.4rem;flex-shrink:0}
.drop-media img,.trend-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.art-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:.4rem;font-size:.72rem;text-align:center;background:radial-gradient(ellipse at 30% 20%,#322858,#151127)}
.art-fallback>span:first-child{font-size:1.6rem}
.art-missing img{display:none}
.drop-art-play,.trend-play{font-weight:700;font-size:.75rem;line-height:1.2;border:1px solid #74688e;border-radius:7px;background:#171223;color:#fff;padding:.45rem .65rem;white-space:nowrap}
.drop-art-play{position:absolute;z-index:2;right:.5rem;bottom:.5rem}
#trend.discovery-trend{margin:2.5rem 0;min-width:0}
.discovery-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem}
.discovery-head h2{margin:0;font-size:clamp(1.25rem,3vw,1.65rem)}
.discovery-head>a{white-space:nowrap;color:var(--lime,#c6ff3d);font-size:.85rem}
.trend-intro{margin:.35rem 0 1rem;color:var(--mut,#b2acc9);font-size:.9rem}
.discovery-trend .tabs{display:flex;flex-wrap:wrap;gap:.3rem;width:fit-content;max-width:100%;padding:.3rem;border:1px solid var(--line,#393052);border-radius:12px;background:var(--ink2,#15112e);margin:0 0 1rem}
.discovery-trend [role=tab]{font:inherit;font-size:.85rem;padding:.55rem .9rem;color:var(--mut,#b2acc9);background:transparent;border:1px solid transparent;border-radius:8px;cursor:pointer}
.discovery-trend [role=tab][aria-selected=true]{background:#38304f;border-color:#685d7a;color:#fff;font-weight:700}
.discovery-trend button:focus-visible,.discovery-trend a:focus-visible,.drop-media:focus-visible{outline:3px solid var(--lime,#c6ff3d);outline-offset:3px}
.trend-list{list-style:none;padding:0!important;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.trend-card{position:relative;display:grid;grid-template-columns:1.3rem 116px minmax(0,1fr);align-items:center;gap:.7rem;min-width:0;padding:.85rem;border:1px solid var(--line,#393052);border-radius:13px;background:var(--ink2,#15112e)}
.trend-rank{font-weight:800;font-size:1.15rem;color:var(--lime,#c6ff3d);text-align:center;font-variant-numeric:tabular-nums}
.trend-media{aspect-ratio:4/3;width:100%;align-self:stretch;min-height:96px}
.trend-info{min-width:0;display:flex;flex-direction:column;gap:.3rem;align-items:flex-start}
.trend-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:750;font-size:.95rem;line-height:1.25;color:#fff;text-decoration:none;overflow-wrap:anywhere}
.trend-title:hover{text-decoration:underline}
.trend-pitch{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;max-width:100%;margin:0;color:var(--mut,#b2acc9);font-size:.77rem;line-height:1.4}
.trend-tags{display:flex;gap:.3rem;max-width:100%;overflow:hidden}
.trend-tags span{padding:.15rem .4rem;border-radius:5px;background:#28213d;font-size:.62rem;color:#d4cce6;white-space:nowrap}
.trend-count{font-size:.76rem;color:var(--lime,#c6ff3d);font-variant-numeric:tabular-nums;font-weight:650}
.trend-play{display:inline-flex;align-items:center;text-decoration:none;margin-top:.15rem;min-height:32px}
.trend-play:hover{background:#332940;border-color:var(--lime,#c6ff3d)}
.trend-note{font-size:.75rem;color:var(--mut,#b2acc9);margin:.8rem 0 0}
.trend-empty{padding:1.5rem;border:1px dashed var(--line,#393052);border-radius:12px;color:var(--mut,#b2acc9)}
.trend-empty p{margin:.35rem 0}.trend-empty button{margin-top:.5rem}
@media(max-width:799px){.trend-list{grid-template-columns:minmax(0,1fr)}.trend-card{grid-template-columns:1.3rem 104px minmax(0,1fr)}}
@media(max-width:380px){.trend-card{grid-template-columns:1rem 80px minmax(0,1fr);gap:.5rem;padding:.65rem}.trend-media{min-height:100px}.trend-tags{display:none}.discovery-head{align-items:flex-start}.discovery-head>a{font-size:.7rem}.discovery-trend [role=tab]{padding:.55rem .65rem}}