/* Lotus Sky2: moonlit wuxia world, antique gold and clan-war crimson. */
:root{--ink:#eee5d5;--paper:#101824;--cream:#e6d3ae;--gold:#bd955b;--red:#b64535;--muted:#acb4bd;--line:#b8955c45;--glass:rgba(10,17,27,.95);--glass-dark:rgba(8,15,24,.94);--serif:'Cinzel',Georgia,'Yu Mincho',serif;--sans:'Barlow','Segoe UI',Arial,sans-serif}
body{background:#080f19;color:var(--ink)}
body:before{background-image:url('/assets/lotus-heaven-garden.webp');background-position:center top;filter:none}
body:after{background:linear-gradient(180deg,#050b156b 0%,#050b1515 32%,#050b15a8 72%,#050b15ed 100%)}
::selection{background:#a43c30;color:#fff2d3}
button:focus-visible,a:focus-visible,input:focus-visible{outline-color:#e8be77}
.skip-link{background:#111b29;color:#fff}
.site-masthead{height:176px;background:linear-gradient(#030914b0,transparent)}
.masthead-logo{width:285px;height:190px;margin-top:8px}
.masthead-logo img{filter:drop-shadow(0 5px 15px #000b)}
.utility{font-size:9px;letter-spacing:2.6px;top:20px;color:#e0c9a3}
.utility>div{background:#080f1bbd;border:1px solid #b8955c45;padding:2px 14px;border-radius:0}
.utility button{color:#eddfc8;min-height:30px}
.utility a:hover{color:#f5c27e}
.utility-sep{background:#b8955c55}
.site-header{width:min(1220px,92%);padding:0 36px;min-height:62px;margin-bottom:0;border-radius:0;border:1px solid #bd955b70;border-left:0;border-right:0;background:linear-gradient(90deg,#08101be0,#111b28f2,#08101be0);backdrop-filter:blur(8px);box-shadow:0 5px 30px #0005}
.site-header:before,.site-header:after{content:'◆';position:absolute;top:50%;transform:translateY(-50%);color:#c6a16b;font-size:10px}
.site-header:before{left:3px}.site-header:after{right:3px}
.site-header nav{gap:48px;color:#dfd8c8;font-size:16px}
.site-header nav>a{padding:19px 0}
.site-header nav>a:hover,.site-header nav>a.active{color:#f3c486}
.site-header nav>a:not(.nav-play):after{background:#c49d62;bottom:10px}
.site-header nav .nav-play{background:linear-gradient(#a34230,#67231e);border-color:#d69354;color:#fff0d2;box-shadow:inset 0 0 0 2px #1d0c0b7a,0 0 15px #7e291b30;border-radius:0;padding:13px 27px;letter-spacing:1.7px}
.hero{padding:0;min-height:600px;aspect-ratio:1672/941;display:flex;align-items:center;position:relative;background:linear-gradient(90deg,#050b17a8,#050b1740 47%,#050b1712),url('/assets/lotus-sky-garden-elite.webp') center/cover;border-bottom:1px solid #b8955c55;margin-bottom:32px}
.hero>.section-wrap{width:min(1160px,88%);padding:52px 0 38px;background:none;border:0;backdrop-filter:none;box-shadow:none;border-radius:0}
.hero-content{width:580px;max-width:50%;margin:0;text-align:left;position:relative}
.hero-content:before{content:'';position:absolute;inset:-40px -75px -30px -100px;background:radial-gradient(ellipse,#040a13ab,transparent 72%);z-index:-1;pointer-events:none}
.hero .eyebrow{font-size:10px;letter-spacing:4px;color:#e7c48d;margin-bottom:23px;display:flex;align-items:center;gap:17px}
.hero .eyebrow:before{content:'';width:33px;height:1px;background:#c19761}
.hero h1{font-size:clamp(54px,6.5vw,92px);font-weight:400;line-height:1.08;letter-spacing:-2.5px;color:#f7edda;text-shadow:0 3px 17px #000b;margin-bottom:25px}
.hero h1 em{color:#d1a269;font-size:.86em;margin-top:8px;font-style:normal}
.hero-description{max-width:440px;color:#d7d7d3;font-size:13px;line-height:1.9;margin:0 0 28px;text-shadow:0 2px 5px #000}
.hero-buttons{justify-content:flex-start;gap:15px}
.button{background:linear-gradient(#a74633,#74271f);color:#fff0d6;border:1px solid #cf965b;border-radius:0;box-shadow:inset 0 0 0 3px #2b12125c,0 4px 15px #0004;min-height:49px;padding:15px 31px;font-size:10px;letter-spacing:1.6px}
.button:hover{background:linear-gradient(#bf553d,#8f3025)}
.button-outline{color:#ecd1a0;background:#101a26ac;border-color:#bd955b7d;box-shadow:inset 0 0 0 3px #060d1555}
.button-outline:hover{background:#263344}
.hero-bottom{display:none}
.scroll-line{background:linear-gradient(transparent,#d1ab72)}
.hero-feature{max-width:280px;margin:20px 0 0}
.hero-feature img{border-color:#bd955b55}
.hero-clans{display:flex;gap:27px;margin-top:27px;padding-top:20px;border-top:1px solid #b8955c45;width:max-content;max-width:100%}
.hero-clans a{display:flex;align-items:center;gap:9px;color:#c5c1b6;transition:color .2s}
.hero-clans a:hover{color:#f0c382}
.hero-clans span{font:27px var(--serif);color:#c1965e;line-height:1}
.hero-clans strong{font-size:8px;letter-spacing:1.8px;font-weight:400}
.promo-strip{gap:0;padding:0 0 42px}
.promo{min-height:165px;border:1px solid #aa875848;border-radius:0;background:#0d1723;padding:26px;box-shadow:none}
.promo+.promo{border-left:0}
.promo img{filter:brightness(.57) saturate(.85)}
.promo:after{background:linear-gradient(0deg,#080f19eb,transparent 90%)}
.promo small{color:#d2ac77;font-size:8px}
.promo h3{font-size:27px;color:#f1e7d4}
.promo span{border-color:#b8955c75;color:#d4b681;border-radius:0;width:28px;height:28px}
.news-section,.world-section,.media-section,.community-section{margin-bottom:42px}
.news-section>.section-wrap,.world-section>.section-wrap,.media-section>.section-wrap,.community-section>.section-wrap,.page-content>.section-wrap{background:linear-gradient(135deg,#111b29f7,#080f19f7);border:1px solid #b8955c42;border-radius:0;box-shadow:0 10px 45px #0003;backdrop-filter:blur(8px);padding:40px 44px}
.section-title{color:#eee4d0;font-size:clamp(32px,3.2vw,45px);letter-spacing:-.8px}
.eyebrow,.news-meta,.clan-number{color:#c4a16e}
.text-link{color:#d6b980;border-color:#b8955c66}
.text-link:hover{color:#ffe0aa}
.news-card{border-color:#b8955c35}
.news-card p,.empty-news p,.world-intro p,.clan-copy p,.guide-copy p,.media-caption,.community-inner p,.guide-item p,.download-row p,.download-note{color:#acb6c2}
.news-card h3,.empty-news h3{color:#e9dfcd}
.news-image{border-radius:0;background:#0b1521}
.empty-news{min-height:130px;border-color:#b8955c30}
.empty-news h3{font-size:23px}
.empty-news img{opacity:.8}
.clan-tabs{border-color:#b8955c45;gap:60px}
.clan-tab{color:#a6b1bf;padding:16px 32px 19px}
.clan-tab.active{color:#efd1a0}
.clan-tab.active:before,.clan-tab.active:after{color:#cc9d62;background:#bd955b}
.clan-tab.active:before{background:none}
.clan-copy h3{color:#ead5ae;font-size:65px}
.clan-copy .clan-setname{font-size:10px;color:#c6a16b;letter-spacing:2px;text-transform:uppercase;margin-top:-8px;margin-bottom:24px}
.guide-step-number{display:none}
.clan-figure:before{border-color:#b8955c30;background:radial-gradient(#92663425,transparent 70%);box-shadow:0 0 0 13px #b8955c05}
.clan-figure img{width:100%;max-width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 28px #0009)}
.clan-mark{color:#c6a56a0b}
.guide-section{background:linear-gradient(120deg,#111c2bf2,#09121ff7);border-color:#b8955c42;border-radius:0;backdrop-filter:blur(8px);margin-bottom:42px}
.guide-visual{background:#101b29}
.guide-visual>img{filter:saturate(.85)}
.guide-visual:after{background:linear-gradient(0deg,#080f19ac,transparent 70%)}
.guide-step-number{color:#d6ac650b}
.media-shot{border-radius:0;border:1px solid #b8955c38;background:#0c1623}
.media-shot:after{background:#080f19d9;color:#d6b980;border:1px solid #b8955c66}
.language-ribbon{color:#c5ae87}
.npc-scene{background:#09121f;border-color:#b8955c42;border-radius:0;margin-bottom:42px}
.npc-background{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.23) saturate(.65);z-index:-3}
.npc-shade{display:block;position:absolute;inset:0;background:linear-gradient(90deg,#09121f30,#09121fc9 45%,#09121f30);z-index:-2}
.npc-copy .section-title{color:#ecdfc5}
.npc-copy p{color:#b3bfce}
.npc-copy>.eyebrow{color:#c49d65}
.page-heading{padding-top:35px}
.page-heading>.section-wrap{background:linear-gradient(90deg,#09121fe0,#142131c9,#09121fe0);border-color:#b8955c42;border-radius:0}
.page-heading h1{color:#f2e5ca}
.page-heading p{color:#b9c4d2}
.page-heading .eyebrow{color:#d0ad76}
.guide-item{border-color:#b8955c45;background:#18233388;border-radius:0}
.guide-item h3{color:#eee2ca}
.guide-item .guide-index{color:#c49d65}
.download-row{border-color:#b8955c35}
.download-row .download-icon{color:#d1ae76}
.locale-notice{color:#c9a56e;border-color:#b8955c88}
.footer{width:min(1160px,90%);background:#080f19f5;border-color:#b8955c42;border-radius:0;backdrop-filter:blur(9px);color:#d5c9b1;margin-bottom:32px}
.footer-brand{color:#e4d0ac}
.footer-inner>p,.footer-bottom{color:#929eae}
.footer-links a:hover,.footer-links button:hover{color:#f0c68b}
.footer-rule{background:#b8955c30}
.footer-bottom a{color:#c1a06d}
.loader{background:linear-gradient(#070d18de,#0b1422eb),url('/assets/lotus-sky-garden-elite.webp') center/cover;color:#e6cca2}
.load-track i{background:#d4aa70}
.garden-petal{background:linear-gradient(135deg,#efb4c0,#a64a60);box-shadow:0 0 7px #d9859a30}
dialog{background:#111c2a;color:#ecdfc8;border-color:#b8955c75;border-radius:0}
dialog::backdrop{background:#030710d9}
.dialog-heading{border-color:#b8955c35}
.icon-close{color:#d2b687}
.language-search{border-color:#b8955c65}
.language-search input{color:#e1d9c9}
.language-option small{color:#a7afbb}
.language-option:hover{background:#263344}
.language-option.selected{background:#2b302e;border-color:#bd955b88}
.article-dialog>.icon-close{background:#142131;color:#e6cca2}
.article-cover{background:#0b1624}
.article-text .article-body{color:#b9c3ce}
.media-dialog{background:#080f19;color:#d1c4ab;border-color:#b8955c75}
.toast{background:#111d2d;color:#eed6ac;border-color:#b8955c70;border-radius:0}
/* Scene placements retain full original artwork in the large showcase. */
.sky-banner{width:min(1160px,90%);margin:0 auto 42px;border:1px solid #b8955c60;background:#0b1422;box-shadow:0 12px 45px #0005}
.sky-banner>img{width:100%;height:auto;display:block}
.sky-banner figcaption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 27px;color:#cfad77;font-size:9px;letter-spacing:2px}
.sky-banner .text-link{font-size:8px}
.community-section>.section-wrap{position:relative;isolation:isolate;overflow:hidden;background:#0c1722e8}
.community-section>.section-wrap:before{content:'';position:absolute;inset:0;z-index:-2;background:url('/assets/lotus-heaven-garden.webp') center/cover;opacity:.4}
.community-section>.section-wrap:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#071020a0,#071020b3,#071020a0)}
.community-inner p{color:#d2d8df}
.download-art{display:block;width:min(1160px,90%);margin:0 auto 42px;border:1px solid #b8955c55}
.download-art img{width:100%;height:auto}
body[data-route="news"] .page-heading>.section-wrap{background:linear-gradient(90deg,#080f19f2,#080f1966),url('/assets/lotus-dragon-dawn.webp') center 45%/cover;min-height:270px}
body[data-route="world"] .page-heading>.section-wrap{background:linear-gradient(#080f19bb,#080f19b3),url('/assets/lotus-clan-war.webp') center 33%/cover;min-height:270px}
body[data-route="guide"] .page-heading>.section-wrap{background:linear-gradient(90deg,#080f19b3,#080f19dc),url('/assets/lotus-snake-moon.webp') center 33%/cover;min-height:270px}
body[data-route="download"] .page-heading>.section-wrap{background:linear-gradient(90deg,#080f19f2,#080f1966),url('/assets/lotus-tiger-fortress.webp') center 35%/cover;min-height:270px}
body[data-route="community"] .page-heading>.section-wrap{background:linear-gradient(#080f19aa,#080f19cc),url('/assets/lotus-heaven-garden.webp') center/cover;min-height:270px}
@media(min-width:1600px){.site-masthead{height:190px}.masthead-logo{width:305px;height:203px}.hero{min-height:650px}.hero>.section-wrap{padding:55px 0 35px}.hero h1{font-size:72px}}
@media(max-width:1100px){.site-header nav{gap:26px}.hero-content{max-width:65%}.hero h1{font-size:54px}}
@media(max-width:800px){
 body:before{background-position:63% top}
 body:after{background:linear-gradient(#03091375,#03091370 35%,#050b15e6 90%)}
 .site-masthead{height:155px}.masthead-logo{width:237px;height:158px;margin-top:6px}
 .utility{top:10px}.utility>div{padding:0 9px}.utility button{min-height:28px}
 .site-header{min-height:52px;width:90%;padding:0 19px;margin-bottom:0}
 .site-header:before,.site-header:after{display:none}
 .site-header nav{top:100%;background:#0c1625fa;border-color:#b8955c60;border-radius:0;gap:0}
 .site-header nav>a{padding:12px 0}.site-header nav .nav-play{margin:12px 0 0}
 .menu-toggle span{background:#d8be92}
 .hero{min-height:560px;aspect-ratio:auto;align-items:flex-end;padding:0;background-position:60% center;margin-bottom:25px}
 .hero>.section-wrap{padding:57px 0 35px;width:86%;background:none;border:0}
 .hero-content{max-width:100%;width:100%;text-align:left}
 .hero-content:before{inset:-40px -25px -20px;background:radial-gradient(#040b15b3,transparent 80%)}
 .hero .eyebrow{font-size:8px;letter-spacing:2.4px;margin-bottom:19px;gap:12px}
 .hero h1{font-size:clamp(37px,9.5vw,55px);line-height:1.12;letter-spacing:-1px;max-width:500px}
 .hero h1 em{font-size:.86em;margin-top:9px}
 .hero-description{font-size:12px;max-width:300px;line-height:1.8}
 .hero-buttons{gap:10px}.hero-buttons .button{padding:14px 21px;font-size:8px}
 .hero-bottom{font-size:7px;margin-top:24px}
 .hero-clans{gap:22px;margin-top:25px;padding-top:18px}.hero-clans span{font-size:23px}.hero-clans strong{font-size:7px;letter-spacing:1px}
 .promo-strip{grid-template-columns:repeat(3,1fr);gap:0;padding-bottom:28px}
 .promo{min-height:136px;padding:17px 12px;align-items:end}.promo h3{font-size:21px}.promo small{font-size:6px;letter-spacing:1px}.promo span{display:none}
 .news-section,.world-section,.media-section,.community-section,.guide-section,.npc-scene{margin-bottom:28px}
 .news-section>.section-wrap,.world-section>.section-wrap,.media-section>.section-wrap,.community-section>.section-wrap,.page-content>.section-wrap,.news-section.page-content>.section-wrap{padding:28px 23px}
 .section-title{font-size:33px}.clan-tabs{gap:0}.clan-tab{padding:14px 20px 18px}
 .clan-copy h3{font-size:49px}.page-heading{padding-top:26px;padding-bottom:26px}
 .page-heading>.section-wrap{padding:30px 23px}.page-heading h1{font-size:40px}
 .footer{padding:30px 23px 23px;margin-bottom:24px}
 .sky-banner,.download-art{margin-bottom:28px}.sky-banner figcaption{padding:17px 18px;gap:12px;font-size:7px;letter-spacing:1px}.sky-banner .text-link{font-size:7px}
}
@media(max-width:360px){.hero-clans{gap:13px}.hero-clans strong{letter-spacing:.6px}.promo h3{font-size:18px}.hero h1{font-size:35px}}
/* Supplied identity artwork replaces generic lotus marks and text wordmarks. */
.hero h1.is-logo{font-size:0;line-height:0;margin:-38px 0 4px}
.hero-wordmark{width:440px;height:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 5px 18px #0009)}
.hero-description{font-size:15px}
.site-header nav{font-size:14px;font-weight:600;letter-spacing:.3px}
.community-inner>img{width:220px;height:auto;margin:0 auto 12px}
.empty-news img{width:150px;height:100px;object-fit:contain;opacity:1;flex-shrink:0}
.footer-brand img{width:240px;height:160px;object-fit:contain}
.loader-orbit{padding:0;border:0;border-radius:0}
.loader-orbit:after{display:none}
.loader-orbit img{width:270px;height:180px;object-fit:contain}
.utility .account-link{display:flex;align-items:center;justify-content:center;min-width:30px;min-height:30px;color:#e0c99e;font-size:23px;line-height:1;letter-spacing:0}
.utility .account-link svg{fill:none;stroke:currentColor;stroke-width:1.5}
.dialog-brand-logo{width:135px;height:90px;object-fit:contain;margin-bottom:4px}
@media(max-width:800px){.hero h1.is-logo{margin:-30px 0 6px}.hero-wordmark{width:300px}.hero-description{font-size:14px}.community-inner>img{width:180px}.footer-brand img{width:210px;height:140px}.empty-news{flex-direction:column;text-align:center}.empty-news img{width:140px;height:94px}.utility .account-link{display:flex}.utility-sep{display:block}.site-header nav{font-size:16px}}