#decor {
  position: absolute;
  pointer-events: none;
  z-index: 10;
  top: 0;
  width: 100%;
  height: 100%;
}

#decor {
  mix-blend-mode: color-burn;
}

[decor] {
  position: relative;
  z-index: 10;
  left: 0;
  top: 0;
  pointer-events: none;
}

[decor=fog] {
  z-index: 30;
  position: absolute;
  top: 0px;
  width: 200vw;
  height: 500vh;
  background-image: url(../i/fog.png);
  opacity: 0.4;
  animation: fog 190s linear infinite reverse both;
  pointer-events: none;
}

[decor=light] {
  background: #fff;
  position: absolute;
  width: 150%;
  height: 250px;
  left: -25%;
  top: -10%;
  filter: blur(30px);
  opacity: 0.3;
  mix-blend-mode: lighten;
}

[decor=plasticstars] {
  top: 0;
  position: absolute;
  z-index: -9;
  width: 150%;
  height: 80px;
  left: -25%;
  top: 0;
  filter: blur(0.1px);
  opacity: 0.3;
  background-repeat: repeat;
  background-image: url(../i/plasticstars.gif);
}

[decor=scanline] {
  top: 0;
  position: absolute;
  z-index: 3;
  width: 150%;
  height: 120%;
  left: -10%;
  top: -10%;
  opacity: 0.6;
  pointer-events: none;
  background-repeat: repeat;
  background-image: url(../i/fx-scanline.gif);
  mix-blend-mode: overlay;
}

[decor=halftone] {
  mix-blend-mode: color-burn;
  top: 0;
  position: absolute;
  z-index: 3;
  width: 150%;
  height: 120%;
  left: -10%;
  top: -10%;
  opacity: 0.8;
  pointer-events: none;
  background-repeat: repeat;
  background-image: url(../i/halftone.gif);
}

[decor=halftone-light] {
  mix-blend-mode: color-burn;
  top: 0;
  position: absolute;
  z-index: 3;
  width: 150%;
  height: 120%;
  left: -10%;
  top: -10%;
  opacity: 0.4;
  pointer-events: none;
  background-repeat: repeat;
  background-image: url(../i/halftone.gif);
}

[decor=halftone-color] {
  mix-blend-mode: multiply;
  top: 0;
  position: absolute;
  z-index: 3;
  width: 150%;
  height: 120%;
  left: -10%;
  top: -10%;
  opacity: 0.9;
  pointer-events: none;
  background-repeat: repeat;
  background-image: url(../i/halftone-color.gif);
}

[decor=flash-red] {
  background: red;
  position: absolute;
  width: 120%;
  height: 120%;
  left: -5%;
  top: -5%;
  filter: blur(30px);
  opacity: 0.5;
  animation: flash 0.5s linear 1 normal forwards;
}

[decor=flash-white] {
  z-index: 9999;
  background: #fff;
  position: absolute;
  width: 120%;
  height: 120%;
  left: -5%;
  top: -5%;
  filter: blur(30px);
  opacity: 0;
  mix-blend-mode: screen;
  animation: flash 0.5s linear 1 normal forwards;
}

[decor=flash-black] {
  z-index: 9999;
  background: #000;
  position: absolute;
  width: 120%;
  height: 120%;
  left: -5%;
  top: -5%;
  filter: blur(30px);
  opacity: 0;
  mix-blend-mode: screen;
  animation: flash-full 1.25s linear 1 normal forwards;
}

[decor=dream] {
  z-index: 9999;
  background: #000;
  position: absolute;
  width: 120%;
  height: 120%;
  left: -5%;
  top: -5%;
  filter: blur(30px);
  opacity: 1;
  mix-blend-mode: screen;
  animation: flash-dream 1.25s linear 1 normal forwards;
}

