/* Quantum Reality | An EESP Research Atlas | public research envelope */
:root {
  --qr-bg: #05030a;
  --qr-panel: rgba(12, 10, 24, .76);
  --qr-panel-2: rgba(8, 18, 29, .72);
  --qr-line: rgba(121, 222, 255, .22);
  --qr-cyan: #75e4ff;
  --qr-purple: #b794ff;
  --qr-gold: #f4cb72;
  --qr-text: #f4f1fb;
  --qr-muted: #a9a3b5;
  --qr-dim: #767083;
  --qr-radius: 28px;
}

html { scroll-behavior: smooth; }
body.quantum-reality-page {
  background:
    radial-gradient(circle at 15% 8%, rgba(110, 62, 255, .14), transparent 31rem),
    radial-gradient(circle at 88% 17%, rgba(61, 211, 255, .09), transparent 27rem),
    linear-gradient(180deg, #040208 0%, #06040d 48%, #030207 100%);
  color: var(--qr-text);
}
body.quantum-reality-page::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  opacity: .22;
  background-image:
    linear-gradient(rgba(130, 120, 180, .08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(130, 120, 180, .08) 1px, transparent 1px);
  background-size: 64px 64px;
  -webkit-mask-image: linear-gradient(to bottom, #000 0, rgba(0,0,0,.5) 62%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0, rgba(0,0,0,.5) 62%, transparent 100%);
}
.quantum-reality-page .header .brand { text-decoration: none; }
.quantum-reality-page .header .head { background: rgba(5, 4, 12, .76); }
.quantum-reality-page .nav .qr-back-link { color: var(--qr-gold); }

.qr-main { overflow: clip; }
.qr-shell { width: min(1240px, calc(100vw - 44px)); margin-inline: auto; }
.qr-section { position: relative; padding: clamp(84px, 10vw, 150px) 0; scroll-margin-top: calc(var(--header) + 84px); }
.qr-section + .qr-section { border-top: 1px solid rgba(193, 179, 239, .09); }
.qr-kicker,
.qr-status,
.qr-index,
.qr-label {
  font-family: "Oxanium", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  text-transform: uppercase;
  letter-spacing: .19em;
}
.qr-kicker { margin: 0 0 18px; color: var(--qr-cyan); font-size: 11px; font-weight: 600; }
.qr-kicker span { color: var(--qr-gold); }
.qr-section h2,
.qr-section h3 { margin-top: 0; color: #fff; }
.qr-section h2 { max-width: 920px; font-size: clamp(40px, 6vw, 82px); line-height: .98; letter-spacing: -.045em; }
.qr-section h3 { font-size: clamp(25px, 3vw, 40px); line-height: 1.08; letter-spacing: -.03em; }
.qr-lede { max-width: 820px; color: #c9c4d3; font-size: clamp(18px, 2vw, 25px); line-height: 1.58; }
.qr-body { color: #bcb6c7; font-size: 16px; line-height: 1.78; }
.qr-body strong { color: #f5f0ff; font-weight: 600; }
.qr-fine { color: #8e8999; font-size: 12px; line-height: 1.65; }

.qr-status-row { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 26px; }
.qr-status {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 8px 12px 7px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 999px;
  background: rgba(255,255,255,.035);
  color: #c5c0ce;
  font-size: 9px;
}
.qr-status::before { content: ""; width: 6px; height: 6px; margin-right: 8px; border-radius: 50%; background: currentColor; box-shadow: 0 0 14px currentColor; }
.qr-status.established { color: var(--qr-cyan); }
.qr-status.question { color: var(--qr-gold); }
.qr-status.exploratory { color: var(--qr-purple); }

/* Hero research atlas chamber */
.qr-hero { min-height: min(930px, calc(100svh - 12px)); padding: clamp(150px, 18vw, 225px) 0 100px; display: grid; align-items: center; }
.qr-hero::after {
  content: "";
  position: absolute;
  width: min(760px, 70vw);
  aspect-ratio: 1;
  right: -18vw;
  top: 80px;
  border-radius: 50%;
  border: 1px solid rgba(117, 228, 255, .12);
  box-shadow: 0 0 90px rgba(125, 73, 255, .07), inset 0 0 90px rgba(117, 228, 255, .04);
  pointer-events: none;
}
.qr-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(390px, .82fr); gap: clamp(45px, 7vw, 110px); align-items: center; }
.qr-hero-copy h1 { margin: 0; max-width: 800px; font-size: clamp(58px, 8.4vw, 126px); line-height: .84; letter-spacing: -.065em; font-weight: 500; }
.qr-hero-copy h1 em { display: block; color: transparent; font-style: normal; background: linear-gradient(95deg, #fff 0 12%, #8fe9ff 42%, #bc91ff 72%, #f5ce76 100%); -webkit-background-clip: text; background-clip: text; }
.qr-hero-copy .qr-lede { margin-top: 32px; max-width: 690px; }
.qr-hero-meta { margin-top: 38px; display: flex; gap: 28px; flex-wrap: wrap; color: #7f798b; font: 9px/1.4 "Oxanium", monospace; letter-spacing: .16em; text-transform: uppercase; }

.qr-chamber { position: relative; min-height: 570px; display: grid; place-items: center; perspective: 900px; }
.qr-chamber-core {
  position: relative;
  width: min(510px, 100%);
  aspect-ratio: 1;
  border: 1px solid rgba(148, 119, 255, .2);
  border-radius: 34px;
  background:
    radial-gradient(circle at 52% 48%, rgba(143, 93, 255, .2), transparent 22%),
    radial-gradient(circle at 50% 50%, rgba(88, 215, 255, .06), transparent 55%),
    linear-gradient(145deg, rgba(255,255,255,.03), rgba(255,255,255,.008));
  box-shadow: inset 0 0 80px rgba(86, 205, 255, .04), 0 35px 90px rgba(0,0,0,.35);
  overflow: hidden;
  transform: rotateX(3deg) rotateY(-5deg);
}
.qr-chamber-core::before,
.qr-chamber-core::after { content: ""; position: absolute; inset: 11%; border: 1px solid rgba(115, 231, 255, .18); border-radius: 50%; transform: rotate(24deg); }
.qr-chamber-core::after { inset: 21%; border-color: rgba(248, 203, 114, .2); transform: rotate(-36deg); }
.qr-lattice { position: absolute; inset: 0; width: 100%; height: 100%; }
.qr-orbit-label { position: absolute; z-index: 3; color: #aaa1b9; font: 9px/1.3 "Oxanium", monospace; letter-spacing: .14em; text-transform: uppercase; }
.qr-orbit-label.a { top: 8%; left: 8%; color: var(--qr-cyan); }
.qr-orbit-label.b { top: 13%; right: 7%; }
.qr-orbit-label.c { bottom: 9%; left: 8%; color: var(--qr-gold); }
.qr-orbit-label.d { bottom: 8%; right: 8%; color: var(--qr-purple); }
.qr-core-word { position: absolute; inset: 0; z-index: 2; display: grid; place-items: center; text-align: center; pointer-events: none; }
.qr-core-word strong { display: block; color: #fff; font: 600 clamp(23px, 3vw, 41px)/.96 "Oxanium", sans-serif; letter-spacing: .07em; text-shadow: 0 0 24px rgba(172, 118, 255, .5); }
.qr-core-word span { display: block; margin-top: 10px; color: #938ba2; font: 8px/1.6 "Oxanium", monospace; letter-spacing: .22em; text-transform: uppercase; }

.qr-museum-nav-wrap { position: sticky; top: calc(var(--header) + 20px); z-index: 15; width: min(1240px, calc(100vw - 44px)); margin: 0 auto -54px; pointer-events: none; }
.qr-museum-nav { display: inline-flex; gap: 7px; max-width: 100%; padding: 8px; border: 1px solid rgba(255,255,255,.09); border-radius: 999px; background: rgba(7, 5, 13, .82); backdrop-filter: blur(18px); overflow-x: auto; scrollbar-width: none; pointer-events: auto; }
.qr-museum-nav::-webkit-scrollbar { display: none; }
.qr-museum-nav a { flex: 0 0 auto; padding: 10px 13px; border-radius: 999px; color: #817a8b; text-decoration: none; font: 8px/1 "Oxanium", monospace; letter-spacing: .11em; text-transform: uppercase; transition: .25s ease; }
.qr-museum-nav a:hover,
.qr-museum-nav a:focus-visible,
.qr-museum-nav a.active { color: #fff; background: rgba(123, 100, 203, .19); }
.qr-museum-nav a.active { box-shadow: inset 0 0 0 1px rgba(117, 228, 255, .18); }

/* Origin archive */
.qr-origin-grid { display: grid; grid-template-columns: .78fr 1.22fr; gap: clamp(42px, 7vw, 105px); align-items: start; }
.qr-origin-copy { position: sticky; top: 150px; }
.qr-origin-copy .qr-body { max-width: 520px; }
.qr-archive-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; align-items: end; }
.qr-archive-card {
  position: relative;
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(177, 159, 231, .14);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.015));
  overflow: hidden;
}
.qr-archive-card:nth-child(2) { transform: translateY(28px); }
.qr-archive-card img { display: block; width: 100%; height: auto; border-radius: 16px; background: #000; }
.qr-archive-card figcaption { padding: 13px 5px 5px; color: #8f8999; font-size: 10px; line-height: 1.6; }
.qr-archive-card figcaption b { display: block; margin-bottom: 4px; color: #e7e1f0; font: 600 9px/1.3 "Oxanium", monospace; letter-spacing: .13em; text-transform: uppercase; }
.qr-origin-note { margin-top: 70px; padding: 22px 24px; border-left: 1px solid var(--qr-gold); background: linear-gradient(90deg, rgba(244,203,114,.06), transparent); color: #a9a2b4; font-size: 13px; line-height: 1.7; }
.qr-origin-note strong { color: #e8ddc1; }

/* State space */
.qr-two-col { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(42px, 7vw, 110px); align-items: start; }
.qr-equation { margin: 30px 0; padding: 22px 24px; border: 1px solid rgba(117,228,255,.13); border-radius: 18px; background: rgba(7,18,26,.46); color: #e9faff; font: clamp(18px, 2vw, 27px)/1.5 Georgia, "Times New Roman", serif; letter-spacing: .02em; overflow-x: auto; }
.qr-lab { border: 1px solid rgba(168, 143, 255, .16); border-radius: var(--qr-radius); background: var(--qr-panel); overflow: hidden; }
.qr-lab-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding: 20px 22px; border-bottom: 1px solid rgba(255,255,255,.07); }
.qr-lab-head b { color: #f3eff8; font: 600 11px/1.4 "Oxanium", monospace; letter-spacing: .12em; text-transform: uppercase; }
.qr-lab-head span { color: #716b7b; font-size: 11px; }
.qr-qubit-controls { display: flex; flex-wrap: wrap; gap: 8px; padding: 18px 22px 0; }
.qr-qubit-controls button { min-width: 44px; min-height: 44px; padding: 0 14px; border: 1px solid rgba(255,255,255,.12); border-radius: 999px; background: rgba(255,255,255,.025); color: #aaa4b5; font: 600 10px/1 "Oxanium", monospace; cursor: pointer; }
.qr-qubit-controls button[aria-pressed="true"] { color: #071017; background: var(--qr-cyan); border-color: var(--qr-cyan); }
.qr-state-viz { position: relative; height: 420px; margin: 18px; border-radius: 22px; overflow: hidden; background: radial-gradient(circle at center, rgba(112, 78, 190, .18), transparent 38%), #060711; }
.qr-state-viz::before { content: ""; position: absolute; inset: 0; opacity: .28; background-image: linear-gradient(rgba(119, 223, 255, .12) 1px, transparent 1px), linear-gradient(90deg, rgba(119, 223, 255, .12) 1px, transparent 1px); background-size: 42px 42px; transform: perspective(500px) rotateX(61deg) scale(1.5); transform-origin: 50% 80%; }
.qr-state-node { position: absolute; width: 10px; height: 10px; margin: -5px; border-radius: 50%; background: #eee9ff; box-shadow: 0 0 18px rgba(130, 225, 255, .8); transition: left .55s ease, top .55s ease, transform .55s ease, opacity .4s ease; }
.qr-state-node::after { content: ""; position: absolute; inset: 3px; border-radius: inherit; background: var(--qr-cyan); }
.qr-state-line { position: absolute; height: 1px; background: linear-gradient(90deg, rgba(117,228,255,.05), rgba(117,228,255,.42), rgba(183,148,255,.07)); transform-origin: left center; opacity: .5; transition: all .55s ease; }
.qr-state-readout { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: rgba(255,255,255,.06); border-top: 1px solid rgba(255,255,255,.06); }
.qr-state-readout div { padding: 16px 18px; background: #080711; }
.qr-state-readout span { display: block; color: #6f6978; font: 8px/1.4 "Oxanium", monospace; letter-spacing: .13em; text-transform: uppercase; }
.qr-state-readout strong { display: block; margin-top: 7px; color: #eeeaf7; font-size: 17px; font-weight: 500; }

.qr-protected { margin-top: 34px; padding: 20px 22px; border: 1px solid rgba(244,203,114,.15); border-radius: 18px; background: rgba(244,203,114,.035); }
.qr-protected .qr-label { color: var(--qr-gold); font-size: 8px; }
.qr-protected p { margin: 10px 0 0; color: #928a97; font-size: 12px; line-height: 1.7; }

/* Transition corridor */
.qr-transition-track { margin-top: 48px; display: grid; grid-template-columns: repeat(5, 1fr); position: relative; }
.qr-transition-track::before { content: ""; position: absolute; top: 27px; left: 8%; right: 8%; height: 1px; background: linear-gradient(90deg, var(--qr-purple), var(--qr-cyan), var(--qr-gold)); opacity: .35; }
.qr-transition-step { position: relative; z-index: 1; padding: 0 10px; text-align: center; }
.qr-transition-step i { display: grid; place-items: center; width: 54px; height: 54px; margin: 0 auto 16px; border: 1px solid rgba(255,255,255,.16); border-radius: 50%; background: #080611; color: var(--qr-cyan); font: normal 13px/1 "Oxanium", monospace; box-shadow: 0 0 0 7px #06040d; }
.qr-transition-step:nth-child(4) i,
.qr-transition-step:nth-child(5) i { color: var(--qr-gold); }
.qr-transition-step b { display: block; color: #ddd7e6; font: 600 9px/1.4 "Oxanium", monospace; letter-spacing: .1em; text-transform: uppercase; }
.qr-transition-step span { display: block; max-width: 170px; margin: 8px auto 0; color: #746e7f; font-size: 11px; line-height: 1.55; }

/* Emergence loop */
.qr-emergence { display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, .85fr); gap: clamp(46px, 8vw, 120px); align-items: center; }
.qr-loop { position: relative; aspect-ratio: 1; max-width: 560px; margin-inline: auto; }
.qr-loop-ring { position: absolute; inset: 8%; border: 1px solid rgba(168, 137, 255, .2); border-radius: 50%; box-shadow: inset 0 0 60px rgba(117,228,255,.04); }
.qr-loop-ring::before,
.qr-loop-ring::after { content: ""; position: absolute; inset: 12%; border: 1px solid rgba(117,228,255,.12); border-radius: 50%; transform: rotate(35deg) scaleX(.56); }
.qr-loop-ring::after { transform: rotate(-35deg) scaleX(.56); border-color: rgba(244,203,114,.13); }
.qr-loop-node { position: absolute; width: 110px; min-height: 54px; display: grid; place-items: center; padding: 9px 10px; border: 1px solid rgba(255,255,255,.11); border-radius: 999px; background: rgba(8,6,17,.92); color: #beb8c9; text-align: center; font: 8px/1.35 "Oxanium", monospace; letter-spacing: .09em; text-transform: uppercase; }
.qr-loop-node:nth-child(2) { left: 50%; top: 0; transform: translateX(-50%); color: var(--qr-purple); }
.qr-loop-node:nth-child(3) { right: 0; top: 24%; color: var(--qr-cyan); }
.qr-loop-node:nth-child(4) { right: 3%; bottom: 20%; }
.qr-loop-node:nth-child(5) { left: 50%; bottom: 0; transform: translateX(-50%); color: var(--qr-gold); }
.qr-loop-node:nth-child(6) { left: 0; bottom: 21%; }
.qr-loop-node:nth-child(7) { left: 1%; top: 22%; }
.qr-loop-core { position: absolute; inset: 32%; display: grid; place-items: center; border-radius: 50%; background: radial-gradient(circle, rgba(182, 135, 255, .22), rgba(8,6,17,.3) 60%); text-align: center; }
.qr-loop-core b { color: #fff; font: 600 11px/1.4 "Oxanium", monospace; letter-spacing: .13em; text-transform: uppercase; }
.qr-loop-core small { display: block; margin-top: 7px; color: #706979; font-size: 9px; }
.qr-quote { margin: 34px 0 0; padding-left: 24px; border-left: 1px solid var(--qr-purple); color: #e1daeb; font-size: clamp(21px, 2.4vw, 32px); line-height: 1.45; letter-spacing: -.02em; }

/* Quantum gravity */
.qr-gravity-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(360px, 1.1fr); gap: clamp(50px, 9vw, 130px); align-items: center; }
.qr-blackhole { position: relative; width: min(520px, 92vw); aspect-ratio: 1; margin-inline: auto; }
.qr-blackhole::before { content: ""; position: absolute; inset: 23%; border-radius: 50%; background: #000; box-shadow: 0 0 45px 5px #000, 0 0 0 1px rgba(255,255,255,.04); }
.qr-blackhole::after { content: ""; position: absolute; inset: 12%; border-radius: 50%; border: 2px solid rgba(244,203,114,.35); box-shadow: 0 0 30px rgba(244,203,114,.22), inset 0 0 30px rgba(139,93,255,.13); transform: rotateX(68deg); }
.qr-accretion { position: absolute; inset: 4%; border-radius: 50%; background: conic-gradient(from 60deg, transparent 0 11%, rgba(117,228,255,.5) 17%, transparent 28%, rgba(183,148,255,.45) 39%, transparent 52%, rgba(244,203,114,.55) 66%, transparent 82%); filter: blur(9px); transform: rotate(-10deg) scaleY(.34); opacity: .85; }
.qr-blackhole-label { position: absolute; left: 50%; bottom: 3%; transform: translateX(-50%); width: max-content; max-width: 90%; text-align: center; color: #7a7384; font: 8px/1.5 "Oxanium", monospace; letter-spacing: .12em; text-transform: uppercase; }

/* GDT exhibit */
.qr-gdt { overflow: hidden; }
.qr-gdt::before { content: "GDT"; position: absolute; right: -1vw; top: 30px; color: rgba(166,124,255,.035); font: 600 clamp(180px, 27vw, 480px)/.8 "Oxanium", sans-serif; letter-spacing: -.08em; pointer-events: none; }
.qr-gdt-grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 50px; }
.qr-gdt-card { min-height: 330px; padding: 28px; border: 1px solid rgba(255,255,255,.1); border-radius: 24px; background: linear-gradient(160deg, rgba(23,18,43,.78), rgba(8,10,17,.74)); }
.qr-gdt-card .qr-index { color: var(--qr-purple); font-size: 9px; }
.qr-gdt-card h3 { margin: 70px 0 18px; font-size: 30px; }
.qr-gdt-card p { color: #9f99a9; font-size: 14px; line-height: 1.7; }
.qr-gdt-declaration { margin-top: 20px; padding: 24px; border: 1px solid rgba(117,228,255,.12); border-radius: 20px; background: rgba(5,17,23,.42); color: #aaa4b4; line-height: 1.7; }
.qr-gdt-declaration b { color: var(--qr-cyan); }

/* Falsification */
.qr-falsification-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; margin-top: 48px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.07); border-radius: 24px; overflow: hidden; }
.qr-test { min-height: 250px; padding: 28px; background: #07060d; }
.qr-test .qr-index { color: var(--qr-gold); font-size: 9px; }
.qr-test h3 { margin: 52px 0 12px; font-size: 24px; }
.qr-test p { color: #8e8798; font-size: 13px; line-height: 1.65; }

.qr-exit { text-align: center; padding-bottom: 160px; }
.qr-exit h2 { margin-inline: auto; max-width: 900px; }
.qr-exit .qr-lede { margin-inline: auto; }
.qr-exit-actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; margin-top: 38px; }
.qr-exit-actions a { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; padding: 0 19px; border: 1px solid rgba(255,255,255,.14); border-radius: 999px; color: #eae5f3; text-decoration: none; font: 600 9px/1 "Oxanium", monospace; letter-spacing: .11em; text-transform: uppercase; }
.qr-exit-actions a:first-child { color: #091018; border-color: var(--qr-cyan); background: var(--qr-cyan); }

.qr-page-footer { border-top: 1px solid rgba(255,255,255,.08); }
.qr-page-footer .footer-note { max-width: 800px; color: #777181; }

@media (max-width: 980px) {
  .qr-hero { min-height: 0; padding-top: 135px; }
  .qr-hero-grid,
  .qr-origin-grid,
  .qr-two-col,
  .qr-emergence,
  .qr-gravity-grid { grid-template-columns: 1fr; }
  .qr-chamber { min-height: 470px; }
  .qr-chamber-core { width: min(520px, 82vw); }
  .qr-origin-copy { position: static; }
  .qr-origin-grid { gap: 44px; }
  .qr-gdt-grid { grid-template-columns: 1fr; }
  .qr-gdt-card { min-height: 0; }
  .qr-gdt-card h3 { margin-top: 38px; }
  .qr-falsification-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 700px) {
  .qr-shell,
  .qr-museum-nav-wrap { width: min(100% - 28px, 1240px); }
  .qr-section { padding: 76px 0; }
  .qr-hero { padding-top: 116px; padding-bottom: 65px; }
  .qr-hero-copy h1 { font-size: clamp(54px, 19vw, 78px); }
  .qr-hero-copy .qr-lede { margin-top: 25px; font-size: 17px; line-height: 1.58; }
  .qr-hero-meta { gap: 14px; font-size: 7.5px; }
  .qr-chamber { min-height: 390px; }
  .qr-chamber-core { width: 94vw; max-width: 400px; border-radius: 24px; }
  .qr-core-word strong { font-size: 24px; }
  .qr-core-word span { font-size: 6.5px; }
  .qr-museum-nav-wrap { top: calc(var(--header) + 10px); margin-bottom: -40px; }
  .qr-museum-nav { border-radius: 16px; }
  .qr-museum-nav a { padding: 9px 11px; font-size: 7px; }
  .qr-section h2 { font-size: clamp(38px, 12.5vw, 58px); }
  .qr-lede { font-size: 17px; }
  .qr-archive-grid { grid-template-columns: 1fr 1fr; align-items: start; }
  .qr-archive-card:nth-child(2) { transform: none; }
  .qr-archive-card:nth-child(3) { grid-column: 1 / -1; width: 68%; justify-self: center; }
  .qr-origin-note { margin-top: 34px; }
  .qr-state-viz { height: 350px; margin: 12px; }
  .qr-state-readout { grid-template-columns: 1fr; }
  .qr-state-readout div { display: flex; align-items: center; justify-content: space-between; gap: 15px; }
  .qr-state-readout strong { margin-top: 0; }
  .qr-transition-track { grid-template-columns: 1fr; gap: 18px; margin-top: 36px; }
  .qr-transition-track::before { top: 0; bottom: 0; left: 27px; right: auto; width: 1px; height: auto; background: linear-gradient(var(--qr-purple), var(--qr-cyan), var(--qr-gold)); }
  .qr-transition-step { display: grid; grid-template-columns: 54px 1fr; gap: 16px; align-items: center; padding: 0; text-align: left; }
  .qr-transition-step i { margin: 0; }
  .qr-transition-step b,
  .qr-transition-step span { text-align: left; margin-left: 0; margin-right: 0; }
  .qr-transition-step span { max-width: none; }
  .qr-loop { width: min(100%, 430px); }
  .qr-loop-node { width: 95px; min-height: 48px; font-size: 6.5px; }
  .qr-loop-core b { font-size: 8px; }
  .qr-blackhole { width: 100%; }
  .qr-falsification-grid { grid-template-columns: 1fr; }
  .qr-test { min-height: 0; }
  .qr-test h3 { margin-top: 28px; }
  .qr-exit { padding-bottom: 105px; }
}

@media (max-width: 430px) {
  .qr-archive-grid { grid-template-columns: 1fr; }
  .qr-archive-card:nth-child(3) { grid-column: auto; width: 100%; }
  .qr-archive-card img { max-height: 610px; object-fit: cover; object-position: top; }
  .qr-qubit-controls { gap: 6px; }
  .qr-qubit-controls button { padding-inline: 12px; }
  .qr-loop-node { width: 82px; font-size: 5.8px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .qr-state-node, .qr-state-line, .qr-museum-nav a { transition: none; }
}

/* Quantum Reality v8.61.0, future atlas refinement */
.qr-atlas-modes {
  display: inline-grid;
  grid-template-columns: repeat(3, auto);
  gap: 1px;
  margin-top: 30px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 14px;
  background: rgba(255,255,255,.06);
}
.qr-atlas-modes span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 11px 14px;
  background: rgba(6,5,13,.86);
  color: #9a93a7;
  font: 600 8px/1 "Oxanium", monospace;
  letter-spacing: .15em;
}
.qr-atlas-modes b { color: var(--qr-cyan); font-weight: 600; }
.qr-atlas-modes span:nth-child(2) b { color: var(--qr-purple); }
.qr-atlas-modes span:nth-child(3) b { color: var(--qr-gold); }

/* Curated archive objects */
.qr-archive-stage {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(220px, .6fr);
  gap: 16px;
  align-items: stretch;
}
.qr-object {
  margin: 0;
  min-width: 0;
  border: 1px solid rgba(174,151,244,.14);
  border-radius: 26px;
  background: linear-gradient(160deg, rgba(19,15,31,.88), rgba(6,7,13,.9));
  overflow: hidden;
  box-shadow: 0 30px 100px rgba(0,0,0,.22);
}
.qr-object-main { display: grid; grid-template-rows: minmax(0, 1fr) auto; }
.qr-object-side { display: grid; grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 16px; }
.qr-object-side .qr-object { display: grid; grid-template-rows: minmax(0,1fr) auto; }
.qr-object-frame {
  position: relative;
  min-height: 0;
  padding: 12px;
  background:
    linear-gradient(rgba(117,228,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(117,228,255,.04) 1px, transparent 1px),
    radial-gradient(circle at 50% 25%, rgba(141,101,229,.14), transparent 50%),
    #04050a;
  background-size: 28px 28px, 28px 28px, auto, auto;
}
.qr-object-frame::before,
.qr-object-frame::after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  z-index: 2;
  pointer-events: none;
}
.qr-object-frame::before { left: 22px; top: 22px; border-left: 1px solid var(--qr-cyan); border-top: 1px solid var(--qr-cyan); }
.qr-object-frame::after { right: 22px; bottom: 22px; border-right: 1px solid var(--qr-purple); border-bottom: 1px solid var(--qr-purple); }
.qr-object img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 280px;
  object-fit: cover;
  border-radius: 18px;
  filter: saturate(.92) contrast(1.03);
}
.qr-object-main img { min-height: 620px; object-position: center; }
.qr-object-side img { min-height: 235px; }
.qr-object figcaption { padding: 18px 20px 20px; }
.qr-object figcaption span {
  display: block;
  color: var(--qr-cyan);
  font: 600 7.5px/1.4 "Oxanium", monospace;
  letter-spacing: .16em;
}
.qr-object:nth-child(2) figcaption span { color: var(--qr-purple); }
.qr-object figcaption b {
  display: block;
  margin-top: 8px;
  color: #f0ebf5;
  font-size: 16px;
  font-weight: 560;
  line-height: 1.35;
}
.qr-object figcaption p { margin: 9px 0 0; color: #817a8b; font-size: 11px; line-height: 1.65; }
.qr-object figcaption button {
  margin-top: 14px;
  padding: 0;
  border: 0;
  background: none;
  color: #8fdef1;
  font: 600 7.5px/1 "Oxanium", monospace;
  letter-spacing: .13em;
  text-transform: uppercase;
  cursor: pointer;
}
.qr-object figcaption button::after { content: " ↗"; color: var(--qr-gold); }
.qr-archive-instruction { margin: 22px 0 0; color: #716a79; font-size: 10px; line-height: 1.65; }

/* Established equation console */
.qr-equation-console {
  margin: 32px 0;
  border: 1px solid rgba(117,228,255,.14);
  border-radius: 22px;
  overflow: hidden;
  background: linear-gradient(160deg, rgba(7,18,26,.72), rgba(11,7,20,.72));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}
.qr-equation-tabs { display: flex; gap: 1px; overflow-x: auto; scrollbar-width: none; background: rgba(255,255,255,.06); }
.qr-equation-tabs::-webkit-scrollbar { display: none; }
.qr-equation-tabs button {
  flex: 1 0 auto;
  min-height: 42px;
  padding: 0 14px;
  border: 0;
  background: rgba(5,8,14,.92);
  color: #6f6a78;
  font: 600 7.5px/1 "Oxanium", monospace;
  letter-spacing: .12em;
  text-transform: uppercase;
  cursor: pointer;
}
.qr-equation-tabs button[aria-selected="true"] { color: #061016; background: var(--qr-cyan); }
.qr-equation-display { padding: 21px 24px 23px; }
.qr-equation-display > span { color: #78d9ee; font: 600 7.5px/1.4 "Oxanium", monospace; letter-spacing: .14em; }
.qr-equation-display .qr-equation { margin: 16px 0 12px; padding: 0; border: 0; border-radius: 0; background: none; }
.qr-equation-display p { margin: 0; color: #918a9a; font-size: 11px; line-height: 1.65; }

/* Interactive question observatory */
.qr-questions { overflow: hidden; }
.qr-questions::before {
  content: "?";
  position: absolute;
  right: 2vw;
  top: 30px;
  color: rgba(117,228,255,.025);
  font: 600 clamp(220px, 35vw, 620px)/.7 "Oxanium", sans-serif;
  pointer-events: none;
}
.qr-question-field {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
  margin-top: 52px;
}
.qr-question-card {
  position: relative;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 22px;
  background: linear-gradient(160deg, rgba(15,12,28,.86), rgba(6,7,13,.9));
  overflow: hidden;
  transition: border-color .25s ease, transform .25s ease, box-shadow .25s ease;
}
.qr-question-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 2px;
  background: linear-gradient(var(--qr-cyan), transparent 70%);
  opacity: .6;
}
.qr-question-card:nth-child(3n+2)::before { background: linear-gradient(var(--qr-purple), transparent 70%); }
.qr-question-card:nth-child(3n)::before { background: linear-gradient(var(--qr-gold), transparent 70%); }
.qr-question-card:hover { transform: translateY(-2px); border-color: rgba(117,228,255,.18); }
.qr-question-card.open { border-color: rgba(117,228,255,.23); box-shadow: 0 20px 70px rgba(0,0,0,.18); }
.qr-question-card > button {
  width: 100%;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 16px;
  align-items: start;
  padding: 22px;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}
.qr-question-card > button span { color: var(--qr-cyan); font: 600 8px/1.4 "Oxanium", monospace; letter-spacing: .13em; }
.qr-question-card:nth-child(3n+2) > button span { color: var(--qr-purple); }
.qr-question-card:nth-child(3n) > button span { color: var(--qr-gold); }
.qr-question-card > button b { color: #eee9f5; font-size: clamp(16px, 1.5vw, 21px); line-height: 1.35; font-weight: 540; }
.qr-question-card > button i { color: #726b7c; font: normal 22px/1 "Oxanium", monospace; transition: transform .25s ease, color .25s ease; }
.qr-question-card.open > button i { transform: rotate(45deg); color: var(--qr-cyan); }
.qr-question-answer { display: none; padding: 0 22px 22px 67px; }
.qr-question-card.open .qr-question-answer { display: grid; gap: 10px; }
.qr-question-answer p { margin: 0; color: #8e8798; font-size: 12px; line-height: 1.68; }
.qr-question-answer strong { color: #c9c2d3; font-weight: 600; }

/* Provenance viewer */
.qr-provenance-modal[hidden] { display: none; }
.qr-provenance-modal { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 20px; }
.qr-provenance-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.82); backdrop-filter: blur(14px); }
.qr-provenance-dialog {
  position: relative;
  z-index: 1;
  width: min(820px, 95vw);
  max-height: 92vh;
  display: grid;
  grid-template-rows: auto minmax(0,1fr) auto;
  overflow: hidden;
  border: 1px solid rgba(117,228,255,.15);
  border-radius: 26px;
  background: #07060d;
  box-shadow: 0 40px 160px rgba(0,0,0,.65);
}
.qr-provenance-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 20px; border-bottom: 1px solid rgba(255,255,255,.07); }
.qr-provenance-head span { display: block; color: var(--qr-cyan); font: 600 7px/1.4 "Oxanium", monospace; letter-spacing: .15em; }
.qr-provenance-head b { display: block; margin-top: 4px; color: #e9e4f0; font-size: 13px; }
.qr-provenance-head button { width: 42px; height: 42px; border: 1px solid rgba(255,255,255,.11); border-radius: 50%; background: transparent; color: #fff; font-size: 24px; cursor: pointer; }
.qr-provenance-image-wrap { min-height: 0; overflow: auto; padding: 16px; background: #020204; text-align: center; }
.qr-provenance-image-wrap img { max-width: 100%; height: auto; border-radius: 14px; }
.qr-provenance-dialog > p { margin: 0; padding: 16px 20px 20px; color: #827b8b; font-size: 10px; line-height: 1.65; }
body.qr-modal-open { overflow: hidden; }

/* Give the main EESP menu's Quantum Reality entry a research signal without redesigning the menu */
.nav .nav-quantum-link { border-color: rgba(117,228,255,.2); }
.nav .nav-quantum-link .nav-link-copy b,
.nav .nav-quantum-link .nav-link-index,
.nav .nav-quantum-link .nav-link-arrow { color: #89e6fa; }

@media (max-width: 980px) {
  .qr-archive-stage { grid-template-columns: 1fr; }
  .qr-object-side { grid-template-columns: repeat(2, minmax(0,1fr)); grid-template-rows: none; }
  .qr-object-main img { min-height: 520px; }
}

@media (max-width: 700px) {
  .qr-atlas-modes { width: 100%; grid-template-columns: repeat(3, 1fr); }
  .qr-atlas-modes span { justify-content: center; padding: 10px 7px; font-size: 6.5px; letter-spacing: .1em; }
  .qr-object-main img { min-height: 390px; }
  .qr-object-side { grid-template-columns: 1fr; }
  .qr-object-side img { min-height: 330px; }
  .qr-question-field { grid-template-columns: 1fr; margin-top: 38px; }
  .qr-question-card > button { padding: 19px 18px; gap: 12px; }
  .qr-question-answer { padding: 0 18px 20px 55px; }
  .qr-equation-display { padding: 18px; }
}

@media (max-width: 430px) {
  .qr-object { border-radius: 20px; }
  .qr-object-frame { padding: 8px; }
  .qr-object-frame::before { left: 16px; top: 16px; }
  .qr-object-frame::after { right: 16px; bottom: 16px; }
  .qr-object-main img,
  .qr-object-side img { min-height: 0; height: auto; aspect-ratio: auto; object-fit: contain; background: #020204; }
  .qr-equation-tabs button { min-width: 92px; }
  .qr-provenance-modal { padding: 10px; }
}

@media (prefers-reduced-motion: reduce) {
  .qr-question-card, .qr-question-card > button i { transition: none; }
}

/* Quantum Reality v8.62.0, immersive room system */
.quantum-reality-page .skip:not(:focus) {
  top: -120px;
  transform: none;
}
.quantum-reality-page .skip:focus {
  top: 12px;
  transform: none;
}
.qr-section[data-chapter] { scroll-margin-top: calc(var(--header) + 128px); }
.qr-main {
  --qr-pointer-x: 50%;
  --qr-pointer-y: 20%;
  background:
    radial-gradient(circle at var(--qr-pointer-x) var(--qr-pointer-y), rgba(111, 90, 255, .06), transparent 24rem);
}
.qr-main::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(circle at var(--qr-pointer-x) var(--qr-pointer-y), rgba(117,228,255,.035), transparent 20rem);
}

.qr-entry-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 10px;
  margin-top: 20px;
  max-width: 690px;
}
.qr-entry-actions a {
  min-height: 74px;
  display: grid;
  align-content: center;
  gap: 7px;
  padding: 14px 16px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(255,255,255,.04), rgba(255,255,255,.012));
  text-decoration: none;
  transition: transform .25s ease, border-color .25s ease, background .25s ease;
}
.qr-entry-actions a:hover,
.qr-entry-actions a:focus-visible { transform: translateY(-2px); border-color: rgba(117,228,255,.26); background: rgba(117,228,255,.055); }
.qr-entry-actions span { color: var(--qr-cyan); font: 600 8px/1 "Oxanium", monospace; letter-spacing: .15em; }
.qr-entry-actions a:nth-child(2) span { color: var(--qr-purple); }
.qr-entry-actions a:nth-child(3) span { color: var(--qr-gold); }
.qr-entry-actions b { color: #eeeaf6; font-size: 13px; font-weight: 560; }

.qr-lineage {
  margin-top: 28px;
  display: grid;
  gap: 1px;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 18px;
  overflow: hidden;
  background: rgba(255,255,255,.05);
}
.qr-lineage div { display: grid; grid-template-columns: 52px 1fr; gap: 4px 14px; padding: 14px 16px; background: rgba(7,6,13,.92); }
.qr-lineage span { grid-row: span 2; align-self: center; color: var(--qr-gold); font: 600 8px/1 "Oxanium", monospace; letter-spacing: .12em; }
.qr-lineage b { color: #ddd7e8; font-size: 11px; font-weight: 560; }
.qr-lineage small { color: #777181; font-size: 9px; line-height: 1.45; }

.qr-room-grid { align-items: center; }
.qr-room-note {
  margin-top: 30px;
  padding: 18px 20px;
  border: 1px solid rgba(255,255,255,.08);
  border-left-color: var(--qr-purple);
  border-radius: 16px;
  background: rgba(183,148,255,.035);
}
.qr-room-note b { display: block; color: #d9d1e5; font: 600 8px/1.4 "Oxanium", monospace; letter-spacing: .12em; text-transform: uppercase; }
.qr-room-note p { margin: 8px 0 0; color: #837d8d; font-size: 11px; line-height: 1.65; }

/* Possibility room */
.qr-interference-lab {
  overflow: hidden;
  border: 1px solid rgba(117,228,255,.14);
  border-radius: var(--qr-radius);
  background: linear-gradient(160deg, rgba(6,18,27,.84), rgba(10,6,20,.86));
  box-shadow: inset 0 0 80px rgba(117,228,255,.025), 0 30px 100px rgba(0,0,0,.18);
}
.qr-interference-lab canvas {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1.65;
  background:
    linear-gradient(rgba(117,228,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(117,228,255,.04) 1px, transparent 1px),
    radial-gradient(circle at 50% 65%, rgba(120,83,212,.14), transparent 45%),
    #050711;
  background-size: 32px 32px, 32px 32px, auto, auto;
}
.qr-phase-control { padding: 18px 22px 8px; }
.qr-phase-control label { display: flex; justify-content: space-between; gap: 16px; color: #8e8797; font: 600 8px/1.4 "Oxanium", monospace; letter-spacing: .12em; text-transform: uppercase; }
.qr-phase-control label strong { color: var(--qr-cyan); }
.qr-phase-control input,
.qr-classical-lab input { width: 100%; accent-color: #75e4ff; margin-top: 14px; }
.qr-console-readout { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px 22px 20px; }
.qr-console-readout span { color: #696473; font-size: 10px; }
.qr-console-readout b { color: #dcd6e5; font: 600 9px/1.3 "Oxanium", monospace; letter-spacing: .08em; text-transform: uppercase; }

/* Entanglement room */
.qr-entangle-console {
  margin-top: 48px;
  display: grid;
  grid-template-columns: minmax(0,1fr) 220px minmax(0,1fr);
  gap: 18px;
  align-items: center;
}
.qr-entangle-station {
  min-height: 210px;
  display: grid;
  align-content: center;
  gap: 12px;
  padding: 26px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 26px;
  background: linear-gradient(160deg, rgba(18,14,31,.9), rgba(6,8,14,.88));
}
.qr-entangle-station > span { color: var(--qr-cyan); font: 600 8px/1 "Oxanium", monospace; letter-spacing: .16em; }
.qr-entangle-station:nth-child(3) > span { color: var(--qr-purple); }
.qr-entangle-station > b { color: #eeeaf5; font-size: 22px; font-weight: 540; }
.qr-basis-buttons { display: flex; gap: 8px; flex-wrap: wrap; }
.qr-basis-buttons button {
  min-height: 42px;
  padding: 0 15px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 999px;
  background: rgba(255,255,255,.025);
  color: #8b8494;
  font: 600 8px/1 "Oxanium", monospace;
  cursor: pointer;
}
.qr-basis-buttons button[aria-pressed="true"] { color: #051016; border-color: var(--qr-cyan); background: var(--qr-cyan); }
.qr-entangle-station:nth-child(3) .qr-basis-buttons button[aria-pressed="true"] { background: var(--qr-purple); border-color: var(--qr-purple); }
.qr-entangle-link { position: relative; min-height: 160px; display: grid; place-items: center; text-align: center; }
.qr-entangle-link i { position: absolute; left: 4%; right: 4%; top: 50%; height: 1px; background: linear-gradient(90deg, var(--qr-cyan), var(--qr-purple)); box-shadow: 0 0 18px rgba(117,228,255,.35); }
.qr-entangle-link i::before,
.qr-entangle-link i::after { content:""; position:absolute; top:50%; width:11px; height:11px; margin-top:-5px; border-radius:50%; background:#fff; box-shadow:0 0 22px currentColor; }
.qr-entangle-link i::before { left:0; color:var(--qr-cyan); }
.qr-entangle-link i::after { right:0; color:var(--qr-purple); }
.qr-entangle-link strong,
.qr-entangle-link small { position: relative; z-index: 1; padding: 4px 8px; background: #05040b; }
.qr-entangle-link strong { align-self: end; color: #d9d2e4; font: 600 8px/1 "Oxanium", monospace; letter-spacing: .13em; }
.qr-entangle-link small { align-self: start; color: #6f6878; font-size: 8px; }
.qr-entangle-result {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 180px minmax(220px,.65fr) minmax(0,1fr);
  gap: 18px;
  align-items: center;
  padding: 20px 22px;
  border: 1px solid rgba(244,203,114,.12);
  border-radius: 18px;
  background: rgba(244,203,114,.025);
}
.qr-entangle-result span { color: var(--qr-gold); font: 600 7.5px/1.4 "Oxanium", monospace; letter-spacing: .12em; text-transform: uppercase; }
.qr-entangle-result b { color: #eee8d9; font-size: 14px; font-weight: 560; }
.qr-entangle-result p { margin: 0; color: #827b88; font-size: 10px; line-height: 1.6; }
.qr-three-insights { margin-top: 18px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.qr-three-insights article { padding: 20px; border: 1px solid rgba(255,255,255,.08); border-radius: 20px; background: rgba(255,255,255,.02); }
.qr-three-insights span { color: var(--qr-cyan); font: 600 7.5px/1 "Oxanium", monospace; }
.qr-three-insights article:nth-child(2) span { color: var(--qr-purple); }
.qr-three-insights article:nth-child(3) span { color: var(--qr-gold); }
.qr-three-insights b { display:block; margin-top:12px; color:#ddd8e4; font-size:13px; }
.qr-three-insights p { margin:8px 0 0; color:#77717e; font-size:10px; line-height:1.6; }

/* Classicalization educational console */
.qr-classical-lab {
  --qr-coupling: .35;
  margin-top: 40px;
  padding: 22px;
  border: 1px solid rgba(117,228,255,.12);
  border-radius: 24px;
  background: linear-gradient(155deg, rgba(5,15,23,.84), rgba(12,7,21,.82));
}
.qr-classical-head { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; }
.qr-classical-head span { display:block; color:var(--qr-cyan); font:600 7px/1.4 "Oxanium",monospace; letter-spacing:.14em; }
.qr-classical-head b { display:block; margin-top:6px; color:#e7e1ec; font-size:15px; font-weight:540; }
.qr-classical-head > strong { color:var(--qr-gold); font:600 20px/1 "Oxanium",monospace; }
.qr-classical-panels { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:20px; }
.qr-fringe-panel,
.qr-record-panel { min-height:220px; padding:20px; border:1px solid rgba(255,255,255,.07); border-radius:18px; background:rgba(3,4,9,.65); }
.qr-fringe-panel > span,
.qr-record-panel > span { color:#77717e; font:600 7px/1.4 "Oxanium",monospace; letter-spacing:.12em; text-transform:uppercase; }
.qr-fringes { height:110px; margin:20px 0 14px; border-radius:12px; background: repeating-linear-gradient(90deg, rgba(117,228,255,calc(.75 - var(--qr-coupling) * .55)) 0 4px, transparent 4px 11px); filter: blur(calc(var(--qr-coupling) * 5px)); opacity: calc(1 - var(--qr-coupling) * .72); box-shadow: inset 0 0 40px rgba(183,148,255,.12); }
.qr-records { min-height:110px; margin:20px 0 14px; display:flex; align-items:center; justify-content:center; gap:12px; }
.qr-records i { width:20px; height:20px; border-radius:4px; border:1px solid rgba(244,203,114,.32); background:rgba(244,203,114,calc(.04 + var(--qr-coupling) * .42)); box-shadow:0 0 calc(var(--qr-coupling) * 18px) rgba(244,203,114,.38); transform:scale(calc(.72 + var(--qr-coupling) * .35)); }
.qr-fringe-panel b,
.qr-record-panel b { color:#d7d1dc; font-size:12px; font-weight:540; }
.qr-classical-lab > p { margin:16px 0 0; color:#6f6976; font-size:9px; line-height:1.6; }

/* Geometry + information scale translator */
.qr-scale-translator {
  margin-top: 50px;
  border: 1px solid rgba(183,148,255,.14);
  border-radius: 28px;
  overflow: hidden;
  background: linear-gradient(155deg, rgba(15,10,27,.86), rgba(5,9,15,.9));
}
.qr-scale-rail { display:grid; grid-template-columns:repeat(6,1fr); gap:1px; background:rgba(255,255,255,.06); overflow-x:auto; scrollbar-width:none; }
.qr-scale-rail::-webkit-scrollbar { display:none; }
.qr-scale-rail button { min-width:110px; min-height:48px; border:0; background:#080711; color:#6f6879; font:600 7.5px/1 "Oxanium",monospace; letter-spacing:.1em; text-transform:uppercase; cursor:pointer; }
.qr-scale-rail button[aria-pressed="true"] { color:#051016; background:var(--qr-cyan); }
.qr-scale-display { display:grid; grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr); gap:42px; align-items:center; padding:44px; }
.qr-scale-orbit { position:relative; aspect-ratio:1; max-width:360px; width:100%; margin:auto; border:1px solid rgba(117,228,255,.14); border-radius:50%; }
.qr-scale-orbit::before,
.qr-scale-orbit::after { content:""; position:absolute; inset:14%; border:1px solid rgba(183,148,255,.18); border-radius:50%; transform:rotate(36deg) scaleX(.54); }
.qr-scale-orbit::after { border-color:rgba(244,203,114,.16); transform:rotate(-36deg) scaleX(.54); }
.qr-scale-orbit i { position:absolute; width:10px; height:10px; border-radius:50%; background:#fff; box-shadow:0 0 18px var(--qr-cyan); }
.qr-scale-orbit i:nth-child(1){left:48%;top:7%}.qr-scale-orbit i:nth-child(2){right:12%;top:53%;box-shadow:0 0 18px var(--qr-purple)}.qr-scale-orbit i:nth-child(3){left:16%;bottom:18%;box-shadow:0 0 18px var(--qr-gold)}
.qr-scale-orbit > b { position:absolute; inset:0; display:grid; place-items:center; color:#fff; font:600 clamp(44px,7vw,84px)/1 "Oxanium",sans-serif; text-shadow:0 0 30px rgba(117,228,255,.28); }
.qr-scale-copy > span { color:var(--qr-cyan); font:600 7.5px/1.4 "Oxanium",monospace; letter-spacing:.15em; }
.qr-scale-copy h3 { margin:14px 0 14px; max-width:600px; }
.qr-scale-copy > p { color:#a69faf; font-size:14px; line-height:1.7; }
.qr-scale-copy > div { margin-top:22px; padding-top:18px; border-top:1px solid rgba(255,255,255,.07); }
.qr-scale-copy > div b { display:block; color:var(--qr-gold); font:600 7.5px/1.4 "Oxanium",monospace; letter-spacing:.13em; text-transform:uppercase; }
.qr-scale-copy > div span { display:block; margin-top:8px; color:#817a89; font-size:11px; line-height:1.6; }

/* GDT frontier chamber */
.qr-gdt::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, transparent 0 49.9%, rgba(183,148,255,.04) 50%, transparent 50.1%),
    radial-gradient(circle at 50% 52%, rgba(105,62,214,.12), transparent 34rem);
}
.qr-frontier-chamber { position:relative; z-index:1; margin-top:48px; display:grid; grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr); gap:16px; }
.qr-frontier-core { min-height:100%; padding:30px; border:1px solid rgba(183,148,255,.18); border-radius:26px; background:linear-gradient(160deg,rgba(65,34,108,.15),rgba(6,6,13,.86)); }
.qr-frontier-core span,
.qr-frontier-questions span { color:var(--qr-purple); font:600 7.5px/1.4 "Oxanium",monospace; letter-spacing:.14em; }
.qr-frontier-core h3 { margin-top:24px; font-size:clamp(27px,3.2vw,46px); }
.qr-frontier-core p { color:#827b89; font-size:11px; line-height:1.7; }
.qr-frontier-questions { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.qr-frontier-questions article { padding:22px; border:1px solid rgba(255,255,255,.08); border-radius:20px; background:rgba(255,255,255,.02); }
.qr-frontier-questions article:nth-child(2) span { color:var(--qr-cyan); }
.qr-frontier-questions article:nth-child(3) span { color:var(--qr-gold); }
.qr-frontier-questions article:nth-child(4) span { color:#9be6c6; }
.qr-frontier-questions b { display:block; margin-top:14px; color:#ddd7e4; font-size:13px; line-height:1.45; }
.qr-frontier-questions p { margin:8px 0 0; color:#77717e; font-size:10px; line-height:1.62; }

/* Motion and reveal */
.qr-reveal { opacity:0; transform:translateY(18px); transition:opacity .7s ease, transform .7s ease; }
.qr-reveal.visible { opacity:1; transform:none; }

@media (max-width: 900px) {
  .qr-entry-actions { grid-template-columns:1fr; }
  .qr-entangle-console { grid-template-columns:1fr; }
  .qr-entangle-link { min-height:90px; }
  .qr-entangle-link i { left:20%; right:20%; }
  .qr-entangle-result { grid-column:auto; grid-template-columns:1fr; }
  .qr-three-insights { grid-template-columns:1fr; }
  .qr-classical-panels { grid-template-columns:1fr; }
  .qr-scale-display { grid-template-columns:1fr; padding:30px; }
  .qr-scale-orbit { max-width:300px; }
  .qr-frontier-chamber { grid-template-columns:1fr; }
}

@media (max-width: 700px) {
  .qr-section[data-chapter] { scroll-margin-top: calc(var(--header) + 108px); }
  .qr-entry-actions { margin-top:16px; }
  .qr-entry-actions a { min-height:62px; }
  .qr-lineage div { grid-template-columns:44px 1fr; }
  .qr-entangle-station { min-height:170px; padding:20px; }
  .qr-frontier-questions { grid-template-columns:1fr; }
  .qr-scale-display { padding:22px 18px 26px; }
  .qr-classical-lab { padding:18px; }
  .qr-classical-head { align-items:flex-start; }
}

@media (max-width: 430px) {
  .qr-museum-nav-wrap { top: calc(var(--header) + 6px); }
  .qr-museum-nav a { min-height:34px; display:flex; align-items:center; }
  .qr-interference-lab canvas { aspect-ratio:1.25; }
  .qr-console-readout { align-items:flex-start; flex-direction:column; }
  .qr-scale-rail { grid-template-columns:repeat(6,110px); }
  .qr-scale-orbit { max-width:250px; }
}

@media (prefers-reduced-motion: reduce) {
  .qr-entry-actions a,
  .qr-reveal { transition:none; }
  .qr-reveal { opacity:1; transform:none; }
}

/* Quantum Reality keeps its own immersive drawer on desktop and mobile */
.quantum-reality-page .menu { display: block; justify-self: end; }
.quantum-reality-page .nav {
  position: fixed;
  top: 92px;
  right: max(24px, calc((100vw - min(1240px, calc(100vw - 44px))) / 2));
  left: auto;
  width: min(660px, calc(100vw - 48px));
  max-height: calc(100dvh - 118px);
  overflow-y: auto;
  overscroll-behavior: contain;
  display: none;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  padding: 18px 16px 22px;
  border: 1px solid rgba(190,157,255,.26);
  border-radius: 22px;
  background:
    linear-gradient(rgba(164,121,255,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(164,121,255,.03) 1px, transparent 1px),
    radial-gradient(520px 270px at 12% -8%, rgba(106,226,255,.11), transparent 66%),
    radial-gradient(520px 320px at 102% 58%, rgba(151,82,255,.16), transparent 72%),
    rgba(5,4,15,.985);
  background-size: 34px 34px, 34px 34px, auto, auto, auto;
  box-shadow: 0 28px 90px rgba(0,0,0,.6), inset 0 1px rgba(255,255,255,.05);
  backdrop-filter: blur(24px) saturate(145%);
}
.quantum-reality-page .nav.open { display: flex; }
.quantum-reality-page .nav-intro {
  display: grid;
  gap: 5px;
  padding: 4px 8px 16px;
  border-bottom: 1px solid rgba(190,157,255,.16);
}
.quantum-reality-page .nav-intro span,
.quantum-reality-page .nav-section-label { color: #76e3f7; font: 600 9px/1.4 var(--mono); letter-spacing: .17em; }
.quantum-reality-page .nav-intro strong { color:#fff; font:500 20px/1.15 "Oxanium",sans-serif; letter-spacing:.015em; }
.quantum-reality-page .nav-intro small { color:#a79db8; font:10px/1.45 var(--mono); letter-spacing:.06em; }
.quantum-reality-page .nav-group {
  --nav-accent:#8ce8f7;
  display:grid;
  gap:7px;
  padding:13px 0 1px;
}
.quantum-reality-page .nav-group:nth-of-type(3) { --nav-accent:#c7b0ff; }
.quantum-reality-page .nav-group:nth-of-type(4) { --nav-accent:#dfb4ff; }
.quantum-reality-page .nav-group:nth-of-type(5) { --nav-accent:#ffe09a; }
.quantum-reality-page .nav-group:nth-of-type(6) { --nav-accent:#9be6c6; }
.quantum-reality-page .nav-group:nth-of-type(7) { --nav-accent:#ffe39a; }
.quantum-reality-page .nav-section-label { display:block; padding:0 8px 1px; color:var(--nav-accent); font-size:8px; }
.quantum-reality-page .nav a,
.quantum-reality-page .nav .action {
  display:grid;
  grid-template-columns:30px minmax(0,1fr) 22px;
  align-items:center;
  gap:12px;
  min-height:56px;
  margin:0;
  padding:9px 12px;
  border:1px solid rgba(186,155,255,.12);
  border-radius:13px;
  background:linear-gradient(115deg,rgba(255,255,255,.022),rgba(137,88,255,.032));
  color:#f8f4ff;
  text-align:left;
  text-decoration:none;
}
.quantum-reality-page .nav a::after { display:none; }
.quantum-reality-page .nav a:hover,
.quantum-reality-page .nav a:focus-visible,
.quantum-reality-page .nav a.active {
  border-color:rgba(117,226,247,.36);
  background:linear-gradient(115deg,rgba(93,226,246,.08),rgba(147,89,255,.1));
  box-shadow:inset 3px 0 var(--nav-accent),0 0 22px rgba(133,84,255,.08);
}
.quantum-reality-page .nav-link-index {
  display:grid; place-items:center; width:30px; aspect-ratio:1; border:1px solid rgba(129,225,247,.19); border-radius:50%; color:var(--nav-accent); font:600 8px/1 var(--mono);
}
.quantum-reality-page .nav-link-copy { display:grid; gap:3px; min-width:0; }
.quantum-reality-page .nav-link-copy b { color:var(--nav-accent); font:500 12px/1.2 "Oxanium",sans-serif; letter-spacing:.06em; text-transform:uppercase; }
.quantum-reality-page .nav-link-copy small { display:block; color:#b7adc9; font:10px/1.35 var(--mono); letter-spacing:.02em; text-transform:none; white-space:normal; }
.quantum-reality-page .nav-link-arrow { display:block; color:var(--nav-accent); font:14px/1 var(--mono); text-align:right; }

@media (max-width: 820px) {
  .quantum-reality-page .nav {
    top: 74px;
    inset-inline: 16px;
    width:auto;
    max-height:calc(100dvh - 99px);
    border-radius:20px;
  }
}

/* Keep room titles clear of the fixed header plus chapter rail when navigating anchors */
.qr-section[data-chapter] { scroll-margin-top: 158px; }
@media (max-width: 820px) { .qr-section[data-chapter] { scroll-margin-top: 150px; } }


/* Atlas v2.1 polish: cleaner transitions, archive image viewing, and touch-friendly interaction */
html { scroll-behavior: smooth; }
.qr-object-frame { overflow: hidden; }
.qr-object-frame img { transition: transform .5s cubic-bezier(.22,.61,.36,1), filter .35s ease; }
.qr-object-zoom {
  position: absolute;
  right: 22px;
  top: 22px;
  z-index: 4;
  min-width: 44px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 13px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 999px;
  background: rgba(4,5,10,.78);
  color: #eefbff;
  backdrop-filter: blur(10px);
  cursor: pointer;
  box-shadow: 0 8px 30px rgba(0,0,0,.28);
}
.qr-object-zoom span { font: 600 7px/1 "Oxanium", monospace; letter-spacing: .12em; text-transform: uppercase; }
.qr-object-zoom::after { content: " ↗"; margin-left: 6px; color: var(--qr-cyan); font-size: 11px; }
@media (hover:hover) and (pointer:fine) {
  .qr-object:hover .qr-object-frame img { transform: scale(1.018); filter: saturate(1) contrast(1.05); }
  .qr-object-zoom:hover { border-color: rgba(117,228,255,.42); background: rgba(10,18,24,.88); }
}

.qr-art-modal[hidden] { display:none; }
.qr-art-modal { position:fixed; inset:0; z-index:1001; display:grid; place-items:center; padding:20px; }
.qr-art-dialog {
  position:relative;
  z-index:1;
  width:min(1080px,96vw);
  max-height:94dvh;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  overflow:hidden;
  border:1px solid rgba(117,228,255,.18);
  border-radius:28px;
  background:#05050b;
  box-shadow:0 42px 180px rgba(0,0,0,.72), 0 0 80px rgba(92,68,180,.10);
}
.qr-art-image-wrap { min-height:0; overflow:auto; display:grid; place-items:center; padding:18px; background:radial-gradient(circle at 50% 25%, rgba(113,74,203,.10), transparent 45%), #020204; }
.qr-art-image-wrap img { display:block; max-width:100%; max-height:75dvh; width:auto; height:auto; border-radius:18px; box-shadow:0 20px 80px rgba(0,0,0,.45); }
.qr-art-dialog > p { margin:0; padding:15px 20px 19px; color:#7d7685; font-size:10px; line-height:1.65; }

.qr-complexity-meter { padding:17px 18px 19px; border-top:1px solid rgba(255,255,255,.06); background:rgba(4,5,10,.74); }
.qr-complexity-head { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.qr-complexity-head span { color:#6f6978; font:600 7px/1.4 "Oxanium",monospace; letter-spacing:.14em; }
.qr-complexity-head b { color:#ddd7e7; font-size:11px; font-weight:560; text-align:right; }
.qr-complexity-track { height:4px; margin:12px 0 11px; border-radius:999px; overflow:hidden; background:rgba(255,255,255,.06); }
.qr-complexity-track i { display:block; height:100%; width:28%; border-radius:inherit; background:linear-gradient(90deg,var(--qr-cyan),var(--qr-purple),var(--qr-gold)); box-shadow:0 0 14px rgba(117,228,255,.25); transition:width .45s ease; }
.qr-complexity-meter p { margin:0; color:#777180; font-size:9.5px; line-height:1.6; }

.qr-preset-row { display:flex; flex-wrap:wrap; gap:7px; margin-top:12px; }
.qr-preset-row button {
  min-width:44px;
  min-height:40px;
  padding:0 12px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:999px;
  background:rgba(255,255,255,.025);
  color:#817a8c;
  font:600 8px/1 "Oxanium",monospace;
  cursor:pointer;
}
.qr-preset-row button[aria-pressed="true"] { color:#061016; background:var(--qr-cyan); border-color:var(--qr-cyan); }
.qr-coupling-presets button[aria-pressed="true"] { background:var(--qr-gold); border-color:var(--qr-gold); color:#160f04; }

.qr-entangle-console[data-mode="correlated"] .qr-entangle-link i { box-shadow:0 0 28px rgba(117,228,255,.55), 0 0 42px rgba(183,148,255,.18); }
.qr-entangle-console[data-mode="cross"] .qr-entangle-link i { opacity:.38; box-shadow:none; }
.qr-entangle-console[data-mode="cross"] .qr-entangle-result { border-color:rgba(183,148,255,.15); }

.qr-question-answer {
  display:block;
  max-height:0;
  overflow:hidden;
  opacity:0;
  padding:0 22px 0 67px;
  transform:translateY(-4px);
  transition:max-height .4s cubic-bezier(.22,.61,.36,1), opacity .24s ease, transform .3s ease, padding .3s ease;
}
.qr-question-card.open .qr-question-answer {
  display:grid;
  max-height:480px;
  opacity:1;
  padding:0 22px 22px 67px;
  transform:none;
}

.qr-equation-display, .qr-scale-copy { transition:opacity .18s ease, transform .18s ease; }
.qr-ui-shift { opacity:.48 !important; transform:translateY(3px); }

.qr-museum-nav a { scroll-margin-inline:16px; }
.qr-object-zoom:focus-visible,
.qr-preset-row button:focus-visible,
.qr-equation-tabs button:focus-visible,
.qr-qubit-controls button:focus-visible,
.qr-basis-buttons button:focus-visible,
.qr-scale-rail button:focus-visible {
  outline:2px solid rgba(117,228,255,.88);
  outline-offset:3px;
}

@media (max-width:700px) {
  .qr-museum-nav { background:rgba(7,5,13,.95); backdrop-filter:blur(8px); }
  .qr-object-zoom { right:16px; top:16px; padding:0 11px; background:rgba(4,5,10,.9); backdrop-filter:none; }
  .qr-object-zoom span { font-size:6.5px; }
  .qr-complexity-head { align-items:flex-start; flex-direction:column; gap:5px; }
  .qr-complexity-head b { text-align:left; }
  .qr-question-answer { padding-left:55px; padding-right:18px; }
  .qr-question-card.open .qr-question-answer { padding-left:55px; padding-right:18px; padding-bottom:20px; }
  .qr-art-modal { padding:8px; }
  .qr-art-dialog { border-radius:20px; max-height:96dvh; }
  .qr-art-image-wrap { padding:10px; }
  .qr-art-image-wrap img { max-height:76dvh; border-radius:12px; }
  .qr-preset-row button { flex:1 1 auto; }
  .ambient-field { opacity:.62; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  .qr-object-frame img,
  .qr-complexity-track i,
  .qr-question-answer,
  .qr-equation-display,
  .qr-scale-copy { transition:none !important; }
}

/* v8.63 | Animated research visuals, scientifically bounded */
.qr-origin-date {
  max-width: 620px !important;
  font-size: clamp(26px, 3.2vw, 42px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.045em !important;
}

.qr-chamber-v2 { min-height: 610px; }
.qr-observatory-art {
  --rx: 0deg;
  --ry: 0deg;
  position: relative;
  width: min(650px, 100%);
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border: 1px solid rgba(154,132,255,.2);
  border-radius: 34px;
  background: #050711;
  box-shadow: inset 0 0 70px rgba(117,228,255,.05), 0 32px 90px rgba(0,0,0,.38), 0 0 55px rgba(137,93,255,.08);
  transform: perspective(1200px) rotateX(var(--rx)) rotateY(var(--ry));
  transform-style: preserve-3d;
  transition: transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .45s ease;
  isolation: isolate;
}
.qr-observatory-art::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(125deg, rgba(255,255,255,.08), transparent 19%, transparent 72%, rgba(117,228,255,.035));
  mix-blend-mode: screen;
}
.qr-observatory-art::after {
  content: "";
  position: absolute;
  inset: 12px;
  z-index: 4;
  pointer-events: none;
  border: 1px solid rgba(255,255,255,.04);
  border-radius: 25px;
}
.qr-observatory-art img {
  position: absolute;
  inset: -2%;
  width: 104%;
  height: 104%;
  object-fit: cover;
  transform: scale(1.015);
  filter: saturate(.94) contrast(1.03) brightness(.96);
  animation: qr-observatory-breathe 14s ease-in-out infinite alternate;
  animation-play-state: paused;
}
.qr-observatory-art.in-view img { animation-play-state: running; }
.qr-observatory-glow {
  position: absolute;
  inset: -20%;
  z-index: 1;
  pointer-events: none;
  background:
    radial-gradient(circle at 28% 38%, rgba(117,228,255,.16), transparent 15%),
    radial-gradient(circle at 68% 45%, rgba(183,148,255,.19), transparent 16%),
    radial-gradient(circle at 52% 68%, rgba(244,203,114,.1), transparent 12%);
  filter: blur(10px);
  opacity: .78;
  animation: qr-field-shift 12s ease-in-out infinite alternate;
  animation-play-state: paused;
}
.qr-observatory-art.in-view .qr-observatory-glow { animation-play-state: running; }
.qr-observatory-scan {
  position: absolute;
  left: 7%;
  right: 7%;
  top: -18%;
  z-index: 5;
  height: 22%;
  pointer-events: none;
  background: linear-gradient(180deg, transparent, rgba(117,228,255,.04), rgba(255,255,255,.11), rgba(183,148,255,.03), transparent);
  filter: blur(1px);
  opacity: .45;
  animation: qr-scan-pass 8.5s linear infinite;
  animation-play-state: paused;
}
.qr-observatory-art.in-view .qr-observatory-scan { animation-play-state: running; }
.qr-field-point {
  position: absolute;
  z-index: 6;
  width: 7px;
  height: 7px;
  margin: -3.5px;
  border-radius: 50%;
  background: #eefaff;
  box-shadow: 0 0 8px #fff, 0 0 20px rgba(117,228,255,.9), 0 0 38px rgba(183,148,255,.65);
  opacity: .3;
  animation: qr-node-phase 4.8s ease-in-out infinite;
  animation-play-state: paused;
}
.qr-observatory-art.in-view .qr-field-point { animation-play-state: running; }
.qr-field-point.p1 { left: 22%; top: 31%; animation-delay: -.6s; }
.qr-field-point.p2 { left: 48%; top: 21%; animation-delay: -1.9s; }
.qr-field-point.p3 { left: 71%; top: 39%; animation-delay: -3.1s; }
.qr-field-point.p4 { left: 31%; top: 66%; animation-delay: -2.2s; }
.qr-field-point.p5 { left: 61%; top: 70%; animation-delay: -4.0s; }
.qr-field-point.p6 { left: 78%; top: 61%; animation-delay: -1.1s; }
.qr-concept-caption {
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 16px;
  z-index: 8;
  margin: 0;
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 12px;
  background: rgba(3,5,11,.72);
  backdrop-filter: blur(10px);
  color: rgba(224,219,235,.72);
  font-size: 9px;
  line-height: 1.55;
}

.qr-hilbert-exhibit { min-width: 0; }
.qr-hilbert-art {
  --rx: 0deg;
  --ry: 0deg;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(174,151,244,.16);
  border-radius: 30px;
  background: linear-gradient(160deg, rgba(19,15,31,.88), rgba(6,7,13,.92));
  box-shadow: 0 34px 110px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.03);
  transform: perspective(1300px) rotateX(var(--rx)) rotateY(var(--ry));
  transition: transform .5s cubic-bezier(.2,.8,.2,1), border-color .4s ease;
}
.qr-hilbert-frame {
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: #050711;
}
.qr-hilbert-frame::before,
.qr-hilbert-frame::after {
  content: "";
  position: absolute;
  z-index: 5;
  width: 34px;
  height: 34px;
  pointer-events: none;
}
.qr-hilbert-frame::before { left: 22px; top: 22px; border-left: 1px solid var(--qr-cyan); border-top: 1px solid var(--qr-cyan); }
.qr-hilbert-frame::after { right: 22px; bottom: 22px; border-right: 1px solid var(--qr-purple); border-bottom: 1px solid var(--qr-purple); }
.qr-hilbert-frame img {
  position: absolute;
  inset: -3%;
  width: 106%;
  height: 106%;
  object-fit: cover;
  filter: saturate(.92) contrast(1.04) brightness(.92);
  transform: translate3d(0,0,0) scale(1.025);
  animation: qr-hilbert-drift 17s ease-in-out infinite alternate;
  animation-play-state: paused;
}
.qr-hilbert-art.in-view .qr-hilbert-frame img { animation-play-state: running; }
.qr-hilbert-grid {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  opacity: .17;
  background-image:
    linear-gradient(rgba(117,228,255,.11) 1px, transparent 1px),
    linear-gradient(90deg, rgba(183,148,255,.1) 1px, transparent 1px);
  background-size: 54px 54px;
  transform: perspective(700px) rotateX(63deg) scale(1.55) translateY(15%);
  transform-origin: 50% 75%;
  animation: qr-grid-phase 12s linear infinite;
  animation-play-state: paused;
}
.qr-hilbert-art.in-view .qr-hilbert-grid { animation-play-state: running; }
.qr-hilbert-scan {
  position: absolute;
  left: 0;
  right: 0;
  top: -25%;
  z-index: 4;
  height: 28%;
  pointer-events: none;
  background: linear-gradient(180deg, transparent, rgba(255,255,255,.08), rgba(117,228,255,.09), transparent);
  opacity: .42;
  animation: qr-hilbert-scan 9.5s linear infinite;
  animation-play-state: paused;
}
.qr-hilbert-art.in-view .qr-hilbert-scan { animation-play-state: running; }
.qr-hilbert-pulse {
  position: absolute;
  z-index: 4;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: white;
  box-shadow: 0 0 12px rgba(255,255,255,.95), 0 0 28px rgba(117,228,255,.72), 0 0 54px rgba(183,148,255,.46);
  opacity: .16;
  animation: qr-node-phase 5.4s ease-in-out infinite;
  animation-play-state: paused;
}
.qr-hilbert-art.in-view .qr-hilbert-pulse { animation-play-state: running; }
.qr-hilbert-pulse.hp1 { left: 31%; top: 28%; animation-delay: -.8s; }
.qr-hilbert-pulse.hp2 { left: 57%; top: 37%; animation-delay: -2.4s; }
.qr-hilbert-pulse.hp3 { left: 67%; top: 62%; animation-delay: -3.3s; }
.qr-hilbert-pulse.hp4 { left: 42%; top: 71%; animation-delay: -1.7s; }
.qr-hilbert-art figcaption { padding: 22px 24px 25px; }
.qr-hilbert-art figcaption span {
  display: block;
  color: var(--qr-cyan);
  font: 600 8px/1.4 "Oxanium", monospace;
  letter-spacing: .16em;
}
.qr-hilbert-art figcaption b {
  display: block;
  margin-top: 9px;
  color: #f3eef7;
  font-size: 20px;
  line-height: 1.3;
  font-weight: 560;
}
.qr-hilbert-art figcaption p { margin: 10px 0 0; max-width: 780px; color: #8f8799; font-size: 12px; line-height: 1.7; }
.qr-science-note { border-color: rgba(117,228,255,.13); background: rgba(117,228,255,.025); }
.qr-science-note .qr-label { color: var(--qr-cyan); }

@keyframes qr-observatory-breathe {
  0% { transform: scale(1.015) translate3d(-.4%, .3%, 0); filter: saturate(.92) contrast(1.02) brightness(.94); }
  50% { filter: saturate(1) contrast(1.04) brightness(1); }
  100% { transform: scale(1.055) translate3d(.55%, -.35%, 0); filter: saturate(.96) contrast(1.03) brightness(.97); }
}
@keyframes qr-field-shift {
  0% { transform: translate3d(-2%, 1%, 0) scale(1); opacity: .55; }
  100% { transform: translate3d(2%, -1.5%, 0) scale(1.05); opacity: .88; }
}
@keyframes qr-scan-pass { from { transform: translateY(0); } to { transform: translateY(620%); } }
@keyframes qr-node-phase { 0%,100% { opacity: .16; transform: scale(.72); } 45% { opacity: .95; transform: scale(1.5); } 65% { opacity: .44; transform: scale(.92); } }
@keyframes qr-hilbert-drift { 0% { transform: scale(1.025) translate3d(-.6%, .5%, 0); } 100% { transform: scale(1.07) translate3d(.75%, -.6%, 0); } }
@keyframes qr-grid-phase { from { background-position: 0 0, 0 0; } to { background-position: 54px 54px, -54px 54px; } }
@keyframes qr-hilbert-scan { from { transform: translateY(0); } to { transform: translateY(500%); } }

@media (max-width: 900px) {
  .qr-chamber-v2 { min-height: 470px; }
  .qr-observatory-art { width: min(100%, 620px); border-radius: 28px; }
  .qr-origin-date { font-size: clamp(26px, 6.5vw, 38px) !important; }
  .qr-hilbert-art { border-radius: 24px; }
}
@media (max-width: 620px) {
  .qr-chamber-v2 { min-height: auto; margin-top: 34px; }
  .qr-observatory-art { width: 100%; border-radius: 24px; }
  .qr-concept-caption { left: 10px; right: 10px; bottom: 10px; padding: 8px 9px; font-size: 7.5px; }
  .qr-origin-date { font-size: clamp(25px, 7.4vw, 34px) !important; line-height: 1 !important; }
  .qr-hilbert-frame::before { left: 14px; top: 14px; }
  .qr-hilbert-frame::after { right: 14px; bottom: 14px; }
  .qr-hilbert-art figcaption { padding: 17px 18px 20px; }
  .qr-hilbert-art figcaption b { font-size: 17px; }
  .qr-hilbert-art figcaption p { font-size: 10.5px; }
}

/* v8.64 | Motion polish for educational diagrams */
.qr-state-signal {
  animation: qr-state-signal var(--node-speed, 5.6s) ease-in-out infinite;
  animation-delay: var(--node-delay, 0s);
}
.qr-entangle-console[data-mode="correlated"] .qr-entangle-link i {
  animation: qr-entangle-breathe 3.8s ease-in-out infinite;
}
.qr-blackhole .qr-accretion {
  animation: qr-accretion-breathe 12s ease-in-out infinite alternate;
  transform-origin: 50% 50%;
}
@keyframes qr-state-signal {
  0%, 100% { box-shadow: 0 0 14px rgba(130,225,255,.55); filter: brightness(.88); }
  50% { box-shadow: 0 0 24px rgba(130,225,255,.95), 0 0 36px rgba(183,148,255,.28); filter: brightness(1.18); }
}
@keyframes qr-entangle-breathe {
  0%, 100% { opacity:.68; box-shadow:0 0 20px rgba(117,228,255,.34), 0 0 30px rgba(183,148,255,.12); }
  50% { opacity:1; box-shadow:0 0 34px rgba(117,228,255,.62), 0 0 52px rgba(183,148,255,.24); }
}
@keyframes qr-accretion-breathe {
  0% { opacity:.68; filter: blur(10px) brightness(.88); }
  100% { opacity:.92; filter: blur(8px) brightness(1.12); }
}

@media (prefers-reduced-motion: reduce) {
  .qr-observatory-art,
  .qr-hilbert-art { transition: none !important; transform: none !important; }
  .qr-observatory-art img,
  .qr-observatory-glow,
  .qr-observatory-scan,
  .qr-field-point,
  .qr-hilbert-frame img,
  .qr-hilbert-grid,
  .qr-hilbert-scan,
  .qr-hilbert-pulse,
  .qr-state-signal,
  .qr-entangle-link i,
  .qr-accretion { animation: none !important; }
}

/* V2.5 final micro-polish: mobile chrome, readability, density, and battery-aware motion */
.qr-lab-head span,
.qr-state-readout span,
.qr-protected p,
.qr-transition-step span,
.qr-loop-core small,
.qr-blackhole-label,
.qr-object figcaption p,
.qr-archive-instruction,
.qr-equation-display p,
.qr-room-note p,
.qr-console-readout span,
.qr-entangle-result p,
.qr-three-insights p,
.qr-classical-lab > p,
.qr-scale-copy > div span,
.qr-frontier-core p,
.qr-frontier-questions p,
.qr-complexity-meter p,
.qr-page-footer .footer-note {
  color: #9e97aa;
}
.qr-question-answer p,
.qr-gdt-card p,
.qr-test p { color: #aaa3b5; }
.qr-scale-rail button { color: #91899d; }
.qr-provenance-dialog > p,
.qr-art-dialog > p { color: #958d9f; }

/* Off-screen animated modules pause to reduce mobile GPU/battery load. */
.qr-state-node,
.qr-entangle-console[data-mode="correlated"] .qr-entangle-link i,
.qr-accretion { animation-play-state: paused; }
.qr-state-viz.in-view .qr-state-node,
.qr-entangle-console.in-view[data-mode="correlated"] .qr-entangle-link i,
.qr-blackhole.in-view .qr-accretion { animation-play-state: running; }

@media (max-width: 700px) {
  .quantum-reality-page .header,
  .quantum-reality-page .header .head,
  .quantum-reality-page .header .brand small,
  .quantum-reality-page .header-graph,
  .quantum-reality-page .signal-mark,
  .quantum-reality-page .menu {
    transition: height .24s ease, min-height .24s ease, top .24s ease, padding .24s ease, opacity .2s ease, width .24s ease, flex-basis .24s ease, transform .24s ease, margin .24s ease;
  }

  .quantum-reality-page.qr-condensed { --header: 54px; }
  .quantum-reality-page.qr-condensed .header { top: 4px; height: var(--header); }
  .quantum-reality-page.qr-condensed .header .head {
    min-height: 48px;
    padding-left: 10px;
    border-radius: 14px;
  }
  .quantum-reality-page.qr-condensed .header .signal-mark {
    width: 31px;
    height: 27px;
    flex-basis: 31px;
  }
  .quantum-reality-page.qr-condensed .header .brand b { font-size: 13px; }
  .quantum-reality-page.qr-condensed .header .brand small {
    max-width: 0;
    margin-left: 0;
    opacity: 0;
    overflow: hidden;
  }
  .quantum-reality-page.qr-condensed .header-graph {
    width: 0;
    flex-basis: 0;
    margin-left: 0;
    opacity: 0;
    overflow: hidden;
  }
  .quantum-reality-page.qr-condensed .menu { transform: scale(.9); }
  .quantum-reality-page.qr-condensed .qr-museum-nav-wrap { top: calc(var(--header) + 4px); }
  .quantum-reality-page.qr-condensed .qr-museum-nav a { padding: 8px 10px; }

  .qr-section { padding: 68px 0; }
  .qr-gdt-card,
  .qr-test,
  .qr-frontier-core,
  .qr-frontier-questions article { padding: 22px; }
  .qr-gdt-card h3 { margin-top: 28px; }
  .qr-test h3 { margin-top: 22px; }
  .qr-question-card > button { padding-top: 17px; padding-bottom: 17px; }
  .qr-section[data-chapter] { scroll-margin-top: calc(var(--header) + 94px); }
}

@media (max-width: 430px) {
  .qr-section { padding: 62px 0; }
  .qr-lede { line-height: 1.54; }
  .qr-body { line-height: 1.7; }
  .qr-museum-nav { padding: 6px; }
  .qr-museum-nav a { min-height: 32px; }
}

/* V2.6 featured quantum film + interactive Map of Reality */
.qr-feature-film { padding-top: clamp(70px, 8vw, 112px); }
.qr-film-grid { display:grid; grid-template-columns:minmax(0,.86fr) minmax(360px,1.14fr); gap:clamp(34px,6vw,84px); align-items:center; }
.qr-film-copy h2 { font-size:clamp(42px,5.7vw,78px); }
.qr-film-facts { margin-top:30px; display:grid; gap:1px; border:1px solid rgba(117,228,255,.12); border-radius:18px; overflow:hidden; background:rgba(117,228,255,.08); }
.qr-film-facts div { padding:16px 18px; display:grid; grid-template-columns:118px 1fr; gap:15px; background:rgba(8,8,18,.9); }
.qr-film-facts span { color:#8f889e; font:600 8px/1.4 "Oxanium",monospace; letter-spacing:.15em; }
.qr-film-facts b { color:#d8d2e0; font-size:13px; font-weight:500; line-height:1.5; }
.qr-film-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:24px; }
.qr-film-actions button,
.qr-film-actions a { min-height:44px; padding:0 16px; border-radius:999px; border:1px solid rgba(117,228,255,.2); background:rgba(117,228,255,.055); color:#dff7ff; font:600 10px/1 "Oxanium",monospace; letter-spacing:.08em; text-decoration:none; cursor:pointer; }
.qr-film-actions button:hover,
.qr-film-actions a:hover { border-color:rgba(117,228,255,.55); background:rgba(117,228,255,.1); }
.qr-film-stage { position:relative; overflow:hidden; border:1px solid rgba(183,148,255,.22); border-radius:30px; background:#05060c; box-shadow:0 30px 80px rgba(0,0,0,.4), inset 0 0 60px rgba(117,228,255,.035); }
.qr-film-stage::before { content:""; position:absolute; inset:0; z-index:2; pointer-events:none; background:linear-gradient(180deg,rgba(4,4,10,.04),transparent 58%,rgba(4,4,10,.7)); }
.qr-film-stage video { display:block; width:100%; aspect-ratio:4/5; object-fit:cover; background:#05060c; }
.qr-film-hud { position:absolute; z-index:3; left:18px; right:18px; bottom:18px; display:grid; gap:4px; pointer-events:none; }
.qr-film-hud span { color:var(--qr-cyan); font:600 8px/1.4 "Oxanium",monospace; letter-spacing:.18em; }
.qr-film-hud b { color:#f2edf9; font:600 11px/1.3 "Oxanium",monospace; letter-spacing:.08em; }
.qr-film-hud i { width:34%; height:1px; margin-top:8px; background:linear-gradient(90deg,var(--qr-cyan),var(--qr-purple),transparent); box-shadow:0 0 14px rgba(117,228,255,.45); }
.qr-film-expand { position:absolute; z-index:4; right:16px; top:16px; min-height:38px; padding:0 13px; border:1px solid rgba(255,255,255,.18); border-radius:999px; background:rgba(4,4,12,.72); color:#fff; backdrop-filter:blur(10px); font:600 8px/1 "Oxanium",monospace; letter-spacing:.12em; cursor:pointer; }
.qr-film-dialog { width:min(880px,calc(100vw - 28px)); padding:0; border:1px solid rgba(117,228,255,.25); border-radius:26px; background:#060711; color:#eeeaf7; box-shadow:0 35px 120px rgba(0,0,0,.7); }
.qr-film-dialog::backdrop { background:rgba(0,0,0,.76); backdrop-filter:blur(8px); }
.qr-film-dialog-head { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:17px 20px; border-bottom:1px solid rgba(255,255,255,.08); }
.qr-film-dialog-head span { display:block; color:var(--qr-cyan); font:600 8px/1.4 "Oxanium",monospace; letter-spacing:.16em; }
.qr-film-dialog-head b { display:block; margin-top:4px; font-size:15px; }
.qr-film-dialog-head button { width:38px; height:38px; border-radius:50%; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.04); color:#fff; font-size:24px; cursor:pointer; }
.qr-film-dialog video { display:block; width:100%; max-height:72vh; background:#000; }
.qr-film-dialog > p { margin:0; padding:16px 20px 20px; color:#a49dad; font-size:12px; line-height:1.6; }

.qr-reality-map-section { background:radial-gradient(circle at 50% 36%,rgba(55,174,255,.07),transparent 33%),radial-gradient(circle at 82% 42%,rgba(244,203,114,.055),transparent 30%); }
.qr-reality-map { --map-coupling:.34; margin-top:44px; border:1px solid rgba(117,228,255,.18); border-radius:30px; overflow:hidden; background:linear-gradient(180deg,rgba(8,12,24,.93),rgba(5,5,13,.97)); box-shadow:0 30px 100px rgba(0,0,0,.35), inset 0 0 80px rgba(117,228,255,.025); }
.qr-map-toolbar { display:grid; grid-template-columns:1.35fr 1fr auto; align-items:end; gap:16px; padding:18px; border-bottom:1px solid rgba(255,255,255,.075); background:rgba(4,7,15,.72); }
.qr-map-rep-controls > span,
.qr-map-coupling-control label { display:block; margin-bottom:9px; color:#8e8799; font:600 8px/1.4 "Oxanium",monospace; letter-spacing:.15em; text-transform:uppercase; }
.qr-map-rep-controls button,
.qr-map-play { min-height:40px; padding:0 12px; border:1px solid rgba(255,255,255,.11); border-radius:12px; background:rgba(255,255,255,.025); color:#9f98aa; font:600 9px/1 "Oxanium",monospace; cursor:pointer; }
.qr-map-rep-controls button[aria-pressed="true"] { color:#071017; border-color:var(--qr-cyan); background:linear-gradient(110deg,var(--qr-cyan),#b6edff); box-shadow:0 0 24px rgba(117,228,255,.18); }
.qr-map-play { min-width:108px; border-color:rgba(244,203,114,.2); color:#e9d79f; }
.qr-map-play[aria-pressed="true"] { background:rgba(244,203,114,.1); box-shadow:0 0 22px rgba(244,203,114,.1); }
.qr-map-coupling-control input { width:100%; accent-color:#75e4ff; }
.qr-map-coupling-control label strong { color:#edf9ff; }
.qr-map-coupling-control p { margin:7px 0 0; color:#8f899a; font-size:11px; line-height:1.5; }

.qr-map-stage-rail { position:relative; display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:0; padding:18px; overflow-x:auto; border-bottom:1px solid rgba(255,255,255,.065); }
.qr-map-stage-rail::before { content:""; position:absolute; left:7%; right:7%; top:57px; height:1px; background:linear-gradient(90deg,#b794ff,#75e4ff 45%,#f4cb72); opacity:.34; }
.qr-map-stage-rail button { position:relative; z-index:1; min-width:116px; min-height:92px; padding:8px 7px; border:0; background:transparent; color:#8d8797; text-align:center; cursor:pointer; }
.qr-map-stage-rail button span { display:block; color:#665f72; font:600 8px/1 "Oxanium",monospace; letter-spacing:.11em; }
.qr-map-stage-rail button i { display:grid; place-items:center; width:42px; height:42px; margin:8px auto 7px; border:1px solid rgba(255,255,255,.13); border-radius:50%; background:#080a13; color:#b2aabf; font:normal 18px/1 Georgia,serif; transition:.25s ease; }
.qr-map-stage-rail button b { display:block; font:600 9px/1.25 "Oxanium",monospace; }
.qr-map-stage-rail button[aria-pressed="true"] { color:#f1edf8; }
.qr-map-stage-rail button[aria-pressed="true"] i { color:#081017; border-color:var(--qr-cyan); background:var(--qr-cyan); box-shadow:0 0 30px rgba(117,228,255,.35); transform:scale(1.08); }
.qr-map-shortcut { color:var(--qr-gold) !important; }

.qr-map-console { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr); min-height:520px; }
.qr-map-visual { position:relative; min-height:520px; overflow:hidden; border-right:1px solid rgba(255,255,255,.07); background:radial-gradient(circle at 50% 50%,rgba(117,228,255,calc(.03 + var(--map-coupling)*.08)),transparent 36%),linear-gradient(180deg,#060915,#04050b); }
.qr-map-cosmos { position:absolute; inset:0; opacity:.6; }
.qr-map-cosmos i { position:absolute; width:3px; height:3px; border-radius:50%; background:white; box-shadow:0 0 12px rgba(117,228,255,.8); }
.qr-map-cosmos i:nth-child(1){left:12%;top:20%}.qr-map-cosmos i:nth-child(2){left:76%;top:17%}.qr-map-cosmos i:nth-child(3){left:66%;top:70%}.qr-map-cosmos i:nth-child(4){left:24%;top:78%}.qr-map-cosmos i:nth-child(5){left:87%;top:48%}.qr-map-cosmos i:nth-child(6){left:43%;top:13%}
.qr-map-representation { position:absolute; inset:10% 5% 14%; width:90%; height:76%; overflow:visible; }
.qr-map-rep-layer { opacity:0; transform-origin:center; transition:opacity .45s ease, transform .6s ease; pointer-events:none; }
.qr-reality-map[data-map-representation="2d"] [data-map-rep-layer="2d"],
.qr-reality-map[data-map-representation="3d"] [data-map-rep-layer="3d"],
.qr-reality-map[data-map-representation="state"] [data-map-rep-layer="state"] { opacity:1; }
.qr-map-rep-2d path { fill:none; stroke:#75e4ff; stroke-width:3; filter:drop-shadow(0 0 8px rgba(117,228,255,.45)); }
.qr-map-rep-2d path:nth-child(2) { stroke:#b794ff; }
.qr-map-rep-2d line { stroke:rgba(255,255,255,.15); }
.qr-map-rep-2d circle { fill:#fff; stroke:#f4cb72; stroke-width:5; filter:drop-shadow(0 0 14px rgba(244,203,114,.75)); }
.qr-map-rep-3d path,.qr-map-rep-3d line { fill:none; stroke:rgba(117,228,255,.42); stroke-width:2; }
.qr-map-rep-3d path:nth-child(n+5) { stroke:#b794ff; stroke-width:3; filter:drop-shadow(0 0 7px rgba(183,148,255,.32)); }
.qr-map-rep-state ellipse,.qr-map-rep-state line { fill:none; stroke:rgba(117,228,255,.38); stroke-width:2; }
.qr-map-rep-state circle { fill:#b794ff; stroke:#eefbff; stroke-width:2; filter:drop-shadow(0 0 8px rgba(117,228,255,.55)); }
.qr-map-rep-state .qr-map-state-core { fill:#fff; stroke:#f4cb72; stroke-width:5; }
.qr-map-rep-state .qr-map-state-link { fill:none; stroke:rgba(244,203,114,.45); stroke-width:2; stroke-dasharray:8 8; }
.qr-map-field-line { position:absolute; left:11%; right:11%; top:50%; height:2px; background:linear-gradient(90deg,transparent,#b794ff,#75e4ff,#f4cb72,transparent); opacity:calc(.18 + var(--map-coupling)*.52); box-shadow:0 0 calc(10px + var(--map-coupling)*26px) rgba(117,228,255,.55); transform:scaleX(calc(.54 + var(--map-coupling)*.46)); transition:.35s ease; }
.qr-map-visual-label { position:absolute; left:24px; bottom:22px; z-index:3; }
.qr-map-visual-label span { display:block; color:var(--qr-cyan); font:600 8px/1.4 "Oxanium",monospace; letter-spacing:.16em; }
.qr-map-visual-label b { display:block; margin-top:5px; font-size:18px; font-weight:500; }

.qr-map-detail { padding:32px 30px; background:linear-gradient(180deg,rgba(13,12,28,.85),rgba(8,8,17,.9)); }
.qr-map-detail > span { color:var(--qr-gold); font:600 9px/1.4 "Oxanium",monospace; letter-spacing:.16em; }
.qr-map-detail h3 { margin:14px 0 18px; font-size:clamp(30px,3vw,44px); }
.qr-map-detail > p { color:#b8b1c2; font-size:15px; line-height:1.72; }
.qr-map-detail-grid { display:grid; gap:12px; margin-top:28px; }
.qr-map-detail-grid div { padding:15px 16px; border:1px solid rgba(255,255,255,.075); border-radius:15px; background:rgba(255,255,255,.018); }
.qr-map-detail-grid b { display:block; color:#8fcfe0; font:600 8px/1.4 "Oxanium",monospace; letter-spacing:.14em; }
.qr-map-detail-grid p { margin:7px 0 0; color:#9f98aa; font-size:12px; line-height:1.62; }

.qr-map-scale-section { border-top:1px solid rgba(255,255,255,.07); padding:24px 18px 18px; }
.qr-map-scale-head { display:flex; justify-content:space-between; gap:20px; align-items:baseline; padding:0 6px 16px; }
.qr-map-scale-head span { color:var(--qr-cyan); font:600 9px/1.4 "Oxanium",monospace; letter-spacing:.16em; }
.qr-map-scale-head b { color:#9d96a7; font-size:12px; font-weight:500; }
.qr-map-scale-rail { display:grid; grid-template-columns:repeat(8,minmax(104px,1fr)); overflow-x:auto; gap:6px; padding-bottom:10px; }
.qr-map-scale-rail button { min-height:88px; padding:10px 7px; border:1px solid rgba(255,255,255,.075); border-radius:14px; background:rgba(255,255,255,.018); color:#918b9b; text-align:center; cursor:pointer; }
.qr-map-scale-rail i { display:block; color:#b794ff; font:normal 20px/1 Georgia,serif; }
.qr-map-scale-rail b { display:block; margin-top:8px; color:#c7c1cf; font:600 8px/1.2 "Oxanium",monospace; }
.qr-map-scale-rail small { display:block; margin-top:5px; color:#706a79; font-size:9px; }
.qr-map-scale-rail button[aria-pressed="true"] { border-color:rgba(117,228,255,.42); background:rgba(117,228,255,.055); box-shadow:inset 0 0 30px rgba(117,228,255,.035); }
.qr-map-scale-rail button[aria-pressed="true"] i,.qr-map-scale-rail button[aria-pressed="true"] b { color:#dffaff; }
.qr-map-scale-detail { display:grid; grid-template-columns:100px 1fr; gap:22px; align-items:center; min-height:150px; margin-top:8px; padding:22px; border:1px solid rgba(117,228,255,.12); border-radius:19px; background:rgba(6,10,20,.7); }
.qr-map-scale-symbol { display:grid; place-items:center; width:90px; height:90px; border:1px solid rgba(183,148,255,.24); border-radius:50%; color:#fff; font:normal 38px/1 Georgia,serif; background:radial-gradient(circle,rgba(183,148,255,.22),transparent 62%); box-shadow:inset 0 0 28px rgba(117,228,255,.06); }
.qr-map-scale-detail span:first-child { color:var(--qr-cyan); font:600 8px/1.4 "Oxanium",monospace; letter-spacing:.15em; }
.qr-map-scale-detail h3 { margin:7px 0 8px; font-size:23px; }
.qr-map-scale-detail p { margin:5px 0; color:#a8a1b2; font-size:12px; line-height:1.62; }
.qr-map-scale-detail p b { color:#ddd6e8; }
.qr-map-boundary { margin:0 18px 20px; padding:17px 19px; border:1px solid rgba(244,203,114,.16); border-radius:16px; background:rgba(244,203,114,.032); color:#9991a2; font-size:12px; line-height:1.65; }
.qr-map-boundary b { color:#f4cb72; }

.qr-reality-map[data-map-stage="interaction"] { --map-stage-accent:#75e4ff; }
.qr-reality-map[data-map-stage="decoherence"] { --map-stage-accent:#8eeaff; }
.qr-reality-map[data-map-stage="records"] { --map-stage-accent:#f4cb72; }
.qr-reality-map[data-map-stage="structure"] { --map-stage-accent:#e7b76b; }
.qr-reality-map[data-map-stage="observer"] { --map-stage-accent:#b794ff; }
.qr-reality-map[data-map-stage="frontier"] { --map-stage-accent:#75e4ff; }

@media (max-width: 900px) {
  .qr-film-grid { grid-template-columns:1fr; }
  .qr-film-stage { width:min(620px,100%); margin-inline:auto; }
  .qr-map-toolbar { grid-template-columns:1fr; align-items:stretch; }
  .qr-map-play { width:100%; }
  .qr-map-console { grid-template-columns:1fr; }
  .qr-map-visual { min-height:440px; border-right:0; border-bottom:1px solid rgba(255,255,255,.07); }
  .qr-map-stage-rail { grid-template-columns:repeat(7,130px); }
  .qr-map-scale-rail { grid-template-columns:repeat(8,112px); }
}
@media (max-width: 620px) {
  .qr-film-facts div { grid-template-columns:1fr; gap:4px; }
  .qr-film-stage { border-radius:22px; }
  .qr-film-stage video { aspect-ratio:4/5; }
  .qr-map-toolbar { padding:14px; }
  .qr-map-rep-controls { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; }
  .qr-map-rep-controls > span { grid-column:1/-1; }
  .qr-map-rep-controls button { padding:0 7px; font-size:8px; }
  .qr-map-stage-rail { padding:12px; grid-template-columns:repeat(7,116px); }
  .qr-map-stage-rail::before { top:51px; }
  .qr-map-stage-rail button { min-width:110px; min-height:82px; }
  .qr-map-stage-rail button i { width:38px; height:38px; }
  .qr-map-visual { min-height:360px; }
  .qr-map-representation { inset:9% 2% 15%; width:96%; height:76%; }
  .qr-map-detail { padding:24px 20px; }
  .qr-map-scale-section { padding-inline:12px; }
  .qr-map-scale-head { display:block; }
  .qr-map-scale-head b { display:block; margin-top:6px; line-height:1.5; }
  .qr-map-scale-detail { grid-template-columns:70px 1fr; gap:15px; padding:17px; }
  .qr-map-scale-symbol { width:66px; height:66px; font-size:28px; }
  .qr-map-scale-detail h3 { font-size:19px; }
  .qr-map-boundary { margin-inline:12px; }
}

@media (prefers-reduced-motion: reduce) {
  .qr-map-rep-layer,
  .qr-map-stage-rail button i,
  .qr-map-field-line { transition:none !important; }
}

/* V2.8: Grand Dimensional Theory map hierarchy and lens separation */
.qr-gdt-map-zone {
  margin-top: clamp(58px, 7vw, 96px);
  padding-top: clamp(52px, 6vw, 82px);
  border-top: 1px solid rgba(183,148,255,.16);
  position: relative;
}
.qr-gdt-map-zone::before {
  content: "GDT · MAP LAYER";
  position: absolute;
  top: 0;
  right: 0;
  color: rgba(183,148,255,.55);
  font: 600 8px/1 "Oxanium", monospace;
  letter-spacing: .18em;
}
.qr-map-lens-bar {
  display: grid;
  grid-template-columns: auto auto auto minmax(220px,1fr);
  gap: 8px;
  align-items: center;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(255,255,255,.07);
  background: linear-gradient(90deg, rgba(117,228,255,.035), rgba(183,148,255,.05));
}
.qr-map-lens-bar > span {
  color: #8d8799;
  font: 600 8px/1.4 "Oxanium", monospace;
  letter-spacing: .16em;
  margin-right: 4px;
}
.qr-map-lens-bar button {
  min-height: 36px;
  padding: 0 12px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 999px;
  background: rgba(255,255,255,.025);
  color: #a29baa;
  font: 600 8px/1 "Oxanium", monospace;
  letter-spacing: .08em;
  cursor: pointer;
}
.qr-map-lens-bar button[aria-pressed="true"] {
  color: #061015;
  border-color: var(--qr-cyan);
  background: linear-gradient(105deg, var(--qr-cyan), #dff9ff);
  box-shadow: 0 0 24px rgba(117,228,255,.14);
}
.qr-map-lens-bar p {
  margin: 0 0 0 8px;
  color: #9b94a7;
  font-size: 11px;
  line-height: 1.5;
}
.qr-map-gdt-question {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-color: transparent !important;
  transition: max-height .35s ease, opacity .28s ease, padding .28s ease, border-color .28s ease;
}
.qr-reality-map[data-map-lens="gdt"] .qr-map-gdt-question {
  max-height: 220px;
  opacity: 1;
  padding: 15px 16px !important;
  border-color: rgba(183,148,255,.22) !important;
  background: linear-gradient(135deg, rgba(183,148,255,.07), rgba(117,228,255,.025));
}
.qr-reality-map[data-map-lens="gdt"] .qr-map-gdt-question b { color: var(--qr-purple); }
.qr-reality-map[data-map-lens="gdt"] .qr-map-stage-rail button[aria-pressed="true"] i {
  border-color: var(--qr-purple);
  background: linear-gradient(135deg, var(--qr-purple), #8be7ff);
  box-shadow: 0 0 30px rgba(183,148,255,.34);
}
.qr-reality-map[data-map-lens="gdt"] .qr-map-field-line {
  background: linear-gradient(90deg, transparent, var(--qr-purple), var(--qr-cyan), var(--qr-gold), transparent);
}
.qr-map-gdt-bridge {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 14px;
  align-items: baseline;
  margin: 0 18px 22px;
  padding: 16px 18px;
  border: 1px solid rgba(183,148,255,.19);
  border-radius: 16px;
  background: linear-gradient(100deg, rgba(183,148,255,.055), rgba(117,228,255,.02));
}
.qr-map-gdt-bridge b {
  color: var(--qr-purple);
  font: 600 9px/1.4 "Oxanium", monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.qr-map-gdt-bridge span {
  color: #aaa3b6;
  font-size: 12px;
  line-height: 1.58;
}
@media (max-width: 760px) {
  .qr-map-lens-bar { grid-template-columns: 1fr 1fr; }
  .qr-map-lens-bar > span,
  .qr-map-lens-bar p { grid-column: 1 / -1; }
  .qr-map-lens-bar p { margin-left: 0; }
  .qr-map-gdt-bridge { grid-template-columns: 1fr; gap: 7px; margin-inline: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .qr-map-gdt-question { transition: none !important; }
}

/* V2.9 audit polish: make the Bell-pair teaching console self-explanatory on mobile. */
.qr-entangle-intro {
  margin-top: 42px;
  display: grid;
  grid-template-columns: minmax(250px,.7fr) minmax(0,1.3fr);
  gap: 22px;
  align-items: center;
  padding: 20px 22px;
  border: 1px solid rgba(117,228,255,.12);
  border-radius: 20px;
  background: linear-gradient(145deg, rgba(117,228,255,.035), rgba(183,148,255,.035));
}
.qr-entangle-intro > div { display:grid; gap:8px; }
.qr-entangle-intro span {
  color: var(--qr-cyan);
  font: 600 8px/1.4 "Oxanium", monospace;
  letter-spacing: .14em;
}
.qr-entangle-intro b { color:#f2edf8; font-size:17px; font-weight:560; letter-spacing:.01em; }
.qr-entangle-intro p { margin:0; color:#aaa3b5; font-size:12px; line-height:1.65; }
.qr-entangle-intro + .qr-entangle-console { margin-top: 16px; }

@media (max-width: 900px) {
  .qr-entangle-intro { grid-template-columns:1fr; gap:10px; }
  .qr-entangle-console { gap: 10px; }
  .qr-entangle-link { min-height: 68px; }
  .qr-entangle-station { min-height: 148px; }
}
@media (max-width: 430px) {
  .qr-entangle-intro { margin-top: 30px; padding:17px; }
  .qr-entangle-intro b { font-size:15px; }
  .qr-entangle-intro p { font-size:11px; }
  .qr-entangle-station { min-height: 136px; padding:17px; }
  .qr-entangle-station > b { font-size:18px; }
  .qr-entangle-link { min-height:58px; }
  .qr-entangle-link strong { font-size:7px; }
  .qr-entangle-link small { font-size:7px; }
  .qr-entangle-result { padding:17px; }
}


/* v8.69.0 scientific-editorial-accessibility final pass */
.qr-status.boundary{border-color:rgba(244,203,114,.34);color:#f1d89a;background:rgba(244,203,114,.045)}
.qr-film-transcript{margin-top:18px;border:1px solid rgba(117,228,255,.13);border-radius:16px;background:rgba(117,228,255,.025);overflow:hidden}
.qr-film-transcript summary,.qr-source-drawer summary{cursor:pointer;padding:14px 16px;color:#d8f8ff;font:600 9px/1.4 "Oxanium",monospace;letter-spacing:.11em;text-transform:uppercase}
.qr-film-transcript div{padding:0 16px 15px}.qr-film-transcript p{margin:8px 0;color:#aaa3b6;font-size:12px;line-height:1.65}.qr-film-transcript b{color:#e7e2ec}
.qr-map-live{display:inline-flex;align-items:center;gap:7px;color:#85dbea;font:600 8px/1 "Oxanium",monospace;letter-spacing:.1em;text-transform:uppercase}.qr-map-live i{width:7px;height:7px;border-radius:50%;background:#75e4ff;box-shadow:0 0 12px rgba(117,228,255,.8);animation:qrMapLivePulse 1.8s ease-in-out infinite}
.qr-reality-map.in-view .qr-map-cosmos i{animation:qrMapStarDrift 5.8s ease-in-out infinite alternate}.qr-reality-map.in-view .qr-map-cosmos i:nth-child(2n){animation-duration:7.4s}.qr-reality-map.in-view .qr-map-cosmos i:nth-child(3n){animation-duration:9s}
.qr-reality-map.in-view .qr-map-field-line{animation:qrMapFieldFlow 3.8s ease-in-out infinite}
.qr-reality-map.in-view[data-map-representation="state"] .qr-map-rep-state{animation:qrMapStateFloat 8s ease-in-out infinite}
.qr-reality-map.in-view[data-map-representation="3d"] .qr-map-rep-3d{animation:qrMapStateFloat 9s ease-in-out infinite reverse}
.qr-map-stage-rail button[aria-pressed="true"] i{animation:qrMapActivePulse 2.2s ease-in-out infinite}
@keyframes qrMapLivePulse{0%,100%{opacity:.45;transform:scale(.75)}50%{opacity:1;transform:scale(1.25)}}
@keyframes qrMapStarDrift{0%{transform:translate3d(-2px,-3px,0);opacity:.35}100%{transform:translate3d(5px,4px,0);opacity:1}}
@keyframes qrMapFieldFlow{0%,100%{filter:brightness(.9);transform:scaleX(calc(.54 + var(--map-coupling)*.46))}50%{filter:brightness(1.45);transform:scaleX(calc(.58 + var(--map-coupling)*.42))}}
@keyframes qrMapStateFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-5px) rotate(.6deg)}}
@keyframes qrMapActivePulse{0%,100%{filter:brightness(.9)}50%{filter:brightness(1.35)}}
.qr-sources{border-top:1px solid rgba(255,255,255,.06)}.qr-source-drawer{margin-top:28px;border:1px solid rgba(117,228,255,.13);border-radius:20px;background:linear-gradient(180deg,rgba(117,228,255,.02),rgba(183,148,255,.025));overflow:hidden}.qr-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 14px 16px}.qr-source-grid a{display:block;padding:16px;border:1px solid rgba(255,255,255,.075);border-radius:15px;background:rgba(255,255,255,.018);text-decoration:none;transition:.2s ease}.qr-source-grid a:hover,.qr-source-grid a:focus-visible{border-color:rgba(117,228,255,.36);background:rgba(117,228,255,.04);transform:translateY(-1px)}.qr-source-grid span{display:block;color:#75e4ff;font:600 8px/1.3 "Oxanium",monospace;letter-spacing:.14em}.qr-source-grid b{display:block;margin-top:8px;color:#ece8f3;font-size:14px;line-height:1.45}.qr-source-grid small{display:block;margin-top:6px;color:#9891a3;font-size:11px;line-height:1.5}
@media(max-width:700px){.qr-source-grid{grid-template-columns:1fr}.qr-map-live{justify-content:center;margin-top:4px}}
@media(prefers-reduced-motion:reduce){.qr-map-live i,.qr-reality-map.in-view .qr-map-cosmos i,.qr-reality-map.in-view .qr-map-field-line,.qr-reality-map.in-view .qr-map-rep-state,.qr-reality-map.in-view .qr-map-rep-3d,.qr-map-stage-rail button[aria-pressed="true"] i{animation:none!important}.qr-map-live{display:none}.qr-source-grid a{transition:none!important}}

/* v8.70.0 experience pass: user-controlled motion, clearer Bell correlations, and stage-aware map motion. */
.qr-film-preview-toggle {
  position:absolute;
  z-index:4;
  left:16px;
  top:16px;
  min-height:38px;
  padding:0 13px;
  border:1px solid rgba(117,228,255,.2);
  border-radius:999px;
  background:rgba(4,4,12,.72);
  color:#dffaff;
  backdrop-filter:blur(10px);
  font:600 8px/1 "Oxanium",monospace;
  letter-spacing:.12em;
  cursor:pointer;
}
.qr-film-preview-toggle:hover,
.qr-film-preview-toggle:focus-visible { border-color:rgba(117,228,255,.55); background:rgba(117,228,255,.1); }
.qr-film-preview-toggle[aria-pressed="true"] { color:#f1d89a; border-color:rgba(244,203,114,.28); }

.qr-entangle-probabilities {
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:minmax(190px,.38fr) minmax(0,1fr) minmax(220px,.55fr);
  gap:18px;
  align-items:center;
  padding:20px 22px;
  border:1px solid rgba(117,228,255,.13);
  border-radius:20px;
  background:linear-gradient(125deg,rgba(117,228,255,.035),rgba(183,148,255,.035));
}
.qr-prob-head { display:grid; gap:7px; }
.qr-prob-head span { color:var(--qr-cyan); font:600 8px/1.4 "Oxanium",monospace; letter-spacing:.13em; }
.qr-prob-head b { color:#eee9f5; font-size:15px; font-weight:560; }
.qr-prob-grid { display:grid; grid-template-columns:repeat(4,minmax(54px,1fr)); gap:8px; min-height:118px; align-items:end; }
.qr-prob-grid > div { position:relative; min-height:112px; overflow:hidden; border:1px solid rgba(255,255,255,.08); border-radius:14px; background:rgba(5,7,14,.82); text-align:center; }
.qr-prob-grid i { position:absolute; inset:9px 9px 34px; transform:scaleY(var(--p)); transform-origin:bottom; border-radius:8px; background:linear-gradient(180deg,rgba(183,148,255,.9),rgba(117,228,255,.65)); box-shadow:0 0 20px rgba(117,228,255,.15); transition:transform .38s ease, opacity .38s ease; opacity:calc(.2 + var(--p)); }
.qr-prob-grid b,.qr-prob-grid small { position:absolute; z-index:2; left:0; right:0; }
.qr-prob-grid b { bottom:17px; color:#efeaf6; font:600 10px/1 "Oxanium",monospace; }
.qr-prob-grid small { bottom:4px; color:#817a8b; font-size:9px; }
.qr-entangle-probabilities > p { margin:0; color:#9790a1; font-size:11px; line-height:1.62; }
.qr-entangle-console[data-mode="cross"] .qr-prob-grid i { background:linear-gradient(180deg,rgba(117,228,255,.7),rgba(183,148,255,.52)); }

.qr-map-step-controls {
  display:grid;
  grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr);
  align-items:center;
  gap:12px;
  padding:10px 18px 14px;
  border-bottom:1px solid rgba(255,255,255,.065);
  background:rgba(4,7,15,.52);
}
.qr-map-step-controls button {
  min-height:44px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:12px;
  background:rgba(255,255,255,.022);
  color:#a8a1b2;
  font:600 9px/1 "Oxanium",monospace;
  cursor:pointer;
}
.qr-map-step-controls button:first-child { justify-self:start; padding:0 16px; }
.qr-map-step-controls button:last-child { justify-self:end; padding:0 16px; }
.qr-map-step-controls button:hover,
.qr-map-step-controls button:focus-visible { border-color:rgba(117,228,255,.42); color:#e5faff; background:rgba(117,228,255,.055); }
.qr-map-step-controls div { min-width:150px; text-align:center; }
.qr-map-step-controls span { color:#777083; font:600 8px/1.3 "Oxanium",monospace; letter-spacing:.12em; }
.qr-map-step-controls b { display:block; margin-top:4px; color:#e8e2ef; font-size:12px; font-weight:560; }
.qr-map-play:disabled { cursor:not-allowed; opacity:.55; }

.qr-reality-map { --map-stage-accent:#b794ff; }
.qr-map-stage-overlay {
  position:absolute;
  inset:10% 5% 14%;
  width:90%;
  height:76%;
  overflow:visible;
  pointer-events:none;
  z-index:1;
}
.qr-map-stage-overlay > g {
  opacity:0;
  transform-origin:380px 215px;
  transition:opacity .45s ease, transform .6s ease;
}
.qr-map-stage-overlay circle,
.qr-map-stage-overlay ellipse,
.qr-map-stage-overlay path,
.qr-map-stage-overlay polygon,
.qr-map-stage-overlay rect {
  fill:none;
  stroke:var(--map-stage-accent);
  stroke-width:2.2;
  vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 0 7px color-mix(in srgb,var(--map-stage-accent) 45%,transparent));
}
.qr-map-stage-overlay circle,
.qr-map-stage-overlay rect { fill:rgba(117,228,255,.025); }
.qr-reality-map:not([data-map-stage="quantum"]) .qr-map-representation { opacity:.38; transition:opacity .45s ease; }
.qr-reality-map[data-map-stage="quantum"] .qr-map-representation { opacity:1; transition:opacity .45s ease; }
.qr-reality-map[data-map-stage="interaction"] [data-stage-art="interaction"],
.qr-reality-map[data-map-stage="decoherence"] [data-stage-art="decoherence"],
.qr-reality-map[data-map-stage="records"] [data-stage-art="records"],
.qr-reality-map[data-map-stage="structure"] [data-stage-art="structure"],
.qr-reality-map[data-map-stage="observer"] [data-stage-art="observer"],
.qr-reality-map[data-map-stage="frontier"] [data-stage-art="frontier"] { opacity:.86; }
.qr-reality-map[data-map-stage="interaction"] [data-stage-art="interaction"] path,
.qr-reality-map[data-map-stage="decoherence"] [data-stage-art="decoherence"] path { stroke-dasharray:10 10; }
.qr-reality-map[data-map-stage="records"] [data-stage-art="records"] rect { fill:rgba(244,203,114,.035); }
.qr-reality-map[data-map-stage="structure"] [data-stage-art="structure"] polygon { fill:rgba(244,203,114,.018); }
.qr-map-horizon-core { fill:#02030a !important; stroke:#f4cb72 !important; stroke-width:4 !important; }

.qr-reality-map.in-view[data-map-stage="interaction"] [data-stage-art="interaction"] path { animation:qrMapSignal 4.2s linear infinite; }
.qr-reality-map.in-view[data-map-stage="decoherence"] [data-stage-art="decoherence"] path { animation:qrMapSignal 3.4s linear infinite reverse; }
.qr-reality-map.in-view[data-map-stage="records"] [data-stage-art="records"] rect { animation:qrMapRecord 2.8s ease-in-out infinite alternate; }
.qr-reality-map.in-view[data-map-stage="records"] [data-stage-art="records"] rect:nth-of-type(2n) { animation-delay:.45s; }
.qr-reality-map.in-view[data-map-stage="structure"] [data-stage-art="structure"] { animation:qrMapStructure 10s ease-in-out infinite; }
.qr-reality-map.in-view[data-map-stage="observer"] [data-stage-art="observer"] ellipse { animation:qrMapObserver 3s ease-in-out infinite; }
.qr-reality-map.in-view[data-map-stage="frontier"] [data-stage-art="frontier"] circle { animation:qrMapHorizon 3.5s ease-in-out infinite; }
@keyframes qrMapSignal { to { stroke-dashoffset:-80; } }
@keyframes qrMapRecord { 0% { opacity:.35; } 100% { opacity:1; } }
@keyframes qrMapStructure { 0%,100% { transform:rotate(0deg) scale(.98); } 50% { transform:rotate(.8deg) scale(1.015); } }
@keyframes qrMapObserver { 0%,100% { opacity:.45; } 50% { opacity:1; } }
@keyframes qrMapHorizon { 0%,100% { opacity:.55; filter:drop-shadow(0 0 5px rgba(244,203,114,.2)); } 50% { opacity:1; filter:drop-shadow(0 0 18px rgba(244,203,114,.5)); } }

@media (max-width:900px) {
  .qr-entangle-probabilities { grid-template-columns:1fr; gap:14px; }
  .qr-prob-grid { min-height:105px; }
  .qr-map-step-controls { grid-template-columns:1fr auto 1fr; }
  .qr-map-stage-overlay { inset:9% 2% 15%; width:96%; height:76%; }
}
@media (max-width:620px) {
  .qr-film-preview-toggle,.qr-film-expand { top:12px; min-height:36px; padding-inline:11px; font-size:7px; }
  .qr-film-preview-toggle { left:12px; }
  .qr-film-expand { right:12px; }
  .qr-entangle-probabilities { padding:17px; }
  .qr-prob-grid { grid-template-columns:repeat(4,minmax(48px,1fr)); gap:6px; }
  .qr-map-step-controls { grid-template-columns:1fr auto 1fr; gap:7px; padding:9px 12px 12px; }
  .qr-map-step-controls button { min-width:0; padding:0 10px !important; font-size:8px; }
  .qr-map-step-controls div { min-width:100px; }
  .qr-map-step-controls span { font-size:7px; }
  .qr-map-step-controls b { font-size:10px; }
}
@media (prefers-reduced-motion:reduce) {
  .qr-prob-grid i,
  .qr-map-stage-overlay > g,
  .qr-reality-map .qr-map-representation { transition:none !important; }
  .qr-reality-map.in-view [data-stage-art] * { animation:none !important; }
}
.qr-map-stage-rail::after {
  content:"";
  position:absolute;
  left:7%;
  top:56px;
  width:calc(86% * var(--map-stage-progress,0));
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--qr-purple),var(--qr-cyan),var(--qr-gold));
  box-shadow:0 0 14px rgba(117,228,255,.28);
  opacity:.9;
  transition:width .45s ease;
  pointer-events:none;
}
@media(max-width:620px){.qr-map-stage-rail::after{top:50px}}
@media(prefers-reduced-motion:reduce){.qr-map-stage-rail::after{transition:none!important}}

/* v8.71.0 guided-journey pass: lower entry friction, stronger novice guidance, and precision interaction cues. */
.qr-hero-primary-actions{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
  gap:12px;
  max-width:760px;
  margin-top:26px;
}
.qr-guide-start,.qr-explore-free{
  position:relative;
  min-height:96px;
  padding:18px 20px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.1);
  text-align:left;
  text-decoration:none;
  background:linear-gradient(145deg,rgba(117,228,255,.07),rgba(183,148,255,.035));
  color:#fff;
  cursor:pointer;
  overflow:hidden;
  transition:transform .22s ease,border-color .22s ease,background .22s ease;
}
.qr-guide-start::after,.qr-explore-free::after{
  content:"";
  position:absolute;
  inset:auto -28% -110% 20%;
  height:190%;
  background:radial-gradient(circle,rgba(117,228,255,.18),transparent 58%);
  pointer-events:none;
}
.qr-explore-free{background:linear-gradient(145deg,rgba(183,148,255,.06),rgba(255,255,255,.018));}
.qr-guide-start:hover,.qr-guide-start:focus-visible,.qr-explore-free:hover,.qr-explore-free:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(117,228,255,.4);
  background:linear-gradient(145deg,rgba(117,228,255,.1),rgba(183,148,255,.06));
}
.qr-guide-start span,.qr-explore-free span{
  display:block;
  color:var(--qr-cyan);
  font:600 8px/1.2 "Oxanium",monospace;
  letter-spacing:.16em;
}
.qr-explore-free span{color:var(--qr-purple);}
.qr-guide-start b,.qr-explore-free b{display:block;margin-top:8px;font-size:16px;font-weight:650;letter-spacing:-.015em;}
.qr-guide-start small,.qr-explore-free small{display:block;margin-top:5px;color:#928c9f;font-size:10px;line-height:1.45;}
.qr-quick-jumps{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:15px;max-width:760px;color:#777181;font-size:10px;}
.qr-quick-jumps>span{font:600 7px/1 "Oxanium",monospace;letter-spacing:.15em;color:#777181;}
.qr-quick-jumps a{color:#aba5b7;text-underline-offset:3px;text-decoration-color:rgba(171,165,183,.35);}
.qr-quick-jumps a:hover,.qr-quick-jumps a:focus-visible{color:#e9e5f2;text-decoration-color:var(--qr-cyan);}

.qr-guide-dock{
  position:fixed;
  z-index:60;
  right:22px;
  bottom:22px;
  width:min(420px,calc(100vw - 28px));
  border:1px solid rgba(117,228,255,.24);
  border-radius:22px;
  background:linear-gradient(160deg,rgba(8,8,20,.95),rgba(8,5,18,.92));
  box-shadow:0 26px 90px rgba(0,0,0,.46),0 0 42px rgba(117,228,255,.06);
  backdrop-filter:blur(22px);
  overflow:hidden;
  transition:transform .28s ease,opacity .28s ease,border-color .28s ease;
}
.qr-guide-dock[hidden]{display:none!important;}
.qr-guide-dock.minimized{width:min(360px,calc(100vw - 28px));}
.qr-guide-topline{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:9px;padding:11px 12px;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.018);}
.qr-guide-topline>span{color:var(--qr-gold);font:600 8px/1 "Oxanium",monospace;letter-spacing:.12em;}
.qr-guide-topline>b{color:#a8f0ff;font:600 8px/1 "Oxanium",monospace;letter-spacing:.16em;}
.qr-guide-topline button{width:32px;height:32px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.025);color:#cfc9d7;cursor:pointer;font-size:18px;}
.qr-guide-topline button:hover,.qr-guide-topline button:focus-visible{border-color:rgba(117,228,255,.4);color:#fff;}
.qr-guide-body{padding:18px 18px 14px;}
.qr-guide-dock.minimized .qr-guide-body,.qr-guide-dock.minimized .qr-guide-controls{display:none;}
.qr-guide-kicker{margin:0;color:var(--qr-purple);font:600 8px/1.25 "Oxanium",monospace;letter-spacing:.14em;}
.qr-guide-body h2{margin:8px 0 9px;font-size:24px;line-height:1.02;letter-spacing:-.035em;color:#fff;}
.qr-guide-body>p:not(.qr-guide-kicker){margin:0;color:#b8b2c2;font-size:12px;line-height:1.6;}
.qr-guide-look{display:grid;grid-template-columns:auto 1fr;gap:10px;margin-top:13px;padding:10px 11px;border:1px solid rgba(244,203,114,.13);border-radius:12px;background:rgba(244,203,114,.025);}
.qr-guide-look span{color:var(--qr-gold);font:600 7px/1.3 "Oxanium",monospace;letter-spacing:.13em;}
.qr-guide-look b{color:#d7d0dc;font-size:10px;line-height:1.45;font-weight:520;}
.qr-guide-demo{margin-top:13px;min-height:38px;padding:0 13px;border:1px solid rgba(117,228,255,.2);border-radius:999px;background:rgba(117,228,255,.05);color:#dffaff;font:600 8px/1 "Oxanium",monospace;letter-spacing:.1em;cursor:pointer;}
.qr-guide-demo:hover,.qr-guide-demo:focus-visible{background:rgba(117,228,255,.1);border-color:rgba(117,228,255,.46);}
.qr-guide-demo span{margin-left:6px;}
.qr-guide-controls{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:11px 12px 13px;border-top:1px solid rgba(255,255,255,.06);}
.qr-guide-controls button{min-height:38px;padding:0 11px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.02);color:#aaa4b5;font:600 8px/1 "Oxanium",monospace;letter-spacing:.06em;cursor:pointer;}
.qr-guide-controls button:hover,.qr-guide-controls button:focus-visible{color:#fff;border-color:rgba(183,148,255,.4);}
.qr-guide-controls button:disabled{opacity:.35;cursor:not-allowed;}
.qr-guide-progress{height:4px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden;}
.qr-guide-progress i{display:block;width:10%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--qr-cyan),var(--qr-purple),var(--qr-gold));transform-origin:left;transition:width .35s ease;}
.qr-guide-focus{animation:qrGuideFocus 1.2s ease both;}
@keyframes qrGuideFocus{0%{filter:brightness(1)}35%{filter:brightness(1.12)}100%{filter:brightness(1)}}

.qr-viz-disclosure{margin:0;padding:11px 16px;border-top:1px solid rgba(255,255,255,.055);background:#080711;color:#777181;font-size:10px;line-height:1.5;}
.qr-viz-disclosure b{color:#bbb5c4;font-weight:560;}
.qr-try{display:flex;align-items:flex-start;gap:10px;margin-top:12px;padding:11px 13px;border:1px solid rgba(117,228,255,.1);border-radius:13px;background:rgba(117,228,255,.025);}
.qr-try>span{flex:0 0 auto;margin-top:4px;color:var(--qr-cyan);font:600 7px/1 "Oxanium",monospace;letter-spacing:.14em;}
.qr-try p{margin:0;color:#9992a4;font-size:10px;line-height:1.55;}
.qr-try button{padding:0;border:0;border-bottom:1px dotted rgba(117,228,255,.45);background:transparent;color:#d7f8ff;font:inherit;cursor:pointer;}
.qr-try button:hover,.qr-try button:focus-visible{color:#fff;border-bottom-color:var(--qr-cyan);}
.qr-try-wide{max-width:820px;margin:22px 0;}
.qr-map-try{grid-column:1/-1;margin-top:8px;}
.qr-map-representation-note{margin:0 0 12px;color:#8b8497;font-size:10px;line-height:1.55;}
.qr-map-representation-note b{color:#cfc9d9;}
.qr-why{margin:24px 0 0;max-width:760px;padding:15px 17px;border-left:2px solid var(--qr-gold);background:linear-gradient(90deg,rgba(244,203,114,.045),transparent 82%);}
.qr-why span{color:var(--qr-gold);font:600 7px/1 "Oxanium",monospace;letter-spacing:.15em;}
.qr-why p{margin:7px 0 0;color:#aba5b5;font-size:11px;line-height:1.6;}

@media(max-width:700px){
  .qr-hero-primary-actions{grid-template-columns:1fr;margin-top:22px;}
  .qr-guide-start,.qr-explore-free{min-height:82px;padding:15px 16px;border-radius:17px;}
  .qr-guide-start b,.qr-explore-free b{font-size:15px;}
  .qr-quick-jumps{gap:7px 10px;}
  .qr-guide-dock{left:10px;right:10px;bottom:10px;width:auto;border-radius:18px;}
  .qr-guide-dock.minimized{left:10px;right:10px;width:auto;}
  .qr-guide-body{padding:15px 15px 12px;}
  .qr-guide-body h2{font-size:20px;}
  .qr-guide-look{grid-template-columns:1fr;gap:5px;}
  .qr-guide-controls{grid-template-columns:auto minmax(60px,1fr) auto;}
  .qr-try{display:grid;grid-template-columns:1fr;gap:6px;}
  .qr-try>span{margin:0;}
  .qr-viz-disclosure{padding:10px 13px;}
}
@media(prefers-reduced-motion:reduce){
  .qr-guide-start,.qr-explore-free,.qr-guide-dock,.qr-guide-progress i{transition:none!important;}
  .qr-guide-focus{animation:none!important;}
}
.qr-guide-active .qr-main{padding-bottom:210px;}
.qr-map-step-controls button:disabled{opacity:.34;cursor:not-allowed;border-color:rgba(255,255,255,.05);background:rgba(255,255,255,.01);color:#6f6877;}
.qr-map-step-controls button:disabled:hover{transform:none;border-color:rgba(255,255,255,.05);background:rgba(255,255,255,.01);color:#6f6877;}
@media(max-width:700px){.qr-guide-dock{bottom:max(10px,env(safe-area-inset-bottom));}.qr-guide-active .qr-main{padding-bottom:280px;}}
/* Input-modality aware skip link: hidden for pointer/touch use, revealed reliably for keyboard navigation. */
.quantum-reality-page .skip,
.quantum-reality-page .skip:focus,
.quantum-reality-page .skip:focus-visible{top:0!important;left:16px!important;transform:translateY(-220%)!important;}
.quantum-reality-page.qr-keyboard-nav .skip:focus,
.quantum-reality-page.qr-keyboard-nav .skip:focus-visible{top:12px!important;transform:none!important;outline:3px solid var(--qr-cyan);outline-offset:3px;}

/* v8.73 final polish: stronger reading hierarchy without changing the Atlas visual language. */
.quantum-reality-page .qr-section[id]{scroll-margin-top:88px;}
.quantum-reality-page .qr-quick-jumps a:last-child{color:#bca7ef;}
.quantum-reality-page .qr-source-grid a:focus-visible,
.quantum-reality-page .qr-lab-link:focus-visible{outline:2px solid var(--qr-cyan);outline-offset:3px;}
@media(max-width:700px){
  .quantum-reality-page .qr-status-row{gap:7px;}
  .quantum-reality-page .qr-status{font-size:8px;line-height:1.35;}
  .quantum-reality-page .qr-quick-jumps{row-gap:8px;}
  .quantum-reality-page .qr-source-grid{grid-template-columns:1fr;}
}