/* A single, full-screen composition: outlined emblem, equipment, invitation. */
body.royal-theme :is(h2,h3,button,.brand,.player strong){font-family:PopDisplay,system-ui,sans-serif!important;font-weight:800!important}
body.royal-theme #brandIntro.premium62[open]{display:grid!important;grid-template-rows:auto auto minmax(170px,1fr) auto auto auto;gap:12px;align-items:center;justify-items:center;position:fixed;inset:0;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;margin:0;padding:20px clamp(18px,5vw,60px);border:0;border-radius:0;overflow:auto;background:#10263e;isolation:isolate;box-sizing:border-box}
#brandIntro.premium62:before,#brandIntro.premium62:after{display:none!important}
.premium62 .room62{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#0b294342 5%,#0b294300 32%,#0b2138dc 79%,#0b2138 100%),url('art/royal-lodge-v44.webp') center/cover}
.premium62 .top62{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#f4cb78;font:800 10px/1.4 PopDisplay,sans-serif;letter-spacing:.12em}
body.royal-theme #brandIntro.premium62 #introSkip{position:static!important;transform:none!important;padding:10px 15px!important;min-height:40px;color:#99efdf!important;font:800 11px PopDisplay,sans-serif!important;background:#12354de8!important;border:1px solid #6faba9!important;border-radius:12px!important;white-space:nowrap}
body.royal-theme #brandIntro.premium62 #introTitle{width:min(100%,570px);height:auto!important;margin:0!important;padding:0!important;font-size:0!important;line-height:0!important;text-shadow:none!important;filter:drop-shadow(0 8px 8px #071b3680)!important;background:none!important}
#introTitle img{display:block;width:100%;height:auto;max-height:24dvh;object-fit:contain}
.premium62 .relics62{position:relative;width:min(100%,470px);height:100%;min-height:170px;max-height:320px}
.premium62 .glow62{position:absolute;inset:0;background:radial-gradient(ellipse,#a7ecdb48,transparent 65%)}
.premium62 .plinth62{position:absolute;bottom:9%;left:5%;width:90%;height:13%;border-radius:50%;background:radial-gradient(ellipse at 50% 15%,#3c7890,#102a46 70%);box-shadow:0 4px 0 #b78c42,0 9px 0 #10263c,0 18px 20px #07152480;border-top:2px solid #e3c47a}
.premium62 .dart62{position:absolute;bottom:12%;height:100%;width:45%;object-fit:contain;filter:drop-shadow(8px 12px 7px #06182c88)}
.premium62 .first62{left:8%;transform:rotate(-13deg)}
.premium62 .second62{right:8%;transform:rotate(13deg)}
.premium62 .badge62{position:absolute;bottom:-2%;width:100%;text-align:center;color:#f3ca7c;font:800 9px/1.5 PopDisplay,sans-serif;letter-spacing:.13em}
.premium62 .welcome62{text-align:center;z-index:1}
.premium62 .welcome-label62{font:800 9px/1.5 PopDisplay,sans-serif;letter-spacing:.16em;color:#83dece}
body.royal-theme #brandIntro.premium62 #introTagline{margin:7px 0 0!important;color:#ffdc8e!important;font:800 clamp(20px,5.5vw,29px)/1.18 PopDisplay,sans-serif!important;letter-spacing:-.035em!important;text-shadow:0 2px 8px #081a32}
body.royal-theme #brandIntro.premium62 #introEnter{width:min(100%,420px)!important;min-height:62px!important;margin:0!important;padding:17px 12px!important;font:800 clamp(14px,4vw,19px)/1.3 PopDisplay,sans-serif!important;letter-spacing:0!important;color:#47321e!important;border:2px solid #ffec9c!important;border-bottom:6px solid #b87926!important;border-radius:18px!important;background:linear-gradient(#ffe78d 0%,#ffd058 48%,#f3ad30 49%,#ffc847 100%)!important;box-shadow:inset 0 2px #fff4bc,0 5px 0 #0b2038,0 8px 24px #091a3e66!important;text-shadow:none!important}
.premium62 .footer62{display:flex;gap:12px;color:#f49e7f;font:800 8px/1.5 PopDisplay,sans-serif;letter-spacing:.14em;padding:0 0 4px}
.premium62 .footer62 i{color:#efcb7a;font-style:normal}
@media(max-height:650px){body.royal-theme #brandIntro.premium62[open]{gap:7px;padding:12px 20px;grid-template-rows:auto auto minmax(110px,1fr) auto auto auto}.premium62 .relics62{min-height:110px}#introTitle img{max-height:19dvh}body.royal-theme #brandIntro.premium62 #introEnter{min-height:52px!important;padding:12px!important}.premium62 .welcome-label62{display:none}}
@media(min-width:750px){body.royal-theme #brandIntro.premium62[open]{padding:24px 7vw;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto auto auto;column-gap:6vw}.premium62 .top62{grid-column:1/-1}#introTitle{grid-column:1;grid-row:2}#introTitle img{max-height:35dvh}.premium62 .relics62{grid-column:2;grid-row:2/6;height:100%;max-height:520px}.premium62 .welcome62,.premium62 #introEnter,.premium62 .footer62{grid-column:1}}

/* v63: foreground equipment, restrained background, subtle motion. */
.premium62 .room62{filter:brightness(.65) saturate(.85)}
.premium62 .relics62{width:min(100%,540px);min-height:210px;max-height:370px}
.premium62 .dart62{height:112%;width:49%;bottom:5%;filter:drop-shadow(0 0 3px #c0fff2) drop-shadow(0 0 17px #4baac988) drop-shadow(10px 16px 9px #020d1ddd)}
.premium62 .first62{left:3%;transform:rotate(-19deg);animation:floatLeft63 5s ease-in-out infinite}
.premium62 .second62{right:3%;transform:rotate(19deg);animation:floatRight63 5s ease-in-out infinite}
.premium62 .glow62{inset:-12%;background:radial-gradient(ellipse,#61d9e055,transparent 64%)}
@keyframes floatLeft63{50%{transform:translateY(-7px) rotate(-16deg)}}
@keyframes floatRight63{50%{transform:translateY(5px) rotate(22deg)}}
@media(prefers-reduced-motion:reduce){.premium62 .dart62{animation:none}}
@media(max-height:650px){.premium62 .relics62{min-height:120px}.premium62 .dart62{height:102%}}

/* v64: composited motion, with expensive filters kept off animated objects. */
.premium62 .dart62{filter:drop-shadow(7px 12px 5px #030d1b99);will-change:transform;backface-visibility:hidden;animation-duration:7s}
.premium62 .room62{filter:none;background:linear-gradient(180deg,#071b36aa,#071b3666 38%,#071b36ee 85%),url('art/royal-lodge-v44.webp') center/cover}
.premium62 .glow62{background:radial-gradient(ellipse,#91e9e549 0%,#3ea4c42b 35%,transparent 67%)}
body.royal-theme .shop-item .item-art{background:#0b1b2a}
body.royal-theme #shopFeatureCanvas{border-radius:18px}
body.royal-theme #brandIntro:not([open]) .dart62{animation-play-state:paused;will-change:auto}

.premium62 .intro-actions65{width:min(100%,420px);display:grid;gap:9px}
body.royal-theme #brandIntro.premium62 #introAccount{min-height:52px;margin:0;border:1px solid #b4fff1;border-bottom:4px solid #258e91;background:linear-gradient(#9af8df,#41c9c4);color:#0e3b48;font:800 14px/1.3 PopDisplay,sans-serif;text-shadow:none;border-radius:15px;box-shadow:inset 0 2px #d4fff0,0 5px 14px #02132470}
body.royal-theme #brandIntro.premium62 #introEnter{min-height:49px!important;padding:11px!important;font-size:14px!important}
.premium62 .intro-mark65{font-size:24px;color:#ffd46c}
@media(min-width:750px){.premium62 .intro-actions65{grid-column:1}}
@media(max-height:650px){.premium62 .footer62{display:none}.premium62 .intro-actions65{gap:6px}body.royal-theme #brandIntro.premium62 #introAccount{min-height:44px}}