body.bridge-room {
        --key-green: #5eb554;
        --key-gray: #888888;
        --key-stone: #bcb9b2;
        --key-white: #ffffff;
        --key-sage: #a5ba7f;
        --key-light-green: #5eb554;
        --accent: var(--key-green);
        --accent-ink: #171713;
        --panel: var(--key-white);
        --ink: #171713;
        --line: color-mix(in srgb, #171713 22%, transparent);
        --brand-color: #171713;
        --room-ui-bottom: clamp(0.45rem, 1vw, 0.75rem);
        background: var(--key-stone);
      }

      body.bridge-room #intro-backdrop {
        background: color-mix(in srgb, #171713 10%, transparent);
      }

      .room-signature {
        position: fixed;
        z-index: 800;
        left: clamp(1rem, 2.2vw, 1.75rem);
        bottom: var(--room-ui-bottom);
        padding: clamp(0.49rem, 0.75vw, 0.64rem) clamp(0.64rem, 0.94vw, 0.83rem);
        color: #171713;
        background: color-mix(in srgb, var(--key-white) 68%, transparent);
        border: 1px solid color-mix(in srgb, #171713 12%, transparent);
        border-radius: 0.75rem;
        box-shadow: 0 0.5rem 1.8rem color-mix(in srgb, #171713 10%, transparent);
        backdrop-filter: blur(28px) saturate(1.35);
        -webkit-backdrop-filter: blur(28px) saturate(1.35);
        line-height: 1.15;
        pointer-events: none;
      }

      .room-signature__statement,
      .room-signature__project {
        display: block;
        font-weight: 350;
      }

      .room-signature__statement {
        font-family: "Yrsa", serif;
        font-size: clamp(0.9rem, 1.18125vw, 1.06875rem);
        font-style: italic;
        letter-spacing: -0.01em;
      }

      .room-signature__project {
        margin-top: 0.225rem;
        font-family: "Inter", sans-serif;
        font-size: clamp(0.7425rem, 0.95625vw, 0.8775rem);
        letter-spacing: -0.02em;
      }

      .room-language-toggle {
        top: clamp(0.9rem, 2.2vw, 1.6rem);
        right: clamp(0.9rem, 2.2vw, 1.6rem);
        left: auto;
      }

      .language-toggle {
        min-height: 0;
        padding: 0.22rem 0.35rem;
        color: #171713;
        background: color-mix(in srgb, var(--key-white) 62%, transparent);
        border-color: #171713;
        backdrop-filter: blur(24px) saturate(1.4);
        -webkit-backdrop-filter: blur(24px) saturate(1.4);
      }

      .language-toggle button.is-active {
        color: #171713;
        background: var(--key-white);
      }

      .vr-button {
        bottom: var(--room-ui-bottom);
        width: 3rem;
        min-width: 3rem;
        padding: 0;
        gap: 0;
        color: #171713;
        background: color-mix(in srgb, var(--key-white) 74%, transparent);
        border-color: color-mix(in srgb, #171713 28%, transparent);
        border-radius: 50%;
      }
      .vr-button svg { width: 1.35rem; height: 1.35rem; }
      .vr-button > span {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
      }
      .vr-button.is-active { color: var(--key-white); background: var(--key-sage); }

      .info-button {
        bottom: var(--room-ui-bottom);
      }

      body.bridge-room.smartphone-device .info-button,
      body.bridge-room.smartphone-device .vr-button {
        top: auto;
        bottom: var(--room-ui-bottom);
      }

      @media (max-width: 640px) {
        .room-language-toggle { top: 0.9rem; right: 0.9rem; left: auto; }
        .room-signature {
          left: 0.9rem;
          bottom: var(--room-ui-bottom);
        }
      }