/* Shared type hierarchy: readable Vietnamese, consistent weight and spacing. */
body{font-size:15px;line-height:1.8;font-weight:400}
.utility .utility-link{font-size:13px;font-weight:500}
.simple-nav span{font-size:15px;font-weight:600;line-height:1.6}
.simple-nav small{font-size:10px;font-weight:400;line-height:1.6;letter-spacing:.2px}
.page-kicker,.dialog-kicker{font-size:12px;font-weight:500;line-height:1.8;letter-spacing:.3px}
.page-heading h1,.page-heading h2{font-size:36px;font-weight:600;line-height:1.5}
.page-heading p{font-size:15px;line-height:1.9;font-weight:400}
.launch-dates{font-size:14px;line-height:1.8}.launch-dates time{font-weight:600}
.schedule-toolbar,.schedule-toolbar>span,.schedule-clock,.schedule-legend{font-size:13px;line-height:1.8;font-weight:500}
.schedule-clock time{font-size:17px;font-weight:600}.schedule-clock span{font-size:12px}
.event-schedule thead th{font-size:15px;line-height:1.8;font-weight:600}
.schedule-event strong{font-size:16px;line-height:1.7;font-weight:600}
.schedule-event strong{color:#cbd0d5;text-shadow:0 1px 2px #a9afb64d,0 2px 4px #000b}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
 .schedule-event strong{background-image:linear-gradient(180deg,#f1eee8 12%,#ddd8d0 42%,#b8b5b0 56%,#e7e3dc 82%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
}
.schedule-event small{font-size:12px;line-height:1.8;font-weight:400}
.event-slot{min-width:70px}.event-times{gap:14px 8px}
.event-times time,.event-times time.is-next{font-size:17px;font-weight:600;line-height:1.5;min-width:70px;min-height:35px}
.event-countdown{font-size:12px;line-height:1.7;font-weight:500;letter-spacing:0}
.event-rewards li,.event-schedule-note,.reward-pending{font-size:14px;line-height:1.85;font-weight:400}
.event-rewards li{margin-top:7px;margin-bottom:7px}
.reward-heading{font-size:12px;font-weight:500}.reward-item figcaption{font-size:11px;line-height:1.65;font-weight:500}
.reward-quantity{font-size:12px;font-weight:700}.schedule-note{font-size:12px;line-height:1.9}
.roadmap-story h3{font-size:28px;line-height:1.55;font-weight:600}
.roadmap-story li,.opening-details dl>div,.rule-note,.roadmap-note{font-size:14px;line-height:1.9;font-weight:400}
.opening-details dt{font-weight:500}.opening-details summary{font-size:15px;line-height:1.8;font-weight:600}
.roadmap-date>span{font-size:12px;font-weight:500}.roadmap-date>strong{font-size:48px;font-weight:600}.roadmap-date>small{font-size:10px}
.news-board .news-tabs button{font-size:15px;font-weight:500}
.news-title{font-size:17px;line-height:1.8;font-weight:500}.news-category{font-size:13px;font-weight:500}
.download-board h2{font-size:28px;font-weight:600}.download-platform{font-size:14px}
.download-board #download-status{font-size:15px;line-height:1.9}.download-board .metal-button{font-size:14px;font-weight:600}
.simple-footer>div>strong{font-size:13px;font-weight:600}.simple-footer small,.simple-footer .footer-home{font-size:12px;line-height:1.8}
.dialog-frame h2{font-size:28px;font-weight:600}.dialog-frame h3{font-size:18px;font-weight:600}
.dialog-frame p,.dialog-frame li{font-size:15px;line-height:1.95}.dialog-footer{font-size:11px}
.hero--split .hero-tagline{font-size:17px;line-height:1.85;font-weight:400}
.hero--split .hero-cta{font-size:15px;font-weight:600}.hero--split .hero-eyebrow{font-size:12px;font-weight:500}
.hero-party .party-label strong,.hero-bosses .boss-slot figcaption{font-weight:600}

/* Native animated Castle Siege scene already has alpha transparency. */
.event-special--panorama .schedule-event>img{border:0;border-image:none;background:transparent;padding:0;box-shadow:none;filter:drop-shadow(0 5px 6px #0006)}

@media(max-width:700px){
 body{font-size:14px}
 .utility .utility-socials .utility-link{font-size:11px;font-weight:500}
 .simple-nav{height:82px}.simple-nav>a{min-height:63px!important}
 .simple-nav span{font-size:12px;line-height:1.6}.simple-nav small{font-size:9px;line-height:1.6}
 .page-kicker,.dialog-kicker{font-size:11px}
 .page-heading h1,.page-heading h2{font-size:28px;line-height:1.5}
 .page-heading p{font-size:14px;line-height:1.85}
 .launch-dates{font-size:12px;gap:10px}
 .schedule-toolbar,.schedule-toolbar>span,.schedule-clock,.schedule-legend{font-size:11px}
 .schedule-clock time{font-size:15px}.schedule-clock span{font-size:10px}
 .event-schedule thead th{font-size:12px;line-height:1.6}
 .schedule-event strong{font-size:14px;line-height:1.65}.schedule-event small{font-size:11px;line-height:1.75}
 .event-slot{min-width:58px}.event-times{gap:13px 7px}
 .event-times time,.event-times time.is-next{font-size:15px;min-width:58px;min-height:33px;font-weight:600}
 .event-countdown{font-size:11px;line-height:1.7}
 .event-rewards li,.event-schedule-note,.reward-pending{font-size:13px;line-height:1.9}
 .reward-item figcaption{font-size:11px;line-height:1.65}.reward-heading{font-size:12px}
 .reward-quantity{font-size:12px}.schedule-note{font-size:12px;line-height:1.85}
 .roadmap-story h3{font-size:23px;line-height:1.55}
 .roadmap-story li,.opening-details dl>div,.rule-note,.roadmap-note{font-size:13px;line-height:1.9}
 .opening-details summary{font-size:14px}.roadmap-date>span{font-size:10px}.roadmap-date>small{font-size:9px}
 .roadmap-date>strong{font-size:36px}.roadmap-stage--opening .roadmap-date>strong{font-size:26px}
 .news-board .news-tabs button{font-size:14px}.news-title{font-size:15px}.news-category{font-size:12px}
 .download-board h2{font-size:24px}.download-platform{font-size:13px}.download-board #download-status{font-size:14px}
 .simple-footer>div>strong{font-size:12px}.simple-footer small,.simple-footer .footer-home{font-size:11px}
 .dialog-frame h2{font-size:24px}.dialog-frame h3{font-size:17px}.dialog-frame p,.dialog-frame li{font-size:14px}
 .hero--split .hero-tagline{font-size:15px}.hero--split .hero-cta{font-size:14px}
}
@media(max-width:380px){
 .utility .utility-socials .utility-link{font-size:10px}
 .simple-nav span{font-size:11px}.simple-nav small{font-size:8px}
 .event-slot{min-width:54px}.event-times{gap:12px 5px}
 .event-times time,.event-times time.is-next{min-width:54px;font-size:14px}
 .event-countdown{font-size:10.5px}
}

/* Text colors identify the three columns without changing the classic panels. */
.event-schedule{--event-ink:#c8c6c2;--hours-ink:#b4b8bb;--reward-ink:#ddd8cd}
.event-schedule thead th:first-child,.event-schedule tbody th{color:var(--event-ink)}
.event-schedule .schedule-event small{color:var(--event-ink)}
.event-schedule thead th:nth-child(2),.event-schedule .event-hours,
.event-schedule .event-times time,.event-schedule .event-times time.is-next,
.event-schedule .event-countdown,.event-schedule .event-slot.is-next .event-countdown,
.event-schedule .event-schedule-note{color:var(--hours-ink)}
.event-schedule .event-times time.is-next{text-shadow:0 1px 3px #000,0 0 4px #c5c3bc24}
.event-schedule thead th:nth-child(3),.event-schedule .event-rewards,
.event-schedule .event-rewards li,.event-schedule .event-rewards li:before,
.event-schedule .reward-heading,.event-schedule .reward-pending,
.event-schedule .reward-item figcaption,.event-schedule .reward-quantity{color:var(--reward-ink)}

/* The original animated illustration and its two title lines lead each row. */
.schedule-event{gap:13px}
.schedule-event>img{width:176px;height:192px;max-width:100%;flex-basis:auto;filter:drop-shadow(0 5px 7px #000b) drop-shadow(0 0 7px #d9d5ca26)}
.schedule-event strong{font-family:var(--serif);font-size:22px;font-weight:700;line-height:1.5}
.schedule-event small{font-size:16px;font-weight:500;line-height:1.7;margin-top:6px}
.schedule-event small+small{font-size:12px;font-weight:400;margin-top:3px}
.event-special--panorama .schedule-event>img{width:100%;max-width:320px;height:auto;flex-basis:auto}
@media(min-width:701px) and (max-width:1000px){.schedule-event>img{width:160px;height:180px}}
@media(max-width:700px){
 .event-schedule tr{grid-template-columns:48% minmax(0,1fr)}
 .schedule-event{gap:10px}.schedule-event>img{width:124px;height:144px}
 .schedule-event strong{font-size:18px;line-height:1.5}
 .schedule-event small{font-size:14px;line-height:1.65;margin-top:6px}
 .schedule-event small+small{font-size:12px}
 .event-special--panorama .schedule-event>img{max-width:none}
}
@media(max-width:380px){.schedule-event>img{width:104px;height:128px}.schedule-event strong{font-size:17px}.schedule-event small{font-size:13px}}

/* The same listed-start status applies to every daily event. */
.event-schedule .event-slot.is-active .event-countdown{color:#eee9de;font-weight:700;white-space:normal;line-height:1.5;letter-spacing:.2px;max-width:90px;align-self:center;text-shadow:0 2px 3px #000}
.event-schedule .event-times time.is-active{color:#f0ece3;text-shadow:0 1px 3px #000,0 0 4px #d9d5ca26}