/* ============================================================
   CHAPTER 6 — STANDALONE STYLE OVERRIDES
   Loaded after ../resources/main.css to override the shared */
   
body {
	background-image: none;
	background-color: #000;
}

#ch6-bg-wrap {
	position: fixed;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	will-change: opacity;
}

#ch6-bg-wrap .ch6-bg {
	position: absolute;
	inset: 0;
	background-position: center center;
	background-repeat: repeat;
	will-change: opacity;
}

/* Layer 1 */
#ch6-bg-1 {
	background-image: url('ch6_bg.gif');
	opacity: 1;
}

/* Layer 2 */
#ch6-bg-2 {
	background-image: url('ch6_bg2.gif');
	opacity: 0;
}

#container {
	position: relative;
	z-index: 0;
}

#container::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: -1;
	background: url('../resources/vig_container_red.png') repeat-y;
	background-size: 100% auto;
	opacity: var(--red-opacity, 0);
	pointer-events: none;
}