@-webkit-keyframes flash {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0.7;
  }
  75% {
    opacity: 0.7;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes flash-full {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes flash-dream {
  0% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fog {
  0% {
    top: 0;
    left: 0px;
    opacity: 0.1;
  }
  2% {
    left: -10vh;
    opacity: 0.2;
  }
  20% {
    left: -2vh;
    opacity: 0.15;
  }
  30% {
    left: -14vh;
    opacity: 0.2;
  }
  40% {
    left: -30vh;
  }
  50% {
    left: -10vh;
  }
  70% {
    left: -30vh;
  }
  90% {
    left: 0;
    opacity: 0.1;
  }
  99% {
    opacity: 0.2;
  }
  100% {
    top: -400vh;
    opacity: 0.2;
  }
}
[world] {
  display: none;
}

[world=bedroom] {
  display: block;
}

#room {
  margin: 0 auto;
  position: relative;
  width: 700px;
  height: 400px;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  cursor: pointer;
  border: 1px solid #e397b7;
  color: #fff;
}
#room .r {
  position: relative;
  width: 700px;
  height: 410px;
  display: block;
  background: inherit;
  overflow: hidden;
}
#room .r.r-over {
  z-index: 99;
  left: 0;
  top: 0;
  display: none;
}
#room #turn {
  position: absolute;
  width: 100%;
  height: 300px;
  z-index: 99;
  pointer-events: none;
}
#room #turn a[turn] {
  position: absolute;
  display: block;
  background: #fff;
  opacity: 0.25;
  top: 0;
  width: 36px;
  height: 400px;
  pointer-events: auto;
  transition: all 0.15s ease-in-out;
}
#room #turn a[turn=left] {
  left: 0;
  background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}
#room #turn a[turn=right] {
  right: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}
#room #turn a[turn]:hover {
  opacity: 0.5;
  cursor: pointer;
}
#room [object] {
  position: absolute;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  transition: 0.3s all linear;
}
#room .r:hover [object]:not(:hover) {
  opacity: 0.8;
  cursor: pointer;
}
#room [world] {
  background-size: cover;
  background-repeat: no-repeat;
}
#room [world] .r {
  background-size: cover;
  background-repeat: no-repeat;
}

#room [world=bedroom] {
  background-image: url(../i/wall.gif);
  background-repeat: repeat;
  background-size: 30%;
}
#room [world=bedroom] [object] {
  z-index: 1;
}
#room [world=bedroom] [burning]::before {
  content: " ";
  position: absolute;
  left: -20%;
  height: 120%;
  width: 120%;
  background-image: url(../i/burning.gif);
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 8;
  mix-blend-mode: lighten;
}
#room [world=bedroom] [object=door] {
  bottom: 80px;
  left: 500px;
  height: 320px;
  width: 120px;
  background-image: url(../i/door.gif);
}
#room [world=bedroom] [object=window] {
  z-index: 0;
  bottom: 140px;
  left: 170px;
  height: 250px;
  width: 180px;
  background-repeat: repeat;
  border-top-right-radius: 100px;
  border-top-left-radius: 100px;
}
#room [world=bedroom] [object=window]::after {
  position: absolute;
  left: 0;
  height: 270px;
  width: 180px;
  background-image: url(../i/window.gif);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 2;
  content: "";
}
#room [world=bedroom] [object=window][state=starry] {
  background-image: url(../i/star.gif);
}
#room [world=bedroom] [object=window][state=dark] {
  background-image: none;
}
#room [world=bedroom] [object=window][state=starry-open] {
  background-image: url(../i/star.gif);
}
#room [world=bedroom] [object=window][state=open]::after, #room [world=bedroom] [object=window][state=starry-open]::after {
  background-image: url(../i/window-open.gif);
}
#room [world=bedroom] [object=firefly] {
  bottom: 170px;
  left: 200px;
  height: 120px;
  width: 90px;
  background-image: url(../i/firefly.gif);
  mix-blend-mode: lighten;
}
#room [world=bedroom] [object=vent] {
  bottom: 110px;
  left: 30px;
  height: 42px;
  width: 70px;
  background-image: url(../i/vent.gif);
}
#room [world=bedroom] [object=lighter] {
  bottom: 36px;
  left: 60px;
  height: 32px;
  width: 60px;
  background-image: url(../i/lighter.gif);
}
#room [world=bedroom] [object=bin] {
  bottom: 30px;
  left: 360px;
  height: 100px;
  width: 70px;
  background-image: url(../i/bin.gif);
}
#room [world=bedroom] [object=clock] {
  bottom: 270px;
  left: 40px;
  height: 85px;
  width: 85px;
  background-image: url(../i/clock.gif);
}
#room [world=bedroom] [object=candle] {
  z-index: 2;
  bottom: 183px;
  left: 120px;
  height: 70px;
  width: 40px;
}
#room [world=bedroom] [object=candle][state=unlit] {
  background-image: url("../i/candle-unlit.gif");
}
#room [world=bedroom] [object=candle][state=lit] {
  background-image: url("../i/candle-lit.gif");
}
#room [world=bedroom] [object=table] {
  bottom: 0;
  left: 90px;
  height: 200px;
  width: 260px;
  background-image: url(../i/table.gif);
}
#room [world=bedroom] [object=crt] {
  z-index: 2;
  bottom: 180px;
  left: 180px;
  height: 150px;
  width: 150px;
  background-image: url(../i/gameshow/crt-show.gif);
}
#room [world=bedroom] [object=laptop] {
  z-index: 2;
  bottom: 200px;
  left: 180px;
  height: 90px;
  width: 130px;
}
#room [world=bedroom] [object=laptop]::after {
  position: absolute;
  z-index: 6;
  height: 100px;
  width: 165px;
  left: -20px;
  background-image: url(../i/laptop.gif);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}
