@font-face{font-family:Cormorant;src:url('assets/serif.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url('assets/sans.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url('assets/sans-semibold.ttf') format('truetype');font-weight:600 800;font-style:normal;font-display:swap}
:root{--bg:#101316;--deep:#090c0e;--gold:#b89b62;--light:#eee5d4;--muted:#aaa99f;--line:#b89b623b;--serif:Cormorant,Georgia,serif;--sans:Manrope,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--light);font-family:var(--sans);font-size:14px;line-height:1.8}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{border:0;background:none}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid #e6ca8b;outline-offset:6px}::selection{background:#9a7c42;color:white}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;font-family:var(--serif);line-height:1.02}em{font-style:normal;color:#d9bf88}p{color:var(--muted)}.wrap,.section{max-width:1320px;margin-inline:auto;padding-inline:64px}.section{padding-block:110px}.skip{position:fixed;top:-100px;left:20px;background:var(--gold);color:#101316;padding:12px;z-index:99}.skip:focus{top:10px}
.site-header{height:104px;position:absolute;z-index:10;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;border-bottom:1px solid #c5aa7229;background:linear-gradient(#06090bc9,transparent)}.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.brand span{font-family:var(--serif);font-size:43px;letter-spacing:-1.7px;color:#dfc68e;text-shadow:0 1px 0 #523a14,0 2px 5px #000}.site-header nav{display:flex;align-items:center;gap:36px}.site-header nav>a:not(.button){font-size:10px;letter-spacing:1.8px;text-transform:uppercase;color:#e6dfd0;transition:color .2s}.site-header nav>a:hover{color:#e5c177}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:52px;padding:13px 28px;border:1px solid #b89b62;font-family:var(--serif);font-size:17px;letter-spacing:1.8px;text-transform:uppercase;position:relative;transition:background .2s,box-shadow .2s,transform .2s}.button:before{content:"";position:absolute;inset:3px;border:1px solid #d6b57044;pointer-events:none}.button:hover{background-color:#b89b621a;box-shadow:0 0 24px #d8ad5020;transform:translateY(-2px)}.button.small{min-height:43px;padding:9px 24px;font-size:14px;gap:18px}.button.primary{color:#fff5df;background:linear-gradient(110deg,#775424,#b28b47 48%,#75501f);box-shadow:inset 0 0 18px #e2bd6a45,0 4px 24px #0005;border-color:#d7b978}.button.primary:before{border-color:#e6c7889e}.button.primary:hover{background:linear-gradient(110deg,#8d642e,#c7a05a 48%,#87602a)}.menu-toggle{display:none}
.hero{position:relative;min-height:800px;height:min(900px,100svh);isolation:isolate;background:#101316;overflow:hidden}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:-3}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#060a1045 0%,#0a0e1433 22%,transparent 65%,#101316 100%),radial-gradient(ellipse at 50% 28%,#05090e4d,transparent 55%)}.hero-copy{width:760px;max-width:90%;margin:0 auto;text-align:center;padding-top:158px;text-shadow:0 2px 20px #05090ed0}.eyebrow,.kicker{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);font-weight:600}.eyebrow{display:flex;align-items:center;gap:18px;justify-content:center;color:#d7bf8d}.eyebrow span{height:1px;width:32px;background:#c0a26566}.ornament{font-size:36px;line-height:1.5;color:#c7ad75;margin:10px 0 3px}.hero h1{font-size:clamp(66px,7.2vw,108px);letter-spacing:-2.6px;line-height:.93}.hero h1 em{color:#eee5d4}.hero-copy>p{color:#e1d6c4;font-family:var(--serif);font-size:25px;margin:23px 0 26px}.hero-button{min-width:226px}.explore-link{display:block;width:max-content;margin:23px auto 0;font-family:var(--serif);font-size:16px;letter-spacing:.3px;border-bottom:1px solid #c0a26575;padding-bottom:4px}.explore-link span{margin-left:15px}.hero-bottom{position:absolute;bottom:26px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;color:#c5bda9;font-size:9px;letter-spacing:2px;text-transform:uppercase}.hero-bottom>a{border:1px solid var(--line);height:38px;width:38px;display:grid;place-items:center;transform:rotate(45deg);margin-left:-50px}.hero-bottom>a span{transform:rotate(-45deg);font-size:18px}.hero-bottom b{color:var(--gold);margin:0 12px}.realm-note{display:flex;align-items:center;gap:18px;justify-content:center;min-height:70px;padding:18px 5%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#111518;font-size:11px}.diamond{font-size:25px;color:var(--gold)}.realm-note p{color:#d3c9b7}.realm-note p span{color:#8f928e;margin-left:10px}.realm-note a{color:#cdb27e;margin-left:20px;white-space:nowrap}.realm-note a span{margin-left:10px}
.kicker{display:flex;align-items:center;gap:16px;margin-bottom:26px}.kicker>span{width:35px;height:1px;background:var(--line)}h2{font-size:clamp(40px,4.4vw,62px);letter-spacing:-1px}h3{font-size:28px}.world{display:grid;grid-template-columns:1fr 1.1fr;gap:74px;align-items:center}.world-copy>p:not(.kicker){margin-top:23px;max-width:450px;line-height:1.9;font-size:12px}.world-copy>.lead{font-family:var(--serif);font-size:21px!important;line-height:1.45!important;color:#d5cbbb}.text-link{display:inline-flex;align-items:center;gap:20px;line-height:1.5;font-size:12px;color:#d3b67b;border-bottom:1px solid #b89b6266;padding:4px 0 8px;margin-top:24px;transition:color .2s,gap .2s}.text-link:hover{color:#f1d59b;gap:26px}.text-link span:last-child{font-size:18px}.world-signature{display:flex;align-items:center;gap:20px;margin-top:36px;font-family:var(--serif);font-size:19px;line-height:1.2;color:#b7b2a6}.world-image{margin:0;position:relative;border:1px solid var(--line);padding:8px;transform:translateY(10px)}.world-image:before,.world-image:after{content:"";position:absolute;width:42px;height:42px;border:1px solid #b89b6277;pointer-events:none}.world-image:before{top:-7px;left:-7px;border-bottom:0;border-right:0}.world-image:after{bottom:-7px;right:-7px;border-top:0;border-left:0}.world-image>img{width:100%;height:490px;object-fit:cover;object-position:33% center}.world-image figcaption{display:flex;justify-content:space-between;align-items:center;padding:14px 8px 6px;gap:12px}.world-image figcaption>span{font-size:9px;letter-spacing:2px;color:#ceb37b}.world-image small{font-size:9px;color:#858780}.principles{display:grid;grid-template-columns:repeat(3,1fr);padding-bottom:85px;gap:40px}.principles article{border-top:1px solid var(--line);padding-top:28px;display:flex;gap:24px}.roman{font-family:var(--serif);color:#9d814b;font-size:34px;line-height:1.2;min-width:24px}.principles h3{font-size:25px;margin:3px 0 13px}.principles p{font-size:11px;line-height:1.9}
.classes{border-top:1px solid var(--line);padding-top:90px;padding-bottom:55px;position:relative}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:52px}.section-heading>p{font-size:12px;max-width:280px;margin-bottom:6px;line-height:1.9}.class-stage{display:grid;grid-template-columns:180px 1fr;border-block:1px solid var(--line)}.class-tabs{display:flex;flex-direction:column;justify-content:center;padding-right:26px}.class-tabs button{display:flex;align-items:center;gap:16px;text-align:left;border-bottom:1px solid #b89b6226;padding:25px 0;font-family:var(--serif);font-size:23px;transition:color .2s;white-space:nowrap}.class-tabs button span{font-family:var(--sans);font-size:8px;color:#726c5d}.class-tabs button i{font-size:15px;font-style:normal;margin-left:auto;opacity:0}.class-tabs button[aria-selected=true]{color:#dbbc7e}.class-tabs button[aria-selected=true] i{opacity:1}.class-tabs button:hover{color:var(--gold)}.class-panel{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center;min-width:0}.class-art{height:580px;width:290px;max-width:100%;justify-self:center;background:url('assets/classes.webp') 0 0/300% 100% no-repeat;mask-image:linear-gradient(transparent 0%,#000 8%,#000 85%,transparent 100%)}.class-info{padding:30px 0}.class-info .kicker{font-size:9px;letter-spacing:2px;margin-bottom:12px}.class-info h3{font-size:70px;line-height:1.1}.class-motto{font-family:var(--serif);font-size:24px;color:#c9b17c;margin:4px 0 19px}.class-description{font-size:12px;line-height:1.9;max-width:340px}.class-facts{display:flex;gap:40px;border-top:1px solid var(--line);padding-top:22px;margin-top:26px}.class-facts dt{text-transform:uppercase;font-size:8px;letter-spacing:2px;color:#807e76}.class-facts dd{font-family:var(--serif);font-size:20px;margin:4px 0 0}.class-info .text-link{gap:7px}.class-footnote{font-size:10px;letter-spacing:.2px;text-align:center;padding-top:30px;color:#c1ad84}.class-footnote span{color:#858880;margin-left:10px}.noscript{padding:20px}.chronicles{padding-top:70px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.news-card{min-width:0}.news-image{position:relative;width:100%;height:210px;display:block;padding:0;overflow:hidden;border:1px solid var(--line)}.news-image:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,#090c0ec4)}.news-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.news-image:hover img{transform:scale(1.045)}.news-image>span:last-child{position:absolute;bottom:16px;left:18px;z-index:1;text-transform:uppercase;font-size:8px;letter-spacing:2px;color:#e3d3af}.news-interface{background:radial-gradient(ellipse at center,#343426,#151c22 50%,#101418);display:grid;place-items:center}.news-interface:before{content:"";height:128px;width:94px;border:1px solid #c3a66a80;position:absolute;transform:rotate(13deg)}.news-crest{font:88px var(--serif);color:#c3a66a;line-height:1;border:1px solid #c3a66a80;padding:12px 20px}.news-journey img{object-position:75%}.news-body{padding:22px 0;border-bottom:1px solid var(--line)}.news-body time,.news-date{font-size:9px;letter-spacing:1px;color:#878980}.news-body h3{font-size:29px;margin:13px 0}.news-body h3 button{font:inherit;text-align:left;padding:0}.news-body h3 button:hover{color:#dbbc7e}.news-body>p{font-size:11px;min-height:45px}.news-body .text-link{font-size:10px;margin-top:18px}
.begin{position:relative;isolation:isolate;text-align:center;padding:86px 0 90px;border-block:1px solid var(--line);overflow:hidden}.begin-backdrop{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0c1014e6,#101316c9,#0c1014e6),linear-gradient(0deg,#101316,transparent,#101316),url('assets/world.webp') center 48%/cover}.begin-inner>img{margin:0 auto 22px}.begin-inner .kicker{justify-content:center;margin-bottom:20px}.begin h2{font-size:70px}.begin-inner>p:not(.kicker){margin-top:20px;font-family:var(--serif);font-size:21px;color:#c2b9a7}.download-button{margin-top:30px;min-width:310px}.begin-inner p.download-meta{font-family:var(--sans);font-size:9px;color:#c8b58a;letter-spacing:1px;margin-top:17px}.begin-inner p.download-small{font-family:var(--sans);font-size:10px;line-height:1.8;color:#9c9c93;margin-top:14px}.begin .text-link{font-size:10px;margin-top:18px}.guide{padding-top:100px}.steps{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin:0 0 90px;counter-reset:steps}.steps li{position:relative;border-top:1px solid var(--line);padding-top:24px}.steps li>span{display:block;font-family:var(--serif);font-size:35px;color:#a58b56;margin-bottom:8px}.steps h3{font-size:26px;margin-bottom:14px}.steps p{font-size:11px;line-height:1.9}.faq-layout{display:grid;grid-template-columns:1fr 2fr;gap:80px}.mini-label{font-size:9px;text-transform:uppercase;letter-spacing:2px;color:var(--gold)}.faq-layout h3{font-size:39px;line-height:1.1;margin:18px 0}.faq-layout>div>p{font-size:11px;line-height:1.9}.faqs details{border-top:1px solid var(--line)}.faqs details:last-child{border-bottom:1px solid var(--line)}.faqs summary{list-style:none;display:flex;justify-content:space-between;gap:25px;padding:23px 0;cursor:pointer;font-size:12px;color:#d8d1c2}.faqs summary::-webkit-details-marker{display:none}.faqs summary span{color:#bf9f61;font-size:19px;line-height:1;transition:transform .2s}.faqs details[open] summary span{transform:rotate(45deg)}.faqs details p{font-size:11px;padding:0 30px 24px 0;line-height:1.9;color:#a9aaa0}
.footer{border-top:1px solid var(--line);background:#0b0f12}.footer-top{display:flex;gap:55px;align-items:center;padding-top:48px;padding-bottom:42px}.footer-top .brand span{font-size:36px}.footer-top>p{font-family:var(--serif);font-size:18px;line-height:1.25}.footer-links{display:flex;gap:28px;flex-wrap:wrap;margin-left:auto;font-size:10px}.footer-links a:hover{color:var(--gold)}.to-top{height:36px;width:36px;display:grid;place-items:center;border:1px solid var(--line)}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;border-top:1px solid #b89b621a;padding-top:22px;padding-bottom:25px;color:#80857f;font-size:8px;letter-spacing:.3px}.footer-bottom button{padding:0;font-size:8px}.footer-bottom small{font-size:8px;width:100%;color:#656e6a}dialog{max-width:680px;width:calc(100% - 32px);max-height:85svh;border:1px solid var(--gold);padding:7px;background:#11171c;color:var(--light);box-shadow:0 30px 130px #000;overflow:auto}dialog::backdrop{background:#05080bea;backdrop-filter:blur(6px)}.dialog-inner{border:1px solid var(--line);padding:50px;position:relative}.dialog-close{position:absolute;top:10px;right:15px;font-size:30px;line-height:1}.dialog-inner h2{font-size:48px;margin-bottom:24px}.dialog-inner p{margin-bottom:19px;font-size:13px;line-height:1.9}.dialog-inner .kicker{font-size:9px}.dialog-inner .button{font-size:13px;margin-top:15px}.dialog-inner ul{padding-left:20px;color:var(--muted);line-height:1.9;font-size:13px}.dialog-inner a:not(.button){color:var(--gold);text-decoration:underline}body.modal-open{overflow:hidden}
@media(min-width:1700px){.hero{height:950px;max-height:none}.hero-copy{padding-top:180px}.hero h1{font-size:115px}}@media(max-width:1100px){.site-header nav{gap:22px}.wrap,.section{padding-inline:38px}.world{gap:40px}.class-stage{grid-template-columns:150px 1fr}.class-tabs{padding-right:12px}.class-art{width:250px;height:500px}.class-info h3{font-size:58px}.class-panel{gap:15px}.footer-top{gap:25px}.footer-links{gap:18px}.world-image>img{height:460px}.hero-copy{padding-top:175px}.section-heading{gap:35px}}
@media(max-width:800px){.site-header{height:82px;padding-inline:24px}.brand span{font-size:36px}.brand img{width:30px;height:40px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:7px;width:44px;height:44px;z-index:20}.menu-toggle span{height:1px;background:var(--gold);width:25px;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.site-header nav{display:none;position:absolute;top:82px;left:0;right:0;padding:28px;flex-direction:column;align-items:stretch;background:#0b1015f7;border-bottom:1px solid var(--line);gap:0}.site-header nav.open{display:flex}.site-header nav>a:not(.button){padding:16px 0}.site-header nav .button{margin-top:15px}.hero{min-height:740px;height:90svh;max-height:900px}.hero-copy{padding-top:160px;max-width:88%}.hero h1{font-size:76px}.hero-art{object-position:62% center}.hero-shade{background:linear-gradient(180deg,#070b1255,#070b1240 50%,#101316),radial-gradient(ellipse at 45% 25%,#060b1477,transparent 75%)}.hero-bottom{font-size:7px;letter-spacing:1px}.hero-bottom>a{margin:0}.realm-note{flex-wrap:wrap;gap:5px 15px;padding:20px 24px;justify-content:flex-start}.realm-note p{flex:1;font-size:10px}.realm-note p span{display:block;margin:5px 0 0}.realm-note>a{margin-left:40px;font-size:10px}.section{padding-block:75px}.world{grid-template-columns:1fr;gap:45px}.world-copy>p:not(.kicker){max-width:100%}.world-image>img{height:420px}.world-image{max-width:100%;transform:none}.world-signature{display:none}.principles{gap:25px;padding-bottom:65px}.principles article{display:block}.principles h3{font-size:24px}.principles p{font-size:10px}.roman{display:block;margin-bottom:15px}.section-heading{align-items:flex-start;gap:25px}.section-heading>p{max-width:210px;font-size:11px}.class-stage{display:block}.class-tabs{flex-direction:row;justify-content:space-between;padding:0}.class-tabs button{padding:20px 5px;gap:10px;font-size:22px;border-bottom:0}.class-tabs button i{display:none}.class-tabs button[aria-selected=true]{border-bottom:1px solid var(--gold)}.class-panel{grid-template-columns:1fr 1fr;gap:24px}.class-art{height:540px;width:270px}.class-info h3{font-size:55px}.class-motto{font-size:21px}.class-facts{gap:20px}.class-facts dd{font-size:18px}.class-footnote span{display:block;margin:8px 0 0}.news-grid{gap:20px}.news-image{height:170px}.news-body h3{font-size:25px}.news-body>p{min-height:64px;font-size:10px}.news-image>span:last-child{left:10px;font-size:7px;letter-spacing:1px}.news-crest{font-size:65px}.begin h2{font-size:60px}.faq-layout{gap:40px;grid-template-columns:1fr 1.7fr}.steps{gap:30px}.steps h3{font-size:24px}.footer-top{flex-wrap:wrap}.footer-links{margin-left:auto}.footer-top>p{display:none}.footer-links{gap:20px}}
@media(max-width:560px){.wrap,.section{padding-inline:24px}.hero{min-height:730px;height:92svh;max-height:850px}.hero-copy{padding-top:150px}.hero h1{font-size:61px;letter-spacing:-1.5px}.hero-copy>p{font-size:21px;margin:22px 0 28px}.eyebrow{font-size:7px;letter-spacing:2px;gap:10px}.eyebrow span{width:18px}.ornament{margin:12px 0 8px}.hero-art{object-position:64% center;opacity:.8}.hero-shade{background:linear-gradient(180deg,#0b10114d,#0b10112e 50%,#101316),radial-gradient(ellipse at 45% 24%,#06090f88,transparent 80%)}.hero-bottom{bottom:24px}.hero-bottom>span:first-child{display:none}.hero-bottom{justify-content:center;gap:24px}.hero-bottom a{order:2}.realm-note{min-height:100px}.realm-note .diamond{font-size:25px}.section{padding-block:65px}h2{font-size:43px;letter-spacing:-.7px}.kicker{font-size:8px;letter-spacing:2px;gap:12px;margin-bottom:21px}.world-image>img{height:340px}.world-image figcaption{padding-inline:0}.world-image figcaption>span{font-size:8px}.world-image small{font-size:8px}.principles{grid-template-columns:1fr;gap:24px}.principles article{display:flex;gap:24px;padding-top:24px}.roman{min-width:32px}.principles h3{font-size:26px}.principles p{font-size:11px}.section-heading{display:block;margin-bottom:35px}.section-heading>p{max-width:100%;margin-top:24px}.class-tabs button{font-size:21px;gap:7px}.class-tabs button span{font-size:7px}.class-panel{display:flex;flex-direction:column;gap:0}.class-art{height:490px;width:245px}.class-info{align-self:stretch;padding:0 0 36px;margin-top:-12px}.class-info h3{font-size:65px}.class-info .class-description{max-width:100%;font-size:12px}.class-facts{gap:55px}.class-info .text-link{margin-top:18px}.class-footnote{font-size:9px;padding-top:23px}.news-grid{grid-template-columns:1fr;gap:35px}.news-image{height:220px}.news-body>p{min-height:0;font-size:12px}.news-body h3{font-size:32px}.news-body time,.news-date{font-size:9px}.news-body .text-link{font-size:11px}.news-image>span:last-child{font-size:9px;left:20px}.begin{padding:65px 0}.begin h2{font-size:49px}.begin-inner>p:not(.kicker){font-size:20px}.download-button{min-width:0;width:100%;font-size:15px;gap:15px;padding-inline:18px}.begin .text-link{font-size:10px}.steps{grid-template-columns:1fr;gap:25px;margin-bottom:55px}.steps li{display:grid;grid-template-columns:45px 1fr;gap:5px 15px}.steps li>span{grid-row:span 2;font-size:31px}.steps h3{font-size:28px;margin:0}.steps p{grid-column:2;font-size:11px}.faq-layout{grid-template-columns:1fr;gap:30px}.faq-layout h3{font-size:39px}.faq-layout>div>p{display:none}.faqs summary{font-size:12px;padding:21px 0}.footer-top{gap:30px;padding-top:38px;padding-bottom:32px}.footer-links{width:100%;margin:0;order:3;justify-content:space-between;gap:10px;font-size:10px}.to-top{margin-left:auto}.footer-bottom{font-size:8px;line-height:1.8;padding-top:22px;padding-bottom:25px}.dialog-inner{padding:44px 24px 30px}.dialog-inner h2{font-size:39px}.dialog-inner p{font-size:12px}.dialog-inner .button{font-size:11px;padding-inline:16px}.brand span{letter-spacing:-1px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Keep navigation reachable throughout the journey. */
.site-header{position:fixed;transition:height .2s,background .2s}
.site-header.scrolled{height:80px;background:#0b1014f5;backdrop-filter:blur(12px);border-color:#b89b623b}
.footer-bottom,.footer-bottom small{color:#939991}
@media(max-width:800px){.site-header.scrolled{height:82px}}/* Player community: Royal Bastion */
[hidden]{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.nav-account{font:inherit;color:var(--ivory,#ede6d8);background:none;border:0;cursor:pointer;padding:12px 0}.nav-account:hover{color:#d6b974}.rankings{display:block}.ranking-toolbar,.ranking-foot{display:flex;align-items:center;justify-content:space-between;gap:20px}.ranking-toolbar{border:1px solid #9e855334;background:linear-gradient(110deg,#c9a76212,transparent);padding:24px 28px}.ranking-caption{display:flex;align-items:center;gap:20px}.ranking-caption strong{display:block;font-family:Cormorant,Georgia,serif;font-size:28px;font-weight:500;color:#f0e9db}.ranking-caption small{display:block;font-size:11px;color:#b4afa4;margin-top:5px}.ranking-seal{border:1px solid #a78a4f;color:#d7b873;font:32px Cormorant,Georgia,serif;width:50px;height:56px;display:grid;place-items:center;clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%)}.ranking-filter{display:flex;align-items:center;gap:12px;font-size:11px;color:#bbb6ab;text-transform:uppercase;letter-spacing:.12em}.ranking-filter select{background:#14181b;border:1px solid #847047;color:#e9dfcc;padding:12px 35px 12px 14px;font:12px Manrope,sans-serif;min-width:160px}.ranking-table-wrap{border:1px solid #9e855334;border-top:0;overflow:auto}.ranking-table{width:100%;border-collapse:collapse;text-align:left}.ranking-table th{font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#a49c8a;background:#0c1012;padding:22px 28px}.ranking-table td{padding:21px 28px;border-top:1px solid #b29d6820;font-size:13px;color:#a8aaa5}.ranking-table th:first-child{width:12%}.ranking-table th:last-child,.ranking-table td:last-child{text-align:right}.ranking-table .rank-name{font-family:Cormorant,Georgia,serif;font-size:25px;color:#eee4d0}.ranking-table .rank-number{font-family:Cormorant,Georgia,serif;font-size:25px;color:#b8a575}.ranking-table .rank-level{font-size:17px;color:#ddc58f;font-weight:600;font-variant-numeric:tabular-nums}.ranking-table tr.podium{background:linear-gradient(90deg,#c6a1600d,transparent)}.ranking-table tr:hover{background:#dfc18a09}.ranking-table .ranking-empty{text-align:center;padding:45px 20px}.ranking-foot{padding-top:19px}.ranking-foot p,.ranking-note{font-size:11px;color:#96968e}.ranking-note{margin-top:15px}.ranking-foot .text-link{font-size:11px}.ranking-table td:first-child{white-space:nowrap}.ranking-crown{font-size:10px;vertical-align:middle;margin-left:8px;color:#cba861}#account-dialog{width:min(900px,calc(100% - 32px));max-width:900px;border:1px solid #9e85535e;padding:0;background:#101519;color:#e9e1d1;max-height:calc(100dvh - 32px);overflow:auto}#account-dialog::backdrop{background:#05090dc9;backdrop-filter:blur(6px)}.account-layout{display:grid;grid-template-columns:.86fr 1.14fr;min-height:600px}.account-art{background:linear-gradient(180deg,#0a1015a3,#090e13f2),url(assets/world.webp) center/cover;padding:48px 38px;display:flex;flex-direction:column;align-items:flex-start;border-right:1px solid #9e855334}.account-art img{margin-bottom:50px}.account-art .kicker{font-size:9px}.account-art h2{font-size:57px;line-height:1.04;margin:18px 0 25px}.account-art>p:not(.kicker){font-size:12px;line-height:1.8;color:#b3b3a8}.account-art>span{font-size:9px;letter-spacing:.21em;color:#aaa28e;margin-top:auto;padding-top:45px}.account-main{padding:48px 44px;position:relative;min-width:0}.account-main h2{font-size:43px;margin:12px 0 25px}.account-close{position:absolute;right:18px;top:12px;background:none;border:0;font-size:29px;color:#bdb299;cursor:pointer}.account-tabs{display:flex;border-bottom:1px solid #8b75433d;margin-bottom:27px;gap:25px}.account-tabs button{font:12px Manrope,sans-serif;color:#9e9f96;background:none;border:0;border-bottom:2px solid transparent;padding:0 0 13px;cursor:pointer}.account-tabs button[aria-selected=true]{color:#e0c58a;border-bottom-color:#c2a365}.account-main label{display:block;font-size:11px;letter-spacing:.04em;color:#c8c3b6;margin:18px 0 9px}.account-main input{width:100%;border:1px solid #77735a68;background:#0b1013;color:#eee4d0;padding:13px 14px;font:14px Manrope,sans-serif;border-radius:0}.account-main input:focus{outline:1px solid #c2a365;outline-offset:2px}.password-field{position:relative}.password-field input{padding-right:62px}.password-field button{position:absolute;right:13px;top:0;height:100%;font-size:11px;background:none;border:0;color:#c7b78e;cursor:pointer}.field-help,.account-help{font-size:11px;line-height:1.9;color:#a8aaa3}.field-help{margin-top:12px}.account-help{margin-top:22px}#account-feedback{font-size:12px;line-height:1.7;color:#e2c186;min-height:18px;margin:16px 0}#account-submit{width:100%}.account-main button:disabled{opacity:.55;cursor:wait}.account-identity{display:flex;gap:15px;align-items:center;border-block:1px solid #9e855334;padding:20px 0;margin:22px 0 30px}.account-avatar{width:46px;height:46px;border:1px solid #ad9057;display:grid;place-items:center;color:#d4b773;font:30px Cormorant,serif}.account-identity small{display:block;color:#aaa799;font-size:10px;margin-bottom:5px}.account-identity strong{font-size:14px}.account-main h3{font:27px Cormorant,serif;margin-bottom:15px}.account-character{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid #ffffff0e}.account-character strong{font:23px Cormorant,serif}.account-character small{display:block;color:#999f98;margin-top:4px}.account-character>span{color:#d9bd7d;font-size:12px}#account-logout{display:block;margin-top:22px}
@media(max-width:1050px){.site-header nav{gap:20px}.ranking-table td,.ranking-table th{padding:18px 20px}}@media(max-width:650px){.ranking-toolbar{padding:20px 16px;align-items:flex-start;flex-direction:column}.ranking-filter{width:100%;justify-content:space-between}.ranking-caption{gap:14px}.ranking-table td,.ranking-table th{padding:16px 10px}.ranking-table th{font-size:9px;letter-spacing:.08em}.ranking-table .rank-name{font-size:21px}.ranking-table td{font-size:11px}.ranking-table .rank-number{font-size:21px}.ranking-crown{display:none}.ranking-foot{align-items:flex-start}.ranking-foot p{max-width:65%}.account-layout{display:block;min-height:0}.account-art{display:none}.account-main{padding:38px 24px}.account-main h2{font-size:37px}#account-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.nav-account{text-align:left}}
.edition-link{display:flex;justify-content:space-between;gap:20px;padding-block:22px;border-top:1px solid var(--line);font-size:10px;letter-spacing:1px}.edition-link>span{color:var(--muted)}.edition-link a{color:#d9bf88}.edition-link a span{margin-left:16px}@media(max-width:560px){.edition-link{flex-direction:column;gap:8px}}

/* Shared original class portraits: rankings and live adventurers. */
.adventurer-name{display:flex;align-items:center;gap:12px;min-width:0}.adventurer-name bdi{overflow-wrap:anywhere;min-width:0}.class-frame{display:inline-grid;place-items:center;width:35px;height:33px;flex:0 0 35px;border:1px solid #b89b6270;border-radius:3px;background:linear-gradient(135deg,#292a26,#0a1014);box-shadow:inset 0 0 0 2px #11181b}.class-face{display:block;width:23px;height:19px;background:url(assets/class-portraits.png) no-repeat;background-size:184px 19px}.unknown-class:after{content:'◇';color:var(--gold);font:17px var(--serif)}
.online{position:relative;background:radial-gradient(ellipse at 50% 40%,#b89b6209,transparent 70%);border-top:1px solid var(--line)}.online-crest{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--line);background:#b89b6208}.online-badge{padding:7px 15px;border:1px solid #8e8c7750;color:#aaa99f;font-size:11px;letter-spacing:.09em;white-space:nowrap}.online-badge.is-live{color:#b7d5ad;border-color:#98b68b60;background:#98b68b08}.online-badge.is-live:before{content:'●';font-size:8px;margin-right:9px}.online-tools{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 28px;background:#0c1012;border-inline:1px solid var(--line)}.online-tools>label:first-child{display:flex;flex-direction:column;gap:5px;font-size:10px;color:var(--muted);width:min(320px,100%)}.online-tools input{background:#14191c;color:var(--light);border:1px solid var(--line);padding:10px 13px;width:100%;font-size:12px}.online-tools input:focus{outline:1px solid var(--gold);outline-offset:2px}.online-table th:first-child{width:auto}.online-table td:first-child{white-space:normal}.online .ranking-foot button:disabled{opacity:.5;cursor:wait}
@media(min-width:801px) and (max-width:1180px){.site-header nav{gap:14px}.site-header nav>a:not(.button){font-size:9px;letter-spacing:1px}}
@media(max-width:650px){.adventurer-name{gap:8px}.online-toolbar{flex-direction:row;align-items:center}.online-toolbar .ranking-caption strong{font-size:20px}.online-toolbar .ranking-caption small{font-size:9px}.online-crest{display:none}.online-badge{padding:6px 8px;font-size:10px}.online-tools{flex-direction:column;align-items:stretch;padding:18px 16px;gap:15px}.online-tools>label:first-child{width:100%}.online-table td,.online-table th{padding:16px 10px}.ranking-table .adventurer-name bdi{font-size:21px}.ranking-table .rank-name{white-space:normal}}
.class-face-1{background-position:0px 0}
.class-face-2{background-position:-23px 0}
.class-face-3{background-position:-46px 0}
.class-face-4{background-position:-69px 0}
.class-face-5{background-position:-92px 0}
.class-face-6{background-position:-115px 0}
.class-face-7{background-position:-138px 0}
.class-face-8{background-position:-161px 0}

/* On phones, give character names the full row instead of squeezing four columns. */
@media(max-width:650px){
 #online .ranking-table,#rankings .ranking-table,#online tbody,#rankings tbody{display:block}
 #online thead,#rankings thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 #online tbody tr,#rankings tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;padding:18px;position:relative;border-top:1px solid var(--line)}
 #online .ranking-table td,#rankings .ranking-table td{display:block;border:0;padding:0;min-width:0;font-size:12px}
 #online .ranking-table .rank-name,#rankings .ranking-table .rank-name{grid-column:1/-1;grid-row:1;font-size:23px;padding-bottom:9px}
 #rankings .ranking-table .rank-name{padding-right:40px}
 #online .adventurer-name bdi,#rankings .adventurer-name bdi{font-size:23px;word-break:normal}
 #rankings .ranking-table .rank-number{position:absolute;right:18px;top:22px;font-size:18px}
 #rankings .rank-number:before{content:'#';font-size:12px;margin-right:2px}
 #rankings td:nth-child(3),#online td:nth-child(2){grid-column:1;grid-row:2;color:#c5bb9f}
 #rankings td:nth-child(4),#online td:nth-child(3){grid-column:2;grid-row:2;text-align:right;font-size:15px}
 #rankings td:nth-child(4):before,#online td:nth-child(3):before{content:'Level ';font:10px var(--sans);color:var(--muted);margin-right:5px}
 #online td:nth-child(4){grid-column:1/-1;grid-row:3;text-align:left;font-size:11px}
 #online .ranking-table .ranking-empty,#rankings .ranking-table .ranking-empty{grid-column:1/-1;padding:15px 0;text-align:center}
}

/* Canonical engraved UniTale brand, shared with the native game and launcher. */
.brand .brand-logo{width:202px;height:auto;max-width:none;object-fit:contain}
.footer .brand .brand-logo{width:224px}
.begin-inner>.download-logo{width:300px;height:auto;max-width:90%;margin:0 auto 28px}
.account-art>.account-logo{width:230px;height:auto;max-width:100%;margin-bottom:28px}
.world-signature .signature-logo{width:124px;height:auto}
.online-crest .roster-logo{width:90px;height:auto;max-width:none}
.online-crest{width:auto;min-width:90px}
@media(max-width:1100px) and (min-width:851px){.brand .brand-logo{width:170px}.site-header nav{gap:16px}}
@media(max-width:650px){.brand .brand-logo{width:160px}.footer .brand .brand-logo{width:200px}.begin-inner>.download-logo{width:250px}.world-signature .signature-logo{width:104px}.online-crest .roster-logo{width:72px}.online-crest{min-width:72px}}

/* Direct game registration alongside the launcher download. */
.join-actions{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap;margin-top:30px}
.join-actions .button{margin-top:0;min-width:230px}
.footer-links button{font:inherit;color:inherit;padding:0;text-align:left}
.footer-links button:hover{color:var(--gold)}
@media(max-width:650px){.join-actions{gap:12px}.join-actions .button{width:100%;min-width:0}}