.mvf-longhouse {
  --hall-mx: 0;
  --hall-my: 0;
  position: relative;
}

.mvf-hall-prologue {
  max-width: 760px;
  margin: 0 auto 24px;
  color: #d9ccb4;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.05rem, 2.1vw, 1.34rem);
  line-height: 1.65;
  text-align: center;
  text-wrap: balance;
}

.mvf-hall-stage {
  position: relative;
  height: clamp(560px, 64vw, 760px);
  max-height: 78vh;
  min-height: 560px;
  overflow: hidden;
  border: 1px solid rgba(213, 174, 104, 0.24);
  border-radius: 4px;
  isolation: isolate;
  background:
    radial-gradient(ellipse at 50% 66%, rgba(235, 122, 48, 0.2), transparent 31%),
    linear-gradient(180deg, #080a0d, #16120f 78%, #0b0c0d);
  box-shadow: 0 34px 90px rgba(0, 0, 0, 0.48), inset 0 0 100px rgba(0, 0, 0, 0.46);
  perspective: 1000px;
}

.mvf-hall-stage::before {
  position: absolute;
  inset: 0;
  z-index: 8;
  background:
    linear-gradient(90deg, rgba(0, 0, 0, 0.64), transparent 20% 80%, rgba(0, 0, 0, 0.64)),
    linear-gradient(180deg, rgba(0, 0, 0, 0.4), transparent 29%, transparent 73%, rgba(0, 0, 0, 0.36));
  content: "";
  pointer-events: none;
}

.mvf-hall-backdrop {
  position: absolute;
  inset: -2%;
  transform: translate3d(calc(var(--hall-mx) * -8px), calc(var(--hall-my) * -5px), 0) scale(1.03);
  transform-style: preserve-3d;
  transition: transform 240ms ease-out;
}

.mvf-hall-backdrop--image picture,
.mvf-hall-backdrop--image img {
  display: block;
  width: calc(100% - 48px);
  max-width: 780px;
  margin: 28px auto 0;
  height: 100%;
}

.mvf-hall-backdrop--image img {
  object-fit: cover;
  object-position: center;
}

.mvf-hall-smoke {
  position: absolute;
  z-index: 4;
  width: 38%;
  height: 36%;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(157, 177, 180, 0.13), transparent 68%);
  filter: blur(24px);
  opacity: 0.55;
  pointer-events: none;
  animation: mvf-hall-smoke 13s ease-in-out infinite alternate;
}

.mvf-hall-smoke--one {
  top: 15%;
  left: 18%;
}

.mvf-hall-smoke--two {
  top: 25%;
  right: 13%;
  animation-delay: -6s;
}

.mvf-hall-embers {
  position: absolute;
  right: 42%;
  bottom: 23%;
  width: 16%;
  height: 24%;
  background-image:
    radial-gradient(circle, rgba(255, 194, 102, 0.95) 0 1px, transparent 1.5px),
    radial-gradient(circle, rgba(234, 107, 43, 0.9) 0 1.4px, transparent 1.8px);
  background-position: 12% 80%, 68% 44%;
  background-size: 31px 41px, 43px 37px;
  filter: drop-shadow(0 0 5px rgba(240, 125, 49, 0.7));
  opacity: 0.65;
  animation: mvf-hall-embers 4.8s linear infinite;
  pointer-events: none;
}

.mvf-hall-stage::after {
  position: absolute;
  inset: 0;
  z-index: 9;
  background: transparent;
  content: "";
  opacity: 0;
  pointer-events: none;
  transition: opacity 420ms ease;
}

.mvf-hall-stage[data-mvf-power="odens-eld"]::after {
  background: radial-gradient(circle at 15% 28%, rgba(132, 177, 196, 0.3), transparent 24%);
  opacity: 1;
}

.mvf-hall-stage[data-mvf-power="njord-frej"]::after {
  background: radial-gradient(circle at 84% 46%, rgba(75, 190, 162, 0.24), transparent 25%);
  opacity: 1;
}

.mvf-hall-stage[data-mvf-power="brages-bank"]::after {
  background: radial-gradient(circle at 82% 78%, rgba(238, 167, 77, 0.24), transparent 24%);
  opacity: 1;
}

.mvf-hall-stage[data-mvf-power="forfader"]::after {
  background: radial-gradient(circle at 13% 72%, rgba(188, 204, 214, 0.23), transparent 27%);
  opacity: 1;
}

.mvf-hall-stage[data-mvf-power="eldstaden"]::after {
  background: radial-gradient(circle at 50% 62%, rgba(255, 129, 44, 0.3), transparent 25%);
  opacity: 1;
}

.mvf-hall-stage.is-responding::after {
  animation: mvf-scene-answer 1.05s ease-out;
}

@keyframes mvf-scene-answer {
  0% { opacity: 0.35; }
  34% { opacity: 1; filter: brightness(1.65) saturate(1.25); }
  100% { opacity: 1; filter: none; }
}

@keyframes mvf-hall-smoke {
  from { transform: translate3d(-4%, 3%, 0) scale(0.92); opacity: 0.32; }
  to { transform: translate3d(7%, -5%, 0) scale(1.08); opacity: 0.6; }
}

@keyframes mvf-hall-embers {
  from { transform: translateY(7%) scale(0.94); opacity: 0.25; }
  55% { opacity: 0.75; }
  to { transform: translateY(-18%) scale(1.05); opacity: 0; }
}

.mvf-hall-end {
  position: absolute;
  top: 0;
  bottom: 22%;
  left: 50%;
  width: 42%;
  transform: translateX(-50%) translateZ(-40px);
  background:
    repeating-linear-gradient(90deg, transparent 0 13%, rgba(0, 0, 0, 0.24) 13.4% 14%, transparent 14.4% 27%),
    linear-gradient(180deg, #251b15, #3a2519 58%, #171311);
  clip-path: polygon(50% 0, 100% 38%, 91% 100%, 9% 100%, 0 38%);
  box-shadow: inset 0 0 80px rgba(0, 0, 0, 0.66);
}

.mvf-hall-end::before {
  position: absolute;
  top: 14%;
  bottom: 0;
  left: 50%;
  width: 8px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, #1b120e, #61412c, #1d130f);
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.75);
  content: "";
}

