/* MAYA MU Online · Cuenta regresiva para la inauguración del 23/10/2026. */
.maya-launch-countdown{position:absolute;z-index:6;left:50%;bottom:116px;transform:translateX(-50%);width:min(680px,calc(100% - 40px));padding:19px 27px 16px;text-align:center;color:#fff;background:linear-gradient(125deg,rgba(6,8,18,.88),rgba(25,12,27,.74),rgba(6,8,18,.90));border:1px solid rgba(238,193,109,.6);border-radius:17px;box-shadow:0 12px 45px rgba(0,0,0,.65),0 0 35px rgba(211,137,42,.16),inset 0 0 25px rgba(240,164,50,.04);pointer-events:none;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);font-family:Arial,Helvetica,sans-serif;box-sizing:border-box}
.maya-launch-countdown::before{content:"";position:absolute;inset:4px;border:1px solid rgba(241,191,109,.17);border-radius:13px;pointer-events:none}
.maya-launch-countdown__eyebrow{color:#e9b968;font-size:11px;font-weight:800;letter-spacing:.23em;text-shadow:0 2px 8px #000}
.maya-launch-countdown__spark{display:inline-block;width:5px;height:5px;background:#f4c777;border-radius:50%;box-shadow:0 0 12px #f4c777;vertical-align:middle;margin:0 7px}
.maya-launch-countdown__headline{font-size:clamp(15px,2vw,23px);font-weight:900;line-height:1.25;margin:9px auto 11px;color:#ffebc5;letter-spacing:.09em;text-shadow:0 2px 10px #000,0 0 15px rgba(235,155,61,.3)}
.maya-launch-countdown__grid{display:flex;align-items:flex-start;justify-content:center;gap:9px}
.maya-launch-countdown__unit{min-width:84px;display:flex;flex-direction:column;align-items:center;gap:5px}
.maya-launch-countdown__unit strong{display:block;min-width:65px;padding:7px 8px 5px;border:1px solid rgba(231,189,118,.27);border-radius:7px;background:rgba(0,0,0,.56);font-variant-numeric:tabular-nums;font-size:clamp(26px,4.2vw,41px);font-weight:900;line-height:1.05;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.09)}
.maya-launch-countdown__unit small{font-size:9px;letter-spacing:.15em;font-weight:800;color:#d8b87d}
.maya-launch-countdown__colon{font-size:31px;color:#daae69;margin-top:6px;text-shadow:0 0 12px rgba(221,175,99,.5)}
.maya-launch-countdown__subtitle{margin:12px 0 0;color:#e2d2b4;font-size:11px;font-weight:700;letter-spacing:.1em}
.maya-launch-countdown.is-open{border-color:rgba(249,205,99,.8);background:rgba(8,18,16,.9)}
.maya-launch-countdown.is-open .maya-launch-countdown__headline{color:#f8d17a;font-size:clamp(20px,3vw,32px);text-shadow:0 0 18px rgba(247,187,94,.37)}
.maya-launch-countdown.is-open .maya-launch-countdown__grid{display:none}
.maya-launch-countdown.is-open .maya-launch-countdown__subtitle{font-size:13px;margin-top:8px}
@media(max-width:900px){.maya-launch-countdown{width:min(460px,calc(100% - 24px));padding:16px 11px 14px}.maya-launch-countdown__unit{min-width:63px}.maya-launch-countdown__unit strong{min-width:49px;font-size:29px}.maya-launch-countdown__grid{gap:3px}.maya-launch-countdown__colon{font-size:23px}}
@media(max-width:720px){.maya-launch-countdown{top:30%;bottom:auto}.maya-launch-countdown__headline{font-size:14px;letter-spacing:.03em}.maya-launch-countdown__eyebrow{font-size:9px;letter-spacing:.11em}.maya-launch-countdown__unit small{font-size:8px}.maya-launch-countdown__subtitle{font-size:9px;letter-spacing:0}.maya-launch-countdown__unit strong{font-size:26px}}
@media(max-width:400px){.maya-launch-countdown{top:28%;padding:13px 9px 12px}.maya-launch-countdown__grid{gap:1px}.maya-launch-countdown__unit{min-width:51px}.maya-launch-countdown__unit strong{min-width:40px;padding:7px 4px 5px;font-size:24px}.maya-launch-countdown__colon{font-size:20px}.maya-launch-countdown__subtitle{font-size:8px}}
@media(max-height:560px){.maya-launch-countdown{top:25%;bottom:auto;max-width:440px;padding-top:10px;padding-bottom:9px}.maya-launch-countdown__headline{margin:4px auto}.maya-launch-countdown__unit strong{font-size:25px}.maya-launch-countdown__subtitle{margin-top:6px}}