.ever-queue-shell, .ever-queue-shell * { box-sizing: border-box; }
.ever-queue-shell {
  --ever-ink: #f6f2ec;
  --ever-muted: rgba(246,242,236,.62);
  --ever-line: rgba(255,255,255,.13);
  color: var(--ever-ink);
  background: #030303;
  padding: clamp(20px, 3vw, 40px) clamp(16px, 4vw, 70px) clamp(50px, 7vw, 92px);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.ever-queue-head { display:flex; align-items:end; justify-content:space-between; gap:24px; margin: 0 auto 18px; max-width: 1420px; }
.ever-queue-head span { font-size: 11px; letter-spacing: .36em; color: var(--ever-muted); }
.ever-queue-head p { margin:0; color: var(--ever-muted); font-size: 13px; }
.ever-queue-rail-wrap { position:relative; max-width: 1560px; margin:0 auto; }
.ever-queue-rail {
  display:flex;
  gap: clamp(14px, 1.4vw, 24px);
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  padding: 12px 4px 26px;
  scrollbar-width: none;
}
.ever-queue-rail::-webkit-scrollbar { display:none; }
.ever-queue-card {
  position:relative;
  flex: 0 0 clamp(170px, 14vw, 260px);
  aspect-ratio: 1 / 1.18;
  border: 0;
  border-radius: 16px;
  overflow:hidden;
  padding:0;
  background:#111;
  color: var(--ever-ink);
  cursor:pointer;
  scroll-snap-align:center;
  box-shadow: 0 24px 70px rgba(0,0,0,.5);
  transition: transform .25s ease, opacity .25s ease, box-shadow .25s ease;
}
.ever-queue-card:hover { transform: translateY(-5px); box-shadow: 0 34px 90px rgba(0,0,0,.72); }
.ever-queue-card.is-current { outline: 1px solid rgba(255,255,255,.58); transform: translateY(-8px) scale(1.04); }
.ever-queue-card img { width:100%; height:100%; object-fit:cover; display:block; }
.ever-queue-card::after { content:""; position:absolute; inset:0; background: linear-gradient(to top, rgba(0,0,0,.78), transparent 56%); }
.ever-queue-card-text { position:absolute; z-index:2; left:16px; right:16px; bottom:16px; text-align:left; }
.ever-queue-card-text strong { display:block; text-transform:uppercase; font-size: 13px; line-height:1.05; letter-spacing:.02em; }
.ever-queue-card-text span { display:block; margin-top:5px; color: var(--ever-muted); font-size: 10px; letter-spacing:.2em; text-transform:uppercase; }
.ever-queue-card-actions { position:absolute; z-index:3; top:12px; right:12px; display:flex; gap:6px; }
.ever-queue-card-actions button {
  width:34px; height:34px; border-radius:50%; border:1px solid rgba(255,255,255,.22); background: rgba(0,0,0,.36); color:#fff; cursor:pointer; backdrop-filter: blur(8px);
}
.ever-queue-arrow {
  position:absolute; top:43%; transform:translateY(-50%); z-index: 4;
  width: 44px; height: 64px; border:0; background:transparent; color:rgba(255,255,255,.78); font-size: 52px; line-height:1; cursor:pointer;
}
.ever-queue-prev { left: -44px; }
.ever-queue-next { right: -44px; }
.ever-queue-list-wrap { max-width: 940px; margin: 20px auto 0; border-top:1px solid var(--ever-line); padding-top:18px; }
.ever-queue-list-head { display:flex; justify-content:space-between; gap:20px; align-items:baseline; margin-bottom:12px; }
.ever-queue-list-head strong { text-transform:uppercase; font-size: 12px; letter-spacing:.24em; }
.ever-queue-list-head span { color: var(--ever-muted); font-size: 12px; }
.ever-queue-list { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }
.ever-queue-item {
  display:grid;
  grid-template-columns: 36px 1fr auto;
  align-items:center;
  gap:12px;
  padding: 10px 12px;
  border:1px solid rgba(255,255,255,.09);
  border-radius: 14px;
  background: rgba(255,255,255,.035);
}
.ever-queue-item[draggable="true"] { cursor:grab; }
.ever-queue-item.is-current { border-color: rgba(255,255,255,.42); background: rgba(255,255,255,.08); }
.ever-queue-index { color: var(--ever-muted); font-size:11px; letter-spacing:.22em; }
.ever-queue-name strong { display:block; font-size: 13px; text-transform:uppercase; }
.ever-queue-name span { color: var(--ever-muted); font-size: 11px; }
.ever-queue-item button { border:1px solid rgba(255,255,255,.14); background:transparent; color:#fff; border-radius:999px; padding:8px 11px; cursor:pointer; font-size:10px; letter-spacing:.16em; text-transform:uppercase; }
.ever-queue-empty { color: var(--ever-muted); padding: 16px 0; }
@media (max-width: 900px) {
  .ever-queue-head, .ever-queue-list-head { align-items:flex-start; flex-direction:column; gap:7px; }
  .ever-queue-arrow { display:none; }
  .ever-queue-card { flex-basis: min(58vw, 250px); }
  .ever-queue-item { grid-template-columns: 30px 1fr; }
  .ever-queue-item button { grid-column: 1 / -1; justify-self:start; }
}

/* v0.2 layout hardening */
.ever-queue-shell {
  width: 100vw;
  max-width: none;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  overflow-x: hidden;
}
.ever-queue-track {
  overscroll-behavior-x: contain;
  scroll-behavior: smooth;
}
@media (max-width: 760px) {
  .ever-queue-shell { padding-left: 0; padding-right: 0; }
}