:root{color-scheme:dark;--purple:#241038;--gold:#f4cc68;--cream:#fff3ce;--scene-ratio:453/935;font-family:"Open Sans",Arial,sans-serif;background:#1a082c;color:var(--cream)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;overscroll-behavior:none}body{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:4px}button[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#palace{min-height:100svh}.stage{position:fixed;inset:0;background:radial-gradient(ellipse at center,#5a2b56 0%,#291038 58%,#13051f 100%);isolation:isolate}.scene{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .55s ease,visibility .55s}.scene.active{opacity:1;visibility:visible;z-index:2}.artboard{position:relative;width:min(100vw,calc((100svh - 52px) * 453 / 935));aspect-ratio:var(--scene-ratio);flex-shrink:0;margin-bottom:42px;overflow:hidden;box-shadow:0 0 95px #b2794930;border-radius:0 0 16px 16px}.scene-video{display:block;width:100%;height:100%;object-fit:fill;background-size:100% 100%;background-position:center}.scene-video.is-still{opacity:1}
.hotspot{position:absolute;z-index:5;border:0;background:transparent;border-radius:999px}.enter{left:3%;top:86.6%;width:92%;height:9.2%;min-height:44px}.enter:hover{box-shadow:0 0 28px #ffe98c85,inset 0 0 18px #fff5bb30}.enter:active{background:#ffffff10}.login{position:absolute;top:2%;right:3.5%;border:1px solid #d9ad58;border-radius:14px;background:linear-gradient(#382044,#170721);box-shadow:0 2px 12px #12031780;padding:8px 12px;font-weight:bold;font-size:clamp(.875rem,2.2vw,1rem);z-index:4}.scene:not(#arrival) .login{top:2.2%;right:3.5%}.scroll-cue{position:absolute;left:24%;bottom:3%;width:52%;border:0;padding:8px;background:linear-gradient(transparent,#251039 28%);border-radius:16px;font-size:1rem;font-weight:bold;text-shadow:0 2px 5px #11041f;line-height:1.2;display:flex;flex-direction:column;align-items:center}.chevron{font-family:Arial,sans-serif;font-size:2.5rem;line-height:.85;color:#ffdb80;animation:invite 2s ease-in-out infinite}
.lobby-menu{position:absolute;left:3.4%;right:3.4%;top:50.8%;bottom:4.7%;display:grid;grid-template-columns:1fr;gap:1.2%}.destination{position:relative;display:grid;grid-template-columns:19% 1fr 9%;align-items:center;gap:2%;width:100%;min-height:44px;border:2px solid #dca74a;border-radius:18px;padding:5px 10px;background:radial-gradient(ellipse at top,#4d225d,#210b35 80%);box-shadow:inset 0 0 10px #ad674328,0 2px 8px #16052166;font-size:clamp(1rem,4.9vw,1.45rem);font-weight:700;text-align:left;line-height:1.12;transition:filter .2s,box-shadow .2s}.destination:hover{filter:brightness(1.17);box-shadow:0 0 18px #f2c96b70}.destination:active{filter:brightness(1.25)}.destination.join{color:#241707;background:linear-gradient(115deg,#f0b843,#fff0a1 45%,#eeb54a);border-color:#ffefae;box-shadow:0 0 18px #f8c14d40,inset 0 0 10px #fffac1}.destination small{display:block;font-size:.875rem;font-weight:400;margin-top:4px}.menu-icon{font-size:2.2rem;text-align:center;color:#ffd25f;text-shadow:0 2px 2px #9d5608,1px -1px #fff3bb;line-height:1}.join .menu-icon{color:#884c11}.menu-icon svg{width:38px;height:38px;fill:#f6c65b;stroke:#9d641b;stroke-width:1.5}.star{animation:gold 7s ease-in-out infinite}.arrow{font-size:2rem;text-align:right}.utility-bar{position:fixed;z-index:8;bottom:max(7px,env(safe-area-inset-bottom));left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;gap:8px;pointer-events:none;font-family:system-ui,sans-serif}.utility-right{display:flex;gap:8px;margin-left:auto}.utility-bar button{pointer-events:auto;border:1px solid #c79d4b60;border-radius:100px;min-height:36px;padding:8px 12px;font:500 .875rem system-ui,sans-serif;backdrop-filter:blur(15px);background:#21102ee8;box-shadow:0 2px 15px #17042288}.utility-bar button:hover{border-color:#f3d287}.utility-bar button[aria-pressed=true]{background:#62452a;color:#fff3ca}
dialog{color:var(--cream);background:radial-gradient(ellipse at top,#512651,#271137 70%);border:1px solid #c69b51;border-radius:28px;padding:36px 28px 28px;width:min(92vw,460px);max-height:85svh;box-shadow:0 20px 100px #08020b99;text-align:center}dialog::backdrop{background:#12031bd9;backdrop-filter:blur(7px)}dialog h2{font-size:2rem;line-height:1.08;margin:10px 0 18px}dialog p{font-family:system-ui,sans-serif;font-size:1rem;line-height:1.6;color:#eadfef}dialog .eyebrow{font:600 .75rem system-ui,sans-serif;letter-spacing:.18em;color:#e2bd76;margin:10px 0}.panel-star{font-size:2.7rem;color:#ffd679;text-shadow:0 0 25px #e9b95788}.close{position:absolute;right:14px;top:10px;width:44px;height:44px;border:0;background:transparent;font:30px system-ui,sans-serif}.panel-action{display:block;text-decoration:none;background:linear-gradient(110deg,#e8b748,#fff0ac,#e7b54b);border-radius:14px;padding:15px;color:#2b170d;font-weight:bold;font-size:1.125rem;margin:22px 0 4px}.panel-note{font-size:.875rem!important;color:#cfbdd8!important}.no-script{position:fixed;z-index:20;inset:0;display:grid;place-content:center;padding:35px;text-align:center;background:#241038}.motion-paused *{animation:none!important;scroll-behavior:auto!important}
@keyframes invite{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes gold{0%,75%,100%{filter:brightness(1)}85%{filter:brightness(1.4)}}
@media(min-width:760px){:root{--scene-ratio:977/461}.artboard{width:min(100vw,calc((100svh - 52px) * 977 / 461));margin-bottom:38px;border-radius:12px}.enter{left:34%;top:80.7%;width:33%;height:14%}.login,.scene:not(#arrival) .login{top:3.4%;right:2.7%;padding:8px 17px}.scroll-cue{left:37%;width:26%;bottom:3%;font-size:1.25rem}.lobby-menu{left:57%;right:2.4%;top:14%;bottom:17%;grid-template-columns:1fr 1fr;gap:3%}.destination{grid-template-columns:1fr;grid-template-rows:40% 1fr;gap:0;text-align:center;font-size:clamp(1rem,1.7vw,1.7rem);padding:12px 10px;border-radius:18px}.destination .arrow{display:none}.menu-icon{font-size:clamp(2rem,3vw,3.2rem);align-self:center}.menu-icon svg{width:clamp(32px,3.8vw,48px);height:clamp(32px,3.8vw,48px)}.destination small{font-size:.875rem}.utility-bar{left:22px;right:22px;bottom:10px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}.scene{transition:none}}
@media(max-height:550px) and (max-width:759px){.artboard{width:100vw;height:calc(100svh - 52px);aspect-ratio:auto}.scene-video{object-fit:cover}.login{font-size:.875rem}.destination{font-size:1rem}.destination small{display:none}.menu-icon{font-size:1.25rem}.menu-icon svg{width:24px;height:24px}}