.mvf-hall-wall {
  position: absolute;
  top: 0;
  bottom: 12%;
  width: 42%;
  background:
    repeating-linear-gradient(92deg, rgba(255, 255, 255, 0.018) 0 4%, rgba(0, 0, 0, 0.22) 4.2% 5%, transparent 5.2% 11%),
    linear-gradient(180deg, #181514, #39251a 54%, #171311);
  box-shadow: inset 0 0 70px rgba(0, 0, 0, 0.64);
}

.mvf-hall-wall--left {
  left: 0;
  clip-path: polygon(0 0, 100% 29%, 100% 100%, 0 86%);
}

.mvf-hall-wall--right {
  right: 0;
  clip-path: polygon(0 29%, 100% 0, 100% 86%, 0 100%);
}

.mvf-hall-door {
  position: absolute;
  top: 23%;
  left: 50%;
  z-index: 2;
  width: 10%;
  height: 35%;
  transform: translateX(-50%);
  border: 4px solid #1a100d;
  border-bottom: 0;
  border-radius: 46% 46% 0 0;
  background:
    radial-gradient(ellipse at 50% 78%, #d8e4e8 0, #7a98a7 12%, #263745 37%, #08111b 72%);
  box-shadow: 0 0 32px rgba(96, 148, 167, 0.17), inset 0 0 24px #05090e;
}

.mvf-hall-door::after {
  position: absolute;
  right: -32%;
  bottom: -16%;
  left: -32%;
  height: 24%;
  border-radius: 50%;
  background: rgba(106, 147, 163, 0.12);
  filter: blur(14px);
  content: "";
}

.mvf-hall-floor {
  position: absolute;
  right: -8%;
  bottom: -38%;
  left: -8%;
  height: 77%;
  transform: rotateX(63deg);
  transform-origin: bottom;
  background:
    repeating-linear-gradient(90deg, transparent 0 8.8%, rgba(0, 0, 0, 0.37) 9% 9.6%, transparent 9.8% 18%),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.016) 0 14%, rgba(0, 0, 0, 0.28) 14.4% 15.5%, transparent 16% 30%),
    linear-gradient(180deg, #38261b, #171311);
  box-shadow: inset 0 32px 70px rgba(0, 0, 0, 0.62);
}

.mvf-hall-rafter {
  position: absolute;
  top: -2%;
  left: 50%;
  z-index: 4;
  width: 90%;
  height: 40%;
  transform: translateX(-50%);
  border: solid #241711;
  border-width: 15px 15px 0;
  clip-path: polygon(0 100%, 4% 100%, 50% 14%, 96% 100%, 100% 100%, 54% 0, 46% 0);
  filter: drop-shadow(0 10px 10px rgba(0, 0, 0, 0.55));
  opacity: 0.94;
}

.mvf-hall-rafter--two {
  top: 9%;
  width: 66%;
  height: 31%;
  border-width: 11px 11px 0;
  opacity: 0.82;
}

.mvf-hall-rafter--three {
  top: 18%;
  width: 47%;
  height: 24%;
  border-width: 8px 8px 0;
  opacity: 0.7;
}

.mvf-hall-table {
  position: absolute;
  bottom: 14%;
  z-index: 3;
  width: 37%;
  height: 14%;
  border: 5px solid #22140d;
  background:
    repeating-linear-gradient(0deg, rgba(0, 0, 0, 0.27) 0 4px, transparent 5px 20px),
    linear-gradient(90deg, #3f281a, #68432c 50%, #3a2519);
  box-shadow: 0 16px 22px rgba(0, 0, 0, 0.58), inset 0 1px rgba(255, 210, 146, 0.12);
}

.mvf-hall-table::before,
.mvf-hall-table::after {
  position: absolute;
  bottom: -59%;
  width: 9px;
  height: 62%;
  background: #21150f;
  content: "";
}

.mvf-hall-table::before { left: 14%; }
.mvf-hall-table::after { right: 14%; }
.mvf-hall-table--left { left: -5%; transform: perspective(700px) rotateY(20deg) rotateZ(2deg); }
.mvf-hall-table--right { right: -5%; transform: perspective(700px) rotateY(-20deg) rotateZ(-2deg); }

.mvf-hearth {
  position: absolute;
  bottom: 12%;
  left: 50%;
  z-index: 5;
  width: 18%;
  height: 22%;
  transform: translateX(-50%);
  border-radius: 50%;
  background: radial-gradient(ellipse at 50% 80%, #ffdc8c 0 5%, #e46727 18%, #6d2512 38%, rgba(21, 14, 11, 0.74) 58%, transparent 70%);
  filter: drop-shadow(0 0 24px rgba(230, 103, 37, 0.48));
}

.mvf-hearth::before {
  position: absolute;
  right: 8%;
  bottom: 10%;
  left: 8%;
  height: 26%;
  border: 7px solid #33251e;
  border-radius: 50%;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.7), inset 0 0 13px #000;
  content: "";
}

.mvf-hearth i {
  position: absolute;
  bottom: 24%;
  left: 50%;
  width: 18%;
  height: 54%;
  transform: translateX(-50%) rotate(7deg);
  border-radius: 70% 30% 62% 38%;
  background: linear-gradient(0deg, #ffda7d, #ef7c31 48%, rgba(186, 51, 25, 0.15));
  filter: blur(1px);
  transform-origin: bottom;
  animation: mvf-flame 1.65s ease-in-out infinite alternate;
}

.mvf-hearth i:nth-child(2) {
  left: 38%;
  width: 14%;
  height: 40%;
  animation-delay: -0.7s;
}

.mvf-hearth i:nth-child(3) {
  left: 62%;
  width: 12%;
  height: 34%;
  transform: translateX(-50%) rotate(-9deg);
  animation-delay: -1.15s;
}

.mvf-power-sign {
  position: absolute;
  z-index: 7;
  display: block;
  pointer-events: none;
  transition: opacity 260ms ease, filter 260ms ease, transform 260ms ease;
}

.mvf-power-sign--raven {
  top: 20%;
  left: 19%;
  width: 90px;
  height: 44px;
  opacity: 0.38;
  filter: drop-shadow(0 0 8px rgba(109, 143, 155, 0.24));
}

.mvf-power-sign--raven i,
.mvf-power-sign--raven b {
  position: absolute;
  top: 9px;
  width: 49px;
  height: 22px;
  background: #05070a;
  clip-path: polygon(0 45%, 56% 0, 100% 28%, 60% 48%, 100% 100%, 48% 68%);
}

.mvf-power-sign--raven i {
  left: 0;
  transform: rotate(-8deg);
}

.mvf-power-sign--raven b {
  right: 0;
  transform: scaleX(-1) rotate(-8deg);
}

.mvf-power-sign--thor {
  top: 24%;
  right: 19%;
  width: 68px;
  height: 88px;
  transform: rotate(-7deg);
  opacity: 0.25;
  filter: drop-shadow(0 0 7px rgba(151, 199, 220, 0.3));
}

.mvf-power-sign--thor::before {
  position: absolute;
  top: 0;
  left: 4px;
  width: 58px;
  height: 31px;
  border: 2px solid rgba(184, 215, 225, 0.7);
  border-radius: 3px 3px 9px 9px;
  background: linear-gradient(135deg, rgba(196, 224, 232, 0.16), rgba(24, 35, 42, 0.12));
  content: "";
}

.mvf-power-sign--thor::after {
  position: absolute;
  top: 28px;
  left: 30px;
  width: 9px;
  height: 55px;
  transform: rotate(4deg);
  border-radius: 0 0 4px 4px;
  background: rgba(155, 190, 203, 0.68);
  box-shadow: 0 0 12px rgba(142, 199, 220, 0.28);
  content: "";
}

.mvf-power-sign--wake {
  right: 21%;
  bottom: 19%;
  width: 150px;
  height: 44px;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(104, 166, 178, 0.24), rgba(46, 91, 110, 0.08) 48%, transparent 72%);
  opacity: 0.5;
  filter: blur(2px);
}

.mvf-hall-stage[data-mvf-power="odens-eld"] .mvf-power-sign--raven,
.mvf-hall-stage[data-mvf-power="eldstaden"] .mvf-power-sign--thor,
.mvf-hall-stage[data-mvf-power="njord-frej"] .mvf-power-sign--wake {
  transform: translateY(-4px) scale(1.08);
  opacity: 0.82;
  filter: drop-shadow(0 0 18px rgba(180, 220, 230, 0.48));
}

.mvf-station {
  position: relative;
  display: flex;
  width: 100%;
  min-height: 62px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 10px 12px;
  border: 1px solid rgba(239, 188, 102, 0.55);
  border-radius: 3px;
  background: rgba(8, 9, 10, 0.78);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.42), inset 0 1px rgba(255, 255, 255, 0.06);
  color: #f1e9d8;
  font-size: clamp(0.68rem, 1.2vw, 0.83rem);
  font-weight: 740;
  letter-spacing: 0.025em;
  cursor: pointer;
  backdrop-filter: blur(10px);
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.mvf-station:hover,
.mvf-station[aria-expanded="true"] {
  transform: translateY(-2px);
  border-color: #ffbd68;
  box-shadow: 0 10px 32px rgba(0, 0, 0, 0.46), 0 0 24px rgba(229, 112, 43, 0.2);
}

.mvf-station.is-complete {
  border-color: #e8bf76;
  background: rgba(51, 39, 24, 0.9);
  box-shadow: 0 10px 32px rgba(0, 0, 0, 0.46), 0 0 22px rgba(225, 166, 83, 0.22);
}

.mvf-station.is-complete::after {
  display: grid;
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #d5ae68;
  color: #11100e;
  content: "✓";
  font-size: 0.69rem;
  place-items: center;
}

.mvf-station__flame {
  flex: 0 0 auto;
  width: 10px;
  height: 13px;
  transform: rotate(45deg);
  border-radius: 80% 20% 65% 35%;
  background: #ef8a3b;
  box-shadow: 0 0 10px rgba(239, 138, 59, 0.72);
}

.mvf-station-dock {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  padding: 12px;
  border: 1px solid rgba(213, 174, 104, 0.2);
  border-top: 0;
  background: rgba(7, 9, 12, 0.94);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.26);
}

.mvf-station-panels {
  position: relative;
  z-index: 30;
  width: 100%;
  margin: 14px auto 0;
}

.mvf-station-panel {
  position: relative;
  display: block;
  padding: clamp(24px, 4vw, 42px);
  border: 1px solid rgba(213, 174, 104, 0.32);
  border-top: 3px solid #d36b2d;
  background: rgba(12, 13, 15, 0.97);
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.54);
  backdrop-filter: blur(18px);
}

.mvf-station-panel[hidden] {
  display: none;
}

.mvf-station-panel h3 {
  margin: 18px 0 10px;
}

.mvf-station-panel p {
  max-width: 670px;
  margin: 0;
  color: #a9b1b4;
}

.mvf-scene-copy {
  padding-right: 52px;
}

.mvf-scene-action {
  margin-top: 26px;
  padding-top: 24px;
  border-top: 1px solid rgba(213, 174, 104, 0.18);
}

.mvf-station-panel .mvf-scene-prompt {
  max-width: 760px;
  margin-bottom: 16px;
  color: #e8dcc6;
  font-family: "Iowan Old Style", Georgia, serif;
  font-size: clamp(1.05rem, 2.2vw, 1.35rem);
  line-height: 1.5;
}

.mvf-scene-choices {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.mvf-scene-choices button {
  min-height: 104px;
  padding: 15px;
  border: 1px solid rgba(213, 174, 104, 0.23);
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.025);
  color: #eee8da;
  text-align: left;
  cursor: pointer;
  transition: transform 150ms ease, border-color 150ms ease, background-color 150ms ease;
}

.mvf-scene-choices button:hover {
  transform: translateY(-1px);
  border-color: rgba(213, 174, 104, 0.58);
}

.mvf-scene-choices button[aria-pressed="true"] {
  border-color: #df7b36;
  background:
    radial-gradient(circle at 88% 15%, rgba(240, 154, 74, 0.16), transparent 5rem),
    rgba(133, 61, 28, 0.24);
  box-shadow: inset 0 0 28px rgba(211, 107, 45, 0.08), 0 10px 28px rgba(0, 0, 0, 0.18);
}

.mvf-scene-choices strong,
.mvf-scene-choices small {
  display: block;
}

.mvf-scene-choices strong {
  margin-bottom: 5px;
  color: #f1e9d8;
  font-size: 0.88rem;
}

.mvf-scene-choices small {
  color: #949da0;
  font-size: 0.72rem;
  line-height: 1.42;
}

.mvf-station-panel .mvf-scene-response {
  max-width: 760px;
  min-height: 3.4em;
  margin: 18px 0 14px;
  padding: 12px 14px;
  border-left: 2px solid #d36b2d;
  background: rgba(211, 107, 45, 0.075);
  color: #c7c0b3;
}

