/* Frieren Quiz Room — moonlit road, old magic, quiet campfire gold */

:root,
body[data-room="frieren"],
.qr-room-frieren {
  --qr-bg: #0d131d;
  --qr-bg-elev: #182321;
  --qr-fg: #f7eed7;
  --qr-fg-dim: #b7b49f;
  --qr-accent: #c49a4e;
  --qr-accent-dim: #6e5a35;
  --qr-warn: #e5d38f;
  --qr-danger: #9a4038;
  --qr-radius: 6px;
  --qr-frieren-ink: #221c1f;
  --qr-frieren-night: #0d131d;
  --qr-frieren-forest: #1b2d2a;
  --qr-frieren-moss: #466747;
  --qr-frieren-sage: #90a87e;
  --qr-frieren-spell: #79b5d2;
  --qr-frieren-purple: #584b77;
  --qr-frieren-gold: #c49a4e;
  --qr-frieren-hair: #eae2be;
  --qr-frieren-stone: #87918e;
  --qr-frieren-cloak: #8b403a;
  --qr-frieren-line: rgba(229, 211, 143, 0.32);
  --qr-frieren-line-soft: rgba(247, 238, 215, 0.13);
  --qr-frieren-glow: rgba(121, 181, 210, 0.34);
  --qr-frieren-shadow: rgba(0, 0, 0, 0.68);
}

* { box-sizing: border-box; }

body[data-room="frieren"] {
  margin: 0;
  min-height: 100vh;
  color: var(--qr-fg);
  background:
    radial-gradient(circle at 50% -12%, rgba(121, 181, 210, 0.13), transparent 34%),
    linear-gradient(180deg, #151d2b 0%, var(--qr-bg) 44%, #07090d 100%);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

body[data-room="frieren"] #qr-root,
.qr-room-frieren #qr-root {
  width: 100%;
  max-width: 500px;
  padding: 24px 16px;
}

body[data-room="frieren"] .qr-stage,
.qr-room-frieren .qr-stage { display: flex; flex-direction: column; gap: 16px; }

body[data-room="frieren"] .qr-progress,
.qr-room-frieren .qr-progress {
  color: var(--qr-warn);
  font-family: 'Press Start 2P', monospace;
  font-size: 10px;
  letter-spacing: 1px;
  text-align: right;
  text-shadow: 0 2px 0 var(--qr-frieren-shadow);
}

body[data-room="frieren"] .qr-board,
.qr-room-frieren .qr-board {
  position: relative;
  min-height: 350px;
  overflow: hidden;
  padding: 18px 16px 20px;
  background: linear-gradient(180deg, rgba(247,238,215,0.035), transparent 30%), var(--qr-bg-elev);
  border: 1px solid var(--qr-frieren-line);
  border-radius: var(--qr-radius);
  box-shadow: 0 14px 0 rgba(0,0,0,0.22), 0 18px 38px rgba(0,0,0,0.28), inset 0 0 0 1px rgba(255,255,255,0.035);
}

body[data-room="frieren"] .qr-board::before,
.qr-room-frieren .qr-board::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255,255,255,0.025) 1px, transparent 1px);
  background-size: 16px 16px;
  opacity: 0.35;
}

body[data-room="frieren"] .qr-board > *,
.qr-room-frieren .qr-board > * { position: relative; z-index: 1; }

body[data-room="frieren"] h1,
body[data-room="frieren"] h2,
body[data-room="frieren"] h3,
.qr-room-frieren h1,
.qr-room-frieren h2,
.qr-room-frieren h3 { color: var(--qr-fg); }

body[data-room="frieren"] .qr-board h2,
body[data-room="frieren"] .qr-choice-prompt h2,
.qr-room-frieren .qr-board h2,
.qr-room-frieren .qr-choice-prompt h2 {
  margin: 0 0 8px;
  color: var(--qr-accent);
  font-family: 'Press Start 2P', monospace;
  font-size: 14px;
  line-height: 1.45;
  letter-spacing: 1px;
  text-transform: uppercase;
}

body[data-room="frieren"] .qr-choice-prompt,
.qr-room-frieren .qr-choice-prompt { margin-bottom: 14px; }

