/**
 * TinyTaleWorld Base Styles
 * Layer: Base
 * Core positioning and z-index structure for scene layers
 */

/* Scene body base styles */
body.scene-jungle,
body.scene-forest,
body.scene-ocean,
body.scene-mountain,
body.scene-farm,
body.scene-river,
body.scene-desert,
body.scene-swamp,
body.scene-magic-kingdom,
body.scene-dragon-land,
body.scene-candy-world,
body.scene-cloud-city,
body.scene-crystal-cave,
body.scene-enchanted-garden,
body.scene-pirate-ship,
body.scene-giant-tree-village,
body.scene-city,
body.scene-school,
body.scene-home,
body.scene-market,
body.scene-hospital,
body.scene-village,
body.scene-castle,
body.scene-lighthouse,
body.scene-planet,
body.scene-galaxy,
body.scene-moon-surface,
body.scene-asteroid-field,
body.scene-nebula {
	position: relative;
	min-height: 100vh;
	overflow-x: hidden;
}

/* Scene layer - base background */
.ttw-scene-layer {
	position: fixed;
	inset: 0;
	pointer-events: none;
	z-index: var(--ttw-z-scene);
}

/* Mood overlay sits above scene */
body::before {
	content: '';
	position: fixed;
	inset: 0;
	pointer-events: none;
	z-index: var(--ttw-z-mood);
	opacity: 0;
	/* activated per mood class */
}

/* Element overlay */
body::after {
	content: '';
	position: fixed;
	inset: 0;
	pointer-events: none;
	z-index: var(--ttw-z-element);
	opacity: 0;
}

/* Content always on top */
.site-content,
main,
.entry-content,
#content {
	position: relative;
	z-index: var(--ttw-z-content);
}