.room-registration,
.room-accountability-chain,
.room-depth-plane,
.room-depth-trace,
.room-depth-limit,
.room-depth-bracket,
.room-depth-ticks,
.room-depth-branch,
.room-depth-stop,
.room-depth-unresolved {
  pointer-events: none;
}

.room-registration {
  color: var(--mineral);
  opacity: 0.52;
  transition: opacity 220ms ease-out;
}

.room-registration path {
  fill: none;
  stroke: currentColor;
  vector-effect: non-scaling-stroke;
}

.room-registration-frame {
  stroke-width: 0.65;
}

.room-registration-datum {
  stroke-width: 0.55;
  stroke-dasharray: 2 8;
  opacity: 0.5;
}

.room-registration-ticks {
  stroke-width: 0.8;
}

.room-registration text {
  fill: currentColor;
  font-family: var(--mono);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
}

.room-shell:not([data-active-layer="all"]) .room-registration {
  opacity: 0.78;
}

.room-accountability-chain {
  color: var(--clay-bright);
  opacity: 0;
  transition: opacity 220ms ease-out;
}

.room-shell[data-active-layer="all"] .room-accountability-chain {
  opacity: 0.96;
}

.room-chain-path {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.35;
  stroke-dasharray: 2 8;
  vector-effect: non-scaling-stroke;
}

.room-accountability-chain circle {
  fill: var(--black);
  stroke: currentColor;
  stroke-width: 1.6;
  vector-effect: non-scaling-stroke;
}

.room-accountability-chain text {
  fill: currentColor;
  font-family: var(--mono);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.06em;
}

.room-chain-caption {
  font-size: 10px !important;
  letter-spacing: 0.13em !important;
}

.room-depth-plane,
.room-depth-trace,
.room-depth-limit,
.room-depth-bracket,
.room-depth-ticks,
.room-depth-branch,
.room-depth-stop,
.room-depth-unresolved {
  fill: none;
  stroke: currentColor;
  vector-effect: non-scaling-stroke;
}

.room-depth-plane {
  color: var(--fog);
  fill: var(--black);
  fill-opacity: 0.82;
  stroke-width: 1.1;
  stroke-dasharray: 3 7;
  opacity: 0;
  transition: opacity 220ms ease-out, fill-opacity 220ms ease-out;
}

.room-depth-trace {
  color: var(--clay-bright);
  stroke-width: 2.2;
  stroke-dasharray: 0.08 0.035;
  stroke-dashoffset: 1;
  opacity: 0;
  transition: opacity 120ms linear, stroke-dashoffset 360ms cubic-bezier(0.22, 1, 0.36, 1);
}

.room-depth-limit,
.room-depth-bracket,
.room-depth-ticks,
.room-depth-branch,
.room-depth-stop {
  color: var(--chalk);
  stroke-width: 1;
  opacity: 0;
  transition: opacity 180ms linear;
}

.room-depth-limit {
  stroke-dasharray: 2 5;
}

.room-depth-stop {
  fill: var(--black);
  stroke-width: 1.4;
}

.room-depth-unresolved {
  color: var(--clay-bright);
  stroke-width: 1.5;
  stroke-dasharray: 2 7;
  opacity: 0;
  transition: opacity 180ms linear;
}

.room-depth-note {
  fill: var(--chalk);
  font-family: var(--mono);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.12em;
  opacity: 0;
  paint-order: stroke;
  stroke: var(--black);
  stroke-linejoin: round;
  stroke-width: 5px;
  transition: opacity 180ms linear;
}

.room-scene-layer[data-room-scene-layer="sense"] {
  --room-open-x: -18px;
  --room-open-y: -12px;
}

.room-scene-layer[data-room-scene-layer="infer"] {
  --room-open-x: -8px;
  --room-open-y: -18px;
}

.room-scene-layer[data-room-scene-layer="remember"] {
  --room-open-x: 18px;
  --room-open-y: -12px;
}

.room-scene-layer[data-room-scene-layer="decide"] {
  --room-open-x: 0px;
  --room-open-y: 8px;
}

.room-scene-layer[data-room-scene-layer="act"] {
  --room-open-x: -16px;
  --room-open-y: 18px;
}

.room-scene-layer[data-room-scene-layer="explain"] {
  --room-open-x: -20px;
  --room-open-y: 8px;
}

.room-scene-layer[data-room-scene-layer="forget"] {
  --room-open-x: 22px;
  --room-open-y: 12px;
}

.room-shell:not([data-active-layer="all"]) .room-architecture {
  opacity: 0.42;
  transition: opacity 220ms ease-out;
}

