@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Manrope:wght@400;500;600;700&display=swap');
:root{--bg:#14120e;--paper:#eee5d3;--muted:#b6ad9b;--gold:#d5ae68;--line:#ffffff20;--serif:'Cormorant Garamond',Georgia,serif;--sans:Manrope,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--paper);font:14px/1.8 var(--sans)}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:#ad8045;color:#fff}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.skip{position:fixed;top:-80px;left:20px;z-index:20;background:var(--gold);color:#14120e;padding:12px}.skip:focus{top:12px}.progress{position:fixed;top:0;left:0;height:2px;background:var(--gold);z-index:30;transform-origin:left;width:100%;transform:scaleX(0)}header{height:90px;position:absolute;z-index:5;top:0;left:5%;width:90%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-family:var(--serif);font-size:33px;font-weight:600;letter-spacing:-1px;display:flex;align-items:center}.brand>span:last-child{color:var(--gold)}.brand-mark{font-size:25px;border:1px solid #a88550;width:30px;height:36px;display:inline-flex;align-items:center;justify-content:center;margin-right:12px;transform:rotate(45deg);color:var(--gold)}nav{display:flex;gap:38px;font-size:12px}nav a:hover,.text-link:hover{color:var(--gold)}.button{display:inline-flex;gap:32px;align-items:center;justify-content:space-between;background:var(--gold);color:#21180d;padding:16px 25px;font-size:12px;font-weight:700;transition:background .25s,transform .25s;position:relative;overflow:hidden}.button:after{content:'';position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 40%,#fff5,transparent 60%);transform:translateX(-100%);transition:transform .6s}.button:hover:after{transform:translateX(100%)}.button:hover{background:#eed09b;transform:translateY(-3px)}.button span{font-size:20px}.button.small{padding:9px 20px;font-size:11px}.hero{min-height:820px;height:100svh;max-height:1200px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-art{position:absolute;inset:0;background-image:linear-gradient(90deg,#100f0de8 0%,#100f0d85 43%,transparent 75%),linear-gradient(0deg,var(--bg),transparent 30%),url('art/hero.webp');background-size:cover;background-position:center;animation:arrive 2s ease both;will-change:transform}.hero-content{position:relative;z-index:2;margin:70px 0 0 9%;width:min(610px,65%)}.eyebrow{text-transform:uppercase;letter-spacing:2.6px;color:var(--gold);font-size:9px;font-weight:700;margin:0 0 24px;display:flex;align-items:center;gap:14px}.line{display:inline-block;width:35px;height:1px;background:var(--gold)}h1,h2,h3,p{margin-top:0}h1{font:500 clamp(65px,6.9vw,110px)/.97 var(--serif);letter-spacing:-3.5px;margin-bottom:30px}em{font-weight:400;color:var(--gold)}.intro{max-width:410px;color:#cec4b2;font-size:14px;line-height:1.9}.actions{display:flex;gap:27px;align-items:center;margin-top:32px}.text-link{display:inline-flex;align-items:center;gap:22px;font-size:11px;transition:color .2s}.play-icon{border:1px solid #b5a68a70;border-radius:50%;width:29px;height:29px;display:grid;place-items:center}.hero-note{font-size:9px;color:#bcb19b;margin-top:24px}.hero-note i{font-style:normal;color:var(--gold);margin:0 13px}.hero-bottom{position:absolute;bottom:32px;left:5%;width:90%;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:2px;color:#b6a98e}.hero-bottom a{letter-spacing:1px}.hero-bottom a span{margin-left:15px}.ribbon{border-top:1px solid #94784a50;border-bottom:1px solid #94784a50;display:flex;justify-content:center;align-items:center;gap:38px;padding:23px 5%;font:italic 21px var(--serif);color:#d0c4ad;background:#1a1712}.ribbon b{color:var(--gold);font-size:12px;font-weight:400}.section{max-width:1340px;margin:auto;padding:120px 6%}h2{font:500 clamp(42px,4.3vw,65px)/1.05 var(--serif);letter-spacing:-1.5px;margin-bottom:25px}.section-heading{max-width:650px}.section-heading>p:last-child{color:var(--muted);max-width:510px}.world-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:75px;align-items:center;margin-top:65px}.art-frame{position:relative;border:1px solid #8d693d;padding:9px;transform:rotate(-2deg);box-shadow:0 25px 80px #0006}.art-frame>img{width:100%;height:auto;display:block;filter:brightness(.9)}.image-caption{display:block;font-size:8px;padding:12px 8px 3px;color:var(--muted)}.image-caption b{font-weight:500;letter-spacing:1px;color:var(--gold);margin-right:15px}.floating-label{position:absolute;bottom:65px;right:-30px;background:#242018;border:1px solid #8a6c40;padding:14px 19px;font-size:9px;box-shadow:0 10px 35px #0008;animation:bob 5s ease-in-out infinite}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--gold);margin-right:8px;box-shadow:0 0 10px var(--gold)}.feature-list article{display:flex;gap:25px;padding:28px 0;border-bottom:1px solid var(--line)}.feature-number{color:var(--gold);font:italic 23px var(--serif);min-width:20px}.feature-list h3{font:500 26px/1.1 var(--serif);margin-bottom:12px}.feature-list p{font-size:12px;color:var(--muted);margin:0}.paths{padding-top:35px}.centered{text-align:center;margin:0 auto}.centered .eyebrow{justify-content:center}.centered>p:last-child{margin:auto}.class-tabs{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px;border-bottom:1px solid #8a6c4050}.class-tabs button{background:none;border:0;color:#897e6b;cursor:pointer;padding:22px 10px;font-size:9px;border-bottom:2px solid transparent;transition:.3s}.class-tabs button span{font:500 24px var(--serif);margin-left:16px;color:var(--muted)}.class-tabs button[aria-selected=true]{border-color:var(--gold);background:linear-gradient(0deg,#b18c4020,transparent)}.class-tabs button[aria-selected=true] span{color:var(--gold)}.class-panel{position:relative;display:flex;align-items:center;gap:60px;min-height:355px;padding:55px 8%;background:radial-gradient(ellipse at 20% 50%,#70502825,transparent 60%);border-bottom:1px solid var(--line);overflow:hidden}.class-symbol{font:150px Georgia,serif;color:#ac8245;opacity:.65;text-shadow:0 0 60px #ad733d60;width:200px;text-align:center;transition:transform .7s}.class-panel:hover .class-symbol{transform:translateY(-6px)}.class-copy{max-width:440px;z-index:1}.class-copy .eyebrow{margin-bottom:10px}.class-copy h3{font:500 44px var(--serif);margin-bottom:12px}.class-copy>p:not(.eyebrow){font-size:12px;color:var(--muted)}.class-tags{display:flex;gap:10px;margin:22px 0}.class-tags span{border:1px solid #9a78443d;padding:4px 10px;color:#cdbb98;font-size:9px}.class-flourish{position:absolute;right:5%;font-size:170px;color:#b88b3930}.loot{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding-top:50px}.loot-copy{max-width:430px}.loot-copy>p:not(.eyebrow){color:var(--muted);font-size:12px}.loot-copy .text-link{margin-top:15px;color:var(--gold)}.loot-display{height:440px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#9e723520,transparent 65%)}.orbit{position:absolute;border:1px solid #9e793b40;border-radius:50%;width:350px;height:350px}.orbit:after,.orbit:before{content:'✦';position:absolute;color:var(--gold);font-size:12px;top:12%;left:12%}.orbit:before{top:86%;left:77%}.orbit-one{animation:spin 70s linear infinite}.orbit-two{width:280px;height:280px;border-style:dashed;animation:spin 90s linear infinite reverse}.loot-item{position:absolute;display:flex;flex-direction:column;align-items:center;gap:12px;z-index:1;animation:bob 5s ease-in-out infinite}.loot-item img{object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 0 20px #edb35c80);background:#1e1912;border:1px solid #b68a49;padding:13px;width:100px;height:100px;transform:rotate(45deg)}.loot-item span{font:italic 17px var(--serif);color:#c7b38d;background:var(--bg);padding:0 7px}.sword{top:32px;left:40%}.mantle{top:185px;left:9%;animation-delay:-1.6s}.orb{top:185px;right:4%;animation-delay:-3s}.collection-label{position:absolute;bottom:10px;text-align:center}.collection-label span{font-size:8px;letter-spacing:3px;color:var(--gold)}.collection-label p{font:italic 24px var(--serif);margin:6px}.legacy{max-width:none;position:relative;min-height:530px;display:flex;justify-content:flex-end;align-items:center;padding:100px 13%;border-block:1px solid #9b784333;overflow:hidden;background:#0f100f}.legacy-image{position:absolute;inset:0;width:65%}.legacy-image img{width:100%;height:100%;object-fit:cover;opacity:.65}.legacy-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 20%,#0f100f 100%),linear-gradient(0deg,#0f100f,transparent 30%,transparent 70%,#0f100f)}.legacy-copy{position:relative;max-width:430px}.legacy-copy>p:not(.eyebrow){color:var(--muted);font-size:12px}.legacy-copy .text-link{color:var(--gold);margin-top:15px}.more{padding-bottom:80px}.more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:50px}.more-grid article{padding-top:25px;border-top:1px solid #8a6c4060}.more-grid article>span{color:var(--gold);font-size:28px}.more-grid h3{font:500 29px var(--serif);margin:15px 0}.more-grid p{font-size:12px;color:var(--muted)}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;padding-top:50px}details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;list-style:none;font-size:12px;display:flex;justify-content:space-between;gap:25px}summary::-webkit-details-marker{display:none}summary:after{content:'+';color:var(--gold)}details[open] summary:after{content:'−'}details p{color:var(--muted);font-size:12px;margin:15px 25px 0 0}.final-cta{padding:110px 6%;text-align:center;position:relative;overflow:hidden;background:linear-gradient(#14120e9c,#14120ef2),url('art/hero.webp') center 62%/cover;border-top:1px solid #8a6c4040}.final-cta .eyebrow{justify-content:center}.final-cta h2{font-size:clamp(48px,5.5vw,78px)}.final-cta .button{margin:10px 0 20px;min-width:210px}.final-cta p:last-child{color:var(--muted);font-size:10px}footer{border-top:1px solid var(--line);margin:0 5%;padding:30px 0;display:flex;align-items:center;gap:40px;font-size:9px;color:var(--muted)}footer .brand{color:var(--paper);margin-right:0}footer>span{margin-right:auto}.embers{position:absolute;inset:0;pointer-events:none}.ember{position:absolute;width:3px;height:3px;border-radius:50%;background:#f1be69;box-shadow:0 0 8px #db8e44;animation:float-up var(--duration) linear infinite;animation-delay:var(--delay);opacity:0}.reveal{opacity:1;transform:none}.motion .reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.motion .reveal.visible{opacity:1;transform:none}@keyframes float-up{0%{transform:translate(0,0);opacity:0}20%{opacity:.7}80%{opacity:.4}100%{transform:translate(50px,-450px);opacity:0}}@keyframes bob{50%{transform:translateY(-12px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes arrive{from{opacity:0;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}@media(min-width:1600px){.hero-content{margin-left:calc((100vw - 1300px)/2)}}@media(max-width:900px){nav{gap:20px}.hero{min-height:760px}.hero-content{margin-left:7%;width:75%}.hero-art{background-position:60% center}.ribbon{gap:20px;font-size:16px}.section{padding:85px 7%}.world-layout{gap:35px}.floating-label{right:-12px;padding:10px}.class-panel{gap:25px;padding:40px 5%}.class-symbol{width:130px;font-size:110px}.loot{gap:10px}.orbit{width:290px;height:290px}.orbit-two{width:220px;height:220px}.loot-item img{width:80px;height:80px}.sword{left:38%}.mantle{left:0}.orb{right:0}.legacy{padding:80px 7%}.hero-bottom>span:last-child{display:none}.faq{gap:35px}}@media(max-width:600px){header{height:75px}.brand{font-size:28px}.brand-mark{display:none}nav{display:none}.button.small{padding:7px 13px}.hero{min-height:760px;height:95svh}.hero-art{background-position:66% center;background-image:linear-gradient(90deg,#100f0df2,#100f0d75),linear-gradient(0deg,var(--bg),transparent 60%),url('art/hero.webp')}.hero-content{width:88%;margin-left:6%;margin-top:45px}h1{font-size:69px;letter-spacing:-2.5px}.intro{max-width:330px;font-size:13px}.eyebrow{font-size:8px;letter-spacing:1.7px}.actions{align-items:flex-start;flex-direction:column;gap:20px}.hero-note{font-size:8px}.hero-bottom{font-size:7px;bottom:23px}.ribbon{flex-wrap:wrap;gap:8px 18px;font-size:16px;padding:22px}.ribbon b:nth-of-type(2){display:none}.ribbon span{flex-basis:40%;text-align:center}.section{padding:70px 6%}h2{font-size:43px}.world-layout,.loot,.faq{grid-template-columns:1fr}.world-layout{gap:35px;margin-top:35px}.art-frame{margin:0 6px}.floating-label{font-size:8px}.feature-list article{padding:22px 0}.centered{text-align:left}.centered .eyebrow{justify-content:flex-start}.class-tabs{margin-top:30px}.class-tabs button{font-size:8px;padding:18px 2px}.class-tabs button span{display:block;font-size:20px;margin:6px 0 0}.class-panel{min-height:350px;gap:0;padding:30px 20px}.class-symbol{position:absolute;right:0;top:5px;font-size:150px;opacity:.12}.class-copy h3{font-size:38px}.class-copy{max-width:290px}.class-flourish{display:none}.loot-display{height:390px}.orbit{width:310px;height:310px}.orbit-two{width:245px;height:245px}.mantle{left:9%}.orb{right:6%}.sword{left:41%;top:10px}.loot-copy{max-width:none}.legacy{min-height:570px;padding:70px 6%;align-items:flex-end}.legacy-image{width:100%;height:100%}.legacy-image img{opacity:.3}.legacy-image:after{background:linear-gradient(0deg,#0f100f 5%,#0f100f60 100%)}.legacy-copy{max-width:none}.more-grid{grid-template-columns:1fr;gap:20px;margin-top:30px}.more-grid h3{margin:5px 0 10px}.more-grid article>span{float:right}.faq{gap:10px}.final-cta{padding:80px 6%}footer{gap:15px;flex-wrap:wrap}footer>span{flex-basis:60%}footer>a:not(.brand){margin-right:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion .reveal{opacity:1;transform:none}.ember{display:none}.hero-art{will-change:auto}}
/* Original game sprites bring the painted kingdom into the playable world. */
.game-sprite{position:relative;flex:none;width:180px;height:180px;isolation:isolate;filter:drop-shadow(0 9px 5px #0006)}.sprite-layer{position:absolute;display:block;image-rendering:pixelated;background-repeat:no-repeat;pointer-events:none}.hero-party{position:absolute;bottom:100px;right:7%;z-index:2;text-align:center;padding:18px 25px 5px;background:linear-gradient(0deg,#14120ee8,#14120e80);border:1px solid #b38b4d50;backdrop-filter:blur(6px)}.hero-party>span{font-size:7px;letter-spacing:2px;color:#d2bd97}.party-lineup{display:flex;align-items:flex-end;justify-content:center;gap:0}.party-lineup .game-sprite{width:65px;height:115px}.town{padding-top:10px;padding-bottom:95px}.town-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:40px}.town-intro h2{font-size:clamp(37px,3.4vw,52px);margin-bottom:0}.town-intro>p{max-width:330px;font-size:12px;color:var(--muted);margin:0}.town-roster{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #a17b413f;border-bottom:1px solid #a17b413f;background:linear-gradient(0deg,#a27b4112,transparent 75%)}.citizen{text-align:center;padding:25px 0 22px;min-width:0}.citizen-stage{height:200px;position:relative;display:flex;align-items:flex-end;justify-content:center}.citizen-stage .game-sprite{width:100%;height:190px;bottom:10px;transition:transform .35s}.citizen:hover .game-sprite{transform:translateY(-9px)}.citizen-halo{position:absolute;width:105px;height:105px;bottom:25px;border:1px solid #af864137;border-radius:50%;background:radial-gradient(#c69b4525,transparent 70%);transition:border-color .3s}.citizen:hover .citizen-halo{border-color:#cfaa6c80}.citizen h3{font:500 24px var(--serif);margin:12px 0 7px}.citizen p{font-size:8px;color:var(--muted);margin:0}.sprite-note{text-align:center;color:var(--muted);font-size:8px;letter-spacing:1px;margin:20px 0 0}.sprite-note span{color:var(--gold);margin:0 14px}.class-tabs button .tab-sprite{display:block;width:85px;height:65px;margin:0 auto 16px}.class-tabs button .tab-sprite:after{content:'';position:absolute;bottom:-3px;left:30%;width:40%;height:3px;background:#0005;border-radius:50%;z-index:-1}.class-portrait{position:relative;display:flex;align-items:center;justify-content:center;min-width:230px;height:260px}.class-portrait .game-sprite{height:240px;width:240px;margin-bottom:22px;transition:transform .4s}.class-portrait:hover .game-sprite{transform:translateY(-7px)}.portrait-ring{position:absolute;width:210px;height:210px;border:1px solid #b68c4c60;border-radius:50%;background:radial-gradient(#b28a432a,transparent 65%)}.portrait-ring:after{content:'';position:absolute;inset:12px;border:1px dashed #b68c4c30;border-radius:50%}.portrait-caption{position:absolute;bottom:0;font-size:7px;letter-spacing:2px;color:var(--gold)}.creature-strip{display:grid;grid-template-columns:1.1fr repeat(3,1fr);align-items:end;gap:15px;margin-top:75px;padding:25px 25px 30px;border-top:1px solid #a17b413f;border-bottom:1px solid #a17b413f;background:radial-gradient(ellipse at 70% 60%,#6a5e3020,transparent 70%)}.creature-intro{align-self:center}.creature-intro .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:15px}.creature-intro h3{font:500 30px/1.1 var(--serif);margin:0}.creature-strip figure{margin:0;text-align:center}.creature-strip .game-sprite{height:160px;width:100%;margin-bottom:16px}.creature-strip figcaption strong{display:block;font:500 21px var(--serif)}.creature-strip figcaption span{font-size:8px;color:var(--muted)}
@media(min-width:1600px){.hero-party{right:calc((100vw - 1300px)/2)}}@media(max-width:1000px){.hero-party{bottom:75px;right:5%;padding:12px 12px 0}.party-lineup .game-sprite{width:54px}.town-roster{grid-template-columns:repeat(3,1fr)}.town-intro{gap:30px}.citizen{padding-top:5px}.citizen-stage{height:190px}.citizen:nth-child(n+4){border-top:1px solid #a17b4120}.class-portrait{min-width:200px}.creature-strip{padding-inline:10px}.creature-intro h3{font-size:25px}}@media(max-width:600px){.hero-party{display:none}.town{padding-top:0}.town-intro{display:block}.town-intro>p{margin-top:20px;max-width:none}.town-roster{grid-template-columns:repeat(2,1fr)}.citizen{padding:0 0 25px}.citizen:nth-child(n+3){border-top:1px solid #a17b4120}.citizen h3{font-size:25px}.citizen p{font-size:9px}.citizen-stage{height:200px}.class-tabs button .tab-sprite{width:65px;margin-bottom:15px}.class-panel{flex-direction:column;padding:20px 20px 35px;gap:20px}.class-portrait{height:255px;width:100%;min-width:0}.class-copy{max-width:none}.class-portrait .game-sprite{height:240px}.creature-strip{grid-template-columns:repeat(3,1fr);margin-top:40px;padding:25px 0}.creature-intro{grid-column:1/-1;text-align:center;margin-bottom:10px}.creature-intro .eyebrow{justify-content:center}.creature-intro h3 br{display:none}.creature-strip .game-sprite{height:155px}.creature-strip figure:last-child .game-sprite{transform:scale(.85);transform-origin:bottom center}.creature-strip figcaption strong{font-size:17px}.creature-strip figcaption span{font-size:7px}}
.class-tabs button .sprite-layer{margin:0}.creature-strip .game-sprite{margin-bottom:38px}
@media(max-width:600px){.creature-strip .game-sprite{margin-bottom:38px}}
/* Real skill artwork, layered over the same slots used by the game UI. */
.skill-canvas{position:relative;container-type:inline-size;aspect-ratio:4/3}.skill-canvas>img{display:block;width:100%;height:100%;object-fit:fill}.skill-status{position:absolute;display:grid;place-items:center;white-space:nowrap;font-size:1.7cqw;letter-spacing:.13cqw;color:#dcc18b}.level-plate{left:3.6%;top:3.6%;width:19%;height:4.5%}.build-plate{left:3.7%;top:9.4%;width:15%;height:3.4%;font-size:1.3cqw}.points-plate{right:9.5%;top:4.1%;width:13.5%;height:3.9%;font-size:1.3cqw}.preview-window-mark{position:absolute;right:4.4%;top:4.1%;color:var(--gold);font-size:2.5cqw}.skill-paths button{position:absolute;display:grid;place-items:center;transform:translate(-50%,-50%);background:#16120b80;border:1px solid transparent;color:#b9a583;cursor:pointer;font-family:var(--serif);font-weight:600;line-height:1;font-size:2.3cqw;transition:color .2s,background .2s,box-shadow .2s}.skill-paths button[aria-pressed=true]{color:#f4d596;background:#7c572c45;box-shadow:inset 0 0 15px #b68d4e20;border-color:#b68d4e70}.skill-paths button:hover{color:#ffe0a0;background:#75532c55}.root-path{left:50.3%;top:6.5%;width:25%;height:6%;letter-spacing:.5cqw;font-size:3cqw!important}.do-path{left:37.7%;top:14.6%;width:19.5%;height:5.2%}.barbarian-path{left:50.1%;top:14.6%;width:12.5%;height:5.2%}.chongun-path{left:65.7%;top:14.6%;width:18%;height:5.2%}.skill-paths .do-path{left:37.6%;width:18.8%}.skill-paths .barbarian-path{left:50.2%;width:13.8%}.skill-paths .chongun-path{left:65.1%;width:17.7%}.preview-skill{position:absolute;transform:translate(-50%,-50%);width:6.9%;aspect-ratio:1;background:#18140d;border:1px solid #d2a75180;padding:0;cursor:pointer;box-shadow:0 0 12px #0009;transition:filter .25s,box-shadow .25s}.skill-icon-art{display:block;width:100%;aspect-ratio:1;background-repeat:no-repeat;background-color:#15120d}.preview-skill:hover,.preview-skill[aria-pressed=true]{box-shadow:0 0 20px #da9a4560;filter:brightness(1.2)}.preview-skill:focus-visible{outline-offset:3px}.preview-node-label{position:absolute;left:50%;top:calc(100% + 1.3cqw);transform:translateX(-50%);color:#f2dcac;background:#15110dd9;padding:.3cqw .8cqw;white-space:nowrap;font:600 2.1cqw/1.1 var(--serif);text-shadow:0 1px #000}.preview-node-rank{position:absolute;right:-.6cqw;bottom:-.6cqw;background:#312211;border:1px solid #866537;color:#eac78b;font-size:.95cqw;padding:.2cqw .35cqw;white-space:nowrap}.preview-helper{position:absolute;bottom:6.5%;left:7%;color:#b9a583;font-size:1.55cqw;letter-spacing:.1cqw}.skill-description{padding:15px 10px 8px;border-top:1px solid #aa824237;margin-top:12px;min-height:90px}.skill-description>span{font:500 23px var(--serif);color:var(--gold)}.skill-description p{font-size:10px;margin:8px 0 0;color:var(--muted)}.class-skill-strip{display:flex;gap:15px;margin:22px 0}.class-skill-strip figure{margin:0;width:62px;text-align:center}.class-skill-strip .skill-icon-art{border:1px solid #8c6a3a;border-radius:3px;box-shadow:0 0 20px #ba87351a}.class-skill-strip figcaption{font-size:8px;color:#cfc1a5;margin-top:8px;line-height:1.4}.class-copy{max-width:470px}.class-panel{min-height:430px}.art-frame{transform:none}
@media(max-width:600px){.skill-description{min-height:105px}.class-skill-strip{gap:18px}.class-skill-strip figure{width:58px}.class-skill-strip figcaption{font-size:9px}.skill-paths button{min-height:0}.preview-helper{font-size:1.8cqw}.skill-description>span{font-size:25px}}
.skill-paths .do-path{left:33.36%;width:15.3%}.skill-paths .barbarian-path{left:49.7%;width:15.3%}.skill-paths .chongun-path{left:65.98%;width:15.3%}
.player-loadout{border-top:1px solid #a9823d40;margin:20px 0;padding:16px 0 0}.loadout-title{font-size:8px;letter-spacing:.6px;color:var(--gold);margin-bottom:12px}.equipped-list{display:flex;gap:15px;flex-wrap:wrap}.equipped-item{display:flex;align-items:center;gap:8px;max-width:185px}.equipped-item img{object-fit:contain;image-rendering:pixelated;flex:none}.equipped-item>span{display:flex;flex-direction:column;gap:3px}.equipped-item small{text-transform:uppercase;letter-spacing:1.2px;font-size:6px;color:#9b8a6a}.equipped-item>span>span{font-size:9px;color:#d2c4a5;line-height:1.35}.class-panel{min-height:560px}.portrait-caption{text-transform:uppercase;font-size:8px}.class-skill-strip{margin-bottom:10px}.class-copy{max-width:530px}
@media(max-width:600px){.class-panel{gap:25px}.equipped-list{gap:15px}.equipped-item{max-width:100%}.loadout-title{font-size:9px}.equipped-item small{font-size:7px}.equipped-item>span>span{font-size:11px}.class-portrait{margin-bottom:10px}}
.loot-subhead{font:500 24px var(--serif);color:var(--paper);margin:26px 0 6px}
.creature-intro>p:not(.eyebrow){color:var(--muted);font-size:12px;margin-top:12px;max-width:260px}
.faq details a{color:var(--gold)}
.countdown{margin-top:30px;display:flex;flex-direction:column;gap:10px}
.countdown-label{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--gold)}
.countdown-clock{display:flex;gap:10px}
.countdown-clock[hidden]{display:none}
.countdown-clock span{display:flex;flex-direction:column;align-items:center;min-width:72px;padding:10px 6px 8px;border:1px solid #b68a4966;background:#14120ecc}
.countdown-clock b{font:500 38px/1 var(--serif);color:var(--paper);font-variant-numeric:tabular-nums}
.countdown-clock i{font-style:normal;font-size:8px;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);margin-top:6px}
.countdown-when{font-size:11px;color:#cec4b2}
.countdown-when span{color:var(--muted)}
@media(max-width:600px){.countdown-clock{gap:7px}.countdown-clock span{min-width:0;flex:1}.countdown-clock b{font-size:30px}.hero{height:auto;min-height:95svh;padding-top:100px;padding-bottom:90px}}
@media(max-width:880px){.hero-party{display:none}}