/* Only the two atmospheric stories opt in. Text and controls never move. */
[data-queen-horror] .queen-scene-heading { display: block; margin-bottom: 12px; font-size: 1.18rem; font-weight: 800; line-height: 1.35; }
[data-queen-horror] .queen-scene-copy { display: block; font-size: 1rem; font-weight: 450; line-height: 1.65; }
[data-queen-horror] .queen-effects {
  padding: 16px; margin-bottom: 22px; border: 1px solid var(--line);
  border-radius: 8px; background: var(--surface);
}
[data-queen-horror] .queen-effects label { display: flex; align-items: center; gap: 12px; font-weight: 750; cursor: pointer; min-height: 44px; }
[data-queen-horror] .queen-effects input { width: 20px; height: 20px; accent-color: var(--cobalt); }
[data-queen-horror] .queen-effects p { margin: 8px 0 0; font-size: .88rem; color: var(--muted); }
[data-queen-horror] .queen-frame { display: block; position: relative; overflow: hidden; isolation: isolate; background: #171716; border-radius: 7px; }
[data-queen-horror] .queen-frame > img { display: block; width: 100%; height: auto; transform-origin: 75% 40%; }
[data-queen-horror] .queen-frame::after {
  content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .12;
  background: radial-gradient(ellipse at center, transparent 50%, #000 100%);
}
[data-queen-horror] .queen-overlay { position: absolute; inset: 0; pointer-events: none; opacity: .36; }
[data-queen-horror] .queen-overlay img { display: block; width: 100%; height: 100%; object-fit: contain; }
[data-queen-horror] [data-queen-scene="qd-06"] .queen-overlay { clip-path: polygon(77% 5%, 99% 0, 99% 54%, 77% 54%); }
[data-queen-horror] [data-queen-scene="qd-06"] .queen-overlay img { position: absolute; width: 50%; height: 50%; left: 49%; top: 6%; }
[data-queen-horror] [data-queen-scene="qd-12"] .queen-overlay { clip-path: polygon(61% 0, 100% 0, 100% 83%, 61% 83%); }
[data-queen-horror] [data-queen-scene="qd-17"] .queen-overlay { clip-path: polygon(76% 0, 88% 0, 88% 76%, 76% 76%); }
[data-queen-horror] [data-queen-scene="qd-17"] .queen-overlay img { position: absolute; width: 50%; height: 50%; left: 44%; top: 5%; }
[data-queen-horror] [data-queen-scene="mt-06"] .queen-overlay { clip-path: inset(0 0 42% 75%); }
[data-queen-horror] [data-queen-scene="mt-12"] .queen-overlay { clip-path: inset(0 0 25% 63%); }
[data-queen-horror] [data-queen-scene="mt-17"] .queen-overlay { clip-path: inset(0 0 15% 72%); }
[data-queen-horror] .queen-route-note { margin: 12px 0; padding: 12px; border-left: 3px solid var(--line); }
@media (prefers-reduced-motion: reduce) {
  [data-queen-horror] .queen-frame > img { transform: none !important; }
  [data-queen-horror] .queen-overlay { opacity: .36 !important; }
}

[data-queen-horror] [data-queen-scene="tc-06"] .queen-overlay { clip-path: inset(0 0 35% 80%); }
[data-queen-horror] [data-queen-scene="tc-12"] .queen-overlay { clip-path: inset(0 0 10% 63%); }
[data-queen-horror] [data-queen-scene="tc-17"] .queen-overlay { clip-path: inset(0 66% 20% 0); }