.mvf-scene-seal {
  min-height: 46px;
  padding: 10px 18px;
  border: 1px solid #d36b2d;
  border-radius: 3px;
  background: linear-gradient(180deg, #d97432, #9e421f);
  color: #fff;
  font-weight: 760;
  cursor: pointer;
}

.mvf-scene-seal:disabled {
  border-color: rgba(213, 174, 104, 0.16);
  background: #272726;
  color: #74797b;
  cursor: not-allowed;
}

.mvf-panel-close {
  position: absolute;
  top: 18px;
  right: 18px;
  padding: 8px 11px;
  border: 0;
  background: transparent;
  color: #d5ae68;
  font-weight: 700;
  cursor: pointer;
}

.mvf-journey {
  display: grid;
  grid-template-columns: minmax(210px, 0.72fr) minmax(420px, 1.28fr);
  align-items: center;
  gap: 24px 34px;
  margin-top: 28px;
  padding: clamp(22px, 4vw, 34px);
  border: 1px solid rgba(213, 174, 104, 0.18);
  background:
    radial-gradient(circle at 82% 18%, rgba(213, 174, 104, 0.08), transparent 17rem),
    rgba(8, 10, 13, 0.76);
}

.mvf-journey .mvf-eyebrow {
  margin-bottom: 7px;
}

.mvf-journey__status {
  margin: 0;
  color: #a9b1b4;
  font-size: 0.82rem;
}

.mvf-journey__status[data-state="error"] {
  color: #f0a27e;
}

.mvf-journey__sigils {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.mvf-journey__sigils li {
  display: grid;
  justify-items: center;
  gap: 6px;
  color: #686f72;
  font-size: 0.65rem;
  line-height: 1.25;
  text-align: center;
}

.mvf-journey__sigils span {
  display: grid;
  width: 34px;
  height: 34px;
  border: 1px solid #424649;
  transform: rotate(45deg);
  color: transparent;
  place-items: center;
  transition: border-color 220ms ease, box-shadow 220ms ease, background-color 220ms ease;
}

.mvf-journey__sigils li.is-lit {
  color: #d8c8aa;
}

.mvf-journey__sigils li.is-lit span {
  border-color: #e0b66d;
  background: #9f4b25;
  box-shadow: 0 0 20px rgba(234, 126, 53, 0.46), inset 0 0 12px rgba(255, 218, 146, 0.24);
  color: #f6deb1;
}

.mvf-journey__actions {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 18px;
}

.mvf-journey__actions > button {
  padding: 8px 2px;
  border: 0;
  border-bottom: 1px solid rgba(213, 174, 104, 0.38);
  background: transparent;
  color: #9ea6a8;
  font-size: 0.75rem;
  cursor: pointer;
}

.mvf-no-script {
  padding: 14px 18px;
  border-left: 3px solid #d5ae68;
  background: rgba(255, 255, 255, 0.04);
}

.mvf-builder {
  overflow: hidden;
  border: 1px solid rgba(213, 174, 104, 0.2);
  border-radius: 4px;
  background:
    radial-gradient(circle at 85% 8%, rgba(74, 135, 131, 0.08), transparent 26rem),
    rgba(13, 15, 18, 0.94);
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.35);
}

.mvf-quest-intro {
  position: relative;
  overflow: hidden;
  padding: clamp(30px, 5vw, 56px) clamp(24px, 6vw, 68px);
  border-bottom: 1px solid rgba(213, 174, 104, 0.18);
  background:
    linear-gradient(105deg, rgba(7, 10, 14, 0.96), rgba(18, 29, 34, 0.88)),
    #0b0e12;
}

.mvf-quest-intro::after {
  position: absolute;
  right: -2rem;
  bottom: -1.7rem;
  color: rgba(213, 174, 104, 0.07);
  content: "ᚠ ᚢ ᚦ ᚬ ᚱ ᚴ";
  font-family: "Segoe UI Historic", "Noto Sans Runic", serif;
  font-size: clamp(3.2rem, 8vw, 7rem);
  letter-spacing: 0.15em;
  line-height: 1;
  pointer-events: none;
  white-space: nowrap;
}

.mvf-quest-intro h3,
.mvf-quest-intro p {
  position: relative;
  z-index: 1;
}

.mvf-quest-intro h3 {
  max-width: 850px;
  margin-bottom: 14px;
  font-size: clamp(2rem, 4.4vw, 3.8rem);
}

.mvf-quest-intro > p:last-child {
  max-width: 820px;
  margin: 0;
  color: #b6bec0;
}

.mvf-builder__notice {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 16px;
  padding: 14px clamp(20px, 4vw, 42px);
  border-bottom: 1px solid rgba(213, 174, 104, 0.17);
  background: rgba(79, 56, 37, 0.3);
  font-size: 0.78rem;
}

.mvf-builder__notice strong {
  color: #dfbb7d;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.mvf-builder__notice span {
  color: #a9b1b4;
}

.mvf-builder__progress {
  padding: 0 clamp(18px, 4vw, 40px);
  border-bottom: 1px solid rgba(213, 174, 104, 0.12);
  background: #0a0c0f;
}

.mvf-builder__progress ol {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
}

.mvf-builder__progress li {
  position: relative;
}

.mvf-builder__progress li:not(:last-child)::after {
  position: absolute;
  top: 29px;
  right: -14%;
  z-index: 0;
  width: 28%;
  height: 1px;
  background: rgba(213, 174, 104, 0.23);
  content: "";
}

.mvf-builder__progress button {
  position: relative;
  z-index: 1;
  display: flex;
  width: 100%;
  min-height: 78px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 8px;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: #788086;
  cursor: pointer;
}

.mvf-builder__progress button:hover,
.mvf-builder__progress button[aria-current="step"] {
  border-bottom-color: #d36b2d;
  color: #eee8da;
}

.mvf-builder__progress b {
  display: inline-grid;
  width: 30px;
  height: 30px;
  border: 1px solid currentColor;
  border-radius: 50%;
  font-size: 0.72rem;
  place-items: center;
}

.mvf-builder__progress span {
  display: grid;
  gap: 1px;
  text-align: left;
}

.mvf-builder__progress strong {
  color: inherit;
  font-size: 0.74rem;
  font-weight: 760;
  letter-spacing: 0.06em;
  line-height: 1.2;
  text-transform: uppercase;
}

.mvf-builder__progress small {
  color: #7e878b;
  font-size: 0.62rem;
  font-weight: 520;
  letter-spacing: 0.02em;
  line-height: 1.25;
}

.mvf-builder__progress button[aria-current="step"] small {
  color: #d5ae68;
}

.mvf-builder__form {
  min-width: 0;
  padding: clamp(28px, 6vw, 66px);
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.012), transparent 18% 82%, rgba(255, 255, 255, 0.012));
}

.mvf-builder-step {
  min-width: 0;
  padding: 0;
}

.mvf-builder.is-enhanced .mvf-builder-step:not([data-active="true"]) {
  display: none;
}

.mvf-step-heading {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: clamp(18px, 3vw, 34px);
  margin-bottom: 38px;
}

.mvf-step-heading > span {
  color: rgba(213, 174, 104, 0.24);
  font-family: "Iowan Old Style", Georgia, serif;
  font-size: clamp(3.3rem, 8vw, 6.4rem);
  line-height: 0.84;
}

.mvf-step-heading h3 {
  margin-bottom: 10px;
  font-size: clamp(2rem, 4.3vw, 3.65rem);
}

.mvf-step-heading p:last-child {
  max-width: 710px;
  margin: 0;
  color: #a9b1b4;
}

.mvf-step-vision {
  position: relative;
  width: 100%;
  margin: 0 0 clamp(28px, 4vw, 42px);
  overflow: hidden;
  aspect-ratio: 16 / 8.3;
  border: 1px solid rgba(213, 174, 104, 0.28);
  border-radius: 4px;
  background: #070a0e;
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.42);
}

.mvf-step-vision::before,
.mvf-step-vision::after {
  position: absolute;
  inset: 0;
  z-index: 1;
  content: "";
  pointer-events: none;
}

.mvf-step-vision::before {
  background:
    linear-gradient(90deg, rgba(3, 6, 10, 0.24), transparent 54%),
    linear-gradient(180deg, transparent 48%, rgba(3, 5, 8, 0.9) 100%);
}

.mvf-step-vision::after {
  inset: 1px;
  border: 1px solid rgba(255, 227, 173, 0.06);
  box-shadow: inset 0 0 70px rgba(0, 0, 0, 0.28);
}

.mvf-step-vision picture,
.mvf-step-vision img {
  display: block;
  width: 100%;
  height: 100%;
}

.mvf-step-vision img {
  object-fit: cover;
  object-position: center;
  filter: saturate(0.94) contrast(1.05) brightness(0.92);
  transition: transform 900ms ease, filter 500ms ease;
}

.mvf-step-vision:hover img {
  transform: scale(1.018);
  filter: saturate(1) contrast(1.06) brightness(0.96);
}

.mvf-step-vision figcaption {
  position: absolute;
  right: clamp(18px, 4vw, 42px);
  bottom: clamp(17px, 3.5vw, 36px);
  left: clamp(18px, 4vw, 42px);
  z-index: 2;
  display: grid;
  gap: 4px;
  margin: 0;
  text-shadow: 0 4px 24px rgba(0, 0, 0, 0.9);
}

.mvf-step-vision figcaption span {
  color: #e3bd79;
  font-size: 0.7rem;
  font-weight: 780;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.mvf-step-vision figcaption strong {
  max-width: 720px;
  color: #f4edde;
  font-family: "Iowan Old Style", Georgia, serif;
  font-size: clamp(1.25rem, 2.7vw, 2.25rem);
  font-weight: 500;
  letter-spacing: -0.015em;
  line-height: 1.16;
}

.mvf-field-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}

.mvf-field-grid > *,
.mvf-field {
  min-width: 0;
}

.mvf-field--wide {
  grid-column: 1 / -1;
}

.mvf-field {
  display: grid;
  gap: 8px;
  color: #eee8da;
  font-size: 0.84rem;
  font-weight: 680;
}

.mvf-field > span,
.mvf-choice-grid legend,
.mvf-story-list legend {
  margin-bottom: 4px;
  color: #d8c8ab;
  font-size: 0.75rem;
  font-weight: 760;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.mvf-field input,
.mvf-field select,
.mvf-field textarea {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  min-height: 50px;
  padding: 12px 14px;
  border: 1px solid rgba(213, 174, 104, 0.27);
  border-radius: 2px;
  background: #0a0c0f;
  color: #eee8da;
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.22);
}

.mvf-field input[type="date"],
.mvf-field input[type="time"] {
  display: block;
  inline-size: 100%;
  min-inline-size: 0;
  max-inline-size: 100%;
}

.mvf-field textarea {
  min-height: 116px;
  resize: vertical;
}

.mvf-field input:focus,
.mvf-field select:focus,
.mvf-field textarea:focus {
  border-color: #d5ae68;
  outline: 2px solid rgba(213, 174, 104, 0.22);
  outline-offset: 1px;
}

