/* Wither's Eve — Events menu entry + overlay. */
@font-face { font-family: 'Jacquard 12'; font-style: normal; font-weight: 400; font-display: swap; src: url("../assets/withers-eve/fonts/jacquard-12-400.woff2") format("woff2"); }
@font-face { font-family: 'Pixelify Sans'; font-style: normal; font-weight: 400 700; font-display: swap; src: url("../assets/withers-eve/fonts/pixelify-sans-400_700.woff2") format("woff2"); }

.we-entry { position: relative; overflow: hidden; isolation: isolate; min-height: 360px; margin: 0 0 22px; border-radius: 18px; background: radial-gradient(ellipse at 72% 18%, #3a1760 0%, #1a0d33 38%, #0a0714 72%); box-shadow: 0 0 0 1px rgba(255, 179, 71, .28), 0 18px 60px rgba(0, 0, 0, .55), inset 0 0 90px rgba(0, 0, 0, .6); font-family: 'Pixelify Sans', system-ui, sans-serif; color: #e9dfc9; }
.we-entry__sky { position: absolute; inset: 0; z-index: -3; background: radial-gradient(1px 1px at 12% 20%, #fff8 50%, transparent), radial-gradient(1px 1px at 32% 8%, #fff6 50%, transparent), radial-gradient(1.5px 1.5px at 58% 26%, #fff9 50%, transparent), radial-gradient(1px 1px at 84% 12%, #fff6 50%, transparent), radial-gradient(1px 1px at 91% 38%, #fff5 50%, transparent), radial-gradient(1px 1px at 22% 44%, #fff4 50%, transparent); }
.we-entry__eclipse { position: absolute; z-index: -2; right: 13%; top: 8%; width: 132px; height: 132px; border-radius: 50%; background: #050309; box-shadow: 0 0 0 3px #b04bff, 0 0 30px 8px #8b3dffaa, 0 0 90px 30px #8b3dff55; animation: weEntryCorona 5s ease-in-out infinite; }
.we-entry__eclipse::after { content: ''; position: absolute; inset: -14px; border-radius: 50%; border: 2px dashed #c9a0ff88; animation: weEntrySpin 30s linear infinite; }
@keyframes weEntryCorona { 50% { box-shadow: 0 0 0 3px #c79bff, 0 0 42px 12px #8b3dffcc, 0 0 120px 40px #8b3dff66; } }
@keyframes weEntrySpin { to { transform: rotate(360deg); } }
.we-entry__graves { position: absolute; z-index: -1; left: 0; right: 0; bottom: 0; height: 38%; background: linear-gradient(180deg, transparent, #07060d 70%); }
.we-entry__graves i { position: absolute; bottom: 18%; width: 26px; height: 38px; border-radius: 13px 13px 3px 3px; background: linear-gradient(180deg, #2a2440, #120f1f); box-shadow: inset 2px 2px 0 #3d3556; }
.we-entry__graves i:nth-child(1) { left: 6%; } .we-entry__graves i:nth-child(2) { left: 14%; height: 30px; bottom: 20%; } .we-entry__graves i:nth-child(3) { left: 44%; height: 26px; width: 18px; } .we-entry__graves i:nth-child(4) { left: 52%; } .we-entry__graves i:nth-child(5) { right: 6%; height: 44px; }
.we-entry__embers span { position: absolute; bottom: -6px; width: 3px; height: 3px; border-radius: 1px; background: #ffb347; box-shadow: 0 0 8px #ff9a3c; animation: weEntryEmber 7s linear infinite; opacity: 0; }
.we-entry__embers span:nth-child(odd) { background: #38f2d4; box-shadow: 0 0 8px #38f2d4; }
.we-entry__embers span:nth-child(1) { left: 12%; animation-delay: 0s; } .we-entry__embers span:nth-child(2) { left: 27%; animation-delay: 1.4s; } .we-entry__embers span:nth-child(3) { left: 41%; animation-delay: 2.6s; } .we-entry__embers span:nth-child(4) { left: 63%; animation-delay: .7s; } .we-entry__embers span:nth-child(5) { left: 78%; animation-delay: 3.3s; } .we-entry__embers span:nth-child(6) { left: 90%; animation-delay: 5s; } .we-entry__embers span:nth-child(7) { left: 52%; animation-delay: 4.1s; }
@keyframes weEntryEmber { 0% { transform: translate(0, 0); opacity: 0; } 10% { opacity: 1; } 100% { transform: translate(24px, -360px); opacity: 0; } }
.we-entry__cards { position: absolute; right: 3%; bottom: 7%; width: 44%; height: 76%; pointer-events: none; }
.we-entry__cards img { position: absolute; bottom: 0; width: 34%; aspect-ratio: 2 / 3; object-fit: cover; border-radius: 9px; box-shadow: 0 12px 30px rgba(0, 0, 0, .65), 0 0 20px var(--glow, #ffb34755); transition: transform .5s cubic-bezier(.2, 1.3, .4, 1); }
.we-entry__cards img:nth-child(1) { left: 0; transform: rotate(-14deg) translateY(10px); --glow: #ff7a1a66; }
.we-entry__cards img:nth-child(2) { left: 20%; transform: rotate(-5deg) translateY(-6px); --glow: #5fe8ff66; }
.we-entry__cards img:nth-child(3) { left: 41%; transform: rotate(5deg) translateY(-12px); z-index: 2; width: 38%; --glow: #b04bff88; }
.we-entry__cards img:nth-child(4) { left: 64%; transform: rotate(14deg) translateY(6px); --glow: #ff1f5a66; }
.we-entry:hover .we-entry__cards img:nth-child(1) { transform: rotate(-18deg) translate(-10px, 2px); }
.we-entry:hover .we-entry__cards img:nth-child(4) { transform: rotate(18deg) translate(10px, 0); }
.we-entry:hover .we-entry__cards img:nth-child(3) { transform: rotate(3deg) translateY(-22px) scale(1.04); }
.we-entry__copy { position: relative; z-index: 3; max-width: 54%; padding: 30px 34px; }
.we-entry__kicker { font-size: 11px; letter-spacing: .32em; text-transform: uppercase; color: #ffb347; opacity: .9; }
.we-entry__title { margin: 6px 0 4px; font: 400 64px/.9 'Jacquard 12', 'Pixelify Sans', serif; color: #ffe7b8; text-shadow: 0 0 10px #ff9a3c, 0 0 28px #c8510f, 0 3px 0 #3a0f0a; letter-spacing: .01em; }
.we-entry__sub { font-size: 11px; letter-spacing: .5em; color: #c9a0ff; text-shadow: 0 0 8px #8b3dff; margin-bottom: 14px; }
.we-entry__tag { font-size: 15px; line-height: 1.45; color: #e9dfc9; margin: 0 0 14px; max-width: 460px; }
.we-entry__chips { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 16px; }
.we-entry__chips span { font-size: 11px; letter-spacing: .08em; padding: 4px 9px; border-radius: 999px; background: rgba(255, 179, 71, .1); box-shadow: inset 0 0 0 1px rgba(255, 179, 71, .35); color: #ffd89a; }
.we-entry__meter { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; font-size: 12px; color: #8c8298; }
.we-entry__meter i { position: relative; flex: 0 0 180px; height: 7px; border-radius: 4px; background: #1d1830; box-shadow: inset 0 0 0 1px #3b3252; overflow: hidden; }
.we-entry__meter b { position: absolute; inset: 0; right: auto; width: 0; background: linear-gradient(90deg, #c8510f, #ffb347, #fff1c4); box-shadow: 0 0 10px #ff9a3c; transition: width .8s ease; }
.we-entry__play { font: 700 16px 'Pixelify Sans', system-ui, sans-serif; letter-spacing: .06em; color: #fff2dc; border: 0; border-radius: 10px; padding: 13px 26px; cursor: pointer; background: radial-gradient(circle at 40% 30%, #d8483a, #861712 62%, #4a0a09); box-shadow: 0 4px 0 #2a0505, 0 0 24px rgba(255, 110, 60, .35), inset 0 1px 0 rgba(255, 210, 180, .45); transition: transform .15s, filter .15s, box-shadow .15s; }
.we-entry__play:hover { transform: translateY(-2px); filter: brightness(1.15); box-shadow: 0 6px 0 #2a0505, 0 0 36px rgba(255, 140, 80, .6), inset 0 1px 0 rgba(255, 220, 190, .55); }
.we-entry__play:active { transform: translateY(2px); box-shadow: 0 1px 0 #2a0505; }
.we-entry__play small { display: block; font-weight: 400; font-size: 11px; opacity: .8; margin-top: 2px; letter-spacing: .04em; }
.we-entry__rewards { display: flex; gap: 6px; margin-top: 14px; font-size: 11px; color: #8c8298; align-items: center; flex-wrap: wrap; }
.we-entry__rewards em { font-style: normal; color: #ffd89a; }
.we-entry__warn { margin-top: 8px; font-size: 10px; color: #6f6680; }
#withers-eve-overlay { position: fixed; inset: 0; z-index: 100000; background: #000; opacity: 0; transition: opacity .6s ease; }
#withers-eve-overlay.is-on { opacity: 1; }
#withers-eve-overlay iframe { width: 100%; height: 100%; border: 0; display: block; }
@media (max-width: 760px) {
  .we-entry { min-height: 470px; }
  .we-entry__copy { max-width: 100%; padding: 22px 20px 200px; }
  .we-entry__title { font-size: 48px; }
  .we-entry__cards { width: 88%; height: 42%; right: 6%; bottom: 3%; }
  .we-entry__eclipse { width: 90px; height: 90px; right: 6%; top: 5%; }
}
@media (prefers-reduced-motion: reduce) { .we-entry *, .we-entry *::after { animation: none !important; transition: none !important; } }