/* ═══════════════════════════════════════════════════════════
   MORPHEUS BUILDING — Assembled CSS
   6 floors, dollhouse cutaway view
   ═══════════════════════════════════════════════════════════ */

*, *::after, *::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

/* preserve-3d chirurgical — uniquement les conteneurs 3D */
.scene, .building, .floor, .floor-slab,
.house, .house *, .house *::before, .house *::after {
    transform-style: preserve-3d;
}

body {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    cursor: pointer;
    background-color: #09090b;
    background-image: radial-gradient(circle at 30% 50%, rgba(124,92,252,0.06), transparent 50%),
                      radial-gradient(circle at 70% 50%, rgba(0,255,136,0.04), transparent 50%);
    font-family: 'Inter', sans-serif;
}

canvas {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    image-rendering: auto;
}

.face {
    position: absolute;
}

/* ═══ NAVIGATION PANEL ═══ */
.floor-nav {
    position: fixed;
    left: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1.25rem 1rem;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 1rem;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.nav-title {
    color: rgba(255,255,255,0.5);
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid rgba(255,255,255,0.06);
    margin-bottom: 0.25rem;
}

.nav-btn {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 0.5rem;
    padding: 0.5rem 0.75rem;
    font-family: 'Inter', sans-serif;
    font-size: 0.7rem;
    font-weight: 500;
    letter-spacing: -0.02em;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    text-align: left;
    white-space: nowrap;
}

.nav-btn:hover {
    background: rgba(255,255,255,0.08);
    border-color: rgba(255,255,255,0.15);
    transform: translateX(2px);
}

.nav-btn.active {
    border-color: currentColor;
    box-shadow: 0 0 12px currentColor;
}

.nav-back {
    margin-top: 0.5rem;
    border-top: 1px solid rgba(255,255,255,0.06);
    padding-top: 0.75rem;
    color: rgba(255,255,255,0.5);
    font-size: 0.65rem;
}

.nav-back:hover {
    color: rgba(255,255,255,0.9);
}

/* ═══ SCENE & BUILDING ═══ */
.scene {
    position: absolute;
    inset: 0;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.building {
    width: 32vw;
    height: 28vw;
    transform-style: preserve-3d;
    transform: perspective(400vw) rotateX(65deg) rotateZ(45deg) scale(0.26);
    transform-origin: 16vw 14vw;
    margin-top: 45vh;
    transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

/* ═══ FLOOR CONTAINERS ═══ */
.floor {
    position: absolute;
    transform-style: preserve-3d;
    transform: translateZ(var(--floor-z, 0));
    transition: opacity 0.5s ease;
    cursor: pointer;
}

.floor .house {
    position: absolute;
    width: 32vw;
    height: 28vw;
    transform-style: preserve-3d;
}


.floor.hidden {
    opacity: 0;
    pointer-events: none;
}

.floor.dimmed {
    opacity: 0.2;
}

/* ═══ FLOOR SLABS ═══ */
.floor-slab {
    position: absolute;
    width: 33vw;
    height: 29vw;
    left: -0.5vw;
    top: -0.5vw;
    transform-style: preserve-3d;
}

.floor-slab .slab-top {
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #1a1a22, #12121a);
    border: 1px solid rgba(255,255,255,0.03);
    transform: translateZ(-0.3vw);
}

.floor-slab .slab-front {
    position: absolute;
    width: 100%;
    height: 0.6vw;
    background: linear-gradient(to bottom, #1a1a22, #0e0e14);
    transform-origin: bottom left;
    transform: rotateX(-90deg) translateZ(-0.3vw);
}

.floor-slab .slab-right {
    position: absolute;
    width: 0.6vw;
    height: 100%;
    background: linear-gradient(to right, #0e0e14, #08080c);
    transform-origin: top right;
    transform: rotateY(90deg) translateZ(-0.3vw);
    right: 0;
}

/* ═══ FLOOR LABELS ═══ */
.floor-label {
    position: absolute;
    bottom: -2vw;
    left: 50%;
    transform: translateX(-50%) rotateX(-75deg) rotateZ(-45deg);
    color: rgba(255,255,255,0.4);
    font-family: 'Inter', sans-serif;
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    white-space: nowrap;
    pointer-events: none;
    text-transform: uppercase;
}

.nav-btn[data-floor="finance"] { color: #d4a017; }
.nav-btn[data-floor="business"] { color: #f59e0b; }
.nav-btn[data-floor="production"] { color: #f97316; }
.nav-btn[data-floor="ops"] { color: #00ff88; }
.nav-btn[data-floor="r-d"] { color: #8b5cf6; }
.nav-btn[data-floor="penthouse"] { color: #fbbf24; }


/* ════════════════════════════════════════════════════════════ */
/* FLOOR: FINANCE — Dwight, Oracle */
/* ════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════
   MORPHEUS BUILDING — FINANCE FLOOR
   Agents: Dwight (amber) / Oracle (deep blue-purple)
   ═══════════════════════════════════════ */

@keyframes neon-breathe-finance {
  0%, 100% { opacity: 0.8; }
  50% { opacity: 1; }
}
@keyframes screen-glow-amber-finance {
  0%, 100% { box-shadow: 0 0 0.4vw rgba(245, 158, 11, 0.4); }
  50% { box-shadow: 0 0 0.8vw rgba(245, 158, 11, 0.7); }
}
@keyframes screen-glow-purple-finance {
  0%, 100% { box-shadow: 0 0 0.4vw rgba(99, 102, 241, 0.4); }
  50% { box-shadow: 0 0 0.8vw rgba(99, 102, 241, 0.7); }
}
@keyframes led-chase-finance {
  0% { opacity: 0.3; }
  50% { opacity: 1; }
  100% { opacity: 0.3; }
}





.floor-finance .face {
  position: absolute;
}

.floor-finance .house {
  position: absolute;
  width: 32vw;
  height: 28vw;
  
}

.floor-finance .h-shadow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 1.5vw -3vw 3vw hsl(35, 20%, 3%), 1.5vw 0.5vw 1.5vw hsl(35, 20%, 3%);
}

.floor-finance .h-lights {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 50vw;
  height: 45vw;
}

.floor-finance .h-light {
  position: absolute;
}
.floor-finance .h-light:nth-of-type(1) {
  bottom: 5vw;
  right: 0;
  width: 14vw;
  height: 14vw;
  border-radius: 50%;
  background-image: radial-gradient(hsl(35, 20%, 10%), transparent);
  filter: blur(1vw);
}
.floor-finance .h-light:nth-of-type(2) {
  bottom: -8vw;
  right: -3vw;
  width: 6vw;
  height: 12vw;
  border-radius: 50%;
  transform: rotateZ(-50deg);
  background-image: radial-gradient(rgba(245, 158, 11, 0.12) 40%, transparent);
  filter: blur(2vw);
}
.floor-finance .h-light:nth-of-type(3) {
  bottom: -6vw;
  right: 24vw;
  width: 8vw;
  height: 10vw;
  border-radius: 50%;
  transform: rotateZ(-50deg);
  background-image: radial-gradient(rgba(99, 102, 241, 0.10) 40%, transparent);
  filter: blur(3vw);
}
.h-light:nth-of-type(4) { display: none; }
.floor-finance .h-light:nth-of-type(5) {
  bottom: -4vw;
  right: -2vw;
  width: 8vw;
  height: 10vw;
  transform-origin: bottom left;
  background-image: radial-gradient(rgba(245, 158, 11, 0.10) 40%, transparent);
  border-radius: 50%;
  filter: blur(2vw);
}
.h-light:nth-of-type(6) { display: none; }

/* ═══════════════════════════════════════
   CEILING (alt) — warm dark tones
   ═══════════════════════════════════════ */
.floor-finance .alt {
  position: absolute;
  left: 0;
  top: 0;
  width: 31vw;
  height: 27vw;
}
.floor-finance .alt__front {
  width: 31vw;
  height: 0.5vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(26.5vw);
  background-color: rgb(40, 34, 24);
}
.floor-finance .alt__back {
  width: 31vw;
  height: 0.5vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-31vw) translateY(-0.5vw);
  background-color: rgb(20, 17, 12);
}
.floor-finance .alt__right {
  width: 27vw;
  height: 0.5vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(31vw) translateX(-27vw) translateY(-0.5vw);
  background-color: rgb(20, 17, 12);
}
.floor-finance .alt__left {
  width: 27vw;
  height: 0.5vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.5vw);
  background-color: rgb(50, 42, 30);
}
.floor-finance .alt__top {
  width: 31vw;
  height: 27vw;
  transform-origin: top left;
  transform: translateZ(0.5vw);
  background-image: linear-gradient(to bottom, #15120e, rgb(20, 17, 12), rgb(40, 34, 24));
}
.floor-finance .alt__bottom {
  width: 31vw;
  height: 27vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-31vw);
  background-color: rgb(20, 17, 12);
}

/* ═══════════════════════════════════════
   FLOOR (alb) — dark with amber tile grid
   ═══════════════════════════════════════ */
.floor-finance .alb {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 31vw;
  height: 1vw;
}
.floor-finance .alb__front {
  width: 31vw;
  height: 2vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(-1vw);
  background-image: linear-gradient(to right, rgb(40, 34, 24) 40%, rgb(35, 30, 22));
}
.floor-finance .alb__back {
  width: 31vw;
  height: 2vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-31vw) translateY(-2vw);
  background-color: rgb(20, 17, 12);
}
.floor-finance .alb__right {
  width: 1vw;
  height: 2vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(31vw) translateX(-1vw) translateY(-2vw);
  background-color: rgb(20, 17, 12);
}
.floor-finance .alb__left {
  width: 1vw;
  height: 2vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-2vw);
  background-color: rgb(50, 42, 30);
}
.floor-finance .alb__top {
  width: 31vw;
  height: 1vw;
  transform-origin: top left;
  transform: translateZ(2vw);
  background-color: #1a1610;
  background-image:
    repeating-linear-gradient(to right, rgba(80, 60, 20, 0.2) 0, rgba(80, 60, 20, 0.2) 0.05vw, transparent 0.05vw, transparent 4vw),
    repeating-linear-gradient(to bottom, rgba(80, 60, 20, 0.2) 0, rgba(80, 60, 20, 0.2) 0.05vw, transparent 0.05vw, transparent 4vw);
}
.floor-finance .alb__bottom {
  width: 31vw;
  height: 1vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-31vw);
  background-color: rgb(20, 17, 12);
}

/* ═══════════════════════════════════════
   RIGHT BASEBOARD (arb) — amber LED strip
   ═══════════════════════════════════════ */
.floor-finance .arb {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1vw;
  height: 28vw;
}
.floor-finance .arb__front {
  width: 1vw;
  height: 2vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(26vw);
  background-color: rgb(35, 30, 22);
}
.floor-finance .arb__back {
  width: 1vw;
  height: 2vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-1vw) translateY(-2vw);
  background-color: rgb(20, 17, 12);
}
.floor-finance .arb__right {
  width: 28vw;
  height: 2vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(1vw) translateX(-28vw) translateY(-2vw);
  background-image: linear-gradient(to right, rgb(8, 7, 5) 40%, black);
}
.floor-finance .arb__left {
  width: 28vw;
  height: 2vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-2vw);
  background-color: rgb(40, 34, 24);
}
.floor-finance .arb__top {
  width: 1vw;
  height: 28vw;
  transform-origin: top left;
  transform: translateZ(2vw);
  background-image: linear-gradient(to top, rgb(50, 42, 30), rgb(20, 17, 12) 25%, rgb(12, 10, 8) 75%, rgb(40, 34, 24));
}
.floor-finance .arb__top::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 30%;
  top: 0;
  background-image: linear-gradient(to bottom, transparent, rgba(245, 158, 11, 0.35), transparent);
}
.floor-finance .arb__bottom {
  width: 1vw;
  height: 28vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-1vw);
  background-color: rgb(20, 17, 12);
}

/* ═══════════════════════════════════════
   LEFT WALL (blt) — amber LED strip
   ═══════════════════════════════════════ */
.floor-finance .blt {
  position: absolute;
  left: 0;
  top: 0;
  width: 1vw;
  height: 27vw;
  transform: translateZ(0.5vw);
}
.floor-finance .blt__front {
  width: 1vw;
  height: 16vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(11vw);
  background-image: linear-gradient(to bottom, rgb(20, 17, 12), rgb(40, 34, 24));
}
.floor-finance .blt__back {
  width: 1vw;
  height: 16vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-1vw) translateY(-16vw);
  background-color: rgb(20, 17, 12);
}
.floor-finance .blt__right {
  width: 27vw;
  height: 16vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(1vw) translateX(-27vw) translateY(-16vw);
  background-image: linear-gradient(to bottom, rgb(4, 3, 2), rgb(20, 17, 12), rgb(20, 17, 12) 90%, rgb(12, 10, 8));
}
.floor-finance .blt__right::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 0.75vw;
  background-image: linear-gradient(to bottom, rgb(35, 30, 22), #f59e0b);
  border-top: 0.1vw solid #1a1610;
  border-bottom: 0.1vw solid #1a1610;
  animation: neon-breathe-finance 4s ease infinite;
}
.floor-finance .blt__right::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to bottom, rgba(120, 80, 6, 0.2), transparent 30%, transparent 70%, rgba(245, 158, 11, 0.2));
}
.floor-finance .blt__left {
  width: 27vw;
  height: 16vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-16vw);
  background-color: rgb(50, 42, 30);
}
.floor-finance .blt__top {
  width: 1vw;
  height: 27vw;
  transform-origin: top left;
  transform: translateZ(16vw);
}
.floor-finance .blt__bottom {
  width: 1vw;
  height: 27vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-1vw);
  background-color: rgb(20, 17, 12);
}

/* blt2 — crown molding left wall */
.floor-finance .blt2 {
  position: absolute;
  left: 0;
  top: 0;
  width: 2vw;
  height: 27vw;
  transform: translateZ(16.5vw);
}
.floor-finance .blt2__front {
  width: 2vw;
  height: 0.75vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(26.25vw);
  background-color: rgb(20, 17, 12);
}
.floor-finance .blt2__back {
  width: 2vw;
  height: 0.75vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-2vw) translateY(-0.75vw);
  background-color: rgb(20, 17, 12);
}
.floor-finance .blt2__right {
  width: 27vw;
  height: 0.75vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(2vw) translateX(-27vw) translateY(-0.75vw);
  background-image: linear-gradient(to right, rgb(35, 30, 22), rgb(40, 34, 24), rgb(24, 20, 16));
}
.floor-finance .blt2__right::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  border-bottom: 0.1vw solid rgba(60, 50, 36, 0.5);
  background-image: linear-gradient(to top, rgba(245, 158, 11, 0.15), transparent);
}
.floor-finance .blt2__left {
  width: 27vw;
  height: 0.75vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.75vw);
  background-color: rgb(50, 42, 30);
}
.floor-finance .blt2__top {
  width: 2vw;
  height: 27vw;
  transform-origin: top left;
  transform: translateZ(0.75vw);
  background-image: linear-gradient(to top, rgb(40, 34, 24), rgb(50, 42, 30));
}
.floor-finance .blt2__bottom {
  width: 2vw;
  height: 27vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-2vw);
  background-color: rgb(20, 17, 12);
}

/* ═══════════════════════════════════════
   BACK WALL (blb) — amber LED strip at bottom
   ═══════════════════════════════════════ */
.floor-finance .blb {
  position: absolute;
  left: 1vw;
  top: 0;
  width: 30vw;
  height: 1vw;
  transform: translateZ(0.5vw);
}
.floor-finance .blb__front {
  width: 30vw;
  height: 16vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(-15vw);
  background-image: linear-gradient(to bottom, rgb(4, 3, 2), rgb(16, 14, 10) 20%, rgb(4, 3, 2));
}
.floor-finance .blb__front::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image:
    linear-gradient(to bottom, rgba(100, 80, 40, 0.1), transparent 20%, transparent 80%, rgba(100, 80, 40, 0.15)),
    linear-gradient(to right, rgba(245, 158, 11, 0.12), transparent 25%, transparent 75%, rgba(99, 102, 241, 0.1)),
    linear-gradient(to bottom, rgba(26, 22, 16, 0.25), transparent 20%, transparent 80%, rgba(100, 80, 40, 0.1));
}
.floor-finance .blb__front::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 0.75vw;
  background-image: linear-gradient(to right, #f59e0b 15%, #d97706 50%, #6366f1 85%);
  border-top: 0.1vw solid #1a1610;
  border-bottom: 0.1vw solid #1a1610;
  animation: neon-breathe-finance 4s ease infinite;
}
.floor-finance .blb__back {
  width: 30vw;
  height: 16vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-30vw) translateY(-16vw);
  background-color: rgb(20, 17, 12);
}
.floor-finance .blb__right {
  width: 1vw;
  height: 16vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(30vw) translateX(-1vw) translateY(-16vw);
  background-image: linear-gradient(to bottom, rgb(4, 3, 2), black 80%, rgb(4, 3, 2));
}
.floor-finance .blb__left {
  width: 1vw;
  height: 16vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-16vw);
}
.floor-finance .blb__top {
  width: 30vw;
  height: 1vw;
  transform-origin: top left;
  transform: translateZ(16vw);
}
.floor-finance .blb__bottom {
  width: 30vw;
  height: 1vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-30vw);
  background-color: rgb(20, 17, 12);
}

/* blb2 — crown molding back wall */
.floor-finance .blb2 {
  position: absolute;
  left: 2vw;
  top: 0;
  width: 29vw;
  height: 1vw;
  transform: translateZ(16.5vw);
}
.floor-finance .blb2__front {
  width: 29vw;
  height: 0.75vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(1.25vw);
  background-image: linear-gradient(to right, rgb(24, 20, 16), rgb(40, 34, 24), rgb(35, 30, 22));
}
.floor-finance .blb2__front::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  border-bottom: 0.1vw solid rgba(60, 50, 36, 0.5);
  background-image: linear-gradient(to top, rgba(245, 158, 11, 0.1), transparent);
}
.floor-finance .blb2__back {
  width: 29vw;
  height: 0.75vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-29vw) translateY(-0.75vw);
  background-color: rgb(20, 17, 12);
}
.floor-finance .blb2__right {
  width: 2vw;
  height: 0.75vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(29vw) translateX(-2vw) translateY(-0.75vw);
  background-color: rgb(4, 3, 2);
}
.floor-finance .blb2__left {
  width: 2vw;
  height: 0.75vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.75vw);
  background-color: rgb(40, 34, 24);
}
.floor-finance .blb2__top {
  width: 29vw;
  height: 2vw;
  transform-origin: top left;
  transform: translateZ(0.75vw);
  background-image: linear-gradient(to left, rgb(40, 34, 24), rgb(50, 42, 30));
}
.floor-finance .blb2__bottom {
  width: 29vw;
  height: 2vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-29vw);
  background-color: rgb(20, 17, 12);
}

/* ═══════════════════════════════════════
   DESKS — 2 desks, bigger (10x7vw), elevated at translateZ(3vw)
   ═══════════════════════════════════════ */

/* --- Dwight desk (10x7vw, left) --- */
.floor-finance .desk-dwight {
  position: absolute;
  left: 3vw;
  top: 1vw;
  width: 10vw;
  height: 7vw;
  transform: translateZ(3vw);
}
.floor-finance .desk-dwight::before {
  content: "";
  position: absolute;
  top: -5%;
  left: -5%;
  width: 110%;
  height: 110%;
  background-color: rgba(20, 17, 12, 0.85);
  filter: blur(0.6vw);
}
.floor-finance .desk-dwight::after {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-image: radial-gradient(ellipse at 50% 30%, rgba(245, 158, 11, 0.06), transparent 60%);
  transform: translateZ(0.01vw);
}
.floor-finance .desk-dwight__front {
  width: 10vw;
  height: 0.4vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(6.6vw);
  background-image: linear-gradient(to right, rgb(38, 32, 22), rgb(14, 12, 8));
}
.floor-finance .desk-dwight__front::before {
  content: "";
  position: absolute;
  width: 100%; height: 100%;
  background-image: linear-gradient(135deg, rgba(245, 158, 11, 0.08), transparent 55%);
}
.floor-finance .desk-dwight__back {
  width: 10vw;
  height: 0.4vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-10vw) translateY(-0.4vw);
  background-color: #1a1610;
}
.floor-finance .desk-dwight__right {
  width: 7vw;
  height: 0.4vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(10vw) translateX(-7vw) translateY(-0.4vw);
  background-color: rgb(10, 8, 6);
}
.floor-finance .desk-dwight__left {
  width: 7vw;
  height: 0.4vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.4vw);
  background-color: #2a2418;
}
.floor-finance .desk-dwight__top {
  width: 10vw;
  height: 7vw;
  transform-origin: top left;
  transform: translateZ(0.4vw);
  background-image: linear-gradient(135deg, rgb(44, 38, 26), rgb(24, 20, 14));
}
.floor-finance .desk-dwight__top::before {
  content: "";
  position: absolute;
  bottom: 0; width: 50%; height: 50%;
  background-image: linear-gradient(135deg, rgba(245, 158, 11, 0.12), rgba(255, 255, 255, 0.04) 50%, transparent 55%);
  filter: blur(0.3vw);
}
.floor-finance .desk-dwight__bottom {
  width: 10vw;
  height: 7vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-10vw);
  background-color: #1a1610;
}

/* --- Oracle desk (10x7vw, right) --- */
.floor-finance .desk-oracle {
  position: absolute;
  left: 19vw;
  top: 1vw;
  width: 10vw;
  height: 7vw;
  transform: translateZ(3vw);
}
.floor-finance .desk-oracle::before {
  content: "";
  position: absolute;
  top: -5%;
  left: -5%;
  width: 110%;
  height: 110%;
  background-color: rgba(20, 17, 12, 0.85);
  filter: blur(0.6vw);
}
.floor-finance .desk-oracle::after {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-image: radial-gradient(ellipse at 50% 30%, rgba(99, 102, 241, 0.06), transparent 60%);
  transform: translateZ(0.01vw);
}
.floor-finance .desk-oracle__front {
  width: 10vw;
  height: 0.4vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(6.6vw);
  background-image: linear-gradient(to right, rgb(38, 32, 22), rgb(14, 12, 8));
}
.floor-finance .desk-oracle__front::before {
  content: "";
  position: absolute;
  width: 100%; height: 100%;
  background-image: linear-gradient(135deg, rgba(99, 102, 241, 0.06), transparent 55%);
}
.floor-finance .desk-oracle__back {
  width: 10vw;
  height: 0.4vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-10vw) translateY(-0.4vw);
  background-color: #1a1610;
}
.floor-finance .desk-oracle__right {
  width: 7vw;
  height: 0.4vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(10vw) translateX(-7vw) translateY(-0.4vw);
  background-color: rgb(10, 8, 6);
}
.floor-finance .desk-oracle__left {
  width: 7vw;
  height: 0.4vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.4vw);
  background-color: #2a2418;
}
.floor-finance .desk-oracle__top {
  width: 10vw;
  height: 7vw;
  transform-origin: top left;
  transform: translateZ(0.4vw);
  background-image: linear-gradient(135deg, rgb(44, 38, 26), rgb(24, 20, 14));
}
.floor-finance .desk-oracle__top::before {
  content: "";
  position: absolute;
  bottom: 0; width: 50%; height: 50%;
  background-image: linear-gradient(135deg, rgba(99, 102, 241, 0.10), rgba(255, 255, 255, 0.04) 50%, transparent 55%);
  filter: blur(0.3vw);
}
.floor-finance .desk-oracle__bottom {
  width: 10vw;
  height: 7vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-10vw);
  background-color: #1a1610;
}

/* ═══════════════════════════════════════
   SCREENS — 2 per agent, wall-mounted
   Screen cube: 2.4w x 0.3d x 3h, translateZ(3.5vw)
   ═══════════════════════════════════════ */

/* --- Screen geometry (shared pattern) --- */
.screen-dwight1, .screen-dwight2,
.floor-finance .screen-oracle1, .floor-finance .screen-oracle2 {
  position: absolute;
  width: 2.4vw;
  height: 0.3vw;
  transform: translateZ(3.5vw);
}

/* Front face — 2.4 x 3 */
.screen-dwight1__front, .screen-dwight2__front,
.floor-finance .screen-oracle1__front, .floor-finance .screen-oracle2__front {
  width: 2.4vw;
  height: 3vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(-2.7vw);
}
/* Back face */
.screen-dwight1__back, .screen-dwight2__back,
.floor-finance .screen-oracle1__back, .floor-finance .screen-oracle2__back {
  width: 2.4vw;
  height: 3vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-2.4vw) translateY(-3vw);
  background-color: #111118;
}
/* Right face */
.screen-dwight1__right, .screen-dwight2__right,
.floor-finance .screen-oracle1__right, .floor-finance .screen-oracle2__right {
  width: 0.3vw;
  height: 3vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(2.4vw) translateX(-0.3vw) translateY(-3vw);
  background-color: #111118;
}
/* Left face */
.screen-dwight1__left, .screen-dwight2__left,
.floor-finance .screen-oracle1__left, .floor-finance .screen-oracle2__left {
  width: 0.3vw;
  height: 3vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-3vw);
  background-color: #111118;
}
/* Top face */
.screen-dwight1__top, .screen-dwight2__top,
.floor-finance .screen-oracle1__top, .floor-finance .screen-oracle2__top {
  width: 2.4vw;
  height: 0.3vw;
  transform-origin: top left;
  transform: translateZ(3vw);
  background-color: #1a1a2a;
}
/* Bottom face */
.screen-dwight1__bottom, .screen-dwight2__bottom,
.floor-finance .screen-oracle1__bottom, .floor-finance .screen-oracle2__bottom {
  width: 2.4vw;
  height: 0.3vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-2.4vw);
  background-color: #1a1a2a;
}

/* --- Dwight screens (amber) --- */
.screen-dwight1 { left: 4.5vw; top: 1.2vw; }
.screen-dwight2 { left: 7.1vw; top: 1.2vw; }

.floor-finance .screen-dwight1__front, .floor-finance .screen-dwight2__front {
  background-color: rgb(245, 185, 60);
  border: 0.125vw solid rgb(10, 8, 6);
}
.floor-finance .screen-dwight1__front::before, .floor-finance .screen-dwight2__front::before {
  content: "";
  position: absolute;
  width: 100%; height: 100%;
  box-shadow: 0.125vw 0.125vw 1vw rgba(245, 158, 11, 0.5), -0.125vw 0.125vw 1vw rgba(245, 158, 11, 0.5), 0.125vw -0.125vw 1vw rgba(245, 158, 11, 0.5), -0.125vw -0.125vw 1vw rgba(245, 158, 11, 0.5);
}
.screen-dwight1__front { animation: screen-glow-amber-finance 2s ease infinite; }
.screen-dwight2__front { animation: screen-glow-amber-finance 2s ease infinite 0.4s; }

.floor-finance .screen-dwight1__back::before {
  content: "";
  position: absolute;
  width: 10vw; height: 5vw;
  background-image: radial-gradient(rgba(245, 158, 11, 0.7), rgba(217, 119, 6, 0.5));
  filter: blur(1vw);
}
.floor-finance .screen-dwight2__back::before {
  content: "";
  position: absolute;
  width: 8vw; height: 4vw;
  background-image: radial-gradient(rgba(245, 158, 11, 0.5), transparent);
  filter: blur(1vw);
}

/* --- Oracle screens (deep blue-purple) --- */
.screen-oracle1 { left: 20.5vw; top: 1.2vw; }
.screen-oracle2 { left: 23.1vw; top: 1.2vw; }

.floor-finance .screen-oracle1__front, .floor-finance .screen-oracle2__front {
  background-color: rgb(130, 130, 240);
  border: 0.125vw solid rgb(10, 8, 6);
}
.floor-finance .screen-oracle1__front::before, .floor-finance .screen-oracle2__front::before {
  content: "";
  position: absolute;
  width: 100%; height: 100%;
  box-shadow: 0.125vw 0.125vw 1vw rgba(99, 102, 241, 0.5), -0.125vw 0.125vw 1vw rgba(99, 102, 241, 0.5), 0.125vw -0.125vw 1vw rgba(99, 102, 241, 0.5), -0.125vw -0.125vw 1vw rgba(99, 102, 241, 0.5);
}
.screen-oracle1__front { animation: screen-glow-purple-finance 2s ease infinite; }
.screen-oracle2__front { animation: screen-glow-purple-finance 2s ease infinite 0.5s; }

.floor-finance .screen-oracle1__back::before {
  content: "";
  position: absolute;
  width: 10vw; height: 5vw;
  background-image: radial-gradient(rgba(99, 102, 241, 0.7), rgba(79, 70, 229, 0.5));
  filter: blur(1vw);
}
.floor-finance .screen-oracle2__back::before {
  content: "";
  position: absolute;
  width: 8vw; height: 4vw;
  background-image: radial-gradient(rgba(99, 102, 241, 0.4), transparent);
  filter: blur(1vw);
}

/* ═══════════════════════════════════════
   GAMING CHAIRS — same structure as BUSINESS, warm dark tones
   ═══════════════════════════════════════ */
.floor-finance .chair-dwight, .floor-finance .chair-oracle {
  position: absolute;
  width: 2.5vw;
  height: 2.5vw;
  transform-origin: 1.25vw 1.25vw;
  transform: translateZ(0.5vw) rotateZ(180deg);
}
.floor-finance .chair-dwight::before, .floor-finance .chair-oracle::before {
  content: "";
  position: absolute;
  top: -8%; left: -8%;
  width: 116%; height: 116%;
  background-color: rgba(20, 17, 12, 0.75);
  filter: blur(0.5vw);
}

/* Chair seat — cube(2.5, 0.3, 2.5) */
.floor-finance .chair-seat {
  position: absolute;
  left: 0; top: 0;
  width: 2.5vw; height: 2.5vw;
}
.floor-finance .chair-seat__front {
  width: 2.5vw; height: 0.3vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(2.2vw);
  background-color: #2a2418;
}
.floor-finance .chair-seat__back {
  width: 2.5vw; height: 0.3vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-2.5vw) translateY(-0.3vw);
  background-color: #1a1610;
}
.floor-finance .chair-seat__right {
  width: 2.5vw; height: 0.3vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(2.5vw) translateX(-2.5vw) translateY(-0.3vw);
  background-color: rgb(18, 15, 10);
}
.floor-finance .chair-seat__left {
  width: 2.5vw; height: 0.3vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.3vw);
  background-color: #2a2418;
}
.floor-finance .chair-seat__top {
  width: 2.5vw; height: 2.5vw;
  transform-origin: top left;
  transform: translateZ(0.3vw);
  background-image: linear-gradient(135deg, rgb(56, 48, 34), #1a1610);
}
.floor-finance .chair-seat__bottom {
  width: 2.5vw; height: 2.5vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-2.5vw);
  background-color: #1a1610;
}

/* Chair back — cube(2.5, 3.5, 0.3) */
.floor-finance .chair-back {
  position: absolute;
  left: 0; top: 0;
  width: 2.5vw; height: 0.3vw;
  transform: translateZ(0.3vw);
}
.floor-finance .chair-back__front {
  width: 2.5vw; height: 3.5vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(-3.2vw);
  background-image: linear-gradient(to bottom, #2a2418, rgb(28, 24, 17));
}
.floor-finance .chair-back__back {
  width: 2.5vw; height: 3.5vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-2.5vw) translateY(-3.5vw);
  background-color: #1a1610;
}
.floor-finance .chair-back__right {
  width: 0.3vw; height: 3.5vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(2.5vw) translateX(-0.3vw) translateY(-3.5vw);
  background-color: rgb(18, 15, 10);
}
.floor-finance .chair-back__left {
  width: 0.3vw; height: 3.5vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-3.5vw);
  background-color: #2a2418;
}
.floor-finance .chair-back__top {
  width: 2.5vw; height: 0.3vw;
  transform-origin: top left;
  transform: translateZ(3.5vw);
  background-color: rgb(52, 44, 32);
}
.floor-finance .chair-back__bottom {
  width: 2.5vw; height: 0.3vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-2.5vw);
  background-color: #1a1610;
}

/* Chair positions */
.chair-dwight { left: 6vw; top: 7vw; }
.chair-oracle { left: 22vw; top: 7vw; }

/* Headrest — cube(1.6, 0.6, 0.3) */
.floor-finance .chair-headrest {
  position: absolute;
  left: 0.45vw; top: 0;
  width: 1.6vw; height: 0.3vw;
  transform: translateZ(3.8vw);
}
.chair-headrest__front  { width: 1.6vw; height: 0.6vw; transform-origin: bottom left; transform: rotateX(-90deg) translateZ(-0.3vw); background: linear-gradient(to bottom, #2a2418, #1e1a12); }
.chair-headrest__back   { width: 1.6vw; height: 0.6vw; transform-origin: top left; transform: rotateX(-90deg) rotateY(180deg) translateX(-1.6vw) translateY(-0.6vw); background: #1a1610; }
.chair-headrest__right  { width: 0.3vw; height: 0.6vw; transform-origin: top left; transform: rotateY(90deg) rotateZ(-90deg) translateZ(1.6vw) translateX(-0.3vw) translateY(-0.6vw); background: rgb(18, 15, 10); }
.chair-headrest__left   { width: 0.3vw; height: 0.6vw; transform-origin: top left; transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.6vw); background: #2a2418; }
.chair-headrest__top    { width: 1.6vw; height: 0.3vw; transform-origin: top left; transform: translateZ(0.6vw); background: linear-gradient(135deg, rgb(56, 48, 34), #2a2418); }
.chair-headrest__bottom { width: 1.6vw; height: 0.3vw; transform-origin: top left; transform: rotateY(180deg) translateX(-1.6vw); background: #1a1610; }

/* Armrests — cube(0.3, 0.2, 2) */
.floor-finance .chair-arm {
  position: absolute;
  width: 0.3vw; height: 2vw;
  transform: translateZ(0.5vw);
}
.chair-arm-l { left: -0.35vw; top: 0.25vw; }
.chair-arm-r { left: 2.55vw; top: 0.25vw; }
.chair-arm__front  { width: 0.3vw; height: 0.2vw; transform-origin: bottom left; transform: rotateX(-90deg) translateZ(1.8vw); }
.chair-arm__back   { width: 0.3vw; height: 0.2vw; transform-origin: top left; transform: rotateX(-90deg) rotateY(180deg) translateX(-0.3vw) translateY(-0.2vw); }
.chair-arm__right  { width: 2vw; height: 0.2vw; transform-origin: top left; transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.3vw) translateX(-2vw) translateY(-0.2vw); }
.chair-arm__left   { width: 2vw; height: 0.2vw; transform-origin: top left; transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.2vw); }
.chair-arm__top    { width: 0.3vw; height: 2vw; transform-origin: top left; transform: translateZ(0.2vw); }
.chair-arm__bottom { width: 0.3vw; height: 2vw; transform-origin: top left; transform: rotateY(180deg) translateX(-0.3vw); }
.chair-arm__front, .chair-arm__right { background: #2a2418; }
.chair-arm__back, .chair-arm__left   { background: #1a1610; }
.chair-arm__top    { background: linear-gradient(135deg, #3a3020, #2a2418); }
.chair-arm__bottom { background: #15120e; }

/* ═══════════════════════════════════════
   KEYBOARDS — cube(2.5, 0.1, 0.5) on desk at translateZ(3.4vw)
   ═══════════════════════════════════════ */
.floor-finance .kb-dwight, .floor-finance .kb-oracle {
  position: absolute;
  width: 2.5vw;
  height: 0.5vw;
  transform: translateZ(3.4vw);
}
.floor-finance .kb-dwight__front, .floor-finance .kb-oracle__front {
  width: 2.5vw; height: 0.1vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(0.4vw);
  background-color: #2a2418;
}
.floor-finance .kb-dwight__back, .floor-finance .kb-oracle__back {
  width: 2.5vw; height: 0.1vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-2.5vw) translateY(-0.1vw);
  background-color: #1a1610;
}
.floor-finance .kb-dwight__right, .floor-finance .kb-oracle__right {
  width: 0.5vw; height: 0.1vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(2.5vw) translateX(-0.5vw) translateY(-0.1vw);
  background-color: rgb(18, 15, 10);
}
.floor-finance .kb-dwight__left, .floor-finance .kb-oracle__left {
  width: 0.5vw; height: 0.1vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.1vw);
  background-color: #2a2418;
}
.floor-finance .kb-dwight__top, .floor-finance .kb-oracle__top {
  width: 2.5vw; height: 0.5vw;
  transform-origin: top left;
  transform: translateZ(0.1vw);
  background-color: #1a1610;
  background-image: repeating-linear-gradient(to right, rgba(70, 60, 40, 0.3) 0, rgba(70, 60, 40, 0.3) 0.15vw, transparent 0.15vw, transparent 0.3vw);
}
.floor-finance .kb-dwight__bottom, .floor-finance .kb-oracle__bottom {
  width: 2.5vw; height: 0.5vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-2.5vw);
  background-color: #15120e;
}

.kb-dwight { left: 5vw; top: 4vw; }
.kb-oracle { left: 21vw; top: 4vw; }

/* ═══════════════════════════════════════
   MICE — cube(0.6, 0.15, 0.8) on desk
   ═══════════════════════════════════════ */
.floor-finance .mouse-dwight, .floor-finance .mouse-oracle {
  position: absolute;
  width: 0.6vw;
  height: 0.8vw;
  transform: translateZ(3.4vw);
}
.floor-finance .mouse-dwight__front, .floor-finance .mouse-oracle__front {
  width: 0.6vw; height: 0.15vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(0.65vw);
  background-color: #2a2418;
}
.floor-finance .mouse-dwight__back, .floor-finance .mouse-oracle__back {
  width: 0.6vw; height: 0.15vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-0.6vw) translateY(-0.15vw);
  background-color: #1a1610;
}
.floor-finance .mouse-dwight__right, .floor-finance .mouse-oracle__right {
  width: 0.8vw; height: 0.15vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.6vw) translateX(-0.8vw) translateY(-0.15vw);
  background-color: rgb(18, 15, 10);
}
.floor-finance .mouse-dwight__left, .floor-finance .mouse-oracle__left {
  width: 0.8vw; height: 0.15vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.15vw);
  background-color: #2a2418;
}
.floor-finance .mouse-dwight__top, .floor-finance .mouse-oracle__top {
  width: 0.6vw; height: 0.8vw;
  transform-origin: top left;
  transform: translateZ(0.15vw);
  background-image: radial-gradient(rgb(64, 54, 38), #1a1610);
}
.floor-finance .mouse-dwight__bottom, .floor-finance .mouse-oracle__bottom {
  width: 0.6vw; height: 0.8vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-0.6vw);
  background-color: #15120e;
}

.mouse-dwight { left: 9vw; top: 5vw; }
.mouse-oracle { left: 26vw; top: 5vw; }

/* ═══════════════════════════════════════
   SIGNATURE OBJECTS
   ═══════════════════════════════════════ */

/* Dwight: CALCULATOR — cube(1.0, 0.1, 1.4) */
.floor-finance .calculator {
  position: absolute;
  left: 10.5vw;
  top: 2.5vw;
  width: 1.0vw;
  height: 1.4vw;
  transform: translateZ(3.4vw) rotateZ(-5deg);
}
.floor-finance .calculator__front {
  width: 1.0vw; height: 0.1vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(1.3vw);
  background-color: #2a2418;
}
.floor-finance .calculator__back {
  width: 1.0vw; height: 0.1vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-1.0vw) translateY(-0.1vw);
  background-color: #1a1610;
}
.floor-finance .calculator__right {
  width: 1.4vw; height: 0.1vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(1.0vw) translateX(-1.4vw) translateY(-0.1vw);
  background-color: rgb(18, 15, 10);
}
.floor-finance .calculator__left {
  width: 1.4vw; height: 0.1vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.1vw);
  background-color: #2a2418;
}
.floor-finance .calculator__top {
  width: 1.0vw; height: 1.4vw;
  transform-origin: top left;
  transform: translateZ(0.1vw);
  background-color: #1a1610;
  background-image:
    /* Screen area at top */
    linear-gradient(to bottom, rgba(245, 158, 11, 0.2) 0%, rgba(245, 158, 11, 0.2) 25%, transparent 25%),
    /* Button grid */
    repeating-linear-gradient(to right, rgba(70, 60, 40, 0.4) 0, rgba(70, 60, 40, 0.4) 0.15vw, transparent 0.15vw, transparent 0.25vw),
    repeating-linear-gradient(to bottom, rgba(70, 60, 40, 0.4) 0, rgba(70, 60, 40, 0.4) 0.15vw, transparent 0.15vw, transparent 0.25vw);
  border: 0.04vw solid rgba(245, 158, 11, 0.25);
  box-shadow: 0 0 0.15vw rgba(245, 158, 11, 0.15);
}
.floor-finance .calculator__bottom {
  width: 1.0vw; height: 1.4vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-1.0vw);
  background-color: #15120e;
}

/* Oracle: CRYSTAL BALL — cube(0.8, 0.8, 0.8) with glow */
.floor-finance .crystal-ball {
  position: absolute;
  left: 27vw;
  top: 2vw;
  width: 0.8vw;
  height: 0.8vw;
  transform: translateZ(3.4vw);
}
.floor-finance .crystal-ball__front {
  width: 0.8vw; height: 0.8vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(0vw);
  background-color: rgb(80, 80, 160);
}
.floor-finance .crystal-ball__back {
  width: 0.8vw; height: 0.8vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-0.8vw) translateY(-0.8vw);
  background-color: rgb(40, 40, 80);
}
.floor-finance .crystal-ball__right {
  width: 0.8vw; height: 0.8vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.8vw) translateX(-0.8vw) translateY(-0.8vw);
  background-color: rgb(60, 60, 130);
}
.floor-finance .crystal-ball__left {
  width: 0.8vw; height: 0.8vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.8vw);
  background-color: rgb(70, 70, 145);
}
.floor-finance .crystal-ball__top {
  width: 0.8vw; height: 0.8vw;
  transform-origin: top left;
  transform: translateZ(0.8vw);
  background-color: rgb(90, 90, 170);
  background-image: radial-gradient(circle at 40% 40%, rgba(165, 165, 255, 0.6) 10%, rgba(99, 102, 241, 0.4) 40%, transparent 70%);
  border-radius: 50%;
}
.floor-finance .crystal-ball__bottom {
  width: 0.8vw; height: 0.8vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-0.8vw);
  background-color: #15120e;
}
.floor-finance .crystal-ball::after {
  content: "";
  position: absolute;
  width: 300%; height: 300%;
  top: -100%; left: -100%;
  border-radius: 50%;
  background-image: radial-gradient(rgba(99, 102, 241, 0.18), transparent 55%);
  filter: blur(0.3vw);
  animation: neon-breathe-finance 3s ease infinite;
}

/* ═══════════════════════════════════════
   MURAL — left wall, "FINANCE" with Bloomberg ticker grid
   Same pattern as BUSINESS: rotateZ(-90deg) on left wall
   ═══════════════════════════════════════ */
.floor-finance .mural {
  position: absolute;
  left: 1vw;
  top: 22vw;
  width: 16vw;
  height: 0.3vw;
  transform-origin: 0 0;
  transform: translateZ(6vw) rotateZ(-90deg);
}
.floor-finance .mural__front {
  width: 16vw;
  height: 6.4vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(-6.1vw);
  background-color: black;
  border: 0.08vw solid rgb(18, 15, 10);
  box-shadow: 0.3vw 0.3vw 0.6vw rgba(245, 158, 11, 0.25), -0.3vw 0.3vw 0.6vw rgba(245, 158, 11, 0.25), -0.3vw -0.3vw 0.6vw rgba(245, 158, 11, 0.25), 0.3vw -0.3vw 0.6vw rgba(245, 158, 11, 0.25);
}
.floor-finance .mural__back {
  width: 16vw;
  height: 6.4vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-16vw) translateY(-6.4vw);
  background-color: #111118;
}
.floor-finance .mural__back::before {
  content: "";
  position: absolute;
  width: 120%; height: 200%;
  left: -10%; top: -50%;
  border-radius: 50%;
  background-image: radial-gradient(rgba(245, 158, 11, 0.12), transparent 60%);
  filter: blur(1vw);
}
.floor-finance .mural__right {
  width: 0.3vw;
  height: 6.4vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(16vw) translateX(-0.3vw) translateY(-6.4vw);
  background-color: rgb(10, 8, 6);
}
.floor-finance .mural__left {
  width: 0.3vw;
  height: 6.4vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-6.4vw);
  background-color: #2a2418;
}
.floor-finance .mural__top {
  width: 16vw;
  height: 0.3vw;
  transform-origin: top left;
  transform: translateZ(6.4vw);
  background-color: #1a1610;
}
.floor-finance .mural__bottom {
  width: 16vw;
  height: 0.3vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-16vw);
  background-color: #15120e;
}

/* ═══════════════════════════════════════
   CLOCK — above Oracle screens, on back wall
   Same pattern as BUSINESS: rotateZ(90deg), __right face = visible
   ═══════════════════════════════════════ */
.floor-finance .clock {
  position: absolute;
  left: 22vw;
  top: 1vw;
  width: 0.15vw;
  height: 1.5vw;
  transform-origin: 0 0;
  transform: translateZ(7.5vw) rotateZ(90deg);
}
.floor-finance .clock__front {
  width: 0.15vw;
  height: 1.5vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(0vw);
  background-color: #1a1610;
}
.floor-finance .clock__back {
  width: 0.15vw;
  height: 1.5vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-0.15vw) translateY(-1.5vw);
  background-color: #15120e;
}
.floor-finance .clock__right {
  width: 1.5vw;
  height: 1.5vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.15vw) translateX(-1.5vw) translateY(-1.5vw);
  background-color: #080604;
  border: 0.06vw solid rgba(245, 158, 11, 0.3);
  box-shadow: 0 0 0.3vw rgba(245, 158, 11, 0.2);
}
.floor-finance .clock__left {
  width: 1.5vw;
  height: 1.5vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-1.5vw);
  background-color: #1a1610;
}
.floor-finance .clock__top {
  width: 0.15vw;
  height: 1.5vw;
  transform-origin: top left;
  transform: translateZ(1.5vw);
  background-color: #2a2418;
}
.floor-finance .clock__bottom {
  width: 0.15vw;
  height: 1.5vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-0.15vw);
  background-color: #15120e;
}


/* ════════════════════════════════════════════════════════════ */
/* FLOOR: BUSINESS — Belfort, Goldi, Han */
/* ════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════
   MORPHEUS BUILDING — BUSINESS FLOOR
   Agents: Belfort (gold) / Goldi (amber) / Han (steel-blue)
   ═══════════════════════════════════════ */

@keyframes neon-breathe-business {
  0%, 100% { opacity: 0.8; }
  50% { opacity: 1; }
}
@keyframes screen-glow-gold-business {
  0%, 100% { box-shadow: 0 0 0.4vw rgba(212, 160, 23, 0.4); }
  50% { box-shadow: 0 0 0.8vw rgba(212, 160, 23, 0.7); }
}
@keyframes screen-glow-amber-business {
  0%, 100% { box-shadow: 0 0 0.4vw rgba(218, 165, 32, 0.4); }
  50% { box-shadow: 0 0 0.8vw rgba(218, 165, 32, 0.7); }
}
@keyframes screen-glow-steel-business {
  0%, 100% { box-shadow: 0 0 0.4vw rgba(113, 128, 150, 0.4); }
  50% { box-shadow: 0 0 0.8vw rgba(113, 128, 150, 0.7); }
}
@keyframes led-chase-business {
  0% { opacity: 0.3; }
  50% { opacity: 1; }
  100% { opacity: 0.3; }
}





.floor-business .face {
  position: absolute;
}

.floor-business .house {
  position: absolute;
  width: 32vw;
  height: 28vw;
  
}

.floor-business .h-shadow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 1.5vw -3vw 3vw hsl(30, 15%, 3%), 1.5vw 0.5vw 1.5vw hsl(30, 15%, 3%);
}

.floor-business .h-lights {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 50vw;
  height: 45vw;
}

.floor-business .h-light {
  position: absolute;
}
.floor-business .h-light:nth-of-type(1) {
  bottom: 5vw;
  right: 0;
  width: 14vw;
  height: 14vw;
  border-radius: 50%;
  background-image: radial-gradient(hsl(30, 15%, 10%), transparent);
  filter: blur(1vw);
}
.floor-business .h-light:nth-of-type(2) {
  bottom: -8vw;
  right: -3vw;
  width: 6vw;
  height: 12vw;
  border-radius: 50%;
  transform: rotateZ(-50deg);
  background-image: radial-gradient(rgba(212, 160, 23, 0.12) 40%, transparent);
  filter: blur(2vw);
}
.floor-business .h-light:nth-of-type(3) {
  bottom: -6vw;
  right: 24vw;
  width: 8vw;
  height: 10vw;
  border-radius: 50%;
  transform: rotateZ(-50deg);
  background-image: radial-gradient(rgba(218, 165, 32, 0.12) 40%, transparent);
  filter: blur(3vw);
}
.h-light:nth-of-type(4) { display: none; }
.floor-business .h-light:nth-of-type(5) {
  bottom: -4vw;
  right: -2vw;
  width: 8vw;
  height: 10vw;
  transform-origin: bottom left;
  background-image: radial-gradient(rgba(74, 85, 104, 0.12) 40%, transparent);
  border-radius: 50%;
  filter: blur(2vw);
}
.h-light:nth-of-type(6) { display: none; }

/* ═══════════════════════════════════════
   CEILING (alt) — warm dark tones
   ═══════════════════════════════════════ */
.floor-business .alt {
  position: absolute;
  left: 0;
  top: 0;
  width: 31vw;
  height: 27vw;
}
.floor-business .alt__front {
  width: 31vw;
  height: 0.5vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(26.5vw);
  background-color: rgb(42, 36, 28);
}
.floor-business .alt__back {
  width: 31vw;
  height: 0.5vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-31vw) translateY(-0.5vw);
  background-color: rgb(18, 16, 12);
}
.floor-business .alt__right {
  width: 27vw;
  height: 0.5vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(31vw) translateX(-27vw) translateY(-0.5vw);
  background-color: rgb(18, 16, 12);
}
.floor-business .alt__left {
  width: 27vw;
  height: 0.5vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.5vw);
  background-color: rgb(52, 44, 34);
}
.floor-business .alt__top {
  width: 31vw;
  height: 27vw;
  transform-origin: top left;
  transform: translateZ(0.5vw);
  background-image: linear-gradient(to bottom, #15120e, rgb(18, 16, 12), rgb(42, 36, 28));
}
.floor-business .alt__bottom {
  width: 31vw;
  height: 27vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-31vw);
  background-color: rgb(18, 16, 12);
}

/* ═══════════════════════════════════════
   FLOOR (alb) — dark with subtle gold tile grid
   ═══════════════════════════════════════ */
.floor-business .alb {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 31vw;
  height: 1vw;
}
.floor-business .alb__front {
  width: 31vw;
  height: 2vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(-1vw);
  background-image: linear-gradient(to right, rgb(42, 36, 28) 40%, rgb(35, 30, 23));
}
.floor-business .alb__back {
  width: 31vw;
  height: 2vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-31vw) translateY(-2vw);
  background-color: rgb(18, 16, 12);
}
.floor-business .alb__right {
  width: 1vw;
  height: 2vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(31vw) translateX(-1vw) translateY(-2vw);
  background-color: rgb(18, 16, 12);
}
.floor-business .alb__left {
  width: 1vw;
  height: 2vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-2vw);
  background-color: rgb(52, 44, 34);
}
.floor-business .alb__top {
  width: 31vw;
  height: 1vw;
  transform-origin: top left;
  transform: translateZ(2vw);
  background-color: #1a1610;
  background-image:
    repeating-linear-gradient(to right, rgba(60, 50, 35, 0.2) 0, rgba(60, 50, 35, 0.2) 0.05vw, transparent 0.05vw, transparent 4vw),
    repeating-linear-gradient(to bottom, rgba(60, 50, 35, 0.2) 0, rgba(60, 50, 35, 0.2) 0.05vw, transparent 0.05vw, transparent 4vw);
}
.floor-business .alb__bottom {
  width: 31vw;
  height: 1vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-31vw);
  background-color: rgb(18, 16, 12);
}

/* ═══════════════════════════════════════
   RIGHT BASEBOARD (arb) — gold LED strip
   ═══════════════════════════════════════ */
.floor-business .arb {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1vw;
  height: 28vw;
}
.floor-business .arb__front {
  width: 1vw;
  height: 2vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(26vw);
  background-color: rgb(35, 30, 23);
}
.floor-business .arb__back {
  width: 1vw;
  height: 2vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-1vw) translateY(-2vw);
  background-color: rgb(18, 16, 12);
}
.floor-business .arb__right {
  width: 28vw;
  height: 2vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(1vw) translateX(-28vw) translateY(-2vw);
  background-image: linear-gradient(to right, rgb(8, 7, 5) 40%, black);
}
.floor-business .arb__left {
  width: 28vw;
  height: 2vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-2vw);
  background-color: rgb(42, 36, 28);
}
.floor-business .arb__top {
  width: 1vw;
  height: 28vw;
  transform-origin: top left;
  transform: translateZ(2vw);
  background-image: linear-gradient(to top, rgb(52, 44, 34), rgb(18, 16, 12) 25%, rgb(12, 10, 8) 75%, rgb(42, 36, 28));
}
.floor-business .arb__top::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 30%;
  top: 0;
  background-image: linear-gradient(to bottom, transparent, rgba(212, 160, 23, 0.35), transparent);
}
.floor-business .arb__bottom {
  width: 1vw;
  height: 28vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-1vw);
  background-color: rgb(18, 16, 12);
}

/* ═══════════════════════════════════════
   LEFT WALL (blt) — gold LED strip
   ═══════════════════════════════════════ */
.floor-business .blt {
  position: absolute;
  left: 0;
  top: 0;
  width: 1vw;
  height: 27vw;
  transform: translateZ(0.5vw);
}
.floor-business .blt__front {
  width: 1vw;
  height: 16vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(11vw);
  background-image: linear-gradient(to bottom, rgb(18, 16, 12), rgb(42, 36, 28));
}
.floor-business .blt__back {
  width: 1vw;
  height: 16vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-1vw) translateY(-16vw);
  background-color: rgb(18, 16, 12);
}
.floor-business .blt__right {
  width: 27vw;
  height: 16vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(1vw) translateX(-27vw) translateY(-16vw);
  background-image: linear-gradient(to bottom, rgb(4, 3, 2), rgb(18, 16, 12), rgb(18, 16, 12) 90%, rgb(12, 10, 8));
}
.floor-business .blt__right::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 0.75vw;
  background-image: linear-gradient(to bottom, rgb(35, 30, 23), #d4a017);
  border-top: 0.1vw solid #1a1610;
  border-bottom: 0.1vw solid #1a1610;
  animation: neon-breathe-business 4s ease infinite;
}
.floor-business .blt__right::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to bottom, rgba(106, 80, 12, 0.2), transparent 30%, transparent 70%, rgba(212, 160, 23, 0.2));
}
.floor-business .blt__left {
  width: 27vw;
  height: 16vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-16vw);
  background-color: rgb(52, 44, 34);
}
.floor-business .blt__top {
  width: 1vw;
  height: 27vw;
  transform-origin: top left;
  transform: translateZ(16vw);
}
.floor-business .blt__bottom {
  width: 1vw;
  height: 27vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-1vw);
  background-color: rgb(18, 16, 12);
}

/* blt2 — crown molding left wall */
.floor-business .blt2 {
  position: absolute;
  left: 0;
  top: 0;
  width: 2vw;
  height: 27vw;
  transform: translateZ(16.5vw);
}
.floor-business .blt2__front {
  width: 2vw;
  height: 0.75vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(26.25vw);
  background-color: rgb(18, 16, 12);
}
.floor-business .blt2__back {
  width: 2vw;
  height: 0.75vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-2vw) translateY(-0.75vw);
  background-color: rgb(18, 16, 12);
}
.floor-business .blt2__right {
  width: 27vw;
  height: 0.75vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(2vw) translateX(-27vw) translateY(-0.75vw);
  background-image: linear-gradient(to right, rgb(35, 30, 23), rgb(42, 36, 28), rgb(24, 20, 16));
}
.floor-business .blt2__right::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  border-bottom: 0.1vw solid rgba(62, 52, 40, 0.5);
  background-image: linear-gradient(to top, rgba(212, 160, 23, 0.15), transparent);
}
.floor-business .blt2__left {
  width: 27vw;
  height: 0.75vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.75vw);
  background-color: rgb(52, 44, 34);
}
.floor-business .blt2__top {
  width: 2vw;
  height: 27vw;
  transform-origin: top left;
  transform: translateZ(0.75vw);
  background-image: linear-gradient(to top, rgb(42, 36, 28), rgb(52, 44, 34));
}
.floor-business .blt2__bottom {
  width: 2vw;
  height: 27vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-2vw);
  background-color: rgb(18, 16, 12);
}

/* ═══════════════════════════════════════
   BACK WALL (blb) — gold LED strip at bottom
   ═══════════════════════════════════════ */
.floor-business .blb {
  position: absolute;
  left: 1vw;
  top: 0;
  width: 30vw;
  height: 1vw;
  transform: translateZ(0.5vw);
}
.floor-business .blb__front {
  width: 30vw;
  height: 16vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(-15vw);
  background-image: linear-gradient(to bottom, rgb(4, 3, 2), rgb(16, 14, 10) 20%, rgb(4, 3, 2));
}
.floor-business .blb__front::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image:
    linear-gradient(to bottom, rgba(100, 80, 40, 0.1), transparent 20%, transparent 80%, rgba(100, 80, 40, 0.15)),
    linear-gradient(to right, rgba(212, 160, 23, 0.12), transparent 25%, transparent 75%, rgba(74, 85, 104, 0.1)),
    linear-gradient(to bottom, rgba(26, 22, 16, 0.25), transparent 20%, transparent 80%, rgba(100, 80, 40, 0.1));
}
.floor-business .blb__front::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 0.75vw;
  background-image: linear-gradient(to right, #d4a017 15%, #daa520 50%, #718096 85%);
  border-top: 0.1vw solid #1a1610;
  border-bottom: 0.1vw solid #1a1610;
  animation: neon-breathe-business 4s ease infinite;
}
.floor-business .blb__back {
  width: 30vw;
  height: 16vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-30vw) translateY(-16vw);
  background-color: rgb(18, 16, 12);
}
.floor-business .blb__right {
  width: 1vw;
  height: 16vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(30vw) translateX(-1vw) translateY(-16vw);
  background-image: linear-gradient(to bottom, rgb(4, 3, 2), black 80%, rgb(4, 3, 2));
}
.floor-business .blb__left {
  width: 1vw;
  height: 16vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-16vw);
}
.floor-business .blb__top {
  width: 30vw;
  height: 1vw;
  transform-origin: top left;
  transform: translateZ(16vw);
}
.floor-business .blb__bottom {
  width: 30vw;
  height: 1vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-30vw);
  background-color: rgb(18, 16, 12);
}

/* blb2 — crown molding back wall */
.floor-business .blb2 {
  position: absolute;
  left: 2vw;
  top: 0;
  width: 29vw;
  height: 1vw;
  transform: translateZ(16.5vw);
}
.floor-business .blb2__front {
  width: 29vw;
  height: 0.75vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(1.25vw);
  background-image: linear-gradient(to right, rgb(24, 20, 16), rgb(42, 36, 28), rgb(35, 30, 23));
}
.floor-business .blb2__front::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  border-bottom: 0.1vw solid rgba(62, 52, 40, 0.5);
  background-image: linear-gradient(to top, rgba(212, 160, 23, 0.1), transparent);
}
.floor-business .blb2__back {
  width: 29vw;
  height: 0.75vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-29vw) translateY(-0.75vw);
  background-color: rgb(18, 16, 12);
}
.floor-business .blb2__right {
  width: 2vw;
  height: 0.75vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(29vw) translateX(-2vw) translateY(-0.75vw);
  background-color: rgb(4, 3, 2);
}
.floor-business .blb2__left {
  width: 2vw;
  height: 0.75vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.75vw);
  background-color: rgb(42, 36, 28);
}
.floor-business .blb2__top {
  width: 29vw;
  height: 2vw;
  transform-origin: top left;
  transform: translateZ(0.75vw);
  background-image: linear-gradient(to left, rgb(42, 36, 28), rgb(52, 44, 34));
}
.floor-business .blb2__bottom {
  width: 29vw;
  height: 2vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-29vw);
  background-color: rgb(18, 16, 12);
}

/* ═══════════════════════════════════════
   DESKS — 3 desks elevated at translateZ(3vw)
   ═══════════════════════════════════════ */

/* --- Belfort desk (8×6vw, left) --- */
.floor-business .desk-belfort {
  position: absolute;
  left: 2vw;
  top: 1vw;
  width: 8vw;
  height: 6vw;
  transform: translateZ(3vw);
}
.floor-business .desk-belfort::before {
  content: "";
  position: absolute;
  top: -5%;
  left: -5%;
  width: 110%;
  height: 110%;
  background-color: rgba(20, 17, 12, 0.85);
  filter: blur(0.6vw);
}
.floor-business .desk-belfort::after {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-image: radial-gradient(ellipse at 50% 30%, rgba(212, 160, 23, 0.06), transparent 60%);
  transform: translateZ(0.01vw);
}
.floor-business .desk-belfort__front {
  width: 8vw;
  height: 0.4vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(5.6vw);
  background-image: linear-gradient(to right, rgb(38, 32, 22), rgb(14, 12, 8));
}
.floor-business .desk-belfort__front::before {
  content: "";
  position: absolute;
  width: 100%; height: 100%;
  background-image: linear-gradient(135deg, rgba(212, 160, 23, 0.08), transparent 55%);
}
.floor-business .desk-belfort__back {
  width: 8vw;
  height: 0.4vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-8vw) translateY(-0.4vw);
  background-color: #1a1610;
}
.floor-business .desk-belfort__right {
  width: 6vw;
  height: 0.4vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(8vw) translateX(-6vw) translateY(-0.4vw);
  background-color: rgb(10, 8, 6);
}
.floor-business .desk-belfort__left {
  width: 6vw;
  height: 0.4vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.4vw);
  background-color: #2a2418;
}
.floor-business .desk-belfort__top {
  width: 8vw;
  height: 6vw;
  transform-origin: top left;
  transform: translateZ(0.4vw);
  background-image: linear-gradient(135deg, rgb(44, 38, 26), rgb(24, 20, 14));
}
.floor-business .desk-belfort__top::before {
  content: "";
  position: absolute;
  bottom: 0; width: 50%; height: 50%;
  background-image: linear-gradient(135deg, rgba(212, 160, 23, 0.12), rgba(255, 255, 255, 0.04) 50%, transparent 55%);
  filter: blur(0.3vw);
}
.floor-business .desk-belfort__bottom {
  width: 8vw;
  height: 6vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-8vw);
  background-color: #1a1610;
}

/* --- Goldi desk (9×6vw, center) --- */
.floor-business .desk-goldi {
  position: absolute;
  left: 11.5vw;
  top: 1vw;
  width: 9vw;
  height: 6vw;
  transform: translateZ(3vw);
}
.floor-business .desk-goldi::before {
  content: "";
  position: absolute;
  top: -5%;
  left: -5%;
  width: 110%;
  height: 110%;
  background-color: rgba(20, 17, 12, 0.85);
  filter: blur(0.6vw);
}
.floor-business .desk-goldi::after {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-image: radial-gradient(ellipse at 50% 30%, rgba(218, 165, 32, 0.05), transparent 60%);
  transform: translateZ(0.01vw);
}
.floor-business .desk-goldi__front {
  width: 9vw;
  height: 0.4vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(5.6vw);
  background-image: linear-gradient(to right, rgb(38, 32, 22), rgb(14, 12, 8));
}
.floor-business .desk-goldi__front::before {
  content: "";
  position: absolute;
  width: 100%; height: 100%;
  background-image: linear-gradient(135deg, rgba(218, 165, 32, 0.06), transparent 55%);
}
.floor-business .desk-goldi__back {
  width: 9vw;
  height: 0.4vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-9vw) translateY(-0.4vw);
  background-color: #1a1610;
}
.floor-business .desk-goldi__right {
  width: 6vw;
  height: 0.4vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(9vw) translateX(-6vw) translateY(-0.4vw);
  background-color: rgb(10, 8, 6);
}
.floor-business .desk-goldi__left {
  width: 6vw;
  height: 0.4vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.4vw);
  background-color: #2a2418;
}
.floor-business .desk-goldi__top {
  width: 9vw;
  height: 6vw;
  transform-origin: top left;
  transform: translateZ(0.4vw);
  background-image: linear-gradient(135deg, rgb(44, 38, 26), rgb(24, 20, 14));
}
.floor-business .desk-goldi__top::before {
  content: "";
  position: absolute;
  bottom: 0; width: 50%; height: 50%;
  background-image: linear-gradient(135deg, rgba(218, 165, 32, 0.1), rgba(255, 255, 255, 0.04) 50%, transparent 55%);
  filter: blur(0.3vw);
}
.floor-business .desk-goldi__bottom {
  width: 9vw;
  height: 6vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-9vw);
  background-color: #1a1610;
}

/* --- Han desk (8×6vw, right) --- */
.floor-business .desk-han {
  position: absolute;
  left: 23vw;
  top: 1vw;
  width: 8vw;
  height: 6vw;
  transform: translateZ(3vw);
}
.floor-business .desk-han::before {
  content: "";
  position: absolute;
  top: -5%;
  left: -5%;
  width: 110%;
  height: 110%;
  background-color: rgba(20, 17, 12, 0.85);
  filter: blur(0.6vw);
}
.floor-business .desk-han::after {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-image: radial-gradient(ellipse at 50% 30%, rgba(74, 85, 104, 0.06), transparent 60%);
  transform: translateZ(0.01vw);
}
.floor-business .desk-han__front {
  width: 8vw;
  height: 0.4vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(5.6vw);
  background-image: linear-gradient(to right, rgb(38, 32, 22), rgb(14, 12, 8));
}
.floor-business .desk-han__front::before {
  content: "";
  position: absolute;
  width: 100%; height: 100%;
  background-image: linear-gradient(135deg, rgba(74, 85, 104, 0.06), transparent 55%);
}
.floor-business .desk-han__back {
  width: 8vw;
  height: 0.4vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-8vw) translateY(-0.4vw);
  background-color: #1a1610;
}
.floor-business .desk-han__right {
  width: 6vw;
  height: 0.4vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(8vw) translateX(-6vw) translateY(-0.4vw);
  background-color: rgb(10, 8, 6);
}
.floor-business .desk-han__left {
  width: 6vw;
  height: 0.4vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.4vw);
  background-color: #2a2418;
}
.floor-business .desk-han__top {
  width: 8vw;
  height: 6vw;
  transform-origin: top left;
  transform: translateZ(0.4vw);
  background-image: linear-gradient(135deg, rgb(44, 38, 26), rgb(24, 20, 14));
}
.floor-business .desk-han__top::before {
  content: "";
  position: absolute;
  bottom: 0; width: 50%; height: 50%;
  background-image: linear-gradient(135deg, rgba(74, 85, 104, 0.1), rgba(255, 255, 255, 0.04) 50%, transparent 55%);
  filter: blur(0.3vw);
}
.floor-business .desk-han__bottom {
  width: 8vw;
  height: 6vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-8vw);
  background-color: #1a1610;
}

/* ═══════════════════════════════════════
   SCREENS — 2 per agent, wall-mounted
   Screen cube: 2.4w × 0.3d × 3h, translateZ(3.5vw)
   ═══════════════════════════════════════ */

/* --- Screen geometry (shared pattern) --- */
.screen-belfort1, .screen-belfort2,
.screen-goldi1, .screen-goldi2,
.floor-business .screen-han1, .floor-business .screen-han2 {
  position: absolute;
  width: 2.4vw;
  height: 0.3vw;
  transform: translateZ(3.5vw);
}

/* Front face — 2.4 × 3 */
.screen-belfort1__front, .screen-belfort2__front,
.screen-goldi1__front, .screen-goldi2__front,
.floor-business .screen-han1__front, .floor-business .screen-han2__front {
  width: 2.4vw;
  height: 3vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(-2.7vw);
}
/* Back face */
.screen-belfort1__back, .screen-belfort2__back,
.screen-goldi1__back, .screen-goldi2__back,
.floor-business .screen-han1__back, .floor-business .screen-han2__back {
  width: 2.4vw;
  height: 3vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-2.4vw) translateY(-3vw);
  background-color: #111118;
}
/* Right face */
.screen-belfort1__right, .screen-belfort2__right,
.screen-goldi1__right, .screen-goldi2__right,
.floor-business .screen-han1__right, .floor-business .screen-han2__right {
  width: 0.3vw;
  height: 3vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(2.4vw) translateX(-0.3vw) translateY(-3vw);
  background-color: #111118;
}
/* Left face */
.screen-belfort1__left, .screen-belfort2__left,
.screen-goldi1__left, .screen-goldi2__left,
.floor-business .screen-han1__left, .floor-business .screen-han2__left {
  width: 0.3vw;
  height: 3vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-3vw);
  background-color: #111118;
}
/* Top face */
.screen-belfort1__top, .screen-belfort2__top,
.screen-goldi1__top, .screen-goldi2__top,
.floor-business .screen-han1__top, .floor-business .screen-han2__top {
  width: 2.4vw;
  height: 0.3vw;
  transform-origin: top left;
  transform: translateZ(3vw);
  background-color: #1a1a2a;
}
/* Bottom face */
.screen-belfort1__bottom, .screen-belfort2__bottom,
.screen-goldi1__bottom, .screen-goldi2__bottom,
.floor-business .screen-han1__bottom, .floor-business .screen-han2__bottom {
  width: 2.4vw;
  height: 0.3vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-2.4vw);
  background-color: #1a1a2a;
}

/* --- Belfort screens (gold) --- */
.screen-belfort1 { left: 3vw; top: 1.2vw; }
.screen-belfort2 { left: 5.6vw; top: 1.2vw; }

.floor-business .screen-belfort1__front, .floor-business .screen-belfort2__front {
  background-color: rgb(212, 185, 80);
  border: 0.125vw solid rgb(10, 8, 6);
}
.floor-business .screen-belfort1__front::before, .floor-business .screen-belfort2__front::before {
  content: "";
  position: absolute;
  width: 100%; height: 100%;
  box-shadow: 0.125vw 0.125vw 1vw rgba(212, 160, 23, 0.5), -0.125vw 0.125vw 1vw rgba(212, 160, 23, 0.5), 0.125vw -0.125vw 1vw rgba(212, 160, 23, 0.5), -0.125vw -0.125vw 1vw rgba(212, 160, 23, 0.5);
}
.screen-belfort1__front { animation: screen-glow-gold-business 2s ease infinite; }
.screen-belfort2__front { animation: screen-glow-gold-business 2s ease infinite 0.4s; }

.floor-business .screen-belfort1__back::before {
  content: "";
  position: absolute;
  width: 10vw; height: 5vw;
  background-image: radial-gradient(rgba(212, 160, 23, 0.7), rgba(160, 120, 17, 0.5));
  filter: blur(1vw);
}
.floor-business .screen-belfort2__back::before {
  content: "";
  position: absolute;
  width: 8vw; height: 4vw;
  background-image: radial-gradient(rgba(212, 160, 23, 0.5), transparent);
  filter: blur(1vw);
}

/* --- Goldi screens (amber) --- */
.screen-goldi1 { left: 14vw; top: 1.2vw; }
.screen-goldi2 { left: 16.6vw; top: 1.2vw; }

.floor-business .screen-goldi1__front, .floor-business .screen-goldi2__front {
  background-color: rgb(218, 185, 65);
  border: 0.125vw solid rgb(10, 8, 6);
}
.floor-business .screen-goldi1__front::before, .floor-business .screen-goldi2__front::before {
  content: "";
  position: absolute;
  width: 100%; height: 100%;
  box-shadow: 0.125vw 0.125vw 1vw rgba(218, 165, 32, 0.5), -0.125vw 0.125vw 1vw rgba(218, 165, 32, 0.5), 0.125vw -0.125vw 1vw rgba(218, 165, 32, 0.5), -0.125vw -0.125vw 1vw rgba(218, 165, 32, 0.5);
}
.screen-goldi1__front { animation: screen-glow-amber-business 2s ease infinite; }
.screen-goldi2__front { animation: screen-glow-amber-business 2s ease infinite 0.4s; }

.floor-business .screen-goldi1__back::before {
  content: "";
  position: absolute;
  width: 10vw; height: 5vw;
  background-image: radial-gradient(rgba(218, 165, 32, 0.7), rgba(164, 124, 24, 0.5));
  filter: blur(1vw);
}
.floor-business .screen-goldi2__back::before {
  content: "";
  position: absolute;
  width: 8vw; height: 4vw;
  background-image: radial-gradient(rgba(218, 165, 32, 0.5), transparent);
  filter: blur(1vw);
}

/* --- Han screens (steel-blue) --- */
.screen-han1 { left: 24.5vw; top: 1.2vw; }
.screen-han2 { left: 27.1vw; top: 1.2vw; }

.floor-business .screen-han1__front, .floor-business .screen-han2__front {
  background-color: rgb(140, 160, 185);
  border: 0.125vw solid rgb(10, 8, 6);
}
.floor-business .screen-han1__front::before, .floor-business .screen-han2__front::before {
  content: "";
  position: absolute;
  width: 100%; height: 100%;
  box-shadow: 0.125vw 0.125vw 1vw rgba(113, 128, 150, 0.5), -0.125vw 0.125vw 1vw rgba(113, 128, 150, 0.5), 0.125vw -0.125vw 1vw rgba(113, 128, 150, 0.5), -0.125vw -0.125vw 1vw rgba(113, 128, 150, 0.5);
}
.screen-han1__front { animation: screen-glow-steel-business 2s ease infinite; }
.screen-han2__front { animation: screen-glow-steel-business 2s ease infinite 0.5s; }

.floor-business .screen-han1__back::before {
  content: "";
  position: absolute;
  width: 10vw; height: 5vw;
  background-image: radial-gradient(rgba(113, 128, 150, 0.7), rgba(74, 85, 104, 0.5));
  filter: blur(1vw);
}
.floor-business .screen-han2__back::before {
  content: "";
  position: absolute;
  width: 8vw; height: 4vw;
  background-image: radial-gradient(rgba(113, 128, 150, 0.4), transparent);
  filter: blur(1vw);
}

/* ═══════════════════════════════════════
   GAMING CHAIRS — same structure as OPS, warm dark tones
   ═══════════════════════════════════════ */
.floor-business .chair-belfort, .floor-business .chair-goldi, .floor-business .chair-han {
  position: absolute;
  width: 2.5vw;
  height: 2.5vw;
  transform-origin: 1.25vw 1.25vw;
  transform: translateZ(0.5vw) rotateZ(180deg);
}
.floor-business .chair-belfort::before, .floor-business .chair-goldi::before, .floor-business .chair-han::before {
  content: "";
  position: absolute;
  top: -8%; left: -8%;
  width: 116%; height: 116%;
  background-color: rgba(20, 17, 12, 0.75);
  filter: blur(0.5vw);
}

/* Chair seat — cube(2.5, 0.3, 2.5) */
.floor-business .chair-seat {
  position: absolute;
  left: 0; top: 0;
  width: 2.5vw; height: 2.5vw;
}
.floor-business .chair-seat__front {
  width: 2.5vw; height: 0.3vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(2.2vw);
  background-color: #2a2418;
}
.floor-business .chair-seat__back {
  width: 2.5vw; height: 0.3vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-2.5vw) translateY(-0.3vw);
  background-color: #1a1610;
}
.floor-business .chair-seat__right {
  width: 2.5vw; height: 0.3vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(2.5vw) translateX(-2.5vw) translateY(-0.3vw);
  background-color: rgb(18, 15, 10);
}
.floor-business .chair-seat__left {
  width: 2.5vw; height: 0.3vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.3vw);
  background-color: #2a2418;
}
.floor-business .chair-seat__top {
  width: 2.5vw; height: 2.5vw;
  transform-origin: top left;
  transform: translateZ(0.3vw);
  background-image: linear-gradient(135deg, rgb(56, 48, 34), #1a1610);
}
.floor-business .chair-seat__bottom {
  width: 2.5vw; height: 2.5vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-2.5vw);
  background-color: #1a1610;
}

/* Chair back — cube(2.5, 3.5, 0.3) */
.floor-business .chair-back {
  position: absolute;
  left: 0; top: 0;
  width: 2.5vw; height: 0.3vw;
  transform: translateZ(0.3vw);
}
.floor-business .chair-back__front {
  width: 2.5vw; height: 3.5vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(-3.2vw);
  background-image: linear-gradient(to bottom, #2a2418, rgb(28, 24, 17));
}
.floor-business .chair-back__back {
  width: 2.5vw; height: 3.5vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-2.5vw) translateY(-3.5vw);
  background-color: #1a1610;
}
.floor-business .chair-back__right {
  width: 0.3vw; height: 3.5vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(2.5vw) translateX(-0.3vw) translateY(-3.5vw);
  background-color: rgb(18, 15, 10);
}
.floor-business .chair-back__left {
  width: 0.3vw; height: 3.5vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-3.5vw);
  background-color: #2a2418;
}
.floor-business .chair-back__top {
  width: 2.5vw; height: 0.3vw;
  transform-origin: top left;
  transform: translateZ(3.5vw);
  background-color: rgb(52, 44, 32);
}
.floor-business .chair-back__bottom {
  width: 2.5vw; height: 0.3vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-2.5vw);
  background-color: #1a1610;
}

/* Chair positions */
.chair-belfort { left: 4.5vw; top: 6vw; }
.chair-goldi { left: 14.5vw; top: 6vw; }
.chair-han { left: 25vw; top: 6vw; }

/* Headrest — cube(1.6, 0.6, 0.3) */
.floor-business .chair-headrest {
  position: absolute;
  left: 0.45vw; top: 0;
  width: 1.6vw; height: 0.3vw;
  transform: translateZ(3.8vw);
}
.chair-headrest__front  { width: 1.6vw; height: 0.6vw; transform-origin: bottom left; transform: rotateX(-90deg) translateZ(-0.3vw); background: linear-gradient(to bottom, #2a2418, #1e1a12); }
.chair-headrest__back   { width: 1.6vw; height: 0.6vw; transform-origin: top left; transform: rotateX(-90deg) rotateY(180deg) translateX(-1.6vw) translateY(-0.6vw); background: #1a1610; }
.chair-headrest__right  { width: 0.3vw; height: 0.6vw; transform-origin: top left; transform: rotateY(90deg) rotateZ(-90deg) translateZ(1.6vw) translateX(-0.3vw) translateY(-0.6vw); background: rgb(18, 15, 10); }
.chair-headrest__left   { width: 0.3vw; height: 0.6vw; transform-origin: top left; transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.6vw); background: #2a2418; }
.chair-headrest__top    { width: 1.6vw; height: 0.3vw; transform-origin: top left; transform: translateZ(0.6vw); background: linear-gradient(135deg, rgb(56, 48, 34), #2a2418); }
.chair-headrest__bottom { width: 1.6vw; height: 0.3vw; transform-origin: top left; transform: rotateY(180deg) translateX(-1.6vw); background: #1a1610; }

/* Armrests — cube(0.3, 0.2, 2) */
.floor-business .chair-arm {
  position: absolute;
  width: 0.3vw; height: 2vw;
  transform: translateZ(0.5vw);
}
.chair-arm-l { left: -0.35vw; top: 0.25vw; }
.chair-arm-r { left: 2.55vw; top: 0.25vw; }
.chair-arm__front  { width: 0.3vw; height: 0.2vw; transform-origin: bottom left; transform: rotateX(-90deg) translateZ(1.8vw); }
.chair-arm__back   { width: 0.3vw; height: 0.2vw; transform-origin: top left; transform: rotateX(-90deg) rotateY(180deg) translateX(-0.3vw) translateY(-0.2vw); }
.chair-arm__right  { width: 2vw; height: 0.2vw; transform-origin: top left; transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.3vw) translateX(-2vw) translateY(-0.2vw); }
.chair-arm__left   { width: 2vw; height: 0.2vw; transform-origin: top left; transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.2vw); }
.chair-arm__top    { width: 0.3vw; height: 2vw; transform-origin: top left; transform: translateZ(0.2vw); }
.chair-arm__bottom { width: 0.3vw; height: 2vw; transform-origin: top left; transform: rotateY(180deg) translateX(-0.3vw); }
.chair-arm__front, .chair-arm__right { background: #2a2418; }
.chair-arm__back, .chair-arm__left   { background: #1a1610; }
.chair-arm__top    { background: linear-gradient(135deg, #3a3020, #2a2418); }
.chair-arm__bottom { background: #15120e; }

/* ═══════════════════════════════════════
   KEYBOARDS — cube(2.5, 0.1, 0.5) on desk at translateZ(3.4vw)
   ═══════════════════════════════════════ */
.floor-business .kb-belfort, .floor-business .kb-goldi, .floor-business .kb-han {
  position: absolute;
  width: 2.5vw;
  height: 0.5vw;
  transform: translateZ(3.4vw);
}
.floor-business .kb-belfort__front, .floor-business .kb-goldi__front, .floor-business .kb-han__front {
  width: 2.5vw; height: 0.1vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(0.4vw);
  background-color: #2a2418;
}
.floor-business .kb-belfort__back, .floor-business .kb-goldi__back, .floor-business .kb-han__back {
  width: 2.5vw; height: 0.1vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-2.5vw) translateY(-0.1vw);
  background-color: #1a1610;
}
.floor-business .kb-belfort__right, .floor-business .kb-goldi__right, .floor-business .kb-han__right {
  width: 0.5vw; height: 0.1vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(2.5vw) translateX(-0.5vw) translateY(-0.1vw);
  background-color: rgb(18, 15, 10);
}
.floor-business .kb-belfort__left, .floor-business .kb-goldi__left, .floor-business .kb-han__left {
  width: 0.5vw; height: 0.1vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.1vw);
  background-color: #2a2418;
}
.floor-business .kb-belfort__top, .floor-business .kb-goldi__top, .floor-business .kb-han__top {
  width: 2.5vw; height: 0.5vw;
  transform-origin: top left;
  transform: translateZ(0.1vw);
  background-color: #1a1610;
  background-image: repeating-linear-gradient(to right, rgba(70, 60, 40, 0.3) 0, rgba(70, 60, 40, 0.3) 0.15vw, transparent 0.15vw, transparent 0.3vw);
}
.floor-business .kb-belfort__bottom, .floor-business .kb-goldi__bottom, .floor-business .kb-han__bottom {
  width: 2.5vw; height: 0.5vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-2.5vw);
  background-color: #15120e;
}

.kb-belfort { left: 4vw; top: 3.5vw; }
.kb-goldi   { left: 14vw; top: 3.5vw; }
.kb-han     { left: 25vw; top: 3.5vw; }

/* ═══════════════════════════════════════
   MICE — cube(0.6, 0.15, 0.8) on desk
   ═══════════════════════════════════════ */
.floor-business .mouse-belfort, .floor-business .mouse-goldi, .floor-business .mouse-han {
  position: absolute;
  width: 0.6vw;
  height: 0.8vw;
  transform: translateZ(3.4vw);
}
.floor-business .mouse-belfort__front, .floor-business .mouse-goldi__front, .floor-business .mouse-han__front {
  width: 0.6vw; height: 0.15vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(0.65vw);
  background-color: #2a2418;
}
.floor-business .mouse-belfort__back, .floor-business .mouse-goldi__back, .floor-business .mouse-han__back {
  width: 0.6vw; height: 0.15vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-0.6vw) translateY(-0.15vw);
  background-color: #1a1610;
}
.floor-business .mouse-belfort__right, .floor-business .mouse-goldi__right, .floor-business .mouse-han__right {
  width: 0.8vw; height: 0.15vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.6vw) translateX(-0.8vw) translateY(-0.15vw);
  background-color: rgb(18, 15, 10);
}
.floor-business .mouse-belfort__left, .floor-business .mouse-goldi__left, .floor-business .mouse-han__left {
  width: 0.8vw; height: 0.15vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.15vw);
  background-color: #2a2418;
}
.floor-business .mouse-belfort__top, .floor-business .mouse-goldi__top, .floor-business .mouse-han__top {
  width: 0.6vw; height: 0.8vw;
  transform-origin: top left;
  transform: translateZ(0.15vw);
  background-image: radial-gradient(rgb(64, 54, 38), #1a1610);
}
.floor-business .mouse-belfort__bottom, .floor-business .mouse-goldi__bottom, .floor-business .mouse-han__bottom {
  width: 0.6vw; height: 0.8vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-0.6vw);
  background-color: #15120e;
}

.mouse-belfort { left: 7vw; top: 4vw; }
.mouse-goldi   { left: 18vw; top: 4vw; }
.mouse-han     { left: 28vw; top: 4vw; }

/* ═══════════════════════════════════════
   SIGNATURE OBJECTS
   ═══════════════════════════════════════ */

/* Belfort: PHONE — cube(0.5, 0.1, 1.2) */
.floor-business .phone {
  position: absolute;
  left: 8.5vw;
  top: 2vw;
  width: 0.5vw;
  height: 1.2vw;
  transform: translateZ(3.4vw) rotateZ(-8deg);
}
.floor-business .phone__front {
  width: 0.5vw; height: 0.1vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(1.1vw);
  background-color: #2a2418;
}
.floor-business .phone__back {
  width: 0.5vw; height: 0.1vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-0.5vw) translateY(-0.1vw);
  background-color: #1a1610;
}
.floor-business .phone__right {
  width: 1.2vw; height: 0.1vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.5vw) translateX(-1.2vw) translateY(-0.1vw);
  background-color: rgb(18, 15, 10);
}
.floor-business .phone__left {
  width: 1.2vw; height: 0.1vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.1vw);
  background-color: #2a2418;
}
.floor-business .phone__top {
  width: 0.5vw; height: 1.2vw;
  transform-origin: top left;
  transform: translateZ(0.1vw);
  background-color: #1a1610;
  border: 0.05vw solid rgba(212, 160, 23, 0.3);
  box-shadow: 0 0 0.2vw rgba(212, 160, 23, 0.2);
}
.floor-business .phone__bottom {
  width: 0.5vw; height: 1.2vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-0.5vw);
  background-color: #15120e;
}

/* Goldi: COMPASS — cube(0.8, 0.15, 0.8) */
.floor-business .compass {
  position: absolute;
  left: 19vw;
  top: 1.5vw;
  width: 0.8vw;
  height: 0.8vw;
  transform: translateZ(3.4vw);
}
.floor-business .compass__front {
  width: 0.8vw; height: 0.15vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(0.65vw);
  background-color: #3a3020;
}
.floor-business .compass__back {
  width: 0.8vw; height: 0.15vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-0.8vw) translateY(-0.15vw);
  background-color: #1a1610;
}
.floor-business .compass__right {
  width: 0.8vw; height: 0.15vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.8vw) translateX(-0.8vw) translateY(-0.15vw);
  background-color: rgb(18, 15, 10);
}
.floor-business .compass__left {
  width: 0.8vw; height: 0.15vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.15vw);
  background-color: #3a3020;
}
.floor-business .compass__top {
  width: 0.8vw; height: 0.8vw;
  transform-origin: top left;
  transform: translateZ(0.15vw);
  background-color: #2a2418;
  background-image: radial-gradient(circle at 50% 50%, rgba(218, 165, 32, 0.5) 15%, transparent 60%);
  border: 0.05vw solid rgba(218, 165, 32, 0.4);
  border-radius: 50%;
}
.floor-business .compass__bottom {
  width: 0.8vw; height: 0.8vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-0.8vw);
  background-color: #15120e;
}
.floor-business .compass::after {
  content: "";
  position: absolute;
  width: 200%; height: 200%;
  top: -50%; left: -50%;
  border-radius: 50%;
  background-image: radial-gradient(rgba(218, 165, 32, 0.12), transparent 60%);
  filter: blur(0.2vw);
}

/* Han: DICE — cube(0.6, 0.6, 0.6) */
.floor-business .dice {
  position: absolute;
  left: 29.5vw;
  top: 2vw;
  width: 0.6vw;
  height: 0.6vw;
  transform: translateZ(3.4vw) rotateZ(12deg);
}
.floor-business .dice__front {
  width: 0.6vw; height: 0.6vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(0vw);
  background-color: rgb(74, 85, 104);
}
.floor-business .dice__back {
  width: 0.6vw; height: 0.6vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-0.6vw) translateY(-0.6vw);
  background-color: #1a1610;
}
.floor-business .dice__right {
  width: 0.6vw; height: 0.6vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.6vw) translateX(-0.6vw) translateY(-0.6vw);
  background-color: rgb(60, 70, 85);
}
.floor-business .dice__right::before {
  content: "";
  position: absolute;
  top: 25%; left: 30%;
  width: 0.1vw; height: 0.1vw;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 0 0.1vw #fff;
}
.floor-business .dice__left {
  width: 0.6vw; height: 0.6vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.6vw);
  background-color: rgb(65, 75, 90);
}
.floor-business .dice__top {
  width: 0.6vw; height: 0.6vw;
  transform-origin: top left;
  transform: translateZ(0.6vw);
  background-color: rgb(85, 96, 115);
}
.floor-business .dice__bottom {
  width: 0.6vw; height: 0.6vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-0.6vw);
  background-color: #15120e;
}

/* ═══════════════════════════════════════
   MURAL — left wall, "BUSINESS" with gold network
   Same pattern as OPS: rotateZ(-90deg) on left wall
   ═══════════════════════════════════════ */
.floor-business .mural {
  position: absolute;
  left: 1vw;
  top: 22vw;
  width: 16vw;
  height: 0.3vw;
  transform-origin: 0 0;
  transform: translateZ(6vw) rotateZ(-90deg);
}
.floor-business .mural__front {
  width: 16vw;
  height: 6.4vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(-6.1vw);
  background-color: black;
  border: 0.08vw solid rgb(18, 15, 10);
  box-shadow: 0.3vw 0.3vw 0.6vw rgba(212, 160, 23, 0.25), -0.3vw 0.3vw 0.6vw rgba(212, 160, 23, 0.25), -0.3vw -0.3vw 0.6vw rgba(212, 160, 23, 0.25), 0.3vw -0.3vw 0.6vw rgba(212, 160, 23, 0.25);
}
.floor-business .mural__back {
  width: 16vw;
  height: 6.4vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-16vw) translateY(-6.4vw);
  background-color: #111118;
}
.floor-business .mural__back::before {
  content: "";
  position: absolute;
  width: 120%; height: 200%;
  left: -10%; top: -50%;
  border-radius: 50%;
  background-image: radial-gradient(rgba(212, 160, 23, 0.12), transparent 60%);
  filter: blur(1vw);
}
.floor-business .mural__right {
  width: 0.3vw;
  height: 6.4vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(16vw) translateX(-0.3vw) translateY(-6.4vw);
  background-color: rgb(10, 8, 6);
}
.floor-business .mural__left {
  width: 0.3vw;
  height: 6.4vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-6.4vw);
  background-color: #2a2418;
}
.floor-business .mural__top {
  width: 16vw;
  height: 0.3vw;
  transform-origin: top left;
  transform: translateZ(6.4vw);
  background-color: #1a1610;
}
.floor-business .mural__bottom {
  width: 16vw;
  height: 0.3vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-16vw);
  background-color: #15120e;
}

/* ═══════════════════════════════════════
   CLOCK — above Goldi screens, on back wall
   Same pattern as OPS: rotateZ(90deg), __right face = visible
   ═══════════════════════════════════════ */
.floor-business .clock {
  position: absolute;
  left: 16vw;
  top: 1vw;
  width: 0.15vw;
  height: 1.5vw;
  transform-origin: 0 0;
  transform: translateZ(7.5vw) rotateZ(90deg);
}
.floor-business .clock__front {
  width: 0.15vw;
  height: 1.5vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(0vw);
  background-color: #1a1610;
}
.floor-business .clock__back {
  width: 0.15vw;
  height: 1.5vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-0.15vw) translateY(-1.5vw);
  background-color: #15120e;
}
.floor-business .clock__right {
  width: 1.5vw;
  height: 1.5vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.15vw) translateX(-1.5vw) translateY(-1.5vw);
  background-color: #080604;
  border: 0.06vw solid rgba(212, 160, 23, 0.3);
  box-shadow: 0 0 0.3vw rgba(212, 160, 23, 0.2);
}
.floor-business .clock__left {
  width: 1.5vw;
  height: 1.5vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-1.5vw);
  background-color: #1a1610;
}
.floor-business .clock__top {
  width: 0.15vw;
  height: 1.5vw;
  transform-origin: top left;
  transform: translateZ(1.5vw);
  background-color: #2a2418;
}
.floor-business .clock__bottom {
  width: 0.15vw;
  height: 1.5vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-0.15vw);
  background-color: #15120e;
}


/* ════════════════════════════════════════════════════════════ */
/* FLOOR: PRODUCTION — Spielberg, Miyazaki, Architect */
/* ════════════════════════════════════════════════════════════ */

/* ===================================
   MORPHEUS BUILDING — PRODUCTION FLOOR
   Agents: Spielberg (warm white/cream) / Miyazaki (orange-gold) / Architect (burnt orange)
   =================================== */

@keyframes neon-breathe-production {
  0%, 100% { opacity: 0.8; }
  50% { opacity: 1; }
}
@keyframes screen-glow-cream-production {
  0%, 100% { box-shadow: 0 0 0.4vw rgba(251, 191, 36, 0.4); }
  50% { box-shadow: 0 0 0.8vw rgba(251, 191, 36, 0.7); }
}
@keyframes screen-glow-orange-production {
  0%, 100% { box-shadow: 0 0 0.4vw rgba(249, 115, 22, 0.4); }
  50% { box-shadow: 0 0 0.8vw rgba(249, 115, 22, 0.7); }
}
@keyframes screen-glow-burnt-production {
  0%, 100% { box-shadow: 0 0 0.4vw rgba(194, 65, 12, 0.4); }
  50% { box-shadow: 0 0 0.8vw rgba(194, 65, 12, 0.7); }
}
@keyframes led-chase-production {
  0% { opacity: 0.3; }
  50% { opacity: 1; }
  100% { opacity: 0.3; }
}





.floor-production .face {
  position: absolute;
}

.floor-production .house {
  position: absolute;
  width: 32vw;
  height: 28vw;
  
}

.floor-production .h-shadow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 1.5vw -3vw 3vw hsl(25, 20%, 3%), 1.5vw 0.5vw 1.5vw hsl(25, 20%, 3%);
}

.floor-production .h-lights {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 50vw;
  height: 45vw;
}

.floor-production .h-light {
  position: absolute;
}
.floor-production .h-light:nth-of-type(1) {
  bottom: 5vw;
  right: 0;
  width: 14vw;
  height: 14vw;
  border-radius: 50%;
  background-image: radial-gradient(hsl(25, 20%, 10%), transparent);
  filter: blur(1vw);
}
.floor-production .h-light:nth-of-type(2) {
  bottom: -8vw;
  right: -3vw;
  width: 6vw;
  height: 12vw;
  border-radius: 50%;
  transform: rotateZ(-50deg);
  background-image: radial-gradient(rgba(251, 191, 36, 0.12) 40%, transparent);
  filter: blur(2vw);
}
.floor-production .h-light:nth-of-type(3) {
  bottom: -6vw;
  right: 24vw;
  width: 8vw;
  height: 10vw;
  border-radius: 50%;
  transform: rotateZ(-50deg);
  background-image: radial-gradient(rgba(249, 115, 22, 0.12) 40%, transparent);
  filter: blur(3vw);
}
.h-light:nth-of-type(4) { display: none; }
.floor-production .h-light:nth-of-type(5) {
  bottom: -4vw;
  right: -2vw;
  width: 8vw;
  height: 10vw;
  transform-origin: bottom left;
  background-image: radial-gradient(rgba(194, 65, 12, 0.12) 40%, transparent);
  border-radius: 50%;
  filter: blur(2vw);
}
.h-light:nth-of-type(6) { display: none; }

/* ===================================
   CEILING (alt) — warm dark tones
   =================================== */
.floor-production .alt {
  position: absolute;
  left: 0;
  top: 0;
  width: 31vw;
  height: 27vw;
}
.floor-production .alt__front {
  width: 31vw;
  height: 0.5vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(26.5vw);
  background-color: rgb(44, 32, 20);
}
.floor-production .alt__back {
  width: 31vw;
  height: 0.5vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-31vw) translateY(-0.5vw);
  background-color: rgb(22, 16, 10);
}
.floor-production .alt__right {
  width: 27vw;
  height: 0.5vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(31vw) translateX(-27vw) translateY(-0.5vw);
  background-color: rgb(22, 16, 10);
}
.floor-production .alt__left {
  width: 27vw;
  height: 0.5vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.5vw);
  background-color: rgb(55, 40, 25);
}
.floor-production .alt__top {
  width: 31vw;
  height: 27vw;
  transform-origin: top left;
  transform: translateZ(0.5vw);
  background-image: linear-gradient(to bottom, #1a1208, rgb(22, 16, 10), rgb(44, 32, 20));
}
.floor-production .alt__bottom {
  width: 31vw;
  height: 27vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-31vw);
  background-color: rgb(22, 16, 10);
}

/* ===================================
   FLOOR (alb) — dark with warm orange grid
   =================================== */
.floor-production .alb {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 31vw;
  height: 1vw;
}
.floor-production .alb__front {
  width: 31vw;
  height: 2vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(-1vw);
  background-image: linear-gradient(to right, rgb(44, 32, 20) 40%, rgb(38, 28, 18));
}
.floor-production .alb__back {
  width: 31vw;
  height: 2vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-31vw) translateY(-2vw);
  background-color: rgb(22, 16, 10);
}
.floor-production .alb__right {
  width: 1vw;
  height: 2vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(31vw) translateX(-1vw) translateY(-2vw);
  background-color: rgb(22, 16, 10);
}
.floor-production .alb__left {
  width: 1vw;
  height: 2vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-2vw);
  background-color: rgb(55, 40, 25);
}
.floor-production .alb__top {
  width: 31vw;
  height: 1vw;
  transform-origin: top left;
  transform: translateZ(2vw);
  background-color: #1c1408;
  background-image:
    repeating-linear-gradient(to right, rgba(80, 50, 20, 0.2) 0, rgba(80, 50, 20, 0.2) 0.05vw, transparent 0.05vw, transparent 4vw),
    repeating-linear-gradient(to bottom, rgba(80, 50, 20, 0.2) 0, rgba(80, 50, 20, 0.2) 0.05vw, transparent 0.05vw, transparent 4vw);
}
.floor-production .alb__bottom {
  width: 31vw;
  height: 1vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-31vw);
  background-color: rgb(22, 16, 10);
}

/* ===================================
   RIGHT BASEBOARD (arb) — orange LED strip
   =================================== */
.floor-production .arb {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1vw;
  height: 28vw;
}
.floor-production .arb__front {
  width: 1vw;
  height: 2vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(26vw);
  background-color: rgb(38, 28, 18);
}
.floor-production .arb__back {
  width: 1vw;
  height: 2vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-1vw) translateY(-2vw);
  background-color: rgb(22, 16, 10);
}
.floor-production .arb__right {
  width: 28vw;
  height: 2vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(1vw) translateX(-28vw) translateY(-2vw);
  background-image: linear-gradient(to right, rgb(10, 7, 4) 40%, black);
}
.floor-production .arb__left {
  width: 28vw;
  height: 2vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-2vw);
  background-color: rgb(44, 32, 20);
}
.floor-production .arb__top {
  width: 1vw;
  height: 28vw;
  transform-origin: top left;
  transform: translateZ(2vw);
  background-image: linear-gradient(to top, rgb(55, 40, 25), rgb(22, 16, 10) 25%, rgb(14, 10, 6) 75%, rgb(44, 32, 20));
}
.floor-production .arb__top::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 30%;
  top: 0;
  background-image: linear-gradient(to bottom, transparent, rgba(249, 115, 22, 0.35), transparent);
}
.floor-production .arb__bottom {
  width: 1vw;
  height: 28vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-1vw);
  background-color: rgb(22, 16, 10);
}

/* ===================================
   LEFT WALL (blt) — orange LED strip
   =================================== */
.floor-production .blt {
  position: absolute;
  left: 0;
  top: 0;
  width: 1vw;
  height: 27vw;
  transform: translateZ(0.5vw);
}
.floor-production .blt__front {
  width: 1vw;
  height: 16vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(11vw);
  background-image: linear-gradient(to bottom, rgb(22, 16, 10), rgb(44, 32, 20));
}
.floor-production .blt__back {
  width: 1vw;
  height: 16vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-1vw) translateY(-16vw);
  background-color: rgb(22, 16, 10);
}
.floor-production .blt__right {
  width: 27vw;
  height: 16vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(1vw) translateX(-27vw) translateY(-16vw);
  background-image: linear-gradient(to bottom, rgb(6, 4, 2), rgb(22, 16, 10), rgb(22, 16, 10) 90%, rgb(14, 10, 6));
}
.floor-production .blt__right::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 0.75vw;
  background-image: linear-gradient(to bottom, rgb(38, 28, 18), #f97316);
  border-top: 0.1vw solid #1c1408;
  border-bottom: 0.1vw solid #1c1408;
  animation: neon-breathe-production 4s ease infinite;
}
.floor-production .blt__right::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to bottom, rgba(125, 58, 8, 0.2), transparent 30%, transparent 70%, rgba(249, 115, 22, 0.2));
}
.floor-production .blt__left {
  width: 27vw;
  height: 16vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-16vw);
  background-color: rgb(55, 40, 25);
}
.floor-production .blt__top {
  width: 1vw;
  height: 27vw;
  transform-origin: top left;
  transform: translateZ(16vw);
}
.floor-production .blt__bottom {
  width: 1vw;
  height: 27vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-1vw);
  background-color: rgb(22, 16, 10);
}

/* blt2 — crown molding left wall */
.floor-production .blt2 {
  position: absolute;
  left: 0;
  top: 0;
  width: 2vw;
  height: 27vw;
  transform: translateZ(16.5vw);
}
.floor-production .blt2__front {
  width: 2vw;
  height: 0.75vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(26.25vw);
  background-color: rgb(22, 16, 10);
}
.floor-production .blt2__back {
  width: 2vw;
  height: 0.75vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-2vw) translateY(-0.75vw);
  background-color: rgb(22, 16, 10);
}
.floor-production .blt2__right {
  width: 27vw;
  height: 0.75vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(2vw) translateX(-27vw) translateY(-0.75vw);
  background-image: linear-gradient(to right, rgb(38, 28, 18), rgb(44, 32, 20), rgb(28, 20, 12));
}
.floor-production .blt2__right::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  border-bottom: 0.1vw solid rgba(66, 48, 30, 0.5);
  background-image: linear-gradient(to top, rgba(249, 115, 22, 0.15), transparent);
}
.floor-production .blt2__left {
  width: 27vw;
  height: 0.75vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.75vw);
  background-color: rgb(55, 40, 25);
}
.floor-production .blt2__top {
  width: 2vw;
  height: 27vw;
  transform-origin: top left;
  transform: translateZ(0.75vw);
  background-image: linear-gradient(to top, rgb(44, 32, 20), rgb(55, 40, 25));
}
.floor-production .blt2__bottom {
  width: 2vw;
  height: 27vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-2vw);
  background-color: rgb(22, 16, 10);
}

/* ===================================
   BACK WALL (blb) — orange LED strip at bottom
   =================================== */
.floor-production .blb {
  position: absolute;
  left: 1vw;
  top: 0;
  width: 30vw;
  height: 1vw;
  transform: translateZ(0.5vw);
}
.floor-production .blb__front {
  width: 30vw;
  height: 16vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(-15vw);
  background-image: linear-gradient(to bottom, rgb(6, 4, 2), rgb(18, 14, 8) 20%, rgb(6, 4, 2));
}
.floor-production .blb__front::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image:
    linear-gradient(to bottom, rgba(120, 70, 20, 0.1), transparent 20%, transparent 80%, rgba(120, 70, 20, 0.15)),
    linear-gradient(to right, rgba(251, 191, 36, 0.12), transparent 25%, transparent 75%, rgba(194, 65, 12, 0.1)),
    linear-gradient(to bottom, rgba(28, 20, 12, 0.25), transparent 20%, transparent 80%, rgba(120, 70, 20, 0.1));
}
.floor-production .blb__front::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 0.75vw;
  background-image: linear-gradient(to right, #fbbf24 15%, #f97316 50%, #c2410c 85%);
  border-top: 0.1vw solid #1c1408;
  border-bottom: 0.1vw solid #1c1408;
  animation: neon-breathe-production 4s ease infinite;
}
.floor-production .blb__back {
  width: 30vw;
  height: 16vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-30vw) translateY(-16vw);
  background-color: rgb(22, 16, 10);
}
.floor-production .blb__right {
  width: 1vw;
  height: 16vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(30vw) translateX(-1vw) translateY(-16vw);
  background-image: linear-gradient(to bottom, rgb(6, 4, 2), black 80%, rgb(6, 4, 2));
}
.floor-production .blb__left {
  width: 1vw;
  height: 16vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-16vw);
}
.floor-production .blb__top {
  width: 30vw;
  height: 1vw;
  transform-origin: top left;
  transform: translateZ(16vw);
}
.floor-production .blb__bottom {
  width: 30vw;
  height: 1vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-30vw);
  background-color: rgb(22, 16, 10);
}

/* blb2 — crown molding back wall */
.floor-production .blb2 {
  position: absolute;
  left: 2vw;
  top: 0;
  width: 29vw;
  height: 1vw;
  transform: translateZ(16.5vw);
}
.floor-production .blb2__front {
  width: 29vw;
  height: 0.75vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(1.25vw);
  background-image: linear-gradient(to right, rgb(28, 20, 12), rgb(44, 32, 20), rgb(38, 28, 18));
}
.floor-production .blb2__front::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  border-bottom: 0.1vw solid rgba(66, 48, 30, 0.5);
  background-image: linear-gradient(to top, rgba(249, 115, 22, 0.1), transparent);
}
.floor-production .blb2__back {
  width: 29vw;
  height: 0.75vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-29vw) translateY(-0.75vw);
  background-color: rgb(22, 16, 10);
}
.floor-production .blb2__right {
  width: 2vw;
  height: 0.75vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(29vw) translateX(-2vw) translateY(-0.75vw);
  background-color: rgb(6, 4, 2);
}
.floor-production .blb2__left {
  width: 2vw;
  height: 0.75vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.75vw);
  background-color: rgb(44, 32, 20);
}
.floor-production .blb2__top {
  width: 29vw;
  height: 2vw;
  transform-origin: top left;
  transform: translateZ(0.75vw);
  background-image: linear-gradient(to left, rgb(44, 32, 20), rgb(55, 40, 25));
}
.floor-production .blb2__bottom {
  width: 29vw;
  height: 2vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-29vw);
  background-color: rgb(22, 16, 10);
}

/* ===================================
   DESKS — 3 desks elevated at translateZ(3vw)
   =================================== */

/* --- Spielberg desk (8x6vw, left) --- */
.floor-production .desk-spielberg {
  position: absolute;
  left: 2vw;
  top: 1vw;
  width: 8vw;
  height: 6vw;
  transform: translateZ(3vw);
}
.floor-production .desk-spielberg::before {
  content: "";
  position: absolute;
  top: -5%;
  left: -5%;
  width: 110%;
  height: 110%;
  background-color: rgba(22, 16, 10, 0.85);
  filter: blur(0.6vw);
}
.floor-production .desk-spielberg::after {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-image: radial-gradient(ellipse at 50% 30%, rgba(251, 191, 36, 0.06), transparent 60%);
  transform: translateZ(0.01vw);
}
.floor-production .desk-spielberg__front {
  width: 8vw;
  height: 0.4vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(5.6vw);
  background-image: linear-gradient(to right, rgb(42, 30, 18), rgb(16, 12, 6));
}
.floor-production .desk-spielberg__front::before {
  content: "";
  position: absolute;
  width: 100%; height: 100%;
  background-image: linear-gradient(135deg, rgba(251, 191, 36, 0.08), transparent 55%);
}
.floor-production .desk-spielberg__back {
  width: 8vw;
  height: 0.4vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-8vw) translateY(-0.4vw);
  background-color: #1c1408;
}
.floor-production .desk-spielberg__right {
  width: 6vw;
  height: 0.4vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(8vw) translateX(-6vw) translateY(-0.4vw);
  background-color: rgb(12, 8, 4);
}
.floor-production .desk-spielberg__left {
  width: 6vw;
  height: 0.4vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.4vw);
  background-color: #2c2014;
}
.floor-production .desk-spielberg__top {
  width: 8vw;
  height: 6vw;
  transform-origin: top left;
  transform: translateZ(0.4vw);
  background-image: linear-gradient(135deg, rgb(48, 36, 22), rgb(26, 20, 12));
}
.floor-production .desk-spielberg__top::before {
  content: "";
  position: absolute;
  bottom: 0; width: 50%; height: 50%;
  background-image: linear-gradient(135deg, rgba(251, 191, 36, 0.12), rgba(255, 255, 255, 0.04) 50%, transparent 55%);
  filter: blur(0.3vw);
}
.floor-production .desk-spielberg__bottom {
  width: 8vw;
  height: 6vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-8vw);
  background-color: #1c1408;
}

/* --- Miyazaki desk (9x6vw, center) --- */
.floor-production .desk-miyazaki {
  position: absolute;
  left: 11.5vw;
  top: 1vw;
  width: 9vw;
  height: 6vw;
  transform: translateZ(3vw);
}
.floor-production .desk-miyazaki::before {
  content: "";
  position: absolute;
  top: -5%;
  left: -5%;
  width: 110%;
  height: 110%;
  background-color: rgba(22, 16, 10, 0.85);
  filter: blur(0.6vw);
}
.floor-production .desk-miyazaki::after {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-image: radial-gradient(ellipse at 50% 30%, rgba(249, 115, 22, 0.05), transparent 60%);
  transform: translateZ(0.01vw);
}
.floor-production .desk-miyazaki__front {
  width: 9vw;
  height: 0.4vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(5.6vw);
  background-image: linear-gradient(to right, rgb(42, 30, 18), rgb(16, 12, 6));
}
.floor-production .desk-miyazaki__front::before {
  content: "";
  position: absolute;
  width: 100%; height: 100%;
  background-image: linear-gradient(135deg, rgba(249, 115, 22, 0.06), transparent 55%);
}
.floor-production .desk-miyazaki__back {
  width: 9vw;
  height: 0.4vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-9vw) translateY(-0.4vw);
  background-color: #1c1408;
}
.floor-production .desk-miyazaki__right {
  width: 6vw;
  height: 0.4vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(9vw) translateX(-6vw) translateY(-0.4vw);
  background-color: rgb(12, 8, 4);
}
.floor-production .desk-miyazaki__left {
  width: 6vw;
  height: 0.4vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.4vw);
  background-color: #2c2014;
}
.floor-production .desk-miyazaki__top {
  width: 9vw;
  height: 6vw;
  transform-origin: top left;
  transform: translateZ(0.4vw);
  background-image: linear-gradient(135deg, rgb(48, 36, 22), rgb(26, 20, 12));
}
.floor-production .desk-miyazaki__top::before {
  content: "";
  position: absolute;
  bottom: 0; width: 50%; height: 50%;
  background-image: linear-gradient(135deg, rgba(249, 115, 22, 0.1), rgba(255, 255, 255, 0.04) 50%, transparent 55%);
  filter: blur(0.3vw);
}
.floor-production .desk-miyazaki__bottom {
  width: 9vw;
  height: 6vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-9vw);
  background-color: #1c1408;
}

/* --- Architect desk (8x6vw, right) --- */
.floor-production .desk-architect {
  position: absolute;
  left: 23vw;
  top: 1vw;
  width: 8vw;
  height: 6vw;
  transform: translateZ(3vw);
}
.floor-production .desk-architect::before {
  content: "";
  position: absolute;
  top: -5%;
  left: -5%;
  width: 110%;
  height: 110%;
  background-color: rgba(22, 16, 10, 0.85);
  filter: blur(0.6vw);
}
.floor-production .desk-architect::after {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-image: radial-gradient(ellipse at 50% 30%, rgba(194, 65, 12, 0.06), transparent 60%);
  transform: translateZ(0.01vw);
}
.floor-production .desk-architect__front {
  width: 8vw;
  height: 0.4vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(5.6vw);
  background-image: linear-gradient(to right, rgb(42, 30, 18), rgb(16, 12, 6));
}
.floor-production .desk-architect__front::before {
  content: "";
  position: absolute;
  width: 100%; height: 100%;
  background-image: linear-gradient(135deg, rgba(194, 65, 12, 0.06), transparent 55%);
}
.floor-production .desk-architect__back {
  width: 8vw;
  height: 0.4vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-8vw) translateY(-0.4vw);
  background-color: #1c1408;
}
.floor-production .desk-architect__right {
  width: 6vw;
  height: 0.4vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(8vw) translateX(-6vw) translateY(-0.4vw);
  background-color: rgb(12, 8, 4);
}
.floor-production .desk-architect__left {
  width: 6vw;
  height: 0.4vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.4vw);
  background-color: #2c2014;
}
.floor-production .desk-architect__top {
  width: 8vw;
  height: 6vw;
  transform-origin: top left;
  transform: translateZ(0.4vw);
  background-image: linear-gradient(135deg, rgb(48, 36, 22), rgb(26, 20, 12));
}
.floor-production .desk-architect__top::before {
  content: "";
  position: absolute;
  bottom: 0; width: 50%; height: 50%;
  background-image: linear-gradient(135deg, rgba(194, 65, 12, 0.1), rgba(255, 255, 255, 0.04) 50%, transparent 55%);
  filter: blur(0.3vw);
}
.floor-production .desk-architect__bottom {
  width: 8vw;
  height: 6vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-8vw);
  background-color: #1c1408;
}

/* ===================================
   SCREENS — 2 per agent, wall-mounted
   Screen cube: 2.4w x 0.3d x 3h, translateZ(3.5vw)
   =================================== */

/* --- Screen geometry (shared pattern) --- */
.screen-spielberg1, .screen-spielberg2,
.screen-miyazaki1, .screen-miyazaki2,
.floor-production .screen-architect1, .floor-production .screen-architect2 {
  position: absolute;
  width: 2.4vw;
  height: 0.3vw;
  transform: translateZ(3.5vw);
}

/* Front face — 2.4 x 3 */
.screen-spielberg1__front, .screen-spielberg2__front,
.screen-miyazaki1__front, .screen-miyazaki2__front,
.floor-production .screen-architect1__front, .floor-production .screen-architect2__front {
  width: 2.4vw;
  height: 3vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(-2.7vw);
}
/* Back face */
.screen-spielberg1__back, .screen-spielberg2__back,
.screen-miyazaki1__back, .screen-miyazaki2__back,
.floor-production .screen-architect1__back, .floor-production .screen-architect2__back {
  width: 2.4vw;
  height: 3vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-2.4vw) translateY(-3vw);
  background-color: #111108;
}
/* Right face */
.screen-spielberg1__right, .screen-spielberg2__right,
.screen-miyazaki1__right, .screen-miyazaki2__right,
.floor-production .screen-architect1__right, .floor-production .screen-architect2__right {
  width: 0.3vw;
  height: 3vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(2.4vw) translateX(-0.3vw) translateY(-3vw);
  background-color: #111108;
}
/* Left face */
.screen-spielberg1__left, .screen-spielberg2__left,
.screen-miyazaki1__left, .screen-miyazaki2__left,
.floor-production .screen-architect1__left, .floor-production .screen-architect2__left {
  width: 0.3vw;
  height: 3vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-3vw);
  background-color: #111108;
}
/* Top face */
.screen-spielberg1__top, .screen-spielberg2__top,
.screen-miyazaki1__top, .screen-miyazaki2__top,
.floor-production .screen-architect1__top, .floor-production .screen-architect2__top {
  width: 2.4vw;
  height: 0.3vw;
  transform-origin: top left;
  transform: translateZ(3vw);
  background-color: #1a1a10;
}
/* Bottom face */
.screen-spielberg1__bottom, .screen-spielberg2__bottom,
.screen-miyazaki1__bottom, .screen-miyazaki2__bottom,
.floor-production .screen-architect1__bottom, .floor-production .screen-architect2__bottom {
  width: 2.4vw;
  height: 0.3vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-2.4vw);
  background-color: #1a1a10;
}

/* --- Spielberg screens (warm white/cream) --- */
.screen-spielberg1 { left: 3vw; top: 1.2vw; }
.screen-spielberg2 { left: 5.6vw; top: 1.2vw; }

.floor-production .screen-spielberg1__front, .floor-production .screen-spielberg2__front {
  background-color: rgb(251, 210, 100);
  border: 0.125vw solid rgb(12, 8, 4);
}
.floor-production .screen-spielberg1__front::before, .floor-production .screen-spielberg2__front::before {
  content: "";
  position: absolute;
  width: 100%; height: 100%;
  box-shadow: 0.125vw 0.125vw 1vw rgba(251, 191, 36, 0.5), -0.125vw 0.125vw 1vw rgba(251, 191, 36, 0.5), 0.125vw -0.125vw 1vw rgba(251, 191, 36, 0.5), -0.125vw -0.125vw 1vw rgba(251, 191, 36, 0.5);
}
.screen-spielberg1__front { animation: screen-glow-cream-production 2s ease infinite; }
.screen-spielberg2__front { animation: screen-glow-cream-production 2s ease infinite 0.4s; }

.floor-production .screen-spielberg1__back::before {
  content: "";
  position: absolute;
  width: 10vw; height: 5vw;
  background-image: radial-gradient(rgba(251, 191, 36, 0.7), rgba(200, 150, 28, 0.5));
  filter: blur(1vw);
}
.floor-production .screen-spielberg2__back::before {
  content: "";
  position: absolute;
  width: 8vw; height: 4vw;
  background-image: radial-gradient(rgba(251, 191, 36, 0.5), transparent);
  filter: blur(1vw);
}

/* --- Miyazaki screens (orange-gold) --- */
.screen-miyazaki1 { left: 14vw; top: 1.2vw; }
.screen-miyazaki2 { left: 16.6vw; top: 1.2vw; }

.floor-production .screen-miyazaki1__front, .floor-production .screen-miyazaki2__front {
  background-color: rgb(249, 140, 55);
  border: 0.125vw solid rgb(12, 8, 4);
}
.floor-production .screen-miyazaki1__front::before, .floor-production .screen-miyazaki2__front::before {
  content: "";
  position: absolute;
  width: 100%; height: 100%;
  box-shadow: 0.125vw 0.125vw 1vw rgba(249, 115, 22, 0.5), -0.125vw 0.125vw 1vw rgba(249, 115, 22, 0.5), 0.125vw -0.125vw 1vw rgba(249, 115, 22, 0.5), -0.125vw -0.125vw 1vw rgba(249, 115, 22, 0.5);
}
.screen-miyazaki1__front { animation: screen-glow-orange-production 2s ease infinite; }
.screen-miyazaki2__front { animation: screen-glow-orange-production 2s ease infinite 0.4s; }

.floor-production .screen-miyazaki1__back::before {
  content: "";
  position: absolute;
  width: 10vw; height: 5vw;
  background-image: radial-gradient(rgba(249, 115, 22, 0.7), rgba(234, 88, 12, 0.5));
  filter: blur(1vw);
}
.floor-production .screen-miyazaki2__back::before {
  content: "";
  position: absolute;
  width: 8vw; height: 4vw;
  background-image: radial-gradient(rgba(249, 115, 22, 0.5), transparent);
  filter: blur(1vw);
}

/* --- Architect screens (burnt orange) --- */
.screen-architect1 { left: 24.5vw; top: 1.2vw; }
.screen-architect2 { left: 27.1vw; top: 1.2vw; }

.floor-production .screen-architect1__front, .floor-production .screen-architect2__front {
  background-color: rgb(194, 100, 45);
  border: 0.125vw solid rgb(12, 8, 4);
}
.floor-production .screen-architect1__front::before, .floor-production .screen-architect2__front::before {
  content: "";
  position: absolute;
  width: 100%; height: 100%;
  box-shadow: 0.125vw 0.125vw 1vw rgba(194, 65, 12, 0.5), -0.125vw 0.125vw 1vw rgba(194, 65, 12, 0.5), 0.125vw -0.125vw 1vw rgba(194, 65, 12, 0.5), -0.125vw -0.125vw 1vw rgba(194, 65, 12, 0.5);
}
.screen-architect1__front { animation: screen-glow-burnt-production 2s ease infinite; }
.screen-architect2__front { animation: screen-glow-burnt-production 2s ease infinite 0.5s; }

.floor-production .screen-architect1__back::before {
  content: "";
  position: absolute;
  width: 10vw; height: 5vw;
  background-image: radial-gradient(rgba(194, 65, 12, 0.7), rgba(154, 52, 18, 0.5));
  filter: blur(1vw);
}
.floor-production .screen-architect2__back::before {
  content: "";
  position: absolute;
  width: 8vw; height: 4vw;
  background-image: radial-gradient(rgba(194, 65, 12, 0.4), transparent);
  filter: blur(1vw);
}

/* ===================================
   GAMING CHAIRS — warm dark tones
   =================================== */
.floor-production .chair-spielberg, .floor-production .chair-miyazaki, .floor-production .chair-architect {
  position: absolute;
  width: 2.5vw;
  height: 2.5vw;
  transform-origin: 1.25vw 1.25vw;
  transform: translateZ(0.5vw) rotateZ(180deg);
}
.floor-production .chair-spielberg::before, .floor-production .chair-miyazaki::before, .floor-production .chair-architect::before {
  content: "";
  position: absolute;
  top: -8%; left: -8%;
  width: 116%; height: 116%;
  background-color: rgba(22, 16, 10, 0.75);
  filter: blur(0.5vw);
}

/* Chair seat — cube(2.5, 0.3, 2.5) */
.floor-production .chair-seat {
  position: absolute;
  left: 0; top: 0;
  width: 2.5vw; height: 2.5vw;
}
.floor-production .chair-seat__front {
  width: 2.5vw; height: 0.3vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(2.2vw);
  background-color: #2c2014;
}
.floor-production .chair-seat__back {
  width: 2.5vw; height: 0.3vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-2.5vw) translateY(-0.3vw);
  background-color: #1c1408;
}
.floor-production .chair-seat__right {
  width: 2.5vw; height: 0.3vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(2.5vw) translateX(-2.5vw) translateY(-0.3vw);
  background-color: rgb(20, 14, 8);
}
.floor-production .chair-seat__left {
  width: 2.5vw; height: 0.3vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.3vw);
  background-color: #2c2014;
}
.floor-production .chair-seat__top {
  width: 2.5vw; height: 2.5vw;
  transform-origin: top left;
  transform: translateZ(0.3vw);
  background-image: linear-gradient(135deg, rgb(60, 44, 26), #1c1408);
}
.floor-production .chair-seat__bottom {
  width: 2.5vw; height: 2.5vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-2.5vw);
  background-color: #1c1408;
}

/* Chair back — cube(2.5, 3.5, 0.3) */
.floor-production .chair-back {
  position: absolute;
  left: 0; top: 0;
  width: 2.5vw; height: 0.3vw;
  transform: translateZ(0.3vw);
}
.floor-production .chair-back__front {
  width: 2.5vw; height: 3.5vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(-3.2vw);
  background-image: linear-gradient(to bottom, #2c2014, rgb(30, 22, 14));
}
.floor-production .chair-back__back {
  width: 2.5vw; height: 3.5vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-2.5vw) translateY(-3.5vw);
  background-color: #1c1408;
}
.floor-production .chair-back__right {
  width: 0.3vw; height: 3.5vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(2.5vw) translateX(-0.3vw) translateY(-3.5vw);
  background-color: rgb(20, 14, 8);
}
.floor-production .chair-back__left {
  width: 0.3vw; height: 3.5vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-3.5vw);
  background-color: #2c2014;
}
.floor-production .chair-back__top {
  width: 2.5vw; height: 0.3vw;
  transform-origin: top left;
  transform: translateZ(3.5vw);
  background-color: rgb(55, 40, 25);
}
.floor-production .chair-back__bottom {
  width: 2.5vw; height: 0.3vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-2.5vw);
  background-color: #1c1408;
}

/* Chair positions */
.chair-spielberg { left: 4.5vw; top: 6vw; }
.chair-miyazaki { left: 14.5vw; top: 6vw; }
.chair-architect { left: 25vw; top: 6vw; }

/* Headrest — cube(1.6, 0.6, 0.3) */
.floor-production .chair-headrest {
  position: absolute;
  left: 0.45vw; top: 0;
  width: 1.6vw; height: 0.3vw;
  transform: translateZ(3.8vw);
}
.chair-headrest__front  { width: 1.6vw; height: 0.6vw; transform-origin: bottom left; transform: rotateX(-90deg) translateZ(-0.3vw); background: linear-gradient(to bottom, #2c2014, #201810); }
.chair-headrest__back   { width: 1.6vw; height: 0.6vw; transform-origin: top left; transform: rotateX(-90deg) rotateY(180deg) translateX(-1.6vw) translateY(-0.6vw); background: #1c1408; }
.chair-headrest__right  { width: 0.3vw; height: 0.6vw; transform-origin: top left; transform: rotateY(90deg) rotateZ(-90deg) translateZ(1.6vw) translateX(-0.3vw) translateY(-0.6vw); background: rgb(20, 14, 8); }
.chair-headrest__left   { width: 0.3vw; height: 0.6vw; transform-origin: top left; transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.6vw); background: #2c2014; }
.chair-headrest__top    { width: 1.6vw; height: 0.3vw; transform-origin: top left; transform: translateZ(0.6vw); background: linear-gradient(135deg, rgb(60, 44, 26), #2c2014); }
.chair-headrest__bottom { width: 1.6vw; height: 0.3vw; transform-origin: top left; transform: rotateY(180deg) translateX(-1.6vw); background: #1c1408; }

/* Armrests — cube(0.3, 0.2, 2) */
.floor-production .chair-arm {
  position: absolute;
  width: 0.3vw; height: 2vw;
  transform: translateZ(0.5vw);
}
.chair-arm-l { left: -0.35vw; top: 0.25vw; }
.chair-arm-r { left: 2.55vw; top: 0.25vw; }
.chair-arm__front  { width: 0.3vw; height: 0.2vw; transform-origin: bottom left; transform: rotateX(-90deg) translateZ(1.8vw); }
.chair-arm__back   { width: 0.3vw; height: 0.2vw; transform-origin: top left; transform: rotateX(-90deg) rotateY(180deg) translateX(-0.3vw) translateY(-0.2vw); }
.chair-arm__right  { width: 2vw; height: 0.2vw; transform-origin: top left; transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.3vw) translateX(-2vw) translateY(-0.2vw); }
.chair-arm__left   { width: 2vw; height: 0.2vw; transform-origin: top left; transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.2vw); }
.chair-arm__top    { width: 0.3vw; height: 2vw; transform-origin: top left; transform: translateZ(0.2vw); }
.chair-arm__bottom { width: 0.3vw; height: 2vw; transform-origin: top left; transform: rotateY(180deg) translateX(-0.3vw); }
.chair-arm__front, .chair-arm__right { background: #2c2014; }
.chair-arm__back, .chair-arm__left   { background: #1c1408; }
.chair-arm__top    { background: linear-gradient(135deg, #3e2e1a, #2c2014); }
.chair-arm__bottom { background: #18120a; }

/* ===================================
   KEYBOARDS — cube(2.5, 0.1, 0.5) on desk at translateZ(3.4vw)
   =================================== */
.floor-production .kb-spielberg, .floor-production .kb-miyazaki, .floor-production .kb-architect {
  position: absolute;
  width: 2.5vw;
  height: 0.5vw;
  transform: translateZ(3.4vw);
}
.floor-production .kb-spielberg__front, .floor-production .kb-miyazaki__front, .floor-production .kb-architect__front {
  width: 2.5vw; height: 0.1vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(0.4vw);
  background-color: #2c2014;
}
.floor-production .kb-spielberg__back, .floor-production .kb-miyazaki__back, .floor-production .kb-architect__back {
  width: 2.5vw; height: 0.1vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-2.5vw) translateY(-0.1vw);
  background-color: #1c1408;
}
.floor-production .kb-spielberg__right, .floor-production .kb-miyazaki__right, .floor-production .kb-architect__right {
  width: 0.5vw; height: 0.1vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(2.5vw) translateX(-0.5vw) translateY(-0.1vw);
  background-color: rgb(20, 14, 8);
}
.floor-production .kb-spielberg__left, .floor-production .kb-miyazaki__left, .floor-production .kb-architect__left {
  width: 0.5vw; height: 0.1vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.1vw);
  background-color: #2c2014;
}
.floor-production .kb-spielberg__top, .floor-production .kb-miyazaki__top, .floor-production .kb-architect__top {
  width: 2.5vw; height: 0.5vw;
  transform-origin: top left;
  transform: translateZ(0.1vw);
  background-color: #1c1408;
  background-image: repeating-linear-gradient(to right, rgba(80, 55, 25, 0.3) 0, rgba(80, 55, 25, 0.3) 0.15vw, transparent 0.15vw, transparent 0.3vw);
}
.floor-production .kb-spielberg__bottom, .floor-production .kb-miyazaki__bottom, .floor-production .kb-architect__bottom {
  width: 2.5vw; height: 0.5vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-2.5vw);
  background-color: #18120a;
}

.kb-spielberg { left: 4vw; top: 3.5vw; }
.kb-miyazaki   { left: 14vw; top: 3.5vw; }
.kb-architect     { left: 25vw; top: 3.5vw; }

/* ===================================
   MICE — cube(0.6, 0.15, 0.8) on desk
   =================================== */
.floor-production .mouse-spielberg, .floor-production .mouse-miyazaki, .floor-production .mouse-architect {
  position: absolute;
  width: 0.6vw;
  height: 0.8vw;
  transform: translateZ(3.4vw);
}
.floor-production .mouse-spielberg__front, .floor-production .mouse-miyazaki__front, .floor-production .mouse-architect__front {
  width: 0.6vw; height: 0.15vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(0.65vw);
  background-color: #2c2014;
}
.floor-production .mouse-spielberg__back, .floor-production .mouse-miyazaki__back, .floor-production .mouse-architect__back {
  width: 0.6vw; height: 0.15vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-0.6vw) translateY(-0.15vw);
  background-color: #1c1408;
}
.floor-production .mouse-spielberg__right, .floor-production .mouse-miyazaki__right, .floor-production .mouse-architect__right {
  width: 0.8vw; height: 0.15vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.6vw) translateX(-0.8vw) translateY(-0.15vw);
  background-color: rgb(20, 14, 8);
}
.floor-production .mouse-spielberg__left, .floor-production .mouse-miyazaki__left, .floor-production .mouse-architect__left {
  width: 0.8vw; height: 0.15vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.15vw);
  background-color: #2c2014;
}
.floor-production .mouse-spielberg__top, .floor-production .mouse-miyazaki__top, .floor-production .mouse-architect__top {
  width: 0.6vw; height: 0.8vw;
  transform-origin: top left;
  transform: translateZ(0.15vw);
  background-image: radial-gradient(rgb(70, 50, 28), #1c1408);
}
.floor-production .mouse-spielberg__bottom, .floor-production .mouse-miyazaki__bottom, .floor-production .mouse-architect__bottom {
  width: 0.6vw; height: 0.8vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-0.6vw);
  background-color: #18120a;
}

.mouse-spielberg { left: 7vw; top: 4vw; }
.mouse-miyazaki   { left: 18vw; top: 4vw; }
.mouse-architect     { left: 28vw; top: 4vw; }

/* ===================================
   SIGNATURE OBJECTS
   =================================== */

/* Spielberg: CLAPPERBOARD — cube(1.2, 0.1, 0.8) */
.floor-production .clapperboard {
  position: absolute;
  left: 8.5vw;
  top: 2vw;
  width: 1.2vw;
  height: 0.8vw;
  transform: translateZ(3.4vw) rotateZ(-5deg);
}
.floor-production .clapperboard__front {
  width: 1.2vw; height: 0.1vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(0.7vw);
  background-color: #2c2014;
}
.floor-production .clapperboard__back {
  width: 1.2vw; height: 0.1vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-1.2vw) translateY(-0.1vw);
  background-color: #1c1408;
}
.floor-production .clapperboard__right {
  width: 0.8vw; height: 0.1vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(1.2vw) translateX(-0.8vw) translateY(-0.1vw);
  background-color: rgb(20, 14, 8);
}
.floor-production .clapperboard__left {
  width: 0.8vw; height: 0.1vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.1vw);
  background-color: #2c2014;
}
.floor-production .clapperboard__top {
  width: 1.2vw; height: 0.8vw;
  transform-origin: top left;
  transform: translateZ(0.1vw);
  background-color: #1c1408;
  background-image:
    repeating-linear-gradient(135deg, rgba(251, 191, 36, 0.4) 0, rgba(251, 191, 36, 0.4) 0.1vw, transparent 0.1vw, transparent 0.2vw);
  border: 0.03vw solid rgba(251, 191, 36, 0.3);
  box-shadow: 0 0 0.15vw rgba(251, 191, 36, 0.2);
}
.floor-production .clapperboard__bottom {
  width: 1.2vw; height: 0.8vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-1.2vw);
  background-color: #18120a;
}

/* Miyazaki: PAINTBRUSH — cube(0.15, 0.1, 1.5) */
.floor-production .paintbrush {
  position: absolute;
  left: 19vw;
  top: 1.5vw;
  width: 0.15vw;
  height: 1.5vw;
  transform: translateZ(3.4vw) rotateZ(25deg);
}
.floor-production .paintbrush__front {
  width: 0.15vw; height: 0.1vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(1.4vw);
  background-color: #3a2a18;
}
.floor-production .paintbrush__back {
  width: 0.15vw; height: 0.1vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-0.15vw) translateY(-0.1vw);
  background-color: #1c1408;
}
.floor-production .paintbrush__right {
  width: 1.5vw; height: 0.1vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.15vw) translateX(-1.5vw) translateY(-0.1vw);
  background-color: rgb(20, 14, 8);
}
.floor-production .paintbrush__left {
  width: 1.5vw; height: 0.1vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.1vw);
  background-color: #3a2a18;
}
.floor-production .paintbrush__top {
  width: 0.15vw; height: 1.5vw;
  transform-origin: top left;
  transform: translateZ(0.1vw);
  background-image: linear-gradient(to bottom, rgba(249, 115, 22, 0.8), rgba(249, 115, 22, 0.2) 20%, rgb(90, 65, 35) 20%, rgb(90, 65, 35));
  box-shadow: 0 0 0.1vw rgba(249, 115, 22, 0.3);
}
.floor-production .paintbrush__bottom {
  width: 0.15vw; height: 1.5vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-0.15vw);
  background-color: #18120a;
}
.floor-production .paintbrush::after {
  content: "";
  position: absolute;
  width: 300%; height: 120%;
  top: -10%; left: -100%;
  border-radius: 50%;
  background-image: radial-gradient(rgba(249, 115, 22, 0.1), transparent 60%);
  filter: blur(0.15vw);
}

/* Architect: RULER / SET SQUARE — cube(0.2, 0.08, 1.4) */
.floor-production .ruler {
  position: absolute;
  left: 29.5vw;
  top: 2vw;
  width: 0.2vw;
  height: 1.4vw;
  transform: translateZ(3.4vw) rotateZ(12deg);
}
.floor-production .ruler__front {
  width: 0.2vw; height: 0.08vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(1.32vw);
  background-color: rgb(154, 52, 18);
}
.floor-production .ruler__back {
  width: 0.2vw; height: 0.08vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-0.2vw) translateY(-0.08vw);
  background-color: #1c1408;
}
.floor-production .ruler__right {
  width: 1.4vw; height: 0.08vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.2vw) translateX(-1.4vw) translateY(-0.08vw);
  background-color: rgb(140, 48, 16);
}
.floor-production .ruler__left {
  width: 1.4vw; height: 0.08vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.08vw);
  background-color: rgb(154, 52, 18);
}
.floor-production .ruler__top {
  width: 0.2vw; height: 1.4vw;
  transform-origin: top left;
  transform: translateZ(0.08vw);
  background-color: rgb(194, 65, 12);
  background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.15) 0, rgba(255, 255, 255, 0.15) 0.03vw, transparent 0.03vw, transparent 0.14vw);
  box-shadow: 0 0 0.15vw rgba(194, 65, 12, 0.3);
}
.floor-production .ruler__bottom {
  width: 0.2vw; height: 1.4vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-0.2vw);
  background-color: #18120a;
}

/* ===================================
   MURAL — left wall, "PRODUCTION" with storyboard grid
   Same pattern as OPS/Business: rotateZ(-90deg) on left wall
   =================================== */
.floor-production .mural {
  position: absolute;
  left: 1vw;
  top: 22vw;
  width: 16vw;
  height: 0.3vw;
  transform-origin: 0 0;
  transform: translateZ(6vw) rotateZ(-90deg);
}
.floor-production .mural__front {
  width: 16vw;
  height: 6.4vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(-6.1vw);
  background-color: black;
  border: 0.08vw solid rgb(20, 14, 8);
  box-shadow: 0.3vw 0.3vw 0.6vw rgba(249, 115, 22, 0.25), -0.3vw 0.3vw 0.6vw rgba(249, 115, 22, 0.25), -0.3vw -0.3vw 0.6vw rgba(249, 115, 22, 0.25), 0.3vw -0.3vw 0.6vw rgba(249, 115, 22, 0.25);
}
.floor-production .mural__back {
  width: 16vw;
  height: 6.4vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-16vw) translateY(-6.4vw);
  background-color: #111108;
}
.floor-production .mural__back::before {
  content: "";
  position: absolute;
  width: 120%; height: 200%;
  left: -10%; top: -50%;
  border-radius: 50%;
  background-image: radial-gradient(rgba(249, 115, 22, 0.12), transparent 60%);
  filter: blur(1vw);
}
.floor-production .mural__right {
  width: 0.3vw;
  height: 6.4vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(16vw) translateX(-0.3vw) translateY(-6.4vw);
  background-color: rgb(12, 8, 4);
}
.floor-production .mural__left {
  width: 0.3vw;
  height: 6.4vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-6.4vw);
  background-color: #2c2014;
}
.floor-production .mural__top {
  width: 16vw;
  height: 0.3vw;
  transform-origin: top left;
  transform: translateZ(6.4vw);
  background-color: #1c1408;
}
.floor-production .mural__bottom {
  width: 16vw;
  height: 0.3vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-16vw);
  background-color: #18120a;
}

/* ===================================
   CLOCK — above Miyazaki screens, on back wall
   Same pattern as Business: rotateZ(90deg), __right face = visible
   =================================== */
.floor-production .clock {
  position: absolute;
  left: 16vw;
  top: 1vw;
  width: 0.15vw;
  height: 1.5vw;
  transform-origin: 0 0;
  transform: translateZ(7.5vw) rotateZ(90deg);
}
.floor-production .clock__front {
  width: 0.15vw;
  height: 1.5vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(0vw);
  background-color: #1c1408;
}
.floor-production .clock__back {
  width: 0.15vw;
  height: 1.5vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-0.15vw) translateY(-1.5vw);
  background-color: #18120a;
}
.floor-production .clock__right {
  width: 1.5vw;
  height: 1.5vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.15vw) translateX(-1.5vw) translateY(-1.5vw);
  background-color: #0a0604;
  border: 0.06vw solid rgba(249, 115, 22, 0.3);
  box-shadow: 0 0 0.3vw rgba(249, 115, 22, 0.2);
}
.floor-production .clock__left {
  width: 1.5vw;
  height: 1.5vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-1.5vw);
  background-color: #1c1408;
}
.floor-production .clock__top {
  width: 0.15vw;
  height: 1.5vw;
  transform-origin: top left;
  transform: translateZ(1.5vw);
  background-color: #1c1408;
}
.floor-production .clock__bottom {
  width: 0.15vw;
  height: 1.5vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-0.15vw);
  background-color: #18120a;
}


/* ════════════════════════════════════════════════════════════ */
/* FLOOR: OPS — Neo, Jarvis, Skynet */
/* ════════════════════════════════════════════════════════════ */

@keyframes neon-breathe-ops {
  0%, 100% {
    opacity: 0.8;
  }
  50% {
    opacity: 1;
  }
}
@keyframes screen-glow-ops {
  0%, 100% {
    box-shadow: 0 0 0.4vw rgba(0, 255, 136, 0.4);
  }
  50% {
    box-shadow: 0 0 0.8vw rgba(0, 255, 136, 0.7);
  }
}
@keyframes screen-glow-ops-blue {
  0%, 100% {
    box-shadow: 0 0 0.4vw rgba(0, 170, 255, 0.4);
  }
  50% {
    box-shadow: 0 0 0.8vw rgba(0, 170, 255, 0.7);
  }
}
@keyframes screen-glow-ops-red-ops {
  0%, 100% {
    box-shadow: 0 0 0.4vw rgba(255, 32, 32, 0.4);
  }
  50% {
    box-shadow: 0 0 0.8vw rgba(255, 32, 32, 0.7);
  }
}
@keyframes holo-pulse-ops {
  0%, 100% {
    opacity: 0.7;
    transform: translateZ(6vw);
  }
  50% {
    opacity: 1;
    transform: translateZ(6.15vw);
  }
}
@keyframes led-chase-ops {
  0% {
    opacity: 0.3;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.3;
  }
}




.floor-ops .face {
  position: absolute;
}

.floor-ops .house {
  position: absolute;
  width: 32vw;
  height: 28vw;
  
}

.floor-ops .h-shadow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 1.5vw -3vw 3vw hsl(220, 25%, 3%), 1.5vw 0.5vw 1.5vw hsl(220, 25%, 3%);
}

.floor-ops .h-lights {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 50vw;
  height: 45vw;
}

.floor-ops .h-light {
  position: absolute;
}
.floor-ops .h-light:nth-of-type(1) {
  bottom: 5vw;
  right: 0;
  width: 14vw;
  height: 14vw;
  border-radius: 50%;
  background-image: radial-gradient(hsl(220, 25%, 11%), transparent);
  filter: blur(1vw);
}
.floor-ops .h-light:nth-of-type(2) {
  bottom: -8vw;
  right: -3vw;
  width: 6vw;
  height: 12vw;
  border-radius: 50%;
  transform: rotateZ(-50deg);
  background-image: radial-gradient(rgba(0, 170, 255, 0.15) 40%, transparent);
  filter: blur(2vw);
}
.floor-ops .h-light:nth-of-type(3) {
  bottom: -6vw;
  right: 24vw;
  width: 8vw;
  height: 10vw;
  border-radius: 50%;
  transform: rotateZ(-50deg);
  background-image: radial-gradient(rgba(0, 255, 136, 0.15) 40%, transparent);
  filter: blur(3vw);
}
.floor-ops .h-light:nth-of-type(4) {
  display: none;
}
.floor-ops .h-light:nth-of-type(5) {
  bottom: -4vw;
  right: -2vw;
  width: 8vw;
  height: 10vw;
  transform-origin: bottom left;
  background-image: radial-gradient(rgba(136, 0, 0, 0.12) 40%, transparent);
  border-radius: 50%;
  filter: blur(2vw);
}
.floor-ops .h-light:nth-of-type(6) {
  display: none;
}

.floor-ops .alt__front {
  width: 31vw;
  height: 0.5vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(26.5vw);
}
.floor-ops .alt__back {
  width: 31vw;
  height: 0.5vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-31vw) translateY(-0.5vw);
}
.floor-ops .alt__right {
  width: 27vw;
  height: 0.5vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(31vw) translateX(-27vw) translateY(-0.5vw);
}
.floor-ops .alt__left {
  width: 27vw;
  height: 0.5vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.5vw);
}
.floor-ops .alt__top {
  width: 31vw;
  height: 27vw;
  transform-origin: top left;
  transform: translateZ(0.5vw);
}
.floor-ops .alt__bottom {
  width: 31vw;
  height: 27vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-31vw);
}
.floor-ops .alt {
  position: absolute;
  left: 0;
  top: 0;
  width: 31vw;
  height: 27vw;
}
.floor-ops .alt__front {
  background-color: rgb(32.3636363636, 48.5454545455, 74.4363636364);
}
.floor-ops .alt__back {
  background-color: rgb(12.2727272727, 18.4090909091, 28.2272727273);
}
.floor-ops .alt__right {
  background-color: rgb(12.2727272727, 18.4090909091, 28.2272727273);
}
.floor-ops .alt__left {
  background-color: rgb(43.1818181818, 64.7727272727, 99.3181818182);
}
.floor-ops .alt__top {
  background-image: linear-gradient(to bottom, #111118, rgb(12.2727272727, 18.4090909091, 28.2272727273), rgb(32.3636363636, 48.5454545455, 74.4363636364));
}
.floor-ops .alt__top .light {
  display: none;
}
.floor-ops .alt__bottom {
  background-color: rgb(12.2727272727, 18.4090909091, 28.2272727273);
}

.floor-ops .alb__front {
  width: 31vw;
  height: 2vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(-1vw);
}
.floor-ops .alb__back {
  width: 31vw;
  height: 2vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-31vw) translateY(-2vw);
}
.floor-ops .alb__right {
  width: 1vw;
  height: 2vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(31vw) translateX(-1vw) translateY(-2vw);
}
.floor-ops .alb__left {
  width: 1vw;
  height: 2vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-2vw);
}
.floor-ops .alb__top {
  width: 31vw;
  height: 1vw;
  transform-origin: top left;
  transform: translateZ(2vw);
}
.floor-ops .alb__bottom {
  width: 31vw;
  height: 1vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-31vw);
}
.floor-ops .alb {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 31vw;
  height: 1vw;
}
.floor-ops .alb__front {
  background-image: linear-gradient(to right, rgb(32.3636363636, 48.5454545455, 74.4363636364) 40%, rgb(27.7272727273, 41.5909090909, 63.7727272727));
}
.floor-ops .alb__back {
  background-color: rgb(12.2727272727, 18.4090909091, 28.2272727273);
}
.floor-ops .alb__right {
  background-color: rgb(12.2727272727, 18.4090909091, 28.2272727273);
}
.floor-ops .alb__left {
  background-color: rgb(43.1818181818, 64.7727272727, 99.3181818182);
}
.floor-ops .alb__top {
  background-color: #1c2c3c;
  background-image: repeating-linear-gradient(to right, rgba(40.9818181818, 64.4, 87.8181818182, 0.2) 0, rgba(40.9818181818, 64.4, 87.8181818182, 0.2) 0.05vw, transparent 0.05vw, transparent 4vw), repeating-linear-gradient(to bottom, rgba(40.9818181818, 64.4, 87.8181818182, 0.2) 0, rgba(40.9818181818, 64.4, 87.8181818182, 0.2) 0.05vw, transparent 0.05vw, transparent 4vw);
}
.floor-ops .alb__bottom {
  background-color: rgb(12.2727272727, 18.4090909091, 28.2272727273);
}

.floor-ops .arb__front {
  width: 1vw;
  height: 2vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(26vw);
}
.floor-ops .arb__back {
  width: 1vw;
  height: 2vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-1vw) translateY(-2vw);
}
.floor-ops .arb__right {
  width: 28vw;
  height: 2vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(1vw) translateX(-28vw) translateY(-2vw);
}
.floor-ops .arb__left {
  width: 28vw;
  height: 2vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-2vw);
}
.floor-ops .arb__top {
  width: 1vw;
  height: 28vw;
  transform-origin: top left;
  transform: translateZ(2vw);
}
.floor-ops .arb__bottom {
  width: 1vw;
  height: 28vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-1vw);
}
.floor-ops .arb {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1vw;
  height: 28vw;
}
.floor-ops .arb__front {
  background-color: rgb(27.7272727273, 41.5909090909, 63.7727272727);
}
.floor-ops .arb__back {
  background-color: rgb(12.2727272727, 18.4090909091, 28.2272727273);
}
.floor-ops .arb__right {
  background-image: linear-gradient(to right, rgb(4.5454545455, 6.8181818182, 10.4545454545) 40%, black);
}
.floor-ops .arb__left {
  background-color: rgb(32.3636363636, 48.5454545455, 74.4363636364);
}
.floor-ops .arb__top {
  background-image: linear-gradient(to top, rgb(43.1818181818, 64.7727272727, 99.3181818182), rgb(12.2727272727, 18.4090909091, 28.2272727273) 25%, rgb(7.6363636364, 11.4545454545, 17.5636363636) 75%, rgb(32.3636363636, 48.5454545455, 74.4363636364));
}
.floor-ops .arb__top::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 30%;
  top: 0;
  background-image: linear-gradient(to bottom, transparent, rgba(0, 255, 136, 0.4), transparent);
}
.floor-ops .arb__bottom {
  background-color: rgb(12.2727272727, 18.4090909091, 28.2272727273);
}

.floor-ops .blt__front {
  width: 1vw;
  height: 16vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(11vw);
}
.floor-ops .blt__back {
  width: 1vw;
  height: 16vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-1vw) translateY(-16vw);
}
.floor-ops .blt__right {
  width: 27vw;
  height: 16vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(1vw) translateX(-27vw) translateY(-16vw);
}
.floor-ops .blt__left {
  width: 27vw;
  height: 16vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-16vw);
}
.floor-ops .blt__top {
  width: 1vw;
  height: 27vw;
  transform-origin: top left;
  transform: translateZ(16vw);
}
.floor-ops .blt__bottom {
  width: 1vw;
  height: 27vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-1vw);
}
.floor-ops .blt {
  position: absolute;
  left: 0;
  top: 0;
  width: 1vw;
  height: 27vw;
  transform: translateZ(0.5vw);
}
.floor-ops .blt__front {
  background-image: linear-gradient(to bottom, rgb(12.2727272727, 18.4090909091, 28.2272727273), rgb(32.3636363636, 48.5454545455, 74.4363636364));
}
.floor-ops .blt__back {
  background-color: rgb(12.2727272727, 18.4090909091, 28.2272727273);
}
.floor-ops .blt__right {
  background-image: linear-gradient(to bottom, rgb(1.4545454545, 2.1818181818, 3.3454545455), rgb(12.2727272727, 18.4090909091, 28.2272727273), rgb(12.2727272727, 18.4090909091, 28.2272727273) 90%, rgb(7.6363636364, 11.4545454545, 17.5636363636));
}
.floor-ops .blt__right::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 0.75vw;
  background-image: linear-gradient(to bottom, rgb(27.7272727273, 41.5909090909, 63.7727272727), #00cc6a);
  border-top: 0.1vw solid #141e2e;
  border-bottom: 0.1vw solid #141e2e;
  animation: neon-breathe-ops 4s ease infinite;
}
.floor-ops .blt__right::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to bottom, rgba(0, 102, 54.4, 0.25), transparent 30%, transparent 70%, rgba(0, 204, 106, 0.25));
}
.floor-ops .blt__left {
  background-color: rgb(43.1818181818, 64.7727272727, 99.3181818182);
}
.floor-ops .blt__bottom {
  background-color: rgb(12.2727272727, 18.4090909091, 28.2272727273);
}

.floor-ops .blt2__front {
  width: 2vw;
  height: 0.75vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(26.25vw);
}
.floor-ops .blt2__back {
  width: 2vw;
  height: 0.75vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-2vw) translateY(-0.75vw);
}
.floor-ops .blt2__right {
  width: 27vw;
  height: 0.75vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(2vw) translateX(-27vw) translateY(-0.75vw);
}
.floor-ops .blt2__left {
  width: 27vw;
  height: 0.75vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.75vw);
}
.floor-ops .blt2__top {
  width: 2vw;
  height: 27vw;
  transform-origin: top left;
  transform: translateZ(0.75vw);
}
.floor-ops .blt2__bottom {
  width: 2vw;
  height: 27vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-2vw);
}
.floor-ops .blt2 {
  position: absolute;
  left: 0;
  top: 0;
  width: 2vw;
  height: 27vw;
  transform: translateZ(16.5vw);
}
.floor-ops .blt2__front {
  background-color: rgb(12.2727272727, 18.4090909091, 28.2272727273);
}
.floor-ops .blt2__back {
  background-color: rgb(12.2727272727, 18.4090909091, 28.2272727273);
}
.floor-ops .blt2__right {
  background-image: linear-gradient(to right, rgb(27.7272727273, 41.5909090909, 63.7727272727), rgb(32.3636363636, 48.5454545455, 74.4363636364), rgb(16.9090909091, 25.3636363636, 38.8909090909));
}
.floor-ops .blt2__right::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  border-bottom: 0.1vw solid rgba(50.9090909091, 76.3636363636, 117.0909090909, 0.5);
  background-image: linear-gradient(to top, rgba(0, 255, 136, 0.2), transparent);
}
.floor-ops .blt2__left {
  background-color: rgb(43.1818181818, 64.7727272727, 99.3181818182);
}
.floor-ops .blt2__top {
  background-image: linear-gradient(to top, rgb(32.3636363636, 48.5454545455, 74.4363636364), rgb(43.1818181818, 64.7727272727, 99.3181818182));
}
.floor-ops .blt2__bottom {
  background-color: rgb(12.2727272727, 18.4090909091, 28.2272727273);
}

.floor-ops .blb__front {
  width: 30vw;
  height: 16vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(-15vw);
}
.floor-ops .blb__back {
  width: 30vw;
  height: 16vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-30vw) translateY(-16vw);
}
.floor-ops .blb__right {
  width: 1vw;
  height: 16vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(30vw) translateX(-1vw) translateY(-16vw);
}
.floor-ops .blb__left {
  width: 1vw;
  height: 16vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-16vw);
}
.floor-ops .blb__top {
  width: 30vw;
  height: 1vw;
  transform-origin: top left;
  transform: translateZ(16vw);
}
.floor-ops .blb__bottom {
  width: 30vw;
  height: 1vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-30vw);
}
.floor-ops .blb {
  position: absolute;
  left: 1vw;
  top: 0;
  width: 30vw;
  height: 1vw;
  transform: translateZ(0.5vw);
}
.floor-ops .blb__front {
  background-image: linear-gradient(to bottom, rgb(1.4545454545, 2.1818181818, 3.3454545455), rgb(10.7272727273, 16.0909090909, 24.6727272727) 20%, rgb(1.4545454545, 2.1818181818, 3.3454545455));
}
.floor-ops .blb__front::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to bottom, rgba(0, 136, 204, 0.15), transparent 20%, transparent 80%, rgba(0, 136, 204, 0.25)), linear-gradient(to right, rgba(0, 102, 54.4, 0.2), transparent 25%, transparent 75%, rgba(136, 0, 0, 0.15)), linear-gradient(to bottom, rgba(26, 26, 42, 0.25), transparent 20%, transparent 80%, rgba(0, 136, 204, 0.15));
}
.floor-ops .blb__front::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 0.75vw;
  background-image: linear-gradient(to right, #00cc6a 15%, #0088cc 50%, #880000 85%);
  border-top: 0.1vw solid #141e2e;
  border-bottom: 0.1vw solid #141e2e;
  animation: neon-breathe-ops 4s ease infinite;
}
.floor-ops .blb__back {
  background-color: rgb(12.2727272727, 18.4090909091, 28.2272727273);
}
.floor-ops .blb__right {
  background-image: linear-gradient(to bottom, rgb(1.4545454545, 2.1818181818, 3.3454545455), black 80%, rgb(1.4545454545, 2.1818181818, 3.3454545455));
}
.floor-ops .blb__bottom {
  background-color: rgb(12.2727272727, 18.4090909091, 28.2272727273);
}

.floor-ops .blb2__front {
  width: 29vw;
  height: 0.75vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(1.25vw);
}
.floor-ops .blb2__back {
  width: 29vw;
  height: 0.75vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-29vw) translateY(-0.75vw);
}
.floor-ops .blb2__right {
  width: 2vw;
  height: 0.75vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(29vw) translateX(-2vw) translateY(-0.75vw);
}
.floor-ops .blb2__left {
  width: 2vw;
  height: 0.75vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.75vw);
}
.floor-ops .blb2__top {
  width: 29vw;
  height: 2vw;
  transform-origin: top left;
  transform: translateZ(0.75vw);
}
.floor-ops .blb2__bottom {
  width: 29vw;
  height: 2vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-29vw);
}
.floor-ops .blb2 {
  position: absolute;
  left: 2vw;
  top: 0;
  width: 29vw;
  height: 1vw;
  transform: translateZ(16.5vw);
}
.floor-ops .blb2__front {
  background-image: linear-gradient(to right, rgb(16.9090909091, 25.3636363636, 38.8909090909), rgb(32.3636363636, 48.5454545455, 74.4363636364), rgb(27.7272727273, 41.5909090909, 63.7727272727));
}
.floor-ops .blb2__front::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  border-bottom: 0.1vw solid rgba(50.9090909091, 76.3636363636, 117.0909090909, 0.5);
  background-image: linear-gradient(to top, rgba(0, 170, 255, 0.15), transparent);
}
.floor-ops .blb2__back {
  background-color: rgb(12.2727272727, 18.4090909091, 28.2272727273);
}
.floor-ops .blb2__right {
  background-color: rgb(1.4545454545, 2.1818181818, 3.3454545455);
}
.floor-ops .blb2__left {
  background-color: rgb(32.3636363636, 48.5454545455, 74.4363636364);
}
.floor-ops .blb2__top {
  background-image: linear-gradient(to left, rgb(32.3636363636, 48.5454545455, 74.4363636364), rgb(43.1818181818, 64.7727272727, 99.3181818182));
}
.floor-ops .blb2__bottom {
  background-color: rgb(12.2727272727, 18.4090909091, 28.2272727273);
}

.floor-ops .desk-neo__front {
  width: 8vw;
  height: 0.4vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(5.6vw);
}
.floor-ops .desk-neo__back {
  width: 8vw;
  height: 0.4vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-8vw) translateY(-0.4vw);
}
.floor-ops .desk-neo__right {
  width: 6vw;
  height: 0.4vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(8vw) translateX(-6vw) translateY(-0.4vw);
}
.floor-ops .desk-neo__left {
  width: 6vw;
  height: 0.4vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.4vw);
}
.floor-ops .desk-neo__top {
  width: 8vw;
  height: 6vw;
  transform-origin: top left;
  transform: translateZ(0.4vw);
}
.floor-ops .desk-neo__bottom {
  width: 8vw;
  height: 6vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-8vw);
}
.floor-ops .desk-neo {
  position: absolute;
  left: 2vw;
  top: 1vw;
  width: 8vw;
  height: 6vw;
  transform: translateZ(3vw);
}
.floor-ops .desk-neo::before {
  content: "";
  position: absolute;
  top: -5%;
  left: -5%;
  width: 110%;
  height: 110%;
  background-color: rgba(17, 17, 24, 0.85);
  filter: blur(0.6vw);
}
.floor-ops .desk-neo::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(ellipse at 50% 30%, rgba(0, 255, 136, 0.08), transparent 60%);
  transform: translateZ(0.01vw);
}
.floor-ops .desk-neo__front {
  background-image: linear-gradient(to right, rgb(31.29, 31.29, 43.21), rgb(9.87, 9.87, 13.63));
}
.floor-ops .desk-neo__front::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(135deg, rgba(0, 255, 136, 0.08), transparent 55%);
}
.floor-ops .desk-neo__back {
  background-color: #1a1a2a;
}
.floor-ops .desk-neo__right {
  background-color: rgb(6.5, 6.5, 10.5);
}
.floor-ops .desk-neo__left {
  background-color: #2a2a3a;
}
.floor-ops .desk-neo__top {
  background-image: linear-gradient(135deg, rgb(37.716, 37.716, 52.084), rgb(20.15, 20.15, 32.55));
}
.floor-ops .desk-neo__top::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 50%;
  height: 50%;
  background-image: linear-gradient(135deg, rgba(0, 255, 136, 0.15), rgba(255, 255, 255, 0.04) 50%, transparent 55%);
  filter: blur(0.3vw);
}
.floor-ops .desk-neo__bottom {
  background-color: #1a1a2a;
}

.floor-ops .desk-jarvis__front {
  width: 9vw;
  height: 0.4vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(5.6vw);
}
.floor-ops .desk-jarvis__back {
  width: 9vw;
  height: 0.4vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-9vw) translateY(-0.4vw);
}
.floor-ops .desk-jarvis__right {
  width: 6vw;
  height: 0.4vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(9vw) translateX(-6vw) translateY(-0.4vw);
}
.floor-ops .desk-jarvis__left {
  width: 6vw;
  height: 0.4vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.4vw);
}
.floor-ops .desk-jarvis__top {
  width: 9vw;
  height: 6vw;
  transform-origin: top left;
  transform: translateZ(0.4vw);
}
.floor-ops .desk-jarvis__bottom {
  width: 9vw;
  height: 6vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-9vw);
}
.floor-ops .desk-jarvis {
  position: absolute;
  left: 11.5vw;
  top: 1vw;
  width: 9vw;
  height: 6vw;
  transform: translateZ(3vw);
}
.floor-ops .desk-jarvis::before {
  content: "";
  position: absolute;
  top: -5%;
  left: -5%;
  width: 110%;
  height: 110%;
  background-color: rgba(17, 17, 24, 0.85);
  filter: blur(0.6vw);
}
.floor-ops .desk-jarvis::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(ellipse at 50% 30%, rgba(0, 170, 255, 0.06), transparent 60%);
  transform: translateZ(0.01vw);
}
.floor-ops .desk-jarvis__front {
  background-image: linear-gradient(to right, rgb(31.29, 31.29, 43.21), rgb(9.87, 9.87, 13.63));
}
.floor-ops .desk-jarvis__front::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(135deg, rgba(0, 170, 255, 0.06), transparent 55%);
}
.floor-ops .desk-jarvis__back {
  background-color: #1a1a2a;
}
.floor-ops .desk-jarvis__right {
  background-color: rgb(6.5, 6.5, 10.5);
}
.floor-ops .desk-jarvis__left {
  background-color: #2a2a3a;
}
.floor-ops .desk-jarvis__top {
  background-image: linear-gradient(135deg, rgb(37.716, 37.716, 52.084), rgb(20.15, 20.15, 32.55));
}
.floor-ops .desk-jarvis__top::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 50%;
  height: 50%;
  background-image: linear-gradient(135deg, rgba(0, 170, 255, 0.12), rgba(255, 255, 255, 0.04) 50%, transparent 55%);
  filter: blur(0.3vw);
}
.floor-ops .desk-jarvis__bottom {
  background-color: #1a1a2a;
}

.floor-ops .desk-skynet__front {
  width: 8vw;
  height: 0.4vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(5.6vw);
}
.floor-ops .desk-skynet__back {
  width: 8vw;
  height: 0.4vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-8vw) translateY(-0.4vw);
}
.floor-ops .desk-skynet__right {
  width: 6vw;
  height: 0.4vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(8vw) translateX(-6vw) translateY(-0.4vw);
}
.floor-ops .desk-skynet__left {
  width: 6vw;
  height: 0.4vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.4vw);
}
.floor-ops .desk-skynet__top {
  width: 8vw;
  height: 6vw;
  transform-origin: top left;
  transform: translateZ(0.4vw);
}
.floor-ops .desk-skynet__bottom {
  width: 8vw;
  height: 6vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-8vw);
}
.floor-ops .desk-skynet {
  position: absolute;
  left: 23vw;
  top: 1vw;
  width: 8vw;
  height: 6vw;
  transform: translateZ(3vw);
}
.floor-ops .desk-skynet::before {
  content: "";
  position: absolute;
  top: -5%;
  left: -5%;
  width: 110%;
  height: 110%;
  background-color: rgba(17, 17, 24, 0.85);
  filter: blur(0.6vw);
}
.floor-ops .desk-skynet::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(ellipse at 50% 30%, rgba(255, 32, 32, 0.06), transparent 60%);
  transform: translateZ(0.01vw);
}
.floor-ops .desk-skynet__front {
  background-image: linear-gradient(to right, rgb(31.29, 31.29, 43.21), rgb(9.87, 9.87, 13.63));
}
.floor-ops .desk-skynet__front::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(135deg, rgba(255, 32, 32, 0.06), transparent 55%);
}
.floor-ops .desk-skynet__back {
  background-color: #1a1a2a;
}
.floor-ops .desk-skynet__right {
  background-color: rgb(6.5, 6.5, 10.5);
}
.floor-ops .desk-skynet__left {
  background-color: #2a2a3a;
}
.floor-ops .desk-skynet__top {
  background-image: linear-gradient(135deg, rgb(37.716, 37.716, 52.084), rgb(20.15, 20.15, 32.55));
}
.floor-ops .desk-skynet__top::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 50%;
  height: 50%;
  background-image: linear-gradient(135deg, rgba(255, 32, 32, 0.1), rgba(255, 255, 255, 0.04) 50%, transparent 55%);
  filter: blur(0.3vw);
}
.floor-ops .desk-skynet__bottom {
  background-color: #1a1a2a;
}

.floor-ops .screen-neo1__front {
  width: 2.4vw;
  height: 3vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(-2.7vw);
}
.floor-ops .screen-neo1__back {
  width: 2.4vw;
  height: 3vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-2.4vw) translateY(-3vw);
}
.floor-ops .screen-neo1__right {
  width: 0.3vw;
  height: 3vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(2.4vw) translateX(-0.3vw) translateY(-3vw);
}
.floor-ops .screen-neo1__left {
  width: 0.3vw;
  height: 3vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-3vw);
}
.floor-ops .screen-neo1__top {
  width: 2.4vw;
  height: 0.3vw;
  transform-origin: top left;
  transform: translateZ(3vw);
}
.floor-ops .screen-neo1__bottom {
  width: 2.4vw;
  height: 0.3vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-2.4vw);
}
.floor-ops .screen-neo1 {
  position: absolute;
  width: 2.4vw;
  height: 0.3vw;
  transform: translateZ(3.5vw);
}
.floor-ops .screen-neo1__right {
  background-color: #111118;
}
.floor-ops .screen-neo1__left {
  background-color: #111118;
}
.floor-ops .screen-neo1__back {
  background-color: #111118;
}
.floor-ops .screen-neo1__top {
  background-color: #1a1a2a;
}
.floor-ops .screen-neo1__bottom {
  background-color: #1a1a2a;
}
.floor-ops .screen-neo1 {
  left: 2.2vw;
  top: 1.2vw;
}
.floor-ops .screen-neo1__front {
  background-color: rgb(76.5, 255, 171.7);
  border: 0.125vw solid rgb(6.5, 6.5, 10.5);
}
.floor-ops .screen-neo1__front::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  box-shadow: 0.125vw 0.125vw 1vw rgba(0, 255, 136, 0.5), -0.125vw 0.125vw 1vw rgba(0, 255, 136, 0.5), 0.125vw -0.125vw 1vw rgba(0, 255, 136, 0.5), -0.125vw -0.125vw 1vw rgba(0, 255, 136, 0.5);
}
.floor-ops .screen-neo1__front {
  animation: screen-glow-ops 2s ease infinite;
}
.floor-ops .screen-neo1__back::before {
  content: "";
  position: absolute;
  width: 10vw;
  height: 5vw;
  background-image: radial-gradient(rgba(0, 255, 136, 0.7), rgba(0, 153, 81.6, 0.5));
  filter: blur(1vw);
}

.floor-ops .screen-neo2__front {
  width: 2.4vw;
  height: 3vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(-2.7vw);
}
.floor-ops .screen-neo2__back {
  width: 2.4vw;
  height: 3vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-2.4vw) translateY(-3vw);
}
.floor-ops .screen-neo2__right {
  width: 0.3vw;
  height: 3vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(2.4vw) translateX(-0.3vw) translateY(-3vw);
}
.floor-ops .screen-neo2__left {
  width: 0.3vw;
  height: 3vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-3vw);
}
.floor-ops .screen-neo2__top {
  width: 2.4vw;
  height: 0.3vw;
  transform-origin: top left;
  transform: translateZ(3vw);
}
.floor-ops .screen-neo2__bottom {
  width: 2.4vw;
  height: 0.3vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-2.4vw);
}
.floor-ops .screen-neo2 {
  position: absolute;
  width: 2.4vw;
  height: 0.3vw;
  transform: translateZ(3.5vw);
}
.floor-ops .screen-neo2__right {
  background-color: #111118;
}
.floor-ops .screen-neo2__left {
  background-color: #111118;
}
.floor-ops .screen-neo2__back {
  background-color: #111118;
}
.floor-ops .screen-neo2__top {
  background-color: #1a1a2a;
}
.floor-ops .screen-neo2__bottom {
  background-color: #1a1a2a;
}
.floor-ops .screen-neo2 {
  left: 4.8vw;
  top: 1.2vw;
}
.floor-ops .screen-neo2__front {
  background-color: rgb(61.2, 255, 164.56);
  border: 0.125vw solid rgb(6.5, 6.5, 10.5);
}
.floor-ops .screen-neo2__front::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  box-shadow: 0.125vw 0.125vw 0.8vw rgba(0, 255, 136, 0.45), -0.125vw -0.125vw 0.8vw rgba(0, 255, 136, 0.45);
}
.floor-ops .screen-neo2__front {
  animation: screen-glow-ops 2s ease infinite 0.3s;
}
.floor-ops .screen-neo2__back::before {
  content: "";
  position: absolute;
  width: 8vw;
  height: 4vw;
  background-image: radial-gradient(rgba(0, 255, 136, 0.5), transparent);
  filter: blur(1vw);
}

.floor-ops .screen-neo3__front {
  width: 2.4vw;
  height: 3vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(-2.7vw);
}
.floor-ops .screen-neo3__back {
  width: 2.4vw;
  height: 3vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-2.4vw) translateY(-3vw);
}
.floor-ops .screen-neo3__right {
  width: 0.3vw;
  height: 3vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(2.4vw) translateX(-0.3vw) translateY(-3vw);
}
.floor-ops .screen-neo3__left {
  width: 0.3vw;
  height: 3vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-3vw);
}
.floor-ops .screen-neo3__top {
  width: 2.4vw;
  height: 0.3vw;
  transform-origin: top left;
  transform: translateZ(3vw);
}
.floor-ops .screen-neo3__bottom {
  width: 2.4vw;
  height: 0.3vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-2.4vw);
}
.floor-ops .screen-neo3 {
  position: absolute;
  width: 2.4vw;
  height: 0.3vw;
  transform: translateZ(3.5vw);
}
.floor-ops .screen-neo3__right {
  background-color: #111118;
}
.floor-ops .screen-neo3__left {
  background-color: #111118;
}
.floor-ops .screen-neo3__back {
  background-color: #111118;
}
.floor-ops .screen-neo3__top {
  background-color: #1a1a2a;
}
.floor-ops .screen-neo3__bottom {
  background-color: #1a1a2a;
}
.floor-ops .screen-neo3 {
  left: 7.4vw;
  top: 1.2vw;
}
.floor-ops .screen-neo3__front {
  background-color: rgb(51, 255, 159.8);
  border: 0.125vw solid rgb(6.5, 6.5, 10.5);
}
.floor-ops .screen-neo3__front::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  box-shadow: 0.125vw 0.125vw 0.8vw rgba(0, 255, 136, 0.4), -0.125vw -0.125vw 0.8vw rgba(0, 255, 136, 0.4);
}
.floor-ops .screen-neo3__front {
  animation: screen-glow-ops 2s ease infinite 0.6s;
}
.floor-ops .screen-neo3__back::before {
  content: "";
  position: absolute;
  width: 8vw;
  height: 4vw;
  background-image: radial-gradient(rgba(0, 255, 136, 0.4), transparent);
  filter: blur(1vw);
}

.floor-ops .screen-jarvis1__front {
  width: 2.4vw;
  height: 3vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(-2.7vw);
}
.floor-ops .screen-jarvis1__back {
  width: 2.4vw;
  height: 3vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-2.4vw) translateY(-3vw);
}
.floor-ops .screen-jarvis1__right {
  width: 0.3vw;
  height: 3vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(2.4vw) translateX(-0.3vw) translateY(-3vw);
}
.floor-ops .screen-jarvis1__left {
  width: 0.3vw;
  height: 3vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-3vw);
}
.floor-ops .screen-jarvis1__top {
  width: 2.4vw;
  height: 0.3vw;
  transform-origin: top left;
  transform: translateZ(3vw);
}
.floor-ops .screen-jarvis1__bottom {
  width: 2.4vw;
  height: 0.3vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-2.4vw);
}
.floor-ops .screen-jarvis1 {
  position: absolute;
  width: 2.4vw;
  height: 0.3vw;
  transform: translateZ(3.5vw);
}
.floor-ops .screen-jarvis1__right {
  background-color: #111118;
}
.floor-ops .screen-jarvis1__left {
  background-color: #111118;
}
.floor-ops .screen-jarvis1__back {
  background-color: #111118;
}
.floor-ops .screen-jarvis1__top {
  background-color: #1a1a2a;
}
.floor-ops .screen-jarvis1__bottom {
  background-color: #1a1a2a;
}
.floor-ops .screen-jarvis1 {
  left: 14vw;
  top: 1.2vw;
}
.floor-ops .screen-jarvis1__front {
  background-color: rgb(76.5, 195.5, 255);
  border: 0.125vw solid rgb(6.5, 6.5, 10.5);
}
.floor-ops .screen-jarvis1__front::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  box-shadow: 0.125vw 0.125vw 1vw rgba(0, 170, 255, 0.5), -0.125vw 0.125vw 1vw rgba(0, 170, 255, 0.5), 0.125vw -0.125vw 1vw rgba(0, 170, 255, 0.5), -0.125vw -0.125vw 1vw rgba(0, 170, 255, 0.5);
}
.floor-ops .screen-jarvis1__front {
  animation: screen-glow-ops-blue 2s ease infinite;
}
.floor-ops .screen-jarvis1__back::before {
  content: "";
  position: absolute;
  width: 10vw;
  height: 5vw;
  background-image: radial-gradient(rgba(0, 170, 255, 0.7), rgba(0, 102, 153, 0.5));
  filter: blur(1vw);
}

.floor-ops .screen-jarvis2__front {
  width: 2.4vw;
  height: 3vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(-2.7vw);
}
.floor-ops .screen-jarvis2__back {
  width: 2.4vw;
  height: 3vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-2.4vw) translateY(-3vw);
}
.floor-ops .screen-jarvis2__right {
  width: 0.3vw;
  height: 3vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(2.4vw) translateX(-0.3vw) translateY(-3vw);
}
.floor-ops .screen-jarvis2__left {
  width: 0.3vw;
  height: 3vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-3vw);
}
.floor-ops .screen-jarvis2__top {
  width: 2.4vw;
  height: 0.3vw;
  transform-origin: top left;
  transform: translateZ(3vw);
}
.floor-ops .screen-jarvis2__bottom {
  width: 2.4vw;
  height: 0.3vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-2.4vw);
}
.floor-ops .screen-jarvis2 {
  position: absolute;
  width: 2.4vw;
  height: 0.3vw;
  transform: translateZ(3.5vw);
}
.floor-ops .screen-jarvis2__right {
  background-color: #111118;
}
.floor-ops .screen-jarvis2__left {
  background-color: #111118;
}
.floor-ops .screen-jarvis2__back {
  background-color: #111118;
}
.floor-ops .screen-jarvis2__top {
  background-color: #1a1a2a;
}
.floor-ops .screen-jarvis2__bottom {
  background-color: #1a1a2a;
}
.floor-ops .screen-jarvis2 {
  left: 16.6vw;
  top: 1.2vw;
}
.floor-ops .screen-jarvis2__front {
  background-color: rgb(61.2, 190.4, 255);
  border: 0.125vw solid rgb(6.5, 6.5, 10.5);
}
.floor-ops .screen-jarvis2__front::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  box-shadow: 0.125vw 0.125vw 0.8vw rgba(0, 170, 255, 0.45), -0.125vw -0.125vw 0.8vw rgba(0, 170, 255, 0.45);
}
.floor-ops .screen-jarvis2__front {
  animation: screen-glow-ops-blue 2s ease infinite 0.4s;
}
.floor-ops .screen-jarvis2__back::before {
  content: "";
  position: absolute;
  width: 8vw;
  height: 4vw;
  background-image: radial-gradient(rgba(0, 170, 255, 0.5), transparent);
  filter: blur(1vw);
}

.floor-ops .screen-skynet1__front {
  width: 2.4vw;
  height: 3vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(-2.7vw);
}
.floor-ops .screen-skynet1__back {
  width: 2.4vw;
  height: 3vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-2.4vw) translateY(-3vw);
}
.floor-ops .screen-skynet1__right {
  width: 0.3vw;
  height: 3vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(2.4vw) translateX(-0.3vw) translateY(-3vw);
}
.floor-ops .screen-skynet1__left {
  width: 0.3vw;
  height: 3vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-3vw);
}
.floor-ops .screen-skynet1__top {
  width: 2.4vw;
  height: 0.3vw;
  transform-origin: top left;
  transform: translateZ(3vw);
}
.floor-ops .screen-skynet1__bottom {
  width: 2.4vw;
  height: 0.3vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-2.4vw);
}
.floor-ops .screen-skynet1 {
  position: absolute;
  width: 2.4vw;
  height: 0.3vw;
  transform: translateZ(3.5vw);
}
.floor-ops .screen-skynet1__right {
  background-color: #111118;
}
.floor-ops .screen-skynet1__left {
  background-color: #111118;
}
.floor-ops .screen-skynet1__back {
  background-color: #111118;
}
.floor-ops .screen-skynet1__top {
  background-color: #1a1a2a;
}
.floor-ops .screen-skynet1__bottom {
  background-color: #1a1a2a;
}
.floor-ops .screen-skynet1 {
  left: 24.5vw;
  top: 1.2vw;
}
.floor-ops .screen-skynet1__front {
  background-color: rgb(255, 108.5, 108.5);
  border: 0.125vw solid rgb(6.5, 6.5, 10.5);
}
.floor-ops .screen-skynet1__front::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  box-shadow: 0.125vw 0.125vw 1vw rgba(255, 32, 32, 0.5), -0.125vw 0.125vw 1vw rgba(255, 32, 32, 0.5), 0.125vw -0.125vw 1vw rgba(255, 32, 32, 0.5), -0.125vw -0.125vw 1vw rgba(255, 32, 32, 0.5);
}
.floor-ops .screen-skynet1__front {
  animation: screen-glow-ops-red-ops 2s ease infinite;
}
.floor-ops .screen-skynet1__back::before {
  content: "";
  position: absolute;
  width: 10vw;
  height: 5vw;
  background-image: radial-gradient(rgba(255, 32, 32, 0.7), rgba(185, 0, 0, 0.5));
  filter: blur(1vw);
}

.floor-ops .screen-skynet2__front {
  width: 2.4vw;
  height: 3vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(-2.7vw);
}
.floor-ops .screen-skynet2__back {
  width: 2.4vw;
  height: 3vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-2.4vw) translateY(-3vw);
}
.floor-ops .screen-skynet2__right {
  width: 0.3vw;
  height: 3vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(2.4vw) translateX(-0.3vw) translateY(-3vw);
}
.floor-ops .screen-skynet2__left {
  width: 0.3vw;
  height: 3vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-3vw);
}
.floor-ops .screen-skynet2__top {
  width: 2.4vw;
  height: 0.3vw;
  transform-origin: top left;
  transform: translateZ(3vw);
}
.floor-ops .screen-skynet2__bottom {
  width: 2.4vw;
  height: 0.3vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-2.4vw);
}
.floor-ops .screen-skynet2 {
  position: absolute;
  width: 2.4vw;
  height: 0.3vw;
  transform: translateZ(3.5vw);
}
.floor-ops .screen-skynet2__right {
  background-color: #111118;
}
.floor-ops .screen-skynet2__left {
  background-color: #111118;
}
.floor-ops .screen-skynet2__back {
  background-color: #111118;
}
.floor-ops .screen-skynet2__top {
  background-color: #1a1a2a;
}
.floor-ops .screen-skynet2__bottom {
  background-color: #1a1a2a;
}
.floor-ops .screen-skynet2 {
  left: 27.1vw;
  top: 1.2vw;
}
.floor-ops .screen-skynet2__front {
  background-color: rgb(255, 93.2, 93.2);
  border: 0.125vw solid rgb(6.5, 6.5, 10.5);
}
.floor-ops .screen-skynet2__front::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  box-shadow: 0.125vw 0.125vw 0.8vw rgba(255, 32, 32, 0.4), -0.125vw -0.125vw 0.8vw rgba(255, 32, 32, 0.4);
}
.floor-ops .screen-skynet2__front {
  animation: screen-glow-ops-red-ops 2s ease infinite 0.5s;
}
.floor-ops .screen-skynet2__back::before {
  content: "";
  position: absolute;
  width: 8vw;
  height: 4vw;
  background-image: radial-gradient(rgba(255, 32, 32, 0.4), transparent);
  filter: blur(1vw);
}

.floor-ops .chair-skynet, .floor-ops .chair-jarvis, .floor-ops .chair-neo {
  position: absolute;
  width: 2.5vw;
  height: 2.5vw;
  transform-origin: 1.25vw 1.25vw;
  transform: translateZ(0.5vw) rotateZ(180deg);
}
.floor-ops .chair-skynet::before, .floor-ops .chair-jarvis::before, .floor-ops .chair-neo::before {
  content: "";
  position: absolute;
  top: -8%;
  left: -8%;
  width: 116%;
  height: 116%;
  background-color: rgba(17, 17, 24, 0.75);
  filter: blur(0.5vw);
}

.floor-ops .chair-seat__front {
  width: 2.5vw;
  height: 0.3vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(2.2vw);
}
.floor-ops .chair-seat__back {
  width: 2.5vw;
  height: 0.3vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-2.5vw) translateY(-0.3vw);
}
.floor-ops .chair-seat__right {
  width: 2.5vw;
  height: 0.3vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(2.5vw) translateX(-2.5vw) translateY(-0.3vw);
}
.floor-ops .chair-seat__left {
  width: 2.5vw;
  height: 0.3vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.3vw);
}
.floor-ops .chair-seat__top {
  width: 2.5vw;
  height: 2.5vw;
  transform-origin: top left;
  transform: translateZ(0.3vw);
}
.floor-ops .chair-seat__bottom {
  width: 2.5vw;
  height: 2.5vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-2.5vw);
}
.floor-ops .chair-seat {
  position: absolute;
  left: 0;
  top: 0;
  width: 2.5vw;
  height: 2.5vw;
}
.floor-ops .chair-seat__front {
  background-color: #2a2a3a;
}
.floor-ops .chair-seat__back {
  background-color: #1a1a2a;
}
.floor-ops .chair-seat__right {
  background-color: rgb(16.25, 16.25, 26.25);
}
.floor-ops .chair-seat__left {
  background-color: #2a2a3a;
}
.floor-ops .chair-seat__top {
  background-image: linear-gradient(135deg, rgb(52.71, 52.71, 72.79), #1a1a2a);
}
.floor-ops .chair-seat__bottom {
  background-color: #1a1a2a;
}

.floor-ops .chair-back__front {
  width: 2.5vw;
  height: 3.5vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(-3.2vw);
}
.floor-ops .chair-back__back {
  width: 2.5vw;
  height: 3.5vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-2.5vw) translateY(-3.5vw);
}
.floor-ops .chair-back__right {
  width: 0.3vw;
  height: 3.5vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(2.5vw) translateX(-0.3vw) translateY(-3.5vw);
}
.floor-ops .chair-back__left {
  width: 0.3vw;
  height: 3.5vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-3.5vw);
}
.floor-ops .chair-back__top {
  width: 2.5vw;
  height: 0.3vw;
  transform-origin: top left;
  transform: translateZ(3.5vw);
}
.floor-ops .chair-back__bottom {
  width: 2.5vw;
  height: 0.3vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-2.5vw);
}
.floor-ops .chair-back {
  position: absolute;
  left: 0;
  top: 0;
  width: 2.5vw;
  height: 0.3vw;
  transform: translateZ(0.3vw);
}
.floor-ops .chair-back__front {
  background-image: linear-gradient(to bottom, #2a2a3a, rgb(24.864, 24.864, 34.336));
}
.floor-ops .chair-back__back {
  background-color: #1a1a2a;
}
.floor-ops .chair-back__right {
  background-color: rgb(16.25, 16.25, 26.25);
}
.floor-ops .chair-back__left {
  background-color: #2a2a3a;
}
.floor-ops .chair-back__top {
  background-color: rgb(48.426, 48.426, 66.874);
}
.floor-ops .chair-back__bottom {
  background-color: #1a1a2a;
}

.floor-ops .chair-neo {
  left: 4.5vw;
  top: 6vw;
}

.floor-ops .chair-jarvis {
  left: 14.5vw;
  top: 6vw;
}

.floor-ops .chair-skynet {
  left: 25vw;
  top: 6vw;
}

/* Headrest — cube(1.6, 0.6, 0.3) on top of backrest */
.floor-ops .chair-headrest {
  position: absolute;
  left: 0.45vw; top: 0;
  width: 1.6vw; height: 0.3vw;
  transform: translateZ(3.8vw);
}
.chair-headrest__front  { width: 1.6vw; height: 0.6vw; transform-origin: bottom left; transform: rotateX(-90deg) translateZ(-0.3vw); }
.chair-headrest__back   { width: 1.6vw; height: 0.6vw; transform-origin: top left; transform: rotateX(-90deg) rotateY(180deg) translateX(-1.6vw) translateY(-0.6vw); }
.chair-headrest__right  { width: 0.3vw; height: 0.6vw; transform-origin: top left; transform: rotateY(90deg) rotateZ(-90deg) translateZ(1.6vw) translateX(-0.3vw) translateY(-0.6vw); }
.chair-headrest__left   { width: 0.3vw; height: 0.6vw; transform-origin: top left; transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.6vw); }
.chair-headrest__top    { width: 1.6vw; height: 0.3vw; transform-origin: top left; transform: translateZ(0.6vw); }
.chair-headrest__bottom { width: 1.6vw; height: 0.3vw; transform-origin: top left; transform: rotateY(180deg) translateX(-1.6vw); }
.chair-headrest__front  { background: linear-gradient(to bottom, #2a2a3a, #1e1e30); }
.chair-headrest__back   { background: #1a1a2a; }
.chair-headrest__right  { background: rgb(16.25, 16.25, 26.25); }
.chair-headrest__left   { background: #2a2a3a; }
.chair-headrest__top    { background: linear-gradient(135deg, rgb(52.71, 52.71, 72.79), #2a2a3a); }
.chair-headrest__bottom { background: #1a1a2a; }

/* Armrests — cube(0.3, 0.2, 2) */
.floor-ops .chair-arm {
  position: absolute;
  width: 0.3vw; height: 2vw;
  transform: translateZ(0.5vw);
}
.chair-arm-l { left: -0.35vw; top: 0.25vw; }
.chair-arm-r { left: 2.55vw; top: 0.25vw; }
.chair-arm__front  { width: 0.3vw; height: 0.2vw; transform-origin: bottom left; transform: rotateX(-90deg) translateZ(1.8vw); }
.chair-arm__back   { width: 0.3vw; height: 0.2vw; transform-origin: top left; transform: rotateX(-90deg) rotateY(180deg) translateX(-0.3vw) translateY(-0.2vw); }
.chair-arm__right  { width: 2vw; height: 0.2vw; transform-origin: top left; transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.3vw) translateX(-2vw) translateY(-0.2vw); }
.chair-arm__left   { width: 2vw; height: 0.2vw; transform-origin: top left; transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.2vw); }
.chair-arm__top    { width: 0.3vw; height: 2vw; transform-origin: top left; transform: translateZ(0.2vw); }
.chair-arm__bottom { width: 0.3vw; height: 2vw; transform-origin: top left; transform: rotateY(180deg) translateX(-0.3vw); }
.chair-arm__front, .chair-arm__right { background: #2a2a3a; }
.chair-arm__back, .chair-arm__left   { background: #1a1a2a; }
.chair-arm__top    { background: linear-gradient(135deg, #383850, #2a2a3a); }
.chair-arm__bottom { background: #111118; }

.floor-ops .kb-neo__front {
  width: 2.5vw;
  height: 0.1vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(0.4vw);
}
.floor-ops .kb-neo__back {
  width: 2.5vw;
  height: 0.1vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-2.5vw) translateY(-0.1vw);
}
.floor-ops .kb-neo__right {
  width: 0.5vw;
  height: 0.1vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(2.5vw) translateX(-0.5vw) translateY(-0.1vw);
}
.floor-ops .kb-neo__left {
  width: 0.5vw;
  height: 0.1vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.1vw);
}
.floor-ops .kb-neo__top {
  width: 2.5vw;
  height: 0.5vw;
  transform-origin: top left;
  transform: translateZ(0.1vw);
}
.floor-ops .kb-neo__bottom {
  width: 2.5vw;
  height: 0.5vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-2.5vw);
}
.floor-ops .kb-neo {
  position: absolute;
  width: 2.5vw;
  height: 0.5vw;
  transform: translateZ(3.4vw);
}
.floor-ops .kb-neo__front {
  background-color: #2a2a3a;
}
.floor-ops .kb-neo__back {
  background-color: #1a1a2a;
}
.floor-ops .kb-neo__right {
  background-color: rgb(16.25, 16.25, 26.25);
}
.floor-ops .kb-neo__left {
  background-color: #2a2a3a;
}
.floor-ops .kb-neo__top {
  background-color: #1a1a2a;
  background-image: repeating-linear-gradient(to right, rgba(63.42, 63.42, 87.58, 0.3) 0, rgba(63.42, 63.42, 87.58, 0.3) 0.15vw, transparent 0.15vw, transparent 0.3vw);
}
.floor-ops .kb-neo__bottom {
  background-color: #111118;
}
.floor-ops .kb-neo {
  left: 4vw;
  top: 3.5vw;
}

.floor-ops .kb-jarvis__front {
  width: 2.5vw;
  height: 0.1vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(0.4vw);
}
.floor-ops .kb-jarvis__back {
  width: 2.5vw;
  height: 0.1vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-2.5vw) translateY(-0.1vw);
}
.floor-ops .kb-jarvis__right {
  width: 0.5vw;
  height: 0.1vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(2.5vw) translateX(-0.5vw) translateY(-0.1vw);
}
.floor-ops .kb-jarvis__left {
  width: 0.5vw;
  height: 0.1vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.1vw);
}
.floor-ops .kb-jarvis__top {
  width: 2.5vw;
  height: 0.5vw;
  transform-origin: top left;
  transform: translateZ(0.1vw);
}
.floor-ops .kb-jarvis__bottom {
  width: 2.5vw;
  height: 0.5vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-2.5vw);
}
.floor-ops .kb-jarvis {
  position: absolute;
  width: 2.5vw;
  height: 0.5vw;
  transform: translateZ(3.4vw);
}
.floor-ops .kb-jarvis__front {
  background-color: #2a2a3a;
}
.floor-ops .kb-jarvis__back {
  background-color: #1a1a2a;
}
.floor-ops .kb-jarvis__right {
  background-color: rgb(16.25, 16.25, 26.25);
}
.floor-ops .kb-jarvis__left {
  background-color: #2a2a3a;
}
.floor-ops .kb-jarvis__top {
  background-color: #1a1a2a;
  background-image: repeating-linear-gradient(to right, rgba(63.42, 63.42, 87.58, 0.3) 0, rgba(63.42, 63.42, 87.58, 0.3) 0.15vw, transparent 0.15vw, transparent 0.3vw);
}
.floor-ops .kb-jarvis__bottom {
  background-color: #111118;
}
.floor-ops .kb-jarvis {
  left: 14vw;
  top: 3.5vw;
}

.floor-ops .kb-skynet__front {
  width: 2.5vw;
  height: 0.1vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(0.4vw);
}
.floor-ops .kb-skynet__back {
  width: 2.5vw;
  height: 0.1vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-2.5vw) translateY(-0.1vw);
}
.floor-ops .kb-skynet__right {
  width: 0.5vw;
  height: 0.1vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(2.5vw) translateX(-0.5vw) translateY(-0.1vw);
}
.floor-ops .kb-skynet__left {
  width: 0.5vw;
  height: 0.1vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.1vw);
}
.floor-ops .kb-skynet__top {
  width: 2.5vw;
  height: 0.5vw;
  transform-origin: top left;
  transform: translateZ(0.1vw);
}
.floor-ops .kb-skynet__bottom {
  width: 2.5vw;
  height: 0.5vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-2.5vw);
}
.floor-ops .kb-skynet {
  position: absolute;
  width: 2.5vw;
  height: 0.5vw;
  transform: translateZ(3.4vw);
}
.floor-ops .kb-skynet__front {
  background-color: #2a2a3a;
}
.floor-ops .kb-skynet__back {
  background-color: #1a1a2a;
}
.floor-ops .kb-skynet__right {
  background-color: rgb(16.25, 16.25, 26.25);
}
.floor-ops .kb-skynet__left {
  background-color: #2a2a3a;
}
.floor-ops .kb-skynet__top {
  background-color: #1a1a2a;
  background-image: repeating-linear-gradient(to right, rgba(63.42, 63.42, 87.58, 0.3) 0, rgba(63.42, 63.42, 87.58, 0.3) 0.15vw, transparent 0.15vw, transparent 0.3vw);
}
.floor-ops .kb-skynet__bottom {
  background-color: #111118;
}
.floor-ops .kb-skynet {
  left: 25vw;
  top: 3.5vw;
}

.floor-ops .mouse-neo__front {
  width: 0.6vw;
  height: 0.15vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(0.65vw);
}
.floor-ops .mouse-neo__back {
  width: 0.6vw;
  height: 0.15vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-0.6vw) translateY(-0.15vw);
}
.floor-ops .mouse-neo__right {
  width: 0.8vw;
  height: 0.15vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.6vw) translateX(-0.8vw) translateY(-0.15vw);
}
.floor-ops .mouse-neo__left {
  width: 0.8vw;
  height: 0.15vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.15vw);
}
.floor-ops .mouse-neo__top {
  width: 0.6vw;
  height: 0.8vw;
  transform-origin: top left;
  transform: translateZ(0.15vw);
}
.floor-ops .mouse-neo__bottom {
  width: 0.6vw;
  height: 0.8vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-0.6vw);
}
.floor-ops .mouse-neo {
  position: absolute;
  width: 0.6vw;
  height: 0.8vw;
  transform: translateZ(3.4vw);
}
.floor-ops .mouse-neo__front {
  background-color: #2a2a3a;
}
.floor-ops .mouse-neo__back {
  background-color: #1a1a2a;
}
.floor-ops .mouse-neo__right {
  background-color: rgb(16.25, 16.25, 26.25);
}
.floor-ops .mouse-neo__left {
  background-color: #2a2a3a;
}
.floor-ops .mouse-neo__top {
  background-image: radial-gradient(rgb(59.136, 59.136, 81.664), #1a1a2a);
}
.floor-ops .mouse-neo__bottom {
  background-color: #111118;
}
.floor-ops .mouse-neo {
  left: 7vw;
  top: 4vw;
}

.floor-ops .mouse-jarvis__front {
  width: 0.6vw;
  height: 0.15vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(0.65vw);
}
.floor-ops .mouse-jarvis__back {
  width: 0.6vw;
  height: 0.15vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-0.6vw) translateY(-0.15vw);
}
.floor-ops .mouse-jarvis__right {
  width: 0.8vw;
  height: 0.15vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.6vw) translateX(-0.8vw) translateY(-0.15vw);
}
.floor-ops .mouse-jarvis__left {
  width: 0.8vw;
  height: 0.15vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.15vw);
}
.floor-ops .mouse-jarvis__top {
  width: 0.6vw;
  height: 0.8vw;
  transform-origin: top left;
  transform: translateZ(0.15vw);
}
.floor-ops .mouse-jarvis__bottom {
  width: 0.6vw;
  height: 0.8vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-0.6vw);
}
.floor-ops .mouse-jarvis {
  position: absolute;
  width: 0.6vw;
  height: 0.8vw;
  transform: translateZ(3.4vw);
}
.floor-ops .mouse-jarvis__front {
  background-color: #2a2a3a;
}
.floor-ops .mouse-jarvis__back {
  background-color: #1a1a2a;
}
.floor-ops .mouse-jarvis__right {
  background-color: rgb(16.25, 16.25, 26.25);
}
.floor-ops .mouse-jarvis__left {
  background-color: #2a2a3a;
}
.floor-ops .mouse-jarvis__top {
  background-image: radial-gradient(rgb(59.136, 59.136, 81.664), #1a1a2a);
}
.floor-ops .mouse-jarvis__bottom {
  background-color: #111118;
}
.floor-ops .mouse-jarvis {
  left: 18vw;
  top: 4vw;
}

.floor-ops .mouse-skynet__front {
  width: 0.6vw;
  height: 0.15vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(0.65vw);
}
.floor-ops .mouse-skynet__back {
  width: 0.6vw;
  height: 0.15vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-0.6vw) translateY(-0.15vw);
}
.floor-ops .mouse-skynet__right {
  width: 0.8vw;
  height: 0.15vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.6vw) translateX(-0.8vw) translateY(-0.15vw);
}
.floor-ops .mouse-skynet__left {
  width: 0.8vw;
  height: 0.15vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.15vw);
}
.floor-ops .mouse-skynet__top {
  width: 0.6vw;
  height: 0.8vw;
  transform-origin: top left;
  transform: translateZ(0.15vw);
}
.floor-ops .mouse-skynet__bottom {
  width: 0.6vw;
  height: 0.8vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-0.6vw);
}
.floor-ops .mouse-skynet {
  position: absolute;
  width: 0.6vw;
  height: 0.8vw;
  transform: translateZ(3.4vw);
}
.floor-ops .mouse-skynet__front {
  background-color: #2a2a3a;
}
.floor-ops .mouse-skynet__back {
  background-color: #1a1a2a;
}
.floor-ops .mouse-skynet__right {
  background-color: rgb(16.25, 16.25, 26.25);
}
.floor-ops .mouse-skynet__left {
  background-color: #2a2a3a;
}
.floor-ops .mouse-skynet__top {
  background-image: radial-gradient(rgb(59.136, 59.136, 81.664), #1a1a2a);
}
.floor-ops .mouse-skynet__bottom {
  background-color: #111118;
}
.floor-ops .mouse-skynet {
  left: 28vw;
  top: 4vw;
}

.floor-ops .mug-neo__front {
  width: 0.6vw;
  height: 0.8vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(-0.2vw);
}
.floor-ops .mug-neo__back {
  width: 0.6vw;
  height: 0.8vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-0.6vw) translateY(-0.8vw);
}
.floor-ops .mug-neo__right {
  width: 0.6vw;
  height: 0.8vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.6vw) translateX(-0.6vw) translateY(-0.8vw);
}
.floor-ops .mug-neo__left {
  width: 0.6vw;
  height: 0.8vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.8vw);
}
.floor-ops .mug-neo__top {
  width: 0.6vw;
  height: 0.6vw;
  transform-origin: top left;
  transform: translateZ(0.8vw);
}
.floor-ops .mug-neo__bottom {
  width: 0.6vw;
  height: 0.6vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-0.6vw);
}
.floor-ops .mug-neo {
  position: absolute;
  width: 0.6vw;
  height: 0.6vw;
  transform: translateZ(3.4vw);
}
.floor-ops .mug-neo__front {
  background-color: #1a1a2a;
}
.floor-ops .mug-neo__back {
  background-color: #111118;
}
.floor-ops .mug-neo__right {
  background-color: rgb(10.4, 10.4, 16.8);
}
.floor-ops .mug-neo__left {
  background-color: #2a2a3a;
}
.floor-ops .mug-neo__bottom {
  background-color: #111118;
}
.floor-ops .mug-neo {
  left: 8.5vw;
  top: 2vw;
}
.floor-ops .mug-neo__top {
  background-color: rgb(16.25, 16.25, 26.25);
}

.floor-ops .mug-jarvis__front {
  width: 0.6vw;
  height: 0.8vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(-0.2vw);
}
.floor-ops .mug-jarvis__back {
  width: 0.6vw;
  height: 0.8vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-0.6vw) translateY(-0.8vw);
}
.floor-ops .mug-jarvis__right {
  width: 0.6vw;
  height: 0.8vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.6vw) translateX(-0.6vw) translateY(-0.8vw);
}
.floor-ops .mug-jarvis__left {
  width: 0.6vw;
  height: 0.8vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.8vw);
}
.floor-ops .mug-jarvis__top {
  width: 0.6vw;
  height: 0.6vw;
  transform-origin: top left;
  transform: translateZ(0.8vw);
}
.floor-ops .mug-jarvis__bottom {
  width: 0.6vw;
  height: 0.6vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-0.6vw);
}
.floor-ops .mug-jarvis {
  position: absolute;
  width: 0.6vw;
  height: 0.6vw;
  transform: translateZ(3.4vw);
}
.floor-ops .mug-jarvis__front {
  background-color: #1a1a2a;
}
.floor-ops .mug-jarvis__back {
  background-color: #111118;
}
.floor-ops .mug-jarvis__right {
  background-color: rgb(10.4, 10.4, 16.8);
}
.floor-ops .mug-jarvis__left {
  background-color: #2a2a3a;
}
.floor-ops .mug-jarvis__bottom {
  background-color: #111118;
}
.floor-ops .mug-jarvis {
  left: 19vw;
  top: 1.5vw;
}
.floor-ops .mug-jarvis__top {
  background-color: #004466;
}
.floor-ops .mug-jarvis::after {
  content: "";
  position: absolute;
  width: 200%;
  height: 200%;
  top: -50%;
  left: -50%;
  border-radius: 50%;
  background-image: radial-gradient(rgba(0, 170, 255, 0.15), transparent 60%);
  filter: blur(0.2vw);
}

.floor-ops .mug-skynet__front {
  width: 0.6vw;
  height: 0.8vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(-0.2vw);
}
.floor-ops .mug-skynet__back {
  width: 0.6vw;
  height: 0.8vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-0.6vw) translateY(-0.8vw);
}
.floor-ops .mug-skynet__right {
  width: 0.6vw;
  height: 0.8vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.6vw) translateX(-0.6vw) translateY(-0.8vw);
}
.floor-ops .mug-skynet__left {
  width: 0.6vw;
  height: 0.8vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.8vw);
}
.floor-ops .mug-skynet__top {
  width: 0.6vw;
  height: 0.6vw;
  transform-origin: top left;
  transform: translateZ(0.8vw);
}
.floor-ops .mug-skynet__bottom {
  width: 0.6vw;
  height: 0.6vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-0.6vw);
}
.floor-ops .mug-skynet {
  position: absolute;
  width: 0.6vw;
  height: 0.6vw;
  transform: translateZ(3.4vw);
}
.floor-ops .mug-skynet__front {
  background-color: #1a1a2a;
}
.floor-ops .mug-skynet__back {
  background-color: #111118;
}
.floor-ops .mug-skynet__right {
  background-color: rgb(10.4, 10.4, 16.8);
}
.floor-ops .mug-skynet__left {
  background-color: #2a2a3a;
}
.floor-ops .mug-skynet__bottom {
  background-color: #111118;
}
.floor-ops .mug-skynet {
  left: 29.5vw;
  top: 2vw;
}
.floor-ops .mug-skynet__top {
  background-color: #860000;
}

.floor-ops .headphones__front {
  width: 1.2vw;
  height: 0.15vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(0.85vw);
}
.floor-ops .headphones__back {
  width: 1.2vw;
  height: 0.15vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-1.2vw) translateY(-0.15vw);
}
.floor-ops .headphones__right {
  width: 1vw;
  height: 0.15vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(1.2vw) translateX(-1vw) translateY(-0.15vw);
}
.floor-ops .headphones__left {
  width: 1vw;
  height: 0.15vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.15vw);
}
.floor-ops .headphones__top {
  width: 1.2vw;
  height: 1vw;
  transform-origin: top left;
  transform: translateZ(0.15vw);
}
.floor-ops .headphones__bottom {
  width: 1.2vw;
  height: 1vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-1.2vw);
}
.floor-ops .headphones {
  position: absolute;
  left: 2.5vw;
  top: 2vw;
  width: 1.2vw;
  height: 1vw;
  transform: translateZ(3.4vw);
}
.floor-ops .headphones__front {
  background-color: #2a2a3a;
}
.floor-ops .headphones__back {
  background-color: #1a1a2a;
}
.floor-ops .headphones__right {
  background-color: rgb(16.25, 16.25, 26.25);
}
.floor-ops .headphones__left {
  background-color: #2a2a3a;
}
.floor-ops .headphones__top {
  background-image: linear-gradient(to right, #2a2a3a, rgb(31.29, 31.29, 43.21));
}
.floor-ops .headphones__bottom {
  background-color: #111118;
}

.floor-ops .starkpad__front {
  width: 1.5vw;
  height: 0.08vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(1.92vw);
}
.floor-ops .starkpad__back {
  width: 1.5vw;
  height: 0.08vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-1.5vw) translateY(-0.08vw);
}
.floor-ops .starkpad__right {
  width: 2vw;
  height: 0.08vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(1.5vw) translateX(-2vw) translateY(-0.08vw);
}
.floor-ops .starkpad__left {
  width: 2vw;
  height: 0.08vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.08vw);
}
.floor-ops .starkpad__top {
  width: 1.5vw;
  height: 2vw;
  transform-origin: top left;
  transform: translateZ(0.08vw);
}
.floor-ops .starkpad__bottom {
  width: 1.5vw;
  height: 2vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-1.5vw);
}
.floor-ops .starkpad {
  position: absolute;
  left: 12vw;
  top: 2vw;
  width: 1.5vw;
  height: 2vw;
  transform: translateZ(3.4vw) rotateZ(12deg);
}
.floor-ops .starkpad__front {
  background-color: #2a2a3a;
}
.floor-ops .starkpad__back {
  background-color: #1a1a2a;
}
.floor-ops .starkpad__right {
  background-color: #1a1a2a;
}
.floor-ops .starkpad__left {
  background-color: #2a2a3a;
}
.floor-ops .starkpad__top {
  background-color: #004466;
  border: 0.1vw solid rgba(0, 170, 255, 0.2);
  box-shadow: 0 0 0.3vw rgba(0, 170, 255, 0.25);
}
.floor-ops .starkpad__bottom {
  background-color: #111118;
}

.floor-ops .skull__front {
  width: 0.5vw;
  height: 0.6vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(0vw);
}
.floor-ops .skull__back {
  width: 0.5vw;
  height: 0.6vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-0.5vw) translateY(-0.6vw);
}
.floor-ops .skull__right {
  width: 0.6vw;
  height: 0.6vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.5vw) translateX(-0.6vw) translateY(-0.6vw);
}
.floor-ops .skull__left {
  width: 0.6vw;
  height: 0.6vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.6vw);
}
.floor-ops .skull__top {
  width: 0.5vw;
  height: 0.6vw;
  transform-origin: top left;
  transform: translateZ(0.6vw);
}
.floor-ops .skull__bottom {
  width: 0.5vw;
  height: 0.6vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-0.5vw);
}
.floor-ops .skull {
  position: absolute;
  left: 23.5vw;
  top: 2vw;
  width: 0.5vw;
  height: 0.6vw;
  transform: translateZ(3.4vw);
}
.floor-ops .skull__front {
  background-color: rgb(63.42, 63.42, 87.58);
}
.floor-ops .skull__back {
  background-color: #1a1a2a;
}
.floor-ops .skull__right {
  background-color: rgb(52.71, 52.71, 72.79);
}
.floor-ops .skull__right::before {
  content: "";
  position: absolute;
  top: 25%;
  left: 30%;
  width: 0.1vw;
  height: 0.1vw;
  border-radius: 50%;
  background-color: #ff2020;
  box-shadow: 0 0 0.15vw #ff2020;
}
.floor-ops .skull__left {
  background-color: rgb(59.136, 59.136, 81.664);
}
.floor-ops .skull__top {
  background-color: rgb(67.704, 67.704, 93.496);
}
.floor-ops .skull__bottom {
  background-color: #111118;
}

.floor-ops .holo-c {
  position: absolute;
  left: 15.5vw;
  top: 3vw;
  width: 1.8vw;
  height: 1.8vw;
  animation: holo-pulse-ops 3s ease infinite;
}
.floor-ops .holo-c::before {
  content: "";
  position: absolute;
  width: 300%;
  height: 300%;
  top: -100%;
  left: -100%;
  border-radius: 50%;
  background-image: radial-gradient(rgba(0, 170, 255, 0.2), transparent 50%);
  filter: blur(0.4vw);
}

.floor-ops .holo__front {
  width: 1.8vw;
  height: 0.9vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(0.9vw);
}
.floor-ops .holo__back {
  width: 1.8vw;
  height: 0.9vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-1.8vw) translateY(-0.9vw);
}
.floor-ops .holo__right {
  width: 1.8vw;
  height: 0.9vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(1.8vw) translateX(-1.8vw) translateY(-0.9vw);
}
.floor-ops .holo__left {
  width: 1.8vw;
  height: 0.9vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.9vw);
}
.floor-ops .holo__top {
  width: 1.8vw;
  height: 1.8vw;
  transform-origin: top left;
  transform: translateZ(0.9vw);
}
.floor-ops .holo__bottom {
  width: 1.8vw;
  height: 1.8vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-1.8vw);
}
.floor-ops .holo {
  position: absolute;
  left: 0;
  top: 0;
  width: 1.8vw;
  height: 1.8vw;
}
.floor-ops .holo__front {
  background-color: rgba(0, 170, 255, 0.08);
  border: 0.05vw solid rgba(0, 170, 255, 0.3);
}
.floor-ops .holo__back {
  background-color: rgba(0, 170, 255, 0.06);
  border: 0.05vw solid rgba(0, 170, 255, 0.2);
}
.floor-ops .holo__right {
  background-color: rgba(0, 170, 255, 0.08);
  border: 0.05vw solid rgba(0, 170, 255, 0.3);
}
.floor-ops .holo__left {
  background-color: rgba(0, 170, 255, 0.06);
  border: 0.05vw solid rgba(0, 170, 255, 0.2);
}
.floor-ops .holo__top {
  background-color: rgba(0, 170, 255, 0.1);
  border: 0.05vw solid rgba(0, 170, 255, 0.35);
}
.floor-ops .holo__bottom {
  background-color: rgba(0, 170, 255, 0.05);
  border: 0.05vw solid rgba(0, 170, 255, 0.15);
}

.floor-ops .holo-wire {
  position: absolute;
  border: 0.03vw solid rgba(0, 170, 255, 0.4);
}
.floor-ops .holo-wire:nth-of-type(1) {
  width: 1.2vw;
  height: 0.8vw;
  top: 0.5vw;
  left: 0.3vw;
  transform: translateZ(0.45vw) rotateX(20deg);
}
.floor-ops .holo-wire:nth-of-type(2) {
  width: 0.8vw;
  height: 1.2vw;
  top: 0.3vw;
  left: 0.5vw;
  transform: translateZ(0.45vw) rotateY(30deg);
}
.floor-ops .holo-wire:nth-of-type(3) {
  width: 1vw;
  height: 1vw;
  top: 0.4vw;
  left: 0.4vw;
  transform: translateZ(0.45vw) rotateZ(45deg);
  border-radius: 50%;
}

.floor-ops .postit1__front {
  width: 0.5vw;
  height: 0.5vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(-0.4vw);
}
.floor-ops .postit1__back {
  width: 0.5vw;
  height: 0.5vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-0.5vw) translateY(-0.5vw);
}
.floor-ops .postit1__right {
  width: 0.1vw;
  height: 0.5vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.5vw) translateX(-0.1vw) translateY(-0.5vw);
}
.floor-ops .postit1__left {
  width: 0.1vw;
  height: 0.5vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.5vw);
}
.floor-ops .postit1__top {
  width: 0.5vw;
  height: 0.1vw;
  transform-origin: top left;
  transform: translateZ(0.5vw);
}
.floor-ops .postit1__bottom {
  width: 0.5vw;
  height: 0.1vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-0.5vw);
}
.floor-ops .postit1 {
  position: absolute;
  width: 0.5vw;
  height: 0.1vw;
  transform: translateZ(10vw);
}
.floor-ops .postit1__front {
  background-color: rgba(0, 170, 255, 0.2);
  box-shadow: 0 0 0.3vw rgba(0, 170, 255, 0.4);
}
.floor-ops .postit1__back {
  background-color: rgba(0, 170, 255, 0.05);
}
.floor-ops .postit1__right {
  background-color: rgba(0, 170, 255, 0.15);
}
.floor-ops .postit1__left {
  background-color: rgba(0, 170, 255, 0.1);
}
.floor-ops .postit1__top {
  background-color: rgba(0, 170, 255, 0.25);
}
.floor-ops .postit1__bottom {
  background-color: rgba(0, 170, 255, 0.05);
}
.floor-ops .postit1 {
  left: 14vw;
  top: 0.5vw;
}

.floor-ops .postit2__front {
  width: 0.5vw;
  height: 0.5vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(-0.4vw);
}
.floor-ops .postit2__back {
  width: 0.5vw;
  height: 0.5vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-0.5vw) translateY(-0.5vw);
}
.floor-ops .postit2__right {
  width: 0.1vw;
  height: 0.5vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.5vw) translateX(-0.1vw) translateY(-0.5vw);
}
.floor-ops .postit2__left {
  width: 0.1vw;
  height: 0.5vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.5vw);
}
.floor-ops .postit2__top {
  width: 0.5vw;
  height: 0.1vw;
  transform-origin: top left;
  transform: translateZ(0.5vw);
}
.floor-ops .postit2__bottom {
  width: 0.5vw;
  height: 0.1vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-0.5vw);
}
.floor-ops .postit2 {
  position: absolute;
  width: 0.5vw;
  height: 0.1vw;
  transform: translateZ(10vw);
}
.floor-ops .postit2__front {
  background-color: rgba(0, 170, 255, 0.2);
  box-shadow: 0 0 0.3vw rgba(0, 170, 255, 0.4);
}
.floor-ops .postit2__back {
  background-color: rgba(0, 170, 255, 0.05);
}
.floor-ops .postit2__right {
  background-color: rgba(0, 170, 255, 0.15);
}
.floor-ops .postit2__left {
  background-color: rgba(0, 170, 255, 0.1);
}
.floor-ops .postit2__top {
  background-color: rgba(0, 170, 255, 0.25);
}
.floor-ops .postit2__bottom {
  background-color: rgba(0, 170, 255, 0.05);
}
.floor-ops .postit2 {
  left: 15.2vw;
  top: 0.3vw;
}

.floor-ops .postit3__front {
  width: 0.5vw;
  height: 0.5vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(-0.4vw);
}
.floor-ops .postit3__back {
  width: 0.5vw;
  height: 0.5vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-0.5vw) translateY(-0.5vw);
}
.floor-ops .postit3__right {
  width: 0.1vw;
  height: 0.5vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.5vw) translateX(-0.1vw) translateY(-0.5vw);
}
.floor-ops .postit3__left {
  width: 0.1vw;
  height: 0.5vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.5vw);
}
.floor-ops .postit3__top {
  width: 0.5vw;
  height: 0.1vw;
  transform-origin: top left;
  transform: translateZ(0.5vw);
}
.floor-ops .postit3__bottom {
  width: 0.5vw;
  height: 0.1vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-0.5vw);
}
.floor-ops .postit3 {
  position: absolute;
  width: 0.5vw;
  height: 0.1vw;
  transform: translateZ(10vw);
}
.floor-ops .postit3__front {
  background-color: rgba(0, 170, 255, 0.2);
  box-shadow: 0 0 0.3vw rgba(0, 170, 255, 0.4);
}
.floor-ops .postit3__back {
  background-color: rgba(0, 170, 255, 0.05);
}
.floor-ops .postit3__right {
  background-color: rgba(0, 170, 255, 0.15);
}
.floor-ops .postit3__left {
  background-color: rgba(0, 170, 255, 0.1);
}
.floor-ops .postit3__top {
  background-color: rgba(0, 170, 255, 0.25);
}
.floor-ops .postit3__bottom {
  background-color: rgba(0, 170, 255, 0.05);
}
.floor-ops .postit3 {
  left: 16.4vw;
  top: 0.6vw;
}

.floor-ops .rack-right-2, .floor-ops .rack-right-1, .floor-ops .rack-left-2, .floor-ops .rack-left-1 {
  position: absolute;
  width: 1.2vw;
  transform: translateZ(0.5vw);
}
.floor-ops .rack-right-2::before, .floor-ops .rack-right-1::before, .floor-ops .rack-left-2::before, .floor-ops .rack-left-1::before {
  content: "";
  position: absolute;
  top: -5%;
  left: -10%;
  width: 120%;
  height: 110%;
  background-color: rgba(17, 17, 24, 0.85);
  filter: blur(0.5vw);
}

.floor-ops .rack__front {
  width: 1.2vw;
  height: 8vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(-6vw);
}
.floor-ops .rack__back {
  width: 1.2vw;
  height: 8vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-1.2vw) translateY(-8vw);
}
.floor-ops .rack__right {
  width: 2vw;
  height: 8vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(1.2vw) translateX(-2vw) translateY(-8vw);
}
.floor-ops .rack__left {
  width: 2vw;
  height: 8vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-8vw);
}
.floor-ops .rack__top {
  width: 1.2vw;
  height: 2vw;
  transform-origin: top left;
  transform: translateZ(8vw);
}
.floor-ops .rack__bottom {
  width: 1.2vw;
  height: 2vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-1.2vw);
}
.floor-ops .rack {
  position: absolute;
  left: 0;
  top: 0;
  width: 1.2vw;
  height: 2vw;
}
.floor-ops .rack__front {
  background-image: linear-gradient(to bottom, #2a2a3a, #1a1a2a);
}
.floor-ops .rack__back {
  background-color: #111118;
}
.floor-ops .rack__left {
  background-color: #2a2a3a;
}
.floor-ops .rack__top {
  background-color: rgb(52.71, 52.71, 72.79);
}
.floor-ops .rack__bottom {
  background-color: #111118;
}

.floor-ops .rack-unit__front {
  width: 1vw;
  height: 1.5vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(0.1vw);
}
.floor-ops .rack-unit__back {
  width: 1vw;
  height: 1.5vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-1vw) translateY(-1.5vw);
}
.floor-ops .rack-unit__right {
  width: 1.6vw;
  height: 1.5vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(1vw) translateX(-1.6vw) translateY(-1.5vw);
}
.floor-ops .rack-unit__left {
  width: 1.6vw;
  height: 1.5vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-1.5vw);
}
.floor-ops .rack-unit__top {
  width: 1vw;
  height: 1.6vw;
  transform-origin: top left;
  transform: translateZ(1.5vw);
}
.floor-ops .rack-unit__bottom {
  width: 1vw;
  height: 1.6vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-1vw);
}
.floor-ops .rack-unit {
  position: absolute;
  left: 0.1vw;
  width: 1vw;
  height: 1.6vw;
}
.floor-ops .rack-unit__front {
  background-color: #2a2a3a;
}
.floor-ops .rack-unit__back {
  background-color: #111118;
}
.floor-ops .rack-unit__left {
  background-color: rgb(48.426, 48.426, 66.874);
}
.floor-ops .rack-unit__top {
  background-color: rgb(52.71, 52.71, 72.79);
}
.floor-ops .rack-unit__bottom {
  background-color: #111118;
}

.floor-ops .rack-left-1 {
  left: 1.5vw;
  top: 10vw;
  height: 8vw;
}
.floor-ops .rack-left-1 .rack__right {
  background-image: linear-gradient(to bottom, #1a1a2a, rgb(6.5, 6.5, 10.5));
}
.floor-ops .rack-left-1 .rack-unit__right {
  background-color: rgb(16.25, 16.25, 26.25);
}
.floor-ops .rack-left-1 .rack-unit__right::before {
  content: "";
  position: absolute;
  top: 18%;
  right: 0.15vw;
  width: 0.08vw;
  height: 0.08vw;
  border-radius: 50%;
  background-color: #00ff88;
  box-shadow: 0 0 0.12vw #00ff88;
  animation: led-chase-ops 1.5s ease infinite;
}
.floor-ops .rack-left-1 .rack-unit__right::after {
  content: "";
  position: absolute;
  top: 55%;
  right: 0.15vw;
  width: 0.06vw;
  height: 0.06vw;
  border-radius: 50%;
  background-color: #00aaff;
  box-shadow: 0 0 0.1vw #00aaff;
  animation: led-chase-ops 2.2s ease infinite 0.5s;
}
.floor-ops .rack-left-1 .rack-unit:nth-of-type(1) {
  top: 0.3vw;
}
.floor-ops .rack-left-1 .rack-unit:nth-of-type(2) {
  top: 2.1vw;
}
.floor-ops .rack-left-1 .rack-unit:nth-of-type(2) .rack-unit__right::before {
  animation-delay: 0.3s;
}
.floor-ops .rack-left-1 .rack-unit:nth-of-type(2) .rack-unit__right::after {
  animation-delay: 0.8s;
}
.floor-ops .rack-left-1 .rack-unit:nth-of-type(3) {
  top: 3.9vw;
}
.floor-ops .rack-left-1 .rack-unit:nth-of-type(3) .rack-unit__right::before {
  animation-delay: 0.6s;
}
.floor-ops .rack-left-1 .rack-unit:nth-of-type(3) .rack-unit__right::after {
  animation-delay: 1.1s;
}
.floor-ops .rack-left-1 .rack-unit:nth-of-type(4) {
  top: 5.7vw;
}
.floor-ops .rack-left-1 .rack-unit:nth-of-type(4) .rack-unit__right::before {
  animation-delay: 0.9s;
}
.floor-ops .rack-left-1 .rack-unit:nth-of-type(4) .rack-unit__right::after {
  animation-delay: 1.4s;
}

.floor-ops .rack-left-2 {
  left: 3vw;
  top: 10vw;
  height: 8vw;
}
.floor-ops .rack-left-2 .rack__right {
  background-image: linear-gradient(to bottom, #1a1a2a, rgb(6.5, 6.5, 10.5));
}
.floor-ops .rack-left-2 .rack-unit__right {
  background-color: rgb(16.25, 16.25, 26.25);
}
.floor-ops .rack-left-2 .rack-unit__right::before {
  content: "";
  position: absolute;
  top: 18%;
  right: 0.15vw;
  width: 0.08vw;
  height: 0.08vw;
  border-radius: 50%;
  background-color: #00ff88;
  box-shadow: 0 0 0.12vw #00ff88;
  animation: led-chase-ops 1.8s ease infinite 0.2s;
}
.floor-ops .rack-left-2 .rack-unit__right::after {
  content: "";
  position: absolute;
  top: 55%;
  right: 0.15vw;
  width: 0.06vw;
  height: 0.06vw;
  border-radius: 50%;
  background-color: #00cc6a;
  box-shadow: 0 0 0.08vw #00cc6a;
  animation: led-chase-ops 2.5s ease infinite 0.7s;
}
.floor-ops .rack-left-2 .rack-unit:nth-of-type(1) {
  top: 0.3vw;
}
.floor-ops .rack-left-2 .rack-unit:nth-of-type(2) {
  top: 2.1vw;
}
.floor-ops .rack-left-2 .rack-unit:nth-of-type(2) .rack-unit__right::before {
  animation-delay: 0.5s;
}
.floor-ops .rack-left-2 .rack-unit:nth-of-type(2) .rack-unit__right::after {
  animation-delay: 1s;
}
.floor-ops .rack-left-2 .rack-unit:nth-of-type(3) {
  top: 3.9vw;
}
.floor-ops .rack-left-2 .rack-unit:nth-of-type(3) .rack-unit__right::before {
  animation-delay: 0.8s;
}
.floor-ops .rack-left-2 .rack-unit:nth-of-type(3) .rack-unit__right::after {
  animation-delay: 1.3s;
}
.floor-ops .rack-left-2 .rack-unit:nth-of-type(4) {
  top: 5.7vw;
}
.floor-ops .rack-left-2 .rack-unit:nth-of-type(4) .rack-unit__right::before {
  animation-delay: 1.1s;
}
.floor-ops .rack-left-2 .rack-unit:nth-of-type(4) .rack-unit__right::after {
  animation-delay: 1.6s;
}

.floor-ops .rack-right-1 {
  left: 28vw;
  top: 10vw;
  height: 8vw;
}
.floor-ops .rack-right-1 .rack__right {
  background-image: linear-gradient(to bottom, #1a1a2a, rgb(6.5, 6.5, 10.5));
}
.floor-ops .rack-right-1 .rack-unit__right {
  background-color: rgb(16.25, 16.25, 26.25);
}
.floor-ops .rack-right-1 .rack-unit__right::before {
  content: "";
  position: absolute;
  top: 18%;
  right: 0.15vw;
  width: 0.08vw;
  height: 0.08vw;
  border-radius: 50%;
  background-color: #ff2020;
  box-shadow: 0 0 0.12vw #ff2020;
  animation: led-chase-ops 1.5s ease infinite;
}
.floor-ops .rack-right-1 .rack-unit__right::after {
  content: "";
  position: absolute;
  top: 55%;
  right: 0.15vw;
  width: 0.06vw;
  height: 0.06vw;
  border-radius: 50%;
  background-color: #ff6600;
  box-shadow: 0 0 0.1vw #ff6600;
  animation: led-chase-ops 2s ease infinite 0.4s;
}
.floor-ops .rack-right-1 .rack-unit:nth-of-type(1) {
  top: 0.3vw;
}
.floor-ops .rack-right-1 .rack-unit:nth-of-type(2) {
  top: 2.1vw;
}
.floor-ops .rack-right-1 .rack-unit:nth-of-type(2) .rack-unit__right::before {
  animation-delay: 0.4s;
}
.floor-ops .rack-right-1 .rack-unit:nth-of-type(2) .rack-unit__right::after {
  animation-delay: 0.9s;
}
.floor-ops .rack-right-1 .rack-unit:nth-of-type(3) {
  top: 3.9vw;
}
.floor-ops .rack-right-1 .rack-unit:nth-of-type(3) .rack-unit__right::before {
  animation-delay: 0.8s;
}
.floor-ops .rack-right-1 .rack-unit:nth-of-type(3) .rack-unit__right::after {
  animation-delay: 1.3s;
}
.floor-ops .rack-right-1 .rack-unit:nth-of-type(4) {
  top: 5.7vw;
}
.floor-ops .rack-right-1 .rack-unit:nth-of-type(4) .rack-unit__right::before {
  animation-delay: 1.2s;
}
.floor-ops .rack-right-1 .rack-unit:nth-of-type(4) .rack-unit__right::after {
  animation-delay: 1.7s;
}

.floor-ops .rack-right-2 {
  left: 29.5vw;
  top: 10vw;
  height: 8vw;
}
.floor-ops .rack-right-2 .rack__right {
  background-image: linear-gradient(to bottom, #1a1a2a, rgb(6.5, 6.5, 10.5));
}
.floor-ops .rack-right-2 .rack-unit__right {
  background-color: rgb(16.25, 16.25, 26.25);
}
.floor-ops .rack-right-2 .rack-unit__right::before {
  content: "";
  position: absolute;
  top: 18%;
  right: 0.15vw;
  width: 0.08vw;
  height: 0.08vw;
  border-radius: 50%;
  background-color: #ff2020;
  box-shadow: 0 0 0.12vw #ff2020;
  animation: led-chase-ops 1.3s ease infinite 0.1s;
}
.floor-ops .rack-right-2 .rack-unit__right::after {
  content: "";
  position: absolute;
  top: 55%;
  right: 0.15vw;
  width: 0.06vw;
  height: 0.06vw;
  border-radius: 50%;
  background-color: #880000;
  box-shadow: 0 0 0.08vw #880000;
  animation: led-chase-ops 2.8s ease infinite 0.6s;
}
.floor-ops .rack-right-2 .rack-unit:nth-of-type(1) {
  top: 0.3vw;
}
.floor-ops .rack-right-2 .rack-unit:nth-of-type(2) {
  top: 2.1vw;
}
.floor-ops .rack-right-2 .rack-unit:nth-of-type(2) .rack-unit__right::before {
  animation-delay: 0.3s;
}
.floor-ops .rack-right-2 .rack-unit:nth-of-type(2) .rack-unit__right::after {
  animation-delay: 0.9s;
}
.floor-ops .rack-right-2 .rack-unit:nth-of-type(3) {
  top: 3.9vw;
}
.floor-ops .rack-right-2 .rack-unit:nth-of-type(3) .rack-unit__right::before {
  animation-delay: 0.6s;
}
.floor-ops .rack-right-2 .rack-unit:nth-of-type(3) .rack-unit__right::after {
  animation-delay: 1.2s;
}
.floor-ops .rack-right-2 .rack-unit:nth-of-type(4) {
  top: 5.7vw;
}
.floor-ops .rack-right-2 .rack-unit:nth-of-type(4) .rack-unit__right::before {
  animation-delay: 0.9s;
}
.floor-ops .rack-right-2 .rack-unit:nth-of-type(4) .rack-unit__right::after {
  animation-delay: 1.5s;
}

.floor-ops .mural__front {
  width: 16vw;
  height: 6.4vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(-6.1vw);
}
.floor-ops .mural__back {
  width: 16vw;
  height: 6.4vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-16vw) translateY(-6.4vw);
}
.floor-ops .mural__right {
  width: 0.3vw;
  height: 6.4vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(16vw) translateX(-0.3vw) translateY(-6.4vw);
}
.floor-ops .mural__left {
  width: 0.3vw;
  height: 6.4vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-6.4vw);
}
.floor-ops .mural__top {
  width: 16vw;
  height: 0.3vw;
  transform-origin: top left;
  transform: translateZ(6.4vw);
}
.floor-ops .mural__bottom {
  width: 16vw;
  height: 0.3vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-16vw);
}
.floor-ops .mural {
  position: absolute;
  left: 1vw;
  top: 22vw;
  width: 16vw;
  height: 0.3vw;
  transform-origin: 0 0;
  transform: translateZ(6vw) rotateZ(-90deg);
}
.floor-ops .mural__front {
  background-color: black;
  border: 0.08vw solid rgb(16.25, 16.25, 26.25);
  box-shadow: 0.3vw 0.3vw 0.6vw rgba(0, 170, 255, 0.3), -0.3vw 0.3vw 0.6vw rgba(0, 170, 255, 0.3), -0.3vw -0.3vw 0.6vw rgba(0, 170, 255, 0.3), 0.3vw -0.3vw 0.6vw rgba(0, 170, 255, 0.3);
}
.floor-ops .mural__back {
  background-color: #111118;
}
.floor-ops .mural__back::before {
  content: "";
  position: absolute;
  width: 120%;
  height: 200%;
  left: -10%;
  top: -50%;
  border-radius: 50%;
  background-image: radial-gradient(rgba(0, 170, 255, 0.15), transparent 60%);
  filter: blur(1vw);
}
.floor-ops .mural__right {
  background-color: rgb(6.5, 6.5, 10.5);
}
.floor-ops .mural__left {
  background-color: #2a2a3a;
}
.floor-ops .mural__top {
  background-color: #1a1a2a;
}
.floor-ops .mural__bottom {
  background-color: #111118;
}

.floor-ops .shelf__front {
  width: 10vw;
  height: 0.2vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(1vw);
}
.floor-ops .shelf__back {
  width: 10vw;
  height: 0.2vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-10vw) translateY(-0.2vw);
}
.floor-ops .shelf__right {
  width: 1.2vw;
  height: 0.2vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(10vw) translateX(-1.2vw) translateY(-0.2vw);
}
.floor-ops .shelf__left {
  width: 1.2vw;
  height: 0.2vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.2vw);
}
.floor-ops .shelf__top {
  width: 10vw;
  height: 1.2vw;
  transform-origin: top left;
  transform: translateZ(0.2vw);
}
.floor-ops .shelf__bottom {
  width: 10vw;
  height: 1.2vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-10vw);
}
.floor-ops .shelf {
  position: absolute;
  left: 11vw;
  top: 1vw;
  width: 10vw;
  height: 1.2vw;
  transform: translateZ(15.5vw);
}
.floor-ops .shelf__front {
  background-color: rgb(32.3636363636, 48.5454545455, 74.4363636364);
}
.floor-ops .shelf__back {
  background-color: rgb(12.2727272727, 18.4090909091, 28.2272727273);
}
.floor-ops .shelf__back::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3vw;
  border-radius: 50%;
  background-image: radial-gradient(rgba(0, 170, 255, 0.3), transparent 70%);
  filter: blur(0.8vw);
}
.floor-ops .shelf__right {
  background-color: rgb(12.2727272727, 18.4090909091, 28.2272727273);
}
.floor-ops .shelf__left {
  background-color: rgb(32.3636363636, 48.5454545455, 74.4363636364);
}
.floor-ops .shelf__top {
  background-color: rgb(38.5454545455, 57.8181818182, 88.6545454545);
}
.floor-ops .shelf__top::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to bottom, rgba(0, 170, 255, 0.15), transparent);
}
.floor-ops .shelf__bottom {
  background-color: rgb(12.2727272727, 18.4090909091, 28.2272727273);
}
.floor-ops .shelf__bottom::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to bottom, rgba(0, 170, 255, 0.1), transparent);
}

.floor-ops .books {
  position: absolute;
}

.floor-ops .book__front {
  width: 0.4vw;
  height: 1.2vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(-0.4vw);
}
.floor-ops .book__back {
  width: 0.4vw;
  height: 1.2vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-0.4vw) translateY(-1.2vw);
}
.floor-ops .book__right {
  width: 0.8vw;
  height: 1.2vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.4vw) translateX(-0.8vw) translateY(-1.2vw);
}
.floor-ops .book__left {
  width: 0.8vw;
  height: 1.2vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-1.2vw);
}
.floor-ops .book__top {
  width: 0.4vw;
  height: 0.8vw;
  transform-origin: top left;
  transform: translateZ(1.2vw);
}
.floor-ops .book__bottom {
  width: 0.4vw;
  height: 0.8vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-0.4vw);
}
.floor-ops .book {
  position: absolute;
  top: 1vw;
  width: 0.4vw;
  height: 0.8vw;
  transform: translateZ(15.7vw);
}
.floor-ops .book__front {
  background-image: linear-gradient(to bottom, rgb(32.3636363636, 48.5454545455, 74.4363636364), #141e2e);
}
.floor-ops .book__front::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to bottom, rgba(0, 170, 255, 0.3), transparent);
}
.floor-ops .book__back {
  background-color: rgb(38.5454545455, 57.8181818182, 88.6545454545);
}
.floor-ops .book__right {
  background-color: rgb(9.1818181818, 13.7727272727, 21.1181818182);
}
.floor-ops .book__right::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to bottom, rgba(0, 170, 255, 0.5), rgba(0, 136, 204, 0.2));
}
.floor-ops .book__left {
  background-color: rgb(32.3636363636, 48.5454545455, 74.4363636364);
}
.floor-ops .book__top {
  background-color: rgb(32.3636363636, 48.5454545455, 74.4363636364);
}
.floor-ops .book__top::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to bottom, rgba(0, 170, 255, 0.5), rgba(0, 136, 204, 0.2));
}
.floor-ops .book__bottom {
  background-color: rgb(9.1818181818, 13.7727272727, 21.1181818182);
}
.floor-ops .book:nth-of-type(1) {
  left: 12vw;
  transform-origin: left;
  transform: translateZ(13.2vw) rotateZ(-8deg);
}
.floor-ops .book:nth-of-type(2) {
  left: 12.8vw;
  transform: translateZ(13.2vw) rotateZ(2deg);
}
.floor-ops .book:nth-of-type(3) {
  left: 13.5vw;
  transform: translateZ(13.2vw) rotateZ(5deg);
}
.floor-ops .book:nth-of-type(4) {
  left: 14.5vw;
  transform-origin: left;
  transform: translateZ(13.2vw) rotateZ(8deg);
}
.floor-ops .book:nth-of-type(5) {
  left: 15.3vw;
  transform-origin: left;
  transform: translateZ(13.2vw) rotateZ(10deg);
}
.floor-ops .book:nth-of-type(6) {
  left: 16.5vw;
  transform-origin: left;
  transform: translateZ(13.2vw) rotateY(-90deg);
}

.floor-ops .plant {
  position: absolute;
  left: 18.5vw;
  top: 1vw;
  transform: translateZ(15.7vw);
}

.floor-ops .pot__front {
  width: 0.6vw;
  height: 0.5vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(0.1vw);
}
.floor-ops .pot__back {
  width: 0.6vw;
  height: 0.5vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-0.6vw) translateY(-0.5vw);
}
.floor-ops .pot__right {
  width: 0.6vw;
  height: 0.5vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.6vw) translateX(-0.6vw) translateY(-0.5vw);
}
.floor-ops .pot__left {
  width: 0.6vw;
  height: 0.5vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.5vw);
}
.floor-ops .pot__top {
  width: 0.6vw;
  height: 0.6vw;
  transform-origin: top left;
  transform: translateZ(0.5vw);
}
.floor-ops .pot__bottom {
  width: 0.6vw;
  height: 0.6vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-0.6vw);
}
.floor-ops .pot {
  position: absolute;
  left: 0;
  top: 0;
  width: 0.6vw;
  height: 0.6vw;
}
.floor-ops .pot__front {
  background-color: #6b4226;
}
.floor-ops .pot__back {
  background-color: #4a2e1a;
}
.floor-ops .pot__right {
  background-color: #5a3620;
}
.floor-ops .pot__left {
  background-color: #7a4c30;
}
.floor-ops .pot__top {
  background-color: #3a2a1a;
}
.floor-ops .pot__bottom {
  background-color: #3a1f12;
}

.floor-ops .leaf {
  position: absolute;
  width: 0.4vw;
  height: 0.6vw;
  border-radius: 0 80% 0 80%;
}
.floor-ops .leaf:nth-of-type(1) {
  left: 0;
  top: -0.3vw;
  background-color: rgba(0, 255, 136, 0.6);
  transform: translateZ(0.5vw) rotateZ(-20deg);
}
.floor-ops .leaf:nth-of-type(2) {
  left: 0.2vw;
  top: -0.5vw;
  background-color: rgba(0, 255, 136, 0.5);
  transform: translateZ(0.6vw) rotateZ(15deg);
}
.floor-ops .leaf:nth-of-type(3) {
  left: -0.1vw;
  top: -0.4vw;
  background-color: rgba(0, 255, 136, 0.7);
  transform: translateZ(0.4vw) rotateZ(-40deg);
}

.floor-ops .clock__front {
  width: 0.15vw;
  height: 1.5vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(0vw);
}
.floor-ops .clock__back {
  width: 0.15vw;
  height: 1.5vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-0.15vw) translateY(-1.5vw);
}
.floor-ops .clock__right {
  width: 1.5vw;
  height: 1.5vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.15vw) translateX(-1.5vw) translateY(-1.5vw);
}
.floor-ops .clock__left {
  width: 1.5vw;
  height: 1.5vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-1.5vw);
}
.floor-ops .clock__top {
  width: 0.15vw;
  height: 1.5vw;
  transform-origin: top left;
  transform: translateZ(1.5vw);
}
.floor-ops .clock__bottom {
  width: 0.15vw;
  height: 1.5vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-0.15vw);
}
.floor-ops .clock {
  position: absolute;
  left: 16vw;
  top: 1vw;
  width: 0.15vw;
  height: 1.5vw;
  transform-origin: 0 0;
  transform: translateZ(7.5vw) rotateZ(90deg);
}
.floor-ops .clock__front {
  background-color: #1a1a2a;
}
.floor-ops .clock__back {
  background-color: #111118;
}
.floor-ops .clock__right {
  background-color: #111118;
  border: 0.05vw solid #1a1a2a;
  box-shadow: 0 0 0.3vw rgba(255, 32, 32, 0.3);
}
.floor-ops .clock__left {
  background-color: #1a1a2a;
}
.floor-ops .clock__top {
  background-color: #1a1a2a;
}
.floor-ops .clock__bottom {
  background-color: #111118;
}

.floor-ops .trash__front {
  width: 0.8vw;
  height: 1vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(0vw);
}
.floor-ops .trash__back {
  width: 0.8vw;
  height: 1vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-0.8vw) translateY(-1vw);
}
.floor-ops .trash__right {
  width: 1vw;
  height: 1vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.8vw) translateX(-1vw) translateY(-1vw);
}
.floor-ops .trash__left {
  width: 1vw;
  height: 1vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-1vw);
}
.floor-ops .trash__top {
  width: 0.8vw;
  height: 1vw;
  transform-origin: top left;
  transform: translateZ(1vw);
}
.floor-ops .trash__bottom {
  width: 0.8vw;
  height: 1vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-0.8vw);
}
.floor-ops .trash {
  position: absolute;
  left: 29vw;
  top: 24vw;
  width: 0.8vw;
  height: 1vw;
  transform: translateZ(0.5vw);
}
.floor-ops .trash::before {
  content: "";
  position: absolute;
  top: -5%;
  left: -10%;
  width: 120%;
  height: 110%;
  background-color: rgba(17, 17, 24, 0.7);
  filter: blur(0.3vw);
}
.floor-ops .trash__front {
  background-image: linear-gradient(to bottom, #2a2a3a, #1a1a2a);
}
.floor-ops .trash__back {
  background-color: #111118;
}
.floor-ops .trash__right {
  background-color: rgb(10.4, 10.4, 16.8);
}
.floor-ops .trash__left {
  background-color: #2a2a3a;
}
.floor-ops .trash__top {
  background-color: rgb(52.71, 52.71, 72.79);
}
.floor-ops .trash__bottom {
  background-color: #111118;
}

.floor-ops .cable-tray1__front {
  width: 0.2vw;
  height: 0.15vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(19.85vw);
}
.floor-ops .cable-tray1__back {
  width: 0.2vw;
  height: 0.15vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-0.2vw) translateY(-0.15vw);
}
.floor-ops .cable-tray1__right {
  width: 20vw;
  height: 0.15vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.2vw) translateX(-20vw) translateY(-0.15vw);
}
.floor-ops .cable-tray1__left {
  width: 20vw;
  height: 0.15vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.15vw);
}
.floor-ops .cable-tray1__top {
  width: 0.2vw;
  height: 20vw;
  transform-origin: top left;
  transform: translateZ(0.15vw);
}
.floor-ops .cable-tray1__bottom {
  width: 0.2vw;
  height: 20vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-0.2vw);
}
.floor-ops .cable-tray1 {
  position: absolute;
  width: 0.2vw;
  height: 20vw;
  transform: translateZ(16vw);
}
.floor-ops .cable-tray1__front {
  background-color: #1a1a2a;
}
.floor-ops .cable-tray1__back {
  background-color: #111118;
}
.floor-ops .cable-tray1__right {
  background-color: rgb(16.25, 16.25, 26.25);
}
.floor-ops .cable-tray1__left {
  background-color: #2a2a3a;
}
.floor-ops .cable-tray1__top {
  background-color: rgb(52.71, 52.71, 72.79);
}
.floor-ops .cable-tray1__bottom {
  background-color: #111118;
}
.floor-ops .cable-tray1 {
  left: 8vw;
  top: 4vw;
}

.floor-ops .cable-tray2__front {
  width: 0.2vw;
  height: 0.15vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(19.85vw);
}
.floor-ops .cable-tray2__back {
  width: 0.2vw;
  height: 0.15vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-0.2vw) translateY(-0.15vw);
}
.floor-ops .cable-tray2__right {
  width: 20vw;
  height: 0.15vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.2vw) translateX(-20vw) translateY(-0.15vw);
}
.floor-ops .cable-tray2__left {
  width: 20vw;
  height: 0.15vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.15vw);
}
.floor-ops .cable-tray2__top {
  width: 0.2vw;
  height: 20vw;
  transform-origin: top left;
  transform: translateZ(0.15vw);
}
.floor-ops .cable-tray2__bottom {
  width: 0.2vw;
  height: 20vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-0.2vw);
}
.floor-ops .cable-tray2 {
  position: absolute;
  width: 0.2vw;
  height: 20vw;
  transform: translateZ(16vw);
}
.floor-ops .cable-tray2__front {
  background-color: #1a1a2a;
}
.floor-ops .cable-tray2__back {
  background-color: #111118;
}
.floor-ops .cable-tray2__right {
  background-color: rgb(16.25, 16.25, 26.25);
}
.floor-ops .cable-tray2__left {
  background-color: #2a2a3a;
}
.floor-ops .cable-tray2__top {
  background-color: rgb(52.71, 52.71, 72.79);
}
.floor-ops .cable-tray2__bottom {
  background-color: #111118;
}
.floor-ops .cable-tray2 {
  left: 22vw;
  top: 4vw;
}

.floor-ops .cable {
  position: absolute;
  width: 0.06vw;
  background-color: #1a1a2a;
}
.floor-ops .cable:nth-of-type(1) {
  left: 8.07vw;
  top: 6vw;
  height: 1.5vw;
  transform: translateZ(15.5vw);
}
.floor-ops .cable:nth-of-type(2) {
  left: 8.07vw;
  top: 14vw;
  height: 2vw;
  transform: translateZ(14vw);
}
.floor-ops .cable:nth-of-type(3) {
  left: 22.07vw;
  top: 8vw;
  height: 1.8vw;
  transform: translateZ(15vw);
}
.floor-ops .cable:nth-of-type(4) {
  left: 22.07vw;
  top: 16vw;
  height: 2.2vw;
  transform: translateZ(13.5vw);
}


/* ════════════════════════════════════════════════════════════ */
/* FLOOR: R-D — Rick, Acid, Stark, Senku */
/* ════════════════════════════════════════════════════════════ */

/* =======================================
   MORPHEUS BUILDING — R&D FLOOR
   Agents: Rick (purple-green) / Acid (indigo-violet) / Stark (grey-blue) / Senku (lime-indigo)
   ======================================= */

@keyframes neon-breathe-r-d {
  0%, 100% { opacity: 0.8; }
  50% { opacity: 1; }
}
@keyframes screen-glow-rick-r-d {
  0%, 100% { box-shadow: 0 0 0.4vw rgba(168, 85, 247, 0.4); }
  50% { box-shadow: 0 0 0.8vw rgba(168, 85, 247, 0.7); }
}
@keyframes screen-glow-acid-r-d {
  0%, 100% { box-shadow: 0 0 0.4vw rgba(99, 102, 241, 0.4); }
  50% { box-shadow: 0 0 0.8vw rgba(99, 102, 241, 0.7); }
}
@keyframes screen-glow-stark-r-d {
  0%, 100% { box-shadow: 0 0 0.4vw rgba(100, 116, 139, 0.4); }
  50% { box-shadow: 0 0 0.8vw rgba(100, 116, 139, 0.7); }
}
@keyframes screen-glow-senku-r-d {
  0%, 100% { box-shadow: 0 0 0.4vw rgba(132, 204, 22, 0.4); }
  50% { box-shadow: 0 0 0.8vw rgba(132, 204, 22, 0.7); }
}
@keyframes led-chase-r-d {
  0% { opacity: 0.3; }
  50% { opacity: 1; }
  100% { opacity: 0.3; }
}





.floor-r-d .face {
  position: absolute;
}

.floor-r-d .house {
  position: absolute;
  width: 32vw;
  height: 28vw;
  
}

.floor-r-d .h-shadow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 1.5vw -3vw 3vw hsl(260, 20%, 3%), 1.5vw 0.5vw 1.5vw hsl(260, 20%, 3%);
}

.floor-r-d .h-lights {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 50vw;
  height: 45vw;
}

.floor-r-d .h-light {
  position: absolute;
}
.floor-r-d .h-light:nth-of-type(1) {
  bottom: 5vw;
  right: 0;
  width: 14vw;
  height: 14vw;
  border-radius: 50%;
  background-image: radial-gradient(hsl(260, 20%, 10%), transparent);
  filter: blur(1vw);
}
.floor-r-d .h-light:nth-of-type(2) {
  bottom: -8vw;
  right: -3vw;
  width: 6vw;
  height: 12vw;
  border-radius: 50%;
  transform: rotateZ(-50deg);
  background-image: radial-gradient(rgba(168, 85, 247, 0.12) 40%, transparent);
  filter: blur(2vw);
}
.floor-r-d .h-light:nth-of-type(3) {
  bottom: -6vw;
  right: 24vw;
  width: 8vw;
  height: 10vw;
  border-radius: 50%;
  transform: rotateZ(-50deg);
  background-image: radial-gradient(rgba(99, 102, 241, 0.12) 40%, transparent);
  filter: blur(3vw);
}
.floor-r-d .h-light:nth-of-type(4) {
  bottom: -5vw;
  right: 12vw;
  width: 7vw;
  height: 9vw;
  border-radius: 50%;
  transform: rotateZ(-40deg);
  background-image: radial-gradient(rgba(100, 116, 139, 0.1) 40%, transparent);
  filter: blur(2vw);
}
.floor-r-d .h-light:nth-of-type(5) {
  bottom: -4vw;
  right: -2vw;
  width: 8vw;
  height: 10vw;
  transform-origin: bottom left;
  background-image: radial-gradient(rgba(132, 204, 22, 0.1) 40%, transparent);
  border-radius: 50%;
  filter: blur(2vw);
}
.h-light:nth-of-type(6) { display: none; }

/* =======================================
   CEILING (alt) — cool dark purplish
   ======================================= */
.floor-r-d .alt {
  position: absolute;
  left: 0;
  top: 0;
  width: 31vw;
  height: 27vw;
}
.floor-r-d .alt__front {
  width: 31vw;
  height: 0.5vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(26.5vw);
  background-color: rgb(32, 28, 50);
}
.floor-r-d .alt__back {
  width: 31vw;
  height: 0.5vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-31vw) translateY(-0.5vw);
  background-color: rgb(12, 10, 20);
}
.floor-r-d .alt__right {
  width: 27vw;
  height: 0.5vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(31vw) translateX(-27vw) translateY(-0.5vw);
  background-color: rgb(12, 10, 20);
}
.floor-r-d .alt__left {
  width: 27vw;
  height: 0.5vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.5vw);
  background-color: rgb(40, 35, 60);
}
.floor-r-d .alt__top {
  width: 31vw;
  height: 27vw;
  transform-origin: top left;
  transform: translateZ(0.5vw);
  background-image: linear-gradient(to bottom, #0e0a18, rgb(12, 10, 20), rgb(32, 28, 50));
}
.floor-r-d .alt__bottom {
  width: 31vw;
  height: 27vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-31vw);
  background-color: rgb(12, 10, 20);
}

/* =======================================
   FLOOR (alb) — dark with indigo tile grid
   ======================================= */
.floor-r-d .alb {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 31vw;
  height: 1vw;
}
.floor-r-d .alb__front {
  width: 31vw;
  height: 2vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(-1vw);
  background-image: linear-gradient(to right, rgb(32, 28, 50) 40%, rgb(24, 20, 40));
}
.floor-r-d .alb__back {
  width: 31vw;
  height: 2vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-31vw) translateY(-2vw);
  background-color: rgb(12, 10, 20);
}
.floor-r-d .alb__right {
  width: 1vw;
  height: 2vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(31vw) translateX(-1vw) translateY(-2vw);
  background-color: rgb(12, 10, 20);
}
.floor-r-d .alb__left {
  width: 1vw;
  height: 2vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-2vw);
  background-color: rgb(40, 35, 60);
}
.floor-r-d .alb__top {
  width: 31vw;
  height: 1vw;
  transform-origin: top left;
  transform: translateZ(2vw);
  background-color: #100c1e;
  background-image:
    repeating-linear-gradient(to right, rgba(99, 102, 241, 0.12) 0, rgba(99, 102, 241, 0.12) 0.05vw, transparent 0.05vw, transparent 4vw),
    repeating-linear-gradient(to bottom, rgba(99, 102, 241, 0.12) 0, rgba(99, 102, 241, 0.12) 0.05vw, transparent 0.05vw, transparent 4vw);
}
.floor-r-d .alb__bottom {
  width: 31vw;
  height: 1vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-31vw);
  background-color: rgb(12, 10, 20);
}

/* =======================================
   RIGHT BASEBOARD (arb) — indigo LED strip
   ======================================= */
.floor-r-d .arb {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1vw;
  height: 28vw;
}
.floor-r-d .arb__front {
  width: 1vw;
  height: 2vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(26vw);
  background-color: rgb(24, 20, 40);
}
.floor-r-d .arb__back {
  width: 1vw;
  height: 2vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-1vw) translateY(-2vw);
  background-color: rgb(12, 10, 20);
}
.floor-r-d .arb__right {
  width: 28vw;
  height: 2vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(1vw) translateX(-28vw) translateY(-2vw);
  background-image: linear-gradient(to right, rgb(6, 4, 10) 40%, black);
}
.floor-r-d .arb__left {
  width: 28vw;
  height: 2vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-2vw);
  background-color: rgb(32, 28, 50);
}
.floor-r-d .arb__top {
  width: 1vw;
  height: 28vw;
  transform-origin: top left;
  transform: translateZ(2vw);
  background-image: linear-gradient(to top, rgb(40, 35, 60), rgb(12, 10, 20) 25%, rgb(8, 6, 14) 75%, rgb(32, 28, 50));
}
.floor-r-d .arb__top::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 30%;
  top: 0;
  background-image: linear-gradient(to bottom, transparent, rgba(132, 204, 22, 0.3), transparent);
}
.floor-r-d .arb__bottom {
  width: 1vw;
  height: 28vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-1vw);
  background-color: rgb(12, 10, 20);
}

/* =======================================
   LEFT WALL (blt) — indigo LED strip
   ======================================= */
.floor-r-d .blt {
  position: absolute;
  left: 0;
  top: 0;
  width: 1vw;
  height: 27vw;
  transform: translateZ(0.5vw);
}
.floor-r-d .blt__front {
  width: 1vw;
  height: 16vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(11vw);
  background-image: linear-gradient(to bottom, rgb(12, 10, 20), rgb(32, 28, 50));
}
.floor-r-d .blt__back {
  width: 1vw;
  height: 16vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-1vw) translateY(-16vw);
  background-color: rgb(12, 10, 20);
}
.floor-r-d .blt__right {
  width: 27vw;
  height: 16vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(1vw) translateX(-27vw) translateY(-16vw);
  background-image: linear-gradient(to bottom, rgb(4, 2, 8), rgb(24, 20, 40), rgb(24, 20, 40) 90%, rgb(12, 10, 20));
}
.floor-r-d .blt__right::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 0.75vw;
  background-image: linear-gradient(to bottom, rgb(24, 20, 40), #6366f1);
  border-top: 0.1vw solid #100c1e;
  border-bottom: 0.1vw solid #100c1e;
  animation: neon-breathe-r-d 4s ease infinite;
}
.floor-r-d .blt__right::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to bottom, rgba(99, 102, 241, 0.15), transparent 30%, transparent 70%, rgba(99, 102, 241, 0.15));
}
.floor-r-d .blt__left {
  width: 27vw;
  height: 16vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-16vw);
  background-color: rgb(40, 35, 60);
}
.floor-r-d .blt__top {
  width: 1vw;
  height: 27vw;
  transform-origin: top left;
  transform: translateZ(16vw);
}
.floor-r-d .blt__bottom {
  width: 1vw;
  height: 27vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-1vw);
  background-color: rgb(12, 10, 20);
}

/* blt2 — crown molding left wall */
.floor-r-d .blt2 {
  position: absolute;
  left: 0;
  top: 0;
  width: 2vw;
  height: 27vw;
  transform: translateZ(16.5vw);
}
.floor-r-d .blt2__front {
  width: 2vw;
  height: 0.75vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(26.25vw);
  background-color: rgb(12, 10, 20);
}
.floor-r-d .blt2__back {
  width: 2vw;
  height: 0.75vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-2vw) translateY(-0.75vw);
  background-color: rgb(12, 10, 20);
}
.floor-r-d .blt2__right {
  width: 27vw;
  height: 0.75vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(2vw) translateX(-27vw) translateY(-0.75vw);
  background-image: linear-gradient(to right, rgb(24, 20, 40), rgb(32, 28, 50), rgb(18, 15, 30));
}
.floor-r-d .blt2__right::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  border-bottom: 0.1vw solid rgba(60, 50, 80, 0.5);
  background-image: linear-gradient(to top, rgba(99, 102, 241, 0.12), transparent);
}
.floor-r-d .blt2__left {
  width: 27vw;
  height: 0.75vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.75vw);
  background-color: rgb(40, 35, 60);
}
.floor-r-d .blt2__top {
  width: 2vw;
  height: 27vw;
  transform-origin: top left;
  transform: translateZ(0.75vw);
  background-image: linear-gradient(to top, rgb(32, 28, 50), rgb(40, 35, 60));
}
.floor-r-d .blt2__bottom {
  width: 2vw;
  height: 27vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-2vw);
  background-color: rgb(12, 10, 20);
}

/* =======================================
   BACK WALL (blb) — LED strip at bottom (gradient purple to lime)
   ======================================= */
.floor-r-d .blb {
  position: absolute;
  left: 1vw;
  top: 0;
  width: 30vw;
  height: 1vw;
  transform: translateZ(0.5vw);
}
.floor-r-d .blb__front {
  width: 30vw;
  height: 16vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(-15vw);
  background-image: linear-gradient(to bottom, rgb(4, 2, 8), rgb(18, 15, 30) 20%, rgb(4, 2, 8));
}
.floor-r-d .blb__front::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image:
    linear-gradient(to bottom, rgba(80, 60, 120, 0.1), transparent 20%, transparent 80%, rgba(80, 60, 120, 0.12)),
    linear-gradient(to right, rgba(168, 85, 247, 0.1), transparent 25%, transparent 75%, rgba(132, 204, 22, 0.08)),
    linear-gradient(to bottom, rgba(16, 12, 30, 0.25), transparent 20%, transparent 80%, rgba(80, 60, 120, 0.1));
}
.floor-r-d .blb__front::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 0.75vw;
  background-image: linear-gradient(to right, #a855f7 10%, #6366f1 40%, #64748b 65%, #84cc16 90%);
  border-top: 0.1vw solid #100c1e;
  border-bottom: 0.1vw solid #100c1e;
  animation: neon-breathe-r-d 4s ease infinite;
}
.floor-r-d .blb__back {
  width: 30vw;
  height: 16vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-30vw) translateY(-16vw);
  background-color: rgb(12, 10, 20);
}
.floor-r-d .blb__right {
  width: 1vw;
  height: 16vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(30vw) translateX(-1vw) translateY(-16vw);
  background-image: linear-gradient(to bottom, rgb(4, 2, 8), black 80%, rgb(4, 2, 8));
}
.floor-r-d .blb__left {
  width: 1vw;
  height: 16vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-16vw);
}
.floor-r-d .blb__top {
  width: 30vw;
  height: 1vw;
  transform-origin: top left;
  transform: translateZ(16vw);
}
.floor-r-d .blb__bottom {
  width: 30vw;
  height: 1vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-30vw);
  background-color: rgb(12, 10, 20);
}

/* blb2 — crown molding back wall */
.floor-r-d .blb2 {
  position: absolute;
  left: 2vw;
  top: 0;
  width: 29vw;
  height: 1vw;
  transform: translateZ(16.5vw);
}
.floor-r-d .blb2__front {
  width: 29vw;
  height: 0.75vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(1.25vw);
  background-image: linear-gradient(to right, rgb(18, 15, 30), rgb(32, 28, 50), rgb(24, 20, 40));
}
.floor-r-d .blb2__front::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  border-bottom: 0.1vw solid rgba(60, 50, 80, 0.5);
  background-image: linear-gradient(to top, rgba(99, 102, 241, 0.08), transparent);
}
.floor-r-d .blb2__back {
  width: 29vw;
  height: 0.75vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-29vw) translateY(-0.75vw);
  background-color: rgb(12, 10, 20);
}
.floor-r-d .blb2__right {
  width: 2vw;
  height: 0.75vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(29vw) translateX(-2vw) translateY(-0.75vw);
  background-color: rgb(4, 2, 8);
}
.floor-r-d .blb2__left {
  width: 2vw;
  height: 0.75vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.75vw);
  background-color: rgb(32, 28, 50);
}
.floor-r-d .blb2__top {
  width: 29vw;
  height: 2vw;
  transform-origin: top left;
  transform: translateZ(0.75vw);
  background-image: linear-gradient(to left, rgb(32, 28, 50), rgb(40, 35, 60));
}
.floor-r-d .blb2__bottom {
  width: 29vw;
  height: 2vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-29vw);
  background-color: rgb(12, 10, 20);
}

/* =======================================
   DESKS — 4 desks (6.5x5vw) elevated at translateZ(3vw)
   ======================================= */

/* --- Rick desk (left) --- */
.floor-r-d .desk-rick {
  position: absolute;
  left: 1.5vw;
  top: 1vw;
  width: 6.5vw;
  height: 5vw;
  transform: translateZ(3vw);
}
.floor-r-d .desk-rick::before {
  content: "";
  position: absolute;
  top: -5%;
  left: -5%;
  width: 110%;
  height: 110%;
  background-color: rgba(12, 10, 20, 0.85);
  filter: blur(0.6vw);
}
.floor-r-d .desk-rick::after {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-image: radial-gradient(ellipse at 50% 30%, rgba(168, 85, 247, 0.06), transparent 60%);
  transform: translateZ(0.01vw);
}
.floor-r-d .desk-rick__front {
  width: 6.5vw;
  height: 0.4vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(4.6vw);
  background-image: linear-gradient(to right, rgb(28, 22, 42), rgb(12, 10, 18));
}
.floor-r-d .desk-rick__front::before {
  content: "";
  position: absolute;
  width: 100%; height: 100%;
  background-image: linear-gradient(135deg, rgba(168, 85, 247, 0.08), transparent 55%);
}
.floor-r-d .desk-rick__back {
  width: 6.5vw;
  height: 0.4vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-6.5vw) translateY(-0.4vw);
  background-color: #100c1e;
}
.floor-r-d .desk-rick__right {
  width: 5vw;
  height: 0.4vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(6.5vw) translateX(-5vw) translateY(-0.4vw);
  background-color: rgb(8, 6, 14);
}
.floor-r-d .desk-rick__left {
  width: 5vw;
  height: 0.4vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.4vw);
  background-color: #1c162a;
}
.floor-r-d .desk-rick__top {
  width: 6.5vw;
  height: 5vw;
  transform-origin: top left;
  transform: translateZ(0.4vw);
  background-image: linear-gradient(135deg, rgb(34, 28, 50), rgb(18, 14, 28));
}
.floor-r-d .desk-rick__top::before {
  content: "";
  position: absolute;
  bottom: 0; width: 50%; height: 50%;
  background-image: linear-gradient(135deg, rgba(168, 85, 247, 0.1), rgba(255, 255, 255, 0.03) 50%, transparent 55%);
  filter: blur(0.3vw);
}
.floor-r-d .desk-rick__bottom {
  width: 6.5vw;
  height: 5vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-6.5vw);
  background-color: #100c1e;
}

/* --- Acid desk (center-left) --- */
.floor-r-d .desk-acid {
  position: absolute;
  left: 9vw;
  top: 1vw;
  width: 6.5vw;
  height: 5vw;
  transform: translateZ(3vw);
}
.floor-r-d .desk-acid::before {
  content: "";
  position: absolute;
  top: -5%;
  left: -5%;
  width: 110%;
  height: 110%;
  background-color: rgba(12, 10, 20, 0.85);
  filter: blur(0.6vw);
}
.floor-r-d .desk-acid::after {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-image: radial-gradient(ellipse at 50% 30%, rgba(99, 102, 241, 0.05), transparent 60%);
  transform: translateZ(0.01vw);
}
.floor-r-d .desk-acid__front {
  width: 6.5vw;
  height: 0.4vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(4.6vw);
  background-image: linear-gradient(to right, rgb(28, 22, 42), rgb(12, 10, 18));
}
.floor-r-d .desk-acid__front::before {
  content: "";
  position: absolute;
  width: 100%; height: 100%;
  background-image: linear-gradient(135deg, rgba(99, 102, 241, 0.06), transparent 55%);
}
.floor-r-d .desk-acid__back {
  width: 6.5vw;
  height: 0.4vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-6.5vw) translateY(-0.4vw);
  background-color: #100c1e;
}
.floor-r-d .desk-acid__right {
  width: 5vw;
  height: 0.4vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(6.5vw) translateX(-5vw) translateY(-0.4vw);
  background-color: rgb(8, 6, 14);
}
.floor-r-d .desk-acid__left {
  width: 5vw;
  height: 0.4vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.4vw);
  background-color: #1c162a;
}
.floor-r-d .desk-acid__top {
  width: 6.5vw;
  height: 5vw;
  transform-origin: top left;
  transform: translateZ(0.4vw);
  background-image: linear-gradient(135deg, rgb(34, 28, 50), rgb(18, 14, 28));
}
.floor-r-d .desk-acid__top::before {
  content: "";
  position: absolute;
  bottom: 0; width: 50%; height: 50%;
  background-image: linear-gradient(135deg, rgba(99, 102, 241, 0.08), rgba(255, 255, 255, 0.03) 50%, transparent 55%);
  filter: blur(0.3vw);
}
.floor-r-d .desk-acid__bottom {
  width: 6.5vw;
  height: 5vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-6.5vw);
  background-color: #100c1e;
}

/* --- Stark desk (center-right) --- */
.floor-r-d .desk-stark {
  position: absolute;
  left: 16.5vw;
  top: 1vw;
  width: 6.5vw;
  height: 5vw;
  transform: translateZ(3vw);
}
.floor-r-d .desk-stark::before {
  content: "";
  position: absolute;
  top: -5%;
  left: -5%;
  width: 110%;
  height: 110%;
  background-color: rgba(12, 10, 20, 0.85);
  filter: blur(0.6vw);
}
.floor-r-d .desk-stark::after {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-image: radial-gradient(ellipse at 50% 30%, rgba(100, 116, 139, 0.06), transparent 60%);
  transform: translateZ(0.01vw);
}
.floor-r-d .desk-stark__front {
  width: 6.5vw;
  height: 0.4vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(4.6vw);
  background-image: linear-gradient(to right, rgb(28, 22, 42), rgb(12, 10, 18));
}
.floor-r-d .desk-stark__front::before {
  content: "";
  position: absolute;
  width: 100%; height: 100%;
  background-image: linear-gradient(135deg, rgba(100, 116, 139, 0.06), transparent 55%);
}
.floor-r-d .desk-stark__back {
  width: 6.5vw;
  height: 0.4vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-6.5vw) translateY(-0.4vw);
  background-color: #100c1e;
}
.floor-r-d .desk-stark__right {
  width: 5vw;
  height: 0.4vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(6.5vw) translateX(-5vw) translateY(-0.4vw);
  background-color: rgb(8, 6, 14);
}
.floor-r-d .desk-stark__left {
  width: 5vw;
  height: 0.4vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.4vw);
  background-color: #1c162a;
}
.floor-r-d .desk-stark__top {
  width: 6.5vw;
  height: 5vw;
  transform-origin: top left;
  transform: translateZ(0.4vw);
  background-image: linear-gradient(135deg, rgb(34, 28, 50), rgb(18, 14, 28));
}
.floor-r-d .desk-stark__top::before {
  content: "";
  position: absolute;
  bottom: 0; width: 50%; height: 50%;
  background-image: linear-gradient(135deg, rgba(100, 116, 139, 0.08), rgba(255, 255, 255, 0.03) 50%, transparent 55%);
  filter: blur(0.3vw);
}
.floor-r-d .desk-stark__bottom {
  width: 6.5vw;
  height: 5vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-6.5vw);
  background-color: #100c1e;
}

/* --- Senku desk (right) --- */
.floor-r-d .desk-senku {
  position: absolute;
  left: 24vw;
  top: 1vw;
  width: 6.5vw;
  height: 5vw;
  transform: translateZ(3vw);
}
.floor-r-d .desk-senku::before {
  content: "";
  position: absolute;
  top: -5%;
  left: -5%;
  width: 110%;
  height: 110%;
  background-color: rgba(12, 10, 20, 0.85);
  filter: blur(0.6vw);
}
.floor-r-d .desk-senku::after {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-image: radial-gradient(ellipse at 50% 30%, rgba(132, 204, 22, 0.05), transparent 60%);
  transform: translateZ(0.01vw);
}
.floor-r-d .desk-senku__front {
  width: 6.5vw;
  height: 0.4vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(4.6vw);
  background-image: linear-gradient(to right, rgb(28, 22, 42), rgb(12, 10, 18));
}
.floor-r-d .desk-senku__front::before {
  content: "";
  position: absolute;
  width: 100%; height: 100%;
  background-image: linear-gradient(135deg, rgba(132, 204, 22, 0.06), transparent 55%);
}
.floor-r-d .desk-senku__back {
  width: 6.5vw;
  height: 0.4vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-6.5vw) translateY(-0.4vw);
  background-color: #100c1e;
}
.floor-r-d .desk-senku__right {
  width: 5vw;
  height: 0.4vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(6.5vw) translateX(-5vw) translateY(-0.4vw);
  background-color: rgb(8, 6, 14);
}
.floor-r-d .desk-senku__left {
  width: 5vw;
  height: 0.4vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.4vw);
  background-color: #1c162a;
}
.floor-r-d .desk-senku__top {
  width: 6.5vw;
  height: 5vw;
  transform-origin: top left;
  transform: translateZ(0.4vw);
  background-image: linear-gradient(135deg, rgb(34, 28, 50), rgb(18, 14, 28));
}
.floor-r-d .desk-senku__top::before {
  content: "";
  position: absolute;
  bottom: 0; width: 50%; height: 50%;
  background-image: linear-gradient(135deg, rgba(132, 204, 22, 0.08), rgba(255, 255, 255, 0.03) 50%, transparent 55%);
  filter: blur(0.3vw);
}
.floor-r-d .desk-senku__bottom {
  width: 6.5vw;
  height: 5vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-6.5vw);
  background-color: #100c1e;
}

/* =======================================
   SCREENS — 2 per agent, wall-mounted
   Screen cube: 2.4w x 0.3d x 3h, translateZ(3.5vw)
   ======================================= */

/* --- Screen geometry (shared pattern) --- */
.screen-rick1, .screen-rick2,
.screen-acid1, .screen-acid2,
.screen-stark1, .screen-stark2,
.floor-r-d .screen-senku1, .floor-r-d .screen-senku2 {
  position: absolute;
  width: 2.4vw;
  height: 0.3vw;
  transform: translateZ(3.5vw);
}

/* Front face — 2.4 x 3 */
.screen-rick1__front, .screen-rick2__front,
.screen-acid1__front, .screen-acid2__front,
.screen-stark1__front, .screen-stark2__front,
.floor-r-d .screen-senku1__front, .floor-r-d .screen-senku2__front {
  width: 2.4vw;
  height: 3vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(-2.7vw);
}
/* Back face */
.screen-rick1__back, .screen-rick2__back,
.screen-acid1__back, .screen-acid2__back,
.screen-stark1__back, .screen-stark2__back,
.floor-r-d .screen-senku1__back, .floor-r-d .screen-senku2__back {
  width: 2.4vw;
  height: 3vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-2.4vw) translateY(-3vw);
  background-color: #111118;
}
/* Right face */
.screen-rick1__right, .screen-rick2__right,
.screen-acid1__right, .screen-acid2__right,
.screen-stark1__right, .screen-stark2__right,
.floor-r-d .screen-senku1__right, .floor-r-d .screen-senku2__right {
  width: 0.3vw;
  height: 3vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(2.4vw) translateX(-0.3vw) translateY(-3vw);
  background-color: #111118;
}
/* Left face */
.screen-rick1__left, .screen-rick2__left,
.screen-acid1__left, .screen-acid2__left,
.screen-stark1__left, .screen-stark2__left,
.floor-r-d .screen-senku1__left, .floor-r-d .screen-senku2__left {
  width: 0.3vw;
  height: 3vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-3vw);
  background-color: #111118;
}
/* Top face */
.screen-rick1__top, .screen-rick2__top,
.screen-acid1__top, .screen-acid2__top,
.screen-stark1__top, .screen-stark2__top,
.floor-r-d .screen-senku1__top, .floor-r-d .screen-senku2__top {
  width: 2.4vw;
  height: 0.3vw;
  transform-origin: top left;
  transform: translateZ(3vw);
  background-color: #1a1a2a;
}
/* Bottom face */
.screen-rick1__bottom, .screen-rick2__bottom,
.screen-acid1__bottom, .screen-acid2__bottom,
.screen-stark1__bottom, .screen-stark2__bottom,
.floor-r-d .screen-senku1__bottom, .floor-r-d .screen-senku2__bottom {
  width: 2.4vw;
  height: 0.3vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-2.4vw);
  background-color: #1a1a2a;
}

/* --- Rick screens (purple-green) --- */
.screen-rick1 { left: 2.5vw; top: 1.2vw; }
.screen-rick2 { left: 5.1vw; top: 1.2vw; }

.floor-r-d .screen-rick1__front, .floor-r-d .screen-rick2__front {
  background-color: rgb(168, 120, 200);
  border: 0.125vw solid rgb(8, 6, 14);
}
.floor-r-d .screen-rick1__front::before, .floor-r-d .screen-rick2__front::before {
  content: "";
  position: absolute;
  width: 100%; height: 100%;
  box-shadow: 0.125vw 0.125vw 1vw rgba(168, 85, 247, 0.5), -0.125vw 0.125vw 1vw rgba(168, 85, 247, 0.5), 0.125vw -0.125vw 1vw rgba(168, 85, 247, 0.5), -0.125vw -0.125vw 1vw rgba(168, 85, 247, 0.5);
}
.screen-rick1__front { animation: screen-glow-rick-r-d 2s ease infinite; }
.screen-rick2__front { animation: screen-glow-rick-r-d 2s ease infinite 0.4s; }

.floor-r-d .screen-rick1__back::before {
  content: "";
  position: absolute;
  width: 10vw; height: 5vw;
  background-image: radial-gradient(rgba(168, 85, 247, 0.7), rgba(124, 58, 237, 0.5));
  filter: blur(1vw);
}
.floor-r-d .screen-rick2__back::before {
  content: "";
  position: absolute;
  width: 8vw; height: 4vw;
  background-image: radial-gradient(rgba(168, 85, 247, 0.5), transparent);
  filter: blur(1vw);
}

/* --- Acid screens (indigo-violet) --- */
.screen-acid1 { left: 10vw; top: 1.2vw; }
.screen-acid2 { left: 12.6vw; top: 1.2vw; }

.floor-r-d .screen-acid1__front, .floor-r-d .screen-acid2__front {
  background-color: rgb(130, 140, 220);
  border: 0.125vw solid rgb(8, 6, 14);
}
.floor-r-d .screen-acid1__front::before, .floor-r-d .screen-acid2__front::before {
  content: "";
  position: absolute;
  width: 100%; height: 100%;
  box-shadow: 0.125vw 0.125vw 1vw rgba(99, 102, 241, 0.5), -0.125vw 0.125vw 1vw rgba(99, 102, 241, 0.5), 0.125vw -0.125vw 1vw rgba(99, 102, 241, 0.5), -0.125vw -0.125vw 1vw rgba(99, 102, 241, 0.5);
}
.screen-acid1__front { animation: screen-glow-acid-r-d 2s ease infinite; }
.screen-acid2__front { animation: screen-glow-acid-r-d 2s ease infinite 0.4s; }

.floor-r-d .screen-acid1__back::before {
  content: "";
  position: absolute;
  width: 10vw; height: 5vw;
  background-image: radial-gradient(rgba(99, 102, 241, 0.7), rgba(79, 70, 229, 0.5));
  filter: blur(1vw);
}
.floor-r-d .screen-acid2__back::before {
  content: "";
  position: absolute;
  width: 8vw; height: 4vw;
  background-image: radial-gradient(rgba(99, 102, 241, 0.5), transparent);
  filter: blur(1vw);
}

/* --- Stark screens (grey-blue) --- */
.screen-stark1 { left: 17.5vw; top: 1.2vw; }
.screen-stark2 { left: 20.1vw; top: 1.2vw; }

.floor-r-d .screen-stark1__front, .floor-r-d .screen-stark2__front {
  background-color: rgb(130, 150, 175);
  border: 0.125vw solid rgb(8, 6, 14);
}
.floor-r-d .screen-stark1__front::before, .floor-r-d .screen-stark2__front::before {
  content: "";
  position: absolute;
  width: 100%; height: 100%;
  box-shadow: 0.125vw 0.125vw 1vw rgba(100, 116, 139, 0.5), -0.125vw 0.125vw 1vw rgba(100, 116, 139, 0.5), 0.125vw -0.125vw 1vw rgba(100, 116, 139, 0.5), -0.125vw -0.125vw 1vw rgba(100, 116, 139, 0.5);
}
.screen-stark1__front { animation: screen-glow-stark-r-d 2s ease infinite; }
.screen-stark2__front { animation: screen-glow-stark-r-d 2s ease infinite 0.5s; }

.floor-r-d .screen-stark1__back::before {
  content: "";
  position: absolute;
  width: 10vw; height: 5vw;
  background-image: radial-gradient(rgba(100, 116, 139, 0.7), rgba(71, 85, 105, 0.5));
  filter: blur(1vw);
}
.floor-r-d .screen-stark2__back::before {
  content: "";
  position: absolute;
  width: 8vw; height: 4vw;
  background-image: radial-gradient(rgba(100, 116, 139, 0.4), transparent);
  filter: blur(1vw);
}

/* --- Senku screens (lime-green) --- */
.screen-senku1 { left: 25vw; top: 1.2vw; }
.screen-senku2 { left: 27.6vw; top: 1.2vw; }

.floor-r-d .screen-senku1__front, .floor-r-d .screen-senku2__front {
  background-color: rgb(150, 200, 80);
  border: 0.125vw solid rgb(8, 6, 14);
}
.floor-r-d .screen-senku1__front::before, .floor-r-d .screen-senku2__front::before {
  content: "";
  position: absolute;
  width: 100%; height: 100%;
  box-shadow: 0.125vw 0.125vw 1vw rgba(132, 204, 22, 0.5), -0.125vw 0.125vw 1vw rgba(132, 204, 22, 0.5), 0.125vw -0.125vw 1vw rgba(132, 204, 22, 0.5), -0.125vw -0.125vw 1vw rgba(132, 204, 22, 0.5);
}
.screen-senku1__front { animation: screen-glow-senku-r-d 2s ease infinite; }
.screen-senku2__front { animation: screen-glow-senku-r-d 2s ease infinite 0.4s; }

.floor-r-d .screen-senku1__back::before {
  content: "";
  position: absolute;
  width: 10vw; height: 5vw;
  background-image: radial-gradient(rgba(132, 204, 22, 0.7), rgba(101, 163, 13, 0.5));
  filter: blur(1vw);
}
.floor-r-d .screen-senku2__back::before {
  content: "";
  position: absolute;
  width: 8vw; height: 4vw;
  background-image: radial-gradient(rgba(132, 204, 22, 0.5), transparent);
  filter: blur(1vw);
}

/* =======================================
   GAMING CHAIRS — same structure, cool dark tones
   ======================================= */
.floor-r-d .chair-rick, .floor-r-d .chair-acid, .floor-r-d .chair-stark, .floor-r-d .chair-senku {
  position: absolute;
  width: 2.5vw;
  height: 2.5vw;
  transform-origin: 1.25vw 1.25vw;
  transform: translateZ(0.5vw) rotateZ(180deg);
}
.floor-r-d .chair-rick::before, .floor-r-d .chair-acid::before, .floor-r-d .chair-stark::before, .floor-r-d .chair-senku::before {
  content: "";
  position: absolute;
  top: -8%; left: -8%;
  width: 116%; height: 116%;
  background-color: rgba(12, 10, 20, 0.75);
  filter: blur(0.5vw);
}

/* Chair seat — cube(2.5, 0.3, 2.5) */
.floor-r-d .chair-seat {
  position: absolute;
  left: 0; top: 0;
  width: 2.5vw; height: 2.5vw;
}
.floor-r-d .chair-seat__front {
  width: 2.5vw; height: 0.3vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(2.2vw);
  background-color: #1c162a;
}
.floor-r-d .chair-seat__back {
  width: 2.5vw; height: 0.3vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-2.5vw) translateY(-0.3vw);
  background-color: #100c1e;
}
.floor-r-d .chair-seat__right {
  width: 2.5vw; height: 0.3vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(2.5vw) translateX(-2.5vw) translateY(-0.3vw);
  background-color: rgb(14, 11, 22);
}
.floor-r-d .chair-seat__left {
  width: 2.5vw; height: 0.3vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.3vw);
  background-color: #1c162a;
}
.floor-r-d .chair-seat__top {
  width: 2.5vw; height: 2.5vw;
  transform-origin: top left;
  transform: translateZ(0.3vw);
  background-image: linear-gradient(135deg, rgb(42, 35, 58), #100c1e);
}
.floor-r-d .chair-seat__bottom {
  width: 2.5vw; height: 2.5vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-2.5vw);
  background-color: #100c1e;
}

/* Chair back — cube(2.5, 3.5, 0.3) */
.floor-r-d .chair-back {
  position: absolute;
  left: 0; top: 0;
  width: 2.5vw; height: 0.3vw;
  transform: translateZ(0.3vw);
}
.floor-r-d .chair-back__front {
  width: 2.5vw; height: 3.5vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(-3.2vw);
  background-image: linear-gradient(to bottom, #1c162a, rgb(22, 18, 34));
}
.floor-r-d .chair-back__back {
  width: 2.5vw; height: 3.5vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-2.5vw) translateY(-3.5vw);
  background-color: #100c1e;
}
.floor-r-d .chair-back__right {
  width: 0.3vw; height: 3.5vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(2.5vw) translateX(-0.3vw) translateY(-3.5vw);
  background-color: rgb(14, 11, 22);
}
.floor-r-d .chair-back__left {
  width: 0.3vw; height: 3.5vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-3.5vw);
  background-color: #1c162a;
}
.floor-r-d .chair-back__top {
  width: 2.5vw; height: 0.3vw;
  transform-origin: top left;
  transform: translateZ(3.5vw);
  background-color: rgb(40, 33, 56);
}
.floor-r-d .chair-back__bottom {
  width: 2.5vw; height: 0.3vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-2.5vw);
  background-color: #100c1e;
}

/* Chair positions */
.chair-rick  { left: 3.5vw; top: 5.5vw; }
.chair-acid  { left: 11vw; top: 5.5vw; }
.chair-stark { left: 18.5vw; top: 5.5vw; }
.chair-senku { left: 26vw; top: 5.5vw; }

/* Headrest — cube(1.6, 0.6, 0.3) */
.floor-r-d .chair-headrest {
  position: absolute;
  left: 0.45vw; top: 0;
  width: 1.6vw; height: 0.3vw;
  transform: translateZ(3.8vw);
}
.chair-headrest__front  { width: 1.6vw; height: 0.6vw; transform-origin: bottom left; transform: rotateX(-90deg) translateZ(-0.3vw); background: linear-gradient(to bottom, #1c162a, #16101e); }
.chair-headrest__back   { width: 1.6vw; height: 0.6vw; transform-origin: top left; transform: rotateX(-90deg) rotateY(180deg) translateX(-1.6vw) translateY(-0.6vw); background: #100c1e; }
.chair-headrest__right  { width: 0.3vw; height: 0.6vw; transform-origin: top left; transform: rotateY(90deg) rotateZ(-90deg) translateZ(1.6vw) translateX(-0.3vw) translateY(-0.6vw); background: rgb(14, 11, 22); }
.chair-headrest__left   { width: 0.3vw; height: 0.6vw; transform-origin: top left; transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.6vw); background: #1c162a; }
.chair-headrest__top    { width: 1.6vw; height: 0.3vw; transform-origin: top left; transform: translateZ(0.6vw); background: linear-gradient(135deg, rgb(42, 35, 58), #1c162a); }
.chair-headrest__bottom { width: 1.6vw; height: 0.3vw; transform-origin: top left; transform: rotateY(180deg) translateX(-1.6vw); background: #100c1e; }

/* Armrests — cube(0.3, 0.2, 2) */
.floor-r-d .chair-arm {
  position: absolute;
  width: 0.3vw; height: 2vw;
  transform: translateZ(0.5vw);
}
.chair-arm-l { left: -0.35vw; top: 0.25vw; }
.chair-arm-r { left: 2.55vw; top: 0.25vw; }
.chair-arm__front  { width: 0.3vw; height: 0.2vw; transform-origin: bottom left; transform: rotateX(-90deg) translateZ(1.8vw); }
.chair-arm__back   { width: 0.3vw; height: 0.2vw; transform-origin: top left; transform: rotateX(-90deg) rotateY(180deg) translateX(-0.3vw) translateY(-0.2vw); }
.chair-arm__right  { width: 2vw; height: 0.2vw; transform-origin: top left; transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.3vw) translateX(-2vw) translateY(-0.2vw); }
.chair-arm__left   { width: 2vw; height: 0.2vw; transform-origin: top left; transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.2vw); }
.chair-arm__top    { width: 0.3vw; height: 2vw; transform-origin: top left; transform: translateZ(0.2vw); }
.chair-arm__bottom { width: 0.3vw; height: 2vw; transform-origin: top left; transform: rotateY(180deg) translateX(-0.3vw); }
.chair-arm__front, .chair-arm__right { background: #1c162a; }
.chair-arm__back, .chair-arm__left   { background: #100c1e; }
.chair-arm__top    { background: linear-gradient(135deg, #2a2340, #1c162a); }
.chair-arm__bottom { background: #0e0a18; }

/* =======================================
   KEYBOARDS — cube(2.5, 0.1, 0.5) on desk at translateZ(3.4vw)
   ======================================= */
.floor-r-d .kb-rick, .floor-r-d .kb-acid, .floor-r-d .kb-stark, .floor-r-d .kb-senku {
  position: absolute;
  width: 2.5vw;
  height: 0.5vw;
  transform: translateZ(3.4vw);
}
.floor-r-d .kb-rick__front, .floor-r-d .kb-acid__front, .floor-r-d .kb-stark__front, .floor-r-d .kb-senku__front {
  width: 2.5vw; height: 0.1vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(0.4vw);
  background-color: #1c162a;
}
.floor-r-d .kb-rick__back, .floor-r-d .kb-acid__back, .floor-r-d .kb-stark__back, .floor-r-d .kb-senku__back {
  width: 2.5vw; height: 0.1vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-2.5vw) translateY(-0.1vw);
  background-color: #100c1e;
}
.floor-r-d .kb-rick__right, .floor-r-d .kb-acid__right, .floor-r-d .kb-stark__right, .floor-r-d .kb-senku__right {
  width: 0.5vw; height: 0.1vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(2.5vw) translateX(-0.5vw) translateY(-0.1vw);
  background-color: rgb(14, 11, 22);
}
.floor-r-d .kb-rick__left, .floor-r-d .kb-acid__left, .floor-r-d .kb-stark__left, .floor-r-d .kb-senku__left {
  width: 0.5vw; height: 0.1vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.1vw);
  background-color: #1c162a;
}
.floor-r-d .kb-rick__top, .floor-r-d .kb-acid__top, .floor-r-d .kb-stark__top, .floor-r-d .kb-senku__top {
  width: 2.5vw; height: 0.5vw;
  transform-origin: top left;
  transform: translateZ(0.1vw);
  background-color: #100c1e;
  background-image: repeating-linear-gradient(to right, rgba(80, 60, 120, 0.3) 0, rgba(80, 60, 120, 0.3) 0.15vw, transparent 0.15vw, transparent 0.3vw);
}
.floor-r-d .kb-rick__bottom, .floor-r-d .kb-acid__bottom, .floor-r-d .kb-stark__bottom, .floor-r-d .kb-senku__bottom {
  width: 2.5vw; height: 0.5vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-2.5vw);
  background-color: #0e0a18;
}

.kb-rick  { left: 3vw; top: 3.5vw; }
.kb-acid  { left: 10.5vw; top: 3.5vw; }
.kb-stark { left: 18vw; top: 3.5vw; }
.kb-senku { left: 25.5vw; top: 3.5vw; }

/* =======================================
   MICE — cube(0.6, 0.15, 0.8) on desk
   ======================================= */
.floor-r-d .mouse-rick, .floor-r-d .mouse-acid, .floor-r-d .mouse-stark, .floor-r-d .mouse-senku {
  position: absolute;
  width: 0.6vw;
  height: 0.8vw;
  transform: translateZ(3.4vw);
}
.floor-r-d .mouse-rick__front, .floor-r-d .mouse-acid__front, .floor-r-d .mouse-stark__front, .floor-r-d .mouse-senku__front {
  width: 0.6vw; height: 0.15vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(0.65vw);
  background-color: #1c162a;
}
.floor-r-d .mouse-rick__back, .floor-r-d .mouse-acid__back, .floor-r-d .mouse-stark__back, .floor-r-d .mouse-senku__back {
  width: 0.6vw; height: 0.15vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-0.6vw) translateY(-0.15vw);
  background-color: #100c1e;
}
.floor-r-d .mouse-rick__right, .floor-r-d .mouse-acid__right, .floor-r-d .mouse-stark__right, .floor-r-d .mouse-senku__right {
  width: 0.8vw; height: 0.15vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.6vw) translateX(-0.8vw) translateY(-0.15vw);
  background-color: rgb(14, 11, 22);
}
.floor-r-d .mouse-rick__left, .floor-r-d .mouse-acid__left, .floor-r-d .mouse-stark__left, .floor-r-d .mouse-senku__left {
  width: 0.8vw; height: 0.15vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.15vw);
  background-color: #1c162a;
}
.floor-r-d .mouse-rick__top, .floor-r-d .mouse-acid__top, .floor-r-d .mouse-stark__top, .floor-r-d .mouse-senku__top {
  width: 0.6vw; height: 0.8vw;
  transform-origin: top left;
  transform: translateZ(0.15vw);
  background-image: radial-gradient(rgb(48, 40, 66), #100c1e);
}
.floor-r-d .mouse-rick__bottom, .floor-r-d .mouse-acid__bottom, .floor-r-d .mouse-stark__bottom, .floor-r-d .mouse-senku__bottom {
  width: 0.6vw; height: 0.8vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-0.6vw);
  background-color: #0e0a18;
}

.mouse-rick  { left: 6vw; top: 3.5vw; }
.mouse-acid  { left: 13.5vw; top: 3.5vw; }
.mouse-stark { left: 21vw; top: 3.5vw; }
.mouse-senku { left: 28.5vw; top: 3.5vw; }

/* =======================================
   SIGNATURE OBJECTS
   ======================================= */

/* Rick: FLASK — cube(0.6, 0.8, 0.6) — small colored cube */
.floor-r-d .flask {
  position: absolute;
  left: 7vw;
  top: 1.5vw;
  width: 0.6vw;
  height: 0.6vw;
  transform: translateZ(3.4vw) rotateZ(-5deg);
}
.floor-r-d .flask__front {
  width: 0.6vw; height: 0.8vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(-0.2vw);
  background-color: rgba(168, 85, 247, 0.6);
}
.floor-r-d .flask__back {
  width: 0.6vw; height: 0.8vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-0.6vw) translateY(-0.8vw);
  background-color: #100c1e;
}
.floor-r-d .flask__right {
  width: 0.6vw; height: 0.8vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.6vw) translateX(-0.6vw) translateY(-0.8vw);
  background-color: rgba(124, 58, 237, 0.5);
}
.floor-r-d .flask__left {
  width: 0.6vw; height: 0.8vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.8vw);
  background-color: rgba(168, 85, 247, 0.4);
}
.floor-r-d .flask__top {
  width: 0.6vw; height: 0.6vw;
  transform-origin: top left;
  transform: translateZ(0.8vw);
  background-color: rgba(74, 222, 128, 0.5);
  box-shadow: 0 0 0.3vw rgba(74, 222, 128, 0.4);
}
.floor-r-d .flask__bottom {
  width: 0.6vw; height: 0.6vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-0.6vw);
  background-color: #0e0a18;
}
.floor-r-d .flask::after {
  content: "";
  position: absolute;
  width: 200%; height: 200%;
  top: -50%; left: -50%;
  border-radius: 50%;
  background-image: radial-gradient(rgba(74, 222, 128, 0.15), transparent 60%);
  filter: blur(0.2vw);
}

/* Acid: VR HEADSET — cube(1, 0.15, 0.6) — flat cube */
.floor-r-d .vr-headset {
  position: absolute;
  left: 14vw;
  top: 1.5vw;
  width: 1vw;
  height: 0.6vw;
  transform: translateZ(3.4vw) rotateZ(5deg);
}
.floor-r-d .vr-headset__front {
  width: 1vw; height: 0.15vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(0.45vw);
  background-color: #2a2340;
}
.floor-r-d .vr-headset__back {
  width: 1vw; height: 0.15vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-1vw) translateY(-0.15vw);
  background-color: #100c1e;
}
.floor-r-d .vr-headset__right {
  width: 0.6vw; height: 0.15vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(1vw) translateX(-0.6vw) translateY(-0.15vw);
  background-color: rgb(14, 11, 22);
}
.floor-r-d .vr-headset__left {
  width: 0.6vw; height: 0.15vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.15vw);
  background-color: #2a2340;
}
.floor-r-d .vr-headset__top {
  width: 1vw; height: 0.6vw;
  transform-origin: top left;
  transform: translateZ(0.15vw);
  background-color: #1a1530;
  border: 0.05vw solid rgba(99, 102, 241, 0.3);
  background-image: linear-gradient(to right, rgba(99, 102, 241, 0.15) 30%, transparent 45%, transparent 55%, rgba(99, 102, 241, 0.15) 70%);
}
.floor-r-d .vr-headset__bottom {
  width: 1vw; height: 0.6vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-1vw);
  background-color: #0e0a18;
}
.floor-r-d .vr-headset::after {
  content: "";
  position: absolute;
  width: 200%; height: 200%;
  top: -50%; left: -50%;
  border-radius: 50%;
  background-image: radial-gradient(rgba(99, 102, 241, 0.1), transparent 60%);
  filter: blur(0.2vw);
}

/* Stark: REACTOR — cube(0.7, 0.7, 0.7) — glowing cube */
.floor-r-d .reactor {
  position: absolute;
  left: 22vw;
  top: 1.8vw;
  width: 0.7vw;
  height: 0.7vw;
  transform: translateZ(3.4vw) rotateZ(15deg);
}
.floor-r-d .reactor__front {
  width: 0.7vw; height: 0.7vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(0vw);
  background-color: rgb(71, 85, 105);
}
.floor-r-d .reactor__back {
  width: 0.7vw; height: 0.7vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-0.7vw) translateY(-0.7vw);
  background-color: #100c1e;
}
.floor-r-d .reactor__right {
  width: 0.7vw; height: 0.7vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.7vw) translateX(-0.7vw) translateY(-0.7vw);
  background-color: rgb(55, 65, 85);
}
.floor-r-d .reactor__left {
  width: 0.7vw; height: 0.7vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.7vw);
  background-color: rgb(60, 72, 90);
}
.floor-r-d .reactor__top {
  width: 0.7vw; height: 0.7vw;
  transform-origin: top left;
  transform: translateZ(0.7vw);
  background-color: rgb(85, 100, 120);
  background-image: radial-gradient(circle at 50% 50%, rgba(148, 163, 184, 0.6) 15%, transparent 60%);
  box-shadow: 0 0 0.4vw rgba(148, 163, 184, 0.4);
}
.floor-r-d .reactor__bottom {
  width: 0.7vw; height: 0.7vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-0.7vw);
  background-color: #0e0a18;
}
.floor-r-d .reactor::after {
  content: "";
  position: absolute;
  width: 250%; height: 250%;
  top: -75%; left: -75%;
  border-radius: 50%;
  background-image: radial-gradient(rgba(148, 163, 184, 0.15), transparent 50%);
  filter: blur(0.3vw);
}

/* Senku: TEST TUBE — cube(0.3, 0.15, 1.2) — tall thin */
.floor-r-d .testtube {
  position: absolute;
  left: 29vw;
  top: 1.5vw;
  width: 0.3vw;
  height: 1.2vw;
  transform: translateZ(3.4vw) rotateZ(-10deg);
}
.floor-r-d .testtube__front {
  width: 0.3vw; height: 0.15vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(1.05vw);
  background-color: rgba(132, 204, 22, 0.4);
}
.floor-r-d .testtube__back {
  width: 0.3vw; height: 0.15vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-0.3vw) translateY(-0.15vw);
  background-color: #100c1e;
}
.floor-r-d .testtube__right {
  width: 1.2vw; height: 0.15vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.3vw) translateX(-1.2vw) translateY(-0.15vw);
  background-color: rgba(101, 163, 13, 0.3);
}
.floor-r-d .testtube__left {
  width: 1.2vw; height: 0.15vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.15vw);
  background-color: rgba(132, 204, 22, 0.35);
}
.floor-r-d .testtube__top {
  width: 0.3vw; height: 1.2vw;
  transform-origin: top left;
  transform: translateZ(0.15vw);
  background-image: linear-gradient(to bottom, rgba(132, 204, 22, 0.2), rgba(132, 204, 22, 0.5));
  border: 0.03vw solid rgba(132, 204, 22, 0.3);
  box-shadow: 0 0 0.2vw rgba(132, 204, 22, 0.3);
}
.floor-r-d .testtube__bottom {
  width: 0.3vw; height: 1.2vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-0.3vw);
  background-color: #0e0a18;
}
.floor-r-d .testtube::after {
  content: "";
  position: absolute;
  width: 300%; height: 150%;
  top: -25%; left: -100%;
  border-radius: 50%;
  background-image: radial-gradient(rgba(132, 204, 22, 0.1), transparent 60%);
  filter: blur(0.2vw);
}

/* =======================================
   MURAL — left wall, "R&D" with scientific grid
   Same pattern as business: rotateZ(-90deg) on left wall
   ======================================= */
.floor-r-d .mural {
  position: absolute;
  left: 1vw;
  top: 22vw;
  width: 16vw;
  height: 0.3vw;
  transform-origin: 0 0;
  transform: translateZ(6vw) rotateZ(-90deg);
}
.floor-r-d .mural__front {
  width: 16vw;
  height: 6.4vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(-6.1vw);
  background-color: black;
  border: 0.08vw solid rgb(14, 11, 22);
  box-shadow: 0.3vw 0.3vw 0.6vw rgba(168, 85, 247, 0.25), -0.3vw 0.3vw 0.6vw rgba(168, 85, 247, 0.25), -0.3vw -0.3vw 0.6vw rgba(168, 85, 247, 0.25), 0.3vw -0.3vw 0.6vw rgba(168, 85, 247, 0.25);
}
.floor-r-d .mural__back {
  width: 16vw;
  height: 6.4vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-16vw) translateY(-6.4vw);
  background-color: #111118;
}
.floor-r-d .mural__back::before {
  content: "";
  position: absolute;
  width: 120%; height: 200%;
  left: -10%; top: -50%;
  border-radius: 50%;
  background-image: radial-gradient(rgba(168, 85, 247, 0.12), transparent 60%);
  filter: blur(1vw);
}
.floor-r-d .mural__right {
  width: 0.3vw;
  height: 6.4vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(16vw) translateX(-0.3vw) translateY(-6.4vw);
  background-color: rgb(8, 6, 14);
}
.floor-r-d .mural__left {
  width: 0.3vw;
  height: 6.4vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-6.4vw);
  background-color: #1c162a;
}
.floor-r-d .mural__top {
  width: 16vw;
  height: 0.3vw;
  transform-origin: top left;
  transform: translateZ(6.4vw);
  background-color: #100c1e;
}
.floor-r-d .mural__bottom {
  width: 16vw;
  height: 0.3vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-16vw);
  background-color: #0e0a18;
}

/* =======================================
   CLOCK — above Acid/Stark screens center area, on back wall
   Same pattern as business: rotateZ(90deg), __right face = visible
   ======================================= */
.floor-r-d .clock {
  position: absolute;
  left: 15vw;
  top: 1vw;
  width: 0.15vw;
  height: 1.5vw;
  transform-origin: 0 0;
  transform: translateZ(7.5vw) rotateZ(90deg);
}
.floor-r-d .clock__front {
  width: 0.15vw;
  height: 1.5vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(0vw);
  background-color: #100c1e;
}
.floor-r-d .clock__back {
  width: 0.15vw;
  height: 1.5vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-0.15vw) translateY(-1.5vw);
  background-color: #0e0a18;
}
.floor-r-d .clock__right {
  width: 1.5vw;
  height: 1.5vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.15vw) translateX(-1.5vw) translateY(-1.5vw);
  background-color: #06020c;
  border: 0.06vw solid rgba(99, 102, 241, 0.3);
  box-shadow: 0 0 0.3vw rgba(99, 102, 241, 0.2);
}
.floor-r-d .clock__left {
  width: 1.5vw;
  height: 1.5vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-1.5vw);
  background-color: #100c1e;
}
.floor-r-d .clock__top {
  width: 0.15vw;
  height: 1.5vw;
  transform-origin: top left;
  transform: translateZ(1.5vw);
  background-color: #100c1e;
}
.floor-r-d .clock__bottom {
  width: 0.15vw;
  height: 1.5vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-0.15vw);
  background-color: #0e0a18;
}


/* ════════════════════════════════════════════════════════════ */
/* FLOOR: PENTHOUSE — Wayne */
/* ════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════
   MORPHEUS BUILDING — PENTHOUSE FLOOR
   Agent: Wayne (black + gold)
   CEO's Private Office — Bruce Wayne
   ═══════════════════════════════════════ */

@keyframes neon-breathe-penthouse {
  0%, 100% { opacity: 0.6; }
  50% { opacity: 0.85; }
}
@keyframes screen-glow-gold-penthouse {
  0%, 100% { box-shadow: 0 0 0.4vw rgba(201, 168, 0, 0.3); }
  50% { box-shadow: 0 0 0.8vw rgba(255, 215, 0, 0.6); }
}
@keyframes led-chase-penthouse {
  0% { opacity: 0.3; }
  50% { opacity: 1; }
  100% { opacity: 0.3; }
}
@keyframes water-surface-penthouse {
  0%, 100% { opacity: 0.35; }
  50% { opacity: 0.55; }
}
@keyframes swim-1-penthouse {
  0%   { transform: translateX(0) scaleX(1); }
  49%  { transform: translateX(12vw) scaleX(1); }
  50%  { transform: translateX(12vw) scaleX(-1); }
  99%  { transform: translateX(0) scaleX(-1); }
  100% { transform: translateX(0) scaleX(1); }
}
@keyframes swim-2-penthouse {
  0%   { transform: translateX(12vw) scaleX(-1); }
  49%  { transform: translateX(0) scaleX(-1); }
  50%  { transform: translateX(0) scaleX(1); }
  99%  { transform: translateX(12vw) scaleX(1); }
  100% { transform: translateX(12vw) scaleX(-1); }
}
@keyframes swim-3-penthouse {
  0%   { transform: translateX(1vw) scaleX(1); }
  49%  { transform: translateX(10vw) scaleX(1); }
  50%  { transform: translateX(10vw) scaleX(-1); }
  99%  { transform: translateX(1vw) scaleX(-1); }
  100% { transform: translateX(1vw) scaleX(1); }
}
@keyframes tail-wag-penthouse {
  0%   { transform: translateY(-50%) rotate(-15deg); }
  100% { transform: translateY(-50%) rotate(15deg); }
}
@keyframes bubble-rise-penthouse {
  0%   { transform: translateY(0); opacity: 0.6; }
  100% { transform: translateY(-2.5vw); opacity: 0; }
}
@keyframes aquarium-glow-penthouse {
  0%, 100% { opacity: 0.3; }
  50% { opacity: 0.5; }
}





.floor-penthouse .face {
  position: absolute;
}

.floor-penthouse .house {
  position: absolute;
  width: 32vw;
  height: 28vw;
  
}

.floor-penthouse .h-shadow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 1.5vw -3vw 3vw hsl(40, 10%, 2%), 1.5vw 0.5vw 1.5vw hsl(40, 10%, 2%);
}

.floor-penthouse .h-lights {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 50vw;
  height: 45vw;
}

.floor-penthouse .h-light {
  position: absolute;
}
.floor-penthouse .h-light:nth-of-type(1) {
  bottom: 5vw;
  right: 0;
  width: 14vw;
  height: 14vw;
  border-radius: 50%;
  background-image: radial-gradient(hsl(40, 10%, 8%), transparent);
  filter: blur(1vw);
}
.floor-penthouse .h-light:nth-of-type(2) {
  bottom: -8vw;
  right: -3vw;
  width: 6vw;
  height: 12vw;
  border-radius: 50%;
  transform: rotateZ(-50deg);
  background-image: radial-gradient(rgba(201, 168, 0, 0.08) 40%, transparent);
  filter: blur(2vw);
}
.floor-penthouse .h-light:nth-of-type(3) {
  bottom: -6vw;
  right: 24vw;
  width: 8vw;
  height: 10vw;
  border-radius: 50%;
  transform: rotateZ(-50deg);
  background-image: radial-gradient(rgba(80, 180, 255, 0.06) 40%, transparent);
  filter: blur(3vw);
}
.h-light:nth-of-type(4) { display: none; }
.h-light:nth-of-type(5) { display: none; }
.h-light:nth-of-type(6) { display: none; }

/* ═══════════════════════════════════════
   CEILING (alt) — near-black
   ═══════════════════════════════════════ */
.floor-penthouse .alt {
  position: absolute;
  left: 0;
  top: 0;
  width: 31vw;
  height: 27vw;
}
.floor-penthouse .alt__front {
  width: 31vw;
  height: 0.5vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(26.5vw);
  background-color: rgb(22, 18, 12);
}
.floor-penthouse .alt__back {
  width: 31vw;
  height: 0.5vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-31vw) translateY(-0.5vw);
  background-color: rgb(10, 8, 6);
}
.floor-penthouse .alt__right {
  width: 27vw;
  height: 0.5vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(31vw) translateX(-27vw) translateY(-0.5vw);
  background-color: rgb(10, 8, 6);
}
.floor-penthouse .alt__left {
  width: 27vw;
  height: 0.5vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.5vw);
  background-color: rgb(28, 22, 14);
}
.floor-penthouse .alt__top {
  width: 31vw;
  height: 27vw;
  transform-origin: top left;
  transform: translateZ(0.5vw);
  background-image: linear-gradient(to bottom, #0a0806, rgb(10, 8, 6), rgb(18, 14, 10));
}
.floor-penthouse .alt__bottom {
  width: 31vw;
  height: 27vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-31vw);
  background-color: rgb(10, 8, 6);
}

/* ═══════════════════════════════════════
   FLOOR (alb) — near-black with very subtle gold tile grid
   ═══════════════════════════════════════ */
.floor-penthouse .alb {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 31vw;
  height: 1vw;
}
.floor-penthouse .alb__front {
  width: 31vw;
  height: 2vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(-1vw);
  background-image: linear-gradient(to right, rgb(22, 18, 12) 40%, rgb(18, 14, 10));
}
.floor-penthouse .alb__back {
  width: 31vw;
  height: 2vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-31vw) translateY(-2vw);
  background-color: rgb(10, 8, 6);
}
.floor-penthouse .alb__right {
  width: 1vw;
  height: 2vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(31vw) translateX(-1vw) translateY(-2vw);
  background-color: rgb(10, 8, 6);
}
.floor-penthouse .alb__left {
  width: 1vw;
  height: 2vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-2vw);
  background-color: rgb(28, 22, 14);
}
.floor-penthouse .alb__top {
  width: 31vw;
  height: 1vw;
  transform-origin: top left;
  transform: translateZ(2vw);
  background-color: #0e0c08;
  background-image:
    repeating-linear-gradient(to right, rgba(201, 168, 0, 0.04) 0, rgba(201, 168, 0, 0.04) 0.03vw, transparent 0.03vw, transparent 4vw),
    repeating-linear-gradient(to bottom, rgba(201, 168, 0, 0.04) 0, rgba(201, 168, 0, 0.04) 0.03vw, transparent 0.03vw, transparent 4vw);
}
.floor-penthouse .alb__bottom {
  width: 31vw;
  height: 1vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-31vw);
  background-color: rgb(10, 8, 6);
}

/* ═══════════════════════════════════════
   RIGHT BASEBOARD (arb) — subtle gold LED strip
   ═══════════════════════════════════════ */
.floor-penthouse .arb {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1vw;
  height: 28vw;
}
.floor-penthouse .arb__front {
  width: 1vw;
  height: 2vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(26vw);
  background-color: rgb(18, 14, 10);
}
.floor-penthouse .arb__back {
  width: 1vw;
  height: 2vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-1vw) translateY(-2vw);
  background-color: rgb(10, 8, 6);
}
.floor-penthouse .arb__right {
  width: 28vw;
  height: 2vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(1vw) translateX(-28vw) translateY(-2vw);
  background-image: linear-gradient(to right, rgb(6, 5, 3) 40%, black);
}
.floor-penthouse .arb__left {
  width: 28vw;
  height: 2vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-2vw);
  background-color: rgb(22, 18, 12);
}
.floor-penthouse .arb__top {
  width: 1vw;
  height: 28vw;
  transform-origin: top left;
  transform: translateZ(2vw);
  background-image: linear-gradient(to top, rgb(28, 22, 14), rgb(10, 8, 6) 25%, rgb(6, 5, 3) 75%, rgb(22, 18, 12));
}
.floor-penthouse .arb__top::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 30%;
  top: 0;
  background-image: linear-gradient(to bottom, transparent, rgba(201, 168, 0, 0.2), transparent);
}
.floor-penthouse .arb__bottom {
  width: 1vw;
  height: 28vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-1vw);
  background-color: rgb(10, 8, 6);
}

/* ═══════════════════════════════════════
   LEFT WALL (blt) — dim gold LED strip
   ═══════════════════════════════════════ */
.floor-penthouse .blt {
  position: absolute;
  left: 0;
  top: 0;
  width: 1vw;
  height: 27vw;
  transform: translateZ(0.5vw);
}
.floor-penthouse .blt__front {
  width: 1vw;
  height: 16vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(11vw);
  background-image: linear-gradient(to bottom, rgb(10, 8, 6), rgb(22, 18, 12));
}
.floor-penthouse .blt__back {
  width: 1vw;
  height: 16vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-1vw) translateY(-16vw);
  background-color: rgb(10, 8, 6);
}
.floor-penthouse .blt__right {
  width: 27vw;
  height: 16vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(1vw) translateX(-27vw) translateY(-16vw);
  background-image: linear-gradient(to bottom, rgb(3, 2, 1), rgb(12, 10, 7), rgb(12, 10, 7) 90%, rgb(8, 6, 4));
}
.floor-penthouse .blt__right::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 0.75vw;
  background-image: linear-gradient(to bottom, rgb(18, 14, 10), #c9a800);
  border-top: 0.1vw solid #0e0c08;
  border-bottom: 0.1vw solid #0e0c08;
  animation: neon-breathe-penthouse 4s ease infinite;
}
.floor-penthouse .blt__right::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to bottom, rgba(100, 84, 0, 0.1), transparent 30%, transparent 70%, rgba(201, 168, 0, 0.12));
}
.floor-penthouse .blt__left {
  width: 27vw;
  height: 16vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-16vw);
  background-color: rgb(28, 22, 14);
}
.floor-penthouse .blt__top {
  width: 1vw;
  height: 27vw;
  transform-origin: top left;
  transform: translateZ(16vw);
}
.floor-penthouse .blt__bottom {
  width: 1vw;
  height: 27vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-1vw);
  background-color: rgb(10, 8, 6);
}

/* blt2 — crown molding left wall */
.floor-penthouse .blt2 {
  position: absolute;
  left: 0;
  top: 0;
  width: 2vw;
  height: 27vw;
  transform: translateZ(16.5vw);
}
.floor-penthouse .blt2__front {
  width: 2vw;
  height: 0.75vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(26.25vw);
  background-color: rgb(10, 8, 6);
}
.floor-penthouse .blt2__back {
  width: 2vw;
  height: 0.75vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-2vw) translateY(-0.75vw);
  background-color: rgb(10, 8, 6);
}
.floor-penthouse .blt2__right {
  width: 27vw;
  height: 0.75vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(2vw) translateX(-27vw) translateY(-0.75vw);
  background-image: linear-gradient(to right, rgb(18, 14, 10), rgb(22, 18, 12), rgb(14, 12, 8));
}
.floor-penthouse .blt2__right::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  border-bottom: 0.1vw solid rgba(40, 32, 20, 0.5);
  background-image: linear-gradient(to top, rgba(201, 168, 0, 0.08), transparent);
}
.floor-penthouse .blt2__left {
  width: 27vw;
  height: 0.75vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.75vw);
  background-color: rgb(28, 22, 14);
}
.floor-penthouse .blt2__top {
  width: 2vw;
  height: 27vw;
  transform-origin: top left;
  transform: translateZ(0.75vw);
  background-image: linear-gradient(to top, rgb(22, 18, 12), rgb(28, 22, 14));
}
.floor-penthouse .blt2__bottom {
  width: 2vw;
  height: 27vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-2vw);
  background-color: rgb(10, 8, 6);
}

/* ═══════════════════════════════════════
   BACK WALL (blb) — dim gold LED strip at bottom
   ═══════════════════════════════════════ */
.floor-penthouse .blb {
  position: absolute;
  left: 1vw;
  top: 0;
  width: 30vw;
  height: 1vw;
  transform: translateZ(0.5vw);
}
.floor-penthouse .blb__front {
  width: 30vw;
  height: 16vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(-15vw);
  background-image: linear-gradient(to bottom, rgb(3, 2, 1), rgb(10, 8, 6) 20%, rgb(3, 2, 1));
}
.floor-penthouse .blb__front::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image:
    linear-gradient(to bottom, rgba(60, 50, 20, 0.06), transparent 20%, transparent 80%, rgba(60, 50, 20, 0.08)),
    linear-gradient(to right, rgba(201, 168, 0, 0.06), transparent 25%, transparent 75%, rgba(201, 168, 0, 0.04)),
    linear-gradient(to bottom, rgba(14, 12, 8, 0.25), transparent 20%, transparent 80%, rgba(60, 50, 20, 0.06));
}
.floor-penthouse .blb__front::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 0.75vw;
  background-image: linear-gradient(to right, #c9a800 30%, #c9a800 70%);
  border-top: 0.1vw solid #0e0c08;
  border-bottom: 0.1vw solid #0e0c08;
  animation: neon-breathe-penthouse 4s ease infinite;
}
.floor-penthouse .blb__back {
  width: 30vw;
  height: 16vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-30vw) translateY(-16vw);
  background-color: rgb(10, 8, 6);
}
.floor-penthouse .blb__right {
  width: 1vw;
  height: 16vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(30vw) translateX(-1vw) translateY(-16vw);
  background-image: linear-gradient(to bottom, rgb(3, 2, 1), black 80%, rgb(3, 2, 1));
}
.floor-penthouse .blb__left {
  width: 1vw;
  height: 16vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-16vw);
}
.floor-penthouse .blb__top {
  width: 30vw;
  height: 1vw;
  transform-origin: top left;
  transform: translateZ(16vw);
}
.floor-penthouse .blb__bottom {
  width: 30vw;
  height: 1vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-30vw);
  background-color: rgb(10, 8, 6);
}

/* blb2 — crown molding back wall */
.floor-penthouse .blb2 {
  position: absolute;
  left: 2vw;
  top: 0;
  width: 29vw;
  height: 1vw;
  transform: translateZ(16.5vw);
}
.floor-penthouse .blb2__front {
  width: 29vw;
  height: 0.75vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(1.25vw);
  background-image: linear-gradient(to right, rgb(14, 12, 8), rgb(22, 18, 12), rgb(18, 14, 10));
}
.floor-penthouse .blb2__front::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  border-bottom: 0.1vw solid rgba(40, 32, 20, 0.5);
  background-image: linear-gradient(to top, rgba(201, 168, 0, 0.06), transparent);
}
.floor-penthouse .blb2__back {
  width: 29vw;
  height: 0.75vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-29vw) translateY(-0.75vw);
  background-color: rgb(10, 8, 6);
}
.floor-penthouse .blb2__right {
  width: 2vw;
  height: 0.75vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(29vw) translateX(-2vw) translateY(-0.75vw);
  background-color: rgb(3, 2, 1);
}
.floor-penthouse .blb2__left {
  width: 2vw;
  height: 0.75vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.75vw);
  background-color: rgb(22, 18, 12);
}
.floor-penthouse .blb2__top {
  width: 29vw;
  height: 2vw;
  transform-origin: top left;
  transform: translateZ(0.75vw);
  background-image: linear-gradient(to left, rgb(22, 18, 12), rgb(28, 22, 14));
}
.floor-penthouse .blb2__bottom {
  width: 29vw;
  height: 2vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-29vw);
  background-color: rgb(10, 8, 6);
}

/* ═══════════════════════════════════════
   GRAND DESK — 12x8vw, dark mahogany, gold trim
   Position: left:10vw, top:5vw, translateZ(3vw)
   ═══════════════════════════════════════ */
.floor-penthouse .desk-wayne {
  position: absolute;
  left: 10vw;
  top: 5vw;
  width: 12vw;
  height: 8vw;
  transform: translateZ(3vw);
}
.floor-penthouse .desk-wayne::before {
  content: "";
  position: absolute;
  top: -5%;
  left: -5%;
  width: 110%;
  height: 110%;
  background-color: rgba(10, 8, 4, 0.9);
  filter: blur(0.8vw);
}
.floor-penthouse .desk-wayne::after {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-image: radial-gradient(ellipse at 50% 30%, rgba(201, 168, 0, 0.04), transparent 60%);
  transform: translateZ(0.01vw);
}
.floor-penthouse .desk-wayne__front {
  width: 12vw;
  height: 0.5vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(7.5vw);
  background-image: linear-gradient(to right, rgb(45, 25, 15), rgb(30, 18, 10));
}
.floor-penthouse .desk-wayne__front::before {
  content: "";
  position: absolute;
  width: 100%; height: 100%;
  background-image: linear-gradient(135deg, rgba(201, 168, 0, 0.1), transparent 55%);
}
.floor-penthouse .desk-wayne__back {
  width: 12vw;
  height: 0.5vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-12vw) translateY(-0.5vw);
  background-color: rgb(20, 12, 6);
}
.floor-penthouse .desk-wayne__right {
  width: 8vw;
  height: 0.5vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(12vw) translateX(-8vw) translateY(-0.5vw);
  background-color: rgb(22, 14, 8);
}
.floor-penthouse .desk-wayne__left {
  width: 8vw;
  height: 0.5vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.5vw);
  background-color: rgb(38, 22, 12);
}
.floor-penthouse .desk-wayne__top {
  width: 12vw;
  height: 8vw;
  transform-origin: top left;
  transform: translateZ(0.5vw);
  background-image: linear-gradient(135deg, rgb(45, 25, 15), rgb(30, 18, 10));
}
/* Gold trim on desk top edge */
.floor-penthouse .desk-wayne__top::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  border: 0.06vw solid rgba(201, 168, 0, 0.3);
  box-shadow: inset 0 0 0.3vw rgba(201, 168, 0, 0.1);
}
.floor-penthouse .desk-wayne__top::after {
  content: "";
  position: absolute;
  bottom: 0; width: 50%; height: 50%;
  background-image: linear-gradient(135deg, rgba(201, 168, 0, 0.08), rgba(255, 255, 255, 0.03) 50%, transparent 55%);
  filter: blur(0.3vw);
}
.floor-penthouse .desk-wayne__bottom {
  width: 12vw;
  height: 8vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-12vw);
  background-color: rgb(15, 10, 5);
}

/* ═══════════════════════════════════════
   SCREENS — 3 wide screens behind desk on back wall
   Screen cube: 2.8w x 0.3d x 3.5h, translateZ(3.5vw)
   ═══════════════════════════════════════ */
.floor-penthouse .screen-wayne1, .floor-penthouse .screen-wayne2, .floor-penthouse .screen-wayne3 {
  position: absolute;
  width: 2.8vw;
  height: 0.3vw;
  transform: translateZ(3.5vw);
}

/* Front face — 2.8 x 3.5 */
.floor-penthouse .screen-wayne1__front, .floor-penthouse .screen-wayne2__front, .floor-penthouse .screen-wayne3__front {
  width: 2.8vw;
  height: 3.5vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(-3.2vw);
}
/* Back face */
.floor-penthouse .screen-wayne1__back, .floor-penthouse .screen-wayne2__back, .floor-penthouse .screen-wayne3__back {
  width: 2.8vw;
  height: 3.5vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-2.8vw) translateY(-3.5vw);
  background-color: #0a0806;
}
/* Right face */
.floor-penthouse .screen-wayne1__right, .floor-penthouse .screen-wayne2__right, .floor-penthouse .screen-wayne3__right {
  width: 0.3vw;
  height: 3.5vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(2.8vw) translateX(-0.3vw) translateY(-3.5vw);
  background-color: #0a0806;
}
/* Left face */
.floor-penthouse .screen-wayne1__left, .floor-penthouse .screen-wayne2__left, .floor-penthouse .screen-wayne3__left {
  width: 0.3vw;
  height: 3.5vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-3.5vw);
  background-color: #0a0806;
}
/* Top face */
.floor-penthouse .screen-wayne1__top, .floor-penthouse .screen-wayne2__top, .floor-penthouse .screen-wayne3__top {
  width: 2.8vw;
  height: 0.3vw;
  transform-origin: top left;
  transform: translateZ(3.5vw);
  background-color: #0e0a06;
}
/* Bottom face */
.floor-penthouse .screen-wayne1__bottom, .floor-penthouse .screen-wayne2__bottom, .floor-penthouse .screen-wayne3__bottom {
  width: 2.8vw;
  height: 0.3vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-2.8vw);
  background-color: #0e0a06;
}

/* --- Wayne screen positions --- */
.screen-wayne1 { left: 11vw; top: 1.2vw; }
.screen-wayne2 { left: 14.2vw; top: 1.2vw; }
.screen-wayne3 { left: 17.4vw; top: 1.2vw; }

.floor-penthouse .screen-wayne1__front, .floor-penthouse .screen-wayne2__front, .floor-penthouse .screen-wayne3__front {
  background-color: rgb(40, 36, 20);
  border: 0.125vw solid rgb(6, 5, 3);
}
.floor-penthouse .screen-wayne1__front::before, .floor-penthouse .screen-wayne2__front::before, .floor-penthouse .screen-wayne3__front::before {
  content: "";
  position: absolute;
  width: 100%; height: 100%;
  box-shadow: 0.125vw 0.125vw 1vw rgba(201, 168, 0, 0.35), -0.125vw 0.125vw 1vw rgba(201, 168, 0, 0.35), 0.125vw -0.125vw 1vw rgba(201, 168, 0, 0.35), -0.125vw -0.125vw 1vw rgba(201, 168, 0, 0.35);
}
.screen-wayne1__front { animation: screen-glow-gold-penthouse 3s ease infinite; }
.screen-wayne2__front { animation: screen-glow-gold-penthouse 3s ease infinite 0.5s; }
.screen-wayne3__front { animation: screen-glow-gold-penthouse 3s ease infinite 1s; }

.floor-penthouse .screen-wayne1__back::before {
  content: "";
  position: absolute;
  width: 10vw; height: 5vw;
  background-image: radial-gradient(rgba(201, 168, 0, 0.5), rgba(150, 125, 0, 0.3));
  filter: blur(1vw);
}
.floor-penthouse .screen-wayne2__back::before {
  content: "";
  position: absolute;
  width: 10vw; height: 5vw;
  background-image: radial-gradient(rgba(201, 168, 0, 0.4), transparent);
  filter: blur(1vw);
}
.floor-penthouse .screen-wayne3__back::before {
  content: "";
  position: absolute;
  width: 8vw; height: 4vw;
  background-image: radial-gradient(rgba(201, 168, 0, 0.35), transparent);
  filter: blur(1vw);
}

/* ═══════════════════════════════════════
   GAMING CHAIR — single, black leather + gold accents
   Position: left:14vw, top:12vw, facing desk (rotateZ 180deg)
   ═══════════════════════════════════════ */
.floor-penthouse .chair-wayne {
  position: absolute;
  left: 14vw;
  top: 12vw;
  width: 2.5vw;
  height: 2.5vw;
  transform-origin: 1.25vw 1.25vw;
  transform: translateZ(0.5vw) rotateZ(180deg);
}
.floor-penthouse .chair-wayne::before {
  content: "";
  position: absolute;
  top: -8%; left: -8%;
  width: 116%; height: 116%;
  background-color: rgba(10, 8, 4, 0.8);
  filter: blur(0.5vw);
}

/* Chair seat — cube(2.5, 0.3, 2.5) */
.floor-penthouse .chair-seat {
  position: absolute;
  left: 0; top: 0;
  width: 2.5vw; height: 2.5vw;
}
.floor-penthouse .chair-seat__front {
  width: 2.5vw; height: 0.3vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(2.2vw);
  background-color: #1a1a1a;
}
.floor-penthouse .chair-seat__back {
  width: 2.5vw; height: 0.3vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-2.5vw) translateY(-0.3vw);
  background-color: #0e0e0e;
}
.floor-penthouse .chair-seat__right {
  width: 2.5vw; height: 0.3vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(2.5vw) translateX(-2.5vw) translateY(-0.3vw);
  background-color: rgb(12, 12, 12);
}
.floor-penthouse .chair-seat__left {
  width: 2.5vw; height: 0.3vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.3vw);
  background-color: #1a1a1a;
}
.floor-penthouse .chair-seat__top {
  width: 2.5vw; height: 2.5vw;
  transform-origin: top left;
  transform: translateZ(0.3vw);
  background-image: linear-gradient(135deg, rgb(35, 35, 35), #0e0e0e);
}
/* Gold stitching on seat top */
.floor-penthouse .chair-seat__top::before {
  content: "";
  position: absolute;
  top: 0.15vw; left: 0.15vw; right: 0.15vw; bottom: 0.15vw;
  border: 0.03vw solid rgba(201, 168, 0, 0.25);
}
.floor-penthouse .chair-seat__bottom {
  width: 2.5vw; height: 2.5vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-2.5vw);
  background-color: #0a0a0a;
}

/* Chair back — cube(2.5, 3.5, 0.3) */
.floor-penthouse .chair-back {
  position: absolute;
  left: 0; top: 0;
  width: 2.5vw; height: 0.3vw;
  transform: translateZ(0.3vw);
}
.floor-penthouse .chair-back__front {
  width: 2.5vw; height: 3.5vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(-3.2vw);
  background-image: linear-gradient(to bottom, #1a1a1a, rgb(16, 16, 16));
}
.floor-penthouse .chair-back__back {
  width: 2.5vw; height: 3.5vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-2.5vw) translateY(-3.5vw);
  background-color: #0e0e0e;
}
.floor-penthouse .chair-back__right {
  width: 0.3vw; height: 3.5vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(2.5vw) translateX(-0.3vw) translateY(-3.5vw);
  background-color: rgb(12, 12, 12);
}
.floor-penthouse .chair-back__left {
  width: 0.3vw; height: 3.5vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-3.5vw);
  background-color: #1a1a1a;
}
.floor-penthouse .chair-back__top {
  width: 2.5vw; height: 0.3vw;
  transform-origin: top left;
  transform: translateZ(3.5vw);
  background-color: rgb(30, 30, 30);
}
.floor-penthouse .chair-back__bottom {
  width: 2.5vw; height: 0.3vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-2.5vw);
  background-color: #0a0a0a;
}

/* Headrest — cube(1.6, 0.6, 0.3) */
.floor-penthouse .chair-headrest {
  position: absolute;
  left: 0.45vw; top: 0;
  width: 1.6vw; height: 0.3vw;
  transform: translateZ(3.8vw);
}
.chair-headrest__front  { width: 1.6vw; height: 0.6vw; transform-origin: bottom left; transform: rotateX(-90deg) translateZ(-0.3vw); background: linear-gradient(to bottom, #1a1a1a, #121212); }
.chair-headrest__back   { width: 1.6vw; height: 0.6vw; transform-origin: top left; transform: rotateX(-90deg) rotateY(180deg) translateX(-1.6vw) translateY(-0.6vw); background: #0e0e0e; }
.chair-headrest__right  { width: 0.3vw; height: 0.6vw; transform-origin: top left; transform: rotateY(90deg) rotateZ(-90deg) translateZ(1.6vw) translateX(-0.3vw) translateY(-0.6vw); background: rgb(12, 12, 12); }
.chair-headrest__left   { width: 0.3vw; height: 0.6vw; transform-origin: top left; transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.6vw); background: #1a1a1a; }
.chair-headrest__top    { width: 1.6vw; height: 0.3vw; transform-origin: top left; transform: translateZ(0.6vw); background: linear-gradient(135deg, rgb(35, 35, 35), #1a1a1a); }
.chair-headrest__bottom { width: 1.6vw; height: 0.3vw; transform-origin: top left; transform: rotateY(180deg) translateX(-1.6vw); background: #0a0a0a; }

/* Armrests — cube(0.3, 0.2, 2) */
.floor-penthouse .chair-arm {
  position: absolute;
  width: 0.3vw; height: 2vw;
  transform: translateZ(0.5vw);
}
.chair-arm-l { left: -0.35vw; top: 0.25vw; }
.chair-arm-r { left: 2.55vw; top: 0.25vw; }
.chair-arm__front  { width: 0.3vw; height: 0.2vw; transform-origin: bottom left; transform: rotateX(-90deg) translateZ(1.8vw); }
.chair-arm__back   { width: 0.3vw; height: 0.2vw; transform-origin: top left; transform: rotateX(-90deg) rotateY(180deg) translateX(-0.3vw) translateY(-0.2vw); }
.chair-arm__right  { width: 2vw; height: 0.2vw; transform-origin: top left; transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.3vw) translateX(-2vw) translateY(-0.2vw); }
.chair-arm__left   { width: 2vw; height: 0.2vw; transform-origin: top left; transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.2vw); }
.chair-arm__top    { width: 0.3vw; height: 2vw; transform-origin: top left; transform: translateZ(0.2vw); }
.chair-arm__bottom { width: 0.3vw; height: 2vw; transform-origin: top left; transform: rotateY(180deg) translateX(-0.3vw); }
.chair-arm__front, .chair-arm__right { background: #1a1a1a; }
.chair-arm__back, .chair-arm__left   { background: #0e0e0e; }
.chair-arm__top    { background: linear-gradient(135deg, #252525, #1a1a1a); }
.chair-arm__bottom { background: #080808; }
/* Gold accent on armrest top */
.floor-penthouse .chair-arm__top::before {
  content: "";
  position: absolute;
  top: 0.3vw; left: 0.05vw; right: 0.05vw;
  height: 0.8vw;
  border: 0.02vw solid rgba(201, 168, 0, 0.2);
}

/* ═══════════════════════════════════════
   KEYBOARD — on desk at translateZ(3.5vw)
   ═══════════════════════════════════════ */
.floor-penthouse .kb-wayne {
  position: absolute;
  left: 14.5vw;
  top: 9vw;
  width: 2.5vw;
  height: 0.5vw;
  transform: translateZ(3.5vw);
}
.floor-penthouse .kb-wayne__front {
  width: 2.5vw; height: 0.1vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(0.4vw);
  background-color: #1a1a1a;
}
.floor-penthouse .kb-wayne__back {
  width: 2.5vw; height: 0.1vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-2.5vw) translateY(-0.1vw);
  background-color: #0e0e0e;
}
.floor-penthouse .kb-wayne__right {
  width: 0.5vw; height: 0.1vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(2.5vw) translateX(-0.5vw) translateY(-0.1vw);
  background-color: rgb(12, 12, 12);
}
.floor-penthouse .kb-wayne__left {
  width: 0.5vw; height: 0.1vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.1vw);
  background-color: #1a1a1a;
}
.floor-penthouse .kb-wayne__top {
  width: 2.5vw; height: 0.5vw;
  transform-origin: top left;
  transform: translateZ(0.1vw);
  background-color: #0e0e0e;
  background-image: repeating-linear-gradient(to right, rgba(201, 168, 0, 0.08) 0, rgba(201, 168, 0, 0.08) 0.15vw, transparent 0.15vw, transparent 0.3vw);
}
.floor-penthouse .kb-wayne__bottom {
  width: 2.5vw; height: 0.5vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-2.5vw);
  background-color: #080808;
}

/* ═══════════════════════════════════════
   MOUSE — on desk
   ═══════════════════════════════════════ */
.floor-penthouse .mouse-wayne {
  position: absolute;
  left: 18vw;
  top: 9.5vw;
  width: 0.6vw;
  height: 0.8vw;
  transform: translateZ(3.5vw);
}
.floor-penthouse .mouse-wayne__front {
  width: 0.6vw; height: 0.15vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(0.65vw);
  background-color: #1a1a1a;
}
.floor-penthouse .mouse-wayne__back {
  width: 0.6vw; height: 0.15vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-0.6vw) translateY(-0.15vw);
  background-color: #0e0e0e;
}
.floor-penthouse .mouse-wayne__right {
  width: 0.8vw; height: 0.15vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.6vw) translateX(-0.8vw) translateY(-0.15vw);
  background-color: rgb(12, 12, 12);
}
.floor-penthouse .mouse-wayne__left {
  width: 0.8vw; height: 0.15vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.15vw);
  background-color: #1a1a1a;
}
.floor-penthouse .mouse-wayne__top {
  width: 0.6vw; height: 0.8vw;
  transform-origin: top left;
  transform: translateZ(0.15vw);
  background-image: radial-gradient(rgb(30, 30, 30), #0e0e0e);
}
.floor-penthouse .mouse-wayne__bottom {
  width: 0.6vw; height: 0.8vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-0.6vw);
  background-color: #080808;
}

/* ═══════════════════════════════════════
   WHISKEY GLASS — translucent cube, signature object
   Position: left:19vw, top:6vw on desk
   ═══════════════════════════════════════ */
.floor-penthouse .whiskey {
  position: absolute;
  left: 19.5vw;
  top: 6.5vw;
  width: 0.6vw;
  height: 0.6vw;
  transform: translateZ(3.5vw);
}
.floor-penthouse .whiskey__front {
  width: 0.6vw; height: 0.7vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(-0.1vw);
  background-color: rgba(180, 140, 60, 0.15);
  border-left: 0.03vw solid rgba(255, 255, 255, 0.1);
  border-right: 0.03vw solid rgba(255, 255, 255, 0.05);
}
.floor-penthouse .whiskey__back {
  width: 0.6vw; height: 0.7vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-0.6vw) translateY(-0.7vw);
  background-color: rgba(120, 90, 30, 0.1);
}
.floor-penthouse .whiskey__right {
  width: 0.6vw; height: 0.7vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.6vw) translateX(-0.6vw) translateY(-0.7vw);
  background-color: rgba(100, 75, 25, 0.08);
}
.floor-penthouse .whiskey__left {
  width: 0.6vw; height: 0.7vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-0.7vw);
  background-color: rgba(180, 140, 60, 0.12);
}
.floor-penthouse .whiskey__top {
  width: 0.6vw; height: 0.6vw;
  transform-origin: top left;
  transform: translateZ(0.7vw);
  background-color: rgba(180, 140, 60, 0.1);
  border: 0.03vw solid rgba(255, 255, 255, 0.08);
  border-radius: 0.05vw;
}
.floor-penthouse .whiskey__bottom {
  width: 0.6vw; height: 0.6vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-0.6vw);
  background-color: rgba(140, 100, 30, 0.2);
}
/* Liquid inside */
.floor-penthouse .whiskey::after {
  content: "";
  position: absolute;
  width: 200%; height: 200%;
  top: -50%; left: -50%;
  border-radius: 50%;
  background-image: radial-gradient(rgba(201, 168, 0, 0.08), transparent 60%);
  filter: blur(0.15vw);
}

/* ═══════════════════════════════════════
   LEATHER SOFA — 2 cubes: seat + back
   Position: left:20vw, top:16vw
   ═══════════════════════════════════════ */

/* Sofa shadow */
.floor-penthouse .sofa::before {
  content: "";
  position: absolute;
  top: -8%; left: -8%;
  width: 116%; height: 116%;
  background-color: rgba(10, 8, 4, 0.8);
  filter: blur(0.6vw);
}

/* --- Sofa Seat: 8 x 3 x 1vw at translateZ(1.5vw) --- */
.floor-penthouse .sofa-seat {
  position: absolute;
  left: 20vw;
  top: 16vw;
  width: 8vw;
  height: 3vw;
  transform: translateZ(1.5vw);
}
.floor-penthouse .sofa-seat::before {
  content: "";
  position: absolute;
  top: -8%; left: -5%;
  width: 110%; height: 116%;
  background-color: rgba(10, 8, 4, 0.8);
  filter: blur(0.6vw);
}
.floor-penthouse .sofa-seat__front {
  width: 8vw; height: 1vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(2vw);
  background-image: linear-gradient(to right, rgb(35, 25, 18), rgb(28, 20, 14));
}
.floor-penthouse .sofa-seat__front::before {
  content: "";
  position: absolute;
  width: 100%; height: 100%;
  background-image: linear-gradient(135deg, rgba(201, 168, 0, 0.06), transparent 55%);
}
.floor-penthouse .sofa-seat__back {
  width: 8vw; height: 1vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-8vw) translateY(-1vw);
  background-color: rgb(18, 12, 8);
}
.floor-penthouse .sofa-seat__right {
  width: 3vw; height: 1vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(8vw) translateX(-3vw) translateY(-1vw);
  background-color: rgb(20, 14, 10);
}
.floor-penthouse .sofa-seat__left {
  width: 3vw; height: 1vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-1vw);
  background-color: rgb(30, 22, 16);
}
.floor-penthouse .sofa-seat__top {
  width: 8vw; height: 3vw;
  transform-origin: top left;
  transform: translateZ(1vw);
  background-image: linear-gradient(135deg, rgb(35, 25, 18), rgb(28, 20, 14));
}
/* Gold stitching line on sofa seat top */
.floor-penthouse .sofa-seat__top::before {
  content: "";
  position: absolute;
  top: 0.2vw; left: 0.2vw; right: 0.2vw; bottom: 0.2vw;
  border: 0.03vw solid rgba(201, 168, 0, 0.2);
}
.floor-penthouse .sofa-seat__bottom {
  width: 8vw; height: 3vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-8vw);
  background-color: rgb(12, 8, 5);
}

/* --- Sofa Back: 8 x 0.5 x 2.5vw at translateZ(1.5vw) --- */
.floor-penthouse .sofa-back {
  position: absolute;
  left: 20vw;
  top: 15.5vw;
  width: 8vw;
  height: 0.5vw;
  transform: translateZ(1.5vw);
}
.floor-penthouse .sofa-back__front {
  width: 8vw; height: 2.5vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(-2vw);
  background-image: linear-gradient(to bottom, rgb(35, 25, 18), rgb(30, 22, 16));
}
.floor-penthouse .sofa-back__front::before {
  content: "";
  position: absolute;
  width: 100%; height: 100%;
  background-image: linear-gradient(135deg, rgba(201, 168, 0, 0.04), transparent 55%);
}
.floor-penthouse .sofa-back__back {
  width: 8vw; height: 2.5vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-8vw) translateY(-2.5vw);
  background-color: rgb(18, 12, 8);
}
.floor-penthouse .sofa-back__right {
  width: 0.5vw; height: 2.5vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(8vw) translateX(-0.5vw) translateY(-2.5vw);
  background-color: rgb(20, 14, 10);
}
.floor-penthouse .sofa-back__left {
  width: 0.5vw; height: 2.5vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-2.5vw);
  background-color: rgb(30, 22, 16);
}
.floor-penthouse .sofa-back__top {
  width: 8vw; height: 0.5vw;
  transform-origin: top left;
  transform: translateZ(2.5vw);
  background-image: linear-gradient(135deg, rgb(38, 28, 20), rgb(30, 22, 16));
}
/* Gold stitching line on sofa back top */
.floor-penthouse .sofa-back__top::before {
  content: "";
  position: absolute;
  top: 0.08vw; left: 0.2vw; right: 0.2vw; bottom: 0.08vw;
  border: 0.03vw solid rgba(201, 168, 0, 0.2);
}
.floor-penthouse .sofa-back__bottom {
  width: 8vw; height: 0.5vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-8vw);
  background-color: rgb(12, 8, 5);
}

/* ═══════════════════════════════════════
   AQUARIUM — star feature
   Position: left:2vw, top:14vw
   6 x 4vw base, 4vw tall, elevated at translateZ(2vw)
   ═══════════════════════════════════════ */

/* Aquarium stand (bracket/shelf on wall) */
.floor-penthouse .aquarium-stand {
  position: absolute;
  left: 1vw;
  top: 22vw;
  width: 16vw;
  height: 2vw;
  transform-origin: 0 0;
  transform: translateZ(0vw) rotateZ(-90deg);
}
.floor-penthouse .aquarium-stand::before {
  content: "";
  position: absolute;
  top: -5%; left: -5%;
  width: 110%; height: 110%;
  background-color: rgba(10, 8, 4, 0.85);
  filter: blur(0.6vw);
}
.floor-penthouse .aquarium-stand__front {
  width: 16vw; height: 2vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(0vw);
  background-image: linear-gradient(to right, rgb(20, 16, 10), rgb(14, 11, 7));
}
.floor-penthouse .aquarium-stand__back {
  width: 16vw; height: 2vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-16vw) translateY(-2vw);
  background-color: rgb(8, 6, 4);
}
.floor-penthouse .aquarium-stand__right {
  width: 2vw; height: 2vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(16vw) translateX(-2vw) translateY(-2vw);
  background-color: rgb(10, 8, 5);
}
.floor-penthouse .aquarium-stand__left {
  width: 2vw; height: 2vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-2vw);
  background-color: rgb(18, 14, 9);
}
.floor-penthouse .aquarium-stand__top {
  width: 16vw; height: 2vw;
  transform-origin: top left;
  transform: translateZ(2vw);
  background-image: linear-gradient(135deg, rgb(22, 18, 12), rgb(14, 11, 7));
}
.floor-penthouse .aquarium-stand__bottom {
  width: 16vw; height: 2vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-16vw);
  background-color: rgb(8, 6, 4);
}

/* Aquarium glass tank */
.floor-penthouse .aquarium {
  position: absolute;
  left: 1vw;
  top: 22vw;
  width: 16vw;
  height: 2vw;
  transform-origin: 0 0;
  transform: translateZ(2vw) rotateZ(-90deg);
}
/* Aquarium glow on wall */
.floor-penthouse .aquarium::after {
  content: "";
  position: absolute;
  width: 200%; height: 200%;
  top: -50%; left: -50%;
  border-radius: 50%;
  background-image: radial-gradient(rgba(80, 180, 255, 0.06), transparent 60%);
  filter: blur(1vw);
  animation: aquarium-glow-penthouse 4s ease infinite;
}

/* Glass front face (visible — fish swim here) */
.floor-penthouse .aquarium__front {
  width: 16vw; height: 3vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(-1vw);
  background-color: rgba(80, 180, 255, 0.04);
  border: 0.04vw solid rgba(150, 220, 255, 0.12);
  overflow: hidden;
}
.floor-penthouse .aquarium__back {
  width: 16vw; height: 3vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-16vw) translateY(-3vw);
  background-color: rgba(40, 100, 140, 0.06);
  border: 0.04vw solid rgba(150, 220, 255, 0.06);
}
.floor-penthouse .aquarium__left {
  width: 2vw; height: 3vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-3vw);
  background-color: rgba(80, 180, 255, 0.05);
  border: 0.04vw solid rgba(150, 220, 255, 0.1);
}
.floor-penthouse .aquarium__right {
  width: 2vw; height: 3vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(16vw) translateX(-2vw) translateY(-3vw);
  background-color: rgba(40, 100, 140, 0.04);
  border: 0.04vw solid rgba(150, 220, 255, 0.06);
}
/* Top — water surface */
.floor-penthouse .aquarium__top {
  width: 16vw; height: 2vw;
  transform-origin: top left;
  transform: translateZ(3vw);
  background-color: rgba(80, 180, 255, 0.06);
  border: 0.04vw solid rgba(150, 220, 255, 0.1);
  animation: water-surface-penthouse 3s ease infinite;
}
/* Sand bottom */
.floor-penthouse .aquarium__bottom {
  width: 16vw; height: 2vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-16vw);
  background-image: linear-gradient(135deg, rgb(180, 160, 120), rgb(150, 135, 100), rgb(160, 142, 108));
}

/* Water inside — nested cube slightly smaller */
.floor-penthouse .aquarium-water {
  position: absolute;
  left: 1vw;
  top: 22vw;
  width: 15.7vw;
  height: 1.7vw;
  transform-origin: 0 0;
  transform: translateZ(2.05vw) rotateZ(-90deg) translate(0.15vw, 0.15vw);
}
.floor-penthouse .aquarium-water__front {
  width: 15.7vw; height: 2.7vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(-1vw);
  background-image: linear-gradient(to bottom, rgba(30, 120, 180, 0.15), rgba(10, 50, 80, 0.25));
}
.floor-penthouse .aquarium-water__back {
  width: 15.7vw; height: 2.7vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-15.7vw) translateY(-2.7vw);
  background-image: linear-gradient(to bottom, rgba(20, 80, 120, 0.1), rgba(8, 35, 55, 0.2));
}
.floor-penthouse .aquarium-water__left {
  width: 1.7vw; height: 2.7vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-2.7vw);
  background-image: linear-gradient(to bottom, rgba(30, 120, 180, 0.12), rgba(10, 50, 80, 0.22));
}
.floor-penthouse .aquarium-water__right {
  width: 1.7vw; height: 2.7vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(15.7vw) translateX(-1.7vw) translateY(-2.7vw);
  background-image: linear-gradient(to bottom, rgba(20, 80, 120, 0.08), rgba(8, 35, 55, 0.18));
}
.floor-penthouse .aquarium-water__top {
  width: 15.7vw; height: 1.7vw;
  transform-origin: top left;
  transform: translateZ(2.7vw);
  background-color: rgba(60, 160, 220, 0.08);
  animation: water-surface-penthouse 3s ease infinite 0.5s;
}
.floor-penthouse .aquarium-water__bottom {
  width: 15.7vw; height: 1.7vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-15.7vw);
  background-image: linear-gradient(135deg, rgba(180, 160, 120, 0.3), rgba(150, 135, 100, 0.3));
}

/* ═══════════════════════════════════════
   FISH — CSS-only fish on front visible face
   Positioned inside aquarium__front (16vw × 3vw)
   ═══════════════════════════════════════ */
.floor-penthouse .fish {
  position: absolute;
  width: 0.6vw;
  height: 0.25vw;
  border-radius: 60% 40% 40% 60% / 50% 50% 50% 50%;
  z-index: 5;
}
.floor-penthouse .fish::before { /* tail */
  content: "";
  position: absolute;
  right: -0.2vw;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 0.12vw solid transparent;
  border-bottom: 0.12vw solid transparent;
  border-left: 0.2vw solid;
  border-left-color: inherit;
  transform-origin: left center;
  animation: tail-wag-penthouse 0.4s ease-in-out infinite alternate;
}
.floor-penthouse .fish::after { /* eye */
  content: "";
  position: absolute;
  left: 0.1vw;
  top: 0.06vw;
  width: 0.06vw;
  height: 0.06vw;
  border-radius: 50%;
  background: #fff;
}

.floor-penthouse .fish-1 {
  top: 0.5vw;
  left: 1vw;
  background-color: #ff6b35;
  color: #ff6b35;
  animation: swim-1-penthouse 6s ease-in-out infinite;
}
.floor-penthouse .fish-2 {
  top: 1.3vw;
  left: 3vw;
  background-color: #ffd700;
  color: #ffd700;
  animation: swim-2-penthouse 7s ease-in-out infinite;
}
.floor-penthouse .fish-3 {
  top: 2vw;
  left: 0.5vw;
  background-color: #00ccff;
  color: #00ccff;
  animation: swim-3-penthouse 9s ease-in-out infinite;
}

/* ═══════════════════════════════════════
   BUBBLES — rising in aquarium
   ═══════════════════════════════════════ */
.floor-penthouse .bubble {
  position: absolute;
  border-radius: 50%;
  background-color: rgba(150, 220, 255, 0.25);
  border: 0.02vw solid rgba(200, 240, 255, 0.15);
  z-index: 6;
}
.floor-penthouse .bubble-1 {
  width: 0.12vw; height: 0.12vw;
  top: 2.5vw; left: 5vw;
  animation: bubble-rise-penthouse 3s ease-in infinite;
}
.floor-penthouse .bubble-2 {
  width: 0.08vw; height: 0.08vw;
  top: 2.2vw; left: 10vw;
  animation: bubble-rise-penthouse 4s ease-in infinite 1s;
}
.floor-penthouse .bubble-3 {
  width: 0.1vw; height: 0.1vw;
  top: 2.8vw; left: 8vw;
  animation: bubble-rise-penthouse 3.5s ease-in infinite 2s;
}

/* ═══════════════════════════════════════
   MURAL — left wall, "WAYNE" with bat-wing geometric pattern
   ═══════════════════════════════════════ */
.floor-penthouse .mural {
  position: absolute;
  left: 1vw;
  top: 22vw;
  width: 16vw;
  height: 0.3vw;
  transform-origin: 0 0;
  transform: translateZ(6vw) rotateZ(-90deg);
}
.floor-penthouse .mural__front {
  width: 16vw;
  height: 6.4vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(-6.1vw);
  background-color: black;
  border: 0.08vw solid rgb(10, 8, 6);
  box-shadow: 0.3vw 0.3vw 0.6vw rgba(201, 168, 0, 0.15), -0.3vw 0.3vw 0.6vw rgba(201, 168, 0, 0.15), -0.3vw -0.3vw 0.6vw rgba(201, 168, 0, 0.15), 0.3vw -0.3vw 0.6vw rgba(201, 168, 0, 0.15);
}
.floor-penthouse .mural__back {
  width: 16vw;
  height: 6.4vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-16vw) translateY(-6.4vw);
  background-color: #080604;
}
.floor-penthouse .mural__back::before {
  content: "";
  position: absolute;
  width: 120%; height: 200%;
  left: -10%; top: -50%;
  border-radius: 50%;
  background-image: radial-gradient(rgba(201, 168, 0, 0.06), transparent 60%);
  filter: blur(1vw);
}
.floor-penthouse .mural__right {
  width: 0.3vw;
  height: 6.4vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(16vw) translateX(-0.3vw) translateY(-6.4vw);
  background-color: rgb(6, 5, 3);
}
.floor-penthouse .mural__left {
  width: 0.3vw;
  height: 6.4vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-6.4vw);
  background-color: #1a1610;
}
.floor-penthouse .mural__top {
  width: 16vw;
  height: 0.3vw;
  transform-origin: top left;
  transform: translateZ(6.4vw);
  background-color: #0e0c08;
}
.floor-penthouse .mural__bottom {
  width: 16vw;
  height: 0.3vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-16vw);
  background-color: #080604;
}

/* ═══════════════════════════════════════
   CLOCK — above center screen, on back wall (gold LED)
   ═══════════════════════════════════════ */
.floor-penthouse .clock {
  position: absolute;
  left: 15.5vw;
  top: 1vw;
  width: 0.15vw;
  height: 1.5vw;
  transform-origin: 0 0;
  transform: translateZ(7.5vw) rotateZ(90deg);
}
.floor-penthouse .clock__front {
  width: 0.15vw;
  height: 1.5vw;
  transform-origin: bottom left;
  transform: rotateX(-90deg) translateZ(0vw);
  background-color: #0e0c08;
}
.floor-penthouse .clock__back {
  width: 0.15vw;
  height: 1.5vw;
  transform-origin: top left;
  transform: rotateX(-90deg) rotateY(180deg) translateX(-0.15vw) translateY(-1.5vw);
  background-color: #080604;
}
.floor-penthouse .clock__right {
  width: 1.5vw;
  height: 1.5vw;
  transform-origin: top left;
  transform: rotateY(90deg) rotateZ(-90deg) translateZ(0.15vw) translateX(-1.5vw) translateY(-1.5vw);
  background-color: #060402;
  border: 0.06vw solid rgba(201, 168, 0, 0.25);
  box-shadow: 0 0 0.3vw rgba(201, 168, 0, 0.15);
}
.floor-penthouse .clock__left {
  width: 1.5vw;
  height: 1.5vw;
  transform-origin: top left;
  transform: rotateY(-90deg) rotateZ(90deg) translateY(-1.5vw);
  background-color: #0e0c08;
}
.floor-penthouse .clock__top {
  width: 0.15vw;
  height: 1.5vw;
  transform-origin: top left;
  transform: translateZ(1.5vw);
  background-color: #1a1610;
}
.floor-penthouse .clock__bottom {
  width: 0.15vw;
  height: 1.5vw;
  transform-origin: top left;
  transform: rotateY(180deg) translateX(-0.15vw);
  background-color: #080604;
}

/* ═══════════════════════════════════════════════════════════
   MODE LITE — Mobile / Low-end / Reduced Motion
   ═══════════════════════════════════════════════════════════ */

/* Canvas invisible en mode lite (CSS 3D reste visible) */
[data-render-mode="lite"] canvas {
  opacity: 0;
  pointer-events: none;
}

/* content-visibility sur floors non-actifs en mode lite + detail uniquement */
[data-render-mode="lite"] .mode-detail .floor:not(.floor-active) {
  content-visibility: hidden;
  contain-intrinsic-size: 32vw 28vw;
}

/* contain sur tous les floors pour isolation de rendu */
.floor {
  contain: layout style;
}

/* Nav responsive en mode lite */
[data-render-mode="lite"] .floor-nav {
  left: 0.5rem;
  padding: 0.75rem 0.5rem;
  gap: 0.3rem;
}

[data-render-mode="lite"] .nav-btn {
  font-size: 0.6rem;
  padding: 0.35rem 0.5rem;
}