/* Full-width scenes and game-native controls, refined from the user's visual feedback. */
html,body{overflow-x:clip}
@media(min-width:641px) and (max-width:900px){.main-nav{gap:12px;font-size:10px}.main-nav a:nth-child(3),.main-nav a:nth-child(4){display:block}.header-actions .button{padding:12px 16px}}
.hero-topic{display:block;font:500 13px/1.5 var(--font-body);letter-spacing:.065em;color:#e9dfc2;text-transform:uppercase;margin-top:22px}
.route-page h1{font-size:clamp(35px,4vw,54px);line-height:1.2;letter-spacing:-.025em;margin-bottom:22px}
.route-page .section-top h1{margin-bottom:0}.route-world .world-copy h1{font-size:clamp(32px,3.2vw,46px);color:#fff1d6}.route-community .community-content h1{font-size:clamp(36px,4vw,54px);text-shadow:0 3px 10px #020d08e0;color:#fff1d5}.route-community .community-section{min-height:680px}.route-start .start-section{padding-top:80px}.route-news .section{min-height:75vh}.route-faq .section{min-height:75vh}.route-classes .classes-section{min-height:85vh}
.button{position:relative;isolation:isolate;overflow:visible;border:0;border-radius:0;padding:17px 29px;min-height:58px;font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:.065em;clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px);background:linear-gradient(135deg,#f1d698 0%,#a77d42 30%,#f0d398 48%,#7b5c32 72%,#cbae70 100%);color:#fff0d2;text-shadow:0 2px 3px #0009;filter:drop-shadow(0 6px 7px #050a084d);transition:filter .25s,transform .25s}
.button:before{content:'';position:absolute;inset:2px;z-index:-1;clip-path:inherit;background:linear-gradient(180deg,#b54c36 0%,#922c24 48%,#641d1b 100%);box-shadow:inset 0 2px 1px #ffdba13d,inset 0 -3px 2px #20070680;transition:background .25s}
.button:after{content:'';position:absolute;inset:6px;clip-path:inherit;border:1px solid #ebc07b45;pointer-events:none;background:linear-gradient(135deg,#fff3c30a,transparent 35%,#0000000d 70%,#fbe5a608)}
.button:hover,.button-primary:hover{background:linear-gradient(135deg,#ffe6ac,#a88349 30%,#ffe7b4 48%,#b48a43 72%,#ebd3a2);filter:drop-shadow(0 9px 10px #050a0866);transform:translateY(-2px)}
.button:hover:before{background:linear-gradient(180deg,#c96044,#a3382c 50%,#76261f)}
.button:active{transform:translateY(1px);filter:drop-shadow(0 2px 4px #050a084d)}
.button:focus-visible{outline:none;filter:drop-shadow(0 0 3px #fff2ce) drop-shadow(0 4px 6px #04080799)}
.button-outline{background:linear-gradient(135deg,#ddc18a,#786b45 35%,#d1b77f 55%,#6b6041 78%,#d2bb85);color:#f7e7c4}
.button-outline:before{background:linear-gradient(180deg,#35483cdb,#172c23ef 50%,#102018f5)}
.button-outline:hover:before{background:linear-gradient(180deg,#4a5f47ed,#273e2cf5 50%,#1a2e20f5)}
.button-gold{background:linear-gradient(135deg,#fff1bf,#96703a 35%,#e9cd8d 60%,#725329);color:#fff3d3}
.button-gold:before{background:linear-gradient(180deg,#94703c,#70502d 50%,#48321f)}
.button-gold:hover:before{background:linear-gradient(180deg,#ae874b,#89623a 50%,#5c4127)}
.button svg{color:#ecd296;width:18px;height:18px;filter:drop-shadow(0 1px 1px #0006)}
.header-actions .button{padding:12px 24px;min-height:45px;font-size:10px}
.hero .button-primary{min-width:230px}.hero-description,.hero h1,.hero-status{text-shadow:0 2px 7px #001611c9}
#world{padding-top:0;padding-bottom:0;overflow:hidden}
.world-layout{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:flex-end;gap:0;min-height:790px;padding:105px 0}
.world-art{position:absolute;inset:0 auto 0 50%;width:100vw;transform:translateX(-50%);z-index:-3}
.world-art>img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center center;border-radius:0}
.world-layout:before{content:'';position:absolute;inset:0 auto 0 50%;width:100vw;transform:translateX(-50%);z-index:-2;background:linear-gradient(90deg,#0c201b00 0%,#0b1e1830 24%,#091d18cb 52%,#071a16ed 75%,#081b17f2 100%),linear-gradient(0deg,#101c1b 0%,#101c1b00 18%,#101c1b00 85%,#101c1b73)}
.world-copy{width:510px;max-width:48%;padding:10px 0 15px 22px;text-shadow:0 2px 6px #06110bf2}
.world-copy h2{font-size:clamp(32px,3.2vw,46px);color:#fff1d6}.world-copy p{color:#dce4d6;line-height:1.9;font-size:14px}.world-facts li{color:#e1e8da;font-size:12px;line-height:1.85}.world-facts strong{color:#fff4de}.world-copy .ornament{margin-bottom:25px}.art-caption{bottom:30px;left:max(40px,calc((100vw - 1240px)/2));font-size:12px;color:#eee9d5}
.adventures{position:relative;left:50%;transform:translateX(-50%);width:100vw;display:block;gap:0;margin:0;min-height:0}
.adventure{width:100%;min-height:590px;padding:90px max(48px,calc((100vw - 1240px)/2));align-items:center;overflow:hidden}
.adventure>img{object-position:center 40%;transition:transform 1.1s var(--ease)}
.adventure:after{background:linear-gradient(90deg,#091b18ed 0%,#091b18c9 28%,#0a1d1873 53%,#0a1d1814 80%),linear-gradient(0deg,#101c1bdb 0%,transparent 30%,transparent 70%,#101c1bab 100%)}
.adventure>div{max-width:490px;text-shadow:0 3px 9px #030b08e0}.adventure h3{font-size:clamp(32px,3.1vw,46px);line-height:1.25;margin-bottom:23px;color:#fff0d3}.adventure p{font-size:14px;line-height:1.9;max-width:390px;color:#e0e6d8}
.adventure:nth-child(2){justify-content:flex-end}.adventure:nth-child(2)>div{max-width:440px}.adventure:nth-child(2):after{background:linear-gradient(90deg,#081b171a,#0a1c1740 30%,#081a16b5 57%,#071a16ed 85%),linear-gradient(0deg,#101c1be0,transparent 30%,transparent 75%,#101c1b91)}
.classes-section{background:#14261f}.classes-section:before{background:linear-gradient(90deg,#0d2218f5,#122c21f0 40%,#163623d6 75%,#0b2418e8),url('/assets/world-prontera.webp') center/cover no-repeat}
.class-info h3,.class-info p,.class-role{text-shadow:0 2px 7px #05140ce6}.class-info>p{color:#d4e0ce}.class-mark{border-color:#e2c78244}.class-mark:after{border-color:#e2c78226}
.class-tab{background:linear-gradient(145deg,#293d2c,#101f17);border-color:#b49b5e63;box-shadow:inset 0 1px 0 #e6cb8b15;position:relative}.class-tab[aria-selected=true]{background:linear-gradient(145deg,#46533a,#263b27);border-color:#ddbd7d;box-shadow:inset 0 1px 0 #f8d99850}.class-tab:hover{background:linear-gradient(145deg,#3a4c33,#203522)}
.start-section{padding-bottom:0}.download-band{left:50%;transform:translateX(-50%);width:100vw;padding:80px max(48px,calc((100vw - 1240px)/2));min-height:360px;margin-top:45px}.download-band>img{filter:none;object-position:center 55%}.download-band:after{background:linear-gradient(90deg,#071c16e8,#0b2119ce 48%,#10291d73),linear-gradient(0deg,#101c1b96,transparent 50%,#101c1b42)}.download-band h3{font-size:36px;color:#ffefd1;text-shadow:0 3px 9px #07120de6}.download-band p{font-size:14px;color:#e5e9da;text-shadow:0 2px 6px #07120de6}
.community-section{min-height:570px}.community-section:after{background:linear-gradient(0deg,#071914d9,#071b17ab 35%,#071b17a8 65%,#0b1f19b5)}.community-content{max-width:680px}.community-content h2{font-size:clamp(36px,4vw,54px);color:#fff1d5;text-shadow:0 3px 10px #020d08e0}.community-content p,.community-footnote{text-shadow:0 2px 6px #020d08e0}.community-content .button{background:linear-gradient(135deg,#fff1bf,#96703a 35%,#e9cd8d 60%,#725329);color:#ffefd0}.community-content .button:before{background:linear-gradient(180deg,#536345,#344b31 50%,#1e3421)}.community-content .button:hover:before{background:linear-gradient(180deg,#6b7a53,#4a623d 50%,#2d472d)}
.registration-story h1,.registration-story p,.registration-story li,.registration-story small{text-shadow:0 3px 9px #06170ce0}.registration-page:before{background:linear-gradient(90deg,#091c1b80 0%,#0f211ecf 52%,#11201df0 100%)}.registration-bg{opacity:.75}.registration-form-wrap{background:#10221eea;border-color:#9b895862}.registration-form-wrap h2{color:#fff0d5}
@media(max-width:1150px){.world-copy{max-width:49%;padding-left:10px}.world-copy h2{font-size:37px}.world-copy p{font-size:13px}.adventure{padding-left:48px;padding-right:48px}}
@media(max-width:900px){.world-layout{min-height:760px;padding:85px 0}.world-copy{max-width:57%;width:510px;padding-left:15px}.world-layout:before{background:linear-gradient(90deg,#0c201b14,#091d188c 25%,#091d18d9 48%,#071a16ed 75%),linear-gradient(0deg,#101c1b,transparent 22%,transparent 80%,#101c1b80)}.world-copy h2{font-size:34px}.adventure{min-height:520px;padding:70px 40px}.adventure>div{max-width:420px}.adventure h3{font-size:36px}.adventure p{font-size:13px}.adventure:nth-child(2)>div{max-width:370px}.download-band{padding:65px 40px}.download-band h3{font-size:34px}.community-section{min-height:500px}}
@media(max-width:640px){.button{font-size:11px;padding:17px 23px;min-height:54px;letter-spacing:.045em}.header-actions .button{font-size:9px;padding:12px 14px;min-height:40px}.hero .button-primary{min-width:0}.hero .button{min-height:53px}.world-layout{min-height:850px;align-items:flex-end;padding:250px 0 62px}.world-art>img{object-position:32% center}.world-layout:before{background:linear-gradient(0deg,#0a1c17f5 0%,#0a1c17df 50%,#0a1c1766 85%,#0a1c1729),linear-gradient(90deg,#0a1c1766,#0a1c1729)}.world-copy{width:100%;max-width:100%;padding:0}.world-copy h2{font-size:33px;line-height:1.28;margin-bottom:22px}.world-copy p{font-size:13px;color:#e1e7d9}.world-copy .ornament{margin-bottom:22px}.world-facts li{font-size:12px;margin:17px 0}.art-caption{display:none}.adventure{min-height:520px;padding:250px 24px 55px;align-items:flex-end}.adventure>img{object-position:58% center}.adventure:after{background:linear-gradient(0deg,#091b16f5 0%,#091b16db 35%,#091b1655 70%,#091b1633),linear-gradient(90deg,#091b1640,transparent)}.adventure>div,.adventure:nth-child(2)>div{max-width:100%}.adventure h3{font-size:31px;line-height:1.27;margin-bottom:18px}.adventure p{font-size:13px;color:#e1e7d9}.adventure:nth-child(2){justify-content:flex-start}.adventure:nth-child(2)>img{object-position:48% center}.adventure:nth-child(2):after{background:linear-gradient(0deg,#091b16f5 0%,#091b16db 35%,#091b1640 73%,#091b1655)}.classes-section{padding-top:55px}.class-portrait img{height:450px;bottom:-25px}.download-band{padding:65px 24px;min-height:400px;margin-top:30px}.download-band h3{font-size:31px;line-height:1.3}.download-band p{font-size:13px}.download-band>img{object-position:45% center}.download-band:after{background:linear-gradient(90deg,#071c16eb,#0b2119c9),linear-gradient(0deg,#101c1b80,transparent)}.download-band .button{margin-top:27px;font-size:10px}.community-section{min-height:500px}.community-content h2{font-size:37px}.community-content p{font-size:13px}.community-content .button{font-size:10px}.registration-page:before{background:linear-gradient(0deg,#10201f 45%,#10201f7d)}.registration-bg{opacity:.65}.registration-story .button{min-height:52px;font-size:10px}.registration-form-wrap .button{font-size:10px;min-height:54px}.download-state .button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.button{transition:none}.adventure>img{transition:none}.button:hover,.button:active{transform:none}}
/* Carry the panoramic treatment into secondary routes. */
.download-page .download-art{width:100vw;left:50%;transform:translateX(-50%);min-height:480px;padding:80px max(48px,calc((100vw - 1240px)/2))!important}
.download-art:after{background:linear-gradient(90deg,#071b16ec,#0a1f18b5 43%,#0a1f187d 65%,#0a1f18c9),linear-gradient(0deg,#101c1bc2,transparent 38%,#101c1b36)}
.download-art h2,.download-art p{text-shadow:0 3px 8px #031009e6}.download-art h2{color:#fff0d3}.download-art p{color:#e1e7d8}.download-state{background:#10211be8;border-color:#b29a6c8a}
.article{max-width:none;position:relative;isolation:isolate}.article>.page-title{min-height:520px;padding:90px 0 65px;display:flex;flex-direction:column;justify-content:flex-end;text-shadow:0 3px 9px #031009e6}
.article>.page-title h1{max-width:900px;color:#fff1d9}.article>.page-title p{max-width:620px;color:#e2e9d9}.article>.page-title .text-link{align-self:flex-start}
.article>.article-image{position:absolute;left:50%;transform:translateX(-50%);top:0;width:100vw;max-width:none;height:520px;margin:0;object-fit:cover;object-position:center 45%;z-index:-2}
.article:before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:100vw;height:520px;z-index:-1;background:linear-gradient(90deg,#061a15ed,#091e17bc 45%,#0b221962 85%),linear-gradient(0deg,#101c1b 0%,#101c1b30 55%,#101c1b33)}
.article>p,.article>h2,.article>ul,.article>.button-row{max-width:850px;margin-left:auto;margin-right:auto}.article>.page-title+.article-image+p{margin-top:45px}
@media(max-width:900px){.download-page .download-art{padding:65px 38px!important}.article>.page-title{min-height:490px}.article>.article-image,.article:before{height:490px}}
@media(max-width:640px){.class-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:30px}.class-tab{width:100%;min-width:0;height:80px;font-size:12px;gap:8px}.class-tab svg{width:25px;height:25px}.download-page .download-art{padding:55px 24px!important;min-height:650px}.download-art:after{background:linear-gradient(0deg,#0a1f18eb,#0a1f18ba 60%,#0a1f188f)}.article>.page-title{min-height:500px;padding:70px 0 50px}.article>.page-title h1{font-size:35px;line-height:1.25}.article>.article-image,.article:before{height:500px}.article>.article-image{object-position:58% center}.article:before{background:linear-gradient(0deg,#101c1bf5,#091e17bd 55%,#091e1766),linear-gradient(90deg,#061a15b5,#091e1740)}.article>.page-title p{font-size:13px}.article>.page-title .text-link{font-size:11px}}
@media(max-width:640px){.hero-topic{font-size:10px;letter-spacing:.045em;margin-top:18px}.hero-content{padding-top:150px;padding-bottom:150px}.route-page h1{font-size:34px}.route-world .world-copy h1{font-size:33px}.route-community .community-content h1{font-size:37px}.route-start .start-section{padding-top:55px}.route-community .community-section{min-height:570px}}

/* No Autoplay emphasis belongs to the server-rates strip, not the hero. */
.realm-title{font-size:clamp(15px,1.5vw,20px);font-weight:700;letter-spacing:.035em;text-transform:uppercase;white-space:nowrap;gap:10px;color:#f4d79b;padding:12px 14px;border:1px solid #bd985a9c;border-radius:2px;background:linear-gradient(110deg,#8c693136,#1a3024);box-shadow:inset 0 1px 0 #f0d39824;text-shadow:0 2px 4px #020d09a6}.realm-title svg{width:29px;height:29px}
@media(min-width:641px) and (max-width:900px){.realm-inner{grid-template-columns:1.5fr repeat(4,1fr)}.realm-title{font-size:14px;padding:10px 9px;gap:8px}.realm-title svg{width:24px;height:24px}}
@media(max-width:640px){.realm-title{font-size:19px;width:max-content;max-width:100%;padding:12px 16px;gap:12px}.realm-title svg{width:29px;height:29px}}