/* Engraved silver frames and quiet cloud scrollwork; native game art stays colored. */
:root{--bg:#14181c;--panel:#1b2025;--gold:#cbd3dc;--bright:#f0f3f6;--muted:#a2acb5;--line:#818d9855;color-scheme:dark}
body{color:#d0d6dc;background-image:linear-gradient(#14191dd4,#14191deb),url('assets/optimized/b8da519d5c65684d2f0179b9.webp');background-color:#14181c}
a:hover,button:hover{color:#fff}a:focus-visible,button:focus-visible{outline-color:#e4edf5}
.utility{background:linear-gradient(#242a2eef,#11161af5),url('assets/optimized/b8da519d5c65684d2f0179b9.webp');border-color:#b3beca44}
.utility .utility-link,.utility .utility-link>svg,.utility .utility-external{color:#c6ced6}.utility .utility-link:hover{color:#fff;background:#e1eaf309}
.simple-nav,.roadmap-list,.simple-frame{background-image:url('assets/ornaments/silver-cloud-scrolls.svg'),linear-gradient(#20262bf5,#151b20fa),url('assets/optimized/b8da519d5c65684d2f0179b9.webp');background-size:100% auto,auto,auto;background-repeat:repeat-y,repeat,repeat;background-color:#191f24}
.simple-nav:before,.roadmap-list:before,.simple-frame:before,.metal-button:after,.dark-button:after{filter:grayscale(1) brightness(1.2)}
.simple-nav a,.simple-nav>a.active{color:#f0f3f7;text-shadow:0 2px 4px #000}.simple-nav small{color:#aab6c1}.simple-nav>a.active:after{background:#e3eaf1}
.page-kicker,.heading-rule,.hero--split .hero-eyebrow{color:#aebdca}
.page-heading h1,.page-heading h2,.roadmap-story h3,.download-board h2{color:#eef2f6}
.page-heading p,.roadmap-story li,.opening-details dt,.news-title{color:#c5cdd5}
.heading-rule:before,.heading-rule:after{background:linear-gradient(90deg,transparent,#a7bacb66)}
.launch-dates,.launch-dates time,.roadmap-date>strong,.roadmap-date>span,.roadmap-date>small{color:#d9e3ec}
.roadmap-date{background:#1b2228;box-shadow:0 0 24px 10px #1b2228}
.roadmap-stage,.opening-details,.opening-details details,.opening-details dl>div,.simple-news-row,.simple-footer{border-color:#a1b2c32c}
.roadmap-stage:before{background:linear-gradient(#a8bbcc00,#a8bbcc44 30%,#a8bbcc44 70%,#a8bbcc00)}
.roadmap-story li:before,.opening-details summary,.opening-details summary:after,.rule-note,.news-category,.news-open{color:#bbcbd9}
.news-board .news-tabs{border-color:#a1b2c340}.news-board .news-tabs button{color:#b3c0ca}.news-board .news-tabs button.selected{color:#f3f7fa}.news-board .news-tabs button.selected:after{background:#c2d0db}.simple-news-row:hover .news-title{color:#fff}
.schedule-toolbar,.schedule-clock,.schedule-clock span,.schedule-note,.roadmap-note,.download-platform{color:#a4b0bb}
.schedule-clock time,.schedule-legend,.event-schedule strong,.event-schedule-note{color:#e5edf5}.schedule-legend i{background:#d9e4ee;box-shadow:0 0 5px #d9e4ee2c}
.event-schedule thead th{color:#d0dbe5;border-color:#a2b3c340;background:#d1dbe606}
.event-schedule tbody th,.event-schedule tbody td,.event-schedule tbody tr{border-bottom-color:#9eafbe29}
.event-schedule small{color:#a2b1bf}.event-rewards li{color:#c3ced8}.event-rewards li:before,.reward-heading{color:#b4c4d3}.reward-pending{color:#a8b5c1}
.event-times time{color:#c5d0db;border-color:#9eafbe3b;background:#080f1666}
.event-times time.is-next{color:#f4f8fc;border-color:#c2d2e180;background:linear-gradient(145deg,#d8e8f11e,#8b9fad12);box-shadow:inset 0 1px #f3f8ff16}
.event-countdown{color:#9aabba}.event-slot.is-next .event-countdown{color:#dae7f2}
.reward-art{border-color:#afc1d369;background:radial-gradient(ellipse at 35% 15%,#dfedff12,transparent 70%),linear-gradient(145deg,#2b353edd,#141d26ee),url('assets/optimized/b8da519d5c65684d2f0179b9.webp');box-shadow:inset 0 1px 1px #eff7ff21,inset 0 -2px 7px #0007,0 2px 5px #0003}
.reward-art:before{border-color:#d7e7f91b}.reward-quantity{color:#f2f7fc}.reward-item figcaption{color:#bdcbd6}
.event-special--panorama .schedule-event>img{border-color:#c5d3df70;background:#2b333b}
.metal-button,.hero--split .hero-cta,.dark-button{color:#f3f6fa;background:linear-gradient(150deg,#59636c,#252e36 75%)}
.metal-button:hover,.hero--split .hero-cta:hover,.dark-button:hover{color:#fff;background:linear-gradient(150deg,#647480,#303b45 75%)}
.hero--split .hero-copy .launch-alpha strong,.hero--split .hero-copy .launch-alpha time{color:#eaf1f8}
.hero--split .hero-copy .launch-beta strong,.hero--split .hero-copy .launch-beta time{color:#c6dfef}
.hero-tagline>strong,.hero-tagline>span,.simple-footer>div>strong,.simple-footer .footer-home{color:#cad6e0}
.simple-footer small{color:#91a2af}
.hero-memory-caption>span,.hero-memory-caption>strong,.hero-memory-caption>p{color:#d1dce5}
.hero-age-notice>strong{color:#f0f5fa;border-color:#c7d4df80}.hero-age-notice>p{color:#c9d4dd}
.hero-bosses .boss-slot figcaption,.hero-party .party-label strong{color:#e4edf5}.hero-party .party-label small{color:#bdcbd7}
.dialog-frame{background:url('assets/ornaments/silver-cloud-scrolls.svg') top center/100% auto,linear-gradient(#20272e,#151c23);border-color:#a5b6c65c}
.dialog-frame h2{color:#f0f5fa}.dialog-kicker,.dialog-frame p,.dialog-frame li,.dialog-footer{color:#c1cdd7}

/* Original MU login scenery, stone panels and silver sword ornament. */
body{background-image:linear-gradient(90deg,#06090dd9,#10172070 42%,#10172070 58%,#06090dd9),url('assets/optimized/f9984c5f5b1b5cc80129ed43.webp');background-position:center,center top;background-size:cover,cover;background-repeat:no-repeat;background-attachment:fixed;background-color:#090d12}
.page-heading{background:url('assets/optimized/cb7d2483217324bed896e8b0.webp') left bottom/150px auto no-repeat,url('assets/optimized/6111e30462606d2761ea7cb9.webp') right bottom/150px auto no-repeat;text-shadow:0 2px 5px #000,0 0 14px #000}
.page-heading h1,.page-heading h2{text-shadow:0 2px 5px #000,0 0 24px #000}
.simple-nav,.roadmap-list,.simple-frame,.dialog-frame{background-image:linear-gradient(#12171d52,#080d1270),url('assets/optimized/e44df84334f0760f18aca103.webp');background-size:auto,768px 600px;background-repeat:repeat;background-color:#171b20}
.simple-nav{box-shadow:inset 0 1px #d8e2ec18,0 8px 25px #0008}
.schedule-board{background-image:url('assets/ornaments/silver-cloud-scrolls.svg'),linear-gradient(#11161b38,#0b101550),url('assets/optimized/e44df84334f0760f18aca103.webp');background-size:100% auto,auto,768px 600px;background-repeat:repeat-y,repeat,repeat}
.schedule-toolbar{padding-bottom:16px;background:url('assets/optimized/d7dc005fb90f25e0b677a0c4.webp') center bottom/100% 12px no-repeat}
.event-schedule thead th{background:#090d1280;text-shadow:0 1px 3px #000}
.event-schedule tbody tr{background:url('assets/optimized/cb7d2483217324bed896e8b0.webp') left bottom/72px 24px no-repeat,url('assets/optimized/6111e30462606d2761ea7cb9.webp') right bottom/72px 24px no-repeat,linear-gradient(90deg,transparent,#b9c4d04d 25%,#b9c4d04d 75%,transparent) center bottom/100% 1px no-repeat}
.event-schedule tbody th,.event-schedule tbody td{border-bottom-color:transparent;padding-top:24px;padding-bottom:29px}
.schedule-event>img{filter:drop-shadow(0 4px 6px #000b)}
.event-schedule strong,.event-schedule small,.event-rewards li,.reward-item figcaption,.event-countdown{text-shadow:0 1px 3px #000}
.event-times time{background:#090e16c4;box-shadow:inset 0 1px #dce9f00b}
.event-times time.is-next{background:linear-gradient(145deg,#39414bcc,#1e2631e6)}
.roadmap-stage,.simple-news-row{background:url('assets/optimized/d7dc005fb90f25e0b677a0c4.webp') center bottom/100% 10px no-repeat;border-bottom-color:transparent}
.roadmap-date{background:#171b20;box-shadow:0 0 20px 10px #171b20}
.simple-footer{background:url('assets/optimized/d7dc005fb90f25e0b677a0c4.webp') center top/100% 14px no-repeat;border-top-color:transparent;padding-top:33px;text-shadow:0 2px 4px #000}
@media(max-width:700px){
 body{background-attachment:scroll;background-size:100% 100%,auto 100vh;background-repeat:repeat-y,repeat-y}
 .page-heading{background-size:85px auto,85px auto;padding-bottom:30px}
 .event-schedule tbody th,.event-schedule tbody td{padding-top:0;padding-bottom:0}
 .event-schedule tbody tr{padding-bottom:27px}
 .schedule-toolbar{padding-bottom:14px;background-size:100% 9px}
 .roadmap-list,.simple-frame,.dialog-frame{background-size:auto,512px 400px}
 .schedule-board{background-size:100% auto,auto,512px 400px}
}

/* Native inventory scrollwork replaces flat timer, reward and title boxes. */
.event-schedule thead tr{background:url('assets/optimized/7dcae737d49a1f9ea17a5935.webp') left center/30px 100% no-repeat,url('assets/optimized/ffd103c5db842f4526ce6fd6.webp') right center/30px 100% no-repeat,url('assets/optimized/bec25e8191e65f7eaa526fbe.webp') center/1px 100% repeat-x}
.event-schedule thead th{background:none;border:0;color:#e0e5e9;font:500 12px/1.8 var(--serif);padding-top:14px;padding-bottom:14px}
.event-schedule thead th:first-child{padding-left:24px}
.event-times time,.event-times time.is-next{padding:0 3px;min-height:32px;border:5px solid transparent;border-image:url('assets/optimized/589c851c529a5b44b750f2f4.webp') 22 fill stretch;border-radius:0;background:none;box-shadow:none;color:#d8dfe5;font:600 14px/1.5 var(--serif);text-shadow:0 1px 3px #000}
.event-times time.is-next{color:#fff;text-shadow:0 1px 3px #000,0 0 7px #e0efff55;filter:brightness(1.18)}
.reward-art{border:0;border-radius:0;background:linear-gradient(#090c1066,#090c10b0),url('assets/optimized/e44df84334f0760f18aca103.webp') center/384px 300px;box-shadow:inset 0 0 10px #0009}
.reward-art:before{inset:0;border:7px solid transparent;border-image:url('assets/optimized/950677540418193229a410f3.webp') 22 stretch;border-radius:0;opacity:.8}
.reward-art>img{position:relative;z-index:1}.reward-quantity{right:5px;bottom:4px}
.reward-heading{font-family:var(--serif);color:#d1dbe3}
.event-special--panorama .schedule-event>img{border:7px solid transparent;border-image:url('assets/optimized/950677540418193229a410f3.webp') 22 stretch;background:linear-gradient(#10151b66,#10151b99),url('assets/optimized/e44df84334f0760f18aca103.webp') center/384px 300px}
@media(max-width:700px){
 .event-schedule thead tr{background-size:22px 100%,22px 100%,1px 100%}
 .event-schedule thead th{font-size:10px;padding-top:12px;padding-bottom:12px}
 .event-schedule thead th:first-child{padding-left:15px}
 .event-times time,.event-times time.is-next{min-height:30px;font-size:12px;border-width:4px;padding:0 2px}
 .reward-art:before{border-width:6px}
}

/* Center each content column and keep labels directly under their artwork. */
.site-view,.event-schedule,.event-schedule th,.event-schedule td,.event-rewards,.event-schedule-note,.reward-pending,.schedule-note{text-align:center}
.event-schedule tbody th,.event-schedule tbody td{vertical-align:middle}
.event-schedule thead th:first-child{padding-left:12px;padding-right:12px}
.event-times,.reward-gallery{justify-content:center}
.schedule-event,.reward-item{align-items:center;text-align:center}
.event-rewards ul{padding:0;margin:10px auto 0;max-width:300px}
.event-rewards li{padding:0;text-align:center}
.event-rewards li:before{position:static;display:inline;margin-right:5px}
.schedule-toolbar{justify-content:center;column-gap:32px}
.roadmap-story,.roadmap-story li,.opening-details summary,.opening-details dt,.opening-details dd,.simple-news-row,.simple-footer,.dialog-frame{text-align:center}
.roadmap-story li{padding-left:0}.roadmap-story li:before{position:static;display:inline;margin-right:6px}