/* Remove this stylesheet's link to restore the original flat room artwork. */
.tower-depth { display: inline; pointer-events: none; }
.tower-depth-shadow rect, .tower-depth-light rect { fill: currentColor; }
.tower-depth-shadow { color: #000; opacity: .13; }
.tower-depth-light { color: #fff; opacity: .25; }
[data-theme="dark"] .tower-depth-shadow { opacity: .18; }
[data-theme="dark"] .tower-depth-light { opacity: .18; }

.tower-floor-header { box-shadow: inset 0 .125rem #ffffff26, inset 0 -.125rem #00000014; }
.tower-room::before { box-shadow: inset .25rem .25rem #00000014, inset -.25rem 0 #ffffff10; }
.tower-elevator-door { box-shadow: -.125rem -.125rem 0 #00000012, .125rem .125rem 0 #ffffff24; }
.tower-cloud::before { content: ""; position: absolute; bottom: 40%; left: 12%; width: 56%; height: 105%; background: #ffffff55; }
.tower-cloud::after { content: ""; position: absolute; bottom: -.25rem; left: 10%; width: 75%; height: .25rem; background: #a7c5d838; }
.tower-stars { position: absolute; inset: 0; opacity: 0; }
[data-theme="dark"] .tower-stars { opacity: .45; }
.tower-stars > i { position: absolute; width: .125rem; height: .125rem; background: #dae5ec; box-shadow: 0 -.125rem #dae5ec, 0 .125rem #dae5ec, -.125rem 0 #dae5ec, .125rem 0 #dae5ec; }
