/* The book face clips its layers, never the page layout. Coordinates come from C01_REBUILD_MANIFEST.json. */
.magico-christmas-cover { position: relative; isolation: isolate; width: 100%; aspect-ratio: 1122 / 1402; overflow: hidden; background: #082d59; border-radius: 5px; }
.magico-christmas-cover > img { position: absolute; display: block; max-width: none; margin: 0; pointer-events: none; }
.magico-christmas-cover .christmas-cover-background, .magico-christmas-cover .christmas-cover-depth { inset: 0; width: 100%; height: 100%; object-fit: fill; }
.magico-christmas-cover [data-cover-avatar], .magico-christmas-cover [data-cover-companion] { height: auto; object-fit: contain; }
.magico-christmas-cover [data-cover-avatar] { z-index: 20; }
.magico-christmas-cover [data-cover-companion] { z-index: 25; }
.magico-christmas-cover .christmas-cover-depth { z-index: 30; }
.magico-christmas-cover svg { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 40; font-family: Georgia, 'Times New Roman', serif; pointer-events: none; }
.magico-christmas-cover svg text { paint-order: stroke; stroke: #173252; stroke-width: 1.4px; }
.magico-christmas-cover [data-cover-name] { margin: 0; color: #916017; font: bold 52px/1.05 Georgia, 'Times New Roman', serif; text-align: center; overflow-wrap: anywhere; }