#room [world=bedroom] [object=frame] {
  z-index: 3;
  bottom: 220px;
  left: 490px;
  height: 100px;
  width: 76px;
}
#room [world=bedroom] [object=frame][state=president] {
  background-size: cover;
  background-image: url(../i/portrait-president.gif);
}
#room [world=bedroom] [object=frame][state=forgotten] {
  background-size: cover;
  background-image: url(../i/portrait-forgotten.gif);
}
#room [world=bedroom] [object=frame]::after {
  position: absolute;
  z-index: 6;
  height: 160px;
  width: 140px;
  left: -34px;
  top: -35px;
  background-image: url(../i/frame.gif);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  opacity: 1;
}
#room [world=bedroom] [object=lightbulb] {
  top: 0;
  left: 410px;
  height: 140px;
  width: 40px;
  background-image: url(../i/lightbulb.gif);
}
#room [world=bedroom] [object=lightbulb][state=on]::after {
  position: absolute;
  top: 50px;
  left: -75px;
  width: 200px;
  height: 200px;
  opacity: 0.6;
  filter: blur(50px);
  border-radius: 100%;
  background: #fff;
  content: " ";
  mix-blend-mode: screen;
  animation: pulse-opacity 5s infinite;
}
#room [world=bedroom] [object=plushie] {
  z-index: 2;
  bottom: 150px;
  left: 240px;
  height: 90px;
  width: 160px;
  background-image: url(../i/cinamoroll.gif);
}
#room [world=bedroom] [object=bed] {
  bottom: 0;
  left: 90px;
  height: 270px;
  width: 300px;
  background-image: url(../i/bed-front.gif);
}
#room [world=bedroom] [object=crucifix] {
  bottom: 195px;
  left: 520px;
  height: 120px;
  width: 70px;
  background-image: url(../i/crucifix.gif);
}
#room [world=bedroom] [object=calendar] {
  bottom: 145px;
  left: 80px;
  height: 140px;
  width: 90px;
  background-image: url(../i/calendar.gif);
}
#room [world=bedroom] [object=radio] {
  z-index: 1;
  bottom: 205px;
  left: 450px;
  height: 50px;
  width: 90px;
  background-image: url(../i/radio.gif);
}
#room [world=bedroom] [object=nightstand] {
  bottom: 20px;
  left: 430px;
  height: 190px;
  width: 130px;
  background-image: url(../i/nightstand.gif);
}
#room [world=bedroom] [view=bed-close] [object=bed-top] {
  left: 100px;
  tocp: 40px;
  height: 130%;
  width: 350px;
}
#room [world=bedroom] [view=bed-close] [object=bed-top][state=made] {
  background-image: url(../i/bed-top.gif);
}
#room [world=bedroom] [view=bed-close] [object=bed-top][state=unmade] {
  background-image: url(../i/bed-top-uncover.gif);
}
#room [world=bedroom] [view=bed-close] [object=dice] {
  left: 240px;
  top: 100px;
  height: 60px;
  width: 50px;
  transform: rotate(14deg);
  background-image: url(../i/dice-one.gif);
  display: none;
}
#room [world=bedroom] [view=bed-close] [object=safetypin] {
  left: 240px;
  top: 50px;
  height: 60px;
  width: 50px;
  transform: rotate(14deg);
  background-image: url(../i/safetypin.gif);
  display: none;
}
#room [world=bedroom] [view=north]::before, #room [world=bedroom] [view=east]::before, #room [world=bedroom] [view=south]::before {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 80px;
  width: 750px;
  background-image: url(../i/floor.gif);
  background-size: cover;
  background-repeat: repeat-x;
  z-index: 1;
  content: " ";
}

