.lwhv-wrap, .lwhv-top, .lwhv-box{
  background: rgba(15,19,29,.65);
  border: 1px solid rgba(35,41,58,.9);
  border-radius: 16px;
  padding: 18px;
  box-shadow: 0 6px 20px rgba(0,0,0,.25);
}
.lwhv-header{ display:flex; gap:16px; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; }
.lwhv-title h2, .lwhv-top h2{ margin:0 0 6px 0; }
.lwhv-sub{ margin:0; color: rgba(154,163,173,.95); }
.lwhv-status{ display:grid; gap:6px; }
.lwhv-counter{ color: rgba(230,230,230,.92); }
.lwhv-msg{ min-height:18px; color: rgba(230,220,255,.95); }
.lwhv-selected{ display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.lwhv-chip{
  display:inline-flex; align-items:center; gap:8px;
  padding:6px 10px;
  border-radius:999px;
  background: rgba(138,107,241,.12);
  border: 1px solid rgba(138,107,241,.35);
  color: rgba(230,220,255,.95);
  font-weight:700;
  font-size: 13px;
}
.lwhv-chip button{
  border:none; background: transparent; color: inherit; cursor:pointer;
  font-weight:900; line-height:1; padding:0 2px;
}
.lwhv-controls{ margin-top:12px; }
.lwhv-search{
  width:100%; max-width:520px;
  padding:10px 12px;
  border-radius:12px;
  background:#0c1018;
  border:1px solid rgba(35,41,58,.9);
  color: rgba(230,230,230,.95);
}
.lwhv-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:12px; margin-top:14px; }
.lwhv-card{
  background: rgba(15,19,29,.75);
  border:1px solid rgba(35,41,58,.9);
  border-radius: 16px;
  overflow:hidden;
  display:grid;
  grid-template-rows: auto 1fr;
}
.lwhv-poster img{ width:100%; height:auto; display:block; }
.lwhv-card__body{ padding:12px; display:grid; gap:8px; }
.lwhv-card__top{ display:flex; justify-content:space-between; gap:10px; align-items:flex-start; }
.lwhv-year{ color: rgba(154,163,173,.95); font-weight:600; margin-left:6px; }
.lwhv-blurb{ margin:0; color: rgba(230,230,230,.9); font-size: 14px; line-height:1.45; }
.lwhv-links{ display:flex; gap:10px; flex-wrap:wrap; font-size:13px; }
.lwhv-links a{ opacity:.9; text-decoration:underline; text-underline-offset:3px; }
.lwhv-toggle{
  border-radius: 12px;
  padding: 8px 12px;
  border: 1px solid rgba(160, 90, 255, 0.35);
  background: linear-gradient(135deg, #2b143d, #1a0f26);
  color: #e6dcff;
  font-weight:800;
  cursor:pointer;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
  white-space:nowrap;
}
.lwhv-toggle:hover{ transform:translateY(-1px); box-shadow: 0 8px 28px rgba(120, 60, 200, 0.25); border-color: rgba(200,120,255,0.6); }
.lwhv-toggle.is-on{ background: linear-gradient(135deg, #3a0e1b, #1a0b12); border-color: rgba(255, 90, 140, 0.35); }
.lwhv-btn{
  display:inline-block;
  border-radius: 12px;
  padding: 10px 14px;
  border: 1px solid rgba(160, 90, 255, 0.35);
  background: linear-gradient(135deg, #2b143d, #1a0f26);
  color: #e6dcff;
  font-weight:800;
  text-decoration:none;
}

.lwhv-top__list{ list-style: decimal; margin: 10px 0 0 18px; padding:0; display:grid; gap:8px; }
.lwhv-top__item{ display:flex; gap:10px; align-items:baseline; flex-wrap:wrap; }
.lwhv-top__votes{
  display:inline-grid; place-items:center;
  min-width: 32px;
  padding: 2px 8px;
  border-radius:999px;
  background: rgba(138,107,241,.12);
  border: 1px solid rgba(138,107,241,.35);
  font-weight:900;
}
.lwhv-top__title{ font-weight:800; }
.lwhv-top__links{ display:inline-flex; gap:10px; font-size:13px; opacity:.9; }
.lwhv-top__note{ margin: 10px 0 0 0; color: rgba(154,163,173,.95); font-size: 13px; }

/* codex horror top thumbnails v1 */
.lwhv-top__list{
  gap:10px;
}
.lwhv-top__item{
  align-items:center;
  background:rgba(5,8,13,.34);
  border:1px solid rgba(255,255,255,.055);
  border-radius:10px;
  flex-wrap:nowrap;
  gap:12px;
  min-height:58px;
  padding:8px 10px;
}
.lwhv-top__thumb{
  align-self:stretch;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.1);
  border-radius:7px;
  box-shadow:0 8px 18px rgba(0,0,0,.26);
  display:block;
  flex:0 0 34px;
  height:50px;
  overflow:hidden;
  width:34px;
}
.lwhv-top__thumb img{
  display:block;
  height:100%;
  object-fit:cover;
  width:100%;
}
.lwhv-top__thumb--empty::before{
  color:rgba(255,255,255,.34);
  content:"";
  display:block;
  height:100%;
}
.lwhv-top__main{
  align-items:baseline;
  display:flex;
  flex:1 1 auto;
  flex-wrap:wrap;
  gap:6px 10px;
  min-width:0;
}
.lwhv-top__title{
  line-height:1.25;
}
@media (max-width: 640px){
  .lwhv-top__item{
    gap:10px;
    padding:8px;
  }
  .lwhv-top__thumb{
    flex-basis:30px;
    height:44px;
    width:30px;
  }
  .lwhv-top__main{
    align-items:flex-start;
    flex-direction:column;
    gap:4px;
  }
}
/* codex horror info note v1 */
.lwhv-info-note{
  background:linear-gradient(135deg, rgba(216,177,95,.12), rgba(15,19,29,.72));
  border:1px solid rgba(216,177,95,.24);
  border-left:4px solid rgba(216,177,95,.62);
  border-radius:12px;
  color:rgba(230,236,242,.9);
  display:grid;
  gap:5px;
  line-height:1.48;
  margin:0 0 16px;
  padding:13px 15px;
}
.lwhv-info-note strong{
  color:#f3dfaa;
  font-family:Georgia, "Times New Roman", serif;
  font-size:16px;
  font-weight:800;
}
.lwhv-info-note span{
  color:rgba(214,224,232,.88);
  font-size:14px;
}
@media (max-width:640px){
  .lwhv-info-note{
    padding:12px;
  }
  .lwhv-info-note strong{
    font-size:15px;
  }
  .lwhv-info-note span{
    font-size:13px;
  }
}