:root{--ink:#112a2d;--paper:#efeee8;--gold:#c5a56c;--muted:#73817d;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:115px}body{margin:0;background:#0a1b1e;color:#eee9dc;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #b99857;outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:normal}p{font-size:14px;line-height:1.85}button{color:inherit}section{position:relative;scroll-margin-top:0}.container{width:min(1180px,88%);margin:auto}.site-header{position:absolute;top:0;left:0;right:0;z-index:20;background:#0c232aab;color:#f0eee4;backdrop-filter:blur(14px)}.topbar{height:58px;padding:0 4%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff1c}.wordmark{font-family:var(--serif);letter-spacing:5px;font-size:26px;text-shadow:0 2px 10px #0003}.wordmark span{font-size:31px}.toplinks{display:flex;gap:35px;align-items:center;font-size:9px;letter-spacing:1.5px;color:#d0d6cb}.toplinks span{opacity:.6}.navrow{display:flex;justify-content:space-between;align-items:stretch;padding-left:4%}.navrow nav{display:flex;align-items:center;gap:35px}.navrow nav a{font-size:12px;padding:24px 0;position:relative}.navrow nav a:after{content:'';position:absolute;bottom:12px;left:0;right:100%;height:1px;background:#d5bb7e;transition:.25s}.navrow nav a:hover:after{right:0}.nav-play{padding:22px 40px;background:linear-gradient(115deg,#34595c,#153a40);color:#e6d5a9;font-family:var(--serif);font-size:17px;border-left:1px solid #bca67466;letter-spacing:1px;min-width:225px;text-align:center}.nav-play span{margin-left:25px}.menu-toggle{display:none;background:none;border:0;font-size:25px}.hero{min-height:820px;height:100svh;max-height:1100px;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0b2229 0%,#0c25224d 24%,#0c28282b 62%,#102b2a26)}.hero-inner{position:relative;text-align:center;padding:155px 20px 100px;width:min(850px,95%);text-shadow:0 2px 16px #00191c99}.kicker{font-size:9px;letter-spacing:3px;font-weight:bold;color:#6d7c73}.kicker.light{color:#e2d5b8}.hero h1{font-size:clamp(75px,9vw,142px);letter-spacing:17px;margin:15px -17px 0 0;background:linear-gradient(#fff6dc 20%,#e5d7b8 50%,#a98b54 100%);background-clip:text;color:transparent;filter:drop-shadow(0 4px 6px #122f3a99);text-shadow:none;line-height:1.1}.hero-divider{display:flex;align-items:center;gap:15px;justify-content:center;color:#ead6a7;font-size:20px;margin:14px 0 23px}.hero-divider span{height:1px;width:80px;background:linear-gradient(90deg,transparent,#c6b37c)}.hero-divider span:last-child{transform:rotate(180deg)}.hero h2{font-size:clamp(30px,3.6vw,49px);line-height:1.15;color:#fff6df;text-shadow:0 2px 12px #0c232e}.hero p{font-size:13px;line-height:1.8;margin:20px 0 29px;color:#f8f5df}.ornate-button{display:inline-flex;justify-content:center;align-items:center;gap:28px;position:relative;background:linear-gradient(110deg,#173d43,#205458,#11313b);border:1px solid #b89b64;box-shadow:inset 0 0 0 4px #15383f,inset 0 0 0 5px #ac925754,0 10px 30px #0003;padding:23px 36px;min-height:65px;color:#eeddaf;font-family:var(--serif);font-size:15px;letter-spacing:1px;text-shadow:none;transition:filter .2s,transform .2s}.ornate-button:before,.ornate-button:after{content:'◆';position:absolute;color:#c8ad70;font-size:10px;top:50%;transform:translateY(-50%)}.ornate-button:before{left:-6px}.ornate-button:after{right:-6px}.ornate-button b{font-size:16px;font-weight:normal}.ornate-button:hover{filter:brightness(1.2);transform:translateY(-2px)}.hero-secondary{display:block;width:fit-content;margin:23px auto 0;font-size:9px;letter-spacing:2px;color:#e4e8dc}.hero-secondary span{margin-left:12px}.hero-bottom{position:absolute;bottom:51px;left:0;right:0;display:flex;gap:0;justify-content:center;font-size:8px;letter-spacing:2px;color:#dbe3d8}.hero-bottom span{padding:0 26px;border-right:1px solid #ffffff3a}.hero-bottom span:last-child{border:0}.scroll-cue{position:absolute;bottom:10px;font-size:30px;opacity:.5}.parchment{background-color:var(--paper);background-image:radial-gradient(ellipse at 10% 0%,#dbdacb99,transparent 60%),repeating-linear-gradient(90deg,transparent 0,transparent 3px,#b2b19c05 4px);color:var(--ink)}.news{padding:80px 0 86px}.heading-row{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}.heading-row h2,.center-heading h2{font-size:41px;margin-top:13px;line-height:1.15}.filters{display:flex;gap:25px;border-bottom:1px solid #a8b4aa66}.filters button{border:0;background:none;padding:10px 0 13px;font-size:11px;color:#78857d}.filters button.active{color:#16393c;border-bottom:2px solid #9d8253;font-weight:bold}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.news-card{background:#f9f8f2;box-shadow:0 10px 20px #122a2807;border-bottom:2px solid transparent;transition:transform .25s,border-color .25s;display:block}.news-card:hover{transform:translateY(-5px);border-bottom-color:#af945e}.news-card[hidden]{display:none}.news-image{height:205px;position:relative;overflow:hidden}.news-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.news-card:hover img{transform:scale(1.035)}.tag{position:absolute;bottom:0;left:0;background:#184246;color:#eee6cb;font-size:8px;letter-spacing:1.5px;padding:11px 16px}.tag.muted{background:#675e45}.news-copy{padding:25px 25px 28px}.news-copy small{font-size:8px;letter-spacing:1.5px;color:#859083}.news-copy h3{font-size:24px;line-height:1.25;margin:12px 0}.news-copy p{font-size:12px;color:#77827b;min-height:65px}.text-link{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin-top:22px;color:#385c5a;font-weight:bold}.text-link b{font-size:18px;font-weight:normal}.world{min-height:670px;overflow:hidden;display:flex;align-items:center}.world-bg{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:70% center}.world:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0a2228f5,#0a2228be 35%,#0a22282b 78%),linear-gradient(0deg,#081e25aa,transparent)}.world-content{position:relative;z-index:1;padding:80px 0}.world h2{font-size:49px;line-height:1.15;margin:21px 0;color:#f1ecda}.world h2 em{font-style:normal;color:#cfb47a}.world-content>p{max-width:405px;color:#bfcdc5;font-size:13px}.world-facts{display:flex;gap:24px;margin:30px 0}.world-facts>div{display:flex;gap:12px;align-items:center}.world-facts b{font:28px var(--serif);color:#c7b07d}.world-facts span{font-size:10px;line-height:1.6;color:#d4dccc}.line-button{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;border:0;border-bottom:1px solid #baa17188;padding:15px 0;background:none;font-size:10px;letter-spacing:1.2px;color:#e6d2a4;font-weight:bold}.line-button span{font-size:20px;font-weight:normal}.line-button:hover{color:#fff2cc;border-bottom-color:currentColor}.line-button.dark{color:#315251}.line-button.dark:hover{color:#986e37}.art-note{position:absolute;bottom:19px;right:3%;z-index:1;font-size:9px;color:#d1dfcc8c}.classes{padding:86px 0 80px}.center-heading{text-align:center}.center-heading p{font-size:13px;color:#7e8981;margin-top:20px}.class-tabs{display:flex;justify-content:center;gap:0;flex-wrap:wrap;margin:42px 0 0;border-top:1px solid #b5b8a877;border-bottom:1px solid #b5b8a877}.class-tabs button{background:none;border:0;padding:22px 20px;font-size:11px;color:#6e7e75;position:relative;transition:.2s}.class-tabs button[aria-selected=true]{color:#173f42;font-weight:bold}.class-tabs button[aria-selected=true]:after{content:'';position:absolute;bottom:-1px;left:20%;right:20%;height:3px;background:#a98d58}.class-tabs button:hover{background:#dce0d555}.class-panel{min-height:330px;display:grid;grid-template-columns:220px 1fr 230px;gap:45px;align-items:center;padding:40px 25px 0}.class-seal{position:relative;width:195px;height:230px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#a7bba333,transparent 65%)}.class-seal svg{position:absolute;inset:15px 0;width:100%;height:200px;fill:none;stroke:#ab956659;stroke-width:1}.class-seal span{position:relative;font:70px var(--serif);color:#355c5a;text-shadow:1px 2px 0 #fff}.class-copy h3{font-size:43px;margin:12px 0 15px}.class-copy>p{max-width:480px;font-size:13px;color:#718077}.class-tags{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.class-tags span{font-size:9px;border:1px solid #aeb5a87a;padding:6px 10px;color:#64796d}.class-copy .line-button{margin-top:15px}.class-aside{border-left:1px solid #bbc0b377;padding:10px 0 10px 30px}.class-aside small{font-size:8px;letter-spacing:2px;color:#91998b}.class-aside p{font:italic 24px/1.4 var(--serif);margin:17px 0;color:#5b7467}.class-aside>span{font-size:10px;line-height:1.8;color:#879084}.chronicles{padding:90px 0;background:radial-gradient(ellipse at 20% 40%,#24434055,transparent 60%),#0d242a}.chronicles .heading-row h2{font-size:43px}.section-intro{color:#acbcb7;font-size:12px}.chronicle-feature{display:grid;grid-template-columns:1.1fr 1fr;border:1px solid #bda67538;background:#0b2026}.chronicle-art{position:relative;min-height:430px}.chronicle-art img{width:100%;height:100%;position:absolute;object-fit:cover}.chapter-stamp{position:absolute;left:25px;top:25px;font:60px var(--serif);color:#f2deae;text-shadow:0 2px 10px #000}.chapter-stamp span{display:block;font:8px Arial;letter-spacing:2px;margin-top:10px}.chronicle-copy{padding:48px}.tag.inline{position:static;display:inline-block;font-size:7px;padding:8px 10px;background:#223b3e;color:#bfccbb}.chronicle-copy h3{font-size:49px;line-height:1.03;margin:22px 0;color:#e9ddbe}.chronicle-copy p{font-size:12px;color:#aebfba;margin-top:13px}.chronicle-copy .line-button{margin-top:10px}.chronicle-copy>small{display:block;font-size:9px;color:#77928c;margin-top:20px;line-height:1.7}.chapter-list{margin-top:25px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #baa57130}.chapter-list>button,.chapter-next{border:0;border-right:1px solid #baa57130;padding:25px 20px;background:#102b2f;display:flex;gap:17px;align-items:center;text-align:left}.chapter-list>button:hover{background:#193c3f}.chapter-next{opacity:.5;border:0}.chapter-number{font:26px var(--serif);color:#bba778}.chapter-list small{font-size:7px;letter-spacing:1.2px;color:#819d94;display:block;margin-bottom:8px}.chapter-list strong{font:16px var(--serif);color:#dfdfc9;display:block;line-height:1.3}.chapter-arrow{margin-left:auto;color:#b6a77e}.community{padding:95px 0;text-align:center;background:linear-gradient(#0b242bea,#0c292bf2),url(assets/eldora-keyart.webp) center 60%/cover;border-top:1px solid #bba26630}.community h2{font-size:49px;line-height:1.1;margin:23px 0;color:#e9e2cb}.community p{color:#aebfb5;font-size:13px}.community-actions{display:flex;gap:40px;align-items:center;justify-content:center;margin-top:32px}footer{padding:45px 0 26px;background:#08191e;color:#829c94}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-bottom:32px;border-bottom:1px solid #ffffff0f}.footer-top .wordmark{color:#d1c7ad;font-size:27px}.footer-top nav{display:flex;gap:25px;font-size:10px}.back-top{font-size:8px;letter-spacing:1px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:24px;font-size:9px;color:#6e8780}dialog{border:1px solid #bba47166;background:#f1efe6;color:#193337;width:min(850px,94%);max-height:90svh;padding:0;box-shadow:0 20px 100px #0008}dialog::backdrop{background:#03151de8;backdrop-filter:blur(8px)}.reader-close{position:sticky;top:14px;float:right;margin:14px 14px -54px 0;z-index:2;width:38px;height:38px;border:1px solid #dacb9d88;background:#0b272de8;color:#e9dfc3;font-size:18px}.reader-cover{background:linear-gradient(#09292acb,#0b272ee8),url(assets/eldora-ruins.webp) center/cover;padding:70px 55px 45px;color:#e7ddc4}.reader-cover h2{font-size:43px;line-height:1.12;margin:20px 0}.reader-cover>span{font-size:9px;color:#a6bcb0}.reader-body{padding:40px 65px}.reader-body p{font:17px/1.95 var(--serif);color:#3c5149;margin-bottom:20px}.reader-body p.break{text-align:center;color:#ae9767;letter-spacing:10px;margin:33px 0}.reader-nav{display:flex;justify-content:space-between;gap:20px;padding:0 55px 40px}.reader-nav button{background:none;border:0;border-bottom:1px solid #9caa9966;padding:12px 0;color:#40625b;font-size:11px}.reader-nav button:disabled{opacity:.3;cursor:default}@media(min-width:1700px){.hero-inner{padding-top:170px}.hero h1{font-size:150px}}@media(max-width:1050px){.navrow nav{gap:24px}.nav-play{min-width:180px;padding-left:20px;padding-right:20px}.class-panel{grid-template-columns:180px 1fr;gap:35px}.class-aside{display:none}.class-tabs button{padding:20px 15px}.chronicle-copy{padding:35px}.news-copy{padding:22px}.news-copy h3{font-size:22px}.chapter-list>button,.chapter-next{padding:22px 14px;gap:10px}.chapter-list strong{font-size:14px}}@media(max-width:760px){html{scroll-padding-top:65px}.site-header{position:absolute}.topbar{height:65px;padding:0 6%}.toplinks{display:none}.menu-toggle{display:block}.wordmark{font-size:24px}.navrow{display:none;padding:0;background:#0b262cf5}.navrow.open{display:block}.navrow nav{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:10px 6%}.navrow nav a{padding:16px 0;border-bottom:1px solid #ffffff10}.nav-play{display:block;margin:0 6% 20px;border:1px solid #a6936355}.hero{height:92svh;min-height:730px;max-height:920px}.hero-art{object-position:50% center}.hero-shade{background:linear-gradient(0deg,#0b2229 0%,#0c252250 60%,#143d3833)}.hero-inner{padding:115px 10px 100px}.hero h1{font-size:72px;letter-spacing:9px;margin-right:-9px}.hero .kicker{font-size:7px;letter-spacing:2px}.hero h2{font-size:35px}.hero p{font-size:12px;text-shadow:0 1px 8px #000}.hero-divider{margin:15px 0 20px}.hero-bottom{bottom:45px;font-size:6px;letter-spacing:1px}.hero-bottom span{padding:0 10px}.ornate-button{padding:21px 26px;font-size:12px;min-height:61px}.container{width:88%}.news,.classes,.chronicles{padding:58px 0}.heading-row{align-items:start;flex-direction:column;gap:20px;margin-bottom:28px}.heading-row h2,.center-heading h2,.chronicles .heading-row h2{font-size:33px}.filters{gap:25px;width:100%}.news-grid{grid-template-columns:1fr;gap:23px}.news-image{height:230px}.news-copy h3{font-size:25px}.news-copy p{min-height:0;font-size:13px}.news-copy{padding:25px}.world{min-height:650px}.world-content{padding:65px 0}.world:after{background:linear-gradient(90deg,#092329f0,#09232995),linear-gradient(0deg,#092329bb,transparent)}.world h2{font-size:40px}.world-content>p{font-size:13px}.world-facts{gap:18px}.world-facts b{font-size:23px}.world-facts span{font-size:9px}.class-tabs{margin-top:30px;display:grid;grid-template-columns:repeat(3,1fr)}.class-tabs button{padding:19px 8px}.class-panel{padding:30px 0 0;grid-template-columns:1fr;gap:0}.class-seal{display:none}.class-copy h3{font-size:40px}.class-copy>p{min-height:76px}.chronicle-feature{grid-template-columns:1fr}.chronicle-art{min-height:260px}.chronicle-copy{padding:30px}.chronicle-copy h3{font-size:43px}.chapter-list{grid-template-columns:1fr}.chapter-list>button,.chapter-next{padding:23px;border-right:0;border-bottom:1px solid #baa57130}.chapter-list strong{font-size:18px}.chapter-list small{font-size:8px}.chapter-number{margin-right:10px}.community{padding:65px 0}.community h2{font-size:39px}.community .kicker{font-size:7px;line-height:1.8}.community-actions{flex-direction:column;gap:15px}.footer-top{flex-direction:column;gap:28px}.footer-top nav{gap:20px}.footer-bottom{flex-direction:column;text-align:center;gap:12px}.reader-cover{padding:65px 25px 30px}.reader-cover h2{font-size:33px}.reader-cover .kicker{font-size:7px;line-height:1.7}.reader-body{padding:30px 25px}.reader-body p{font-size:16px}.reader-nav{padding:0 25px 30px;gap:25px}.reader-nav button{font-size:10px}.reader-close{top:10px}.hero-secondary{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

.class-panel{grid-template-columns:310px 1fr 200px;min-height:470px;padding-top:20px;gap:35px}.class-visual{position:relative;height:440px;display:flex;justify-content:center;align-items:end;background:radial-gradient(ellipse at 50% 55%,#92aaa633,transparent 65%)}#class-portrait{height:100%;width:100%;object-fit:contain;object-position:center bottom;position:relative;z-index:1;filter:drop-shadow(0 12px 14px #193c3025)}.class-seal{position:absolute;inset:90px auto auto;width:220px;height:250px;opacity:.2;z-index:0}.appearance-toggle{display:flex;justify-content:center;gap:0;margin:25px auto -15px}.appearance-toggle button{font-size:9px;padding:9px 16px;border:1px solid #a8b4a77a;background:transparent;color:#829184}.appearance-toggle button+button{border-left:0}.appearance-toggle button[aria-pressed=true]{background:#285154;color:#f2eddb;border-color:#285154}@media(max-width:1050px){.class-panel{grid-template-columns:270px 1fr}.class-visual{height:410px}}@media(max-width:760px){.class-panel{grid-template-columns:1fr;padding-top:15px;gap:15px}.class-visual{height:340px}.class-copy{text-align:center}.class-copy>p{margin:auto;min-height:0}.class-copy .kicker{margin-top:12px}.class-tags{justify-content:center}.class-copy .line-button{margin-top:18px}.class-seal{display:block;inset:50px auto auto}.appearance-toggle{margin-bottom:-10px}.hero h1{background:linear-gradient(#fff8e5,#e5d3a7 55%,#c2a15e);background-clip:text}.hero-shade{background:linear-gradient(0deg,#0b2229 0%,#15383a70 35%,#15383a55 65%,#143d3822)}}

.hero-character{position:absolute;bottom:70px;width:min(36vw,570px);height:68%;object-fit:contain;object-position:center bottom;z-index:1;filter:drop-shadow(0 20px 20px #08252977);pointer-events:none}.hero-warrior{left:-3%}.hero-mage{right:-3%}.hero-inner{z-index:2}.hero-bottom,.scroll-cue{z-index:3}.hero-inner:before{content:'';position:absolute;inset:130px 0 80px;background:radial-gradient(ellipse,#e6e7d382,transparent 72%);z-index:-1;pointer-events:none}.hero .kicker.light{color:#344f4a;text-shadow:0 1px 8px #fff9}.hero h1{background:linear-gradient(#f4e9c5 10%,#d7bc7c 45%,#7a633a 100%);background-clip:text;filter:drop-shadow(0 3px 2px #12343c99)}.hero h2{color:#16363c;text-shadow:0 1px 12px #f4eddcaf}.hero p{color:#23413e;font-weight:500;text-shadow:0 1px 9px #f4eddcdd}.hero-shade{background:linear-gradient(0deg,#0b2229 0%,#0c25221a 35%,#0c282805 65%,#102b2a0a)}.hero-secondary{color:#183f40;text-shadow:0 1px 6px #fff9;font-weight:bold}.hero-divider{color:#8b7647}.hero-divider span{background:linear-gradient(90deg,transparent,#8d774b)}@media(max-width:1100px){.hero-character{width:37vw;height:59%;bottom:75px}.hero-warrior{left:-8%}.hero-mage{right:-8%}.hero-inner{width:min(700px,95%)}.hero-inner:before{inset:150px -15px 80px;background:radial-gradient(ellipse,#e6e7d3ad,transparent 72%)}}@media(max-width:760px){.hero-character{height:40%;width:52vw;bottom:55px;opacity:.9}.hero-warrior{left:-12%}.hero-mage{right:-12%}.hero-inner{padding-top:90px;padding-bottom:155px}.hero h2{font-size:32px}.hero h1{font-size:72px}.hero-inner:before{inset:90px -15px 130px;background:radial-gradient(ellipse,#ecebd3c9,transparent 73%)}.hero p{font-size:12px}.hero .ornate-button{min-height:60px;padding:20px 23px;font-size:10px}.hero-bottom{bottom:32px;font-size:6px}.hero h1{letter-spacing:8px;margin-right:-8px}.scroll-cue{bottom:0}.hero-secondary{font-size:7px}.hero{min-height:760px}}

/* Mobile: reserve space for full character art and keep content within the viewport. */
@media(max-width:760px){
 .container,.hero-inner,.news-card,.class-copy,.chronicle-copy,.chapter-list>*,.footer-top>*{min-width:0}
 .hero{height:auto;min-height:850px;max-height:none;align-items:flex-start;padding-bottom:0}
 .hero-inner{padding:110px 16px 285px;width:100%;margin:0 auto}
 .hero h1{font-size:clamp(46px,15vw,72px);letter-spacing:clamp(4px,1.5vw,8px);margin-right:-5px}
 .hero h2{font-size:clamp(29px,8vw,36px)}
 .hero .kicker{font-size:clamp(6px,1.8vw,8px);letter-spacing:1.8px}
 .hero-character{width:44%;height:245px;max-height:29%;bottom:65px;opacity:1;object-fit:contain;object-position:center bottom}
 .hero-warrior{left:2%;right:auto}.hero-mage{right:2%;left:auto}
 .hero-bottom{bottom:29px;flex-wrap:wrap;row-gap:10px;line-height:1.5;padding:0 12px;font-size:6px}
 .hero-bottom span{padding:0 9px}
 .hero-inner:before{inset:90px 0 250px;background:radial-gradient(ellipse,#ecebd3df,transparent 75%)}
 .hero-secondary{margin-top:22px}
 .news-image{height:auto;aspect-ratio:3/2;background:#15353b}
 .news-image img{width:100%;height:100%;object-fit:contain}
 .news-card:hover img{transform:none}
 .chronicle-art{min-height:0;aspect-ratio:3/2;background:#102c31}
 .chronicle-art img{width:100%;height:100%;object-fit:contain}
 .chapter-stamp{font-size:45px;top:15px;left:18px}
 .chapter-stamp span{font-size:6px}
 .world-facts{gap:clamp(10px,3vw,20px);flex-wrap:wrap}
 .world-facts>div{gap:8px}.world-facts b{font-size:23px}
 .class-visual{height:330px;max-width:100%;width:100%}
 #class-portrait{max-width:100%;height:100%;object-fit:contain;object-position:center}
 .class-copy h3{font-size:36px}
 .class-panel{min-height:0}
 .class-tabs button{min-height:48px}
 .appearance-toggle button{min-height:40px}
 .chapter-list>button{min-height:82px}
 .menu-toggle{width:44px;height:44px}
 .reader-close{min-width:44px;min-height:44px}
 .reader-cover h2{overflow-wrap:break-word}
 .reader-body p{overflow-wrap:break-word}
 .community .ornate-button{gap:15px;padding:20px;max-width:100%;font-size:11px}
 .footer-top nav{flex-wrap:wrap;justify-content:center;row-gap:20px}
 .loader-logo{font-size:clamp(32px,11vw,48px);letter-spacing:6px}
}
@media(max-width:360px){
 .hero-inner{padding-left:12px;padding-right:12px;padding-bottom:265px}
 .hero{min-height:820px}
 .hero-character{height:215px;bottom:65px}
 .hero-bottom{font-size:5.5px;letter-spacing:.6px}
 .hero-bottom span{padding:0 6px}
 .hero .ornate-button{font-size:9px;gap:16px;padding:20px}
 .hero p{font-size:11px}
 .world h2{font-size:35px}
 .heading-row h2,.center-heading h2,.chronicles .heading-row h2{font-size:30px}
 .news-copy{padding:22px}
 .chronicle-copy{padding:25px}
 .reader-cover,.reader-body{padding-left:21px;padding-right:21px}
 .community h2{font-size:34px}
}
@media(max-height:600px) and (orientation:landscape) and (max-width:1000px){
 .hero{height:auto;min-height:760px;max-height:none}
 .hero-inner{padding-top:145px;padding-bottom:120px}
 .hero-character{height:53%;max-height:400px;width:30%;bottom:60px}
 .hero-warrior{left:0}.hero-mage{right:0}
}

/* Keep complete official character cutouts inside the hero at every width. */
.hero{min-height:650px;height:100svh;max-height:1100px}
.hero-character{width:29%;max-width:470px;height:54%;max-height:570px;bottom:68px;object-fit:contain;object-position:center bottom}
.hero-warrior{left:1.5%;right:auto}.hero-mage{right:1.5%;left:auto}
@media(min-width:761px) and (max-width:1100px){
 .hero{min-height:650px}
 .hero-character{width:27%;height:43%;bottom:68px;max-height:410px}
 .hero-warrior{left:1%}.hero-mage{right:1%}
 .hero-inner{padding:135px 20px 90px;width:78%}
 .hero h1{font-size:clamp(74px,10vw,110px);letter-spacing:10px;margin-right:-10px}
 .hero h2{font-size:36px}
}
@media(max-width:760px){
 .hero{height:auto;min-height:850px;max-height:none}
 .hero-inner{width:100%;padding:110px 16px 285px}
 .hero-character{width:44%;height:245px;max-height:29%;bottom:65px}
 .hero-warrior{left:2%}.hero-mage{right:2%}
}
@media(max-width:360px){
 .hero{min-height:820px}
 .hero-inner{padding-left:12px;padding-right:12px;padding-bottom:265px}
 .hero-character{height:215px}
}
@media(min-width:761px) and (max-height:700px){
 .hero{height:auto;min-height:650px}
 .hero-inner{padding-top:125px;padding-bottom:80px}
 .hero h1{font-size:90px;letter-spacing:12px;margin-right:-12px}
 .hero-divider{margin:10px 0 16px}
 .hero h2{font-size:35px}
 .hero p{margin:15px 0 20px}
 .hero-character{height:45%;bottom:60px}
 .hero .ornate-button{padding:18px 28px;min-height:58px}
}

/* Mobile poster: characters belong to the content flow, above the main action. */
@media(max-width:760px){
 .hero{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(9,auto);align-content:start;align-items:center;justify-content:normal;column-gap:0;row-gap:9px;padding:90px 20px 22px;min-height:0;height:auto;max-height:none}
 .hero-inner{display:contents;width:auto;margin:0;padding:0}
 .hero-inner:before{display:none}
 .hero-inner>*{grid-column:1/-1;position:relative;z-index:2;text-align:center;justify-self:center;max-width:100%}
 .hero .kicker{grid-row:1;font-size:7px;letter-spacing:1.7px;line-height:1.5;margin:0}
 .hero h1{grid-row:2;font-size:clamp(44px,14.5vw,62px);letter-spacing:5px;line-height:1.05;margin:0 -5px 0 0}
 .hero-divider{grid-row:3;margin:2px 0 6px;font-size:17px;gap:12px;line-height:1}
 .hero-divider span{width:52px}
 .hero h2{grid-row:4;font-size:clamp(26px,7.2vw,31px);line-height:1.12;margin:0;color:#16363c;text-shadow:0 1px 10px #f4eddcf0}
 .hero p{grid-row:5;max-width:330px;font-size:12px;line-height:1.65;margin:4px 0 0;color:#173c3b;text-shadow:0 1px 8px #f4eddcff}
 .hero-character{grid-row:6;position:relative;inset:auto;bottom:auto;left:auto;right:auto;align-self:end;justify-self:center;width:100%;height:auto;aspect-ratio:1;max-height:210px;max-width:210px;object-fit:contain;object-position:center bottom;opacity:1;z-index:2;margin:5px 0 0;filter:drop-shadow(0 9px 8px #08252966)}
 .hero-warrior{grid-column:1;left:auto;right:auto}.hero-mage{grid-column:2;left:auto;right:auto}
 .hero .ornate-button{grid-row:7;width:min(100%,320px);min-height:54px;padding:16px 20px;font-size:11px;gap:22px;margin:2px 0 0}
 .hero-secondary{grid-row:8;font-size:8px;letter-spacing:1.1px;margin:8px 0;line-height:1.5;min-height:32px;display:inline-flex;align-items:center;justify-content:center;color:#e3d2ac;text-shadow:0 1px 6px #082529}
 .hero-bottom{grid-row:9;grid-column:1/-1;position:relative;inset:auto;display:flex;justify-content:center;flex-wrap:wrap;gap:6px 0;padding:0;margin:0;font-size:6px;line-height:1.6;letter-spacing:.7px;color:#bbd0c6;z-index:2}
 .hero-bottom span{padding:0 8px}
 .scroll-cue{display:none}
 .hero-shade{background:linear-gradient(0deg,#0b2229 0%,#0b2229ba 17%,#123a3a15 40%,#f3ecd662 75%,#f3ecd615)}
 .hero-art{object-position:58% center}
 .topbar{height:62px}.wordmark{font-size:23px;letter-spacing:4px}
 .news{padding-top:44px}
}
@media(max-width:360px){
 .hero{padding:84px 16px 20px;row-gap:8px;min-height:0}
 .hero-inner{display:contents;padding:0}
 .hero h1{font-size:46px;letter-spacing:4px;margin-right:-4px}
 .hero h2{font-size:26px}.hero p{font-size:11px}
 .hero-character{height:auto;max-height:175px;width:100%;bottom:auto}
 .hero .ornate-button{font-size:10px;min-height:52px}
 .hero-bottom{font-size:5.5px}.hero-bottom span{padding:0 5px}
}
@media(max-width:760px) and (orientation:landscape){
 .hero{padding-top:88px;min-height:0;row-gap:8px}
 .hero-character{max-height:185px;max-width:185px;width:100%;height:auto}
 .hero-warrior{justify-self:end}.hero-mage{justify-self:start}
 .hero-inner{padding:0;display:contents}
}