#room [world=lot] [view=clouds] {
  background-image: url(../i/world-lot.gif);
}
#room [world=lot] [view=clouds] [object][alt=cloud] {
  z-index: 1;
  animation: cloud 20s infinite;
  opacity: 0;
}
#room [world=lot] [view=clouds] [object=cloud-one] {
  bottom: 205px;
  left: 450px;
  height: 140px;
  width: 180px;
  background-image: url(../i/cloud-1.gif);
}
#room [world=lot] [view=clouds] [object=cloud-two] {
  bottom: 45px;
  left: 150px;
  height: 80px;
  width: 160px;
  background-image: url(../i/cloud-2.gif);
}
#room [world=lot] [view=clouds] [object=cloud-three] {
  bottom: 90px;
  left: 220px;
  height: 160px;
  width: 180px;
  background-image: url(../i/cloud-3.gif);
}
#room [world=lot] [view=clouds] [object=cloud-four] {
  bottom: 305px;
  left: 20px;
  height: 140px;
  width: 220px;
  background-image: url(../i/cloud-2.gif);
}
#room [world=lot] [view=clouds] [object=streetlight] {
  bottom: -150px;
  left: -100px;
  height: 500px;
  width: 400px;
  background-position: center center;
  background-image: url(../i/streetlight.gif);
  background-size: contain;
}
#room [world=lot] [view=walls] {
  background-image: url(../i/sky-rippled.gif);
}
#room [world=lot] [view=walls] [object=fly] {
  z-index: 1;
  bottom: 100px;
  left: 100px;
  height: 60px;
  width: 100px;
  background-image: url(../i/fly.gif);
}
#room [world=lot] [view=walls] [object=fly][state=splat] {
  background-image: url(../i/fly-splat.gif);
}
#room [world=lot] [view=walls] [object=stone] {
  z-index: 1;
  bottom: 140px;
  left: 400px;
  height: 35px;
  width: 70px;
  background-image: url(../i/stone.gif);
}
#room [world=lot] [view=walls] [object=brgytarpulin] {
  z-index: 2;
  bottom: 40px;
  left: 320px;
  height: 150px;
  width: 210px;
  background-image: url(../i/tarpulin-drugs.gif);
}
#room [world=lot] [view=walls] [object=concretewall] {
  bottom: 0px;
  left: -10%;
  height: 210px;
  width: 120%;
  background-image: url(../i/concretewall.gif);
  background-repeat: repeat;
}
#room [world=lot] [view=field] {
  background-image: url(../i/wall.gif);
  background-repeat: repeat;
  background-size: 30%;
}
#room [world=lot] [view=field] [object=rippledsky] {
  top: -80px;
  left: -50px;
  height: 550px;
  width: 100%;
  background-image: url(../i/sky-rippled.gif);
}

#room [world=hospital] [view=ward] [object=hospital-bed] {
  z-index: 3;
  bottom: -50px;
  left: 0px;
  height: 250px;
  width: 500px;
  background-image: url(../i/hospital/bed.gif);
}
#room [world=hospital] [view=ward] [object=hospital-screen] {
  z-index: 3;
  top: 20px;
  left: 40px;
  height: 150px;
  width: 150px;
  background-image: url(../i/hospital/screen.gif);
  filter: brightness(0.7);
}
#room [world=hospital] [view=ward] [object=hospital-bg] {
  left: -15%;
  top: -50px;
  width: 130%;
  height: 120%;
  background-image: url(../i/hospital/hospital.gif);
  background-repeat: cover;
}
#room [world=hospital] [view=ward] [object=hospital-rain] {
  z-index: 1;
  right: 0%;
  top: 90px;
  width: 160px;
  height: 100px;
  background-image: url(../i/hospital/rain.gif);
  background-size: cover;
}

