/* THE ROOM · 1104f · FRACTALS ONLY — the field behind everything, the room hidden until it's needed */
#roomfx { position: fixed; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; display: none; background: #000; }
body.in #roomfx { display: block; transition: opacity .9s ease; }
body.in:not(.fxq) #roomfx { opacity: .5; }   /* awake: the field steps back so the words read */
body.in { background: #000; }
/* fractals only: the stardust, the walls and every painted layer behind the room go */
body.in #dust { display: none !important; }
#room::before, #room::after { display: none !important; content: none !important; background: none !important; }
#room { background: transparent !important; transition: opacity .7s ease; }
/* the old light-sweeps stay wired (other parts listen to them) but draw nothing */
.awe-orb, .awe-rip, #lounge, #mother, #phoenix, #phoenix-halo, #embers, #holo, #siteCube { display: none !important; }
/* quiet: just the fractals */
body.in.fxq #room { opacity: 0; pointer-events: none; }
body.in.fxq #dustPip { opacity: .85; }
#fxHint { position: fixed; left: 50%; bottom: max(28px, env(safe-area-inset-bottom)); transform: translateX(-50%); z-index: 2; pointer-events: none;
  font: 600 10px/1 "JetBrains Mono", ui-monospace, monospace; letter-spacing: .32em; color: rgba(242,244,247,.0); white-space: nowrap; transition: color 1.2s ease; }
#fxHint.on { color: rgba(242,244,247,.55); }
@media (prefers-reduced-motion: reduce) { #room { transition: none; } }