:root{--bg:#100d19;--surface:#211a30;--gold:#d1b4ff;--text:#f0edf7;--muted:#bbb3ce;--line:#b79dd638;--cyan:#d9c7f7}
body{background:radial-gradient(ellipse at 0 35%,#59367b33,transparent 45%),radial-gradient(ellipse at 100% 70%,#452c6b33,transparent 45%),var(--bg)}
body,body *{font-family:var(--pixel-font)!important;font-weight:400!important;font-synthesis:none!important}
::selection{background:#b994ef;color:#150e22}header{background:linear-gradient(#171220f5,#171220eb);border-color:#b79dd638}.brand,.brand small{color:#f0e8ff}.brand-logo{filter:grayscale(1) sepia(.2) hue-rotate(210deg) drop-shadow(0 0 8px #c79cff55)}.nav-icon,.join-step img,.hero-facts img{filter:grayscale(1) sepia(.35) hue-rotate(210deg) saturate(2)}.nav-links a{color:#c5bdd4}.nav-links a:hover,.nav-links a[aria-current]{color:#eddbff}.nav-links a::after{background:linear-gradient(90deg,transparent,#c89cff,transparent)}
.button{background:linear-gradient(120deg,#ddc9fa,#aa85d7);border-color:#e5d5fc;color:#21132f;box-shadow:inset 0 1px 0 #fff7,0 5px 24px #9a61d333}.button:hover:not(:disabled){background:linear-gradient(120deg,#f1e8ff,#cba5f5);box-shadow:0 6px 28px #b786f155}.button.ghost,.hero-centered .button.ghost{background:linear-gradient(120deg,#362744cc,#221a33cc);border-color:#bba1d969;color:#f0eafa;box-shadow:inset 0 1px 0 #fff1}.button.ghost:hover,.hero-centered .button.ghost:hover{background:linear-gradient(120deg,#523464,#342447);border-color:#d0a8fa;color:#fff}
.hero.hero-centered{background-image:linear-gradient(180deg,#1b102c55,#2012328a 55%,#100d19ee),url('astral-castle.webp')}.hero-centered .hero-intro{color:#f1edf7}.hero-scroll,.hero-facts strong,.hero-brand-en{color:#e5d6f7}.hero-facts span{color:#c2b9d1}.hero-brand-rule{background:linear-gradient(90deg,transparent,#c79df4,transparent)}
.stats{background:linear-gradient(#292035dd,#191321);border-color:var(--line)}.stats strong,.section-heading h2,.page-head h1,.card h3,.update-record h2,#update-title,.join-steps h3{color:#eee7f9}.stats span,.section-heading p,.card p,.split p{color:#bdb3cd}.eyebrow,.card-number{color:#c4a2ef}.card,.four .card:nth-child(n){background:linear-gradient(140deg,#30223dcc,#1b1525ee);border-color:#b79dd638}.card::before{background:linear-gradient(#d8baff,#9871b833)}.card:hover{border-color:#c79df488}.alternate{background:linear-gradient(110deg,#21192f,#130e1e);border-color:#b79dd625}.text-link,.news-reopen{color:#d0b2f4}.text-link:hover{color:#f4eaff}.tower-card{background:radial-gradient(ellipse at 80% 0,#70478d44,transparent 65%),linear-gradient(145deg,#2b2038,#191322);border-color:#baa0d758}.tower-card>strong{color:#e2cef9;text-shadow:0 0 40px #b17be733}.tower-lines span{color:#c9bed8}.tower-lines span::before{color:#c6a3ed}
.join-panel{background:radial-gradient(ellipse at 0 0,#603b7655,transparent 65%),linear-gradient(130deg,#281e34,#17121f);border-color:#b79dd650}.tags span{background:#b290d00b;border-color:#b79dd633;color:#d0c4df}.connection{border-color:var(--line)}.connection>strong{color:#eee2ff}.join-step strong{color:#e8e1f2}.join-step p{color:#bbb0ca}.join-step,.join-steps{border-color:#b79dd62b}.motd-panel{background:#100b1980;border-color:#b79dd640}.motd-text{color:#ddc4fb}.join-links a{color:#d2b1fc;text-decoration-color:#b79dd666}.join-links a:hover{color:#f4e9ff}#serverStatus[data-state=online]{color:#c8b5ee}#serverStatus[data-state=offline]{color:#ecbad4}.world-art img,.page-head,.faq-list details,footer{border-color:#b79dd638}.faq-list summary{color:#dfd7ed}.faq-list details[open] summary{color:#ddbcff}.faq-list details p{color:#c5bad5;background:#36254766;border-color:#b692dc66}.update-record{border-top-color:#c6a2ef}.important-update{color:#edd9ff;background:#a26bd52b}.announcement-list li::marker{color:#caa3ed}.announcement-list{color:#e5dfee}
#latest-update{background:radial-gradient(ellipse at top left,#633d7855,transparent 60%),linear-gradient(145deg,#2a2035,#171120);border-color:#d1b4ff77}.dialog-close{background:#33263f;color:#f0dfff;border-color:#c29bdf66}.dialog-close:hover{background:#52375f}.update-date{color:#c7afd9}.dialog-actions .button.ghost{color:#e5d3fa}footer strong{color:#d7b9f7}footer p{color:#aea1c1}.hero-centered .hero-intro{font-size:18px}.card p,.faq-list details p,.announcement-list{line-height:2}
@media(max-width:700px){.hero-centered .hero-intro{font-size:16px;line-height:1.8}.card p,.four .card p,.join-step p,.connection p,.motd-panel p,footer p,.hero-facts span,.stats span{font-size:12px}.hero-facts{gap:10px;flex-wrap:wrap}.hero-facts strong{font-size:12px}.join-step strong{font-size:12px}.announcement-list{font-size:14px}.nav-links{column-gap:3px}}