#room [world=gameshow] {
  background-image: url(../i/gameshow/bgcrowd.gif);
}
#room [world=gameshow] .r {
  background-image: url(../i/star.gif);
}
#room [world=gameshow] [object=stagelights] {
  z-index: 1;
  top: 20px;
  left: 180px;
  height: 120px;
  width: 350px;
  background-image: url(../i/gameshow/stagelights.gif);
}
#room [world=gameshow] [object=crowd] {
  bottom: -50px;
  left: -50px;
  height: 300px;
  width: 120%;
  background-image: url(../i/gameshow/crowd.gif);
  background-size: cover;
}
#room [world=gameshow] [object=confetti-joy] {
  z-index: 0;
  top: -50px;
  left: -50px;
  height: 180px;
  width: 120%;
  background-image: url(../i/gameshow/confetti.gif);
  background-repeat: repeat;
  filter: brightness(2.5);
}
#room [world=gameshow] [object=podium] {
  top: 40px;
  left: 250px;
  height: 300px;
  width: 190px;
  background-image: url(../i/gameshow/podium.gif);
}
#room [world=gameshow] [object=gameshow-answers] {
  z-index: 2;
  bottom: 10px;
  left: 150px;
  height: 180px;
  width: 400px;
  background-image: url(../i/gameshow/gameshow-answers.gif);
}
#room [world=gameshow] [object=presenter] {
  z-index: 3;
  background-size: cover;
  height: 420px;
  width: 280px;
}
#room [world=gameshow] [object=presenter][state=one] {
  bottom: -150px;
  right: -40px;
  background-image: url(../i/gameshow/presenter.gif);
}
#room [world=gameshow] [object=presenter][asked=two] {
  bottom: -150px;
  left: -40px;
  background-image: url(../i/gameshow/presenter-two.gif);
}
#room [world=gameshow] [object=presenter][asked=three] {
  bottom: -50px;
  right: 20px;
  background-image: url(../i/gameshow/presenter-three.gif);
}
#room [world=gameshow] [object=presenter][asked=four] {
  bottom: -300px;
  left: -120px;
  width: 450px;
  height: 680px;
  background-image: url(../i/gameshow/presenter.gif);
}
#room [world=gameshow] [object=wheel] {
  bottom: 50px;
  left: 200px;
  height: 320px;
  width: 320px;
  background-image: url(../i/gameshow/wheel.gif);
}
#room [world=gameshow] [object=stars-fame] {
  top: 0px;
  left: 0px;
  height: 400px;
  width: 220px;
  background-image: url(../i/gameshow/stars.gif);
  filter: brightness(1.5);
  background-size: cover;
}
#room [world=gameshow] [object=stars-hope] {
  top: 0px;
  right: 0px;
  height: 400px;
  width: 220px;
  background-image: url(../i/gameshow/stars.gif);
  filter: brightness(1.5);
  background-size: cover;
}

#room [world=nightsky] [view=sky] [object=sky-bg] {
  left: -30px;
  top: -50px;
  width: 110%;
  height: 110%;
  background-image: url(../i/star.gif);
  background-repeat: repeat;
}
#room [world=nightsky] [view=sky] [object=sky-starone] {
  z-index: 3;
  bottom: 60px;
  left: 200px;
  height: 150px;
  width: 90px;
  background-image: url(../i/nightsky/star1.gif);
  mix-blend-mode: lighten;
  background-size: cover;
  transition: none !important;
}
#room [world=nightsky] [view=sky] [object=sky-startwo] {
  z-index: 2;
  bottom: 220px;
  left: 420px;
  height: 120px;
  width: 90px;
  background-image: url(../i/nightsky/shooting.gif);
  mix-blend-mode: lighten;
}
#room [world=nightsky] [view=sky] [object=sky-moon] {
  z-index: 1;
  bottom: 240px;
  left: 80px;
  height: 220px;
  width: 220px;
  background-image: url(../i/moon.gif);
  mix-blend-mode: lighten;
}
#room [world=nightsky] [view=bed] [object=nightsky-bed] {
  right: 20px;
  top: 40px;
  height: 130%;
  width: 350px;
  background-image: url(../i/bed-top-uncover.gif);
}
#room [world=nightsky] [view=bed] [object=window-sky] {
  z-index: 0;
  bottom: 150px;
  left: -50px;
  height: 500px;
  width: 350px;
  background-repeat: repeat;
  border-top-right-radius: 100px;
  border-top-left-radius: 100px;
  background-image: url(../i/star.gif);
  background-image: url(../i/star.gif);
}
#room [world=nightsky] [view=bed] [object=window-sky]::after {
  position: absolute;
  left: 0;
  height: 500px;
  width: 350px;
  background-image: url(../i/window-open.gif);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 2;
  content: "";
}

