/* The 35th edition's easter eggs (js/mwf-eggs.js, 2026-10-10; the list of
   eggs and their places: EASTER-EGGS.md in the theme root).
   The theatre: a bare film in a frame, a golden border drawn OVER its edges,
   shining round. The border's width is the frame's --mwf-egg-band: 30px by
   default (16px on phones); an egg may set its own (35-3 asks for 17px, set
   inline by the script, so it holds on phones too). */
html.mwf-egg-open { overflow: hidden; }

.mwf-egg {
	position: fixed;
	inset: 0;
	z-index: 2147483000;
	display: grid;
	place-items: center;
	padding: 4vmin;
	background: rgba(20, 10, 12, .9);
	backdrop-filter: blur(10px);
	cursor: zoom-out;
}
.mwf-egg[hidden] { display: none; }

.mwf-egg-frame {
	--mwf-egg-band: 30px;
	position: relative;
	width: min(92vw, calc((100vh - 8vmin) * 16 / 9), 1400px);
	aspect-ratio: 16 / 9;
	border-radius: 2px;
	background: #000;
	box-shadow: 0 3rem 6rem -2rem rgba(0, 0, 0, .9);
	cursor: default;
}
.mwf-egg-film {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/* the gilt: a band OVER the film's edges, the centre left clear. The
   band itself is a plain inset shadow (every browser); over it spin two
   gradients — a warm gold wash and a sharper gleam — masked to the same
   band where masks are supported, their angles turned by js/mwf-eggs.js
   (GSAP) so no browser needs @property; a slow breath of light on top. */
.mwf-egg-gilt {
	--mwf-egg-a: 0deg;
	--mwf-egg-b: 180deg;
	position: absolute;
	inset: 0;
	pointer-events: none;
	box-shadow: inset 0 0 0 var(--mwf-egg-band) rgba(205, 173, 89, .92), inset 0 0 0 calc(var(--mwf-egg-band) + 1px) rgba(255, 245, 200, .35);
	animation: mwf-egg-breathe 3.2s ease-in-out infinite;
}
.mwf-egg-gilt::before {
	content: "";
	position: absolute;
	inset: 0;
	padding: var(--mwf-egg-band);
	background:
		conic-gradient(from var(--mwf-egg-b), transparent 0 40%, rgba(255, 250, 225, .95) 47%, transparent 54%),
		conic-gradient(from var(--mwf-egg-a), #7a5a18 0%, #cdad59 14%, #f3dc8a 26%, #a98434 42%, #e6c86d 58%, #8c6d1f 74%, #d9bd66 88%, #7a5a18 100%);
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
}
.mwf-egg-gilt::after {
	content: "";
	position: absolute;
	inset: var(--mwf-egg-band);
	box-shadow: inset 0 0 0 1px rgba(255, 245, 200, .55);
}
@keyframes mwf-egg-breathe { 0%, 100% { filter: brightness(1) saturate(1); } 50% { filter: brightness(1.18) saturate(1.15); } }

@media (max-width: 700px) {
	.mwf-egg { padding: 2vmin; }
	.mwf-egg-frame { --mwf-egg-band: 16px; width: min(96vw, calc((100vh - 4vmin) * 16 / 9)); }
}
@media (prefers-reduced-motion: reduce) {
	.mwf-egg-gilt { animation: none; }
}

/* 35-2: the «04» of the Teatro Puccini card takes the pointer once the script
   has found it; one click fills it with gold */
.mwfe-visitors .mwfv-locx-num.mwf-egg-num { pointer-events: auto; cursor: default; transition: color .7s ease, text-shadow .7s ease, -webkit-text-stroke-color .7s ease; }
.mwfe-visitors .mwfv-locx-num.is-gilded { color: #e6c86d; -webkit-text-stroke-color: rgba(255, 245, 200, .6); text-shadow: 0 0 1.4rem rgba(205, 173, 89, .7); }

/* the eggs that open on a double click (35-3 the «visita» of the homepage's
   plan heading, 35-5 the Culinaria motto) — nothing shows; the words only
   refuse to be selected by the double click */
.mwf-egg-word { user-select: none; -webkit-user-select: none; }