.opening-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:5px 12px;padding:9px 20px;background:#191918;color:#e0c990;font:13px/1.6 var(--sans);border-bottom:1px solid #b79c6550;text-align:center}.opening-bar>span{color:#c0b68f;font-size:12px}.hero-label{flex-wrap:wrap}.hero-label>span{max-width:100%;text-align:center}.hero-label time{white-space:normal;display:block;line-height:1.8}.hero-label time small{font-size:11px;letter-spacing:.2px;display:block}.hero-party-pending{margin:auto;padding:40px;border:1px dashed #a8884d;color:#b2a17b;text-align:center;min-height:280px;display:grid;place-content:center}.hero-party-art{overflow:visible}.hero-party-image{width:100%;height:auto;max-height:620px;object-fit:contain;filter:drop-shadow(0 12px 24px #0008)}
.legacy-page{--text:var(--ink);--accent:var(--gold);--body:var(--sans);--nav:#141413;color:var(--ink);font-family:var(--sans)}.legacy-page .site-header .brand>span{padding:0;border-left:0}.legacy-page .brand .beta-stamp{padding:4px 6px;border:1px solid #a89050}.legacy-page .site-header .brand-text{font-size:26px;font-family:var(--serif);letter-spacing:3px}.legacy-page .site-header .brand-text small{font-size:8px;letter-spacing:1.4px}.legacy-page .opening-bar{order:0}.legacy-page .inner-hero{background:linear-gradient(90deg,#151413e8,#181716db),url('antique-cloud-stone-v3.png') center 30%/cover;min-height:240px;border-bottom:1px solid var(--line)}.legacy-page .inner-hero:before,.legacy-page .inner-hero:after{display:none}.legacy-page .inner-hero>div{max-width:1280px;margin:auto;padding:30px 48px}.legacy-page .inner-hero h1{font-size:42px;font-family:var(--serif);color:#e1d0a4}.legacy-page .inner-hero p{color:#aca9a5}.legacy-page .scene-caption{display:none}.legacy-page .breadcrumb{font-size:12px;color:#aaa7a3}.legacy-page .guide-layout,.legacy-page .account-layout,.legacy-page .service-layout,.legacy-page .download-layout,.legacy-page .bans-layout,.legacy-page .topup-layout{padding-top:50px;padding-bottom:70px;background:transparent}.legacy-page .guide-menu button{min-height:46px;color:#c3c1be}.legacy-page .guide-menu button.active{color:var(--lightgold);background:#262524}.legacy-page .guide-article{min-width:0;color:#c4c2bf}.legacy-page .guide-article h2,.legacy-page .form-panel h2,.legacy-page .account-intro h2,.legacy-page .download-box h2{color:#dec991;font:700 30px/1.6 var(--serif)}.legacy-page .guide-article h3,.legacy-page .setting-rows h3{font-family:var(--serif);color:#dfcca0}.legacy-page .guide-article p,.legacy-page .data-note{color:#aeaca8}.legacy-page .setting-rows{color:#bcbab7}.legacy-page .form-panel,.legacy-page .topup-main,.legacy-page .download-box{background:linear-gradient(#181716ea,#161514eb),url('antique-cloud-stone-v3.png') center/1100px;border:1px solid var(--line)}.legacy-page input{color:#eee8d5;background:#131211;border-color:#766a46}.legacy-page label{color:#d6cba9}.legacy-page .button{border-radius:0}.legacy-page .button.primary{color:#201d0f;background:linear-gradient(120deg,#e0c88b,#ac8d4f);border-color:#dbc084}.legacy-page .button.secondary{background:#161615;color:#d2bc87;border-color:#897346}.legacy-page .account-status-panel,.legacy-page .opening-info{padding:26px;margin-bottom:24px;background:#191918;border:1px solid var(--line)}.legacy-page .account-status-panel h3,.legacy-page .opening-info h3{margin:20px 0 10px;color:#d8c492}.legacy-page .account-status-panel p{color:#b3b1ad;margin-bottom:18px}.legacy-page .system-guide-links{display:grid;gap:0;margin:28px 0}.legacy-page .system-guide-links a{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:17px 0;color:#d1c6a2}.legacy-page .system-guide-links a:hover{color:var(--lightgold)}.legacy-page .site-footer{display:block;padding-top:35px;padding-bottom:20px;border-top:1px solid var(--line);background:none}.legacy-page .site-footer .brand>span{border:0;padding:0}.legacy-page .site-footer .brand .beta-stamp{border:1px solid #a89050;padding:4px 6px}.legacy-page .site-footer .brand-text{font-family:var(--serif);font-size:24px}.legacy-page .site-footer p{font:12px/1.9 var(--sans);color:#a4a19d}.legacy-page .site-footer a{color:#d5bf87}.legacy-page .player-guide{color:#c0beba}.legacy-page .player-guide h1,.legacy-page .player-guide h2,.legacy-page .player-guide h3{color:#ddca9a}.legacy-page code{overflow-wrap:anywhere}.legacy-page table{max-width:100%}.legacy-page .guide-chapters,.legacy-page .guide-toc{background:#181817;border-color:var(--line)}
@media(max-width:800px){.opening-bar{font-size:12px;padding:8px 16px}.hero-label time{font-size:12px}.hero-label time small{font-size:10px}.legacy-page .guide-layout,.legacy-page .account-layout,.legacy-page .service-layout,.legacy-page .download-layout,.legacy-page .bans-layout,.legacy-page .topup-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;padding-top:28px}.legacy-page .page-width{padding-left:22px;padding-right:22px}.legacy-page .inner-hero>div{padding:28px 22px}.legacy-page .inner-hero h1{font-size:32px}.legacy-page .guide-menu{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.legacy-page .guide-menu>span{grid-column:1/-1}.legacy-page .guide-menu button{font-size:13px;padding:14px 0}.legacy-page .account-status-panel{padding:20px}.legacy-page .site-header .brand-text{font-size:22px}.legacy-page .site-footer .footer-main{display:flex;flex-direction:column;align-items:flex-start;gap:22px}.legacy-page .site-footer .footer-meta{flex-direction:column;align-items:flex-start;gap:12px}.legacy-page .guide-article h2,.legacy-page .form-panel h2{font-size:26px}.legacy-page .system-guide-links a{font-size:13px;overflow-wrap:anywhere}}
@media(max-width:440px){.legacy-page .guide-menu{grid-template-columns:1fr}.hero-label{gap:8px;font-size:12px;letter-spacing:2px}.hero-label>span{padding:5px 7px}.opening-bar time{font-variant-numeric:tabular-nums}.legacy-page .site-header .brand-text{font-size:20px}.legacy-page .inner-hero{min-height:210px}}
/* Approved five-class photo: no center/cover crop; all five remain in frame. */
.hero-with-party .hero-inner{grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);gap:30px;align-items:center}
.hero-with-party .hero-party-art{width:100%;height:auto;min-height:0;display:grid;align-content:center;overflow:visible}
.hero-with-party .hero-party-image{display:block;position:relative;inset:auto;width:100%;height:auto;max-height:none;aspect-ratio:1672/941;object-fit:contain;border:1px solid #b4955a60;box-shadow:0 15px 40px #0007}
.hero-with-party .hero-copy{padding:22px;background:linear-gradient(115deg,#131312e8,#131211e0);border-left:1px solid #a88b4b55}
@media(max-width:800px){.hero-with-party .hero-inner{display:flex;flex-direction:column;gap:24px}.hero-with-party .hero-copy,.hero-with-party .hero-party-art{width:100%;margin:0}.hero-with-party .hero-copy{padding:18px 12px}.hero-with-party .hero-party-image{width:100%;height:auto;max-height:none;object-fit:contain}.hero-with-party .hero-art{transform:none}}

/* Scoped dark-theme readability fixes; content and layout are unchanged. */
.legacy-page .manual-update{background:#181817;color:#c4c2bf}
.legacy-page .manual-update h2,.legacy-page .manual-update h3{color:#dec991}
.legacy-page .manual-update p,.legacy-page .manual-update li{color:#c4c2bf}
.legacy-page .player-guide .guide-source>h4,.legacy-page .player-guide .guide-source>h5{color:#ddca9a}
.legacy-page .player-guide strong{color:inherit}
.legacy-page .player-guide .guide-source a{color:#dec991}
.legacy-page .player-guide .guide-source th a{color:inherit}
.legacy-page .player-guide .guide-toc summary{color:#ddca9a}
.legacy-page .player-guide .guide-toc a,.legacy-page .player-guide .guide-return a{color:#dec991}
.legacy-page .player-guide tbody tr:nth-child(even){background:#22211f}

/* Black/gold: neutral graphite luminance texture; retain the approved gold accents. */
body,.preview-bar,.site-header,.hero,.hero-features small,.news-feature,.news-link,.news-seal,.gameplay-section,.guide-list details[open],.launcher-mock,.launcher-titlebar,.launcher-body,.launcher-footer,.community-section,dialog,.legacy-page .inner-hero,.legacy-page .form-panel,.legacy-page .topup-main,.legacy-page .download-box{background-color:#111111;background-blend-mode:luminosity}

/* Homepage only: the original five-class photograph becomes a full-bleed scene. */
.hero-with-party .hero{min-height:0}
.hero-with-party .hero:before{background:radial-gradient(ellipse at 68% 44%,#c79d4c1c,transparent 62%);opacity:1}
.hero-with-party .hero-inner{position:static;display:flex;align-items:center;min-height:740px;padding-top:88px;padding-bottom:88px;gap:0}
.hero-with-party .hero-copy{position:relative;z-index:2;flex:none;width:min(34%,360px);padding:0;border:0;background:none;text-shadow:0 2px 12px #000,0 1px 3px #000}
.hero-with-party .hero h1,.hero-with-party .hero h1 em{text-shadow:none}
.hero-with-party .hero-actions{flex-wrap:wrap}
.hero-with-party .hero-party-art{position:absolute;z-index:0;inset:0 0 auto auto;width:min(74vw,1280px);height:740px;min-height:0;margin:0;padding:0;display:flex;align-items:center;overflow:visible;pointer-events:none;transform:none;background:none}
.hero-with-party .hero-party-art:before{content:"";position:absolute;z-index:-1;inset:-12% -8% -10% -42%;background:url('hero-five-classes-v3.png') center/cover no-repeat;filter:blur(34px) brightness(.38) saturate(.5);opacity:.62;mask-image:radial-gradient(ellipse at 60% 48%,#000 32%,transparent 72%)}
.hero-with-party .hero-party-image{display:block;position:relative;inset:auto;width:100%;height:auto;max-height:none;aspect-ratio:1672/941;object-fit:contain;border:0;box-shadow:none;filter:none;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 95%,transparent),linear-gradient(180deg,transparent,#000 9%,#000 88%,transparent);mask-composite:intersect}
.hero-with-party .hero-bottom{position:relative;z-index:2;margin-top:0;background:linear-gradient(180deg,#11111100,#11111166)}
@media(max-width:1100px) and (min-width:901px){.hero-with-party .hero-copy{width:32%}.hero-with-party .hero h1{font-size:55px;letter-spacing:3px}.hero-with-party .hero .button{font-size:12px;padding-inline:15px;gap:18px}}
@media(max-width:900px){
 .hero-with-party .hero-inner{display:block;min-height:calc(460px + 56.28vw);padding-top:35px;padding-bottom:0}
 .hero-with-party .hero-copy{width:100%;max-width:560px;margin-inline:auto;padding:0;text-align:center}
 .hero-with-party .hero-copy .eyebrow,.hero-with-party .hero-label,.hero-with-party .hero-actions{justify-content:center}
 .hero-with-party .hero-party-art{inset:auto 0 83px;width:100%;height:auto;aspect-ratio:1672/941;margin:0;align-self:auto}
 .hero-with-party .hero-party-art:before{inset:-22% -10%;opacity:.5;filter:blur(24px) brightness(.35) saturate(.5)}
 .hero-with-party .hero-party-image{mask-image:linear-gradient(180deg,transparent,#000 11%,#000 89%,transparent);mask-composite:add}
 .hero-with-party .hero-bottom{min-height:83px}
}

/* Homepage v3: practical information and controlled artwork/text overlap. */
.hero-with-party .hero-inner.wrap{width:100%;min-height:720px;padding:96px clamp(24px,2.4vw,48px)}
.hero-with-party .hero-copy{width:min(26vw,340px)}
.hero-with-party .hero-party-art{width:88vw;height:720px}
.hero-with-party .hero-party-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#0b0b0b55 9%,transparent 31%);mask-image:linear-gradient(180deg,transparent,#000 10%,#000 90%,transparent);pointer-events:none}
.hero-with-party .hero h1{font-size:clamp(48px,5vw,76px);line-height:1.1;letter-spacing:2px;margin-bottom:26px}
.hero-with-party .hero-brand-name{display:block;white-space:nowrap}
.hero-with-party .hero h1 small{display:block;margin-top:12px;font:18px/1.2 var(--sans);letter-spacing:8px;color:var(--gold);-webkit-text-fill-color:currentColor}
.hero-with-party .hero-launch{width:min(100%,285px);margin:0 0 22px;padding:12px 14px;border:1px solid #ad92554d;background:linear-gradient(110deg,#101010ed,#10101099);color:#ecd6a1;text-shadow:none}
.hero-with-party .hero-launch>span{display:block;margin-bottom:5px;font:11px/1.5 var(--sans);letter-spacing:1.5px;color:#c6b88f}
.hero-with-party .hero-launch time{display:block;font:14px/1.8 var(--sans);font-variant-numeric:tabular-nums}
.hero-with-party .hero-launch b{font-weight:400;white-space:nowrap}
.hero-with-party .hero-launch small{display:block;font:11px/1.7 var(--sans);color:#c9c4b7}
.hero-with-party .hero-actions{gap:12px}
.hero-with-party .hero-actions .button{font-size:13px;padding:12px 17px;gap:20px;min-height:48px}
.hero-with-party .hero-useful{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:22px;font:12px/1.6 var(--sans);color:#d4bd86}
.hero-with-party .hero-useful a{border-bottom:1px solid #aa915842;padding-bottom:3px}
.hero-with-party .hero-bottom{justify-content:flex-end}
.hero-with-party .hero-features{font:13px/1.6 var(--sans);gap:36px;color:#d8c69d}
.hero-with-party .news-feature{min-height:320px}
.hero-with-party .news-content{padding-top:25px}
.hero-with-party .news-content h3{font-size:29px;margin-bottom:16px}
.hero-with-party .news-content .launch-date{font-size:14px;color:#e5d9bf;margin-bottom:14px}
.hero-with-party .news-link h3{margin-top:0;font-size:25px}
.hero-with-party .news-links .news-link{min-height:135px}
.hero-with-party .gameplay-intro h2{font-size:34px;margin-bottom:18px}
.hero-with-party .utility-row{display:flex;align-items:center;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}
.hero-with-party .utility-row:first-child{padding-top:0}
.hero-with-party .utility-row:last-child{border-bottom:0;padding-bottom:0}
.hero-with-party .utility-row:hover h3,.hero-with-party .hero-features a:hover{color:var(--lightgold)}
.hero-with-party .guide-intro h3{font-size:28px}
.hero-with-party .outline-tag{font-size:11px}
.hero-with-party .community-inner h2{font-size:28px}
@media(min-width:901px) and (max-width:1199px){.hero-with-party .hero-party-art{width:80vw}.hero-with-party .hero-copy{width:280px}.hero-with-party .hero h1{font-size:54px}.hero-with-party .hero-launch{width:265px}}
@media(max-width:900px){
 .hero-with-party .hero-inner.wrap{width:calc(100% - 40px);min-height:calc(365px + 56.28vw);padding:30px 0 0}
 .hero-with-party .hero-copy{width:100%;max-width:360px}
 .hero-with-party .hero-party-art{width:100%;height:auto}
 .hero-with-party .hero-party-art:after{background:none}
 .hero-with-party .hero h1{font-size:48px;letter-spacing:2px;margin-bottom:22px}
 .hero-with-party .hero h1 small{font-size:16px;letter-spacing:7px;margin-top:9px}
 .hero-with-party .hero-launch{margin:0 auto 20px;padding:10px 12px}
 .hero-with-party .hero-useful{justify-content:center;margin-top:18px}
 .hero-with-party .hero-bottom{justify-content:center}
 .hero-with-party .hero-features{justify-content:space-between;gap:10px;width:100%;font-size:11px;letter-spacing:0}
 .hero-with-party .news-feature{min-height:310px}
 .hero-with-party .news-content h3{font-size:26px}
 .hero-with-party .news-link h3{font-size:21px}
 .hero-with-party .gameplay-intro h2{font-size:29px}
 .hero-with-party .utility-row{padding-block:20px}
}
@media(max-width:360px){.hero-with-party .hero-inner.wrap{width:calc(100% - 32px)}.hero-with-party .hero h1{font-size:44px}.hero-with-party .hero-actions .button{padding-inline:13px;gap:16px;font-size:12px}.hero-with-party .news-content .launch-date{font-size:12px}}