/* The homepage follows one reading and keyboard order: intensity, services, pick. */
.dreadcue-site .dc-home { max-width: 1320px; }
.dreadcue-site .dc-discovery-hero { position: relative; isolation: isolate; margin: 0 calc(-1 * var(--dc-gutter)); padding: 24px var(--dc-gutter) 22px; overflow: hidden; background: #050607; }
.dreadcue-site .dc-discovery-art { position: absolute; z-index: -2; inset: 0; background: var(--dc-hero-image) 85% 38% / cover no-repeat; pointer-events: none; }
.dreadcue-site .dc-discovery-hero::after { content: ''; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg,#050607 0%,rgba(5,6,7,.88) 27%,rgba(5,6,7,.55) 50%,transparent 75%),linear-gradient(0deg,#050607,transparent 30%); pointer-events: none; }
.dreadcue-site .dc-discovery-copy { max-width: 70%; }
body.dreadcue-site .dc-discovery-copy h1 { margin: 0; font: 700 clamp(44px,4.3vw,64px)/1.02 "Times New Roman",Times,serif; letter-spacing: -.035em; text-shadow: 0 2px 20px #000; }
.dreadcue-site .dc-discovery-copy h1 span { color: var(--dc-red); }
body.dreadcue-site .dc-discovery-lead { margin: 18px 0 6px; color: var(--dc-text-soft); font-size: clamp(16px,1.4vw,20px); }
body.dreadcue-site .dc-discovery-note { margin: 0; color: var(--dc-muted); font-size: 14px; }
.dreadcue-site .dc-finder { position: relative; border: 1px solid var(--dc-border); border-radius: 16px; padding: 14px 10px 10px; margin-bottom: 24px; background: radial-gradient(ellipse at 70% 0,rgba(120,25,35,.08),transparent 65%),#0a0b0d; box-shadow: 0 18px 40px #0003; }
.dreadcue-site .dc-finder-heading { margin: 0 6px 10px; }
body.dreadcue-site .dc-finder-heading h2 { margin: 0 0 6px; font-size: clamp(26px,2.4vw,32px); }
body.dreadcue-site .dc-finder-heading p { margin: 0; font-size: 13px; color: var(--dc-muted); }
.dreadcue-site .dc-finder-steps { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; align-items: stretch; }
.dreadcue-site .dc-finder-step { min-width: 0; padding: 12px 14px; border: 1px solid var(--dc-border); border-radius: 9px; background: linear-gradient(145deg,#0e0e10,#08090b); }
.dreadcue-site .dc-step-heading { display: flex; gap: 10px; align-items: flex-start; margin-bottom: 10px; }
.dreadcue-site .dc-step-heading > div { min-width: 0; align-self: center; }
.dreadcue-site .dc-step-number { flex: 0 0 34px; width: 34px; height: 34px; display: grid; place-items: center; border: 2px solid #ff4050; border-radius: 50%; background: #260c12; color: #fff; font: 500 20px/1 var(--dc-sans); box-shadow: 0 0 16px #ff40502e; }
body.dreadcue-site .dc-step-heading h3 { font-family: Arial, sans-serif; font-weight: 600; font-size: 11px; line-height: 1.5; text-transform: uppercase; letter-spacing: .08em; margin: 0 0 4px; }
body.dreadcue-site .dc-step-heading p { font-size: 12px; color: var(--dc-muted); line-height: 1.5; margin: 0; }
.dreadcue-site .dc-finder-sliders { display: grid; gap: 0; }
.dreadcue-site .dc-finder-sliders .dc-range-control { grid-template-columns: 94px minmax(70px,1fr) 24px; column-gap: 10px; min-height: 44px; }
.dreadcue-site .dc-finder-sliders .dc-range-control > span { font-size: 13px; grid-column: 1; grid-row: 1; }
.dreadcue-site .dc-finder-sliders .dc-range-control output { grid-column: 3; grid-row: 1; text-align: right; font-size: 13px; }
body.dreadcue-site .dc-finder-sliders input[type=range] { grid-column: 2; grid-row: 1; width: 100%; min-width: 0; margin: 0; height: 44px; }
.dreadcue-site .dc-finder-sliders .dc-range-control::after { grid-column: 2; grid-row: 1; width: var(--dc-range-progress); bottom: auto; top: calc(50% - 3px); }
.dreadcue-site .dc-finder .dc-index-widget { margin-top: 0; }
.dreadcue-site .dc-finder .dc-score-gauge { width: 154px; max-width: 100%; margin: 0 auto; }
.dreadcue-site .dc-finder .dc-gauge-label strong { font: 700 48px/1 Arial, sans-serif; }
.dreadcue-site .dc-finder .dc-gauge-label span { font: 400 11px/1.2 Arial, sans-serif; letter-spacing: 0; text-transform: none; }
.dreadcue-site .dc-finder .dc-gauge-label small { font-size: 11px; }
body.dreadcue-site .dc-finder .dc-index-widget p { font-size: 11px; margin: -6px auto 0; max-width: 280px; }
.dreadcue-site .dc-finder .dc-provider-pills{ display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; max-width: none; }
body.dreadcue-site .dc-finder .dc-provider-pill { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; width: 100%; min-height: 44px; padding: 8px 10px; font-weight: 500; font-size: 13px; border-radius: 8px; overflow-wrap: anywhere; }
.dreadcue-site .dc-finder .dc-choice-check { visibility: hidden; flex-shrink: 0; font-size: 17px; }
.dreadcue-site .dc-finder [aria-pressed=true] .dc-choice-check { visibility: visible; }
.dreadcue-site .dc-finder-more { margin-top: 4px; }
.dreadcue-site .dc-finder-more summary { min-height: 44px; padding: 12px 0; cursor: pointer; font-size: 13px; }
.dreadcue-site .dc-finder-more summary span { color: var(--dc-muted); }
.dreadcue-site .dc-finder-more[open] > div { margin-top: 4px; }
body.dreadcue-site .dc-any-service { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 0 auto; min-height: 44px; padding: 9px 16px; border: 1px solid transparent; border-radius: 999px; background: transparent; color: var(--dc-muted); font: 500 13px/1.4 var(--dc-sans); cursor: pointer; text-decoration: underline; text-underline-offset: 4px; }
body.dreadcue-site .dc-any-service:is(:hover,[aria-pressed=true]) { background: #212226; color: #fff; border-color: #4b4c52; }
.dreadcue-site .dc-finder-action { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 10px; padding: 12px 16px; border: 1px solid #54242a; border-radius: 12px; background: radial-gradient(ellipse at 100% 100%,#50141f55,transparent 65%),#0c0b0d; }
.dreadcue-site .dc-finder-action .dc-step-heading { margin: 0; }
body.dreadcue-site .dc-finder-action .dc-primary-cta { flex-shrink: 0; min-width: 250px; min-height: 54px; padding: 12px 28px; font-size: 17px; border-color: #ff6b77; background: linear-gradient(130deg,#ff4356,#f42138); box-shadow: 0 0 12px #ff304c70,0 0 28px #ff304c38,inset 0 1px 0 #ffffff40; }
body.dreadcue-site .dc-finder-action .dc-primary-cta:hover { background: #ff5366; box-shadow: 0 0 18px #ff304c90,0 0 34px #ff304c50; }
@media (max-width: 1000px) {
  .dreadcue-site .dc-finder-steps { grid-template-columns: 1fr; }
  .dreadcue-site .dc-finder-step { padding: 16px; }
  .dreadcue-site .dc-finder-sliders .dc-range-control { grid-template-columns: 110px minmax(100px,1fr) 30px; }
  .dreadcue-site .dc-discovery-copy { max-width: 85%; }
  .dreadcue-site .dc-finder .dc-index-widget { display: flex; align-items: center; justify-content: center; gap: 22px; }
  .dreadcue-site .dc-finder .dc-index-widget p { margin: 0; text-align: left; }
  .dreadcue-site .dc-finder .dc-score-gauge { margin: 0; }
}
@media (max-width: 600px) {
  .dreadcue-site .dc-discovery-hero { padding-block: 20px; }
  .dreadcue-site .dc-discovery-copy { max-width: 100%; }
  .dreadcue-site .dc-discovery-art { opacity: .8; background-position: 78% center; }
  .dreadcue-site .dc-discovery-hero::after { background: linear-gradient(90deg,#050607e6,#05060766),linear-gradient(0deg,#050607,transparent); }
  body.dreadcue-site .dc-discovery-copy h1 { font-size: clamp(32px,8.5vw,46px); }
  .dreadcue-site .dc-finder { padding: 12px 10px 10px; }
  .dreadcue-site .dc-finder-heading { margin-inline: 4px; }
  .dreadcue-site .dc-finder-step { padding: 12px 10px; }
  .dreadcue-site .dc-step-heading { gap: 10px; margin-bottom: 8px; }
  .dreadcue-site .dc-step-number { flex-basis: 34px; width: 34px; height: 34px; font-size: 19px; }
  body.dreadcue-site .dc-step-heading h3 { font-size: 11px; letter-spacing: .045em; }
  body.dreadcue-site .dc-step-heading p { font-size: 12px; }
  .dreadcue-site .dc-finder-sliders .dc-range-control { grid-template-columns: 95px minmax(0,1fr) 24px; gap: 8px; }
  .dreadcue-site .dc-finder .dc-index-widget { display: block; }
  .dreadcue-site .dc-finder .dc-score-gauge { margin-inline: auto; width: 152px; }
  .dreadcue-site .dc-finder .dc-index-widget p { text-align: center; margin: -8px auto 0; }
  .dreadcue-site .dc-finder .dc-provider-pills{ gap: 8px; }
  body.dreadcue-site .dc-finder .dc-provider-pill { padding: 7px 8px; font-size: 12px; min-height: 44px; }
  .dreadcue-site .dc-finder-action { align-items: stretch; flex-direction: column; padding: 12px; gap: 12px; }
  body.dreadcue-site .dc-finder-action .dc-primary-cta { width: 100%; min-width: 0; }
}

/* Keep controls compact; additional catalog services scroll inside their own list. */
.dreadcue-site .dc-finder .dc-provider-block,
.dreadcue-site .dc-finder-sliders { max-width: 360px; margin-inline: auto; }
.dreadcue-site .dc-finder .dc-finder-more[open] > .dc-provider-pills{ max-height: 176px; overflow-y: auto; overscroll-behavior: contain; padding: 4px; scrollbar-width: thin; scrollbar-color: #61565a #111; }
body.dreadcue-site .dc-finder .dc-finder-more .dc-provider-pill { font-size: 12px; text-align: left; background: #111214; box-shadow: none; border-color: #484044; color: #e2dadd; }
body.dreadcue-site .dc-finder .dc-finder-more .dc-provider-pill.is-selected { border-color: var(--dc-red); background: #33131b; }
body.dreadcue-site .dc-extra-selections { margin: 0 4px 6px; font-size: 11px; color: var(--dc-muted); max-height: 48px; overflow-y: auto; }
.dreadcue-site .dc-service-name { flex: 1; text-align: left; color: #eee; }
.dreadcue-site .dc-service-mark { min-width: 44px; font: 800 22px/1 Arial, sans-serif; letter-spacing: -1px; text-align: center; }
.dreadcue-site .dc-provider-netflix .dc-service-mark { font-size: 29px; }
.dreadcue-site .dc-provider-prime .dc-service-mark { font-size: 17px; letter-spacing: -.7px; }
.dreadcue-site .dc-provider-shudder .dc-service-mark { font-size: 10px; letter-spacing: -.6px; }
.dreadcue-site .dc-finder .dc-score-gauge { background: radial-gradient(circle,#50101b44,transparent 68%); }
.dreadcue-site .dc-finder .dc-gauge-ring,
.dreadcue-site .dc-finder .dc-gauge-ticks,
.dreadcue-site .dc-finder .dc-gauge-needle,
.dreadcue-site .dc-finder .dc-gauge-dot { display: none; }
.dreadcue-site .dc-finder .dc-gauge-active,
.dreadcue-site .dc-finder .dc-gauge-track { stroke-width: 20; }
.dreadcue-site .dc-finder .dc-gauge-label { inset: 23% 8% 18%; gap: 3px; }
.dreadcue-site .dc-finder .dc-gauge-label br { display: none; }
@media (min-width: 1001px) {
  .dreadcue-site .dc-finder-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; }
  .dreadcue-site .dc-finder-sliders .dc-range-control,
  body.dreadcue-site .dc-finder-sliders input[type=range] { min-height: 34px; height: 34px; }
}
@media (max-width: 600px) {
  .dreadcue-site .dc-service-mark { min-width: 36px; font-size: 19px; }
  .dreadcue-site .dc-provider-shudder .dc-service-mark { font-size: 9px; }
  .dreadcue-site .dc-finder .dc-provider-pill { gap: 5px; }
}


/* DreadQ 0.1.14: reference dial and aligned movie tags. */
/* Restore the reference dial around the existing, live intensity target. */
body.dreadcue-site .dc-finder [data-dc-preference-gauge] {
  display: block;
  margin-top: 8px;
  text-align: center;
}

body.dreadcue-site .dc-finder [data-dc-preference-gauge] .dc-score-gauge {
  width: 216px;
  max-width: 100%;
  margin-inline: auto;
  background: radial-gradient(circle at 50% 44%, #26090e 0, #0c080a 48%, transparent 70%);
}

body.dreadcue-site .dc-finder [data-dc-preference-gauge] .dc-gauge-ring {
  display: block;
  fill: none;
  stroke: #b7192a;
  stroke-width: 1;
  filter: drop-shadow(0 0 5px #e9223a88);
}

body.dreadcue-site .dc-finder [data-dc-preference-gauge] .dc-gauge-ring:first-child {
  stroke: #f02a40;
  stroke-width: 1.4;
}

body.dreadcue-site .dc-finder [data-dc-preference-gauge] .dc-gauge-ticks {
  display: block;
  fill: none;
  stroke: #bd1c2d;
  stroke-width: 6;
  stroke-dasharray: 1 5;
  opacity: .9;
}

body.dreadcue-site .dc-finder [data-dc-preference-gauge] .dc-gauge-track,
body.dreadcue-site .dc-finder [data-dc-preference-gauge] .dc-gauge-active {
  fill: none;
  stroke-width: 17;
  stroke-linecap: butt;
}

body.dreadcue-site .dc-finder [data-dc-preference-gauge] .dc-gauge-track {
  stroke: #4d101b;
}

body.dreadcue-site .dc-finder [data-dc-preference-gauge] .dc-gauge-active {
  stroke: #f32942;
  filter: drop-shadow(0 0 4px #ff203eaa) drop-shadow(0 0 10px #ff203e55);
}

body.dreadcue-site .dc-finder [data-dc-preference-gauge] .dc-gauge-needle {
  display: block;
  stroke: #ff4d59;
  stroke-width: 2.4;
  opacity: 1;
  filter: drop-shadow(0 0 4px #ff304b88);
}

body.dreadcue-site .dc-finder [data-dc-preference-gauge] .dc-gauge-dot {
  display: block;
  fill: #ff5660;
  filter: drop-shadow(0 0 5px #ff304b);
}

body.dreadcue-site .dc-finder [data-dc-preference-gauge] .dc-gauge-label {
  inset: 26% 17% 19%;
  gap: 4px;
}

body.dreadcue-site .dc-finder [data-dc-preference-gauge] .dc-gauge-label span {
  max-width: 108px;
  font: 500 11px/1.25 var(--dc-sans, Arial, sans-serif);
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #f4eded;
}

body.dreadcue-site .dc-finder [data-dc-preference-gauge] .dc-gauge-label strong {
  font: 700 68px/.95 var(--dc-serif, "Times New Roman", serif);
  letter-spacing: -.025em;
  color: #ff6068;
  text-shadow: 0 0 20px #d21c3044;
}

body.dreadcue-site .dc-finder [data-dc-preference-gauge] .dc-gauge-label small {
  font: 400 13px/1.4 var(--dc-sans, Arial, sans-serif);
  letter-spacing: .12em;
  color: #d4c9cb;
}

body.dreadcue-site .dc-finder [data-dc-preference-gauge] p {
  margin: 2px auto 0;
  max-width: 280px;
  text-align: center;
}


@media (max-width: 600px) {
  body.dreadcue-site .dc-finder [data-dc-preference-gauge] .dc-score-gauge {
    width: 200px;
  }

  body.dreadcue-site .dc-finder [data-dc-preference-gauge] .dc-gauge-label strong {
    font-size: 62px;
  }
}

/* DreadQ 0.1.15: warm off-white and blood-red homepage headline. */
body.dreadcue-site .dc-discovery-copy #dc-home-title > span { display: inline-block; }
body.dreadcue-site .dc-discovery-copy #dc-home-title > .dc-headline-light { color: #e8ded0; }
body.dreadcue-site .dc-discovery-copy #dc-home-title > .dc-headline-blood { color: var(--dc-red-dark, #c61f2c); }