@font-face{font-family:Italianno;src:url(/fonts/italianno.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}.royal-gateway{isolation:isolate;background:#060e19 url(/art/royal-hall.png) 50%/cover no-repeat;max-width:none;padding:68px max(7vw,28px) 100px;position:relative;overflow:hidden}.royal-gateway:after{content:"";pointer-events:none;background:linear-gradient(#0000,#060e19);height:85px;position:absolute;inset:auto 0 0}.royal-gateway h1{color:#f2d59b;text-shadow:0 3px 24px #000;letter-spacing:0;font-family:Italianno,cursive;font-size:clamp(56px,6.8vw,104px);line-height:1.12;position:relative}.royal-gateway h1 span{color:#d9b77a}.royal-gateway .hero-intro{color:#e1d7c3;text-shadow:0 2px 8px #000;max-width:700px;margin:18px auto 72px;position:relative}.gateway-controls{z-index:3;gap:8px;display:flex;position:absolute;top:14px;right:max(7vw,24px)}.gateway-controls button{color:#e4c88f;font:12px/1.5 var(--sans);background:#060e19dd;border:1px solid #9b7b4466;border-radius:24px;align-items:center;gap:8px;padding:6px 12px;display:inline-flex}.gateway-controls button:hover{border-color:#d9b77a}.royal-gateway .portals{gap:8%;max-width:1120px}.royal-gateway .portal{min-width:0}.royal-gateway .portal-arch{aspect-ratio:.65;box-shadow:0 0 0 3px #152024, 0 0 0 5px #a78249, 0 0 0 9px #090f17, 0 0 0 10px #d9b77a88, 0 0 40px rgba(var(--portal-glow), .14);background:#050c15;border-radius:50% 50% 5px 5px/31% 31% 5px 5px;padding:7px}.royal-gateway .portal-arch:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #d9b77a60;position:absolute;inset:-18px -14px -3px}.royal-gateway .portal-visual{width:auto;height:auto;position:absolute;inset:7px;-webkit-mask-image:linear-gradient(#000 55%,#0000 94%);mask-image:linear-gradient(#000 55%,#0000 94%)}.royal-gateway .portal-star{z-index:2;color:#ffe4aa;font-size:48px;top:-35px;left:calc(50% - 23px)}.royal-gateway .portal-caption{z-index:2;background:0 0;margin:0;padding:0;position:absolute;inset:auto 8px 24px}.royal-gateway .portal h2{color:#ffe4ac;text-shadow:0 2px 14px #000;font-size:clamp(27px,3vw,42px)}.royal-gateway .portal p{white-space:normal;color:#cfbf9d;margin:7px 0 15px;font-size:14px;line-height:1.5}.royal-gateway .portal-cta{background:linear-gradient(#1b2430bb,#070d16);border-color:#e2be7b;border-radius:24px;gap:18px;width:min(210px,90%);margin:auto;padding:8px 15px;font-size:17px}.portal-pedestal{z-index:-1;background:radial-gradient(ellipse, rgba(var(--portal-glow), .65), #131b26 65%);width:118%;height:37px;box-shadow:0 5px 0 #725126, 0 10px 0 #151920, 0 12px 0 #806437, 0 0 22px rgba(var(--portal-glow), .5);border:2px solid #efd399;border-radius:50%;position:absolute;bottom:-22px;left:-9%}.portal-orbit{pointer-events:none;z-index:-1;border:1px solid #d9b77a35;border-radius:50%;position:absolute;inset:-32px -22px 30px;transform:rotate(-24deg)}.portal-orbit:before,.portal-orbit:after{content:"";background:#ffe3a0;border-radius:50%;width:5px;height:5px;position:absolute;top:22%;left:4%;box-shadow:0 0 12px #e8b568}.portal-orbit:after{top:75%;left:94%}.gateway-dust{pointer-events:none;position:absolute;inset:0;overflow:hidden}.gateway-dust i{background:#efd49d;border-radius:50%;width:3px;height:3px;animation:9s ease-in-out infinite royal-dust;position:absolute;box-shadow:0 0 9px #f3d299}.royal-gateway .portal-entering .portal-visual{animation:.65s ease-out royal-open}.royal-gateway.motion-paused *,.royal-gateway.motion-paused :before,.royal-gateway.motion-paused :after{animation-play-state:paused!important}@keyframes royal-dust{0%,to{opacity:.15;transform:translateY(12px)}50%{opacity:.8;transform:translate(8px,-24px)}}@keyframes royal-open{0%{filter:brightness()}40%{filter:brightness(1.6)}to{filter:brightness()}}@media (hover:hover){.royal-gateway .portal:hover .portal-arch{box-shadow:0 0 0 3px #152024, 0 0 0 5px #c6a363, 0 0 0 9px #090f17, 0 0 0 10px #f2d299, 0 0 60px rgba(var(--portal-glow), .35)}}@media (max-width:760px){.royal-gateway{background-size:auto 100%;padding:82px 36px 80px}.gateway-controls{top:18px;right:20px}.royal-gateway h1{max-width:480px;font-size:clamp(53px,13vw,74px)}.royal-gateway .hero-intro{max-width:320px;margin:20px auto 62px;font-size:17px}.royal-gateway .portals{grid-template-columns:1fr;gap:82px;max-width:300px}.royal-gateway .portal-arch{aspect-ratio:.7}.royal-gateway .portal h2{font-size:36px}.royal-gateway .portal p{font-size:14px}}@media (prefers-reduced-motion:reduce){.royal-gateway *,.royal-gateway :before,.royal-gateway :after{transition:none!important;animation:none!important}.royal-gateway .portal:hover,.royal-gateway .portal:focus-visible{transform:none}.royal-gateway .portal-arch,.royal-gateway .portal-visual img{scale:1!important}}