#room [world=televisionchannels] .r[view=seven] {
  background-image: url(../i/television/television-church.gif);
}
#room [world=televisionchannels] [object=live] {
  z-index: 2;
  top: 0px;
  right: 20px;
  height: 150px;
  width: 150px;
  background-image: url(../i/television/live.gif);
}
#room [world=televisionchannels] [object=newscaster] {
  z-index: 2;
  bottom: -50px;
  left: 260px;
  height: 400px;
  width: 280px;
  background-image: url(../i/television/newscaster.gif);
}
#room [world=televisionchannels] [object=news-screen] {
  bottom: 150px;
  left: 100px;
  height: 200px;
  width: 300px;
  background-image: url(../i/television/news-celebrities.gif);
  background-size: cover;
  box-shadow: 0 0 45px rgba(255, 255, 255, 0.59);
}
#room [world=televisionchannels] [object=news-screen][state=celebrity] {
  background-image: url(../i/television/news-celebrities.gif);
}
#room [world=televisionchannels] [object=news-screen][state=weather] {
  background-image: url(../i/television/news-weather.gif);
}
#room [world=televisionchannels] [object=news-screen][state=crime] {
  background-image: url(../i/television/news-robbery.gif);
}
#room [world=televisionchannels] [object=massgoers] {
  z-index: 2;
  bottom: -100px;
  left: -50px;
  height: 300px;
  width: 120%;
  background-image: url(../i/television/massgoers.gif);
  background-size: cover;
}
#room [world=televisionchannels] [object=altar] {
  z-index: 1;
  bottom: 50px;
  left: 300px;
  height: 200px;
  width: 350px;
  background-image: url(../i/television/altar.gif);
}
#room [world=televisionchannels] [object=tvpriest] {
  z-index: 0;
  bottom: 220px;
  left: 340px;
  height: 166px;
  width: 280px;
  background-image: url(../i/television/priest.gif);
}
#room [world=televisionchannels] [object=corpus] {
  top: -20px;
  left: 100px;
  height: 350px;
  width: 200px;
  background-image: url(../i/television/corpus.gif);
}
#room [world=televisionchannels] [object=karaoke] {
  top: -5%;
  left: -5%;
  height: 110%;
  width: 110%;
  background-image: url(../i/television/television-flowers.gif);
  background-size: cover;
}
#room [world=televisionchannels] [object=karaoke][state=flowers] {
  background-image: url(../i/television/television-flowers.gif);
}
#room [world=televisionchannels] [object=karaoke][state=girls] {
  background-image: url(../i/television/television-girls.gif);
}
#room [world=televisionchannels] [object=karaoke][state=beach] {
  background-image: url(../i/television/television-beach.gif);
}
#room [world=televisionchannels] [object=lyrics] {
  z-index: 1;
  bottom: 0px;
  left: -50px;
  height: 200px;
  width: 110%;
  background-image: url(../i/television/lyrics.gif);
  background-size: contain;
  mix-blend-mode: lighten;
  filter: blur(4px) brightness(1.2);
}
#room [world=televisionchannels] [object=tv-static] {
  top: -5%;
  left: -5%;
  height: 110%;
  width: 120%;
  background-image: url(../i/television/static.gif);
  background-repeat: repeat;
}
#room [world=televisionchannels] [object=tv-static][state=reflection]::after {
  content: " ";
  position: absolute;
  width: 400px;
  height: 400px;
  bottom: 0;
  left: 120px;
  filter: blur(24px);
  background-image: url(../i/television/static-self.gif);
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 1;
}

#room [world=yourself] [object=your-hands] {
  bottom: -40px;
  left: 20px;
  width: 680px;
  height: 530px;
  background-image: url(../i/your-hands.gif);
}
#room [world=yourself] [object=your-hands][hand=closed] {
  background-image: url(../i/your-hands.gif);
}
#room [world=yourself] [object=your-hands][hand=open] {
  background-image: url(../i/your-hands-open.gif);
}