.room-shell:not([data-active-layer="all"]) .room-person--primary {
  opacity: 0.48;
  transition: opacity 220ms ease-out;
}

.room-shell[data-active-layer="sense"] [data-room-scene-layer="sense"],
.room-shell[data-active-layer="infer"] [data-room-scene-layer="infer"],
.room-shell[data-active-layer="remember"] [data-room-scene-layer="remember"],
.room-shell[data-active-layer="decide"] [data-room-scene-layer="decide"],
.room-shell[data-active-layer="act"] [data-room-scene-layer="act"],
.room-shell[data-active-layer="explain"] [data-room-scene-layer="explain"],
.room-shell[data-active-layer="forget"] [data-room-scene-layer="forget"] {
  transform: translate(var(--room-open-x), var(--room-open-y));
}

.room-shell[data-active-layer="sense"] [data-room-scene-layer="sense"] .room-depth-plane,
.room-shell[data-active-layer="infer"] [data-room-scene-layer="infer"] .room-depth-plane,
.room-shell[data-active-layer="remember"] [data-room-scene-layer="remember"] .room-depth-plane,
.room-shell[data-active-layer="decide"] [data-room-scene-layer="decide"] .room-depth-plane,
.room-shell[data-active-layer="act"] [data-room-scene-layer="act"] .room-depth-plane,
.room-shell[data-active-layer="explain"] [data-room-scene-layer="explain"] .room-depth-plane,
.room-shell[data-active-layer="forget"] [data-room-scene-layer="forget"] .room-depth-plane {
  color: var(--clay-bright);
  fill-opacity: 0.74;
  stroke-dasharray: none;
  opacity: 0.62;
}

.room-shell[data-active-layer="sense"] [data-room-scene-layer="sense"] .room-depth-trace,
.room-shell[data-active-layer="infer"] [data-room-scene-layer="infer"] .room-depth-trace,
.room-shell[data-active-layer="remember"] [data-room-scene-layer="remember"] .room-depth-trace,
.room-shell[data-active-layer="decide"] [data-room-scene-layer="decide"] .room-depth-trace,
.room-shell[data-active-layer="act"] [data-room-scene-layer="act"] .room-depth-trace,
.room-shell[data-active-layer="explain"] [data-room-scene-layer="explain"] .room-depth-trace,
.room-shell[data-active-layer="forget"] [data-room-scene-layer="forget"] .room-depth-trace {
  stroke-dashoffset: 0;
  opacity: 1;
}

.room-shell[data-active-layer="sense"] [data-room-scene-layer="sense"] :is(.room-depth-limit, .room-depth-bracket, .room-depth-note),
.room-shell[data-active-layer="infer"] [data-room-scene-layer="infer"] :is(.room-depth-bracket, .room-depth-note),
.room-shell[data-active-layer="remember"] [data-room-scene-layer="remember"] :is(.room-depth-ticks, .room-depth-note),
.room-shell[data-active-layer="decide"] [data-room-scene-layer="decide"] :is(.room-depth-branch, .room-depth-note),
.room-shell[data-active-layer="act"] [data-room-scene-layer="act"] :is(.room-depth-stop, .room-depth-note),
.room-shell[data-active-layer="explain"] [data-room-scene-layer="explain"] :is(.room-depth-bracket, .room-depth-note),
.room-shell[data-active-layer="forget"] [data-room-scene-layer="forget"] :is(.room-depth-unresolved, .room-depth-note) {
  opacity: 1;
}

.room-shell[data-seams="true"] .room-accountability-chain {
  opacity: 0;
}

.room-shell[data-seams="true"] .room-architecture {
  opacity: 0.22;
}

.room-shell[data-seams="true"] .room-scene-layer {
  opacity: 0.42;
}

.room-shell[data-seams="true"] .room-depth-plane {
  fill-opacity: 0.38;
  opacity: 0.74;
}

.room-shell[data-seams="true"] [data-room-scene-layer="sense"] {
  transform: translate(-30px, -26px);
}

.room-shell[data-seams="true"] [data-room-scene-layer="infer"] {
  transform: translate(-14px, -16px);
}

.room-shell[data-seams="true"] [data-room-scene-layer="remember"] {
  transform: translate(32px, -16px);
}

.room-shell[data-seams="true"] [data-room-scene-layer="decide"] {
  transform: translate(8px, 18px);
}

.room-shell[data-seams="true"] [data-room-scene-layer="act"] {
  transform: translate(-30px, 28px);
}

.room-shell[data-seams="true"] [data-room-scene-layer="explain"] {
  transform: translate(-38px, 14px);
}

.room-shell[data-seams="true"] [data-room-scene-layer="forget"] {
  transform: translate(38px, 20px);
}

