.ice-countdown{width:min(100%,780px);margin:0 auto 34px;padding:24px;border:1px solid #adcce1;border-radius:14px;background:linear-gradient(145deg,#edf9ffed,#d4e9f7de);box-shadow:inset 0 1px 0 #fff,0 5px 20px #244c6910;text-align:center;color:#284e69}
.ice-countdown-heading h2,.ice-countdown-heading h3{margin:0;color:#315976;font:500 clamp(19px,2.2cqw,26px)/1.3 Georgia,'Times New Roman',serif;letter-spacing:.035em}
.ice-countdown-heading i{font-size:.8em;color:#6099c0;margin-right:6px}
.ice-countdown-heading p{margin:9px 0 20px;color:#54748a;font-size:14px;font-variant-numeric:tabular-nums}
.ice-countdown-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ice-time-block{position:relative;min-width:0;padding:20px 8px 15px;overflow:hidden;border:1px solid #a8ddff;border-radius:9px;background:linear-gradient(155deg,#376a88cc,#061b34ee 58%,#183f5be6),url('../assets/silver-ice-arcane-online-orb-v1.png') center/cover;box-shadow:inset 0 2px 0 #e2f7ff99,inset 2px 0 0 #b6eaff55,inset 0 -3px 0 #3e85b866,0 0 0 3px #fff7,0 5px 12px #2b547b25}
.ice-time-block::before{content:'';position:absolute;inset:5px;border:1px solid #b5e6ff44;border-radius:5px;pointer-events:none}
.ice-time-block strong{display:block;color:#f0fbff;font:600 clamp(32px,4.4cqw,54px)/1.05 'Segoe UI',Arial,sans-serif;font-variant-numeric:tabular-nums;text-shadow:0 0 15px #8adaff88,0 2px 3px #001023}
.ice-time-block>span{display:block;margin-top:9px;color:#c7e7fc;font-size:14px;line-height:1.4;letter-spacing:.065em}
.ice-countdown-finished{margin:18px 0 0;color:#2c5b7c;font-size:16px;font-weight:600}
.opening-article>.ice-countdown{margin-top:26px;margin-bottom:5px}
@media(max-width:600px){.ice-countdown{padding:19px 12px;margin-bottom:26px}.ice-countdown-grid{gap:8px}.ice-time-block{padding:16px 4px 12px;border-radius:7px}.ice-time-block strong{font-size:32px}.ice-time-block>span{font-size:12px;letter-spacing:0}.ice-countdown-heading p{font-size:13px}.ice-countdown-heading h2,.ice-countdown-heading h3{font-size:19px}}
@media(max-width:350px){.ice-countdown-grid{gap:6px}.ice-time-block strong{font-size:28px}}

/* The baked-in Grand MU wordmark spans x=56..623 of the 1672px banner. */
.hero .hero-countdown{position:absolute;left:3.35%;top:17.9cqw;width:33.91%;z-index:2}
.hero-countdown .ice-countdown{width:100%;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.hero-countdown .ice-countdown-heading{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero-countdown .ice-countdown-grid{gap:clamp(3px,.65cqw,10px)}
.hero-countdown .ice-time-block{padding:clamp(4px,.7cqw,10px) 2px clamp(3px,.6cqw,8px);border-radius:6px;box-shadow:inset 0 1px 0 #e2f7ff99,inset 1px 0 0 #b6eaff55,inset 0 -2px 0 #3e85b866,0 3px 10px #00152b66}
.hero-countdown .ice-time-block::before{inset:3px;border-radius:3px}
.hero-countdown .ice-time-block strong{font-size:clamp(14px,2.55cqw,36px);line-height:1.1}
.hero-countdown .ice-time-block>span{margin-top:clamp(2px,.4cqw,6px);font-size:clamp(12px,1cqw,14px);line-height:1.15;letter-spacing:0}
.hero-countdown .ice-countdown-finished{margin:5px 0 0;color:#d5efff;font-size:12px;text-shadow:0 1px 3px #00152b}
@media(max-width:600px){.hero-countdown .ice-time-block>span{font-size:0}.hero-countdown .ice-time-block>span::after{content:attr(data-countdown-short);font-size:12px}.hero-countdown .ice-time-block{border-radius:4px}.hero-countdown .ice-time-block::before{inset:2px;border-radius:2px}}