/* LanulaLand enchanted entrance: remains separate from existing components */
#ll-intro{position:fixed;inset:0;z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#090e25;color:#fff;font-family:Georgia,serif;overflow:hidden;opacity:1;transition:opacity 1.4s ease,visibility 1.4s}
#ll-intro.ll-done{opacity:0;visibility:hidden;pointer-events:none}
#ll-intro-video,#ll-intro-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#090e25}
#ll-intro-poster{opacity:0;transition:opacity 1.35s ease;object-fit:cover}
#ll-intro.ll-ending #ll-intro-poster{opacity:1}
#ll-intro::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,transparent 74%,rgba(9,9,30,.62))}
#ll-intro-controls{position:absolute;z-index:3;bottom:max(22px,env(safe-area-inset-bottom));left:16px;right:16px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
#ll-intro-controls button{font:600 13px system-ui,sans-serif;letter-spacing:.2px;border:1px solid rgba(255,226,153,.74);color:#fff5db;background:rgba(22,16,48,.75);border-radius:30px;padding:12px 18px;backdrop-filter:blur(9px);box-shadow:0 3px 16px #0005}
#ll-intro-controls button:focus-visible{outline:3px solid #fff1a4}
#ll-intro.ll-ending #ll-intro-controls{opacity:0;pointer-events:none}
#ll-palace-background{position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(255,248,237,.89),rgba(255,248,237,.96) 70%),var(--ll-palace-image) center 37% /cover no-repeat;opacity:0;transition:opacity 1.7s ease}
body.ll-palace-visible{background:transparent}
body.ll-palace-visible #ll-palace-background{opacity:1}
body.ll-palace-visible main .hero{position:relative;isolation:isolate;border-radius:24px;padding:28px 26px 35px;margin-top:9px;overflow:hidden;background:linear-gradient(100deg,rgba(255,248,237,.93),rgba(255,248,237,.65)),var(--ll-palace-image) center 43% / cover no-repeat;box-shadow:0 14px 42px #5b4c6926}
#ll-replay{font-size:12px;white-space:nowrap;color:#784f2b;background:#fff4df;border:1px solid #e7c98e;border-radius:999px;padding:7px 12px;align-self:center}
@media(max-width:670px){#ll-replay{font-size:11px;padding:6px 9px}body.ll-palace-visible main .hero{padding:16px 14px}#ll-intro-controls button{font-size:12px;padding:11px 13px}}
@media(prefers-reduced-motion:reduce){#ll-intro,#ll-intro-poster,#ll-palace-background{transition:none}}