/* Black-gold material / typography refinement. Font subsets retain SIL OFL license. */
@font-face{font-family:LXPreviewSerif;src:url('fonts/lx-serif-regular.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:LXPreviewSerif;src:url('fonts/lx-serif-bold.woff') format('woff');font-style:normal;font-weight:600 900;font-display:swap}
@font-face{font-family:LXPreviewSans;src:url('fonts/lx-sans-regular.woff') format('woff');font-style:normal;font-weight:400 600;font-display:swap}
:root{--bg:#111110;--surface:#181817;--gold:#d9bd83;--lightgold:#f2dfaf;--muted:#a8a5a0;--line:#c7ad7333;--ink:#ece9e0;--serif:LXPreviewSerif,"Noto Serif CJK TC","Noto Serif TC","Songti TC",PMingLiU,serif;--sans:LXPreviewSans,"Noto Sans CJK TC","PingFang TC","Microsoft JhengHei",sans-serif}
body{background:#111110 url('graphite-grain.svg');font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.preview-bar{background:linear-gradient(#27231a,#1a1915);border-bottom-color:#b79b5d45;box-shadow:inset 0 1px #eadcb00c;color:#d4c398}
.preview-detail{color:#b7ad95}
.site-header{background:linear-gradient(110deg,#1c1b19,#121110 55%,#171716);border-bottom-color:#c3a86944;box-shadow:inset 0 1px #f0dba811,0 5px 22px #0005}
.brand-text{font-weight:700;letter-spacing:3.5px;background:linear-gradient(180deg,#fff3cb 8%,#dec697 35%,#b18b4c 56%,#e7d2a2 74%,#b39861 100%);background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 0 #000)}
.brand-text small{-webkit-text-fill-color:#b7a478;font-weight:400;letter-spacing:2.7px}
.brand-emblem{border-color:#cdb16b75;box-shadow:0 0 0 2px #050505,inset 0 1px #f4dfac22}
.beta-stamp{background:linear-gradient(130deg,#2e2819,#131211);box-shadow:inset 0 0 0 2px #151413,inset 0 0 0 3px #a68b4b55,1px 2px 4px #0008;color:#e0c381;border-color:#c1a463aa}
.site-header nav a,.site-header nav button{font-size:13px;letter-spacing:.6px;color:#c7c5c2}
.site-header nav .active{color:#e0c78e;text-shadow:0 1px 0 #000}
.site-header nav .active:after{height:2px;background:linear-gradient(90deg,#8e703b,#efdcaa,#9d7b41);box-shadow:0 -1px #e0c58218}
.hero{background:radial-gradient(ellipse at 77% 40%,#9a773126,transparent 43%),radial-gradient(ellipse at 4% 20%,#6b68630b,transparent 60%),linear-gradient(120deg,#161615,#191817 48%,#121110)}
.hero:before{content:"";position:absolute;inset:0;background:url('graphite-grain.svg'),repeating-linear-gradient(112deg,transparent 0 2px,#eee7cd02 2px 3px);z-index:-2;pointer-events:none;opacity:.7}
.hero:after{background:linear-gradient(0deg,#111110,transparent 30%)}
.hero-grid{opacity:.1;background-size:120px 120px}
.mountains-back{background:linear-gradient(#736f6a1a,#2928264d)}.mountains-front{background:linear-gradient(#4c4a4738,#161615)}
.hero h1{font-weight:700;letter-spacing:6px;line-height:1.28;color:#efe4ca;background:linear-gradient(180deg,#fff6dc 5%,#e3d5b4 25%,#b8a37b 44%,#f2e4bd 48%,#d4b779 68%,#967441 100%);background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 0 #000a) drop-shadow(0 -1px 0 #f0dba814)}
.hero h1 em{background:linear-gradient(180deg,#f1dca3 0%,#d4b272 38%,#ae8849 58%,#e4cc91 66%,#b48d4c 100%);background-clip:text;-webkit-text-fill-color:transparent}
.hero-label{font-weight:400;letter-spacing:5px;color:#cbb989}.hero-label>span{background:linear-gradient(135deg,#4c3e241f,#171716);border-color:#c5a5638a;box-shadow:inset 0 0 0 2px #131312}
.hero-description{font-size:15px;line-height:2;color:#b5b2ae;letter-spacing:1.1px}
.hero-note{color:#95918c;font-size:11px}
.button{position:relative;box-shadow:inset 0 1px #fff2c442,inset 0 -1px #1c18073d,0 4px 10px #0003;min-height:50px;letter-spacing:1.2px}
.button-gold{background:linear-gradient(180deg,#f3dfa5 0%,#dcc28a 7%,#c6a466 51%,#d7b77a 53%,#c6a568 100%);color:#191918;border-color:#ddc38c;box-shadow:inset 0 0 0 3px #2c211522,inset 0 1px #fff6d7a6,0 3px 8px #0005;text-shadow:0 1px #f7e8c25c}
.button-gold:hover{background:linear-gradient(180deg,#fae6af,#e5cb90 12%,#cdae70 51%,#dfc58c 54%,#ceb175)}
.button-outline{background:linear-gradient(130deg,#21201f88,#14141388);border-color:#b59d6769;color:#e2cd9b}
.button-outline:hover{background:#c2a36418}
.hero-emblem{box-shadow:0 2px 0 #ecdc9c50,0 0 0 2px #0a0a09,0 0 0 4px #9e83412b,0 22px 50px #0009;outline-color:#d1ba7d59;outline-offset:10px}
.hero-emblem:after{content:"";position:absolute;inset:0;border:1px solid #e7d6a754;border-radius:inherit;box-shadow:inset 0 1px 2px #fff1c43d,inset 0 -3px 4px #0008;pointer-events:none}
.art-orbit{border-color:#c6ad6b38;box-shadow:inset 0 0 0 5px #c2ac7005}.orbit-two{border-style:solid;border-color:#c2ac701b;box-shadow:none}
.vertical-text{color:#b0a37c}.art-caption span{color:#a19269}.art-caption small{color:#9d9376}.art-caption strong{color:#dfca92;font-weight:400;letter-spacing:5px;text-shadow:0 2px 0 #000}
.hero-bottom{border-top:1px solid #c7af7540;box-shadow:0 -1px #070706b0}
.hero-features{font-size:15px;color:#cfcdcb;letter-spacing:1.7px}.hero-features small{color:#d7bc80;background:linear-gradient(135deg,#37301e80,#171716);border-color:#b89b5c65;box-shadow:inset 0 0 0 2px #141312}
.scroll-hint{color:#9f9c98}.hero-serial{color:#86827b}
.section-heading h2{font-size:33px;color:#e8e4d5;letter-spacing:2.5px;font-weight:400;text-shadow:0 2px #060606}
.section-index{color:#989590}.eyebrow{color:#c6b17c;letter-spacing:2.7px}
.news-feature{background-image:url('graphite-grain.svg'),url('cloud-engraving.svg'),radial-gradient(ellipse at 100% 60%,#8b6e2e20,transparent 65%),linear-gradient(135deg,#222120,#171716);background-position:0 0,right center,center,center;background-repeat:repeat,no-repeat,no-repeat,no-repeat;background-size:180px,430px,auto,auto;border-color:#bfa66c6e;box-shadow:inset 0 1px #eedba82e,inset 0 -1px #05050499,0 8px 20px #0003}
.news-feature:before{content:"";position:absolute;inset:8px;border:1px solid #cbb57d18;pointer-events:none}.news-content h3{color:#ece4cc;text-shadow:0 2px 0 #0008;font-weight:400}.news-content>p:not(.gold-small){font-size:13px;color:#afada9;line-height:2}.gold-small{color:#d0b87c;font-size:12px;letter-spacing:2px}.status-label{color:#c0b79b;font-size:11px}.tag{background:linear-gradient(#e2c88e,#b59b63);box-shadow:inset 0 1px #fff1c650;color:#1d1c1b}
.news-watermark{color:#bfa66d05}.news-seal{color:#c9b078;border-color:#c4a4647a;box-shadow:inset 0 0 0 3px #141413,inset 0 0 0 4px #b79c5940;text-shadow:0 1px #000}
.news-link{position:relative;border-color:#aa98604d;background-image:url('graphite-grain.svg'),linear-gradient(125deg,#22211f,#1b1a18);box-shadow:inset 0 1px #f6e5b416,inset 0 -1px #0007}
.news-link:after{content:"";position:absolute;right:11px;top:11px;width:11px;height:11px;border-top:1px solid #cbb78465;border-right:1px solid #cbb78465;pointer-events:none}.news-link:hover{border-color:#c8b17a9c;background-color:#252422;background-image:url('graphite-grain.svg'),linear-gradient(125deg,#252423,#1e1d1c)}.row-kicker{color:#b7a576;font-size:9px}.news-link h3{color:#d5d4d2;line-height:1.65}.row-bottom{font-size:12px;color:#cbb780}
.gameplay-section{background:url('graphite-grain.svg'),linear-gradient(115deg,#1c1b1a,#201f1d 60%,#1b1a18);border-block-color:#b6a36b45;box-shadow:inset 0 1px #f3e1aa08,inset 0 -1px #0006}
.gameplay-intro h2{font-weight:400;color:#dad9d7;text-shadow:0 2px 0 #000}.gameplay-intro p:last-child{font-size:13px;color:#b0ada9}.gameplay-items h3{font-weight:400;color:#d9d8d6;letter-spacing:3px}.gameplay-items p{font-size:13px;color:#afaca8}.feature-number{color:#b7a270}.feature-symbol{color:#bea56b}.gameplay-items article{border-bottom-color:#bba56a38}
.guide-intro h3{color:#dfc58c;font-weight:400;text-shadow:0 1px #000}.guide-intro p{color:#b1aeaa;font-size:13px}.outline-tag{font-size:10px;color:#b9b196;border-color:#b6a46a45;background:#b9a16906}
.guide-list{border-top-color:#c6ad756e}.guide-list details{border-bottom-color:#c6ad753b}.guide-list summary{min-height:82px;color:#dbd9d7}.guide-list summary>span:nth-child(2){font-size:20px;font-weight:400;letter-spacing:1px}.guide-number{color:#cfb77f}.guide-list summary small{color:#96928d;font-size:9px;letter-spacing:2px}.plus{color:#cfb77f}.guide-detail p{color:#b2b0ac;font-size:13px;line-height:1.95}.guide-detail>span{color:#c9b179;font-size:11px}.guide-list details[open]{background:linear-gradient(90deg,#bdac7410,transparent 80%)}
.launcher-copy h2{font-weight:400;color:#e5e2d3;text-shadow:0 2px #000}.launcher-copy p:not(.eyebrow){font-size:13px;color:#b1afab}.launcher-mock{border-color:#c8ad70a6;background:#1b1a18;box-shadow:inset 0 1px #f7e7b34f,0 0 0 3px #0e0d0c,0 0 0 4px #a58b4b34,16px 25px 42px #0007}
.launcher-titlebar{background:linear-gradient(#2d2b29,#1e1d1b);color:#d4c28c;border-bottom-color:#c0a26160;box-shadow:inset 0 1px #f6e5bb2e}.launcher-body{background-image:url('graphite-grain.svg'),url('cloud-engraving.svg'),radial-gradient(ellipse at 70% 100%,#92733a29,transparent 65%);background-size:180px,330px,auto;background-position:0 0,right center,center;background-repeat:repeat,no-repeat,no-repeat}.launcher-side{background:linear-gradient(150deg,#121211d9,#21201fa6);border-right-color:#d1b57735}.launcher-content strong{font-weight:700;color:#ecdfba;text-shadow:0 1px #000}.launcher-side>span:not(.emblem){color:#e1ca93;font-weight:700}.launcher-side small{color:#b5a374}.launcher-pill{color:#d0b980}.mock-notice{color:#acaaa6}.launcher-footer{border-top-color:#c4a26459;background:#161615}.launcher-footer>span:first-child{color:#a09d98}.mock-launch{background:linear-gradient(#e8cc8d,#c5a361 50%,#d7b777 52%,#b59657);box-shadow:inset 0 1px #fff0c68c,inset 0 0 0 3px #48361520;border:1px solid #e0c68a;color:#1e1d1c}
.community-section{background-image:url('graphite-grain.svg'),url('cloud-engraving.svg'),linear-gradient(120deg,#262523,#1d1c1a);background-repeat:repeat,no-repeat,no-repeat;background-position:0 0,10% 50%,center;background-size:180px,500px,auto;border-block-color:#c7ad6e55;box-shadow:inset 0 1px #f8e5b214,inset 0 -1px #0008}.community-inner h2{font-weight:400;color:#d8d7d5;text-shadow:0 1px #000}
.footer-main>p{font-size:11px;color:#acaaa6}.footer-main>p span{color:#95918c}.back-top{color:#b3b1ad}.footer-meta{color:#8f8b85;font-size:9px;border-top-color:#b8a56e33}.footer-meta>span{color:#94908b}
dialog{background:url('graphite-grain.svg'),radial-gradient(ellipse at 100% 0,#89723820,transparent 60%),#1e1d1b;box-shadow:inset 0 1px #f0dd9f38,inset 0 0 0 6px #100f0e99,0 30px 90px #000a;border-color:#c5ac6caa}dialog h2{color:#ead49a;font-weight:400}#dialog-content{font-size:14px;color:#bdbbb7}.dialog-service{background:#e9db9912;border-color:#b7a26850}.dialog-service strong{color:#dfca94}.dialog-service small{color:#b3b0ac;font-size:12px}.dialog-notice{color:#c1b58d;font-size:12px}.dialog-status{color:#d3c59f;font-size:12px}.dialog-close{color:#decb95;width:44px;height:44px}
@media(min-width:1450px){.site-header nav{gap:22px}}
@media(max-width:1100px){.site-header nav{gap:18px}.site-header nav a,.site-header nav button{font-size:12px}.hero h1{font-size:62px;letter-spacing:5px}.hero-description{font-size:14px}.hero-features{font-size:13px;letter-spacing:1px}}
@media(max-width:760px){.site-header{background:linear-gradient(110deg,#1f1e1d,#151413);padding-block:17px}.brand-text{font-size:24px;letter-spacing:2px}.brand-text small{font-size:6px;letter-spacing:2.4px}.site-header nav{background:#1b1a18fc;gap:0 10px}.site-header nav a,.site-header nav button{min-height:46px;font-size:12px;letter-spacing:.2px;padding-block:12px}.menu-toggle{width:44px;height:44px;border-color:#bba16980;background:linear-gradient(135deg,#2a292730,#12111050);box-shadow:inset 0 1px #f6dfa21a}.hero h1{font-size:55px;letter-spacing:4px;line-height:1.27;margin-bottom:21px}.hero-label{font-size:13px;letter-spacing:3px}.hero-description{font-size:13px;line-height:1.95;letter-spacing:.8px}.hero-note{font-size:10px;line-height:1.8}.button{min-height:48px;font-size:12px;letter-spacing:.8px}.hero-inner{padding-top:40px}.hero-emblem{outline-offset:8px}.hero-features{font-size:11px;letter-spacing:.3px}.hero-features>span{gap:7px}.hero-features small{font-size:9px}.hero-bottom{min-height:83px}.art-caption span{color:#a7976a}.art-caption strong{font-size:15px;letter-spacing:3px}.art-caption small{font-size:8px}.section-heading h2{font-size:25px;letter-spacing:.8px;line-height:1.5}.section-heading .eyebrow{font-size:9px;letter-spacing:1.8px}.news-feature{background-size:180px,350px,auto,auto}.status-label{font-size:10px}.news-content h3{font-size:30px;line-height:1.6;letter-spacing:2px}.gold-small{font-size:12px;letter-spacing:1.6px}.news-content>p:not(.gold-small){font-size:12px;line-height:1.95}.news-content .text-link{min-height:44px;font-size:12px}.news-link{padding:20px 15px}.news-link h3{font-size:18px;line-height:1.65;letter-spacing:.5px}.row-kicker{font-size:7px;letter-spacing:.8px}.row-bottom{font-size:10px;gap:5px}.gameplay-intro h2{font-size:31px;letter-spacing:2px}.gameplay-intro .eyebrow{font-size:9px}.gameplay-intro p:last-child{font-size:12px}.gameplay-items h3{font-size:20px;letter-spacing:1px}.gameplay-items p{font-size:12px;line-height:1.9}.gameplay-items article{gap:18px}.guide-intro h3{font-size:25px;letter-spacing:2px}.guide-intro p{font-size:12px;line-height:2}.outline-tag{font-size:10px}.guide-list summary{min-height:85px;padding-block:21px;gap:14px}.guide-list summary>span:nth-child(2){font-size:17px;letter-spacing:.3px}.guide-list summary small{font-size:8px;letter-spacing:1.5px}.guide-detail p{font-size:12px;line-height:2}.guide-detail>span{font-size:10px}.guide-number{font-size:14px}.launcher-copy .eyebrow{font-size:9px;letter-spacing:1.6px}.launcher-copy h2{font-size:31px;letter-spacing:2px}.launcher-copy p:not(.eyebrow){font-size:12px}.launcher-side>span:not(.emblem){font-size:14px}.launcher-content strong{font-size:24px;letter-spacing:1px}.launcher-titlebar{font-size:9px}.launcher-footer>span:first-child{font-size:8px;line-height:1.8}.mock-notice{font-size:8px}.community-inner h2{font-size:25px;letter-spacing:.5px;line-height:1.6}.community-inner .eyebrow{font-size:8px}.footer-main>p{font-size:10px;line-height:2}.footer-meta{font-size:9px;line-height:1.9}.footer-brand .brand-text{font-size:21px}.back-top{font-size:10px}dialog{padding-top:42px}#dialog-content{font-size:13px}.dialog-service small{font-size:11px}.dialog-notice{font-size:12px}.dialog-status{font-size:12px}}
@media(max-width:360px){.brand-text{font-size:22px}.hero h1{font-size:48px;letter-spacing:3px}.hero-description{font-size:12px}.hero-features{font-size:10px}.hero-features>span{gap:4px}.hero-features small{font-size:8px}.section-heading h2{font-size:23px;letter-spacing:.3px}.news-link{padding-inline:12px}.news-link h3{font-size:17px}.row-bottom{font-size:9px}.guide-list summary{gap:11px}.guide-list summary>span:nth-child(2){font-size:15px}.guide-intro h3{font-size:23px;letter-spacing:1px}.launcher-side>span:not(.emblem){font-size:12px}.launcher-content strong{font-size:22px}.community-inner h2{font-size:23px}}