#room [world=memories] [view=school] {
  background-image: url(../i/memories/school-bg.gif);
}
#room [world=memories] [view=school] [object=column] {
  top: 0;
  left: 450px;
  width: 120px;
  height: 520px;
  background-image: url(../i/memories/school-column.gif);
}
#room [world=memories] [view=school] [object=jesus-portrait] {
  left: 220px;
  top: 50px;
  width: 100px;
  height: 120px;
  background-image: url(../i/memories/school-portrait.gif);
}
#room [world=memories] [view=school] [object=school-bench] {
  left: -20px;
  bottom: -120px;
  width: 380px;
  height: 220px;
  background-image: url(../i/memories/school-bench.gif);
}
#room [world=memories] [view=school] [object=you-school] {
  z-index: 2;
  left: 320px;
  bottom: -50px;
  width: 160px;
  height: 380px;
  background-image: url(../i/memories/school-girl.gif);
}
#room [world=memories] [view=school] [object=school-lover] {
  z-index: 2;
  left: -30px;
  bottom: -85px;
  width: 290px;
  height: 380px;
  background-image: url(../i/memories/school-someone.gif);
}
#room [world=memories] [view=trainstation] [object=train-waiting] {
  z-index: 3;
  left: 360px;
  bottom: -50px;
  width: 160px;
  height: 380px;
  background-image: url(../i/memories/school-girl.gif);
}
#room [world=memories] [view=trainstation] [object=train-column] {
  z-index: 2;
  left: 320px;
  bottom: 0px;
  width: 80px;
  height: 420px;
  background-image: url(../i/memories/school-column.gif);
}
#room [world=memories] [view=trainstation] [object=train-pole] {
  z-index: 1;
  left: -100px;
  bottom: 0px;
  width: 300px;
  height: 420px;
  background-image: url(../i/streetlight.gif);
}
#room [world=memories] [view=trainstation] [object=train-machine] {
  z-index: 2;
  left: 20px;
  bottom: -50px;
  width: 120px;
  height: 350px;
  background-image: url(../i/memories/station-machine.gif);
}
#room [world=memories] [view=trainstation] [object=train-tracks] {
  z-index: 1;
  left: -20px;
  bottom: 0px;
  width: 120%;
  height: 100px;
  background-image: url(../i/memories/station-tracks.gif);
  background-repeat: repeat;
}
#room [world=memories] [view=trainstation] [object=train-field] {
  left: -100px;
  bottom: 50px;
  width: 130%;
  height: 350px;
  background-image: url(../i/memories/station-field.gif);
  background-size: contain;
}
#room [world=memories] [view=overpass] [object=overpass-bg] {
  left: -30px;
  top: -50px;
  width: 120%;
  height: 120%;
  background-image: url(../i/memories/overpass-bg.gif);
  background-size: cover;
}
#room [world=memories] [view=overpass] [object=overpass-birdone] {
  z-index: 2;
  left: 80px;
  bottom: 230px;
  width: 60px;
  height: 60px;
  background-image: url(../i/memories/overpass-bird1.gif);
}
#room [world=memories] [view=overpass] [object=overpass-birdtwo] {
  z-index: 2;
  left: 250px;
  bottom: 240px;
  width: 70px;
  height: 70px;
  background-image: url(../i/memories/overpass-bird2.gif);
}
#room [world=memories] [view=overpass] [object=overpass-someone] {
  z-index: 2;
  left: 250px;
  bottom: -50px;
  width: 140px;
  height: 340px;
  background-image: url(../i/memories/overpass-person1.gif);
}
#room [world=memories] [view=overpass] [object=overpass-yourself] {
  z-index: 2;
  left: 480px;
  bottom: 200px;
  width: 100px;
  height: 180px;
  background-image: url(../i/memories/school-girl.gif);
  filter: blur(1.5px);
}
#room [world=memories] [view=traffic]::before {
  position: absolute;
  width: 120%;
  height: 120%;
  left: -10%;
  top: -5%;
  background-image: url("/i/memories/traffic-bg.gif");
  background-repeat: repeat;
  content: " ";
  opacity: 0.2;
}
#room [world=memories] [view=traffic] [object=traffic-bg] {
  left: -30px;
  top: -50px;
  width: 110%;
  height: 110%;
  background-image: url(../i/memories/traffic-interior.gif);
  background-size: cover;
}
#room [world=memories] [view=traffic] [object=traffic-radio] {
  z-index: 1;
  left: 270px;
  top: 155px;
  width: 151px;
  height: 145px;
  background-image: url(../i/memories/traffic-radio.gif);
  background-size: cover;
}
#room [world=memories] [view=traffic] [object=traffic-yourself] {
  z-index: 2;
  right: -30px;
  bottom: -400px;
  width: 300px;
  height: 700px;
  background-image: url(../i/memories/school-girl.gif);
  filter: blur(1.5px) brightness(1.2);
}