.mvf-field small {
  color: #858e93;
  font-size: 0.72rem;
  font-weight: 450;
}

.mvf-date-oracle small {
  display: block;
  min-height: 3.1em;
  padding: 9px 11px;
  border-left: 2px solid rgba(213, 174, 104, 0.56);
  background: rgba(213, 174, 104, 0.055);
  color: #b9c2c4;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.mvf-choice-grid,
.mvf-story-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
  padding: 0;
  border: 0;
}

.mvf-choice-grid legend,
.mvf-story-list legend {
  grid-column: 1 / -1;
  width: 100%;
  padding: 0 0 6px;
}

.mvf-choice-grid--six {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mvf-choice-grid label,
.mvf-story-list label {
  position: relative;
  cursor: pointer;
}

.mvf-choice-grid input,
.mvf-story-list input {
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 2;
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: #d36b2d;
}

.mvf-choice-grid label > span,
.mvf-story-list label > span {
  display: flex;
  min-height: 98px;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  padding: 17px 14px 17px 44px;
  border: 1px solid rgba(213, 174, 104, 0.2);
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.022);
  transition: border-color 150ms ease, background-color 150ms ease, transform 150ms ease;
}

.mvf-choice-grid label:hover > span,
.mvf-story-list label:hover > span {
  transform: translateY(-1px);
  border-color: rgba(213, 174, 104, 0.5);
}

.mvf-choice-grid input:checked + span,
.mvf-story-list input:checked + span {
  border-color: #d36b2d;
  background:
    radial-gradient(circle at 88% 14%, rgba(240, 154, 74, 0.13), transparent 5rem),
    rgba(133, 61, 28, 0.22);
  box-shadow: inset 0 0 28px rgba(211, 107, 45, 0.06), 0 0 0 1px rgba(211, 107, 45, 0.08), 0 12px 30px rgba(0, 0, 0, 0.18);
}

.mvf-choice-grid strong,
.mvf-story-list strong {
  color: #eee8da;
  font-size: 0.91rem;
}

.mvf-choice-grid small,
.mvf-story-list small {
  color: #929b9f;
  font-size: 0.72rem;
  line-height: 1.4;
}

.mvf-story-list {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-bottom: 24px;
}

.mvf-word-runes label > span {
  padding-right: 50px;
}

.mvf-word-runes i {
  position: absolute;
  top: 10px;
  right: 13px;
  color: rgba(213, 174, 104, 0.34);
  font-family: "Segoe UI Historic", "Noto Sans Runic", serif;
  font-size: 1.55rem;
  font-style: normal;
  line-height: 1;
  text-shadow: 0 0 12px rgba(213, 174, 104, 0.12);
}

.mvf-word-runes input:checked + span i {
  color: #efc77f;
  text-shadow: 0 0 16px rgba(239, 199, 127, 0.4);
}

.mvf-fine-tune {
  margin-top: 26px;
  border: 1px solid rgba(213, 174, 104, 0.2);
  border-radius: 3px;
  background:
    linear-gradient(110deg, rgba(41, 28, 21, 0.42), rgba(8, 11, 15, 0.86));
}

.mvf-fine-tune__title {
  margin: 0;
  padding: 17px 20px;
  border-bottom: 1px solid rgba(213, 174, 104, 0.14);
  color: #e4d6be;
  font-family: Inter, "Segoe UI", sans-serif;
  font-size: 0.8rem;
  font-weight: 720;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.mvf-fine-tune__title::before {
  margin-right: 10px;
  color: #d5ae68;
  content: "ᚦ";
  font-family: "Segoe UI Historic", "Noto Sans Runic", serif;
  font-weight: 400;
}

.mvf-fine-tune > .mvf-field-grid,
.mvf-fine-tune > .mvf-field {
  margin: 0;
  padding: clamp(20px, 3vw, 30px);
}

.mvf-fine-tune > .mvf-field {
  display: grid;
}

.mvf-story-list label > span {
  min-height: 128px;
  justify-content: flex-start;
}

.mvf-builder__navigation {
  display: grid;
  grid-template-columns: minmax(150px, auto) 1fr minmax(150px, auto);
  align-items: center;
  gap: 18px;
  margin-top: 46px;
  padding-top: 24px;
  border-top: 1px solid rgba(213, 174, 104, 0.14);
}

.mvf-builder__navigation > span {
  color: #8e9699;
  font-size: 0.74rem;
  font-weight: 720;
  letter-spacing: 0.08em;
  text-align: center;
  text-transform: uppercase;
}

.mvf-builder__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  margin-top: 22px;
}

.mvf-builder__actions button {
  padding: 8px 2px;
  border: 0;
  border-bottom: 1px solid rgba(213, 174, 104, 0.5);
  background: transparent;
  color: #d5ae68;
  font-size: 0.76rem;
  font-weight: 700;
  cursor: pointer;
}

.mvf-builder__actions button:hover {
  color: #f0cc8b;
}

.mvf-builder__actions button[hidden] {
  display: none;
}

.mvf-builder__status {
  min-height: 1.7em;
  margin: 12px 0 0;
  color: #9ea7aa;
  font-size: 0.78rem;
}

.mvf-builder-summary {
  padding: clamp(26px, 5vw, 50px);
  border: 1px solid rgba(213, 174, 104, 0.28);
  background:
    radial-gradient(circle at 90% 10%, rgba(211, 107, 45, 0.13), transparent 19rem),
    #0b0e12;
}

.mvf-builder-summary[hidden] {
  display: none;
}

.mvf-summary-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 24px;
}

.mvf-summary-card {
  padding: 18px;
  border: 1px solid rgba(213, 174, 104, 0.13);
  background: rgba(255, 255, 255, 0.018);
}

.mvf-summary-card h4 {
  margin-bottom: 8px;
  color: #d5ae68;
  font-family: Inter, "Segoe UI", sans-serif;
  font-size: 0.72rem;
  font-weight: 760;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.mvf-summary-card p,
.mvf-summary-card li {
  color: #b4bbbd;
  font-size: 0.86rem;
}

.mvf-summary-card p:last-child {
  margin-bottom: 0;
}

.mvf-summary-card ul {
  margin: 0;
  padding-left: 1.2rem;
}

.mvf-invitation {
  padding: clamp(24px, 5vw, 46px);
  border: 1px solid rgba(213, 174, 104, 0.22);
  background: #0d1014;
}

.mvf-invitation--locked {
  border-left: 3px solid #d5ae68;
}

.mvf-invitation h2 {
  font-size: clamp(2rem, 5vw, 3.2rem);
}

.mvf-invitation__meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 24px 0;
}

.mvf-invitation__meta div,
.mvf-rsvp-person {
  padding: 16px;
  border: 1px solid rgba(213, 174, 104, 0.15);
  background: rgba(255, 255, 255, 0.02);
}

.mvf-rsvp-list {
  display: grid;
  gap: 12px;
  margin: 24px 0;
}

.mvf-rsvp-person h3 {
  font-size: 1.35rem;
}

.mvf-rsvp-options {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 12px;
}

.mvf-rsvp-person textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid rgba(213, 174, 104, 0.25);
  background: #080a0d;
  color: #eee8da;
}

.mvf-ad-zone {
  padding: 18px;
  border: 1px solid rgba(213, 174, 104, 0.16);
  background: rgba(255, 255, 255, 0.02);
}

