@charset "UTF-8";
:root{--ink:#192e36;--deep:#14252d;--world:#253d42;--panel:#30484b;--gold:#d6b77e;--light:#f1dfb9;--muted:#b9c6bf;--red:#9e4336;--paper:#e3e2d5;--line:#b89e6b55;--brush:"KaiTi","STKaiti","Kaiti SC","STSong",serif;--sans:"Microsoft YaHei","PingFang SC",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;color:var(--light);background:var(--world);font:14px/1.8 var(--sans);-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%}figure,h1,h2,h3,p{margin:0}button{color:inherit}[hidden]{display:none!important}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.wrap{width:min(1240px,calc(100% - 64px));margin-inline:auto}.eyebrow{display:block;font:10px/1.8 var(--sans);letter-spacing:.18em;color:var(--gold)}.skip-link{position:fixed;top:8px;left:15px;z-index:200;background:var(--paper);color:var(--ink);padding:8px 20px;transform:translateY(-180%)}.skip-link:focus{transform:none}
.masthead{height:88px;border-top:2px solid #cba66d;border-bottom:1px solid var(--line);background:#14252df7;position:relative;z-index:40}.header-inner{width:min(1400px,calc(100% - 64px));height:100%;margin:auto;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:12px;flex:none}.brand-seal{width:41px;height:46px;background:var(--red);border:1px solid #c5a06a;color:#f3ddb0;font:31px/1 var(--brush);display:grid;place-items:center;transform:rotate(-5deg);box-shadow:inset 0 0 0 3px var(--red),inset 0 0 0 4px #cba87780}.brand-copy strong{display:block;font:700 33px/1.05 var(--brush);color:#f1ddb4;letter-spacing:.02em}.brand-copy small{display:block;font-size:7px;color:#a5aba3;letter-spacing:.19em;margin-top:8px}.main-nav{display:flex;align-self:stretch;align-items:stretch;gap:0;margin-left:auto}.main-nav a{display:flex;align-items:center;justify-content:center;padding:0 19px;white-space:nowrap;color:#d9d8ca;font-size:13px;position:relative;border-inline:1px solid transparent}.main-nav a:hover,.main-nav a[aria-current=page]{color:#e4c993;background:#cbb07706;border-inline-color:#cbb07711}.main-nav a[aria-current=page]:after{content:"";position:absolute;bottom:0;width:28px;height:2px;background:var(--gold)}.header-download{display:flex;align-items:center;gap:20px;padding:11px 20px;border:1px solid #c69e67;background:#943d33;color:#f6deb0;font-size:12px;white-space:nowrap}.header-download:hover{background:#ad493b}.main-nav a:last-child{display:none}.menu-toggle{display:none;width:42px;height:42px;padding:10px;border:0;background:none}.menu-toggle span{display:block;height:1px;background:#ead7ae;margin:7px 0}
.hero{height:710px;position:relative;overflow:hidden;isolation:isolate;background:#294449}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-4}.hero-shade{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,#0e283c44,transparent 66%),linear-gradient(0deg,#233c4259,transparent 30%)}.hero-frame{position:absolute;inset:16px 18px 34px;border:1px solid #d6b77e24;pointer-events:none}.hero-inner{width:min(1240px,calc(100% - 64px));height:100%;margin:auto;position:relative}.hero-copy{padding-top:84px;max-width:605px;position:relative;z-index:5}.hero-overline{display:flex;align-items:center;gap:15px;letter-spacing:.23em;font-size:11px;color:#dfd4b2;margin:0 0 20px 4px}.hero-overline span{width:32px;height:1px;background:#d8c48d}.hero h1{font:700 clamp(96px,9.4vw,142px)/1.25 var(--brush);letter-spacing:-.08em;white-space:nowrap;transform:rotate(-4deg);transform-origin:left center;margin-left:-9px;color:#f8e6bd;text-shadow:0 3px 1px #4b3b2d,1px 9px 20px #19262d77}.hero h1 small{display:inline-block;font:14px/1.3 var(--sans);writing-mode:vertical-rl;letter-spacing:.08em;padding:10px 7px;background:#9e4336;border:1px solid #dbb378;color:#fbe1ad;margin-left:20px;vertical-align:middle;transform:rotate(4deg);text-shadow:none}.hero-slogan{font:700 31px/1.8 var(--brush);letter-spacing:.11em;margin:10px 0 13px;color:#f5dfb2}.hero-slogan i{font-style:normal;color:#c57658;margin:0 9px}.hero-description{font-size:12px;line-height:2.05;color:#d5d9c9;letter-spacing:.03em}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid #cca76e;padding:14px 24px;min-height:52px;transition:background .2s,transform .2s;font-size:13px}.button:hover{transform:translateY(-2px)}.button-red{background:var(--red);color:#fbe4b3}.button-red:hover{background:#b2503e}.button-gold{background:#ddbf86;color:#342f23;border-color:#dfc58f}.button-gold:hover{background:#efd3a0}.hero-actions .button{font:700 24px/1.2 var(--brush);min-height:78px;padding:16px 24px;gap:20px;box-shadow:inset 0 0 0 4px #9e4336,inset 0 0 0 5px #d9b67d70}.button small{display:block;font:9px/1.7 var(--sans);letter-spacing:.13em;color:#f0c7a5;margin-top:6px}.button b{font:20px/1 var(--sans);font-weight:400}.download-icon{font:36px/.9 var(--brush);padding-bottom:4px;border-bottom:1px solid #e8cea0}.hero-version{display:grid;grid-template-columns:1fr 20px;gap:4px 14px;font:20px/1.4 var(--brush);padding:10px 1px;border-bottom:1px solid #c5b07b88;color:#e6d5ad}.hero-version small{font:9px/1.7 var(--sans);color:#c0ccbf}.hero-version>span{grid-row:1 / 3;grid-column:2;align-self:center}.hero-tags{display:flex;gap:24px;margin-top:26px;font-size:10px;letter-spacing:.13em;color:#d1d5c5}.hero-tags>span:before{content:"◆";font-size:5px;vertical-align:middle;color:#c9ae76;margin-right:8px}.hero-side{position:absolute;right:32px;top:42px;writing-mode:vertical-rl;font:13px/1 var(--brush);letter-spacing:.3em;color:#e6d7b882}.hero-scroll{position:absolute;bottom:61px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.18em;color:#eadbb7;z-index:5}.hero-scroll span{font-size:22px;vertical-align:middle;margin-left:20px}.hero-fade{position:absolute;inset:auto 0 -1px;height:155px;background:linear-gradient(0deg,var(--world) 0%,#253d42c9 28%,transparent 100%);pointer-events:none;z-index:3}
.portal-hub{display:grid;grid-template-columns:240px 28% minmax(0,1fr);gap:18px;position:relative;z-index:6;margin-top:-22px;align-items:stretch;scroll-margin-top:25px}.launch-panel{background:#8c3e34;border-top:3px solid #d2b37c;padding:26px 23px 23px;position:relative;overflow:hidden}.launch-panel>*{position:relative;z-index:1}.launch-panel .eyebrow{font-size:9px;letter-spacing:.14em;color:#e4bd8e}.launch-panel h2{font:500 33px/1.45 var(--brush);letter-spacing:.05em;color:#f0d9ad;margin-top:9px}.launch-watermark{position:absolute!important;font:200px/1 var(--brush);right:-34px;top:25px;color:#d8996f1a;z-index:0!important;transform:rotate(-7deg)}.launch-version{display:flex;gap:12px;align-items:end;border-bottom:1px solid #ddb57a55;padding:17px 0 17px;margin-bottom:22px}.launch-version strong{font:28px/1 Georgia,serif;color:#edd2a4}.launch-version span{font-size:10px;color:#e9c4a7}.launch-panel .button{width:100%;font-size:12px;padding:12px 15px;min-height:48px}.launch-panel>small{display:block;font-size:9px;color:#ebc8aa;margin-top:10px}.launch-sub{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #d2a37655;padding-top:16px;margin-top:24px;font-size:10px;color:#edcba9}.story-card{position:relative;isolation:isolate;overflow:hidden;border-top:3px solid #bba475;background:#203d42;min-height:370px}.story-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:36% center;z-index:-3;transition:transform .6s}.story-card:hover>img{transform:scale(1.03)}.story-card:after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#172c36c9,#172c3670 70%),linear-gradient(0deg,#152d38d9,transparent 50%)}.story-card>div{padding:24px 25px;min-height:100%;display:flex;flex-direction:column;align-items:flex-start}.story-card .eyebrow{font-size:8px;color:#d8c797}.story-card h2{font:500 41px/1.4 var(--brush);letter-spacing:.03em;margin:14px 0;color:#f0ddb5}.story-card p{font-size:11px;color:#c8d5ca;line-height:1.95}.story-link{margin-top:auto;padding-top:40px;width:100%;display:flex;justify-content:space-between;color:#ebd3a1;font-size:11px}.story-link b{font-size:18px;font-weight:400}.news-board{background:var(--paper);border-top:3px solid #c6b487;padding:25px 25px 15px;color:#334740}.board-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.board-heading .eyebrow{font-size:8px;letter-spacing:.17em;color:#7a6948}.board-heading h2{font:600 31px/1.4 var(--brush);letter-spacing:.04em;color:#263e3e;margin-top:3px}.board-heading>a{font-size:22px;color:#897449;align-self:center}.news-tabs{display:flex;gap:28px;border-bottom:1px solid #a4b09d7a;margin-top:18px}.news-tabs button{padding:0 0 11px;border:0;border-bottom:2px solid transparent;background:none;color:#5b6a5e;font-size:11px}.news-tabs button[aria-selected=true]{border-color:#a14939;color:#943f33;font-weight:700}.news-results{min-height:246px}.news-item{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid #acb7a465}.news-item h3{font-size:12px;font-weight:400;line-height:1.7;flex:1;min-width:0}.news-item:hover h3{color:#963f34}.news-tag{flex:none;font-size:9px;color:#7a6948;border:1px solid #b7b29b;padding:0 4px}.news-item>span:last-child:not(.news-tag){font-size:9px;color:#6a7766;flex:none}.news-featured{padding:14px 0}.news-featured h3{font-size:15px;line-height:1.6;font-weight:600;color:#824336}.news-featured p{font-size:10px;color:#62715f;margin-top:4px}.news-featured>div{flex:1;min-width:0}.news-featured .news-tag{background:#9a4638;color:#f5dfbc;border-color:#9a4638}.archive-note{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#596a5d;line-height:1.8;padding-top:13px;gap:10px}
.waypoints{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding-top:19px;padding-bottom:65px}.waypoints>a{display:flex;align-items:center;gap:15px;min-width:0;background:#2c4548;border:1px solid #a7ad8745;padding:19px 16px;transition:background .2s,border-color .2s}.waypoints>a:hover{background:#365254;border-color:#c8ae77}.waypoint-number{font:36px/1 var(--brush);color:#bea879;border-right:1px solid #adad8060;padding-right:13px}.waypoints h2{font:22px/1.2 var(--brush);letter-spacing:.04em;color:#e5d0a8}.waypoints p{font-size:10px;color:#bdc6b6;margin-top:6px;white-space:nowrap}.waypoints b{font-size:17px;font-weight:400;margin-left:auto;color:#c7b281}
.section{padding:78px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}.section-heading h2{font:500 43px/1.4 var(--brush);letter-spacing:.04em;margin:9px 0 6px;color:#ead6b0}.section-heading p{font-size:12px;color:#b7c7bb;line-height:1.95}.text-link{display:inline-flex;gap:20px;font-size:12px;align-items:center;color:#dec393;white-space:nowrap}.text-link span{font-size:19px}.section-aside{font:14px var(--brush);letter-spacing:.16em;color:#c6b181}.heroes-section{background:#2d4547;border-block:1px solid #96a18550;position:relative;isolation:isolate;overflow:hidden}.heroes-section:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(95deg,#263e42ef,#304a4ce8),url('hero-landscape.webp') center/cover}.heroes-layout{display:grid;grid-template-columns:36% minmax(0,1fr);gap:45px;align-items:start}.job-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 30px}.job-tab{display:flex;align-items:center;justify-content:center;gap:9px;padding:12px 8px;border:1px solid #a0ac825e;background:#3b5451;color:#d4cdae;font:19px/1.2 var(--brush);position:relative}.job-tab img{object-fit:contain;width:29px;height:29px}.job-tab[aria-selected=true]{border-color:#cfab71;background:#924235;color:#f8deb0;box-shadow:inset 0 0 0 3px #924235,inset 0 0 0 4px #c7a56b44}.job-tab:hover{border-color:#d7bd85}.job-panel .eyebrow{font-size:9px}.job-panel h3{font:500 38px/1.65 var(--brush);margin:14px 0 14px;color:#e6d5ae;letter-spacing:.02em}.job-panel p{color:#bdcabb;font-size:12px;line-height:2;max-width:350px;margin-bottom:21px}.heroes-portrait{position:relative;margin:0;padding:0;align-self:end}.heroes-portrait>img{width:100%;height:400px;object-fit:cover;object-position:52% 44%;border:1px solid #c2af8170;mask-image:linear-gradient(0deg,transparent,black 7%)}.heroes-portrait figcaption{display:flex;justify-content:space-between;font-size:9px;color:#c1c5b0;letter-spacing:.05em;gap:20px;margin-top:10px}.heroes-portrait figcaption>span:last-child{font-size:7px;color:#9eafa4}
.world-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.world-card button{padding:0;display:block;position:relative;border:1px solid #99aa8975;background:#223d42;width:100%;overflow:hidden}.world-card img{width:100%;height:315px;object-fit:cover;transition:transform .6s}.world-card button:hover img{transform:scale(1.025)}.world-card button>span{position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:31px;height:31px;background:#18333bdd;border:1px solid #c0a97480;color:#e9d3a1;font-size:18px}.world-card figcaption{display:flex;justify-content:space-between;align-items:center;padding:18px 0 15px;border-bottom:1px solid #a4aa8155;gap:15px}.world-card h3{font:28px/1.3 var(--brush);color:#e3d0a7}.world-card figcaption p{font-size:10px;color:#b3c3b3}.returning-section{background:#1b3138;border-block:1px solid #9ba38240}.returning-layout{display:grid;grid-template-columns:40% minmax(0,1fr);gap:80px}.returning-intro h2{font:500 46px/1.45 var(--brush);letter-spacing:.03em;margin:14px 0 17px;color:#ecd6aa}.returning-intro p{font-size:12px;line-height:2;color:#b9c5b5}.returning-intro .button{margin-top:25px;min-width:205px}.returning-content{padding-top:12px}.returning-content h3{font:30px/1.5 var(--brush);color:#e0d0ad;margin-bottom:18px}.returning-content>p{color:#b6c6bd;font-size:13px;line-height:2.1;margin-bottom:16px}.reading-links{margin-top:21px;border-top:1px solid #b3a17045}.reading-links a{display:flex;justify-content:space-between;align-items:center;padding:14px 0;font-size:12px;color:#d9c69f;border-bottom:1px solid #b3a17045}.last-call{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:55px;margin-bottom:55px;padding:32px 40px;background:linear-gradient(90deg,#253e46ed,#203b42ad),url('hero-landscape.webp') center 57%/cover;border-block:1px solid #bfa470a8}.last-call h2{font:37px/1.5 var(--brush);letter-spacing:.05em;color:#e5d3ad;margin:5px 0}.last-call p{font-size:11px;color:#bec9bb}.last-call .eyebrow{font-size:8px}.last-call .button{min-width:225px}
.site-footer{background:#142930;border-top:1px solid #b49c6b5e;padding:40px 0 25px}.footer-inner,.footer-bottom{width:min(1240px,calc(100% - 64px));margin:auto;display:flex;justify-content:space-between;gap:35px}.footer-brand>a{font:32px/1.2 var(--brush);color:#dfcba3;letter-spacing:.07em}.footer-brand p{font-size:10px;line-height:1.8;color:#a5b9ad;margin-top:12px}.footer-nav{display:flex;gap:28px;align-items:center;flex-wrap:wrap;color:#c6ceb9;font-size:11px}.footer-bottom{border-top:1px solid #9bac8233;padding-top:20px;margin-top:30px;font-size:9px;color:#a5b8a9;gap:20px}.mobile-dock{display:none}.gallery-dialog{background:#142b33;padding:12px;color:#e8d8b9;max-width:min(1050px,93vw);border:1px solid #c7ac77;box-shadow:0 20px 80px #0005}.gallery-dialog::backdrop{background:#091a22d9}.gallery-dialog figure{margin:0}.gallery-dialog img{max-height:75vh;margin:auto;object-fit:contain}.gallery-dialog figcaption{text-align:center;font:18px/1.6 var(--brush);padding:12px 8px 4px}.gallery-close{position:absolute;top:20px;right:20px;border:1px solid #d8bd83;background:#153139e6;color:#f2ddb1;width:38px;height:38px;font-size:26px;line-height:1}
/* Interior pages keep the same characters, navigation and readable paper. */
.page-shell{width:min(1160px,calc(100% - 64px));margin:0 auto;padding:30px 0 65px;min-height:70vh}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:#b8c6b8;font-size:11px;margin-bottom:20px}.breadcrumb a{color:#dfc18b}.page-heading{position:relative;isolation:isolate;overflow:hidden;padding:37px 42px 40px;border:1px solid #bda26e80;background:#1a3038;margin-bottom:28px}.page-heading:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#192f38f2,#203740ad),url('portal-heroes.webp') center 49%/cover}.page-heading h1{font:500 43px/1.4 var(--brush);letter-spacing:.04em;color:#f0dfbb;margin:9px 0 12px}.page-heading>p{font-size:13px;color:#c7d0c1;line-height:1.95;max-width:760px}.paper{background:#e1e3d5;border:1px solid #aab79b;color:#394f44;padding:33px 38px;margin:0 0 24px}.prose{font-size:14px;line-height:2.05;overflow-wrap:anywhere}.prose h2,.paper>h2{font:600 29px/1.6 var(--brush);color:#29463f;margin:23px 0 14px}.prose h2:first-child,.paper>h2:first-child{margin-top:0}.prose h3,.paper>h3{font:600 23px/1.6 var(--brush);color:#304d43;margin:22px 0 11px}.prose p{margin:0 0 16px}.prose ul,.prose ol{padding-left:23px;margin:12px 0 24px}.prose li{margin-bottom:8px}.prose a,.paper .text-link{color:#884032;border-bottom:1px solid #a0774b70}.prose strong{color:#29463f}.prose blockquote{margin:20px 0;padding:13px 20px;border-left:3px solid #a4804b;background:#ccd7c1;color:#425a46}.prose hr{border:0;border-top:1px solid #a4b496;margin:30px 0}.status-note{background:#cfd9c4;border:1px solid #a9b497;border-left:3px solid #a17c45;padding:17px 21px;color:#425640;font-size:13px;line-height:1.9;margin:19px 0}.status-note strong{color:#843f32}.status-note p{margin:5px 0}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:24px}.info-card{background:#e1e3d5;border:1px solid #aab79b;padding:27px 30px;color:#43594b;min-width:0}.info-card h2,.info-card h3{font:600 27px/1.5 var(--brush);color:#2e4a42;margin:6px 0 12px}.info-card p{font-size:13px;line-height:1.95;margin-bottom:12px}.info-card .eyebrow{color:#826942}.info-card .text-link{color:#8e4535;font-size:12px}.info-card img{width:48px;height:48px;object-fit:contain;margin-bottom:14px}.article-meta{display:flex;flex-wrap:wrap;gap:12px;color:#697761;font-size:11px;padding-bottom:17px;margin-bottom:24px;border-bottom:1px solid #acb89c}.article-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:25px;padding-top:20px;border-top:1px solid #aab89a}.article-links a{font-size:12px;color:#854533}.news-index{margin-bottom:25px}.news-row{display:flex;gap:22px;padding:23px 0;border-bottom:1px solid #b5c0a6;align-items:center}.news-row:first-child{padding-top:4px}.news-row:last-child{border:0;padding-bottom:0}.news-row h2{font:600 24px/1.5 var(--brush);color:#304c42;margin:3px 0 6px}.news-row h3{font-size:17px;color:#304c42}.news-row p{color:#566950;font-size:12px;margin:4px 0 0;line-height:1.9}.news-row a{border:0}.news-row>a:last-child{margin-left:auto}.tag{display:inline-block;font-size:10px;padding:2px 7px;background:#ccd7bc;border:1px solid #a7b88e;color:#7c4534}.data-table{width:100%;border-collapse:collapse;line-height:1.9}.data-table th,.data-table td{padding:12px 15px;border:1px solid #aebd9d;text-align:left;vertical-align:top;font-size:13px}.data-table th{background:#cbd6bc;color:#304c3f}.data-table tr:nth-child(even) td{background:#d7dfcc}.table-scroll{overflow-x:auto;margin:20px 0}.faq-list details{border-bottom:1px solid #aaba9e;padding:15px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{cursor:pointer;list-style:none;font:600 22px/1.6 var(--brush);color:#304c42;position:relative;padding-right:35px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"＋";position:absolute;right:0;color:#8f693c;font:23px var(--sans)}.faq-list details[open] summary:after{content:"−"}.faq-list details>p,.faq-list details>div{font-size:13px;color:#485e4d;line-height:2;margin-top:12px}.archive-content{white-space:normal}.archive-content p{margin-bottom:18px}.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.download-status{display:block;color:#8a4333;font-size:12px;border-block:1px solid #b8bca1;padding:12px 0;margin:15px 0}.paper .button,.info-card .button{border-color:#b18b54;color:#f4dcb0}.paper .button-gold,.info-card .button-gold{color:#343e2b}.paper .button:hover,.info-card .button:hover{color:#f8e7c3}.prose [data-history-content]{white-space:normal}
@media(min-width:1700px){.hero{height:810px}.hero-copy{padding-top:125px}.hero h1{font-size:148px}.hero-slogan{font-size:34px}.hero-description{font-size:13px}}
@media(max-width:1250px){.header-inner{gap:18px}.main-nav a{padding-inline:13px;font-size:12px}.header-download{padding:11px 15px;gap:12px}.brand-copy strong{font-size:29px}.hero-copy{padding-top:85px;max-width:530px}.hero h1{font-size:116px}.hero-slogan{font-size:28px}.portal-hub{grid-template-columns:215px 26% minmax(0,1fr);gap:14px}.news-board{padding:23px 20px 15px}.news-tabs{gap:24px}.news-featured h3{font-size:14px}.story-card h2{font-size:36px}.story-card>div{padding-inline:21px}.launch-panel{padding-inline:20px}.waypoints>a{gap:12px;padding-inline:13px}.waypoints h2{font-size:21px}.waypoints p{font-size:9px}.heroes-layout{gap:30px}.job-panel h3{font-size:34px}.returning-layout{gap:55px}}
@media(max-width:1000px){.masthead{height:78px}.header-inner{width:calc(100% - 40px)}.main-nav{display:none;position:absolute;left:0;right:0;top:76px;align-self:auto;flex-direction:column;background:#142a32fa;border-bottom:1px solid #bea16b;padding:12px 25px 18px}.main-nav.is-open{display:flex}.main-nav a,.main-nav a:last-child{display:flex;justify-content:space-between;padding:12px 6px;border:0;border-bottom:1px solid #a7a47430;min-height:45px;font-size:13px}.main-nav a[aria-current=page]:after{display:none}.menu-toggle{display:block;margin-left:0}.header-download{margin-left:auto}.hero{height:665px}.hero h1{font-size:104px}.hero-slogan{font-size:25px}.hero-copy{padding-top:95px}.hero-art{object-position:59% center}.hero-shade{background:linear-gradient(90deg,#16313aaa,#16313a44 55%,transparent)}.hero-actions .button{font-size:21px;gap:16px;padding:15px 20px;min-height:72px}.hero-version{font-size:18px}.hero-overline{font-size:10px}.portal-hub{grid-template-columns:220px minmax(0,1fr);gap:17px}.story-card{display:none}.news-item h3{font-size:12px}.news-featured h3{font-size:15px}.waypoints{grid-template-columns:repeat(2,1fr);gap:13px;padding-bottom:45px}.waypoints h2{font-size:24px}.waypoints p{font-size:11px}.waypoints>a{padding:19px 22px}.heroes-layout{grid-template-columns:1fr;gap:27px}.heroes-copy{display:grid;grid-template-columns:45% minmax(0,1fr);gap:35px;align-items:start}.job-tabs{margin:0}.job-tab{padding-block:15px}.job-panel h3{font-size:33px;line-height:1.5;margin:10px 0}.job-panel p{font-size:11px;margin-bottom:9px}.heroes-portrait{width:100%}.heroes-portrait>img{height:445px;object-position:center 40%}.section{padding:58px 0}.section-heading h2{font-size:38px}.world-card img{height:260px}.world-card h3{font-size:25px}.world-card figcaption p{font-size:9px}.returning-layout{gap:40px;grid-template-columns:37% 1fr}.returning-intro h2{font-size:39px}.returning-content>p{font-size:12px}.returning-content h3{font-size:27px}.footer-nav{gap:20px}.footer-bottom{flex-wrap:wrap;gap:8px 20px}.page-heading h1{font-size:38px}.prose{font-size:13px}.paper{padding:29px 32px}}
@media(max-width:760px){html{scroll-padding-top:20px}body{padding-bottom:63px}.wrap{width:calc(100% - 32px)}.masthead{height:72px}.header-inner{width:calc(100% - 30px);gap:15px}.brand-copy strong{font-size:29px}.brand-copy small{font-size:6px;letter-spacing:.17em;margin-top:7px}.brand-seal{width:34px;height:39px;font-size:27px}.brand{gap:10px}.header-download{display:none}.menu-toggle{margin-left:auto}.main-nav{top:70px}.hero{height:708px;background:#24434a}.hero-art{inset:277px 0 auto;height:431px;object-position:82% center;mask-image:linear-gradient(180deg,transparent,#000 23%);opacity:1}.hero-shade{background:linear-gradient(180deg,#0e28314d,#213e4255 40%,transparent 70%)}.hero-frame{inset:12px 8px 20px}.hero-inner{width:calc(100% - 34px)}.hero-copy{text-align:center;padding-top:34px;max-width:none}.hero-overline{justify-content:center;font-size:9px;letter-spacing:.15em;gap:10px;margin:0 0 16px}.hero-overline span{width:22px}.hero h1{font-size:clamp(71px,19.2vw,111px);transform-origin:center;margin-left:-12px;letter-spacing:-.09em}.hero h1 small{font-size:9px;padding:7px 5px;margin-left:12px}.hero-slogan{font-size:25px;letter-spacing:.06em;margin:10px 0 12px;line-height:1.65}.hero-slogan i{margin-inline:2px}.hero-description{font-size:10px;line-height:1.95;color:#d5dccd}.hero-actions{display:grid;grid-template-columns:1.6fr 1fr;gap:11px;margin-top:23px}.hero-actions .button{font-size:21px;min-height:64px;padding:12px 14px;gap:10px;text-align:left}.hero-actions .button small{font-size:7px;letter-spacing:.08em;margin-top:5px}.hero-actions .download-icon{font-size:27px}.hero-actions .button b{font-size:17px}.hero-version{text-align:left;min-height:64px;padding:12px 10px;border:1px solid #c0a27277;background:#1c3540d9;font-size:18px;gap:5px 6px;align-content:center}.hero-version small{font-size:8px;white-space:nowrap}.hero-tags{display:none}.hero-side{display:none}.hero-fade{height:98px}.hero-scroll{bottom:32px;font-size:9px;letter-spacing:.12em}.hero-scroll span{font-size:19px;margin-left:14px}.portal-hub{grid-template-columns:1fr;margin-top:0;gap:16px}.launch-panel{padding:20px;display:grid;grid-template-columns:1fr 145px;gap:0 18px;align-items:center}.launch-panel .eyebrow{grid-column:1;font-size:8px}.launch-panel h2{font-size:25px;line-height:1.35;margin-top:4px}.launch-panel h2 br{display:none}.launch-panel .launch-version{border:0;margin:7px 0 0;padding:0;gap:10px}.launch-version strong{font-size:20px}.launch-version span{font-size:9px}.launch-panel .button{grid-column:2;grid-row:1 / 4;font-size:12px;padding:13px;min-height:55px}.launch-panel>small{grid-column:1 / 3;font-size:9px;margin-top:12px}.launch-sub{display:none}.launch-watermark{font-size:147px;top:-16px;right:120px}.news-board{padding:20px 20px 14px}.board-heading h2{font-size:30px}.board-heading .eyebrow{font-size:7px}.news-tabs{margin-top:14px;gap:28px}.news-tabs button{font-size:12px}.news-item{padding:13px 0;gap:8px}.news-item h3{font-size:12px}.news-featured h3{font-size:14px;line-height:1.6}.news-featured p{font-size:9px}.news-item .news-tag{font-size:8px;padding-inline:3px}.news-item>span:last-child:not(.news-tag){font-size:8px}.news-results{min-height:246px}.archive-note{font-size:9px}.waypoints{gap:10px;padding-top:16px;padding-bottom:36px}.waypoints>a{padding:18px 12px;gap:10px}.waypoint-number{font-size:30px;padding-right:10px}.waypoints h2{font-size:22px}.waypoints p{font-size:8px;line-height:1.8}.waypoints b{display:none}.section{padding:44px 0}.section-heading{margin-bottom:26px;gap:13px}.section-heading h2{font-size:31px;letter-spacing:.015em;line-height:1.45;margin:8px 0}.section-heading p{font-size:10px;line-height:1.9}.section-heading .eyebrow{font-size:8px;letter-spacing:.12em}.section-heading>.text-link,.section-aside{display:none}.heroes-copy{display:block}.job-tabs{gap:8px;margin-bottom:23px}.job-tab{padding:12px 9px;font-size:19px;gap:9px}.job-tab img{height:28px;width:28px}.job-panel h3{font-size:30px;line-height:1.6;margin:11px 0 13px}.job-panel p{font-size:11px;max-width:none;line-height:1.95;margin-bottom:16px}.job-panel .eyebrow{font-size:8px}.heroes-layout{gap:24px}.heroes-portrait>img{height:auto;object-fit:contain;mask-image:linear-gradient(0deg,transparent,black 7%)}.heroes-portrait figcaption{font-size:8px;letter-spacing:0;gap:10px;margin-top:6px}.heroes-portrait figcaption>span:last-child{font-size:6px}.world-grid{grid-template-columns:1fr;gap:26px}.world-card img{height:240px}.world-card figcaption{padding:14px 0}.world-card h3{font-size:26px}.world-card figcaption p{font-size:9px}.returning-layout{grid-template-columns:1fr;gap:35px}.returning-intro h2{font-size:39px;margin:10px 0 14px;line-height:1.45}.returning-intro p{font-size:11px}.returning-intro .button{margin-top:19px;min-width:205px}.returning-content{padding-top:0}.returning-content h3{font-size:28px;margin-bottom:16px}.returning-content>p{font-size:12px;line-height:2.1}.last-call{padding:27px 25px;display:block;margin-block:32px}.last-call h2{font-size:30px;letter-spacing:.02em;margin:6px 0}.last-call p{font-size:10px}.last-call .button{width:100%;margin-top:20px;font-size:12px}.site-footer{padding:29px 0 24px}.footer-inner,.footer-bottom{width:calc(100% - 36px)}.footer-inner{display:block}.footer-brand>a{font-size:30px}.footer-brand p{font-size:9px;margin-top:9px}.footer-nav{gap:10px 21px;font-size:11px;margin-top:25px}.footer-bottom{display:flex;flex-direction:column;font-size:8px;gap:7px;margin-top:23px;padding-top:17px}.mobile-dock{position:fixed;z-index:50;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1fr 1.5fr 1fr;min-height:61px;background:#142a32;border-top:1px solid #a39366;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -4px 20px #14242b33}.mobile-dock a{display:flex;align-items:center;justify-content:center;font-size:10px;color:#c8cdbb;min-height:59px}.mobile-dock a:nth-child(3){background:#984336;border-inline:1px solid #b49362;color:#f1d9ac;font:19px var(--brush)}.gallery-dialog{padding:7px}.gallery-dialog figcaption{font-size:15px}.gallery-close{top:14px;right:14px;width:32px;height:32px;font-size:23px}.page-shell{width:calc(100% - 32px);padding-top:22px;padding-bottom:35px}.breadcrumb{font-size:9px;gap:7px;margin-bottom:16px}.page-heading{padding:27px 23px 30px;margin-bottom:21px}.page-heading h1{font-size:32px;margin:9px 0 12px;letter-spacing:.02em;line-height:1.45}.page-heading .eyebrow{font-size:8px}.page-heading>p{font-size:11px;line-height:1.95}.page-heading:before{background:linear-gradient(90deg,#1b3138ed,#1b3138b0),url('portal-heroes.webp') 65% center/cover}.paper{padding:24px 21px;margin-bottom:20px}.prose{font-size:12px;line-height:2}.prose h2,.paper>h2{font-size:25px;line-height:1.6;margin-top:23px}.prose h3,.paper>h3{font-size:21px}.prose ul,.prose ol{padding-left:20px}.status-note{font-size:11px;padding:14px 16px;line-height:1.95}.info-grid,.download-grid{grid-template-columns:1fr;gap:16px;margin-bottom:20px}.info-card{padding:25px 23px}.info-card h2,.info-card h3{font-size:25px}.info-card p{font-size:12px}.article-meta{font-size:9px;gap:7px;padding-bottom:13px;margin-bottom:20px}.article-links{gap:12px;font-size:11px}.news-row{padding:20px 0;gap:12px}.news-row h2{font-size:21px}.news-row p{font-size:11px}.data-table th,.data-table td{padding:9px 10px;font-size:11px}.faq-list summary{font-size:20px}.faq-list details>p,.faq-list details>div{font-size:12px}.table-scroll{margin:18px -7px}.prose blockquote{margin-inline:0;padding:12px 15px}}
@media(max-width:360px){.hero h1{font-size:19vw}.hero-slogan{font-size:22px}.hero-actions{gap:9px;grid-template-columns:1.6fr 1fr}.hero-actions .button{font-size:18px;padding:12px 10px;gap:8px}.hero-version{font-size:16px;padding-inline:8px}.hero-version small{font-size:7px}.hero-actions .button small{font-size:6px}.hero-actions .button b{font-size:14px}.hero-copy{padding-top:35px}.hero-overline{font-size:8px}.launch-panel{grid-template-columns:1fr 130px;gap:0 12px;padding:19px 16px}.launch-panel h2{font-size:22px}.launch-panel .button{font-size:11px;padding-inline:11px}.waypoints>a{padding:16px 10px;gap:8px}.waypoints h2{font-size:20px}.waypoint-number{font-size:27px;padding-right:8px}.waypoints p{font-size:7px}.section-heading h2{font-size:29px}.news-tabs{gap:23px}.news-item h3{font-size:11px}.news-featured h3{font-size:13px}.job-tab{font-size:18px;gap:7px}.job-tab img{width:25px;height:25px}.brand-copy strong{font-size:27px}.page-heading h1{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.main-nav a[aria-current=location]{color:#e4c993;background:#cbb07706;border-inline-color:#cbb07711}.main-nav a[aria-current=location]:after{content:"";position:absolute;bottom:0;width:28px;height:2px;background:var(--gold)}
.hero-version strong{font-weight:400;white-space:nowrap}
.skip-link:not(:focus){clip-path:inset(50%);width:1px;height:1px;padding:0;overflow:hidden;white-space:nowrap}
.download-entry{display:inline-flex;align-items:center;gap:16px;background:#964235;border:1px solid #ac8954!important;color:#f2dbb0!important;padding:12px 23px;margin:9px 0 3px}.download-entry[aria-disabled=true]{background:#5d6959;border-color:#819077!important;color:#e1e4d2!important;cursor:default}.info-card>a{color:#8a4432;font-size:12px}.info-card[id]{scroll-margin-top:25px}.info-card[id] .profession-icon{width:49px;height:49px;object-fit:contain;background:#28443f;padding:7px;box-sizing:content-box;border:1px solid #bead73}
@media(max-width:1000px){.main-nav a[aria-current=location]:after{display:none}}
@media(max-width:760px){.hero-version{font-size:17px}.hero-version>span{width:14px;grid-column:2}.hero-version{grid-template-columns:minmax(0,1fr) 14px}.hero-version small{grid-column:1}}
@media(max-width:360px){.hero-version{font-size:15px}}

/* Announcements, specific game highlights and the entry invitation. */
.proof-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #bca16e65;background:#1b333b;position:relative;margin-top:-14px;margin-bottom:25px;z-index:2}.proof-strip>a{padding:25px 18px;text-align:center;border-right:1px solid #bca16e40}.proof-strip>a:last-child{border:0}.proof-strip strong{display:block;font:43px/1.2 var(--brush);color:#ecd4a0}.proof-strip strong small{font:13px var(--sans);margin-left:8px}.proof-strip span{display:block;font-size:11px;color:#c1caba;margin-top:10px}.portal-hub{margin-top:0}.news-tabs{gap:23px}.news-item>div{min-width:0}.news-item{min-height:48px}.news-item>span:last-child{margin-left:auto}.news-results{min-height:310px}.news-tag{white-space:nowrap}.play-section{border-top:1px solid #aa996b36}.play-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.play-card{position:relative;padding:32px 30px 28px;border:1px solid #a4916370;background:linear-gradient(140deg,#29464b,#1a333c);transition:border-color .2s,transform .2s}.play-card:hover{border-color:#d5b67e;transform:translateY(-3px)}.play-number{font-size:10px;letter-spacing:.12em;color:#d5b67e}.play-card h3{font:35px/1.5 var(--brush);color:#ecd8af;margin:17px 0}.play-card p{font-size:12px;line-height:2;color:#bac9bd;max-width:31em}.play-link{display:block;color:#ddc08a;font-size:11px;margin-top:23px}.schedule-section{padding:48px 0 42px;background:#e0dfce;color:#314c45;border-block:1px solid #baaa80}.schedule-heading{display:flex;gap:25px;align-items:baseline;flex-wrap:wrap}.schedule-heading h2{font:42px/1.4 var(--brush);margin:0}.schedule-heading .eyebrow{color:#8c633c;font-size:9px}.schedule-heading p{font-size:12px;color:#637264}.schedule-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:28px 0 23px}.schedule-grid>a{padding:0 23px;border-left:1px solid #a4ad92}.schedule-grid>a:first-child{padding-left:0;border:0}.schedule-grid time{font:34px/1.3 Georgia,serif;letter-spacing:.03em;color:#9a4936}.schedule-grid h3{font:27px/1.5 var(--brush);margin:9px 0}.schedule-grid p{font-size:11px;line-height:1.9;color:#65735d}.schedule-note{font-size:10px;line-height:1.95;color:#63705b;border-top:1px solid #b4baa0;padding-top:18px}.schedule-note a{margin-left:14px;color:#954a34}.announcement-body{line-height:2.1;font-size:14px}.announcement-body h2,.announcement-body h3,.announcement-body h4{font:600 16px/2 var(--sans);margin:14px 0;color:#294b40}.announcement-body h2 h2,.announcement-body h2 h3{font-size:15px}.announcement-body td{overflow-wrap:anywhere}.announcement-body img{max-width:100%;height:auto}.announcement-body .table-scroll{max-width:100%}.announcement-body p:empty{display:none}.evolution-diagram{margin:30px auto 10px;max-width:560px}.evolution-diagram img{width:100%;height:auto}.evolution-diagram figcaption{text-align:center;font-size:11px;color:#60715a;margin-top:8px}
.invite-open{overflow:hidden}.invite-dialog{width:840px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 36px);overflow:auto;padding:0;border:1px solid #c6a974;background:#1a333b;color:#f2dfb7;box-shadow:0 22px 90px #0008}.invite-dialog[open]{display:grid;grid-template-columns:40% 60%}.invite-dialog::backdrop{background:#091b25bb;backdrop-filter:blur(5px)}.invite-close{position:absolute;z-index:3;right:13px;top:12px;width:34px;height:34px;background:#142e36b0;border:1px solid #c1a47788;color:#ead4ad;font:24px/1 var(--sans);border-radius:50%;cursor:pointer}.invite-art{position:relative;isolation:isolate;overflow:hidden;min-height:510px}.invite-art img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% center;z-index:-2}.invite-art:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#18303b05 10%,#15323b30 50%,#142e39f0)}.invite-art>p{position:absolute;left:28px;bottom:30px;font:34px/1.55 var(--brush);text-shadow:0 2px 12px #0005;color:#f4e4c6}.invite-seal{display:block;position:absolute;left:22px;top:24px;padding:9px 8px;border:1px solid #f1d7aa;background:#9b4936d9;font:19px/1.35 var(--brush);color:#f8e2b8}.invite-copy{padding:42px 38px 22px}.invite-copy .eyebrow{font-size:8px;letter-spacing:.17em}.invite-copy h2{font:39px/1.45 var(--brush);margin:11px 0 8px;color:#f0d7a8}.invite-copy>p{font-size:12px;line-height:1.8;color:#c9d2c3}.invite-perks{display:flex;justify-content:space-between;gap:14px;margin:22px 0;padding:16px 0;border-block:1px solid #b69f6b45}.invite-perks>span{display:flex;flex-direction:column;font-size:10px;color:#c1cbb8}.invite-perks strong{font:29px/1.3 var(--brush);margin-bottom:4px;color:#edcf91}.invite-gift{padding:16px 19px;margin-bottom:22px;background:#ccb47b12;border:1px solid #bfa47160}.invite-gift>span{font-size:11px;color:#dbbd83}.invite-gift p{margin:8px 0;font-size:12px;color:#e9d3a4}.invite-gift strong{font:46px/1 Georgia,serif;color:#f0cc83;margin-right:6px}.invite-gift small{font-size:10px;line-height:1.8;color:#bec9b9;display:block}.invite-join{width:100%;justify-content:center;padding:15px 10px;gap:15px;font-size:14px}.invite-group{text-align:center;margin:11px 0 0!important;font-size:10px!important;color:#b5c6b5!important}.invite-group span{color:#dcca9c;letter-spacing:.05em}.invite-later{display:block;border:0;border-bottom:1px solid #a6b69a70;background:none;color:#bbc8b7;font-size:11px;padding:2px 0;margin:15px auto 0;cursor:pointer}.invite-close:focus-visible,.invite-later:focus-visible{outline:2px solid #f0ce89;outline-offset:4px}
@media(max-width:1000px){.play-grid{gap:15px}.play-card{padding:25px 22px}.play-card h3{font-size:30px}.schedule-heading{gap:14px}.schedule-heading p{width:100%;margin-top:0}.invite-dialog{width:760px}.invite-copy{padding:38px 28px 22px}.invite-copy h2{font-size:35px}}
@media(max-width:760px){.proof-strip{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0;margin-bottom:17px}.proof-strip>a{padding:18px 8px;border-bottom:1px solid #bca16e40}.proof-strip>a:nth-child(2){border-right:0}.proof-strip>a:nth-child(3){border-bottom:0}.proof-strip strong{font-size:34px}.proof-strip strong small{font-size:11px;margin-left:5px}.proof-strip span{font-size:9px;line-height:1.8;margin-top:7px}.play-grid{grid-template-columns:1fr;gap:13px}.play-card{padding:24px 25px}.play-card h3{font-size:30px;margin:11px 0}.play-card h3 br{display:none}.play-card p{max-width:none;font-size:11px}.play-link{margin-top:15px}.schedule-section{padding:32px 0 27px}.schedule-heading{display:block}.schedule-heading h2{font-size:33px;margin:8px 0 10px}.schedule-heading p{font-size:10px;line-height:1.9}.schedule-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 0;margin-block:25px}.schedule-grid>a{padding:0 12px}.schedule-grid>a:nth-child(3){border-left:0;padding-left:0}.schedule-grid time{font-size:30px}.schedule-grid h3{font-size:25px;margin:6px 0}.schedule-grid p{font-size:9px}.schedule-note{font-size:9px}.schedule-note a{display:inline-block;margin:6px 0 0}.news-tabs{gap:20px}.news-tabs button{font-size:11px}.news-tag{font-size:8px}.news-item h3{font-size:11px;line-height:1.7}.news-featured h3{font-size:13px}.news-results{min-height:340px}.announcement-body{font-size:12px}.announcement-body h2,.announcement-body h3,.announcement-body h4{font-size:14px}.invite-dialog{max-width:calc(100vw - 28px);width:420px;max-height:calc(100dvh - 28px)}.invite-dialog[open]{grid-template-columns:1fr}.invite-art{min-height:145px;height:145px}.invite-art img{object-position:70% 44%}.invite-art:after{background:linear-gradient(90deg,#132c38bd,#152f3840 60%,#152f3805)}.invite-seal{top:16px;left:18px;font-size:14px;padding:6px}.invite-art>p{bottom:20px;left:68px;font-size:25px;line-height:1.5}.invite-copy{padding:22px 23px 19px}.invite-copy h2{font-size:30px;margin:8px 0 5px}.invite-copy>p{font-size:11px}.invite-perks{margin:16px 0;padding:11px 0}.invite-perks strong{font-size:25px}.invite-perks>span{font-size:9px}.invite-gift{padding:12px 14px;margin-bottom:16px}.invite-gift strong{font-size:37px}.invite-gift p{margin:6px 0}.invite-gift>span,.invite-gift small{font-size:9px}.invite-join{font-size:12px;padding:13px 9px}.invite-later{margin-top:11px;font-size:10px}.invite-group{font-size:8px!important;line-height:1.8!important}}
@media(max-width:360px){.news-tabs{gap:16px}.invite-copy{padding-inline:18px}.invite-copy h2{font-size:28px}.invite-art{min-height:120px;height:120px}}
.invite-online{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:18px 0 0;padding:10px 12px;border:1px solid #85b79a3b;background:#91bca50b;color:#c7d5c6;font-size:12px}.invite-online strong{display:inline-block;min-width:4.1ch;font:24px/1.3 Georgia,serif;font-variant-numeric:tabular-nums;color:#f0d39d;vertical-align:baseline;margin-inline:3px}.online-light{width:7px;height:7px;border-radius:50%;background:#9ed3a1;box-shadow:0 0 9px #9bdba44d;animation:online-glow 2s ease-in-out infinite;flex-shrink:0}@keyframes online-glow{50%{opacity:.45;box-shadow:0 0 3px #9bdba430}}@media(max-width:760px){.invite-online{font-size:11px;gap:7px;margin-top:14px;padding:8px 10px}.invite-online strong{font-size:21px}}@media(prefers-reduced-motion:reduce){.online-light{animation:none}}

/* New Q-style illustrations: preserve the six-character group and welcome gesture. */
.heroes-portrait>img{height:auto;aspect-ratio:16/9;object-fit:contain;object-position:center}.world-card img{object-position:center}.invite-art picture{display:block}.invite-art img{object-position:center}
@media(max-width:760px){.invite-art{min-height:200px;height:200px}.invite-art img{object-position:center}.invite-art>p{display:none}.invite-art:after{background:linear-gradient(0deg,#142c36b3,transparent 60%)}.invite-seal{top:13px;left:14px;font-size:12px;padding:5px}.heroes-portrait>img{aspect-ratio:16/9}}

/* Hero atmosphere: the approved image stays fixed; only this overlay moves. */
.hero{--particle-height:790px}
.hero-inner{z-index:2}
.hero-particles{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;contain:strict;user-select:none}
.hero-petal,.hero-mote{position:absolute;display:block;pointer-events:none;will-change:transform;animation-timing-function:linear;animation-iteration-count:infinite}
.hero-petal{top:-24px;width:var(--size,9px);height:calc(var(--size,9px)*1.45);animation-name:hero-petal-fall;animation-duration:var(--duration,22s);animation-delay:var(--delay,-8s)}
.hero-petal:before{content:"";display:block;width:100%;height:100%;border-radius:70% 15% 65% 25%;background:linear-gradient(135deg,#f6d2bc,#d18a7d);box-shadow:inset 1px 0 2px #fff4d344;opacity:.68;animation:hero-petal-turn 5s ease-in-out infinite alternate}
.hero-mote{top:85%;width:var(--size,3px);height:var(--size,3px);border-radius:50%;background:#ffe3a4;box-shadow:0 0 7px 2px #f6cf8140;animation-name:hero-mote-rise;animation-duration:var(--duration,14s);animation-delay:var(--delay,-5s)}
.hero-particles.is-paused span,.hero-particles.is-paused span:before{animation-play-state:paused}
@keyframes hero-petal-fall{0%{transform:translate3d(-24px,-25px,0) rotate(-20deg);opacity:0}8%{opacity:.78}85%{opacity:.68}100%{transform:translate3d(var(--travel,150px),var(--particle-height),0) rotate(280deg);opacity:0}}
@keyframes hero-petal-turn{0%{transform:rotateY(0deg) rotateZ(-25deg)}100%{transform:rotateY(65deg) rotateZ(35deg)}}
@keyframes hero-mote-rise{0%{transform:translate3d(0,50px,0);opacity:0}18%{opacity:.58}50%{opacity:.27}72%{opacity:.68}100%{transform:translate3d(var(--travel,60px),-580px,0);opacity:0}}
.hero-particles>span:nth-child(1){left:70%;--size:9px;--duration:20s;--delay:-9s;--travel:121px}
.hero-particles>span:nth-child(2){left:30%;--size:6px;--duration:21s;--delay:-16s;--travel:157px}
.hero-particles>span:nth-child(3){left:91%;--size:9px;--duration:22s;--delay:-23s;--travel:193px}
.hero-particles>span:nth-child(4){left:51%;--size:6px;--duration:23s;--delay:-7s;--travel:85px}
.hero-particles>span:nth-child(5){left:11%;--size:9px;--duration:24s;--delay:-13s;--travel:121px}
.hero-particles>span:nth-child(6){left:72%;--size:6px;--duration:25s;--delay:-19s;--travel:157px}
.hero-particles>span:nth-child(7){left:32%;--size:9px;--duration:26s;--delay:-25s;--travel:193px}
.hero-particles>span:nth-child(8){left:93%;--size:6px;--duration:27s;--delay:-4s;--travel:85px}
.hero-particles>span:nth-child(9){left:53%;--size:9px;--duration:28s;--delay:-9s;--travel:121px}
.hero-particles>span:nth-child(10){left:13%;--size:6px;--duration:19s;--delay:-15s;--travel:157px}
.hero-particles>span:nth-child(11){left:74%;--size:9px;--duration:20s;--delay:-19s;--travel:193px}
.hero-particles>span:nth-child(12){left:34%;--size:6px;--duration:21s;--delay:-2s;--travel:85px}
.hero-particles>span:nth-child(13){left:95%;--size:9px;--duration:22s;--delay:-5s;--travel:121px}
.hero-particles>span:nth-child(14){left:55%;--size:6px;--duration:23s;--delay:-8s;--travel:157px}
.hero-particles>span:nth-child(15){left:15%;--size:3px;--duration:18s;--delay:-17s;--travel:-78px}
.hero-particles>span:nth-child(16){left:76%;--size:2px;--duration:19s;--delay:-19s;--travel:30px}
.hero-particles>span:nth-child(17){left:36%;--size:3px;--duration:20s;--delay:-21s;--travel:-46px}
.hero-particles>span:nth-child(18){left:97%;--size:2px;--duration:12s;--delay:-8s;--travel:62px}
.hero-particles>span:nth-child(19){left:57%;--size:3px;--duration:13s;--delay:-5s;--travel:-78px}
.hero-particles>span:nth-child(20){left:17%;--size:2px;--duration:14s;--delay:-2s;--travel:30px}
.hero-particles>span:nth-child(21){left:78%;--size:3px;--duration:15s;--delay:-14s;--travel:-46px}
.hero-particles>span:nth-child(22){left:38%;--size:2px;--duration:16s;--delay:-12s;--travel:62px}
.hero-particles>span:nth-child(23){left:99%;--size:3px;--duration:17s;--delay:-10s;--travel:-78px}
.hero-particles>span:nth-child(24){left:59%;--size:2px;--duration:18s;--delay:-8s;--travel:30px}
.hero-particles>span:nth-child(25){left:19%;--size:3px;--duration:19s;--delay:-6s;--travel:-46px}
.hero-particles>span:nth-child(26){left:80%;--size:2px;--duration:20s;--delay:-4s;--travel:62px}
.hero-particles>span:nth-child(27){left:40%;--size:3px;--duration:12s;--delay:-11s;--travel:-78px}
.hero-particles>span:nth-child(28){left:0%;--size:2px;--duration:13s;--delay:-3s;--travel:30px}
.hero-particles>span:nth-child(29){left:61%;--size:3px;--duration:14s;--delay:-9s;--travel:-46px}
.hero-particles>span:nth-child(30){left:21%;--size:2px;--duration:15s;--delay:-2s;--travel:62px}
.hero-particles>span:nth-child(31){left:82%;--size:3px;--duration:16s;--delay:-11s;--travel:-78px}
.hero-particles>span:nth-child(32){left:42%;--size:2px;--duration:17s;--delay:-5s;--travel:30px}
@media(max-width:760px){.hero{--particle-height:755px}.hero-particles{top:260px}.hero-particles>span:nth-child(2n){display:none}.hero-petal:before{opacity:.6}}
@media(prefers-reduced-motion:reduce){.hero-particles{display:none}}

.invite-options{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 25px;margin-top:15px}.invite-options .invite-later{margin:0}.invite-joined{padding:3px 0;border:0;border-bottom:1px solid #bba77480;background:none;color:#dfc99e;font-size:11px;cursor:pointer}.invite-joined:hover{color:#f5dfb7}.invite-joined:focus-visible{outline:2px solid #f0ce89;outline-offset:4px}@media(max-width:760px){.invite-options{gap:11px 20px;margin-top:12px}.invite-joined{font-size:10px}}

/* H5 entry: warm gold and ink tones carry through every screen size. */
.header-inner{gap:22px}
.hero-actions{align-items:stretch}.hero-actions>.button{flex-shrink:0;white-space:nowrap}
.header-h5{display:inline-flex;align-items:center;justify-content:center;gap:9px;flex:none;min-height:46px;padding:9px 15px;border:1px solid #bb9c656b;background:linear-gradient(120deg,#d6b77e12,#d6b77e03);color:#e5c997;font-size:12px;white-space:nowrap;transition:border-color .2s,background .2s}
.header-h5-label{font:700 15px/1.2 Georgia,serif;letter-spacing:-.03em}
.header-h5:hover{border-color:#d6b77e;background:#d6b77e18}
.header-h5+.header-download{margin-left:-10px}
.hero-h5{position:relative;display:flex;align-items:center;gap:13px;min-height:78px;padding:14px 20px;border:1px solid #d2b07ad9;background:linear-gradient(125deg,#203d40f5,#142c35f0);box-shadow:inset 0 0 0 4px #1b3439,inset 0 0 0 5px #d6b77e28,0 8px 24px #10262b26;color:#f0d8a9;transition:background .2s,transform .2s,border-color .2s}
.hero-h5:before,.hero-h5:after{content:"";position:absolute;width:5px;height:5px;background:#d6b77e;transform:rotate(45deg)}
.hero-h5:before{top:-3px;left:-3px}.hero-h5:after{bottom:-3px;right:-3px}
.h5-mark{display:grid;place-items:center;flex:none;width:34px;height:40px;border:1px solid #d6b77e70;border-radius:5px;color:#ebcc92;font:700 17px/1 Georgia,serif;letter-spacing:-.06em;box-shadow:inset 0 -4px 0 #d6b77e16}
.hero-h5-copy{display:block;min-width:0}
.hero-h5 strong{display:block;font:700 23px/1.3 var(--brush);white-space:nowrap}
.hero-h5 small{display:block;margin-top:7px;color:#c7c7af;font:9px/1.5 var(--sans);letter-spacing:.13em;white-space:nowrap}
.h5-arrow{font:20px/1 var(--sans);color:#d6b77e;transition:transform .2s}
.hero-h5:hover{transform:translateY(-2px);border-color:#f0d5a0;background:linear-gradient(125deg,#31514d,#203a40)}
.hero-h5:hover .h5-arrow,.h5-portal-link:hover .h5-arrow{transform:translate(2px,-2px)}
.h5-portal{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:32px;margin-bottom:28px;padding:32px 38px;border:1px solid #bfa06d8c;background:#1b333b;box-shadow:inset 0 0 0 6px #1b333b,inset 0 0 0 7px #d6b77e22}
.h5-portal:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#1b333bf5,#1b333bc9 50%,#1b333b80),url('qinyuan.webp') center 53%/cover}
.h5-portal h2{font:700 34px/1.5 var(--brush);color:#f1dfb9;margin:8px 0}
.h5-portal p{color:#c2cdc1;font-size:12px}
.h5-platforms{display:flex;gap:9px;list-style:none;padding:0;margin:17px 0 0}
.h5-platforms li{min-width:54px;padding:2px 12px;text-align:center;border:1px solid #d6b77e40;color:#d8cba9;font-size:10px;background:#142a322e}
.h5-portal-link{display:flex;align-items:center;gap:17px;flex:none;padding:18px 24px;border:1px solid #d6b77e99;background:#182f37e8;box-shadow:0 8px 22px #11262c30;transition:background .2s,border-color .2s}
.h5-portal-link strong{display:block;font:700 24px/1.4 var(--brush);color:#f0d8a9;white-space:nowrap}
.h5-portal-link small{display:block;margin-top:5px;font:11px/1.5 var(--sans);letter-spacing:.12em;color:#c8bea1}
.h5-portal-link .h5-arrow{margin-left:12px}
.h5-portal-link:hover{background:#29463f;border-color:#edcf98}
@media(min-width:1001px) and (max-width:1250px){.header-inner{gap:16px}.main-nav a{padding-inline:11px}.header-h5{padding-inline:12px}.header-download{padding-inline:15px}}
@media(min-width:761px) and (max-width:1250px){.hero-h5{padding-inline:15px;gap:10px}.hero-h5 strong{font-size:21px}.hero-h5 .h5-mark{width:30px}}
@media(max-width:1000px){.header-h5{margin-left:auto}.header-download{margin-left:0}.hero-h5{padding-inline:15px;gap:11px}}
@media(max-width:760px){
  .header-inner{gap:12px}.header-h5{min-height:36px;padding:6px 10px;gap:6px;font-size:10px}.header-h5-label{font-size:13px}.header-h5>span:last-child{display:none}.menu-toggle{margin-left:0;flex:none}
  .hero-actions{grid-template-columns:1.15fr 1fr;gap:11px}.hero-actions .button>span:nth-child(2){white-space:nowrap}.hero-actions .button b{display:none}.hero-h5{min-height:64px;padding:11px 12px;gap:9px;text-align:left}.hero-h5 .h5-mark{width:25px;height:32px;font-size:13px}.hero-h5 strong{font-size:19px}.hero-h5 small{font-size:8px;letter-spacing:.02em;margin-top:5px}.hero-h5 .h5-arrow{display:none}
  .mobile-dock{grid-template-columns:.8fr 1fr 1.35fr 1.35fr}.mobile-dock a:nth-child(3){white-space:nowrap;font-size:clamp(16px,4.8vw,19px)}.mobile-dock .dock-h5{gap:5px;background:linear-gradient(135deg,#354b44,#243c3e);color:#f0d5a0;border-left:1px solid #c3a36b66;font-size:11px}.dock-h5>span{font:700 13px Georgia,serif}.dock-h5>b{font-size:12px;font-weight:400}
  .h5-portal{display:block;padding:25px 24px;margin-bottom:20px}.h5-portal h2{font-size:29px;margin:7px 0}.h5-portal p{font-size:11px}.h5-platforms{margin-top:14px}.h5-portal-link{justify-content:center;margin-top:23px;padding:14px 18px;gap:15px}.h5-portal-link strong{font-size:23px}.h5-portal-link small{font-size:10px}.h5-portal-link .h5-arrow{margin-left:auto}
}
@media(max-width:360px){.header-inner{gap:7px}.header-h5{padding-inline:8px}.brand-copy strong{font-size:25px}.hero-actions{gap:9px}.hero-h5{padding-inline:10px;gap:7px}.hero-h5 strong{font-size:17px}.hero-h5 .h5-mark{display:none}.mobile-dock .dock-h5{font-size:10px;gap:4px}.dock-h5>b{display:none}}