#room [world=childhood-bedroom] [view=n]::before, #room [world=childhood-bedroom] [view=e]::before, #room [world=childhood-bedroom] [view=w]::before {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 80px;
  width: 750px;
  background-image: url(../i/floor.gif);
  background-size: cover;
  background-repeat: repeat-x;
  z-index: 1;
  content: " ";
}
#room [world=childhood-bedroom] [view=n] [object=childhood-door] {
  bottom: 80px;
  left: 500px;
  height: 320px;
  width: 120px;
  background-image: url(../i/door.gif);
}
#room [world=childhood-bedroom] [view=n] [object=childhood-window] {
  z-index: 0;
  bottom: 140px;
  left: 170px;
  height: 250px;
  width: 180px;
  background-repeat: repeat;
  border-top-right-radius: 100px;
  border-top-left-radius: 100px;
  background-image: url(../i/star.gif);
}
#room [world=childhood-bedroom] [view=n] [object=childhood-window]::after {
  position: absolute;
  left: 0;
  height: 270px;
  width: 180px;
  background-image: url(../i/window-open.gif);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 2;
  content: "";
}
#room [world=childhood-bedroom] [view=n] [object=childhood-firefly] {
  bottom: 170px;
  left: 200px;
  height: 120px;
  width: 90px;
  background-image: url(../i/firefly.gif);
  mix-blend-mode: lighten;
}
#room [world=childhood-bedroom] [view=n] [object=childhood-vent] {
  bottom: 110px;
  left: 30px;
  height: 42px;
  width: 70px;
  background-image: url(../i/vent.gif);
}
#room [world=childhood-bedroom] [view=e] [object=childhood-frame] {
  z-index: 3;
  bottom: 220px;
  left: 490px;
  height: 100px;
  width: 76px;
  background-size: cover;
  background-image: url(../i/portrait-forgotten.gif);
}
#room [world=childhood-bedroom] [view=e] [object=childhood-frame]:after {
  position: absolute;
  z-index: 6;
  height: 160px;
  width: 140px;
  left: -34px;
  top: -35px;
  background-image: url(../i/frame.gif);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  opacity: 1;
}
#room [world=childhood-bedroom] [view=e] [object=childhood-crt] {
  z-index: 2;
  bottom: 180px;
  left: 180px;
  height: 150px;
  width: 150px;
  background-image: url(../i/crt.gif);
}
#room [world=childhood-bedroom] [view=e] [object=childhood-candle] {
  z-index: 2;
  bottom: 183px;
  left: 120px;
  height: 70px;
  width: 40px;
  background-image: url("/i/candle-lit.gif");
}
#room [world=childhood-bedroom] [view=e] [object=childhood-table] {
  bottom: 0;
  left: 90px;
  height: 200px;
  width: 260px;
  background-image: url(../i/table.gif);
}
#room [world=childhood-bedroom] [view=e] [object=childhood-clock] {
  bottom: 270px;
  left: 40px;
  height: 85px;
  width: 85px;
  background-image: url(../i/clock.gif);
}
#room [world=childhood-bedroom] [view=w] [object=childhood-lightbulb] {
  top: 0;
  left: 410px;
  height: 140px;
  width: 40px;
  background-image: url(../i/lightbulb.gif);
}
#room [world=childhood-bedroom] [view=w] [object=childhood-lightbulb]:after {
  position: absolute;
  top: 50px;
  left: -75px;
  width: 200px;
  height: 200px;
  opacity: 0.6;
  filter: blur(50px);
  border-radius: 100%;
  background: #fff;
  content: " ";
  mix-blend-mode: screen;
  animation: pulse-opacity 5s infinite;
}
#room [world=childhood-bedroom] [view=w] [object=childhood-crucifix] {
  bottom: 195px;
  left: 520px;
  height: 120px;
  width: 70px;
  background-image: url(../i/crucifix.gif);
}
#room [world=childhood-bedroom] [view=w] [object=childhood-plushie] {
  z-index: 2;
  bottom: 150px;
  left: 240px;
  height: 90px;
  width: 160px;
  background-image: url(../i/cinamoroll.gif);
}
#room [world=childhood-bedroom] [view=w] [object=childhood-bed] {
  bottom: 0;
  left: 90px;
  height: 270px;
  width: 300px;
  background-image: url(../i/bed-front.gif);
}

#room [world=desktop] {
  background-image: url(../i/desktop/wallpaper-alt.gif);
  background-size: cover;
}
#room [world=desktop] [object=desktop-icon] {
  width: 60px;
  height: 60px;
  background-size: contain;
}

#room [world=intro] [object=intro-door] {
  bottom: 0px;
  left: 300px;
  height: 320px;
  width: 120px;
  background-image: url(../i/door.gif);
  display: none;
}

#room [world=end] [object=you] {
  bottom: 0px;
  left: -100px;
  height: 120%;
  width: 120%;
  background-image: url(../i/rainbow.png);
  background-size: cover;
}

@-webkit-keyframes cloud {
  0% {
    opacity: 0;
    margin-left: 0vw;
  }
  6% {
    opacity: 0.8;
  }
  50% {
    opacity: 0.75;
  }
  75% {
    opacity: 0.6;
  }
  95% {
    opacity: 0.95;
  }
  100% {
    opacity: 0;
    margin-left: 90vw;
  }
}
@-webkit-keyframes pulse-opacity {
  0% {
    opacity: 0.6;
  }
  25% {
    opacity: 0.5;
  }
  50% {
    opacity: 0.75;
  }
  75% {
    opacity: 0.6;
  }
  80% {
    opacity: 0.8;
  }
}

/*# sourceMappingURL=room.css.map */