.mvf-ad-zone__label {
  display: block;
  margin-bottom: 8px;
  color: #899195;
  font-size: 0.64rem;
  font-weight: 740;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

@keyframes mvf-flame {
  from { transform: translateX(-50%) rotate(5deg) scaleY(0.86); opacity: 0.76; }
  to { transform: translateX(-50%) rotate(-5deg) scaleY(1.12); opacity: 1; }
}

@media (min-width: 701px) {
  .mvf-hall-stage {
    height: auto;
    min-height: 0;
    max-height: none;
    aspect-ratio: 1672 / 941;
  }
}

@media (max-width: 900px) {
  .mvf-station-dock {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .mvf-story-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mvf-choice-grid--six {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .mvf-quest-intro {
    padding: 28px 20px 30px;
  }

  .mvf-quest-intro::after {
    right: -1rem;
    font-size: 3.2rem;
  }

  .mvf-hall-stage {
    height: auto;
    min-height: 0;
    max-height: none;
    aspect-ratio: 16 / 9;
  }

  .mvf-hall-end {
    width: 64%;
  }

  .mvf-hall-wall {
    width: 34%;
  }

  .mvf-hall-door {
    top: 28%;
    width: 17%;
    height: 29%;
  }

  .mvf-hall-table {
    bottom: 16%;
    width: 45%;
  }

  .mvf-hearth {
    bottom: 13%;
    width: 30%;
  }

  .mvf-station {
    max-width: none;
    min-height: 56px;
    padding: 7px 9px;
    font-size: 0.68rem;
  }

  .mvf-station-dock {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 8px;
  }

  .mvf-station-dock .mvf-station:last-child {
    grid-column: 1 / -1;
  }

  .mvf-station-panels {
    width: 100%;
    margin-top: 10px;
  }

  .mvf-station-panel {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .mvf-scene-copy {
    padding-right: 34px;
  }

  .mvf-scene-choices {
    grid-template-columns: 1fr;
  }

  .mvf-scene-choices button {
    min-height: 0;
  }

  .mvf-panel-close {
    top: 12px;
    right: 10px;
  }

  .mvf-journey {
    grid-template-columns: 1fr;
  }

  .mvf-journey__sigils {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mvf-journey__sigils li:last-child {
    grid-column: 1 / -1;
  }

  .mvf-journey__actions {
    align-items: stretch;
    flex-direction: column;
  }

  .mvf-journey__actions .mvf-button {
    width: 100%;
  }

  .mvf-builder__notice {
    grid-template-columns: 1fr;
    gap: 5px;
  }

  .mvf-builder__progress {
    overflow-x: auto;
    padding-inline: 8px;
  }

  .mvf-builder__progress ol {
    min-width: 520px;
  }

  .mvf-builder__progress button {
    min-height: 68px;
  }

  .mvf-builder__form {
    padding: 26px 18px 32px;
  }

  .mvf-step-heading {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .mvf-step-heading > span {
    font-size: 3.1rem;
  }

  .mvf-step-vision {
    margin-bottom: 28px;
    aspect-ratio: 16 / 9;
  }

  .mvf-step-vision figcaption {
    right: 15px;
    bottom: 14px;
    left: 15px;
  }

  .mvf-step-vision figcaption span {
    font-size: 0.61rem;
    letter-spacing: 0.11em;
  }

  .mvf-step-vision figcaption strong {
    font-size: clamp(1rem, 5.2vw, 1.35rem);
  }

  .mvf-field-grid,
  .mvf-choice-grid,
  .mvf-choice-grid--six,
  .mvf-story-list,
  .mvf-summary-grid,
  .mvf-invitation__meta {
    grid-template-columns: 1fr;
  }

  .mvf-builder__navigation {
    grid-template-columns: 1fr 1fr;
  }

  .mvf-builder__navigation > span {
    grid-column: 1 / -1;
    grid-row: 1;
  }

  .mvf-builder__navigation .mvf-button {
    width: 100%;
    padding-inline: 12px;
  }

  /* 0.5.1: keep the time step compact and inside the iOS content edge. */
  .mvf-builder-step[data-mvf-step="0"] .mvf-field-grid {
    gap: 16px;
  }

  .mvf-builder-step[data-mvf-step="0"] .mvf-choice-grid {
    gap: 10px;
  }

  .mvf-builder-step[data-mvf-step="0"] .mvf-choice-grid label > span {
    min-height: 84px;
    padding: 14px 12px 14px 42px;
  }

  .mvf-builder-step[data-mvf-step="0"] .mvf-choice-grid input {
    top: 13px;
    left: 13px;
  }

  .mvf-builder-step[data-mvf-step="0"] .mvf-field {
    gap: 5px;
  }

  .mvf-builder-step[data-mvf-step="0"] .mvf-date-oracle small {
    min-height: 0;
    padding: 8px 10px;
  }

  .mvf-builder-step[data-mvf-step="0"] input[type="date"],
  .mvf-builder-step[data-mvf-step="0"] input[type="time"] {
    box-sizing: border-box;
    width: -webkit-fill-available;
    inline-size: -webkit-fill-available;
    min-width: 0;
    min-inline-size: 0;
    max-width: 100%;
    max-inline-size: 100%;
    -webkit-appearance: none;
    appearance: none;
  }
}

@media (min-width: 360px) and (max-width: 700px) {
  .mvf-builder-step[data-mvf-step="0"] .mvf-choice-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 390px) {
  .mvf-station__label {
    white-space: normal;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mvf-hall-backdrop {
    transform: none !important;
  }

  .mvf-hearth i {
    animation: none;
  }

  .mvf-step-vision:hover img {
    transform: none;
  }
}

@media print {
  .mvf-builder {
    overflow: visible;
    border: 0;
    background: white;
    box-shadow: none;
  }

  .mvf-builder__notice,
  .mvf-builder__progress,
  .mvf-builder-step {
    display: none !important;
  }

  .mvf-builder-summary {
    display: block !important;
    padding: 0;
    border: 0;
    background: white;
  }

  .mvf-summary-card {
    break-inside: avoid;
    border-color: #bbb;
    background: white;
  }

  .mvf-summary-card h4,
  .mvf-summary-card p,
  .mvf-summary-card li {
    color: #111;
  }
}

/* ================================================================
 * Experience Lift 0.4.0 — living hall + standalone Five Powers
 * Progressive layer: semantic HTML and existing images remain usable.
 * ================================================================ */

.mvf-hall-webgl {
  position: absolute;
  inset: 0;
  z-index: 7;
  width: 100%;
  height: 100%;
  pointer-events: none;
  mix-blend-mode: screen;
}

.mvf-hall-webgl[hidden] { display: none; }

.mvf-hall-hotspots {
  position: absolute;
  inset: 0;
  z-index: 11;
  pointer-events: none;
}

.mvf-hall-hotspots span {
  position: absolute;
  width: 28px;
  height: 28px;
  border: 1px solid rgba(238, 190, 110, .66);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 219, 151, .9) 0 7%, rgba(214, 116, 49, .48) 11% 31%, transparent 58%);
  box-shadow: 0 0 28px rgba(226, 128, 55, .42);
  opacity: .72;
  transform: translate(-50%, -50%);
  pointer-events: auto;
  cursor: pointer;
  transition: transform 220ms ease, opacity 220ms ease, box-shadow 220ms ease;
}

.mvf-hall-hotspots span:hover {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.22);
  box-shadow: 0 0 42px rgba(245, 159, 74, .62);
}

.mvf-hall-hotspots [data-mvf-hall-hotspot="odens-eld"] { left: 19%; top: 30%; }
.mvf-hall-hotspots [data-mvf-hall-hotspot="njord-frej"] { left: 80%; top: 45%; }
.mvf-hall-hotspots [data-mvf-hall-hotspot="brages-bank"] { left: 79%; top: 72%; }
.mvf-hall-hotspots [data-mvf-hall-hotspot="forfader"] { left: 17%; top: 71%; }
.mvf-hall-hotspots [data-mvf-hall-hotspot="eldstaden"] { left: 50%; top: 61%; }

.mvf-powers {
  --power-x: 0;
  --power-y: 0;
}

.mvf-powers__prologue {
  max-width: 820px;
  margin: 0 auto 30px;
  color: #d8cdb9;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.02rem, 2vw, 1.24rem);
  line-height: 1.65;
  text-align: center;
}

.mvf-power-gates {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 14px;
}

.mvf-power-gate {
  min-width: 0;
  padding: 15px 12px 14px;
  border: 1px solid rgba(217, 177, 104, .19);
  background: linear-gradient(180deg, rgba(21, 23, 27, .96), rgba(8, 10, 12, .98));
  color: #d9c8ac;
  text-align: left;
  cursor: pointer;
  box-shadow: inset 0 1px rgba(255,255,255,.02);
  transition: border-color 180ms ease, transform 180ms ease, background 180ms ease;
}

.mvf-power-gate strong,
.mvf-power-gate span { display: block; }

.mvf-power-gate strong {
  margin-bottom: 5px;
  color: #f0d7a4;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.02rem;
  letter-spacing: .03em;
}

.mvf-power-gate span {
  color: #9c9588;
  font-size: .72rem;
  line-height: 1.35;
}

.mvf-power-gate[aria-pressed="true"] {
  border-color: rgba(235, 188, 104, .74);
  background: linear-gradient(180deg, rgba(55, 43, 31, .98), rgba(13, 14, 16, .98));
  box-shadow: inset 0 0 34px rgba(212, 124, 55, .08), 0 10px 34px rgba(0,0,0,.28);
}

.mvf-power-scenes {
  position: relative;
  min-height: 760px;
}

.mvf-power-scene[hidden] { display: none; }

.mvf-power-scene {
  outline: none;
  animation: mvf-power-reveal 620ms cubic-bezier(.18,.7,.2,1) both;
}

.mvf-power-stage {
  --power-x: 0;
  --power-y: 0;
  position: relative;
  min-height: clamp(520px, 62vw, 750px);
  overflow: hidden;
  isolation: isolate;
  border: 1px solid rgba(223, 178, 98, .25);
  background: #080a0c;
  box-shadow: 0 42px 100px rgba(0,0,0,.52), inset 0 0 110px rgba(0,0,0,.48);
}

.mvf-power-stage::before,
.mvf-power-stage::after {
  position: absolute;
  inset: 0;
  z-index: 5;
  content: "";
  pointer-events: none;
}

.mvf-power-stage::before {
  background: linear-gradient(90deg, rgba(3,5,7,.84) 0, rgba(3,5,7,.33) 38%, transparent 64%), linear-gradient(180deg, rgba(3,5,8,.28), transparent 42%, rgba(3,5,8,.72));
}

.mvf-power-stage::after {
  z-index: 8;
  opacity: 0;
  background: radial-gradient(circle at 62% 44%, rgba(247,203,132,.28), transparent 28%);
}

.mvf-power-scene.is-deciding .mvf-power-stage::after { animation: mvf-power-answer 1s ease-out; }

.mvf-power-stage__media,
.mvf-power-stage__media img,
.mvf-power-stage__world {
  position: absolute;
  inset: -2%;
  width: 104%;
  height: 104%;
}

.mvf-power-stage__media img {
  object-fit: cover;
  object-position: center;
  transform: translate3d(calc(var(--power-x) * -8px), calc(var(--power-y) * -5px), 0) scale(1.025);
  filter: brightness(.69) saturate(.84) contrast(1.08);
  transition: transform 650ms cubic-bezier(.2,.7,.2,1);
}

.mvf-power-stage__copy {
  position: absolute;
  z-index: 12;
  left: clamp(22px, 5vw, 72px);
  bottom: clamp(28px, 7vw, 78px);
  width: min(590px, calc(100% - 44px));
  text-shadow: 0 3px 18px rgba(0,0,0,.92);
}

.mvf-power-status {
  display: inline-block;
  margin-bottom: 18px;
  padding: 6px 9px;
  border: 1px solid rgba(220,190,139,.3);
  background: rgba(5,7,9,.74);
  color: #cabfae;
  font-size: .7rem;
  letter-spacing: .075em;
  text-transform: uppercase;
}

.mvf-power-stage__copy h3 {
  margin: 0 0 10px;
  color: #f0d7a4;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(3.2rem, 8vw, 7.3rem);
  font-weight: 400;
  line-height: .86;
  letter-spacing: -.035em;
}

.mvf-power-question {
  max-width: 590px;
  margin: 18px 0 0;
  color: #f2eadc;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.22rem, 2.4vw, 1.75rem);
  line-height: 1.42;
  text-wrap: balance;
}

.mvf-power-decision {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(300px, .95fr);
  gap: 14px;
  margin-top: 14px;
}

.mvf-power-choice-list,
.mvf-power-result {
  border: 1px solid rgba(216,174,101,.18);
  background: linear-gradient(180deg, rgba(20,20,21,.96), rgba(9,10,11,.98));
}

.mvf-power-choice-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mvf-power-choice-list button {
  min-height: 116px;
  padding: 20px 18px;
  border: 0;
  border-right: 1px solid rgba(216,174,101,.15);
  background: transparent;
  color: #d8cdbb;
  cursor: pointer;
  text-align: left;
}

.mvf-power-choice-list button:last-child { border-right: 0; }

.mvf-power-choice-list button strong {
  display: block;
  color: #e8d0a0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1rem;
  line-height: 1.3;
}

.mvf-power-choice-list button[aria-pressed="true"] {
  background: radial-gradient(circle at 50% 110%, rgba(208,109,45,.22), transparent 58%), rgba(255,255,255,.025);
  box-shadow: inset 0 -2px #c98945;
}

.mvf-power-result {
  padding: 20px 22px;
  color: #c9c0b0;
  line-height: 1.55;
}

.mvf-power-result__label {
  margin: 0 0 8px;
  color: #d9a958;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.mvf-power-result [data-mvf-power-result-output] { min-height: 3.2em; margin: 0 0 16px; }
.mvf-power-result__actions { display: flex; flex-wrap: wrap; gap: 8px; }
.mvf-power-result__actions .mvf-button { width: auto; min-height: 42px; padding: 10px 13px; font-size: .76rem; }
.mvf-power-result__actions .mvf-button:disabled { opacity: .42; cursor: not-allowed; }
.mvf-power-soundtext,
.mvf-power-privacy { margin: 12px 0 0; color: #8f8a80; font-size: .72rem; line-height: 1.48; }

/* Power-specific procedural fallbacks remain available if a canonical image is removed. */
.mvf-power-stage__world {
  z-index: 1;
  overflow: hidden;
}

.mvf-power-stage__world::before,
.mvf-power-stage__world::after,
.mvf-power-stage__world span,
.mvf-power-stage__world i,
.mvf-power-stage__world b {
  position: absolute;
  content: "";
  display: block;
  pointer-events: none;
}

.mvf-power-scene--skade .mvf-power-stage__world {
  background: radial-gradient(circle at 72% 19%, rgba(214,227,230,.18), transparent 22%), linear-gradient(180deg,#101a22 0 46%,#14212a 47%,#080d12 100%);
}
.mvf-power-scene--skade .mvf-power-stage__world::before {
  left: -8%; right: -8%; bottom: 19%; height: 58%;
  background: linear-gradient(135deg, transparent 0 21%, #1a2429 21.3% 35%, transparent 35.3%), linear-gradient(42deg, transparent 0 35%, #222e32 35.3% 49%, transparent 49.3%), linear-gradient(140deg, transparent 0 54%, #111b21 54.3% 70%, transparent 70.3%);
  filter: drop-shadow(0 -8px 14px rgba(168,197,206,.08));
}
.mvf-power-scene--skade .mvf-power-stage__world::after { inset: auto 0 0; height: 28%; background: linear-gradient(172deg, rgba(162,192,201,.12), transparent 22%), #071017; }
.mvf-power-scene--skade .mvf-power-stage__world span { right: 8%; bottom: 13%; width: 62%; height: 16%; background: repeating-linear-gradient(174deg, rgba(215,229,231,.11) 0 1px, transparent 1px 13px); transform: skewX(-16deg); }

.mvf-power-scene--hel .mvf-power-stage__world {
  background: radial-gradient(circle at 67% 51%, rgba(214,152,71,.14), transparent 18%), linear-gradient(90deg,#08110f 0 49.5%,#090b0f 50.5% 100%);
}
.mvf-power-scene--hel .mvf-power-stage__world::before { inset: 0; background: repeating-radial-gradient(ellipse at 68% 106%, transparent 0 40px, rgba(138,150,129,.08) 42px 45px, transparent 47px 82px); transform: scaleX(1.35); }
.mvf-power-scene--hel .mvf-power-stage__world::after { left: 0; right: 0; bottom: 0; height: 32%; background: linear-gradient(180deg, transparent, rgba(4,8,9,.35)), repeating-linear-gradient(176deg, rgba(200,214,205,.055) 0 1px, transparent 1px 22px); }
.mvf-power-scene--hel .mvf-power-stage__world span { right: 23%; top: 29%; width: 9px; height: 37%; background: linear-gradient(#a26b35,#5a3c25); box-shadow: 0 0 28px 13px rgba(220,145,65,.11); }

.mvf-power-scene--loke .mvf-power-stage__world {
  background: radial-gradient(circle at 69% 32%, rgba(187,94,48,.12), transparent 23%), linear-gradient(170deg,#0a1518 0 56%,#02070a 57% 100%);
}
.mvf-power-scene--loke .mvf-power-stage__world::before { inset: 8% 4% 29% 46%; background: repeating-linear-gradient(21deg, transparent 0 19px, rgba(118,142,139,.16) 20px 21px), repeating-linear-gradient(111deg, transparent 0 25px, rgba(118,142,139,.13) 26px 27px); transform: perspective(500px) rotateY(-13deg); }
.mvf-power-scene--loke .mvf-power-stage__world::after { left: 0; right: 0; bottom: 0; height: 44%; background: linear-gradient(168deg, transparent 0 43%, rgba(157,189,184,.12) 43.3% 44%, transparent 44.3%), linear-gradient(8deg, transparent 0 67%, rgba(158,181,176,.09) 67.3% 68%, transparent 68.3%), #03090d; }
.mvf-power-scene--loke .mvf-power-stage__world span { right: 31%; bottom: 21%; width: 8px; height: 8px; border-radius: 50%; background: #ec7b38; box-shadow: 0 0 18px 8px rgba(236,103,45,.34); }

.mvf-power-presence {
  position: absolute;
  z-index: 4;
  right: clamp(3%, 8vw, 12%);
  bottom: 0;
  width: min(42vw, 520px);
  height: 84%;
  pointer-events: none;
  transform: translate3d(calc(var(--power-x) * 7px), calc(var(--power-y) * 3px), 0);
  transition: transform 650ms cubic-bezier(.2,.7,.2,1);
}

.mvf-power-stage__media + .mvf-power-presence { opacity: 0; }

.mvf-power-scene--freja .mvf-power-presence,
.mvf-power-scene--oden .mvf-power-presence { opacity: 0; }

.mvf-power-presence::before,
.mvf-power-presence::after,
.mvf-power-presence span,
.mvf-power-presence i,
.mvf-power-presence b {
  position: absolute;
  content: "";
  display: block;
}

.mvf-power-presence::before {
  left: 34%; top: 10%; width: 32%; aspect-ratio: .78;
  border-radius: 46% 46% 42% 42%;
  background: #090b0d;
  box-shadow: 0 0 55px rgba(0,0,0,.86);
}
.mvf-power-presence::after { left: 9%; right: 7%; bottom: -5%; height: 68%; background: linear-gradient(90deg,#07090b,#15171a 47%,#090b0d); clip-path: polygon(38% 0,62% 0,88% 18%,100% 100%,0 100%,12% 18%); }

.mvf-power-scene--skade .mvf-power-presence span { left: 4%; top: 8%; width: 5px; height: 80%; background: #2c231b; transform: rotate(7deg); box-shadow: 0 0 0 1px rgba(174,151,112,.13); }
.mvf-power-scene--skade .mvf-power-presence i { left: -6%; top: 14%; width: 32%; aspect-ratio: 1; border: 2px solid rgba(100,80,56,.75); border-radius: 50%; border-right-color: transparent; transform: rotate(23deg); }
.mvf-power-scene--skade .mvf-power-presence b { right: 7%; bottom: 8%; width: 34%; height: 18%; background: #0d1113; clip-path: polygon(0 65%,22% 29%,45% 43%,72% 9%,100% 51%,84% 100%,18% 100%); }

.mvf-power-scene--hel .mvf-power-presence::before { background: linear-gradient(90deg,#6f5038 0 49%,#879195 50% 100%); filter: brightness(.38); }
.mvf-power-scene--hel .mvf-power-presence span { right: 3%; top: 42%; width: 17%; aspect-ratio: .72; border: 1px solid rgba(192,132,68,.65); background: radial-gradient(circle at 50% 45%,rgba(241,169,79,.72),rgba(93,55,25,.56) 32%,#101315 67%); box-shadow: 0 0 30px rgba(223,143,61,.22); }
.mvf-power-scene--hel .mvf-power-presence i { left: -4%; top: 39%; width: 30%; height: 3px; background: rgba(219,223,213,.24); transform: rotate(-7deg); box-shadow: 17px 13px rgba(219,223,213,.13),31px 28px rgba(219,223,213,.08); }

.mvf-power-scene--loke .mvf-power-presence { right: 4%; transform: translate3d(calc(var(--power-x) * 11px), calc(var(--power-y) * 5px),0) rotate(-3deg); }
.mvf-power-scene--loke .mvf-power-presence::before { background: #120b09; box-shadow: -18px -8px 0 -10px #3f211a, 18px -9px 0 -10px #51291d,0 0 60px rgba(0,0,0,.9); }
.mvf-power-scene--loke .mvf-power-presence span { left: -8%; top: 46%; width: 66%; height: 41%; background: repeating-linear-gradient(28deg,transparent 0 17px,rgba(125,151,145,.25) 18px 19px),repeating-linear-gradient(118deg,transparent 0 21px,rgba(125,151,145,.18) 22px 23px); transform: skewY(8deg); }
.mvf-power-scene--loke .mvf-power-presence i { left: 41%; top: 24%; width: 38%; height: 2px; background: rgba(189,101,64,.36); transform: rotate(-14deg); }

@keyframes mvf-power-reveal {
  from { opacity: 0; transform: translateY(12px); filter: brightness(.72); }
  to { opacity: 1; transform: none; filter: none; }
}

@keyframes mvf-power-answer {
  0% { opacity: 0; }
  30% { opacity: 1; }
  100% { opacity: 0; }
}

@media (hover:hover) and (pointer:fine) {
  .mvf-power-gate:hover { transform: translateY(-2px); border-color: rgba(225,181,101,.52); }
  .mvf-power-choice-list button:hover { background: rgba(255,255,255,.035); }
}

@media (max-width: 900px) {
  .mvf-power-gates { grid-template-columns: repeat(5, minmax(110px,1fr)); overflow-x: auto; padding-bottom: 8px; scrollbar-width: thin; }
  .mvf-power-decision { grid-template-columns: 1fr; }
  .mvf-power-scenes { min-height: 0; }
}

@media (max-width: 700px) {
  .mvf-hall-hotspots span { width: 23px; height: 23px; }
  .mvf-power-stage { min-height: 600px; }
  .mvf-power-stage::before { background: linear-gradient(180deg,rgba(3,5,7,.25) 0 34%,rgba(3,5,7,.85) 73%,#050709 100%); }
  .mvf-power-stage__media img { object-position: 63% center; transform: scale(1.035); }
  .mvf-power-stage__copy { left: 20px; right: 20px; bottom: 24px; width: auto; }
  .mvf-power-stage__copy h3 { font-size: clamp(3.2rem,17vw,5.3rem); }
  .mvf-power-question { font-size: 1.14rem; }
  .mvf-power-status { font-size: .61rem; }
  .mvf-power-choice-list { grid-template-columns: 1fr; }
  .mvf-power-choice-list button { min-height: 0; border-right: 0; border-bottom: 1px solid rgba(216,174,101,.14); }
  .mvf-power-choice-list button:last-child { border-bottom: 0; }
  .mvf-power-presence { width: 72vw; height: 77%; right: -7%; opacity: .83; }
  .mvf-power-result__actions { display: grid; }
  .mvf-power-result__actions .mvf-button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .mvf-hall-webgl { display: none !important; }
  .mvf-hall-hotspots span,
  .mvf-power-scene,
  .mvf-power-stage__media img,
  .mvf-power-presence,
  .mvf-power-gate { animation: none !important; transition: none !important; transform: none !important; }
}

/* Experience Lift 0.4.1 — guided handoff + real MP3 scene audio */
.mvf-journey__actions {
  gap: .75rem;
  flex-wrap: wrap;
}
.mvf-journey__skip,
.mvf-powers__skip {
  color: var(--mvf-muted, #b9b4aa);
  font-size: .9rem;
  text-decoration-color: rgba(201, 158, 91, .45);
  text-underline-offset: .25em;
}
.mvf-powers__journey {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  margin: 0 0 1rem;
  padding: .8rem 1rem;
  border: 1px solid rgba(201, 158, 91, .22);
  background: rgba(8, 10, 11, .7);
}
.mvf-powers__journey span {
  color: var(--mvf-gold, #d3aa67);
  font-weight: 700;
}
.mvf-powers__journey small {
  color: var(--mvf-muted, #aaa69e);
}
.mvf-power-gate.is-complete {
  box-shadow: inset 0 0 0 1px rgba(211, 170, 103, .5), 0 0 22px rgba(185, 108, 45, .12);
}
.mvf-power-gate.is-complete::after {
  content: 'Förseglad';
  display: block;
  margin-top: .35rem;
  color: var(--mvf-gold, #d3aa67);
  font-size: .68rem;
  letter-spacing: .11em;
  text-transform: uppercase;
}
.mvf-powers__final {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
  flex-wrap: wrap;
  margin-top: 1.1rem;
  padding-top: 1.1rem;
  border-top: 1px solid rgba(201, 158, 91, .2);
}
[data-mvf-power-sound][disabled] {
  opacity: .6;
  cursor: not-allowed;
}
@media (max-width: 700px) {
  .mvf-powers__journey,
  .mvf-powers__final {
    align-items: stretch;
    flex-direction: column;
  }
  .mvf-powers__final .mvf-button {
    width: 100%;
    text-align: center;
  }
}


/* Experience Lift 0.4.2 — source-grounded practical reconstruction notes */
.mvf-history-note {
  margin: 18px 0 22px;
  border: 1px solid rgba(213, 174, 104, 0.18);
  border-radius: 3px;
  background: rgba(9, 12, 15, 0.72);
}

.mvf-history-note summary {
  position: relative;
  padding: 16px 46px 16px 18px;
  color: var(--mvf-bone, #eee8da);
  font-weight: 760;
  cursor: pointer;
  list-style: none;
}

.mvf-history-note summary::-webkit-details-marker {
  display: none;
}

.mvf-history-note summary::after {
  position: absolute;
  top: 50%;
  right: 18px;
  color: var(--mvf-gold, #d5ae68);
  content: "+";
  font-size: 1.25rem;
  transform: translateY(-50%);
}

.mvf-history-note[open] summary::after {
  content: "−";
}

.mvf-history-note__body {
  display: grid;
  gap: 12px;
  padding: 0 18px 18px;
  border-top: 1px solid rgba(213, 174, 104, 0.1);
}

.mvf-history-note__body p {
  margin: 14px 0 0;
  color: rgba(238, 232, 218, 0.74);
  line-height: 1.66;
}

.mvf-history-note__body strong {
  color: var(--mvf-bone, #eee8da);
}

.mvf-history-note__body a {
  justify-self: start;
  color: var(--mvf-gold, #d5ae68);
  font-size: 0.86rem;
  font-weight: 720;
  text-underline-offset: 0.2em;
}

/* Experience Lift 0.5.0 — six immersive stories, then sources and action. */
.mvf-stories__invitation {
  max-width: 760px;
  margin: 0 auto 24px;
  color: rgba(238, 232, 218, .72);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.02rem, 1.7vw, 1.24rem);
  line-height: 1.65;
  text-align: center;
}

.mvf-stories__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.mvf-story {
  scroll-margin-top: 96px;
  border: 1px solid rgba(213, 174, 104, .19);
  background:
    radial-gradient(circle at 88% 12%, rgba(191, 110, 53, .09), transparent 10rem),
    linear-gradient(155deg, rgba(16, 20, 22, .98), rgba(5, 8, 10, .98));
  box-shadow: inset 0 0 80px rgba(0, 0, 0, .2), 0 20px 50px rgba(0, 0, 0, .2);
}

.mvf-story[open] {
  grid-column: 1 / -1;
  border-color: rgba(218, 172, 92, .43);
  box-shadow: inset 0 0 110px rgba(0, 0, 0, .25), 0 34px 80px rgba(0, 0, 0, .42);
}

.mvf-story > summary {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr) auto;
  gap: 17px;
  align-items: center;
  min-height: 170px;
  padding: 24px;
  color: #eee8da;
  cursor: pointer;
  list-style: none;
}

.mvf-story > summary::-webkit-details-marker { display: none; }
.mvf-story > summary::marker { content: ""; }
.mvf-story > summary:focus-visible { outline: 3px solid #e2b163; outline-offset: 3px; }

.mvf-story__sigil {
  display: grid;
  width: 54px;
  height: 70px;
  place-items: center;
  border: 1px solid rgba(219, 177, 103, .26);
  background: rgba(4, 7, 9, .62);
  color: #d9ad67;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.75rem;
  box-shadow: inset 0 0 26px rgba(206, 116, 50, .07);
}

.mvf-story__summary-copy { display: grid; gap: 8px; }

.mvf-story__meta {
  color: #b98250;
  font-size: .69rem;
  font-weight: 760;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.mvf-story__summary-copy strong {
  color: #f0d9ad;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.45rem, 2.3vw, 2.15rem);
  font-weight: 520;
  line-height: 1.08;
}

.mvf-story__summary-copy > span:last-child {
  max-width: 620px;
  color: rgba(238, 232, 218, .68);
  line-height: 1.55;
}

.mvf-story__open {
  color: #c59a59;
  font-size: .69rem;
  font-weight: 760;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.mvf-story__open::after { content: " +"; }
.mvf-story[open] .mvf-story__open::after { content: " −"; }

.mvf-story__reader {
  border-top: 1px solid rgba(213, 174, 104, .14);
  background:
    linear-gradient(90deg, rgba(0, 0, 0, .42), transparent 24%, transparent 76%, rgba(0, 0, 0, .42)),
    radial-gradient(circle at 50% 0, rgba(183, 102, 47, .07), transparent 34rem);
}

.mvf-story__scene {
  max-width: 780px;
  margin: 0 auto;
  padding: clamp(38px, 7vw, 86px) clamp(24px, 5vw, 58px);
}

.mvf-story__scene p {
  margin: 0 0 1.35em;
  color: rgba(242, 236, 225, .9);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.08rem, 1.8vw, 1.27rem);
  line-height: 1.82;
}

.mvf-story__scene p:first-child::first-letter {
  float: left;
  margin: .08em .12em 0 0;
  color: #d7a55b;
  font-size: 4.1em;
  line-height: .76;
}

.mvf-story__afterword {
  display: grid;
  gap: 20px;
  padding: clamp(24px, 4vw, 42px);
  border-top: 1px solid rgba(213, 174, 104, .14);
  background: rgba(5, 8, 10, .86);
}

.mvf-story__sources {
  max-width: 900px;
}

.mvf-story__sources p {
  margin: 14px 0;
  color: rgba(238, 232, 218, .7);
  line-height: 1.65;
}

.mvf-story__sources ul {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.mvf-story__sources a {
  color: #d7ab67;
  font-size: .86rem;
  font-weight: 700;
  text-underline-offset: .2em;
}

.mvf-story__sources a span { color: #8d887f; font-weight: 500; }

.mvf-story__plan-choice {
  max-width: 900px;
  padding: 15px 17px;
  border-left: 3px solid #c97736;
  background: rgba(201, 119, 54, .08);
}

.mvf-story__plan-choice strong {
  display: block;
  margin-bottom: 5px;
  color: #eadbc3;
}

.mvf-story__plan-choice p {
  margin: 0;
  color: rgba(238, 232, 218, .78);
  font-size: .9rem;
  line-height: 1.6;
}

.mvf-story__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.mvf-story__actions .mvf-button {
  width: auto;
  min-height: 44px;
  padding: 11px 15px;
}

.mvf-story__actions .mvf-button:disabled { opacity: .5; cursor: not-allowed; }
.mvf-story__player {
  display: grid;
  grid-template-columns: auto auto minmax(160px, 1fr);
  gap: 10px;
  align-items: center;
  width: 100%;
  padding: 12px;
  border: 1px solid rgba(205, 157, 89, .2);
  border-radius: 12px;
  background: rgba(7, 8, 8, .42);
}
.mvf-story__player .mvf-button--quiet {
  border: 1px solid rgba(219, 205, 180, .18);
  background: transparent;
  color: #c8c0b3;
}
.mvf-story__volume {
  display: grid;
  grid-template-columns: auto minmax(90px, 1fr);
  gap: 9px;
  align-items: center;
  color: #b9b1a3;
  font-size: .82rem;
  font-weight: 700;
}
.mvf-story__volume input {
  width: 100%;
  min-height: 32px;
  accent-color: #c9914f;
}
.mvf-story__actions > a { color: #cfa25f; font-weight: 720; text-underline-offset: .22em; }
.mvf-story__status { min-height: 1.4em; margin: 0; color: #b9b1a3; font-size: .84rem; }

@media (max-width: 760px) {
  .mvf-stories__grid { grid-template-columns: 1fr; }
  .mvf-story[open] { grid-column: auto; }
  .mvf-story > summary {
    grid-template-columns: 46px minmax(0, 1fr);
    min-height: 0;
    padding: 19px 17px;
  }
  .mvf-story__sigil { width: 44px; height: 58px; font-size: 1.35rem; }
  .mvf-story__open { grid-column: 2; }
  .mvf-story__scene { padding: 38px 21px; }
  .mvf-story__scene p { font-size: 1.05rem; line-height: 1.74; }
  .mvf-story__afterword { padding: 22px 18px; }
  .mvf-story__actions { display: grid; }
  .mvf-story__actions .mvf-button { width: 100%; }
  .mvf-story__player { grid-template-columns: 1fr 1fr; }
  .mvf-story__player { width: calc(100% - 28px); margin-top: 18px; }
  .mvf-story__volume { grid-column: 1 / -1; }
}

@media (prefers-reduced-motion: reduce) {
  .mvf-story,
  .mvf-story > summary { scroll-behavior: auto; transition: none; }
}
/* A continuous journey, with room for the story and reachable controls. */
html { scroll-padding-top: 110px; scroll-padding-bottom: 180px; }
body:has(.mvf-route) { padding-bottom: 150px; }
.mvf-route { position:fixed; z-index:850; left:18px; bottom:18px; width:min(390px,calc(100vw - 36px)); color:#eee4d1; background:rgba(14,17,20,.98); border:1px solid #8a6842; border-radius:10px; box-shadow:0 10px 40px #0009; overflow:hidden; font-size:14px; }
.mvf-route[hidden], .mvf-route [hidden], .mvf-scene-nav [hidden], .mvf-builder-step[hidden], .mvf-power-scene[hidden] { display:none!important; }
.mvf-route button { color:inherit; font:inherit; cursor:pointer; min-height:44px; }
.mvf-route__toggle { width:100%; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:12px 16px; border:0; background:#1f2428; text-align:left; font-weight:700!important; }
.mvf-route__toggle span { color:#d4b47d; font-size:12px; font-weight:400; }
.mvf-route__resume { display:block; width:100%; border:0; border-top:1px solid #7c603a; text-align:left; padding:12px 16px; color:#f5dfb1!important; background:#30261d; }
#mvf-route-list { max-height:55vh; overflow-y:auto; padding:10px 14px; overscroll-behavior:contain; }
#mvf-route-list p { margin:6px 0 12px; color:#c4c8c9; font-size:13px; line-height:1.5; }
#mvf-route-list ol { margin:0; padding:0; list-style:none; }
#mvf-route-list li { margin:0; padding:0; }
#mvf-route-list button { width:100%; display:flex; align-items:center; justify-content:space-between; gap:8px; background:transparent; border:0; border-bottom:1px solid #fff1; border-radius:4px; padding:9px 8px; text-align:left; }
#mvf-route-list button small { color:#b8b8ad; white-space:nowrap; font-size:11px; }
#mvf-route-list [data-state="done"] small { color:#aacfaa; }
#mvf-route-list [aria-current="step"] { background:#49341f; box-shadow:inset 3px 0 #d1a261; }
#mvf-route-list .mvf-route__chapter { color:#d9b37a; text-transform:uppercase; letter-spacing:.1em; font-size:11px; padding:15px 8px 5px; }
.mvf-route button:focus-visible,.mvf-scene-nav button:focus-visible,.mvf-selected-stories button:focus-visible { outline:2px solid #ffda8e; outline-offset:-3px; }
.mvf-scene-purpose { color:#dbbd87!important; border-left:2px solid #b7884f; padding-left:14px; margin:0 0 18px; font-size:.9rem; max-width:750px!important; }
.mvf-station-panel { scroll-margin-top:100px; padding-top:30px; }
.mvf-panel-close { position:static; display:block; margin:18px 0 0; min-height:44px; }
.mvf-scene-nav { display:flex; flex-wrap:wrap; gap:12px; align-items:center; padding-top:22px; margin-top:22px; border-top:1px solid #c39a593d; }
.mvf-scene-nav button:not(.mvf-button),.mvf-selected-stories button { min-height:44px; padding:10px 14px; background:#1e2427; border:1px solid #b8996855; border-radius:4px; color:#efdfc5; cursor:pointer; }
.mvf-scene-nav .mvf-button { margin-left:auto; }
.mvf-scene-choices { margin-top:16px; }
.mvf-scene-response { background:#11191d; border-left:3px solid #af8c55; padding:16px; color:#eee5d5!important; line-height:1.6; }
.mvf-powers.is-enhanced .mvf-power-scene.is-active { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,1fr); gap:24px; align-items:start; }
.mvf-power-stage { min-height:600px; }
.mvf-power-stage__copy { left:24px; bottom:30px; width:calc(100% - 48px); }
.mvf-power-stage__copy h3 { font-size:clamp(3rem,6vw,5rem); }
.mvf-power-stage__copy .mvf-power-question { display:none; }
.mvf-power-decision { display:flex; flex-direction:column; gap:12px; margin-top:0; }
.mvf-power-choice-question { font-family:Georgia,serif; color:#f1dfbd; font-size:clamp(1.25rem,2vw,1.7rem); line-height:1.4; margin:0 0 6px; }
.mvf-power-choice-list { grid-template-columns:1fr; }
.mvf-power-choice-list button { min-height:54px; text-align:left; padding:16px; border-right:0; border-bottom:1px solid #d8ae6530; }
.mvf-power-result { padding:18px; }
.mvf-power-result__actions { display:flex; flex-wrap:wrap; gap:10px; }
.mvf-power-result__actions .mvf-button { white-space:normal; text-align:left; }
.mvf-power-soundtext { font-size:.75rem; line-height:1.5; }
.mvf-power-privacy { font-size:.8rem; line-height:1.5; }
.mvf-power-decision .mvf-scene-nav { margin-top:0; padding-top:14px; }
.mvf-chapter-actions { display:flex; flex-wrap:wrap; align-items:center; gap:18px; margin-top:24px; margin-bottom:24px; }
.mvf-chapter-actions p { margin:0; max-width:550px; }
.mvf-story-answer { margin:24px 0; }
.mvf-story-answer span { display:block; color:#efdfc5; margin-bottom:10px; }
.mvf-story-answer textarea { box-sizing:border-box; width:100%; min-height:100px; color:#eee4d1; background:#10171b; border:1px solid #96805c; border-radius:4px; font:inherit; padding:14px; }
.mvf-story-answer-hint { color:#ceb990; font-size:.95rem; }
.mvf-selected-stories { border:1px solid #ad8f584f; border-radius:6px; background:#13191c; padding:22px; margin:22px 0; }
.mvf-selected-stories h4 { margin:0 0 12px; }
.mvf-selected-stories p { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.mvf-selected-stories a { overflow-wrap:anywhere; }
.mvf-selected-stories button { margin-left:auto; }
.mvf-builder__progress [data-reviewed="true"] b { background:#496347; color:#f4e9d1; }
.mvf-builder__navigation { gap:14px; }
.mvf-builder__navigation button { min-height:48px; white-space:normal; }
.mvf-builder-summary { scroll-margin-top:100px; }
.mvf-builder__actions { gap:12px; }
.mvf-builder__actions button { min-height:44px; }
.mvf-summary-card p { white-space:pre-line; overflow-wrap:anywhere; }
.mvf-story-return { margin:40px auto; padding:28px; border:1px solid #a8855155; }
.mvf-story-return a { margin:10px 12px 10px 0; }
@media(max-width:800px) {
  .mvf-powers.is-enhanced .mvf-power-scene.is-active { grid-template-columns:1fr; gap:18px; }
  .mvf-power-stage { min-height:350px; }
  .mvf-power-stage__media img { object-position:center 35%; }
  .mvf-power-stage__copy { bottom:22px; }
  .mvf-power-stage__copy h3 { font-size:3.4rem; }
  .mvf-power-status { margin-bottom:8px; font-size:.62rem; }
  .mvf-route { left:10px; bottom:max(10px,env(safe-area-inset-bottom)); width:calc(100vw - 20px); }
  body:has(.mvf-route) .mvf-sound-dock { bottom:calc(118px + env(safe-area-inset-bottom)); }
  .mvf-scene-nav { align-items:stretch; }
  .mvf-scene-nav .mvf-button { width:100%; margin-left:0; order:-1; }
  .mvf-builder__navigation { display:grid; grid-template-columns:1fr; text-align:center; }
  .mvf-builder__navigation [data-mvf-next] { grid-row:1; }
  .mvf-builder__navigation [data-mvf-step-status] { grid-row:2; }
  .mvf-scene-choices { grid-template-columns:1fr; }
  .mvf-scene-choices button { min-height:70px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto!important; } .mvf-power-scene { animation:none; } }
@media print { .mvf-route,.mvf-scene-nav,.mvf-selected-stories button,.mvf-story-return { display:none!important; } body:has(.mvf-route) { padding-bottom:0; } }