@font-face{font-family:Cinzel;src:url('../fonts/Cinzel-Regular-latin.woff2') format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:Cinzel;src:url('../fonts/Cinzel-Regular-latin-ext.woff2') format('woff2');font-display:swap;unicode-range:U+0100-02FF,U+1E00-1EFF}
@font-face{font-family:Spectral;src:url('../fonts/Spectral-Bold-latin.woff2') format('woff2');font-weight:700;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:Spectral;src:url('../fonts/Spectral-Bold-latin-ext.woff2') format('woff2');font-weight:700;font-display:swap;unicode-range:U+0100-02FF,U+1E00-1EFF}
:root{color-scheme:dark;--ink:#f8eddb;--muted:#baa99e;--gold:#e6bf80;--fire:#fc763b;--line:rgba(230,191,128,.22);--cosmic:#a0d9ff;--pad:clamp(24px,6.4vw,128px);--serif:Spectral,Georgia,serif;--display:Cinzel,Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:74px}body{margin:0;background:#110b0c;color:var(--ink);font:var(--text-body)/1.75 'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0;background:none}img{max-width:100%;display:block}p{margin:0 0 1.25rem}h1,h2,h3{line-height:1.04;margin:0;font-weight:700}h1,h2{font-family:var(--serif);letter-spacing:-.04em}h2{font-size:clamp(46px,5.8vw,90px)}h2 em,h3 em{color:var(--gold);font-style:normal}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--gold);outline-offset:6px}::selection{background:#8d351e;color:#fff}section[id]{scroll-margin-top:72px}.scene{position:relative;isolation:isolate;overflow:hidden}.eyebrow,.small-caps,.overline,.section-index{font-size:var(--text-label);line-height:1.6;letter-spacing:.2em;font-weight:600}.eyebrow{color:var(--gold)}.small-caps{color:var(--gold);margin-bottom:22px}.skip-link{position:fixed;left:20px;top:-70px;z-index:110;background:#e6bf80;color:#160c0b;padding:10px 20px}.skip-link:focus{top:16px}.site-header{height:76px;position:absolute;inset:0 0 auto;z-index:20;padding:0 3.4vw;display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(#100b0dba,#100b0d30);border-bottom:1px solid #e6bf801c}.brand{display:flex;align-items:center;gap:10px}.brand span{font-family:var(--display);font-size:var(--text-label);line-height:1.5;letter-spacing:.1em}.brand strong{font-size:var(--text-ui);font-weight:400}.brand img{object-fit:contain}.main-nav{display:flex;gap:36px;font-size:var(--text-ui);color:#e1cfc1}.main-nav a{position:relative;padding:25px 0}.main-nav a:hover{color:var(--gold)}.main-nav a:after{content:'';height:1px;position:absolute;bottom:18px;inset-inline:50%;background:var(--gold);transition:inset .25s}.main-nav a:hover:after{inset-inline:0}.header-tools{display:flex;align-items:center;gap:26px}.header-tools button{display:flex;align-items:center;gap:8px;font-size:var(--text-ui);color:#c8b4a5}.motion-icon{font-size:22px;color:var(--gold)}#motion-toggle[aria-pressed="false"] .motion-icon{opacity:.4}.header-play{font-size:var(--text-ui);border:1px solid #e6bf8059;padding:7px 24px;background:#d8b6770a}.header-play span{margin-left:20px;color:var(--gold)}.reading-progress{position:fixed;inset:0 0 auto;height:2px;z-index:50;pointer-events:none}.reading-progress i{display:block;background:var(--gold);width:0;height:100%;box-shadow:0 0 12px #fa6b25}.chapter-nav{position:fixed;z-index:19;top:50%;right:22px;transform:translateY(-50%);display:flex;flex-direction:column;gap:19px}.chapter-nav a{display:flex;align-items:center;justify-content:flex-end;gap:12px;font-size:var(--text-ui);letter-spacing:.08em;color:#a99485}.chapter-nav b{font-weight:400;width:25px;height:25px;display:grid;place-content:center;position:relative}.chapter-nav b:after{content:'';border:1px solid #c99e614d;position:absolute;inset:3px;transform:rotate(45deg)}.chapter-nav span{opacity:0;transition:opacity .2s;text-shadow:0 1px 8px #000}.chapter-nav a:hover span,.chapter-nav a[aria-current] span{opacity:1}.chapter-nav a[aria-current]{color:var(--gold)}.chapter-nav a[aria-current] b:after{border-color:var(--gold);background:#e6bf8026;box-shadow:0 0 15px #e6712730}
.arrival{min-height:800px;height:100svh;max-height:1200px;background:#24100d}.arrival-background{position:absolute;inset:0;z-index:-5;background:linear-gradient(90deg,#100c0e 0%,#1d0e0ba6 37%,#210d0c24 75%),url('../image/backgrounds/skin_adatlap_bg/skinb_pokoltuz.webp') center/cover;opacity:.85}.arrival-eclipse{position:absolute;width:50vw;height:50vw;max-width:800px;max-height:800px;right:6%;top:10%;border:1px solid #f6ab493d;border-radius:50%;z-index:-4;box-shadow:0 0 70px #f54b0721,inset 0 0 80px #f54b0733}.arrival-eclipse:before,.arrival-eclipse:after{content:'';position:absolute;inset:4%;border:1px dashed #f6ab4933;border-radius:50%}.arrival-eclipse:after{inset:12%;border-style:solid}.arrival-art{position:absolute;inset:0;z-index:-3;pointer-events:none;transform:translate3d(var(--art-x,0px),var(--art-y,0px),0);transition:transform .7s ease-out}.cover-character{position:absolute;object-fit:contain;filter:drop-shadow(0 12px 35px #0008);max-width:none}.cover-acid{height:105%;width:65%;right:1%;top:5%;z-index:2;animation:ascend 1.3s ease-out both}.cover-xian{height:77%;width:47%;right:28%;top:13%;opacity:.68;filter:brightness(.7) saturate(.8);transform:rotate(-8deg)}.cover-kaelen{height:87%;width:48%;right:-16%;top:15%;filter:brightness(.65);transform:rotate(9deg)}.arrival-vignette{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#110c0ff0 0%,#140c0dc4 23%,#150c0d15 61%),linear-gradient(0deg,#100b0d 1%,transparent 34%,transparent 70%,#100b0d44)}#embers{position:absolute;inset:0;z-index:-1;pointer-events:none;width:100%;height:100%}.arrival-copy{padding:clamp(150px,21vh,260px) 0 160px var(--pad);position:relative;max-width:900px;width:64%}.release{display:flex;align-items:center;gap:12px;font-size:var(--text-label);letter-spacing:.16em;margin-bottom:48px}.release>span{width:5px;height:5px;transform:rotate(45deg);background:var(--gold);box-shadow:0 0 12px #ff9e56}.release>i{height:12px;width:1px;background:#e6bf8066}.overline{color:#d2bcaa;font-size:var(--text-label);margin-bottom:17px}.arrival h1{font-size:clamp(60px,6.7vw,112px);letter-spacing:-.055em;line-height:1.02;text-shadow:0 5px 40px #10070d66;white-space:nowrap}.arrival h1 em{font-style:normal;background:linear-gradient(110deg,#e1c7a1 4%,#ffca88 45%,#ee8348 90%);background-clip:text;color:transparent}.title-ornament{display:flex;align-items:center;gap:12px;width:190px;color:#c9905c;font-size:var(--text-ui);margin:28px 0 24px}.title-ornament i{height:1px;background:linear-gradient(90deg,#c9905c88,transparent);flex:1}.title-ornament i:first-child{transform:rotate(180deg)}.arrival-intro{font-size:var(--text-body);line-height:1.95;color:#cab7a7}.arrival-actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-top:30px}.button{min-height:50px;padding:13px 25px;display:inline-flex;align-items:center;justify-content:center;gap:35px;font-size:var(--text-ui);font-weight:600;letter-spacing:.02em;position:relative;border:1px solid transparent;transition:filter .25s,box-shadow .25s,transform .25s}.button:hover{filter:brightness(1.15);transform:translateY(-2px)}.button span{font-size:18px;line-height:1}.button-fire{color:#24110c;background:linear-gradient(115deg,#f5d19a,#e8a66a);box-shadow:0 3px 25px #fb69231c}.button-fire:after,.button-gold:after{content:'';position:absolute;inset:4px;border:1px solid #42220f40;pointer-events:none}.button-gold{background:linear-gradient(120deg,#f5e5c3,#c7a56b);color:#241b11}.button-cosmic{background:#a5d6f1;color:#101b2d}.understated,.text-link{font-size:var(--text-ui);display:inline-flex;align-items:center;gap:20px;color:#d2b895}.understated:hover,.text-link:hover{color:#fff1d4}.text-link{padding:10px 0;border-bottom:1px solid var(--line)}.cover-caption{position:absolute;right:9%;bottom:15%;text-align:center;z-index:1;text-shadow:0 2px 15px #000}.cover-caption>span,.cover-caption small{display:block;font-size:var(--text-label);letter-spacing:.35em;color:#e9c39a}.cover-caption strong{font:400 clamp(22px,2.2vw,36px)/1.7 var(--display);letter-spacing:.12em;color:#f1d0a4}.cover-caption small{font-size:var(--text-label)}.arrival-footer{position:absolute;inset:auto var(--pad) 0;min-height:93px;display:flex;align-items:center;justify-content:space-between;gap:22px;border-top:1px solid var(--line)}.scroll-cue{display:flex;align-items:center;gap:15px;font-size:var(--text-label);letter-spacing:.13em;color:#b6a18f}.scroll-cue>i{border:1px solid #b6a18f77;width:15px;height:26px;border-radius:10px;position:relative}.scroll-cue>i:before{content:'';position:absolute;left:6px;top:5px;width:1px;height:6px;background:var(--gold);animation:scroll-dot 2s infinite}.arrival-footer>div{display:flex;align-items:center;gap:22px}.arrival-footer>div>span{font-family:var(--display);font-size:23px;color:var(--gold);white-space:nowrap}.arrival-footer small{font:var(--text-label) 'Segoe UI',sans-serif;letter-spacing:.08em;color:#c0ad99;margin-left:7px}.arrival-footer>div>i{height:20px;width:1px;background:var(--line)}.edition-mark{font-size:var(--text-label);color:#8e786a;letter-spacing:.09em}
.section-top{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:64px}.section-top p{margin:0}.section-index{color:#8c7867;font-size:var(--text-label);letter-spacing:.15em}.inferno{padding:65px var(--pad) 55px;background:radial-gradient(ellipse at 50% 55%,#46201766,transparent 65%),#130c0d}.section-heading{text-align:center;position:relative}.section-heading:before{content:'✦';display:block;font-size:27px;color:#c98c53;margin-bottom:24px}.section-heading h2{margin-bottom:22px}.section-heading>p:last-child{color:var(--muted);font-size:var(--text-body)}.skin-selector{display:flex;justify-content:center;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#875c3a #231417;padding:22px 5px;margin:30px 0 5px}.skin-selector button{display:flex;flex-direction:column;align-items:center;gap:11px;min-width:59px;padding:4px 0;scroll-snap-align:center;opacity:.57;transition:opacity .25s,transform .25s}.skin-selector button img{width:56px;height:56px;object-fit:cover;border:1px solid #ba8b624d;border-radius:50%;padding:3px;background:#2b1618}.skin-selector span{font-size:var(--text-ui);white-space:nowrap}.skin-selector button:hover,.skin-selector button[aria-selected="true"]{opacity:1;transform:translateY(-4px)}.skin-selector button[aria-selected="true"] img{border-color:#efbd7a;box-shadow:0 0 18px #fe703542}.skin-selector button[aria-selected="true"] span{color:var(--gold)}.skin-showcase{position:relative;min-height:660px;isolation:isolate;display:grid;grid-template-columns:57% 43%;align-items:center;margin-top:12px;border-bottom:1px solid var(--line)}.skin-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.13;mask-image:linear-gradient(0deg,transparent,#000 25%,#000 70%,transparent);z-index:-4}.skin-showcase:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#130c0dbb 75%);z-index:-3;pointer-events:none}.skin-watermark{font:400 clamp(65px,12vw,200px)/1 var(--display);letter-spacing:-.06em;position:absolute;left:0;top:36px;color:#edb67b0c;z-index:-2;max-width:100%;overflow:hidden}.skin-sigil{position:absolute;width:440px;height:440px;left:5%;top:14%;border:1px solid #edb67b19;border-radius:50%;z-index:-1;box-shadow:inset 0 0 60px #e2641510}.skin-sigil:before{content:'';position:absolute;inset:20px;border:1px dashed #edb67b27;border-radius:50%}.skin-art-button{height:660px;position:relative;padding:0;justify-self:stretch;min-width:0;overflow:hidden}.skin-art-button>img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 8px 30px #12080aaa);transition:filter .25s}.skin-art-button:hover>img{filter:drop-shadow(0 8px 32px #e57e1d42)}.art-zoom{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);font-size:var(--text-ui);letter-spacing:.15em;color:#e5c49d;white-space:nowrap;background:#1b10108f;padding:7px 13px;border:1px solid #c9956033}.art-zoom b{font-size:var(--text-ui);margin-left:20px}.skin-copy{position:relative;padding:40px 20px 75px 7%;max-width:470px}.skin-copy>.eyebrow{display:flex;justify-content:space-between;font-size:var(--text-label)}.skin-copy>.eyebrow span{color:#9e8068}.skin-copy h3{font:400 clamp(40px,4.6vw,74px)/1.2 var(--display);letter-spacing:-.04em;margin:15px 0 9px}.skin-epithet{font:700 24px/1.3 var(--serif);color:#e6bd85;margin-bottom:23px}.skin-copy>p:not(.eyebrow,.skin-epithet){color:#b7a297;font-size:var(--text-body);line-height:1.9}.skin-equipment{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:27px 0 17px}.equipment-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 0}.equipment-heading>span{font-size:var(--text-label);letter-spacing:.09em;color:#aa8b73}.equipment-heading>div{display:flex;gap:6px}.equipment-heading button{font-size:var(--text-ui);color:#9b8372;padding:3px 8px;border:1px solid transparent}.equipment-heading button[aria-pressed="true"]{color:#edc991;border-color:#edc99155;background:#edc9910c}.equipment-preview{display:flex;width:100%;align-items:center;gap:17px;text-align:left;padding:3px 0 15px;font-size:var(--text-ui);color:#dcc4a5}.equipment-preview img{width:65px;height:65px;object-fit:contain;filter:drop-shadow(0 0 12px #e6681933)}.equipment-preview>b{margin-left:auto;font-size:16px}.skin-pagination{position:absolute;bottom:25px;right:25px;display:flex;align-items:center;gap:22px}.skin-pagination button{width:34px;height:34px;border:1px solid var(--line);font-size:18px;color:var(--gold)}.skin-pagination span{font:var(--text-ui) var(--display)}.skin-pagination i{font-style:normal;color:#816b5b;margin-left:7px}.collection-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:30px}.collection-bottom p{font-size:var(--text-small);color:#a18977;margin:0}.collection-bottom p>span{font:20px var(--display);color:var(--gold);margin-right:6px}.collection-bottom i{font-style:normal;color:#b07a48;margin:0 12px}
.prestige{padding:62px var(--pad) 0;background:#15110f;min-height:850px}.prestige-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.18;z-index:-4}.prestige-shade{position:absolute;inset:0;background:linear-gradient(90deg,#14100ff0,transparent 90%),linear-gradient(0deg,#121118,transparent 40%,#110c0d);z-index:-3}.prestige .section-top{margin-bottom:0}.prestige-layout{display:grid;grid-template-columns:48% 52%;align-items:center;min-height:740px}.prestige-copy{padding:60px 0 90px;position:relative;z-index:1}.prestige-copy>.eyebrow{font-size:var(--text-label);margin:20px 0}.prestige-seal{font-size:60px;line-height:1;color:#e7d0a3;text-shadow:0 0 25px #e8bf5d77}.prestige h2{font-size:clamp(42px,4.7vw,73px)}.prestige-name{font:400 var(--text-ui) var(--display);color:#d4b77c;letter-spacing:.18em;margin:28px 0 20px}.prestige-name>span{font-size:30px;margin-left:12px}.prestige-copy>p:not(.eyebrow,.prestige-name,.exclusive-note){font-size:var(--text-small);color:#b9ad9b;max-width:360px}.album-rule{display:flex;align-items:center;gap:23px;margin:30px 0}.album-rule>span{font:38px var(--display);color:#e6d3ad;white-space:nowrap}.album-rule small{font-size:19px;color:#887c66}.album-rule p{border-left:1px solid var(--line);padding-left:20px;margin:0;font-size:var(--text-small);color:#b7a68b;line-height:1.8}.exclusive-note{font-size:var(--text-small);color:#a5967f;margin:17px 0 0;max-width:340px}.vip-art-button{position:relative;height:740px;padding:0;overflow:visible;width:100%}.vip-art-button>img{width:125%;max-width:none;height:110%;object-fit:contain;position:absolute;left:-15%;bottom:-6%;filter:drop-shadow(0 0 35px #dfc38422)}.vip-halo{position:absolute;width:430px;height:430px;border:1px solid #dec99c42;border-radius:50%;top:15%;left:5%;box-shadow:0 0 60px #d0ae5d0a,inset 0 0 60px #d0ae5d1f}.vip-halo:after,.vip-halo:before{content:'';position:absolute;border:1px solid #dec99c26;inset:25px;border-radius:50%}.vip-halo:after{inset:50px;border-style:dashed}.vip-art-button .art-zoom{bottom:45px}
.chalor{background:#0d121e;padding:65px var(--pad) 95px;--gold:#abcfee;--line:#a6cdec2b;--muted:#9faebb}.chalor-background{position:absolute;top:0;left:0;width:100%;height:1000px;object-fit:cover;opacity:.25;z-index:-4}.cosmic-shade{position:absolute;inset:0;z-index:-3;background:linear-gradient(0deg,#0d121e 50%,#0d121e00 95%),linear-gradient(90deg,#0d121ef2,transparent 85%)}.chalor .section-top{margin-bottom:0}.chalor-introduction{display:grid;grid-template-columns:48% 52%;align-items:center;min-height:800px}.chalor-copy{padding:90px 0 65px;position:relative;z-index:2}.chalor h2{font:400 clamp(60px,7.9vw,124px)/1 var(--display);color:#e0edf9;letter-spacing:-.04em}.chalor-title{font:700 32px/1.3 var(--serif);color:#acbdcf;margin:12px 0 20px}.chalor-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:var(--text-ui);color:#abb6c8;align-items:center}.chalor-meta>span{padding-right:12px;border-right:1px solid var(--line)}.chalor-meta>span:last-child{border:0}.chalor-meta b{font:18px var(--display);color:#efcf8c;margin-right:6px}.chalor-quote{font:700 clamp(24px,2.5vw,36px)/1.25 var(--serif);margin:34px 0 20px}.chalor-quote em{font-style:normal;color:#a6d2f6}.chalor-copy>p:not(.eyebrow,.small-caps,.chalor-quote,.chalor-title){font-size:var(--text-body);color:#9daabb;max-width:380px}.chalor-art-button{height:800px;position:relative;padding:0;align-self:end}.chalor-art-button>img{position:absolute;width:145%;max-width:none;left:-25%;height:110%;bottom:-3%;object-fit:contain;filter:drop-shadow(0 0 45px #1f60a340);animation:cosmic-float 7s ease-in-out infinite}.cosmic-orbit{position:absolute;width:470px;height:470px;top:20%;left:0;border:1px solid #b5d2f52b;border-radius:50%;box-shadow:0 0 50px #4896f21c}.cosmic-orbit:before,.cosmic-orbit:after{content:'';position:absolute;inset:20px;border:1px dashed #dabd8544;border-radius:50%}.cosmic-orbit:after{inset:-40px;border-style:solid;transform:rotateX(68deg) rotate(15deg)}.chalor-art-button .art-zoom{bottom:50px}.lore-details{margin-top:22px;max-width:390px;border-bottom:1px solid var(--line);font-size:var(--text-small);color:#96a7bd}.lore-details summary,.ability-details summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;padding:10px 0;gap:20px;color:#bed3e9}.lore-details summary::-webkit-details-marker,.ability-details summary::-webkit-details-marker{display:none}details[open] summary span{transform:rotate(45deg)}details summary span{font-size:18px;transition:transform .2s}details>p{margin:10px 0 18px;line-height:1.85;font-size:var(--text-body)}.mana-workshop{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:60px 0;gap:60px}.mana-intro{max-width:415px;padding-top:30px}.mana-intro h3{font:700 clamp(36px,4vw,56px)/1.1 var(--serif);margin:24px 0}.mana-intro>p:not(.eyebrow){font-size:var(--text-body);color:#a1afc3}.mana-intro .mana-note{font-size:var(--text-small)!important;color:#778a9f!important}.orb-console{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.orb-stage{width:220px;height:220px;position:relative;isolation:isolate;display:grid;place-content:center}.orb-stage>img{position:absolute;width:100%;height:100%;object-fit:contain;z-index:-2;opacity:.7;mix-blend-mode:screen;transition:filter .5s;filter:saturate(.7) brightness(.7);border-radius:50%}.orb-stage.is-full>img{filter:saturate(1.3) brightness(1.2)}.orb-stage:before{content:'';position:absolute;inset:25%;background:#131829cc;border-radius:50%;z-index:-1;box-shadow:0 0 20px #4a8cdb44}.orb-stage>span{font:38px var(--display);text-shadow:0 0 15px #c5e5ff}.orb-stage small{font-size:18px;color:#a4bace}.orb-rings{position:absolute;inset:5%;border:1px solid #a0ccff55;border-radius:50%;z-index:-1}.is-full .orb-rings{box-shadow:0 0 40px #4ea2ed77;animation:orb-pulse 2s infinite}.morsel-pips{display:flex;gap:13px;margin:13px 0 20px}.morsel-pips i{width:12px;height:12px;border:1px solid #9bbad452;transform:rotate(45deg);transition:background .25s,box-shadow .25s}.morsel-pips i.is-filled{background:#c3ddf2;border-color:#c3ddf2;box-shadow:0 0 16px #69b3eccc}.orb-status{font-size:var(--text-ui);color:#a5bed7;min-height:22px;margin-bottom:20px}.orb-actions{display:flex;gap:10px}.reset-button{width:48px;height:50px;border:1px solid var(--line);font-size:24px}.demo-note{display:block;font-size:var(--text-small);color:#748294;margin-top:14px}.arsenal{margin-top:55px}.arsenal-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:26px}.arsenal-heading p{margin:0}.arsenal-heading>p:last-child{font-size:var(--text-small);color:#8294aa}.ability-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.ability-tabs button{display:flex;align-items:center;gap:13px;text-align:left;padding:16px 12px 22px;position:relative;opacity:.55}.ability-tabs button img{width:46px;height:46px;object-fit:cover;border:1px solid #a9c5d944;padding:2px}.ability-tabs button span{font-size:var(--text-ui);font-weight:600;line-height:1.5}.ability-tabs button small{display:block;font-size:var(--text-label);color:#9bb7ce;letter-spacing:.08em;margin-bottom:3px}.ability-tabs button[aria-selected="true"]{opacity:1}.ability-tabs button[aria-selected="true"]:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#b8daf6;box-shadow:0 0 14px #70abef77}.ability-panel{padding:35px 32px;background:linear-gradient(130deg,#a4d4ff09,#a4d4ff00);border-bottom:1px solid var(--line)}.ability-title-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.ability-title-row .eyebrow{font-size:var(--text-label);margin-bottom:10px}.ability-title-row h3{font:700 clamp(27px,3vw,42px)/1.2 var(--serif)}#empowered-badge{font-size:var(--text-label);letter-spacing:.14em;padding:6px 11px;border:1px solid #a0d0ee42;color:#90a9bf;white-space:nowrap}.ability-panel.is-empowered #empowered-badge{color:#f5d49b;border-color:#dab56b88;background:#d9b66d14}.ability-panel.is-empowered{background:linear-gradient(130deg,#d6b9750c,#a4d4ff00)}#ability-flavor{font-size:var(--text-body);color:#8194aa;margin-top:17px}.ability-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:24px 0 27px}.ability-stats>div{border-left:1px solid var(--line);padding-left:22px}.ability-stats strong{display:block;font:32px var(--display);color:#c6dff3}.ability-stats span{font-size:var(--text-ui);color:#8da5b9}#ability-note{font-size:var(--text-body);line-height:1.9;color:#b5c1d0;max-width:870px}.ability-details{font-size:var(--text-small);border-top:1px solid var(--line);margin-top:23px;color:#94a5ba}.ability-details p{white-space:pre-line}.values-note{font-size:var(--text-small);color:#6e8299;margin:13px 0 0}
.community{padding:65px var(--pad) 85px;background:radial-gradient(ellipse at 82% 52%,#263d3b30,transparent 60%),#111719;--line:#d3d9bd29;--gold:#d5ceaf}.community-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:55px}.community-heading>p{font-size:var(--text-body);color:#a3b1ac;margin:0 15px 10px 0;line-height:1.95}.community-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.community-tabs button{padding:24px 25px;display:flex;align-items:center;gap:20px;font-size:var(--text-ui);text-align:left;color:#83928d;position:relative}.community-tabs button+button{border-left:1px solid var(--line)}.community-tabs button>span{font:var(--text-ui) var(--display);color:#75837e}.community-tabs button>b{margin-left:auto;font-weight:400}.community-tabs button[aria-selected="true"]{background:#c3c3a60c;color:#ebe5cb}.community-tabs button[aria-selected="true"]:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#d7cda6}.community-panel{display:grid;grid-template-columns:43% 57%;min-height:510px;align-items:center;gap:0;padding:35px 0 0}.community-copy{padding:30px 50px 30px 0}.community-copy h3{font:700 clamp(30px,3.4vw,50px)/1.12 var(--serif);margin:20px 0 23px}.community-copy>p:not(.eyebrow){font-size:var(--text-body);color:#9aa9a4}.community-copy ul{padding:0;list-style:none;margin:25px 0}.community-copy li{font-size:var(--text-body);color:#a7b6ae;margin:12px 0;padding-left:16px;position:relative}.community-copy li:before{content:'✦';position:absolute;left:0;top:1px;color:#bdad7e;font-size:var(--text-ui)}.community-visual{padding:25px 5px 25px 25px;min-width:0;position:relative}.preview-frame{position:relative;border:1px solid #c5bf9b33;background:linear-gradient(140deg,#283332,#182123);box-shadow:0 20px 70px #0004;transform:perspective(1300px) rotateY(-7deg) rotateZ(1deg);overflow:hidden;min-height:340px}.preview-head{font-size:var(--text-label);letter-spacing:.1em;border-bottom:1px solid #c5bf9b22;padding:17px 22px;display:flex;align-items:center;justify-content:space-between;color:#d3c7a7}.preview-head i{width:6px;height:6px;transform:rotate(45deg);background:#d3c7a7}.rank-preview{padding:18px 24px 24px}.rank-preview a{display:flex;align-items:center;gap:15px;padding:16px 0;border-bottom:1px solid #d5cfa51c}.rank-preview a:last-child{border:0}.rank-preview a>span{font:22px var(--display);color:#bdab7b}.rank-preview a>div{flex:1}.rank-preview strong{display:block;font-size:var(--text-ui);font-weight:500}.rank-preview small{font-size:var(--text-ui);color:#91a49b}.rank-preview b{font-size:18px;color:#c1b487;font-weight:400}.preview-caption{font-size:var(--text-small);color:#7e9189;text-align:right;margin:23px 0 0;letter-spacing:.05em}.chat-preview{display:grid;grid-template-columns:33% 67%;min-height:340px}.chat-sidebar{border-right:1px solid #c5bf9b22;padding:24px 14px;background:#101a1c44}.chat-sidebar>small{display:block;font-size:var(--text-label);color:#98aaa2;margin-bottom:20px}.demo-friend{display:flex;align-items:center;gap:9px;font-size:var(--text-ui);margin:17px 0;color:#adc0b5}.demo-friend img{width:28px;height:28px;border-radius:50%;object-fit:cover}.demo-friend:first-of-type{color:#e0d3ad}.demo-friend>i{width:5px;height:5px;background:#d9bd80;border-radius:50%;margin-left:auto}.chat-conversation{display:flex;flex-direction:column;padding:24px 20px}.chat-conversation>span{font-size:var(--text-ui);color:#8fa298;margin-bottom:24px}.message-bubble{font-size:var(--text-ui);line-height:1.7;background:#3b4c4777;padding:13px 16px;align-self:start;max-width:95%;border:1px solid #c7ceaa1c}.message-bubble.reply{align-self:end;color:#e3d9b9;background:#9c987134;margin-top:17px}.demo-chat-button{font-size:var(--text-ui);display:flex;align-items:center;justify-content:space-between;border:1px solid #d0c6a33b;color:#bcb696;text-align:left;margin-top:auto;padding:12px;gap:15px}.demo-chat-button:disabled{opacity:.6;cursor:default}.profile-preview-hero{padding:28px;display:flex;align-items:center;gap:21px;background:linear-gradient(90deg,#172126dd,#17212666),url('../image/banner/banner_97.webp') center 35%/cover}.profile-preview-hero>img{width:70px;height:70px;object-fit:cover;border:2px solid #c9b57e;border-radius:50%;padding:4px}.demo-player-name{font:700 24px var(--serif);color:#ead8ac;padding:0;border-bottom:1px solid #ead8ac66}.profile-preview-hero small{display:block;color:#a6baac;font-size:var(--text-ui);margin-top:6px}.profile-preview-hero .profile-demo-label{font-size:var(--text-label);letter-spacing:.14em}.profile-preview-stats{display:flex;padding:17px 28px;gap:25px;border-block:1px solid #c5bf9b22}.profile-preview-stats span{font-size:var(--text-ui);color:#98afa1}.profile-preview-stats strong{display:block;font-size:var(--text-ui);color:#ded6b9;font-weight:500}.profile-hero-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:23px 28px}.profile-hero-strip>div{height:112px;overflow:hidden;position:relative;border:1px solid #d1c79d33}.profile-hero-strip img{width:100%;height:100%;object-fit:cover}.profile-hero-strip span{position:absolute;bottom:0;left:0;right:0;padding:13px 5px 5px;text-align:center;font-size:var(--text-ui);background:linear-gradient(transparent,#101a24)}
.finale{position:relative;text-align:center;overflow:hidden;isolation:isolate;padding:100px var(--pad) 80px;background:radial-gradient(ellipse at 50% 10%,#6c2a182b,transparent 60%),#120d0f;border-top:1px solid #c7974c26}.finale h2{font-size:clamp(40px,5vw,74px);margin:25px 0 35px}.finale-eclipse{position:absolute;width:500px;height:500px;border-radius:50%;border:1px solid #d0985524;top:-250px;left:calc(50% - 250px);z-index:-1;box-shadow:0 0 80px #e67c3212}.patch-summary{display:flex;justify-content:center;gap:20px;align-items:center;font-size:var(--text-label);letter-spacing:.18em;color:#8e7565;margin-top:65px}.patch-summary i{font-style:normal;color:#c38e5b}.site-footer{display:flex;justify-content:space-between;gap:22px;align-items:center;padding:30px var(--pad);border-top:1px solid #c7974c1c;background:#100c0e}.site-footer>a:not(.brand),.site-footer p{font-size:var(--text-small);color:#9b897b;margin:0}.site-footer .brand{opacity:.6}.site-footer .brand span{font-size:var(--text-small)}.site-footer .brand strong{font-size:var(--text-small)}
dialog{color:var(--ink);border:1px solid #cba56844;background:#100e12;max-width:min(1000px,94vw);max-height:92svh;padding:30px;box-shadow:0 0 80px #0009}dialog::backdrop{background:#05070bdd;backdrop-filter:blur(12px)}.dialog-close{position:absolute;right:12px;top:8px;width:44px;height:44px;z-index:2;font-size:30px;color:#dbc3a3;background:#100c11cc;border:1px solid #cba56844}#art-dialog{padding:18px 18px 0}#dialog-image{object-fit:contain;max-height:78svh;max-width:85vw;margin:auto}#art-caption{text-align:center;font-size:var(--text-small);color:#cbb897;padding:15px 30px;margin:0}#profile-demo{max-width:620px;padding:44px;text-align:center;background:radial-gradient(ellipse at 50% 20%,#26364a,#10141f 70%)}.demo-avatar{width:75px;height:75px;border-radius:50%;border:2px solid #c7ac76;padding:4px;object-fit:cover;margin:22px auto}#profile-demo h2{font-size:38px;margin:20px 0}#profile-demo>p:not(.eyebrow){font-size:var(--text-body);line-height:1.9;color:#a4b3c7}.demo-hero-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.demo-hero-strip img{width:100%;height:130px;object-fit:cover;border:1px solid #c7ac7655}#profile-demo .button{margin-top:25px}.noscript-message{position:fixed;bottom:0;background:#2d1c15;z-index:90;margin:0;padding:18px;font-size:var(--text-small)}.noscript-message a{text-decoration:underline}
.js-motion .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}.js-motion .reveal.is-visible{opacity:1;transform:none}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .arrival-art{transform:none}.motion-paused .reveal{opacity:1;transform:none;transition:none}@keyframes ascend{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:none}}@keyframes cosmic-float{50%{transform:translateY(-14px)}}@keyframes scroll-dot{50%{transform:translateY(8px);opacity:.3}}@keyframes orb-pulse{50%{box-shadow:0 0 60px #4ea2edaa}}
@media(min-width:1700px){.arrival-copy{padding-top:24vh}.cover-acid{right:4%;width:60%}.cover-xian{right:28%}.skin-selector{gap:22px}.skin-showcase{min-height:730px}.skin-art-button{height:730px}.skin-copy{max-width:530px}.skin-copy>p:not(.eyebrow,.skin-epithet){font-size:var(--text-body)}.prestige-layout{min-height:850px}.vip-art-button{height:850px}}
@media(max-width:1150px){.chapter-nav{right:10px}.chapter-nav span{display:none}.main-nav{gap:24px}.arrival{min-height:760px}.arrival-copy{padding-top:180px;width:70%}.arrival h1{font-size:clamp(58px,7.5vw,88px)}.cover-acid{right:-12%;width:77%;height:100%;top:7%}.cover-xian{right:20%;width:50%}.cover-kaelen{right:-27%}.edition-mark{display:none}.arrival-footer{justify-content:space-between}.skin-selector{justify-content:flex-start;gap:12px}.skin-copy{padding-left:3%;padding-right:0}.skin-art-button,.skin-showcase{min-height:600px;height:600px}.skin-sigil{width:350px;height:350px;left:0}.equipment-heading{flex-wrap:wrap}.skin-copy h3{font-size:45px}.skin-copy>p:not(.eyebrow,.skin-epithet){font-size:var(--text-body)}.skin-epithet{font-size:22px}.vip-halo{width:350px;height:350px}.chalor-art-button{height:730px}.cosmic-orbit{width:350px;height:350px}.chalor-introduction{min-height:730px}.ability-tabs button{padding-inline:7px;gap:8px}.ability-tabs button img{width:36px;height:36px}.ability-tabs button span{font-size:var(--text-ui)}.community-tabs button{padding:22px 15px;font-size:var(--text-ui);gap:12px}.community-copy{padding-right:25px}.community-visual{padding-left:10px}.profile-preview-hero{padding:25px 18px;gap:12px}.profile-preview-hero>img{width:55px;height:55px}.demo-player-name{font-size:20px}.profile-preview-stats{gap:15px;padding-inline:18px}.profile-hero-strip{padding:18px}.community-heading>p{max-width:260px}.chat-sidebar{padding:22px 10px}.demo-friend{gap:6px;font-size:var(--text-ui)}.chat-conversation{padding:22px 14px}}
@media(max-width:760px){:root{--pad:24px}html{scroll-padding-top:60px}.site-header{height:64px;padding-inline:20px;gap:10px}.brand img{width:31px;height:31px}.brand span{font-size:var(--text-label)}.brand strong{font-size:var(--text-ui)}.main-nav{gap:16px;font-size:var(--text-ui)}.main-nav a{padding:20px 0}.header-tools{gap:12px}.header-tools button{padding:3px}.header-tools button>span:last-child{display:none}.header-play{padding:5px 12px;font-size:var(--text-ui)}.header-play>span{margin-left:9px}.chapter-nav{display:none}.arrival{height:100svh;min-height:820px;max-height:1100px}.arrival-background{background-position:60% center}.arrival-eclipse{width:90vw;height:90vw;right:-20%;top:13%}.arrival-art{inset:0}.cover-acid{width:105%;height:78%;top:0;right:-28%}.cover-xian{width:70%;height:57%;top:7%;right:25%;opacity:.5}.cover-kaelen{width:65%;height:60%;top:5%;right:-30%;opacity:.6}.arrival-vignette{background:linear-gradient(0deg,#100b0d 3%,#100b0df5 23%,#100b0db0 44%,transparent 78%),linear-gradient(90deg,#110c0e77,transparent)}.arrival-copy{position:absolute;bottom:100px;padding:0 var(--pad);width:100%;max-width:550px}.release{font-size:var(--text-label);gap:8px;margin-bottom:20px}.overline{font-size:var(--text-label);margin-bottom:14px;letter-spacing:.15em}.arrival h1{font-size:clamp(48px,10.5vw,77px);line-height:.99;white-space:normal}.title-ornament{width:135px;margin:17px 0 15px}.arrival-intro{font-size:var(--text-body);line-height:1.8;max-width:250px}.arrival-actions{gap:15px;margin-top:21px}.button{min-height:47px;font-size:var(--text-ui);padding:12px 19px;gap:24px}.arrival-actions .understated{font-size:var(--text-ui);gap:8px}.cover-caption{top:32%;bottom:auto;right:8%;text-align:right}.cover-caption>span{font-size:var(--text-label)}.cover-caption strong{font-size:20px}.cover-caption small{font-size:var(--text-label)}.arrival-footer{min-height:78px;inset-inline:var(--pad)}.scroll-cue{font-size:var(--text-label);gap:10px;max-width:90px;line-height:1.8}.scroll-cue>i{flex-shrink:0}.arrival-footer>div{gap:12px}.arrival-footer>div>span{font-size:19px;display:flex;flex-direction:column;align-items:center;line-height:1.4}.arrival-footer small{font-size:var(--text-label);margin:2px 0 0}.arrival-footer>div>i{height:24px}.section-top{padding-bottom:17px;margin-bottom:40px}.section-top .eyebrow{font-size:var(--text-label);letter-spacing:.14em}.section-index{font-size:var(--text-label);letter-spacing:.08em;text-align:right}.inferno{padding-top:40px;padding-bottom:35px}.section-heading h2{font-size:49px}.small-caps{font-size:var(--text-label);letter-spacing:.14em}.section-heading:before{margin-bottom:15px}.section-heading>p:last-child{font-size:var(--text-body)}.skin-selector{margin-top:18px;margin-inline:-24px;padding-inline:24px;gap:10px}.skin-selector button{min-width:51px;gap:8px}.skin-selector button img{width:48px;height:48px}.skin-selector span{font-size:var(--text-ui)}.skin-showcase{display:flex;flex-direction:column;height:auto;min-height:0;margin-inline:-24px}.skin-scene{height:480px;mask-image:linear-gradient(0deg,transparent,#000 30%,#000 70%,transparent);opacity:.2}.skin-art-button{height:480px;min-height:0;width:100%;margin-top:-10px}.skin-watermark{font-size:90px;top:35px;left:24px}.skin-sigil{width:300px;height:300px;top:8%;left:calc(50% - 150px)}.skin-copy{max-width:none;padding:10px 24px 85px;width:100%;margin-top:0}.skin-copy h3{font-size:43px;margin-top:12px}.skin-epithet{font-size:24px}.skin-copy>p:not(.eyebrow,.skin-epithet){max-width:430px}.skin-equipment{margin-top:22px}.equipment-heading{flex-wrap:nowrap}.skin-pagination{right:24px;bottom:25px}.collection-bottom{display:block}.collection-bottom p{line-height:2.3;font-size:var(--text-small);margin-bottom:20px}.collection-bottom i{margin:0 6px}.prestige{padding-top:40px;min-height:0}.prestige-layout{display:flex;flex-direction:column;min-height:0}.prestige-copy{padding:40px 0 15px;width:100%}.prestige h2{font-size:48px}.prestige-seal{font-size:45px}.prestige-copy>.eyebrow{font-size:var(--text-label)}.prestige-copy>p:not(.eyebrow,.prestige-name,.exclusive-note){max-width:340px;font-size:var(--text-small)}.album-rule{gap:18px;margin:24px 0}.album-rule>span{font-size:33px}.album-rule p{font-size:var(--text-small);padding-left:17px}.vip-art-button{height:520px;width:100%;margin-top:-30px;z-index:-1}.vip-art-button>img{height:110%;width:140%;left:-20%;bottom:-8%}.vip-halo{width:300px;height:300px;top:22%;left:calc(50% - 150px)}.vip-art-button .art-zoom{bottom:25px}.chalor{padding-top:40px;padding-bottom:50px}.chalor-background{height:750px;opacity:.3;object-position:65% top}.cosmic-shade{background:linear-gradient(0deg,#0d121e 65%,transparent),linear-gradient(90deg,#0d121e88,transparent)}.chalor-introduction{display:flex;flex-direction:column;min-height:0}.chalor-copy{padding:45px 0 0;order:1;width:100%;margin-top:-40px}.chalor h2{font-size:69px}.chalor-title{font-size:28px;margin-top:9px}.chalor-copy .small-caps{font-size:var(--text-label);margin-bottom:18px}.chalor-quote{font-size:31px;margin:27px 0 18px}.chalor-copy>p:not(.eyebrow,.small-caps,.chalor-quote,.chalor-title){max-width:none;font-size:var(--text-body)}.chalor-art-button{height:490px;width:100%;order:0;margin-top:10px}.chalor-art-button>img{height:112%;width:135%;left:-17%;bottom:-10%}.cosmic-orbit{width:300px;height:300px;top:20%;left:calc(50% - 150px)}.chalor-art-button .art-zoom{bottom:35px}.lore-details{max-width:none}.mana-workshop{grid-template-columns:1fr;margin-top:40px;gap:15px;padding:30px 0}.mana-intro{padding:0;max-width:none}.mana-intro h3{font-size:42px}.mana-intro>p:not(.eyebrow){font-size:var(--text-body)}.orb-stage{width:200px;height:200px}.orb-console{padding-bottom:12px}.arsenal{margin-top:35px}.arsenal-heading{display:block}.arsenal-heading>.eyebrow{font-size:var(--text-label)}.arsenal-heading>p:last-child{font-size:var(--text-small);margin-top:12px;line-height:1.9}.ability-tabs{grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}.ability-tabs button{padding:16px 5px;gap:9px}.ability-tabs button img{width:37px;height:37px}.ability-tabs button span{font-size:var(--text-ui)}.ability-tabs button small{font-size:var(--text-label)}.ability-tabs button[aria-selected="true"]:after{bottom:0}.ability-panel{padding:25px 0}.ability-title-row{align-items:start;gap:12px}.ability-title-row h3{font-size:28px}.ability-title-row .eyebrow{font-size:var(--text-label);max-width:230px}.ability-title-row>#empowered-badge{font-size:var(--text-label);padding:6px;margin-top:1px;letter-spacing:.05em}#ability-flavor{font-size:var(--text-body)}.ability-stats{gap:12px;padding:17px 0 22px}.ability-stats>div{padding-left:11px}.ability-stats strong{font-size:26px}.ability-stats span{display:block;font-size:var(--text-ui);line-height:1.5;margin-top:5px}#ability-note{font-size:var(--text-body)}.values-note{font-size:var(--text-small)}.community{padding-top:40px;padding-bottom:40px}.community-heading{display:block;margin-bottom:32px}.community-heading h2{font-size:49px}.community-heading>p{font-size:var(--text-body);line-height:1.85;margin-top:24px;max-width:none}.community-tabs{grid-template-columns:1fr}.community-tabs button{padding:17px 12px;font-size:var(--text-ui)}.community-tabs button+button{border-left:0;border-top:1px solid var(--line)}.community-tabs button>span{font-size:var(--text-ui)}.community-panel{grid-template-columns:1fr;padding-top:5px;min-height:0}.community-copy{padding:30px 0 15px}.community-copy h3{font-size:37px}.community-copy>p:not(.eyebrow){font-size:var(--text-body)}.community-copy li{font-size:var(--text-body)}.community-visual{padding:15px 0 20px}.preview-frame{transform:none;min-height:330px}.preview-caption{margin-top:14px;font-size:var(--text-small)}.rank-preview{padding:15px 20px}.rank-preview strong{font-size:var(--text-ui)}.rank-preview small{font-size:var(--text-ui)}.chat-preview{grid-template-columns:32% 68%;min-height:330px}.chat-sidebar{padding:23px 10px}.demo-friend{font-size:var(--text-ui);gap:5px}.demo-friend img{width:23px;height:23px}.chat-conversation{padding:22px 12px}.message-bubble{font-size:var(--text-ui);padding:11px}.demo-chat-button{font-size:var(--text-ui);padding:10px}.profile-preview-hero{padding:25px 20px;gap:16px}.profile-preview-hero>img{width:58px;height:58px}.profile-preview-stats{justify-content:space-between;padding-inline:20px;gap:12px}.profile-preview-stats strong{font-size:var(--text-ui)}.profile-preview-stats span{font-size:var(--text-ui)}.profile-hero-strip{padding:20px;gap:9px}.profile-hero-strip>div{height:110px}.finale{padding:65px 24px 50px}.finale>.eyebrow{font-size:var(--text-label)}.finale h2{font-size:43px}.patch-summary{font-size:var(--text-label);gap:12px;margin-top:45px}.site-footer{padding:26px 24px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.site-footer>*:nth-child(even){justify-self:end}.site-footer>a:not(.brand),.site-footer p{font-size:var(--text-small)}#profile-demo{padding:40px 23px 25px}#profile-demo h2{font-size:32px}.demo-hero-strip img{height:110px}}
@media(max-width:390px){:root{--pad:20px}.main-nav{gap:11px;font-size:var(--text-ui)}.brand span{display:none}.site-header{padding-inline:17px}.arrival{min-height:810px}.arrival-copy{bottom:95px}.arrival h1{font-size:47px}.arrival-actions{gap:11px}.arrival-actions .button{padding-inline:14px;gap:13px;font-size:var(--text-ui)}.arrival-actions .understated{font-size:var(--text-ui);gap:7px}.cover-caption{top:29%}.arrival-footer>div{gap:9px}.arrival-footer small{font-size:var(--text-label)}.scroll-cue{max-width:80px;font-size:var(--text-label)}.section-heading h2,.community-heading h2{font-size:44px}.prestige h2{font-size:43px}.equipment-heading>span{font-size:var(--text-label)}.equipment-heading button{font-size:var(--text-ui);padding-inline:6px}.chat-preview{grid-template-columns:31% 69%}.chat-sidebar{padding-inline:7px}.demo-friend{gap:4px;font-size:var(--text-ui)}.demo-friend img{width:21px;height:21px}.chat-conversation{padding-inline:10px}.profile-preview-hero{padding-inline:14px}.profile-preview-stats{padding-inline:14px;gap:8px}.profile-hero-strip{padding-inline:14px}.demo-player-name{font-size:19px}}
.motion-paused{scroll-behavior:auto}.motion-paused .cover-acid{animation:none!important;opacity:1}.orb-actions .button:disabled{opacity:.55;cursor:default;transform:none;filter:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}.arrival-art{transform:none!important}}

/* Shared reading scale: paragraphs, controls and labels stay legible at every breakpoint. */
:root {
  --text-body: clamp(1.0625rem, .9rem + .35vw, 1.4375rem);
  --text-ui: clamp(1rem, .9rem + .18vw, 1.25rem);
  --text-small: clamp(.875rem, .78rem + .18vw, 1.125rem);
  --text-label: clamp(.8125rem, .72rem + .16vw, 1rem);
  --pad: max(clamp(24px, 4.5vw, 100px), calc((100vw - 1800px) / 2));
  --muted: #d3c5b8;
  --line: rgba(230, 191, 128, .32);
}
body { font-size: var(--text-body); line-height: 1.75; }
p { text-wrap: pretty; }
button, a { touch-action: manipulation; }
.eyebrow, .small-caps, .overline, .section-index { letter-spacing: .12em; }
.small-caps { margin-bottom: 24px; }
.site-header { min-height: 94px; height: auto; padding: 14px clamp(24px, 3.5vw, 96px); }
.brand { gap: 14px; }
.brand img { width: 52px; height: 52px; }
.brand span { font-size: 13px; }
.brand strong { font-size: 17px; }
.main-nav { gap: clamp(24px, 3vw, 64px); font-size: var(--text-ui); color: #f0ddc8; }
.main-nav a { padding: 16px 0; }
.header-tools { gap: 24px; }
.header-tools button { min-height: 48px; font-size: var(--text-ui); color: #e0ccba; }
.header-play { display: flex; align-items: center; min-height: 50px; font-size: var(--text-ui); padding: 9px 26px; }
.chapter-nav { right: 18px; gap: 14px; }
.chapter-nav a { min-height: 44px; font-size: 13px; color: #d5bda5; }
.chapter-nav b { width: 36px; height: 36px; }
.chapter-nav span { padding: 2px 7px; background: #160e10d9; }
.button { min-height: 58px; padding: 15px 30px; font-size: var(--text-ui); line-height: 1.45; }
.button span { font-size: 24px; }
.understated, .text-link { font-size: var(--text-ui); line-height: 1.6; color: #f0d1aa; min-height: 44px; }
.text-link { padding: 12px 0; }
.arrival { display: flex; align-items: center; height: auto; min-height: max(940px, 100svh); max-height: none; }
.arrival-copy { position: relative; width: calc(var(--pad) + min(64vw, 1020px)); max-width: none; padding: 180px 0 180px var(--pad); }
.release { flex-wrap: wrap; font-size: var(--text-label); margin-bottom: 36px; }
.overline { font-size: var(--text-label); max-width: 40em; margin-bottom: 22px; }
.arrival h1 { font-size: clamp(68px, 6.4vw, 140px); white-space: normal; line-height: 1.06; }
.title-ornament { margin: 30px 0; }
.arrival-intro { font-size: var(--text-body); line-height: 1.8; color: #e6d7c7; }
.arrival-actions { margin-top: 32px; gap: 28px; }
.cover-caption { right: 7%; bottom: 18%; }
.cover-caption>span, .cover-caption small { font-size: var(--text-label); letter-spacing: .18em; }
.cover-caption strong { font-size: clamp(30px, 2.6vw, 58px); }
.arrival-footer { min-height: 114px; gap: 28px; }
.arrival-footer>div { gap: 30px; }
.arrival-footer>div>span { font-size: 34px; }
.arrival-footer small { font-size: var(--text-label); color: #d1bdab; }
.scroll-cue { max-width: 220px; font-size: var(--text-label); color: #d6c1ac; line-height: 1.6; }
.scroll-cue>i { flex-shrink: 0; width: 20px; height: 32px; }
.scroll-cue>i:before { left: 9px; }
.edition-mark { font-size: var(--text-label); color: #c3aa94; max-width: 260px; }
.section-top { margin-bottom: 48px; padding-bottom: 22px; }
.section-top .eyebrow, .section-index { font-size: var(--text-label); }
.section-index { color: #c0a58c; }
.inferno, .chalor, .community { padding-top: clamp(48px, 4vw, 88px); }
.section-heading { max-width: 1100px; margin: auto; }
.section-heading h2 { font-size: clamp(52px, 5vw, 108px); }
.section-heading>p:last-child { font-size: var(--text-body); color: var(--muted); }
.skin-selector { justify-content: safe center; gap: clamp(12px, 1.1vw, 26px); padding: 28px 8px; margin: 32px 0 18px; scrollbar-width: auto; }
.skin-selector button { flex: 0 0 auto; min-width: clamp(76px, 4.8vw, 102px); padding: 8px 3px; gap: 13px; opacity: 1; }
.skin-selector button img { width: clamp(68px, 4.4vw, 92px); height: clamp(68px, 4.4vw, 92px); border-width: 2px; padding: 4px; filter: saturate(.7) brightness(.82); }
.skin-selector button span { font-size: var(--text-ui); color: #dfc7b4; }
.skin-selector button[aria-selected="true"] img, .skin-selector button:hover img { filter: none; }
.skin-selector button[aria-selected="true"] img { box-shadow: 0 0 0 5px #d5a05d19, 0 0 28px #fe703562; }
.skin-showcase { grid-template-columns: 52% 48%; min-height: 780px; height: auto; align-items: center; border-top: 1px solid var(--line); background: radial-gradient(ellipse at 34% 50%, #67260c26, transparent 70%); }
.skin-scene { opacity: .25; mask-image: linear-gradient(0deg, transparent, #000 15%, #000 85%, transparent); }
.skin-showcase:after { background: linear-gradient(90deg, #130c0d00 28%, #130c0ddd 70%, #130c0df2); }
.skin-watermark { font-size: clamp(100px, 11vw, 240px); top: 40px; }
.skin-sigil { width: 70%; height: auto; aspect-ratio: 1; left: -7%; top: 18%; }
.skin-art-button { height: clamp(740px, 47vw, 1020px); min-height: 0; width: 100%; }
.skin-art-button>img { width: 112%; max-width: none; margin-left: -6%; }
.skin-copy { max-width: 760px; padding: 48px clamp(26px, 3.5vw, 80px) 110px clamp(24px, 2.2vw, 48px); }
.skin-copy>.eyebrow { font-size: var(--text-label); align-items: center; gap: 18px; }
.skin-copy>.eyebrow span { color: #d3b79a; white-space: nowrap; }
.skin-copy h3 { font-size: clamp(54px, 5.2vw, 108px); margin: 20px 0 12px; }
.skin-epithet { font-size: clamp(27px, 2.1vw, 42px); line-height: 1.25; margin-bottom: 26px; }
.skin-copy>p:not(.eyebrow,.skin-epithet) { font-size: var(--text-body); color: #e4d0be; line-height: 1.8; max-width: 34em; }
.skin-equipment { margin: 32px 0 22px; }
.equipment-heading { align-items: start; flex-wrap: wrap; gap: 16px; padding: 20px 0 12px; }
.equipment-heading>span { font-size: var(--text-label); color: #d4bca3; padding-top: 9px; }
.equipment-heading>div { gap: 8px; flex-wrap: wrap; }
.equipment-heading button { font-size: var(--text-ui); min-height: 44px; padding: 7px 13px; color: #e0c4ab; border-color: #b6875d4d; }
.equipment-preview { font-size: var(--text-ui); padding: 12px 0 22px; color: #f1d5b5; gap: 24px; }
.equipment-preview img { width: 96px; height: 96px; }
.equipment-preview>b { font-size: 25px; }
.art-zoom { font-size: var(--text-label); padding: 11px 18px; min-height: 44px; line-height: 1.5; letter-spacing: .07em; color: #f3d8b9; background: #180f10ed; border-color: #d4ac7677; }
.art-zoom b { font-size: 20px; margin-left: 12px; }
.skin-pagination { bottom: 28px; right: 36px; gap: 24px; }
.skin-pagination button { width: 48px; height: 48px; font-size: 25px; border-color: #dfb67f66; }
.skin-pagination span { font-size: 18px; }
.skin-pagination i { color: #c9ac92; }
.collection-bottom { padding-top: 28px; flex-wrap: wrap; }
.collection-bottom p { font-size: var(--text-small); color: #d4baa1; }
.collection-bottom p>span { font-size: 28px; }
.prestige { min-height: 0; }
.prestige-layout { grid-template-columns: 48% 52%; min-height: 920px; }
.prestige-copy { padding: 80px 0 100px; }
.prestige-copy>.eyebrow { font-size: var(--text-label); max-width: 36em; }
.prestige h2 { font-size: clamp(50px, 4.8vw, 96px); }
.prestige-name { font-size: 22px; }
.prestige-name>span { font-size: 44px; }
.prestige-copy>p:not(.eyebrow,.prestige-name,.exclusive-note) { font-size: var(--text-body); max-width: 31em; color: #e0d4be; }
.album-rule { gap: 28px; margin: 36px 0; }
.album-rule>span { font-size: 50px; }
.album-rule small { font-size: 27px; color: #cbb894; }
.album-rule p { font-size: var(--text-small); color: #e4d0ae; }
.exclusive-note { font-size: var(--text-small); color: #cebd9f; max-width: 35em; }
.vip-art-button { height: clamp(900px, 58vw, 1100px); }
.vip-halo { width: 85%; height: auto; aspect-ratio: 1; }
.chalor { --muted: #c8d6e5; }
.chalor-introduction { min-height: 1000px; }
.chalor-copy { padding: 90px 0; }
.chalor h2 { font-size: clamp(72px, 7.8vw, 152px); }
.chalor-title { font-size: clamp(32px, 2.7vw, 50px); }
.chalor-meta { font-size: var(--text-ui); color: #c9daee; gap: 16px; }
.chalor-meta b { font-size: 28px; }
.chalor-quote { font-size: clamp(30px, 2.8vw, 48px); }
.chalor-copy>p:not(.eyebrow,.small-caps,.chalor-quote,.chalor-title) { font-size: var(--text-body); color: #d2deec; max-width: 31em; }
.chalor-art-button { height: clamp(900px, 60vw, 1150px); }
.cosmic-orbit { width: 90%; height: auto; aspect-ratio: 1; }
.lore-details { font-size: var(--text-ui); max-width: 35em; color: #c6d5e7; }
.lore-details summary, .ability-details summary { color: #d6e9ff; min-height: 48px; align-items: center; }
details>p { font-size: var(--text-body); }
.mana-workshop { gap: clamp(32px, 5vw, 120px); padding: 72px 0; }
.mana-intro { max-width: 650px; padding-top: 10px; }
.mana-intro h3 { font-size: clamp(40px, 4vw, 70px); }
.mana-intro>p:not(.eyebrow) { font-size: var(--text-body); color: #d2dfee; }
.mana-intro .mana-note { font-size: var(--text-small) !important; color: #b1c5dd !important; }
.orb-stage { width: clamp(240px, 20vw, 360px); height: auto; aspect-ratio: 1; }
.orb-stage>span { font-size: 56px; }
.orb-stage small { font-size: 28px; }
.morsel-pips { gap: 20px; margin: 18px 0 26px; }
.morsel-pips i { width: 18px; height: 18px; }
.orb-status { font-size: var(--text-ui); color: #cbdef2; min-height: 30px; }
.reset-button { min-width: 58px; height: 58px; }
.demo-note { font-size: var(--text-small); color: #acbed1; }
.arsenal-heading { align-items: start; margin-bottom: 32px; }
.arsenal-heading>p:last-child { font-size: var(--text-small); color: #c3d5eb; max-width: 38em; }
.ability-tabs button { gap: 16px; padding: 22px 16px; opacity: 1; align-items: center; min-height: 116px; }
.ability-tabs button img { width: 64px; height: 64px; flex-shrink: 0; }
.ability-tabs button span { font-size: var(--text-ui); font-weight: 500; color: #b3c7df; }
.ability-tabs button small { font-size: var(--text-label); color: #b1cae3; }
.ability-tabs button[aria-selected="true"] { background: #a4d4ff0d; }
.ability-tabs button[aria-selected="true"] span { color: #eef6ff; }
.ability-panel { padding: 42px; }
.ability-title-row { align-items: start; flex-wrap: wrap; }
.ability-title-row .eyebrow { font-size: var(--text-label); }
.ability-title-row h3 { font-size: clamp(32px, 3.3vw, 56px); }
#empowered-badge { font-size: var(--text-label); padding: 10px 14px; color: #c3d9ee; }
#ability-flavor { font-size: var(--text-body); color: #b0c5de; }
.ability-stats { padding: 32px 0; gap: 30px; }
.ability-stats strong { font-size: 46px; }
.ability-stats span { font-size: var(--text-ui); color: #c7daeb; display: block; line-height: 1.5; margin-top: 8px; }
#ability-note { font-size: var(--text-body); color: #d2dfed; max-width: 70em; }
.ability-details { font-size: var(--text-ui); color: #c1d0e2; }
.values-note { font-size: var(--text-small); color: #a7bed6; }
.community { --line: #d3d9bd44; }
.community-heading>p { font-size: var(--text-body); color: #c7d6cd; max-width: 34em; }
.community-tabs button { min-height: 94px; padding: 25px 28px; gap: 20px; font-size: var(--text-ui); color: #c6d5c9; }
.community-tabs button>span { font-size: 20px; color: #bfb99d; }
.community-tabs button[aria-selected="true"] { color: #fff1cc; background: #c3c3a617; }
.community-panel { grid-template-columns: minmax(0, 46fr) minmax(0, 54fr); gap: 24px; min-height: 720px; padding: 50px 0 0; }
.community-copy { padding: 24px 34px 24px 0; }
.community-copy h3 { font-size: clamp(36px, 3.5vw, 64px); }
.community-copy>p:not(.eyebrow) { font-size: var(--text-body); color: #cad9d0; }
.community-copy li { font-size: var(--text-body); color: #d1dfd3; padding-left: 23px; line-height: 1.65; margin: 16px 0; }
.community-copy li:before { font-size: 13px; }
.community-visual { padding: 30px 0 30px 16px; }
.preview-frame { min-height: 450px; border-color: #c5bf9b66; transform: perspective(1500px) rotateY(-4deg); }
.preview-head { font-size: var(--text-label); padding: 22px 28px; color: #eee1b9; }
.rank-preview { padding: 20px 30px; }
.rank-preview a { gap: 22px; padding: 22px 0; min-height: 100px; }
.rank-preview a>span { font-size: 32px; }
.rank-preview strong { font-size: var(--text-body); }
.rank-preview small { font-size: var(--text-ui); color: #bdcfc2; }
.rank-preview b { font-size: 26px; }
.preview-caption { font-size: var(--text-small); color: #b1c4b8; text-align: center; }
.chat-preview { min-height: 440px; grid-template-columns: 34% 66%; }
.chat-sidebar { padding: 28px 20px; }
.chat-sidebar>small { font-size: var(--text-label); color: #c6d7cd; }
.demo-friend { font-size: var(--text-ui); gap: 12px; margin: 25px 0; color: #cfdfd4; flex-wrap: wrap; }
.demo-friend img { width: 42px; height: 42px; }
.chat-conversation { padding: 28px 25px; }
.chat-conversation>span { font-size: var(--text-ui); color: #c4d6cb; }
.message-bubble { font-size: var(--text-body); padding: 16px 20px; color: #eff8ef; }
.demo-chat-button { min-height: 52px; font-size: var(--text-ui); color: #f0deac; padding: 14px; }
.profile-preview-hero { padding: 34px 28px; gap: 24px; }
.profile-preview-hero>img { width: 96px; height: 96px; flex-shrink: 0; }
.demo-player-name { font-size: clamp(26px, 2.3vw, 42px); text-align: left; }
.profile-preview-hero small { font-size: var(--text-ui); color: #d1e0d1; }
.profile-preview-hero .profile-demo-label { font-size: var(--text-label); }
.profile-preview-stats { gap: 24px; padding: 24px 28px; flex-wrap: wrap; }
.profile-preview-stats span { font-size: var(--text-ui); color: #c9d9cb; }
.profile-preview-stats strong { font-size: var(--text-body); color: #f1e3bc; }
.profile-hero-strip { padding: 28px; gap: 16px; }
.profile-hero-strip>div { height: 190px; }
.profile-hero-strip span { font-size: var(--text-label); color: #fff1cf; padding-bottom: 10px; }
.finale h2 { font-size: clamp(48px, 5vw, 100px); }
.patch-summary { font-size: var(--text-label); flex-wrap: wrap; color: #d0b49c; }
.site-footer { flex-wrap: wrap; gap: 30px; }
.site-footer>a:not(.brand), .site-footer p { font-size: var(--text-small); color: #d2bfad; }
.site-footer .brand { opacity: 1; }
.site-footer .brand span { font-size: 12px; }
.site-footer .brand strong { font-size: 15px; }
dialog { max-width: min(1200px, 94vw); }
.dialog-close { width: 50px; height: 50px; }
#art-caption { font-size: var(--text-ui); color: #f1d8b2; }
#profile-demo { max-width: 760px; padding: 52px; }
#profile-demo h2 { font-size: 46px; }
#profile-demo>p:not(.eyebrow) { font-size: var(--text-body); color: #d4e1f2; }

@media (max-width: 1600px) {
  .chapter-nav span, .edition-mark { display: none; }
  .arrival-footer { justify-content: space-between; }
  .skin-showcase { grid-template-columns: 50% 50%; }
  .skin-copy { padding-right: 25px; }
  .skin-art-button { height: 800px; }
  .prestige-layout, .chalor-introduction { min-height: 900px; }
  .ability-tabs { grid-template-columns: repeat(2, 1fr); }
  .ability-tabs button { min-height: 110px; }
  .community-heading { gap: 40px; }
  .community-heading>p { max-width: 24em; }
  .community-panel { grid-template-columns: minmax(0, 45fr) minmax(0, 55fr); gap: 12px; }
  .community-copy { padding-right: 22px; }
  .community-visual { padding-left: 0; }
  .preview-frame { transform: none; }
  .profile-preview-hero { padding: 26px 20px; gap: 16px; }
  .profile-preview-hero>img { width: 68px; height: 68px; }
  .profile-preview-stats { padding: 22px 20px; gap: 18px; }
  .profile-hero-strip { padding: 20px; gap: 10px; }
  .profile-hero-strip>div { height: 150px; }
  .chat-preview { grid-template-columns: 1fr; }
  .chat-sidebar { display: flex; align-items: center; gap: 18px; border-right: 0; border-bottom: 1px solid #c5bf9b33; padding: 12px 18px; }
  .chat-sidebar>small { margin: 0; }
  .demo-friend { margin: 0; font-size: 15px; }
  .demo-friend img { width: 32px; height: 32px; }
  .chat-conversation { min-height: 330px; }
}

@media (max-width: 1100px) {
  .site-header { padding-inline: 24px; gap: 20px; }
  .brand span { font-size: 12px; }
  .brand strong { font-size: 14px; }
  .brand img { width: 40px; height: 40px; }
  .header-tools { gap: 14px; }
  .header-tools button>span:last-child { display: none; }
  .main-nav { gap: 23px; }
  .arrival h1 { font-size: clamp(64px, 8vw, 88px); }
  .arrival-copy { width: 84%; padding-top: 160px; }
  .arrival-footer>div { gap: 24px; }
  .arrival-footer>div>span { display: flex; flex-direction: column; align-items: center; font-size: 28px; }
  .arrival-footer small { margin: 0; }
  .scroll-cue { max-width: 190px; }
  .cover-caption { bottom: 17%; right: 6%; }
  .skin-copy { padding-left: 26px; }
  .skin-copy h3 { font-size: 60px; }
  .skin-epithet { font-size: 29px; }
  .equipment-heading { flex-direction: column; }
  .skin-showcase { grid-template-columns: 48% 52%; }
  .skin-art-button { height: 820px; }
  .prestige-layout { grid-template-columns: 53% 47%; }
  .prestige-copy { padding-top: 65px; }
  .prestige h2 { font-size: 56px; }
  .vip-art-button { height: 920px; }
  .album-rule { flex-wrap: wrap; gap: 18px; }
  .album-rule p { padding-left: 0; border: 0; }
  .chalor-introduction { grid-template-columns: 53% 47%; }
  .chalor h2 { font-size: 80px; }
  .chalor-art-button { height: 940px; }
  .community-heading { display: block; }
  .community-heading>p { margin-top: 28px; max-width: none; }
  .community-tabs button { padding-inline: 18px; gap: 14px; }
  .community-tabs button>b { display: none; }
  .community-panel { grid-template-columns: 1fr; }
  .community-copy { padding: 28px 0 12px; max-width: 800px; }
  .community-copy h3 { font-size: 48px; }
  .community-visual { padding-top: 20px; max-width: 800px; width: 100%; }
  .chat-preview { grid-template-columns: 34% 66%; }
  .chat-sidebar { display: block; border-bottom: 0; border-right: 1px solid #c5bf9b33; padding: 24px; }
  .chat-sidebar>small { margin-bottom: 22px; }
  .demo-friend { margin: 22px 0; font-size: var(--text-ui); }
  .profile-hero-strip>div { height: 200px; }
}

@media (max-width: 760px) {
  :root { --pad: 24px; --text-body: 1.0625rem; --text-ui: 1rem; --text-small: .875rem; --text-label: .8125rem; }
  html { scroll-padding-top: 20px; }
  section[id] { scroll-margin-top: 20px; }
  .site-header { display: grid; grid-template-columns: 1fr auto; row-gap: 5px; min-height: 116px; padding: 12px 24px 6px; }
  .brand { gap: 10px; }
  .brand span { display: block; font-size: 12px; }
  .brand strong { font-size: 14px; }
  .brand img { width: 36px; height: 36px; }
  .main-nav { grid-row: 2; grid-column: 1 / -1; justify-content: center; gap: 30px; font-size: 15px; }
  .main-nav a { min-height: 44px; padding: 8px 0; }
  .header-tools { gap: 12px; }
  .header-tools button { min-height: 44px; min-width: 34px; }
  .header-play { min-height: 44px; padding: 7px 12px; font-size: 15px; }
  .header-play span { margin-left: 12px; }
  .arrival { display: block; min-height: 0; height: auto; }
  .arrival-art { height: 720px; }
  .cover-acid { top: 35px; height: 100%; width: 122%; right: -30%; }
  .cover-xian { top: 80px; height: 78%; width: 90%; right: 28%; }
  .cover-kaelen { top: 85px; height: 80%; width: 85%; right: -38%; }
  .arrival-vignette { background: linear-gradient(0deg, #100b0d 9%, #100b0df5 30%, #100b0db8 46%, transparent 78%), linear-gradient(90deg, #110c0e44, transparent); }
  .arrival-copy { position: relative; bottom: auto; width: auto; max-width: none; padding: 520px var(--pad) 40px; }
  .release { font-size: 13px; gap: 10px; margin-bottom: 23px; line-height: 1.8; }
  .overline { font-size: 13px; line-height: 1.8; max-width: 26em; }
  .arrival h1 { font-size: clamp(47px, 9.7vw, 76px); line-height: 1.06; }
  .title-ornament { margin: 24px 0; }
  .arrival-intro { font-size: var(--text-body); max-width: none; line-height: 1.8; }
  .arrival-actions { gap: 16px; margin-top: 28px; flex-direction: column; align-items: stretch; }
  .arrival-actions .button { font-size: var(--text-ui); width: 100%; padding: 16px 20px; min-height: 58px; }
  .arrival-actions .understated { justify-content: center; font-size: var(--text-ui); min-height: 48px; }
  .cover-caption { top: 270px; right: 6%; bottom: auto; }
  .cover-caption>span, .cover-caption small { font-size: 12px; }
  .cover-caption strong { font-size: 28px; }
  .arrival-footer { position: relative; inset: auto; margin: 0 var(--pad); min-height: 114px; justify-content: center; padding: 20px 0; }
  .scroll-cue { display: none; }
  .arrival-footer>div { gap: 22px; width: 100%; justify-content: space-around; }
  .arrival-footer>div>span { font-size: 30px; line-height: 1.4; }
  .arrival-footer small { font-size: 12px; margin-top: 5px; line-height: 1.4; letter-spacing: .01em; }
  .section-top { margin-bottom: 32px; gap: 16px; align-items: start; }
  .section-top .eyebrow, .section-index { font-size: 12px; letter-spacing: .06em; }
  .section-index { max-width: 45%; }
  .small-caps { font-size: 13px; letter-spacing: .1em; line-height: 1.8; }
  .section-heading h2, .community-heading h2 { font-size: clamp(44px, 8vw, 60px); }
  .section-heading>p:last-child { font-size: var(--text-body); }
  .skin-selector { justify-content: flex-start; margin: 20px calc(-1 * var(--pad)) 14px; padding: 24px var(--pad); gap: 15px; }
  .skin-selector button { min-width: 76px; gap: 12px; }
  .skin-selector button img { width: 68px; height: 68px; }
  .skin-selector span { font-size: 16px; }
  .skin-showcase { display: flex; height: auto; min-height: 0; margin-inline: calc(-1 * var(--pad)); }
  .skin-showcase:after { background: linear-gradient(0deg, #130c0d, #130c0df5 48%, transparent 85%); }
  .skin-scene { height: 620px; opacity: .3; }
  .skin-watermark { font-size: 100px; left: var(--pad); top: 30px; }
  .skin-sigil { width: 85%; left: 7.5%; top: 35px; }
  .skin-art-button { height: 580px; min-height: 0; margin: 0; }
  .skin-art-button>img { width: 100%; margin-left: 0; }
  .art-zoom { font-size: 12px; min-height: 44px; max-width: calc(100% - 32px); white-space: normal; width: max-content; }
  .skin-copy { max-width: none; width: 100%; padding: 24px var(--pad) 110px; }
  .skin-copy>.eyebrow { font-size: 13px; }
  .skin-copy h3 { font-size: clamp(48px, 10vw, 64px); overflow-wrap: anywhere; }
  .skin-epithet { font-size: 30px; margin-bottom: 22px; }
  .skin-copy>p:not(.eyebrow,.skin-epithet) { font-size: var(--text-body); line-height: 1.8; }
  .equipment-heading { flex-direction: column; gap: 12px; }
  .equipment-heading>span { font-size: 13px; }
  .equipment-heading button { font-size: 16px; padding: 9px 17px; min-height: 46px; }
  .equipment-preview { font-size: 16px; }
  .equipment-preview img { width: 86px; height: 86px; }
  .skin-pagination { right: var(--pad); bottom: 25px; gap: 22px; }
  .collection-bottom p { font-size: 14px; line-height: 2; }
  .collection-bottom { gap: 18px; }
  .collection-bottom i { margin: 0 8px; }
  .prestige-layout { display: flex; min-height: 0; }
  .prestige-copy { padding: 44px 0 20px; }
  .prestige-copy>.eyebrow { font-size: 13px; }
  .prestige h2 { font-size: clamp(44px, 9vw, 64px); }
  .prestige-copy>p:not(.eyebrow,.prestige-name,.exclusive-note) { font-size: var(--text-body); max-width: none; }
  .prestige-name { font-size: 20px; }
  .prestige-name>span { font-size: 40px; }
  .album-rule { flex-wrap: nowrap; gap: 20px; }
  .album-rule>span { font-size: 40px; }
  .album-rule small { font-size: 23px; }
  .album-rule p { font-size: 14px; }
  .exclusive-note { font-size: 14px; }
  .vip-art-button { height: 600px; margin-top: 0; }
  .vip-art-button>img { height: 108%; width: 135%; left: -17.5%; }
  .vip-halo { width: 90%; left: 5%; }
  .chalor-introduction { display: flex; min-height: 0; }
  .chalor-art-button { height: 590px; margin-top: 24px; }
  .chalor-copy { padding: 35px 0 0; margin-top: 0; }
  .chalor-copy .small-caps { font-size: 13px; }
  .chalor h2 { font-size: clamp(58px, 13vw, 88px); }
  .chalor-title { font-size: 32px; }
  .chalor-meta { font-size: 16px; gap: 13px; }
  .chalor-meta b { font-size: 25px; }
  .chalor-quote { font-size: 34px; }
  .chalor-copy>p:not(.eyebrow,.small-caps,.chalor-quote,.chalor-title) { font-size: var(--text-body); }
  .lore-details { font-size: 16px; max-width: none; }
  details>p { font-size: var(--text-body); }
  .mana-workshop { grid-template-columns: 1fr; gap: 28px; margin-top: 44px; padding: 42px 0; }
  .mana-intro h3 { font-size: 44px; }
  .mana-intro>p:not(.eyebrow) { font-size: var(--text-body); }
  .mana-intro .mana-note { font-size: 15px !important; }
  .orb-stage { width: 250px; height: 250px; }
  .orb-status { font-size: 16px; }
  .orb-actions { width: 100%; justify-content: center; }
  .orb-actions .button { padding-inline: 20px; gap: 18px; }
  .arsenal-heading>.eyebrow { font-size: 13px; }
  .arsenal-heading>p:last-child { font-size: 15px; }
  .ability-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ability-tabs button { align-items: start; flex-direction: column; padding: 18px 12px; gap: 12px; }
  .ability-tabs button img { width: 56px; height: 56px; }
  .ability-tabs button span { font-size: 16px; }
  .ability-tabs button small { font-size: 12px; }
  .ability-panel { padding: 30px 0; }
  .ability-title-row { gap: 16px; flex-direction: column; }
  .ability-title-row h3 { font-size: 34px; }
  .ability-title-row .eyebrow { font-size: 12px; max-width: none; line-height: 1.8; }
  .ability-title-row>#empowered-badge { font-size: 12px; padding: 9px 12px; }
  #ability-flavor, #ability-note { font-size: var(--text-body); }
  .ability-stats { gap: 18px; grid-template-columns: 1fr; padding: 26px 0; }
  .ability-stats>div { display: flex; align-items: center; gap: 22px; padding-left: 18px; }
  .ability-stats strong { font-size: 38px; min-width: 100px; }
  .ability-stats span { font-size: 16px; margin-top: 0; }
  .ability-details { font-size: 16px; }
  .values-note, .demo-note { font-size: 14px; }
  .community-heading>p { font-size: var(--text-body); }
  .community-tabs { grid-template-columns: 1fr; }
  .community-tabs button { min-height: 70px; font-size: 17px; padding: 19px 16px; gap: 20px; }
  .community-tabs button>span { font-size: 17px; }
  .community-tabs button>b { display: block; }
  .community-panel { padding-top: 0; }
  .community-copy { padding: 30px 0 15px; }
  .community-copy h3 { font-size: 38px; }
  .community-copy>p:not(.eyebrow), .community-copy li { font-size: var(--text-body); }
  .preview-frame { min-height: 0; }
  .preview-head { padding: 20px 18px; font-size: 12px; letter-spacing: .05em; gap: 12px; }
  .rank-preview { padding: 12px 18px; }
  .rank-preview a { gap: 16px; padding: 22px 0; }
  .rank-preview a>span { font-size: 26px; }
  .rank-preview strong { font-size: 17px; }
  .rank-preview small { font-size: 15px; }
  .preview-caption { font-size: 13px; }
  .chat-preview { grid-template-columns: 1fr; }
  .chat-sidebar { display: flex; gap: 16px; align-items: center; border-right: 0; border-bottom: 1px solid #c5bf9b33; padding: 15px; }
  .chat-sidebar>small { font-size: 12px; margin: 0; }
  .demo-friend { font-size: 15px; margin: 0; gap: 8px; }
  .demo-friend img { width: 32px; height: 32px; }
  .demo-friend:last-child { display: none; }
  .chat-conversation { min-height: 380px; padding: 24px 18px; }
  .chat-conversation>span { font-size: 15px; }
  .message-bubble { font-size: 17px; padding: 14px 16px; }
  .demo-chat-button { font-size: 16px; min-height: 52px; }
  .profile-preview-hero { padding: 28px 18px; gap: 16px; flex-wrap: wrap; }
  .profile-preview-hero>img { width: 70px; height: 70px; }
  .demo-player-name { font-size: 28px; }
  .profile-preview-hero small { font-size: 15px; }
  .profile-preview-hero .profile-demo-label { font-size: 12px; }
  .profile-preview-stats { gap: 18px 24px; padding: 22px 18px; }
  .profile-preview-stats strong { font-size: 17px; }
  .profile-preview-stats span { font-size: 14px; }
  .profile-hero-strip { padding: 20px 16px; gap: 9px; }
  .profile-hero-strip>div { height: 140px; }
  .profile-hero-strip span { font-size: 12px; }
  .finale>.eyebrow, .patch-summary { font-size: 13px; }
  .finale h2 { font-size: 48px; }
  .site-footer { display: flex; flex-direction: column; align-items: start; padding: 32px var(--pad); gap: 22px; }
  .site-footer>a:not(.brand), .site-footer p { font-size: 15px; }
  #profile-demo { padding: 48px 24px 30px; }
  #profile-demo h2 { font-size: 36px; }
  #profile-demo>p:not(.eyebrow) { font-size: 17px; }
}

@media (max-width: 390px) {
  :root { --pad: 20px; }
  .site-header { padding-inline: 20px; gap: 8px; }
  .site-header .brand { gap: 7px; }
  .site-header .brand img { width: 32px; height: 32px; }
  .site-header .brand span { font-size: 12px; }
  .site-header .brand strong { font-size: 13px; }
  .header-tools { gap: 7px; }
  .main-nav { gap: 27px; }
  .arrival h1 { font-size: 47px; }
  .arrival-footer>div { gap: 10px; }
  .arrival-footer small { font-size: 12px; }
  .album-rule { flex-wrap: wrap; }
  .profile-preview-hero { gap: 14px; }
  .profile-preview-hero>img { width: 56px; height: 56px; }
  .demo-player-name { font-size: 26px; }
}

/* Cinematic layers use transform/opacity; copy remains stationary while artwork moves. */
.atmosphere-canvas {
  position: absolute;
  inset: 0 0 auto;
  width: 100%;
  height: min(1100px, 100%);
  pointer-events: none;
  z-index: -1;
}
.world-rift {
  display: flex;
  align-items: center;
  min-height: clamp(760px, 47vw, 1100px);
  padding: 110px var(--pad) 140px;
  background: #090e1a;
  border-block: 1px solid #c8b17c33;
}
.rift-background {
  position: absolute;
  inset: -3%;
  width: 106%;
  height: 106%;
  max-width: none;
  object-fit: cover;
  object-position: center;
  z-index: -5;
  transform: translate3d(var(--rift-x, 0px), var(--rift-y, 0px), 0) scale(1.015);
  transition: transform 1.2s cubic-bezier(.2,.6,.2,1);
}
.rift-shade {
  position: absolute;
  inset: 0;
  z-index: -4;
  background: linear-gradient(90deg, #0d0c13f5, #0c0c16dd 27%, #0a102022 64%), linear-gradient(0deg, #0d121e, transparent 28%, transparent 72%, #15110f);
}
.rift-copy { width: 48%; max-width: 760px; }
.rift-copy>.eyebrow { color: #edc18a; max-width: 32em; }
.rift-copy h2 { font-size: clamp(48px, 4.8vw, 96px); margin: 28px 0; }
.rift-copy h2 em { color: #aed7ff; }
.rift-copy>p:not(.eyebrow) { font-size: var(--text-body); color: #e5dcd5; line-height: 1.85; margin-bottom: 36px; }
.rift-orbits {
  position: absolute;
  width: 42%;
  aspect-ratio: 1;
  right: 15%;
  top: 50%;
  transform: translateY(-50%);
  z-index: -2;
  pointer-events: none;
  opacity: .65;
}
.rift-orbits i { position: absolute; inset: 0; border-radius: 50%; border: 1px solid #c4e0ff66; box-shadow: 0 0 35px #57a7ff22; animation: celestial-spin 80s linear infinite; }
.rift-orbits i:before, .rift-orbits i:after { content: ''; position: absolute; width: 9px; height: 9px; background: #cde6ff; box-shadow: 0 0 24px #6eb5ff; border-radius: 50%; top: 14%; left: 14%; }
.rift-orbits i:after { top: auto; left: auto; bottom: 14%; right: 14%; background: #ffd49a; box-shadow: 0 0 24px #f68d43; }
.rift-orbits i:nth-child(2) { inset: 6%; border-style: dashed; border-color: #e2c48888; animation-duration: 110s; animation-direction: reverse; }
.rift-orbits i:nth-child(3) { inset: -6%; border-color: #8abaf542; animation-duration: 140s; }
.rift-orbits>span { position: absolute; inset: 15%; border-radius: 50%; background: radial-gradient(ellipse, #7ebdff10, transparent 70%); box-shadow: 0 0 100px #4899ff25; animation: rift-breathe 6s ease-in-out infinite; }
.rift-shards { position: absolute; inset: 0; pointer-events: none; z-index: -1; }
.rift-shards i { position: absolute; width: 20px; height: 68px; opacity: .8; background: linear-gradient(110deg, #100c10, #4a3829 46%, #080d16 50%, #789bcc); clip-path: polygon(42% 0,100% 45%,58% 100%,0 70%); filter: drop-shadow(0 0 8px #86bbff33); animation: shard-drift 12s ease-in-out infinite; }
.rift-shards i:nth-child(1) { top: 18%; left: 48%; rotate: -21deg; }
.rift-shards i:nth-child(2) { top: 68%; left: 54%; scale: .65; animation-delay: -4s; rotate: 34deg; }
.rift-shards i:nth-child(3) { top: 32%; right: 8%; scale: 1.2; animation-delay: -7s; rotate: 20deg; }
.rift-shards i:nth-child(4) { top: 73%; right: 17%; scale: .8; animation-delay: -2s; rotate: -20deg; }
.rift-shards i:nth-child(5) { top: 9%; right: 26%; scale: .5; animation-delay: -6s; rotate: 38deg; }
.rift-shards i:nth-child(6) { top: 52%; right: 33%; scale: .4; animation-delay: -9s; rotate: -14deg; }
.rift-coordinate { position: absolute; inset: auto var(--pad) 48px; display: flex; justify-content: center; align-items: center; gap: 24px; font-size: var(--text-label); color: #c4d4e7; letter-spacing: .15em; }
.rift-coordinate i { flex: 0 1 100px; height: 1px; background: linear-gradient(90deg, transparent, #d1b78477); }
.rift-coordinate i:last-of-type { transform: rotate(180deg); }
.rift-coordinate b { color: #d4c2a2; font-weight: 400; font-size: 24px; }
.arrival-eclipse:before { animation: celestial-spin 90s linear infinite; }
.arrival-eclipse:after { animation: celestial-spin 120s linear infinite reverse; }
.cover-acid { animation: ascend 1.3s ease-out both, character-drift 9s 1.3s ease-in-out infinite; }
.cover-xian { animation: character-drift 12s -3s ease-in-out infinite; }
.cover-kaelen { animation: character-drift 10s -6s ease-in-out infinite; }
.skin-art-button>img { animation: character-drift 11s ease-in-out infinite; }
.skin-sigil { animation: celestial-spin 100s linear infinite; }
.skin-sigil:before { animation: celestial-spin 70s linear infinite reverse; }
.vip-halo { animation: celestial-spin 95s linear infinite; }
.vip-art-button>img { animation: character-drift 10s -4s ease-in-out infinite; }
.cosmic-orbit:before { animation: celestial-spin 75s linear infinite; }
.orb-rings { animation: celestial-spin 30s linear infinite; }
.orb-stage.is-full .orb-rings { animation: celestial-spin 30s linear infinite, orb-pulse 2s ease-in-out infinite; }
.is-scene-active .prestige-seal { animation: seal-glimmer 5s ease-in-out infinite; }
.scene:not(.is-scene-active) :is(.cover-character,.skin-art-button>img,.vip-art-button>img,.chalor-art-button>img,.rift-orbits i,.rift-orbits>span,.rift-shards i,.skin-sigil,.skin-sigil:before,.vip-halo,.orb-rings,.arrival-eclipse:before,.arrival-eclipse:after,.cosmic-orbit:before) { animation-play-state: paused; }
.scene:not(.is-scene-active) .arrival-eclipse:before,
.scene:not(.is-scene-active) .arrival-eclipse:after,
.scene:not(.is-scene-active) .skin-sigil:before,
.scene:not(.is-scene-active) .cosmic-orbit:before { animation-play-state: paused; }
.arrival-background { animation: scenic-depth 30s ease-in-out infinite; }
.scene:not(.is-scene-active) .arrival-background { animation-play-state: paused; }
.motion-paused .rift-background { transform: none; transition: none; }
.motion-paused .cover-character, .motion-paused .skin-art-button>img, .motion-paused .vip-art-button>img { translate: none; }
@keyframes celestial-spin { to { rotate: 360deg; } }
@keyframes character-drift { 0%,100% { translate: 0 0; } 50% { translate: 0 -14px; } }
@keyframes shard-drift { 0%,100% { translate: 0 0; } 50% { translate: 10px -32px; } }
@keyframes rift-breathe { 0%,100% { opacity: .35; scale: .96; } 50% { opacity: 1; scale: 1.04; } }
@keyframes seal-glimmer { 0%,100% { opacity: .6; } 50% { opacity: 1; } }
@keyframes scenic-depth { 0%,100% { scale: 1; } 50% { scale: 1.06; } }
@media (max-width: 1100px) {
  .world-rift { min-height: 820px; }
  .rift-copy { width: 58%; }
  .rift-copy h2 { font-size: 58px; }
}
@media (max-width: 760px) {
  .world-rift { display: block; min-height: 0; padding: 550px var(--pad) 120px; }
  .rift-background { inset: 0; width: 100%; height: 720px; object-position: 65% top; transform: none; }
  .rift-shade { background: linear-gradient(0deg, #0d121e 12%, #0d121ef5 36%, #0d121e22 65%, #15110f88); }
  .rift-copy { width: 100%; max-width: none; }
  .rift-copy h2 { font-size: clamp(43px, 9vw, 60px); }
  .rift-copy>p:not(.eyebrow) { font-size: 17px; }
  .rift-copy>.eyebrow { font-size: 13px; }
  .rift-copy .button { width: 100%; padding-inline: 18px; gap: 18px; }
  .rift-orbits { width: 78%; top: 310px; right: 11%; opacity: .6; }
  .rift-shards { height: 620px; }
  .rift-shards i { width: 22px; height: 65px; }
  .rift-coordinate { inset: auto var(--pad) 38px; gap: 14px; font-size: 12px; letter-spacing: .06em; }
  .rift-coordinate i { flex-basis: 30px; }
  .world-rift .atmosphere-canvas { height: 720px; }
}
@media (prefers-reduced-motion: reduce) {
  .rift-background, .motion-paused .rift-background { transform: none; }
  .cover-character, .skin-art-button>img, .vip-art-button>img { translate: none; }
}