body[data-room="frieren"] .qr-choice-prompt p,
.qr-room-frieren .qr-choice-prompt p { margin: 0; color: var(--qr-fg-dim); font-size: 14px; line-height: 1.55; }

body[data-room="frieren"] .qr-scene,
.qr-room-frieren .qr-scene {
  display: block;
  width: 100%;
  height: auto;
  max-height: 188px;
  object-fit: cover;
  margin: 0 0 16px;
  border: 1px solid var(--qr-frieren-line);
  border-radius: var(--qr-radius);
  background: var(--qr-bg);
  image-rendering: pixelated;
  image-rendering: -moz-crisp-edges;
  image-rendering: crisp-edges;
  animation: qr-frieren-scene-in 340ms ease-out both;
}

body[data-room="frieren"] .qr-btn,
.qr-room-frieren .qr-btn {
  appearance: none;
  width: 100%;
  min-height: 44px;
  margin-top: 16px;
  padding: 12px 18px;
  color: #16110b;
  background: linear-gradient(180deg, #e3c36f, var(--qr-accent));
  border: 1px solid var(--qr-accent-dim);
  border-radius: var(--qr-radius);
  font-family: 'Press Start 2P', monospace;
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
  transition: transform 100ms ease, filter 120ms ease, box-shadow 120ms ease;
}

body[data-room="frieren"] .qr-btn:hover,
.qr-room-frieren .qr-btn:hover { filter: brightness(1.08); transform: translateY(-1px); box-shadow: 0 4px 0 rgba(0,0,0,0.2); }

body[data-room="frieren"] .qr-btn:disabled,
.qr-room-frieren .qr-btn:disabled { opacity: 0.52; cursor: not-allowed; filter: grayscale(0.5); transform: none; box-shadow: none; }

body[data-room="frieren"] .qr-actions,
.qr-room-frieren .qr-actions { display: flex; gap: 10px; }

body[data-room="frieren"] .qr-actions .qr-btn,
.qr-room-frieren .qr-actions .qr-btn { width: auto; flex: 1; }

body[data-room="frieren"] .qr-choice-list,
.qr-room-frieren .qr-choice-list { display: grid; grid-template-columns: 1fr; gap: 9px; }

body[data-room="frieren"] .qr-choice,
.qr-room-frieren .qr-choice {
  min-height: 56px;
  padding: 13px 14px;
  color: var(--qr-fg);
  background: linear-gradient(180deg, rgba(234,226,190,0.045), rgba(13,19,29,0.16)), var(--qr-bg);
  border: 1.5px solid var(--qr-frieren-line);
  border-radius: var(--qr-radius);
  line-height: 1.45;
  transition: transform 120ms ease, border-color 120ms ease, background 120ms ease;
}

body[data-room="frieren"] .qr-choice:hover,
.qr-room-frieren .qr-choice:hover { border-color: var(--qr-accent); transform: translateY(-1px); animation: qr-frieren-choice-lift 160ms ease-out both; }

body[data-room="frieren"] .qr-choice.picked,
.qr-room-frieren .qr-choice.picked { background: rgba(196,154,78,0.17); border-color: var(--qr-accent); }

body[data-room="frieren"] .qr-choice-name,
.qr-room-frieren .qr-choice-name { color: var(--qr-warn); font-family: 'Press Start 2P', monospace; font-size: 10px; letter-spacing: 1px; }

body[data-room="frieren"] .qr-counter,
body[data-room="frieren"] [class$="-counter"],
.qr-room-frieren .qr-counter,
.qr-room-frieren [class$="-counter"] { color: var(--qr-fg-dim); font-family: 'Press Start 2P', monospace; font-size: 10px; letter-spacing: 1px; }

body[data-room="frieren"] .qr-counter span,
body[data-room="frieren"] [class$="-counter"] span,
.qr-room-frieren .qr-counter span,
.qr-room-frieren [class$="-counter"] span { color: var(--qr-accent); }

body[data-room="frieren"] .qr-status,
body[data-room="frieren"] [class$="-status"],
.qr-room-frieren .qr-status,
.qr-room-frieren [class$="-status"] { color: var(--qr-fg-dim); line-height: 1.45; }

body[data-room="frieren"] .qr-hint,
.qr-room-frieren .qr-hint { color: var(--qr-warn); background: rgba(196,154,78,0.09); border-left: 3px solid var(--qr-warn); padding: 10px 12px; border-radius: var(--qr-radius); }

/* === Sequence 1: Quest === */
body[data-room="frieren"] .qr-frieren-quest,
.qr-room-frieren .qr-frieren-quest { display: flex; flex-direction: column; gap: 14px; }

body[data-room="frieren"] .qr-frieren-quest-map,
.qr-room-frieren .qr-frieren-quest-map {
  position: relative;
  min-height: 132px;
  padding: 12px;
  background: linear-gradient(180deg, rgba(144,168,126,0.13), rgba(27,45,42,0.32));
  border: 1px solid var(--qr-frieren-line);
  border-radius: var(--qr-radius);
}

body[data-room="frieren"] .qr-frieren-quest-map::before,
.qr-room-frieren .qr-frieren-quest-map::before { content: ''; position: absolute; inset: 14px 26px; border-top: 2px dashed rgba(229,211,143,0.45); transform: rotate(-8deg); }

body[data-room="frieren"] .qr-frieren-quest-marker,
.qr-room-frieren .qr-frieren-quest-marker { width: 32px; height: 32px; border-radius: 50%; background: var(--qr-frieren-spell); box-shadow: 0 0 18px var(--qr-frieren-glow); animation: qr-frieren-prop-bob 2.8s ease-in-out infinite; }

body[data-room="frieren"] .qr-frieren-quest-choice,
.qr-room-frieren .qr-frieren-quest-choice { border-color: rgba(144,168,126,0.5); }

body[data-room="frieren"] .qr-frieren-quest-choice.picked,
.qr-room-frieren .qr-frieren-quest-choice.picked { background: rgba(144,168,126,0.14); }

/* === Sequence 2: Fern === */
body[data-room="frieren"] .qr-frieren-fern,
.qr-room-frieren .qr-frieren-fern { display: flex; flex-direction: column; gap: 12px; }

body[data-room="frieren"] .qr-frieren-fern-prompt h2,
.qr-room-frieren .qr-frieren-fern-prompt h2 { color: var(--qr-frieren-spell); }

body[data-room="frieren"] .qr-frieren-fern-lesson,
.qr-room-frieren .qr-frieren-fern-lesson {
  display: grid;
  grid-template-columns: 68px 1fr;
  gap: 12px;
  align-items: center;
  padding: 12px;
  background: rgba(88,75,119,0.14);
  border: 1px solid rgba(121,181,210,0.36);
  border-radius: var(--qr-radius);
}

body[data-room="frieren"] .qr-frieren-fern-focus,
.qr-room-frieren .qr-frieren-fern-focus { width: 64px; height: 64px; border: 2px solid var(--qr-frieren-spell); border-radius: 50%; box-shadow: inset 0 0 0 8px rgba(121,181,210,0.12), 0 0 16px var(--qr-frieren-glow); }

body[data-room="frieren"] .qr-frieren-fern-card,
.qr-room-frieren .qr-frieren-fern-card { border-color: rgba(121,181,210,0.45); }

body[data-room="frieren"] .qr-frieren-fern-card.picked,
.qr-room-frieren .qr-frieren-fern-card.picked { background: rgba(121,181,210,0.13); }

/* === Sequence 3: Mana Bank === */
body[data-room="frieren"] .qr-frieren-mana,
.qr-room-frieren .qr-frieren-mana { gap: 14px; }

body[data-room="frieren"] .qr-frieren-mana-prompt h2,
.qr-room-frieren .qr-frieren-mana-prompt h2 { color: var(--qr-frieren-spell); text-shadow: 0 0 12px rgba(121,181,210,0.24); }

body[data-room="frieren"] .qr-frieren-mana-prompt p,
.qr-room-frieren .qr-frieren-mana-prompt p { color: var(--qr-fg-dim); }

body[data-room="frieren"] .qr-frieren-mana-status,
.qr-room-frieren .qr-frieren-mana-status {
  background: linear-gradient(180deg, rgba(121,181,210,0.08), rgba(13,19,29,0.24)), var(--qr-bg);
  border-color: rgba(121,181,210,0.38);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.035);
}

