@font-face{font-family:RealmBrush;src:url('./fonts/brush.woff2') format('woff2');font-display:swap;font-weight:400}
:root{--ink:#203c3d;--muted:#7b827b;--paper:#f5f3ed;--gold:#dfc490;--jade:#466c65;--line:#dcded4;--serif:RealmBrush,"Noto Serif SC","Songti SC",STSong,serif;--sans:"PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{max-width:100%;display:block}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button{border:0;background:none}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid #c0954e;outline-offset:6px}button:disabled{cursor:default;opacity:.55}p,h1,h2,h3{margin-top:0}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;left:12px;top:-70px;z-index:100;padding:14px;background:var(--paper)}.skip-link:focus{top:12px}.site-header{height:94px;position:absolute;z-index:20;top:0;left:0;width:100%;padding:0 4.2%;display:flex;align-items:center;justify-content:space-between;gap:34px;color:#f5f1e5;border-bottom:1px solid #e7e5cd24;background:linear-gradient(#071b2999,#071b2900)}.brand{display:grid;grid-template-columns:auto 26px;column-gap:7px;flex-shrink:0}.brand-name{font-family:var(--serif);font-size:39px;line-height:1.1;letter-spacing:1px}.brand-seal{background:#a74d38;color:#fff7d4;align-self:center;font-size:9px;line-height:1.45;text-align:center;padding:3px 0;width:21px}.brand small{font-family:Georgia,serif;font-size:9px;letter-spacing:4.4px;grid-column:1/-1;margin:5px 0 0 8px;color:#cfccbb}.primary-nav{display:flex;align-self:stretch;gap:44px;align-items:center;margin-left:auto;margin-right:auto}.primary-nav>a{position:relative;text-align:center;font-size:15px;letter-spacing:2px;padding:24px 0 20px;white-space:nowrap;color:#f6f2e4bc;transition:color .2s}.primary-nav>a small{display:block;font-family:Georgia,serif;letter-spacing:1.5px;font-size:8px;margin-top:7px;opacity:.65}.primary-nav>a.active,.primary-nav>a:hover{color:var(--gold)}.primary-nav>a:after{position:absolute;bottom:4px;left:50%;width:5px;height:5px;content:"";background:var(--gold);transform:translateX(-50%) rotate(45deg);opacity:0}.primary-nav>a.active:after{opacity:1}.header-actions{display:flex;gap:24px;align-items:center}.support-link{display:flex;align-items:center;gap:7px;font-size:13px;white-space:nowrap;color:#eee9d7}.support-link svg{width:18px}.header-enter{font-size:14px;border:1px solid #cfb58382;color:var(--gold);display:flex;gap:20px;align-items:center;padding:11px 19px;background:#17242636}.header-enter:hover{background:#d6bd9222}.header-enter svg{width:17px}.menu-toggle{display:none;color:var(--gold)}
.hero{position:relative;isolation:isolate;min-height:760px;height:100svh;max-height:1120px;overflow:hidden;color:#fff5de;background:#0d1c2a}.hero-poster,.hero-video{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:60% center;z-index:-4}.hero-poster{transform:scale(1);transition:transform 1.2s ease,filter 1.2s ease}.hero-video{opacity:0;transition:opacity 1s}.hero-video.ready{opacity:1}.hero.cg-finished .hero-video.frozen{opacity:1}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#071a3099 0%,#1024350d 62%),linear-gradient(0deg,#071b27 0%,#071b2755 17%,transparent 45%,#071b271f 80%);z-index:-2}.hero-grain{position:absolute;inset:0;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.65' d='M0 0h180v180H0z'/%3E%3C/svg%3E");z-index:1}.hero-content{position:absolute;left:9.5%;top:50%;transform:translateY(-43%);z-index:2}.eyebrow{font-family:Georgia,var(--sans);font-size:10px;letter-spacing:3px;display:flex;align-items:center;gap:17px;color:#75847b;line-height:2}.eyebrow span{display:inline-block;width:43px;height:1px;background:currentColor;opacity:.5}.eyebrow.light{color:var(--gold)}.hero-content>.eyebrow{font-family:var(--sans);font-size:12px;letter-spacing:5px;margin:0 0 24px}.hero-content>.eyebrow span{width:27px}.hero h1{font-family:var(--serif);font-size:clamp(80px,7.5vw,138px);font-weight:400;line-height:1.16;letter-spacing:4px;margin:0 0 23px;text-shadow:0 3px 25px #07192988}.hero h1 span{margin-left:40px;color:#efe4c9}.hero-description{font-size:14px;font-weight:300;line-height:2.1;letter-spacing:3px;color:#e0e2d4b8;margin:0 0 31px}.hero-actions{display:flex;align-items:center;gap:30px}.gold-button{display:inline-flex;align-items:center;justify-content:space-between;gap:44px;background:linear-gradient(110deg,#ecd7aa,#c7a569);padding:18px 25px;color:#263b39;outline:1px solid #d7bd8955;outline-offset:5px;transition:transform .25s,filter .25s;position:relative;min-width:214px}.gold-button:hover{filter:brightness(1.1);transform:translateY(-3px)}.gold-button>span{font-size:22px;letter-spacing:3px}.gold-button small{display:block;font-family:Georgia,serif;font-size:8px;letter-spacing:2px;margin-top:7px}.gold-button svg{width:29px}.film-button{display:flex;align-items:center;gap:13px;color:#e7e1d3;font-size:13px;letter-spacing:2px;padding:4px}.film-button small{display:block;font:8px Georgia,serif;letter-spacing:1.3px;color:#c3c6bb99;margin-top:7px}.play-circle{border:1px solid #d9c99c88;width:51px;height:51px;border-radius:50%;display:grid;place-items:center;transition:background .2s,transform .2s}.play-circle svg{width:18px;margin-left:1px}.film-button:hover .play-circle{background:#d4c39d22;transform:scale(1.08)}.hero-tags{display:flex;align-items:center;gap:16px;color:#dddac58c;font-size:10px;letter-spacing:1px;margin-top:37px}.hero-tags i{height:3px;width:3px;transform:rotate(45deg);background:var(--gold);opacity:.55}.hero-vertical{position:absolute;right:4.3%;top:36%;writing-mode:vertical-rl;font-family:var(--serif);font-size:20px;letter-spacing:9px;color:#f1eacb9e}.hero-bottom{position:absolute;bottom:23px;left:4.2%;right:4.2%;display:flex;align-items:center;justify-content:space-between;color:#e0dec37a;font-size:10px;letter-spacing:1.5px}.hero-edition b{font-weight:400;color:#e9dcb8b3;margin-right:10px}.scroll-cue{display:flex;align-items:center;flex-direction:column;gap:10px;position:absolute;left:50%;bottom:0;transform:translateX(-50%);font-size:9px}.scroll-cue i{width:1px;height:30px;background:linear-gradient(#d3bc8c,transparent);position:relative}.scroll-cue i:before{content:"";position:absolute;width:5px;height:5px;border-right:1px solid var(--gold);border-bottom:1px solid var(--gold);transform:rotate(45deg);left:-2px;top:5px;animation:scroll 2s infinite}.hero-bottom>button{display:flex;align-items:center;gap:7px;color:#e0dec39a;font-size:10px;letter-spacing:1px}.hero-bottom>button svg{width:15px;height:15px}@keyframes scroll{50%{transform:translateY(12px) rotate(45deg);opacity:.4}}
.realm-ribbon{padding:25px 8%;display:flex;align-items:center;gap:27px;background:#183b3e;color:#e3dbc6;position:relative}.ribbon-mark{font:36px var(--serif);border:1px solid #9b927e66;width:54px;height:54px;display:grid;place-items:center;transform:rotate(-8deg);color:var(--gold)}.realm-ribbon p{font:24px var(--serif);letter-spacing:4px;margin:0}.ribbon-line{height:1px;flex:1;background:linear-gradient(90deg,#ddc59144,transparent)}.realm-ribbon small{font-size:11px;letter-spacing:3px;color:#f7e7c26e}.realm-ribbon>a{height:38px;width:38px;border:1px solid #d7c39e44;display:grid;place-items:center}.section-light{background-color:var(--paper);background-image:radial-gradient(#455e4d0b .65px,transparent .65px);background-size:5px 5px}.characters{padding:83px 8% 0;overflow:hidden}.section-heading h2{font:46px/1.25 var(--serif);font-weight:400;letter-spacing:4px;margin:0 0 20px}.section-heading h2>span{margin-left:22px}.section-heading>p:last-child{font-size:12px;line-height:1.9;letter-spacing:1.5px;color:var(--muted);margin-bottom:0}.section-heading .eyebrow{margin-bottom:21px}.character-stage{height:615px;position:relative;display:grid;grid-template-columns:86px 330px 1fr;gap:32px;margin-top:20px}.character-mountain{position:absolute;inset:-40px -14% -10px 26%;background:url('./images/realm.webp') center 42%/cover;opacity:.15;mask-image:radial-gradient(ellipse,#000 12%,transparent 68%);pointer-events:none}.character-watermark{font:390px var(--serif);position:absolute;right:3%;top:38px;color:#a6b7a829;pointer-events:none}.character-tabs{position:relative;z-index:2;align-self:center;display:flex;flex-direction:column;gap:26px;align-items:start}.character-tabs button{width:66px;position:relative;padding:0 0 3px;color:#9a9e91}.character-tabs button>span{width:58px;height:58px;display:grid;place-items:center;font:33px var(--serif);border:1px solid #bbc2b269;border-radius:50%;margin:auto;transition:all .25s}.character-tabs small{font:7px Georgia,serif;letter-spacing:2px;display:block;margin-top:11px;text-align:center}.character-tabs button.selected{color:var(--jade)}.character-tabs button.selected>span{border-color:#758774;background:#e5e8dc;box-shadow:0 0 0 5px #e1e6da,0 0 0 6px #c4cdbb}.character-tabs button:hover>span{background:#e5e8dc}.character-description{align-self:center;position:relative;z-index:2;margin-top:5px}.role-kicker{font-size:12px;letter-spacing:5px;color:#859079;margin-bottom:20px}.character-description h3{font:55px/1.2 var(--serif);font-weight:400;letter-spacing:3px;margin-bottom:22px}.character-description>p:not(.role-kicker){color:#818678;font-size:12px;line-height:2.1;letter-spacing:1px;max-width:283px}.role-tags{display:flex;gap:10px;margin-top:22px}.role-tags span{font-size:10px;padding:5px 10px;border:1px solid #8d9a8066;color:#728469;letter-spacing:2px}.gender-select{display:flex;gap:0;width:max-content;margin:34px 0 29px;border-bottom:1px solid #cbd0c0}.gender-select button{font-size:11px;color:#989f90;padding:10px 14px;position:relative}.gender-select button.selected{color:var(--ink)}.gender-select button.selected:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--jade)}.text-link{display:inline-flex;align-items:center;gap:28px;font-size:11px;letter-spacing:2px}.text-link svg{width:18px;transition:transform .2s}.text-link:hover svg{transform:translateX(5px)}.character-visual{align-self:end;position:relative;width:100%;height:610px;display:grid;align-items:center;justify-items:center}.character-visual img{max-height:580px;width:100%;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 20px 26px #48595424);transition:opacity .15s,transform .4s}.character-visual img.swapping{opacity:0;transform:translateX(15px)}.character-halo{position:absolute;width:430px;height:430px;border:1px solid #a4b3985c;border-radius:50%;transform:rotate(-20deg);top:70px}.character-halo:before{content:"";position:absolute;inset:13px;border:1px dashed #a4b39840;border-radius:50%}.character-halo:after{content:"";position:absolute;inset:-10px;border-top:1px solid #8da18159;border-bottom:1px solid #8da18159;border-radius:50%}.character-pedestal{position:absolute;bottom:30px;width:76%;height:40px;filter:blur(18px);border-radius:50%;background:#63756030}.art-caption{position:absolute;right:0;bottom:15px;writing-mode:vertical-rl;letter-spacing:3px;font-size:9px;color:#97a08c}.characters-footnote{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:24px 0;color:#879080;font-size:10px;letter-spacing:2px}
.world{background:#132f32;position:relative;overflow:hidden;padding:85px 8% 45px;color:#e8e6d5}.world:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 60% 40%,#688b6140,transparent 60%);pointer-events:none}.world .section-heading{position:relative}.world .section-heading>p:last-child{color:#a4b5a6}.world-browser{display:grid;grid-template-columns:1fr 235px;margin:43px 0 0;position:relative;border:1px solid #d0d4b126}.world-image-wrap{height:450px;position:relative;overflow:hidden;background:#183a3e}.world-image-wrap>img{width:100%;height:100%;object-fit:cover;object-position:center 40%;transition:opacity .2s,transform 1s;filter:saturate(.7) brightness(.87)}.world-image-wrap:hover>img{transform:scale(1.035)}.world-image-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0c222bf0,transparent 75%),linear-gradient(90deg,#08273144,transparent)}.scene-counter{position:absolute;top:25px;left:30px;font:12px Georgia,serif;letter-spacing:2px;color:#b9c0ac}.scene-counter b{font-weight:400;font-size:26px;margin-right:8px;color:#e7d4aa}.world-image-wrap>button{position:absolute;right:20px;top:20px;width:40px;height:40px;border:1px solid #e3dbc455;color:#e4dfd0;display:grid;place-items:center;background:#17343666}.scene-copy{position:absolute;bottom:33px;left:35px}.scene-copy>p:first-child{font-size:9px;letter-spacing:3px;color:#d0c7a7;margin-bottom:14px}.scene-copy h3{font:37px var(--serif);font-weight:400;letter-spacing:4px;margin-bottom:13px}.scene-copy>p:last-child{font-size:11px;color:#c2cabb;letter-spacing:1px;line-height:1.8;margin-bottom:0}.world-tabs{display:flex;flex-direction:column;background:#102a2d}.world-tabs button{padding:30px 22px;display:flex;align-items:center;gap:15px;text-align:left;flex:1;border-bottom:1px solid #d0d4b116;color:#8aa296;position:relative;transition:background .2s}.world-tabs button:last-child{border:0}.world-tabs button>span{font:11px Georgia,serif;color:#a39980}.world-tabs b{font-family:var(--serif);font-size:23px;font-weight:400;letter-spacing:2px;white-space:nowrap}.world-tabs small{display:block;font-size:9px;letter-spacing:2px;margin-top:11px;opacity:.6}.world-tabs svg{width:16px;margin-left:auto;opacity:0}.world-tabs button.selected,.world-tabs button:hover{background:#d3c7920d;color:#e5d8b7}.world-tabs button.selected:before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--gold)}.world-tabs button.selected svg{opacity:.7}.feature-notes{display:grid;grid-template-columns:repeat(3,1fr);margin-top:40px;border-bottom:1px solid #e3ddb221;padding:0 0 34px}.feature-notes article{display:flex;gap:22px;align-items:center;padding-left:10%;border-right:1px solid #e3ddb221}.feature-notes article:first-child{padding-left:0}.feature-notes article:last-child{border:0}.feature-notes article>span{font:38px var(--serif);color:#cfc4977d}.feature-notes h3{font-weight:400;font-size:15px;letter-spacing:3px;margin-bottom:9px}.feature-notes p{font-size:10px;letter-spacing:1px;color:#9eafa2;margin:0;line-height:1.8}
.news{padding:82px 8% 90px}.news-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.news-heading h2{margin:0}.news-heading>p{font-size:11px;color:#9b9f91}.news-layout{display:grid;grid-template-columns:40% 1fr;gap:6%}.news-feature{position:relative;display:block;width:100%;height:360px;overflow:hidden;background:#1d4a4a;text-align:left;padding:0;color:#fff4d9}.news-feature>img{width:100%;height:100%;object-fit:cover;object-position:center 49%;filter:brightness(.74) saturate(.65);transition:transform .7s}.news-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#103c46f0,transparent)}.news-feature>div{position:absolute;inset:auto 30px 30px;z-index:1}.news-feature>div>span:first-child{font-size:9px;letter-spacing:2px;color:#e1ddc9b3}.news-feature h3{font:35px/1.3 var(--serif);font-weight:400;letter-spacing:4px;margin:17px 0 10px}.news-feature p{font-size:10px;letter-spacing:1px;color:#d0d7c6}.feature-arrow{position:absolute;right:0;bottom:2px;border:1px solid #d6d3af77;border-radius:50%;width:37px;height:37px;display:grid;place-items:center}.feature-arrow svg{width:19px}.news-feature:hover>img{transform:scale(1.04)}.news-tabs{display:flex;gap:32px;border-bottom:1px solid #d1d7c7}.news-tabs button{position:relative;color:#929c8c;padding:3px 0 16px;font-size:14px;letter-spacing:3px}.news-tabs button.selected{color:#294d45}.news-tabs button.selected:after{content:"";position:absolute;bottom:-1px;left:0;right:3px;height:2px;background:#466c65}.news-row{display:flex;width:100%;text-align:left;gap:17px;align-items:center;border-bottom:1px solid #d9ddcf;padding:22px 0;color:#3b544b}.news-row .news-category{font-size:9px;letter-spacing:1px;border:1px solid #a8b39c87;padding:4px 5px;color:#899a7f;flex-shrink:0}.news-row .news-row-title{font-size:12px;line-height:1.6;flex:1}.news-row svg{width:17px;color:#8f9c83;transition:transform .2s}.news-row:hover .news-row-title{color:#87966f}.news-row:hover svg{transform:translateX(4px)}.news-note{font-size:9px;color:#969e8c;letter-spacing:1px;margin:21px 0 0;line-height:1.8}.news-empty{height:234px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#94a08b;text-align:center;font-size:13px;line-height:2}.news-empty small{font-size:11px}.invitation{position:relative;overflow:hidden;text-align:center;color:#eee6d1;padding:76px 25px 82px;background:#142b37;isolation:isolate}.invitation-art{position:absolute;inset:0;background:linear-gradient(90deg,#0b2739b8,#173c48cc,#0b2739b8),url('./images/hero-poster.webp') center 64%/cover;z-index:-1}.invitation .eyebrow{justify-content:center;font-size:9px;letter-spacing:5px;margin:0 0 25px}.invitation h2{font:57px var(--serif);letter-spacing:7px;font-weight:400;margin:0 0 22px}.invitation h2 span{margin-left:25px}.invitation>p:not(.eyebrow){font-size:11px;letter-spacing:2px;color:#ced8ce9c;margin-bottom:36px}.invitation .gold-button{padding:16px 26px;min-width:265px;text-align:left}.invitation .gold-button>span{font-size:18px}.site-footer{background:#0f232b;color:#8c9c978c;padding:42px 8%;display:flex;justify-content:space-between;align-items:center;gap:35px}.footer-brand{font:38px var(--serif);color:#dbcfb191;white-space:nowrap}.footer-brand small{display:block;font:9px var(--sans);letter-spacing:4px;margin-top:9px}.site-footer>div{text-align:right;font-size:10px;line-height:1.9}.site-footer p:first-child{display:flex;justify-content:flex-end;gap:20px;color:#c3c6aeae;font-size:11px;margin:0 0 14px}.site-footer button{padding:0;font-size:11px}.site-footer p:nth-child(2){margin-bottom:7px}.site-footer small{font-size:9px}.section-nav{position:fixed;right:27px;top:50%;transform:translateY(-50%);z-index:15;display:flex;flex-direction:column;gap:20px;color:#b7b99d;mix-blend-mode:difference}.section-nav a{display:flex;align-items:center;justify-content:flex-end;gap:10px}.section-nav span{opacity:0;font-size:10px;letter-spacing:3px;transition:opacity .2s}.section-nav i{width:5px;height:5px;border:1px solid currentColor;transform:rotate(45deg);position:relative}.section-nav a.active i{background:currentColor}.section-nav a.active i:after{content:"";position:absolute;inset:-4px;border:1px solid currentColor;opacity:.4}.section-nav a:hover span{opacity:1}
.content-dialog{border:1px solid #9aab9170;padding:0;background:#f5f3ed;color:var(--ink);width:min(640px,calc(100vw - 36px));max-height:85svh;overflow:auto;box-shadow:0 20px 90px #07141bcc}.content-dialog::backdrop{background:#061a26b8;backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:18px;top:16px;z-index:3;width:35px;height:35px;display:grid;place-items:center;background:#f5f3edeb;border:1px solid #8c9e8944;color:var(--ink)}#dialog-body{padding:45px}.dialog-kicker{font:9px Georgia,var(--sans);letter-spacing:3px;color:#9a9e82;margin:0 0 19px}.content-dialog h2{font:33px/1.3 var(--serif);font-weight:400;letter-spacing:2px;margin:0 0 27px}.article-body{white-space:pre-line;line-height:2;font-size:13px;color:#6d7969}.article-body p{margin:0 0 18px}.dialog-actions{display:flex;gap:15px;align-items:center;margin-top:30px}.dialog-action{padding:11px 18px;background:var(--ink);color:#f7edcf;font-size:12px}.dialog-secondary{padding:10px 16px;border:1px solid #b3beaa;font-size:12px}.support-number{font:32px Georgia,serif;letter-spacing:2px;color:#376c60}.content-dialog.media-dialog{width:min(1200px,calc(100vw - 32px));background:#0c222b;border-color:#587367}.media-dialog #dialog-body{padding:0}.media-dialog h2{padding:21px 27px 0;color:#e2d6b5;font-size:23px}.dialog-video{width:100%;display:block;max-height:72svh}.dialog-scene{max-height:68svh;width:100%;object-fit:contain;background:#122c30}.media-caption{padding:16px 26px;font-size:11px;color:#a5b9af;margin:0;line-height:1.8}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,15px);background:#142f32ed;color:#eee5cd;font-size:12px;line-height:1.7;padding:12px 22px;border:1px solid #bfb0855c;z-index:80;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100% - 40px)}.toast.visible{opacity:1;transform:translate(-50%,0)}body.dialog-open{overflow:hidden}
@media(min-width:1800px){.hero-content{left:11%}.section-heading h2{font-size:55px}.characters,.world,.news{padding-left:max(8%,calc((100vw - 1450px)/2));padding-right:max(8%,calc((100vw - 1450px)/2))}.character-stage{grid-template-columns:100px 420px 1fr;height:680px}.character-visual{height:675px}.character-visual img{max-height:670px}.world-image-wrap{height:540px}}
@media(max-width:1200px){.site-header{gap:20px;padding:0 3%;height:85px}.primary-nav{gap:23px}.header-actions{gap:15px}.support-link span{display:none}.brand-name{font-size:33px}.brand small{font-size:8px;letter-spacing:3.8px}.header-enter{padding:10px 15px}.hero-content{left:8%}.hero h1{font-size:90px}.character-stage{grid-template-columns:70px 270px 1fr;gap:23px}.character-visual img{max-height:520px}.character-halo{width:320px;height:320px;top:120px}.character-description h3{font-size:48px}.characters,.world,.news{padding-left:7%;padding-right:7%}.world-browser{grid-template-columns:1fr 210px}.world-tabs button{padding:25px 17px;gap:12px}.world-tabs b{font-size:21px}.world-tabs svg{display:none}.section-nav{right:16px}.news-layout{gap:5%}.hero-vertical{display:none}}
@media(max-width:900px){.site-header{height:78px}.primary-nav{gap:21px}.primary-nav>a{font-size:12px;letter-spacing:1px}.primary-nav>a small{font-size:7px}.header-enter{font-size:12px;gap:10px}.support-link{display:none}.brand-name{font-size:31px}.brand small{letter-spacing:3px}.hero{min-height:700px;max-height:1000px}.hero-content{left:7%;top:51%}.hero h1{font-size:85px}.hero-content>.eyebrow{font-size:10px;letter-spacing:3px}.hero-description{font-size:12px}.hero-shade{background:linear-gradient(90deg,#071a30ba,#10243510),linear-gradient(0deg,#071b27,transparent 58%)}.hero-poster,.hero-video{object-position:65% center}.hero-actions{gap:24px}.gold-button{padding:15px 20px;min-width:200px;gap:30px}.gold-button>span{font-size:19px}.realm-ribbon{padding:22px 6%;gap:19px}.realm-ribbon small{display:none}.characters{padding-top:64px}.section-heading h2{font-size:39px}.character-stage{grid-template-columns:65px 240px 1fr;height:520px;gap:16px;margin-top:10px}.character-visual{height:520px;width:120%;margin-left:-13%}.character-visual img{max-height:440px}.character-description h3{font-size:43px}.character-description>p:not(.role-kicker){font-size:11px;max-width:219px}.character-halo{width:270px;height:270px;top:125px}.character-watermark{font-size:290px;top:70px}.character-tabs button>span{height:50px;width:50px}.character-tabs button{width:58px}.world{padding-top:64px}.world-browser{grid-template-columns:1fr 185px}.world-image-wrap{height:390px}.world-tabs b{font-size:20px}.world-tabs button{padding:20px 15px;gap:10px}.world-tabs small{font-size:8px;letter-spacing:1px}.scene-copy{left:27px;bottom:29px}.feature-notes article{padding-left:7%;gap:14px}.feature-notes h3{font-size:13px}.feature-notes p{font-size:9px;letter-spacing:0}.feature-notes article>span{font-size:30px}.news{padding-top:64px;padding-bottom:64px}.news-feature{height:330px}.news-feature>div{inset:auto 22px 20px}.news-feature p{max-width:190px;line-height:1.7}.news-row{padding:18px 0;gap:12px}.news-row .news-row-title{font-size:11px}.news-tabs{gap:27px}.news-tabs button{font-size:13px}.invitation h2{font-size:48px}.site-footer{padding:35px 7%}.footer-brand{font-size:32px}.section-nav{display:none}}
@media(max-width:680px){html{scroll-padding-top:20px}.site-header{height:76px;padding:0 23px;gap:12px}.brand-name{font-size:31px}.brand small{font-size:6px;letter-spacing:3.2px;margin-top:3px}.brand-seal{font-size:8px;width:19px}.brand{column-gap:4px;grid-template-columns:auto 21px}.header-enter{padding:9px 11px;font-size:11px;gap:7px}.header-enter svg{width:14px}.header-actions{gap:13px}.menu-toggle{display:block;padding:2px}.menu-toggle svg{width:21px}.primary-nav{display:none;position:absolute;top:75px;right:15px;left:15px;padding:15px 24px;flex-direction:column;gap:0;background:#112d33f5;border:1px solid #a6b9a141;backdrop-filter:blur(16px)}.primary-nav.open{display:flex}.primary-nav>a{padding:15px 0;display:flex;align-items:center;justify-content:space-between;width:100%;font-size:14px}.primary-nav>a small{margin:0;font-size:8px}.primary-nav>a:after{display:none}.hero{min-height:760px;height:100svh;max-height:950px}.hero-poster,.hero-video{object-position:74% center}.hero-shade{background:linear-gradient(0deg,#0c2536 0%,#102f47e0 18%,#102f4799 36%,#12223415 75%,#091c2977 100%),linear-gradient(90deg,#1025354d,transparent 50%)}.hero-content{left:7%;top:auto;bottom:92px;transform:none}.hero-content>.eyebrow{font-size:9px;letter-spacing:3px;margin-bottom:17px;gap:12px}.hero-content>.eyebrow span{width:19px}.hero h1{font-size:74px;line-height:1.12;letter-spacing:1px;margin:0 0 19px}.hero h1 span{margin-left:29px}.hero-description{font-size:11px;letter-spacing:2px;line-height:1.9;margin-bottom:28px;color:#dee6d3ca}.hero-actions{gap:23px}.gold-button{padding:13px 16px;gap:20px;min-width:177px;outline-offset:4px}.gold-button>span{font-size:18px;letter-spacing:2px}.gold-button small{font-size:7px;letter-spacing:1px;margin-top:6px}.gold-button svg{width:23px}.film-button{font-size:11px;gap:8px;letter-spacing:1px;padding:0}.film-button small{font-size:6px;letter-spacing:.6px}.play-circle{width:39px;height:39px}.play-circle svg{width:15px}.hero-tags{gap:11px;font-size:8px;letter-spacing:.4px;margin-top:26px}.hero-bottom{bottom:22px;left:7%;right:7%}.hero-edition{font-size:8px;letter-spacing:.5px;max-width:125px;line-height:1.8}.hero-edition b{display:block}.hero-bottom>button{font-size:9px}.scroll-cue{font-size:8px;gap:7px}.scroll-cue i{height:21px}.realm-ribbon{padding:20px 7%;gap:17px}.ribbon-mark{font-size:26px;width:42px;height:42px;flex-shrink:0}.realm-ribbon p{font-size:21px;letter-spacing:2px;white-space:nowrap}.ribbon-line{display:none}.realm-ribbon>a{margin-left:auto;width:31px;height:31px;flex-shrink:0}.realm-ribbon>a svg{width:17px}.characters,.world,.news{padding-left:7%;padding-right:7%}.characters{padding-top:51px}.section-heading .eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:17px;gap:12px}.eyebrow span{width:27px}.section-heading h2{font-size:34px;line-height:1.5;letter-spacing:1px;margin-bottom:12px}.section-heading h2>span{margin-left:12px}.section-heading>p:last-child{font-size:10px;letter-spacing:.5px;max-width:300px}.character-stage{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:20px}.character-tabs{grid-column:1/-1;flex-direction:row;gap:33px;margin:23px 0 18px;align-items:center;justify-content:center}.character-tabs button{width:48px}.character-tabs button>span{height:44px;width:44px;font-size:27px}.character-tabs small{font-size:6px;letter-spacing:1px}.character-description{grid-column:1/2;grid-row:2;margin-top:16px;padding-bottom:12px;align-self:center;z-index:3}.character-description h3{font-size:34px;letter-spacing:1px;margin-bottom:17px}.role-kicker{font-size:10px;letter-spacing:2px;margin-bottom:14px}.character-description>p:not(.role-kicker){font-size:10px;line-height:2;max-width:150px;letter-spacing:.3px}.role-tags{gap:5px;margin-top:15px;flex-wrap:wrap}.role-tags span{font-size:8px;padding:4px 7px;letter-spacing:1px}.gender-select{margin:22px 0 20px}.gender-select button{font-size:10px;padding:8px 10px}.character-description .text-link{font-size:9px;gap:11px;letter-spacing:1px}.character-visual{grid-column:2/3;grid-row:2;height:382px;width:151%;margin-left:-35%;align-self:start;margin-top:30px;pointer-events:none}.character-visual img{max-height:335px;width:100%}.character-halo{height:208px;width:208px;top:74px;left:20px}.character-pedestal{bottom:50px;left:10%}.character-watermark{font-size:230px;right:-33px;top:125px}.character-mountain{inset:30px -45% 0 0;opacity:.18}.art-caption{font-size:7px;bottom:10px;right:4px;letter-spacing:2px}.characters-footnote{padding:20px 0;margin-top:15px;gap:20px;font-size:8px;letter-spacing:1px;line-height:1.8}.characters-footnote span:last-child{text-align:right}.world{padding-top:50px;padding-bottom:25px}.world .section-heading h2>span{margin-left:12px}.world-browser{grid-template-columns:1fr;margin-top:29px}.world-image-wrap{height:360px}.scene-counter{top:19px;left:20px;font-size:9px}.scene-counter b{font-size:22px}.world-image-wrap>button{width:32px;height:32px;top:17px;right:17px}.world-image-wrap>button svg{width:17px}.scene-copy{left:20px;bottom:23px;right:18px}.scene-copy h3{font-size:31px;letter-spacing:3px;margin-bottom:9px}.scene-copy>p:first-child{font-size:8px;letter-spacing:2px}.scene-copy>p:last-child{font-size:10px;line-height:1.8;letter-spacing:.5px}.world-tabs{flex-direction:row}.world-tabs button{padding:18px 10px;display:block;text-align:center;border-right:1px solid #d0d4b116;border-bottom:0;flex:1}.world-tabs button>span{font-size:8px;display:block;margin-bottom:7px}.world-tabs b{font-size:18px;letter-spacing:1px}.world-tabs small{font-size:7px;letter-spacing:1px;margin-top:6px}.world-tabs button.selected:before{bottom:0;right:0;top:auto;height:2px;width:auto}.feature-notes{gap:16px;margin-top:28px;padding-bottom:25px}.feature-notes article{padding:0;gap:9px;align-items:start;border:0;flex-direction:column}.feature-notes article>span{font-size:26px}.feature-notes h3{font-size:11px;letter-spacing:1px;margin-bottom:8px}.feature-notes p{font-size:9px;line-height:1.8}.news{padding-top:50px;padding-bottom:53px}.news-heading{margin-bottom:24px;align-items:flex-end}.news-heading>p{font-size:9px;letter-spacing:0!important;text-align:right;padding-bottom:7px}.news-layout{grid-template-columns:1fr;gap:25px}.news-feature{height:260px}.news-feature>img{object-position:center 44%}.news-feature>div{inset:auto 23px 21px}.news-feature h3{font-size:30px;margin-top:12px}.news-feature p{max-width:none;font-size:9px}.news-feature>div>span:first-child{font-size:8px}.news-tabs{gap:31px}.news-tabs button{font-size:12px}.news-row{padding:19px 0}.news-row .news-row-title{font-size:11px}.news-note{font-size:8px;margin-top:18px}.invitation{padding:53px 25px 57px}.invitation h2{font-size:37px;letter-spacing:3px}.invitation h2 span{margin-left:13px}.invitation .eyebrow{font-size:7px;letter-spacing:3px;margin-bottom:22px}.invitation>p:not(.eyebrow){font-size:9px;letter-spacing:1px;line-height:1.9;max-width:260px;margin:0 auto 30px}.invitation .gold-button{min-width:230px;padding:14px 23px}.invitation .gold-button>span{font-size:17px}.site-footer{padding:35px 7%;display:block}.footer-brand{display:block;font-size:33px;margin-bottom:26px}.footer-brand small{font-size:8px;letter-spacing:3px}.site-footer>div{text-align:left;font-size:8px}.site-footer p:first-child{justify-content:flex-start;font-size:10px;margin-bottom:15px;gap:17px}.site-footer button{font-size:10px}.site-footer small{font-size:8px}#dialog-body{padding:42px 25px 28px}.content-dialog h2{font-size:28px}.article-body{font-size:12px}.dialog-actions{gap:10px;flex-wrap:wrap}.support-number{font-size:28px}.media-dialog h2{font-size:21px;padding-left:20px}.dialog-close{right:12px;top:12px}.media-caption{font-size:10px;padding:15px 20px}}
@media(max-width:370px){.site-header{padding:0 17px}.header-enter{padding:8px 9px}.brand-name{font-size:27px}.brand small{font-size:5px}.hero-content{left:6%;right:5%}.hero h1{font-size:67px}.hero-actions{gap:17px}.gold-button{min-width:166px}.hero-tags{gap:8px}.section-heading h2{font-size:30px}.character-description h3{font-size:31px}.character-visual{width:159%}.invitation h2{font-size:33px}.realm-ribbon p{font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-video{display:none}}
@media(max-width:680px){.characters .section-heading h2,.world .section-heading h2{font-size:36px;letter-spacing:3px;line-height:1.4}.characters .section-heading h2>span,.world .section-heading h2>span{display:block;margin-left:0}.character-visual{width:135%;margin-left:-14%}.character-visual img{max-height:320px}.character-halo{width:188px;height:188px;left:12px}.character-description{max-width:151px}.news-heading .section-heading h2{font-size:34px}}


/* hero banner redesign: keep the CG artwork clear */
.hero-content{left:7%;top:12%;transform:none;width:min(360px,32vw);padding:15px 18px 16px;border-left:1px solid #ddc58f9c;background:linear-gradient(90deg,#071b2db8 0%,#0b253c66 72%,transparent 100%);backdrop-filter:blur(2px)}
.hero-content>.eyebrow{font-size:8px;letter-spacing:2.5px;margin:0 0 8px;gap:9px;white-space:nowrap}
.hero-content>.eyebrow span{width:14px}
.hero h1{font-size:clamp(28px,2.4vw,40px);line-height:1.1;letter-spacing:1px;margin:0 0 9px;text-shadow:0 3px 18px #071929aa;white-space:nowrap}
.hero h1 span{display:inline;margin-left:7px;font-size:.72em;letter-spacing:1px;color:#efe4c9}
.hero-description{font-size:10px;line-height:1.7;letter-spacing:.6px;color:#e0e2d4bf;margin:0 0 11px;white-space:nowrap}
.hero-actions{gap:13px}
.gold-button{padding:9px 11px;min-width:136px;gap:13px;outline-offset:3px}
.gold-button>span{font-size:13px;letter-spacing:1px}
.gold-button small{font-size:6px;letter-spacing:.8px;margin-top:3px}
.gold-button svg{width:17px}
.film-button{font-size:9px;letter-spacing:.8px;gap:6px}
.film-button small{font-size:6px;letter-spacing:.6px;margin-top:3px}
.play-circle{width:31px;height:31px}
.play-circle svg{width:12px}
.hero-tags{gap:7px;font-size:7px;letter-spacing:.3px;margin-top:11px}
@media(max-width:1200px){.hero-content{left:7%;width:min(340px,36vw)}.hero h1{font-size:clamp(28px,3.2vw,36px)}}
@media(max-width:900px){.hero-content{left:7%;top:13%;width:min(345px,46vw);padding:14px 16px 15px}.hero h1{font-size:34px}.hero-description{font-size:9px}.gold-button{min-width:128px}.hero-actions{gap:11px}}
@media(max-width:680px){.hero-content{left:7%;top:12%;right:auto;bottom:auto;width:calc(100% - 14%);padding:12px 14px 13px}.hero h1{white-space:normal}.hero-content>.eyebrow{font-size:7px;letter-spacing:1.5px;margin-bottom:7px}.hero h1{font-size:31px;letter-spacing:.5px;margin-bottom:7px}.hero h1 span{letter-spacing:.5px}.hero-description{font-size:9px;letter-spacing:.3px;margin-bottom:9px;white-space:normal}.hero-actions{gap:9px}.gold-button{padding:8px 9px;min-width:132px;gap:10px}.gold-button>span{font-size:12px}.film-button{font-size:8px}.play-circle{width:29px;height:29px}.hero-tags{margin-top:9px;font-size:6px}}
@media(max-width:370px){.hero-content{left:6%;width:calc(100% - 12%)}.hero h1{font-size:28px}.gold-button{min-width:124px}.film-button{display:none}}


/* hero banner redesign v2: let the CG artwork lead */
.hero-content{left:7%;top:auto;bottom:14%;transform:none;width:auto;max-width:430px;padding:0;background:none;border:0;backdrop-filter:none}
.hero-content:before{content:"";position:absolute;left:-16px;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,var(--gold),transparent);opacity:.78}
.hero-content>.eyebrow{font-size:9px;letter-spacing:3px;margin:0 0 10px;gap:10px;color:#e0c48b}
.hero-content>.eyebrow span{width:18px}
.hero h1{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero-description{font:400 26px/1.25 var(--serif);letter-spacing:5px;color:#f1e1bd;margin:0 0 20px;text-shadow:0 3px 18px #071929cc}
.hero-actions{gap:14px}
.gold-button{min-width:166px;padding:12px 16px;gap:23px;background:linear-gradient(110deg,#ecd7aaeF,#c7a569eF);box-shadow:0 8px 25px #06152366;outline:1px solid #e6c88b77;outline-offset:4px}
.gold-button>span{font-size:15px;letter-spacing:2px}
.gold-button small{font-size:7px;letter-spacing:1.2px;margin-top:4px}
.gold-button svg{width:19px}
.film-button{padding:8px 13px;gap:9px;border:1px solid #d9c99c66;background:#071a2c88;color:#eee5cf;font-size:10px;letter-spacing:1.5px;box-shadow:0 8px 22px #06152344}
.film-button small{font-size:6px;letter-spacing:.9px;margin-top:4px}
.play-circle{width:35px;height:35px}
.play-circle svg{width:13px}
.hero-tags{display:none}
@media(max-width:900px){.hero-content{left:7%;bottom:15%;max-width:390px}.hero-description{font-size:22px;letter-spacing:4px}.gold-button{min-width:155px;padding:11px 14px}.film-button{padding:7px 11px}}
@media(max-width:680px){.hero-content{left:8%;bottom:16%;max-width:calc(100% - 16%)}.hero-content:before{left:-11px}.hero-content>.eyebrow{font-size:7px;letter-spacing:2px;margin-bottom:8px}.hero-description{font-size:19px;letter-spacing:2px;margin-bottom:15px}.hero-actions{gap:9px}.gold-button{min-width:145px;padding:10px 11px;gap:12px}.gold-button>span{font-size:13px}.gold-button small{font-size:6px}.film-button{padding:6px 8px;font-size:8px;letter-spacing:.8px}.play-circle{width:31px;height:31px}}
@media(max-width:370px){.hero-content{left:8%;bottom:17%}.hero-description{font-size:17px}.film-button{display:none}}

/* Weapon coordinates follow the frozen CG frame, including cover cropping. */
.hero-weapon-glow{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:0;mix-blend-mode:screen}
.hero.cg-finished .hero-weapon-glow{opacity:1}
.hero-bottom{z-index:2}
@media(prefers-reduced-motion:reduce){.hero-weapon-glow{display:none}.hero.cg-finished .hero-video.frozen{display:block}}