:root{--royal-gold:#ddc184;--royal-cream:#f3eddb;--royal-green:#09271f}
body.royal-home,body.royal-lobby{background-color:#08271e;background-image:radial-gradient(ellipse at 50% 14%,#5871432c,transparent 52%),radial-gradient(ellipse at 7% 90%,#1b674d44,transparent 48%),linear-gradient(160deg,#0b2b22,#061e18);color:var(--royal-cream)}
.royal-home::before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 14% 24%,#e4ca822e 0 1px,transparent 2px),radial-gradient(circle at 84% 19%,#e4ca8245 0 1px,transparent 2px),radial-gradient(circle at 76% 44%,#e4ca822e 0 1px,transparent 2px),radial-gradient(circle at 28% 69%,#e4ca8233 0 1px,transparent 2px);z-index:-1}
.royal-wrap{max-width:1100px;padding-top:24px;padding-bottom:32px}.royal-top{padding-bottom:20px;border-bottom:1px solid #ddc18422;gap:18px}
.royal-brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;letter-spacing:2px;color:var(--royal-gold);font:17px Georgia,serif}.royal-brand img{width:37px;height:43px}.royal-brand span{display:block}.royal-brand small{display:block;font-size:8px;letter-spacing:3px;margin-top:3px;color:#d8d6bc}.royal-top>.pill{margin-left:auto;font-size:10px;letter-spacing:2px;background:transparent;border:1px solid #ddc18422;color:#b6c6a9}
.royal-top button,.royal-lobby .top button{border-color:#ddc18433;background:#ddc18408;color:#e9d29d}.royal-hero{text-align:center;position:relative;padding:32px 12px 30px}.hero-crest{width:94px;height:106px;display:block;margin:0 auto 10px;filter:drop-shadow(0 8px 25px #d3ae4530)}
.royal-eyebrow{font-size:9px;letter-spacing:4px;color:#bdc8a8;text-transform:uppercase;margin:0 0 16px}
.royal-wordmark{margin:0!important;font-family:Georgia,'Times New Roman',serif!important;font-weight:400;text-transform:uppercase;line-height:.91;letter-spacing:7px;color:#e5c681;font-size:clamp(58px,8vw,96px);text-shadow:0 3px 1px #0003,0 0 45px #d8b05e10}
.royal-wordmark>span{display:block}.royal-wordmark>span:first-child{background:linear-gradient(#fff0c5,#dab870 64%,#b29250);background-clip:text;-webkit-background-clip:text;color:transparent}.royal-wordmark .wordmark-bottom{font-size:.39em;letter-spacing:.20em;color:#e9e5d1;margin-top:18px}
.hero-rule{display:flex;align-items:center;justify-content:center;gap:14px;margin:23px auto 17px;width:min(270px,80%);color:var(--royal-gold);font-size:10px}.hero-rule::before,.hero-rule::after{content:'';height:1px;flex:1;background:linear-gradient(90deg,transparent,#c4a26188)}.hero-rule::after{transform:rotate(180deg)}
.royal-tagline{font-family:Georgia,serif;font-size:clamp(17px,2.1vw,23px);line-height:1.5;margin:0 auto 10px;color:#ece5ca}.royal-description{font-size:13px;line-height:1.8;color:#a5bcaa;max-width:550px;margin:0 auto}
.mode-grid{gap:20px;margin:0 auto;max-width:900px}.mode-card{margin:0;padding:26px 28px 24px;border:1px solid #d8ba7433;border-radius:19px;background:linear-gradient(135deg,#28513a66,#102f26bb);position:relative;overflow:hidden;box-shadow:0 12px 30px #0002}.mode-card::before{content:'';position:absolute;top:0;left:25%;right:25%;height:1px;background:linear-gradient(90deg,transparent,#e0c485,transparent)}.mode-card .mode-top{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:16px}.mode-symbol{color:var(--royal-gold);width:39px;height:39px}.mode-card .pill{border:1px solid #ddc18433;background:#ddc18408;letter-spacing:1.5px;font-size:9px;color:#d7d4b5}.mode-card h2{font-size:29px;margin:0 0 11px;color:#f1e8d0}.mode-card .muted{font-size:13px;line-height:1.8;max-width:340px;min-height:47px;margin:0 0 20px}.royal-home .primary,.royal-lobby .primary{background:linear-gradient(115deg,#e9d499,#c6a460)!important;color:#193122!important;border:1px solid #e6cf95!important;box-shadow:inset 0 1px 0 #fff5;font-size:13px}.mode-card .button{width:100%;text-align:center;border-radius:10px;padding:13px 18px;transition:filter .2s,transform .2s}.mode-card .button:hover{filter:brightness(1.07);transform:translateY(-1px)}
.legend-cast{text-align:center;margin:28px auto 0}.cast-caption{font-size:9px;text-transform:uppercase;letter-spacing:3px;color:#a8b99d;margin:0}.royal-home .hero-art{padding:16px 0 13px;gap:14px}.royal-home .hero-art>.avatar-portrait{width:84px;height:84px;border-radius:18px;box-shadow:0 6px 20px #0004,0 0 0 1px #ddc18440;transform:rotate(-3deg)}.royal-home .hero-art>.avatar-portrait:nth-child(2){transform:translateY(-4px) rotate(2deg)}.royal-home .hero-art>.avatar-portrait:nth-child(3){transform:translateY(-4px) rotate(-2deg)}.royal-home .hero-art>.avatar-portrait:nth-child(4){transform:rotate(3deg)}
.royal-home .guide{justify-content:center;gap:8px;margin:12px 0}.royal-home .guide span{font-size:10px;padding:7px 12px;border-color:#ddc18419;color:#a8bcab;background:#ffffff03}.royal-footer{text-align:center;color:#748f7d;font-size:10px;letter-spacing:1px;margin:24px 0 0}
.royal-lobby .wrap{max-width:1120px}.royal-lobby .top{padding-bottom:20px;border-bottom:1px solid #ddc18422}.royal-lobby h1{color:#ead6a1}.royal-lobby h2{color:#e9debc}.royal-lobby .card{border-color:#ddc18425;background:linear-gradient(145deg,#214c3766,#12382bbb)}.royal-lobby .guide span{border-color:#ddc18422}.royal-lobby input{border-color:#d4bd7333}.royal-lobby .brand{letter-spacing:1px;font-size:12px;line-height:1.5;color:#dfc588}
@media(max-width:760px){.royal-wrap{padding:16px 16px 24px}.royal-top{gap:10px;padding-bottom:14px}.royal-top>.pill{display:none}.royal-brand{font-size:15px}.royal-brand img{width:32px;height:37px}.royal-top #music-toggle{margin-left:auto}.royal-hero{padding:26px 0}.hero-crest{width:76px;height:85px}.royal-eyebrow{font-size:8px;letter-spacing:2.5px}.royal-wordmark{font-size:clamp(48px,11vw,76px);letter-spacing:3px}.royal-wordmark .wordmark-bottom{letter-spacing:.16em;margin-top:14px}.royal-tagline{font-size:18px;max-width:330px}.royal-description{font-size:12px;max-width:330px}.hero-rule{margin:19px auto 15px}.mode-grid{gap:12px}.mode-card{padding:20px;border-radius:16px}.mode-card h2{font-size:26px}.mode-card .muted{min-height:0;margin-bottom:16px}.mode-card .mode-top{margin-bottom:12px}.mode-symbol{width:30px;height:30px}.legend-cast{margin-top:24px}.cast-caption{font-size:8px;letter-spacing:2px}.royal-home .hero-art{gap:10px}.royal-home .hero-art>.avatar-portrait{width:62px;height:62px;border-radius:14px}.royal-lobby .brand{font-size:10px;letter-spacing:1px}.royal-lobby h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){.mode-card .button{transition:none}}
/* Ambient film is limited to the landing page; all foreground remains interactive. */
.royal-home{position:relative;isolation:isolate}.royal-home .royal-wrap{position:relative;z-index:2}.royal-home::before{z-index:1}
.home-film{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:#08271e}
.home-film video,.home-film-poster{position:absolute;inset:-2%;width:104%;height:104%;object-fit:cover;object-position:65% 50%;filter:blur(2.6px) saturate(.75) brightness(.85);opacity:.78}
.home-film video{opacity:0;transition:opacity 1s}.home-film.playing video{opacity:.78}.home-film-poster{transition:opacity 1s}.home-film.playing .home-film-poster{opacity:0}
.home-film::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#06231cc9 0%,#0a2b2091 40%,#06241dbb 72%,#051d18f0 100%),linear-gradient(90deg,#06231b55,transparent 65%)}
.royal-home .royal-wordmark{position:relative;isolation:isolate;font-size:clamp(76px,10.5vw,128px);font-weight:500;letter-spacing:8px;text-shadow:0 3px 2px #0007,0 0 35px #e1bf631f}
.royal-home .royal-wordmark::before{content:'';position:absolute;inset:-26px -65px -28px;z-index:-1;background:radial-gradient(ellipse at center,#031b16eb 0%,#061e18b8 42%,#06221a00 75%);filter:blur(14px);pointer-events:none}
.royal-home .royal-wordmark>span:first-child{background-image:linear-gradient(#fff6d6 0%,#f3d494 42%,#d0ac5d 82%,#f5dfab 100%)}
.royal-home .royal-wordmark .wordmark-bottom{color:#fff2d2;font-size:.39em;letter-spacing:.20em;text-shadow:0 2px 8px #000a}
.royal-home .royal-tagline{color:#fff1d2;text-shadow:0 2px 12px #000b}.royal-home .royal-description{color:#c0cfbd;text-shadow:0 1px 5px #000a}.royal-home .mode-card{background:linear-gradient(135deg,#254e38ed,#102f26ed)}
@media(max-width:760px){.home-film video,.home-film-poster{object-position:70% 50%;filter:blur(2px) saturate(.7) brightness(.8)}.home-film::after{background:linear-gradient(#06231cc9,#092c209c 40%,#06241de3 80%,#051d18f5)}.royal-home .royal-wordmark{font-size:clamp(56px,13vw,88px);letter-spacing:2px}.royal-home .royal-wordmark .wordmark-bottom{letter-spacing:.13em}.royal-home .royal-wordmark::before{inset:-15px -10px -20px;filter:blur(10px)}}
@media(prefers-reduced-motion:reduce){.home-film video{display:none}.home-film-poster{opacity:.6!important}.home-film video,.home-film-poster{transition:none}}