.room-shell[data-seams="true"] .room-seams {
  opacity: 0.88;
}

.room-shell[data-power="off"] .room-registration {
  opacity: 0.22;
}

.room-shell[data-power="off"] .room-scene-layer,
.room-shell[data-power="off"] .room-seams,
.room-shell[data-power="off"] .room-person .consent-ring,
.room-shell[data-power="off"] .room-depth-plane,
.room-shell[data-power="off"] .room-depth-trace,
.room-shell[data-power="off"] .room-depth-limit,
.room-shell[data-power="off"] .room-depth-bracket,
.room-shell[data-power="off"] .room-depth-ticks,
.room-shell[data-power="off"] .room-depth-branch,
.room-shell[data-power="off"] .room-depth-stop,
.room-shell[data-power="off"] .room-depth-unresolved,
.room-shell[data-power="off"] .room-depth-note,
.room-shell[data-power="off"] .room-accountability-chain {
  opacity: 0.035;
}

@media (max-width: 1023px) {
  .room-registration-frame {
    opacity: 0.65;
  }

  .room-registration-datum,
  .room-registration-ticks {
    opacity: 0.35;
  }

  .room-depth-note,
  .room-chain-caption {
    font-size: 9px !important;
  }
}

@media (max-width: 639px) {
  .room-registration text,
  .room-chain-caption,
  .room-depth-note,
  .room-depth-bracket,
  .room-depth-ticks {
    display: none;
  }

  .room-registration-datum,
  .room-registration-ticks {
    opacity: 0.22;
  }

  .room-accountability-chain text {
    font-size: 15px;
  }

  .room-depth-plane {
    fill-opacity: 0.68;
  }

  .room-shell[data-seams="true"] [data-room-scene-layer="sense"] {
    transform: translate(-18px, -16px);
  }

  .room-shell[data-seams="true"] [data-room-scene-layer="infer"] {
    transform: translate(-8px, -10px);
  }

  .room-shell[data-seams="true"] [data-room-scene-layer="remember"] {
    transform: translate(18px, -10px);
  }

  .room-shell[data-seams="true"] [data-room-scene-layer="decide"] {
    transform: translate(5px, 10px);
  }

  .room-shell[data-seams="true"] [data-room-scene-layer="act"] {
    transform: translate(-18px, 16px);
  }

  .room-shell[data-seams="true"] [data-room-scene-layer="explain"] {
    transform: translate(-22px, 9px);
  }

  .room-shell[data-seams="true"] [data-room-scene-layer="forget"] {
    transform: translate(22px, 12px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .room-registration,
  .room-accountability-chain,
  .room-depth-plane,
  .room-depth-trace,
  .room-depth-limit,
  .room-depth-bracket,
  .room-depth-ticks,
  .room-depth-branch,
  .room-depth-stop,
  .room-depth-unresolved,
  .room-depth-note,
  .room-architecture,
  .room-person,
  .room-scene-layer {
    transition: none !important;
  }
}

@media (forced-colors: active) {
  .room-registration,
  .room-accountability-chain,
  .room-depth-plane,
  .room-depth-trace,
  .room-depth-limit,
  .room-depth-bracket,
  .room-depth-ticks,
  .room-depth-branch,
  .room-depth-stop,
  .room-depth-unresolved,
  .room-depth-note {
    color: CanvasText;
    forced-color-adjust: auto;
  }

  .room-accountability-chain circle,
  .room-depth-plane,
  .room-depth-stop {
    fill: Canvas;
  }

  .room-accountability-chain text,
  .room-registration text,
  .room-depth-note {
    fill: CanvasText;
    stroke: Canvas;
  }

  .room-shell[data-active-layer="sense"] [data-room-scene-layer="sense"] .room-depth-plane,
  .room-shell[data-active-layer="infer"] [data-room-scene-layer="infer"] .room-depth-plane,
  .room-shell[data-active-layer="remember"] [data-room-scene-layer="remember"] .room-depth-plane,
  .room-shell[data-active-layer="decide"] [data-room-scene-layer="decide"] .room-depth-plane,
  .room-shell[data-active-layer="act"] [data-room-scene-layer="act"] .room-depth-plane,
  .room-shell[data-active-layer="explain"] [data-room-scene-layer="explain"] .room-depth-plane,
  .room-shell[data-active-layer="forget"] [data-room-scene-layer="forget"] .room-depth-plane {
    stroke-width: 3;
  }
}

@media print {
  .room-depth-plane {
    fill: none;
  }

  .room-registration,
  .room-accountability-chain {
    opacity: 1;
  }
}