body[data-room="frieren"] .qr-frieren-bar-label,
.qr-room-frieren .qr-frieren-bar-label { color: var(--qr-fg-dim); }

body[data-room="frieren"] .qr-frieren-bar-track,
.qr-room-frieren .qr-frieren-bar-track { background: rgba(13,19,29,0.72); border-color: var(--qr-frieren-line); }

body[data-room="frieren"] .qr-frieren-bar-cell.fill-mana,
.qr-room-frieren .qr-frieren-bar-cell.fill-mana { background: linear-gradient(180deg, #fff3d2, var(--qr-frieren-spell)); box-shadow: 0 0 8px var(--qr-frieren-glow); }

body[data-room="frieren"] .qr-frieren-bar-cell.fill-progress,
.qr-room-frieren .qr-frieren-bar-cell.fill-progress { background: linear-gradient(180deg, var(--qr-frieren-sage), var(--qr-frieren-moss)); box-shadow: 0 0 6px rgba(144,168,126,0.5); }

body[data-room="frieren"] .qr-frieren-bar-cell.marker,
.qr-room-frieren .qr-frieren-bar-cell.marker { outline-color: rgba(229,211,143,0.78); }

body[data-room="frieren"] .qr-frieren-mana-turn,
.qr-room-frieren .qr-frieren-mana-turn { color: var(--qr-warn); background: var(--qr-frieren-ink); border-color: var(--qr-frieren-line); }

body[data-room="frieren"] .qr-frieren-mana-shield.active,
.qr-room-frieren .qr-frieren-mana-shield.active { color: var(--qr-warn); text-shadow: 0 0 10px rgba(229,211,143,0.32); }

body[data-room="frieren"] .qr-frieren-mana-banner,
.qr-room-frieren .qr-frieren-mana-banner { background: linear-gradient(90deg, rgba(139,64,58,0.28), rgba(139,64,58,0.08)); border-color: var(--qr-frieren-cloak); }

body[data-room="frieren"] .qr-frieren-mana-banner strong,
.qr-room-frieren .qr-frieren-mana-banner strong { color: #ffd1c8; }

body[data-room="frieren"] .qr-frieren-mana-grid,
.qr-room-frieren .qr-frieren-mana-grid { gap: 9px; }

body[data-room="frieren"] .qr-frieren-mana-action,
.qr-room-frieren .qr-frieren-mana-action {
  min-height: 70px;
  background: linear-gradient(180deg, rgba(234,226,190,0.055), transparent), var(--qr-bg);
  border-color: var(--qr-frieren-line);
}

body[data-room="frieren"] .qr-frieren-mana-action:hover:not(:disabled),
.qr-room-frieren .qr-frieren-mana-action:hover:not(:disabled) { border-color: var(--qr-frieren-spell); box-shadow: 0 0 0 2px rgba(121,181,210,0.13); }

body[data-room="frieren"] .qr-frieren-mana-action-head,
.qr-room-frieren .qr-frieren-mana-action-head { color: var(--qr-warn); }

body[data-room="frieren"] .qr-frieren-mana-cost,
.qr-room-frieren .qr-frieren-mana-cost { color: #eaf7ff; background: rgba(121,181,210,0.17); border-color: rgba(121,181,210,0.48); }

body[data-room="frieren"] .qr-frieren-mana-cost.rest,
.qr-room-frieren .qr-frieren-mana-cost.rest { color: #f4ffd6; background: rgba(144,168,126,0.17); border-color: rgba(144,168,126,0.5); }

body[data-room="frieren"] .qr-frieren-mana-flash.good,
.qr-room-frieren .qr-frieren-mana-flash.good { color: #e9ffd2; border-color: var(--qr-frieren-sage); background: rgba(144,168,126,0.18); }

body[data-room="frieren"] .qr-frieren-mana-flash.bad,
.qr-room-frieren .qr-frieren-mana-flash.bad { color: #ffd1c8; border-color: var(--qr-danger); background: rgba(154,64,56,0.18); }

body[data-room="frieren"] .qr-frieren-mana-flash.shield,
.qr-room-frieren .qr-frieren-mana-flash.shield { color: var(--qr-warn); border-color: var(--qr-warn); background: rgba(229,211,143,0.14); animation: qr-frieren-mana-pulse 1.4s ease-in-out infinite; }

body[data-room="frieren"] .qr-frieren-mana-result,
.qr-room-frieren .qr-frieren-mana-result { color: var(--qr-warn); background: rgba(13,19,29,0.72); border: 1px solid var(--qr-frieren-line); }

body[data-room="frieren"] .qr-frieren-mana-result-summary,
.qr-room-frieren .qr-frieren-mana-result-summary { color: var(--qr-fg); }

/* === Sequence 4: Village === */
body[data-room="frieren"] .qr-frieren-village,
.qr-room-frieren .qr-frieren-village { display: flex; flex-direction: column; gap: 12px; }

body[data-room="frieren"] .qr-frieren-village-board,
.qr-room-frieren .qr-frieren-village-board {
  padding: 12px;
  background: linear-gradient(180deg, rgba(196,154,78,0.14), rgba(99,62,45,0.14));
  border: 1px solid rgba(196,154,78,0.38);
  border-radius: var(--qr-radius);
}

body[data-room="frieren"] .qr-frieren-village-request,
.qr-room-frieren .qr-frieren-village-request { padding: 11px 12px; background: rgba(247,221,190,0.07); border: 1px dashed rgba(196,154,78,0.48); border-radius: var(--qr-radius); }

body[data-room="frieren"] .qr-frieren-village-choice,
.qr-room-frieren .qr-frieren-village-choice { border-color: rgba(196,154,78,0.45); }

body[data-room="frieren"] .qr-frieren-village-choice.picked,
.qr-room-frieren .qr-frieren-village-choice.picked { background: rgba(196,154,78,0.17); }

body[data-room="frieren"] .qr-frieren-village-status,
.qr-room-frieren .qr-frieren-village-status { color: var(--qr-warn); }

/* === Sequence 5: Final === */
body[data-room="frieren"] .qr-frieren-final,
.qr-room-frieren .qr-frieren-final { display: flex; flex-direction: column; gap: 13px; }

body[data-room="frieren"] .qr-frieren-final-arena,
.qr-room-frieren .qr-frieren-final-arena {
  position: relative;
  min-height: 150px;
  overflow: hidden;
  background: radial-gradient(circle at 50% 48%, rgba(121,181,210,0.18), transparent 38%), linear-gradient(180deg, #0d131d, #221c1f);
  border: 1px solid rgba(121,181,210,0.42);
  border-radius: var(--qr-radius);
}

body[data-room="frieren"] .qr-frieren-final-arena::after,
.qr-room-frieren .qr-frieren-final-arena::after { content: ''; position: absolute; left: 50%; top: 50%; width: 88px; height: 88px; border: 2px solid var(--qr-frieren-spell); border-radius: 50%; transform: translate(-50%, -50%); box-shadow: 0 0 24px var(--qr-frieren-glow); animation: qr-frieren-lantern-glow 2.4s ease-in-out infinite; }

body[data-room="frieren"] .qr-frieren-final-choice,
.qr-room-frieren .qr-frieren-final-choice { border-color: rgba(121,181,210,0.48); }

body[data-room="frieren"] .qr-frieren-final-choice.picked,
.qr-room-frieren .qr-frieren-final-choice.picked { background: rgba(121,181,210,0.14); }

body[data-room="frieren"] .qr-frieren-final-timer,
.qr-room-frieren .qr-frieren-final-timer { color: var(--qr-frieren-spell); font-family: 'Press Start 2P', monospace; text-align: center; text-shadow: 0 0 12px var(--qr-frieren-glow); }

/* === Results === */
body[data-room="frieren"] .qr-result,
.qr-room-frieren .qr-result { color: var(--qr-fg); text-align: center; padding: 24px 0; }

body[data-room="frieren"] .qr-result-sprite,
.qr-room-frieren .qr-result-sprite {
  width: 224px;
  height: 224px;
  object-fit: contain;
  image-rendering: pixelated;
  background: radial-gradient(circle at 50% 36%, rgba(121,181,210,0.18), transparent 48%), var(--qr-bg-elev);
  border: 4px solid var(--qr-accent);
  border-radius: var(--qr-radius);
  animation: qr-frieren-sprite-rise 520ms ease-out both;
}

body[data-room="frieren"] .qr-result-eyebrow,
.qr-room-frieren .qr-result-eyebrow { color: var(--qr-warn); }

body[data-room="frieren"] .qr-result-name,
.qr-room-frieren .qr-result-name { color: var(--qr-fg) !important; text-shadow: 0 0 14px rgba(196,154,78,0.18); }

body[data-room="frieren"] .qr-result-tagline,
.qr-room-frieren .qr-result-tagline,
body[data-room="frieren"] .qr-result-runner,
.qr-room-frieren .qr-result-runner { color: var(--qr-fg-dim); }

body[data-room="frieren"] .qr-result-receipts.qr-result-dossier,
.qr-room-frieren .qr-result-receipts.qr-result-dossier { background: linear-gradient(180deg, rgba(196,154,78,0.12), rgba(24,35,33,0.96)); border-color: var(--qr-frieren-line); }

body[data-room="frieren"] .qr-result-dossier-eyebrow,
.qr-room-frieren .qr-result-dossier-eyebrow { color: var(--qr-accent); }

body[data-room="frieren"] .qr-result-cta,
.qr-room-frieren .qr-result-cta { border-color: var(--qr-frieren-line); background: rgba(13,19,29,0.46); }

@keyframes qr-frieren-scene-in {
  from { opacity: 0; transform: translateY(8px); filter: saturate(0.75); }
  to { opacity: 1; transform: translateY(0); filter: saturate(1); }
}

@keyframes qr-frieren-sprite-rise {
  from { opacity: 0; transform: translateY(12px) scale(0.96); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes qr-frieren-prop-bob {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-5px); }
}

@keyframes qr-frieren-choice-lift {
  from { box-shadow: none; }
  to { box-shadow: 0 5px 0 rgba(0,0,0,0.18); }
}

@keyframes qr-frieren-lantern-glow {
  0%, 100% { opacity: 0.62; transform: translate(-50%, -50%) scale(0.96); }
  50% { opacity: 1; transform: translate(-50%, -50%) scale(1.04); }
}

@keyframes qr-frieren-mana-pulse {
  0%, 100% { box-shadow: 0 0 0 rgba(229,211,143,0); }
  50% { box-shadow: 0 0 18px rgba(229,211,143,0.18); }
}

@media (max-width: 560px) {
  body[data-room="frieren"] #qr-root,
  .qr-room-frieren #qr-root { padding: 18px 12px; }
  body[data-room="frieren"] .qr-board,
  .qr-room-frieren .qr-board { min-height: 330px; padding: 16px 12px 18px; }
  body[data-room="frieren"] .qr-scene,
  .qr-room-frieren .qr-scene { max-height: 160px; margin-bottom: 14px; }
  body[data-room="frieren"] .qr-board h2,
  body[data-room="frieren"] .qr-choice-prompt h2,
  .qr-room-frieren .qr-board h2,
  .qr-room-frieren .qr-choice-prompt h2 { font-size: 12px; line-height: 1.55; }
  body[data-room="frieren"] .qr-choice,
  body[data-room="frieren"] .qr-btn,
  body[data-room="frieren"] .qr-frieren-mana-action,
  .qr-room-frieren .qr-choice,
  .qr-room-frieren .qr-btn,
  .qr-room-frieren .qr-frieren-mana-action { min-height: 44px; }
  body[data-room="frieren"] .qr-frieren-mana-status,
  .qr-room-frieren .qr-frieren-mana-status { grid-template-columns: 1fr; }
  body[data-room="frieren"] .qr-frieren-mana-grid,
  .qr-room-frieren .qr-frieren-mana-grid,
  body[data-room="frieren"] .qr-frieren-fern-lesson,
  .qr-room-frieren .qr-frieren-fern-lesson { grid-template-columns: 1fr; }
  body[data-room="frieren"] .qr-result-sprite,
  .qr-room-frieren .qr-result-sprite { width: 192px; height: 192px; }
}

@media (prefers-reduced-motion: reduce) {
  body[data-room="frieren"] *,
  body[data-room="frieren"] *::before,
  body[data-room="frieren"] *::after,
  .qr-room-frieren *,
  .qr-room-frieren *::before,
  .qr-room-frieren *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}