.opening-countdown{position:relative;padding:32px 28px 30px;width:min(680px,100%)}
.magic-frame{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;color:#ddc58a}
.magic-frame path{stroke:currentColor;stroke-width:1;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}
.magic-outline{opacity:.48}.magic-flourish{opacity:.8}.magic-jewel{opacity:.9}
@media(prefers-reduced-motion:no-preference){
 @supports ((background-clip:text) or (-webkit-background-clip:text)){
  .message h1 em{color:transparent;background-image:linear-gradient(110deg,#edd9ab 30%,#edd9ab 42%,#fff9e5 47%,#fff9e5 49%,#bfa16b 53%,#edd9ab 59%,#edd9ab 72%);background-size:300% 100%;background-position:100% 50%;background-clip:text;-webkit-background-clip:text;animation:title-gold-reflection 10s ease-in-out infinite}
 }
 .magic-frame path{animation:frame-reveal 3s cubic-bezier(.25,.6,.3,1) both}
 .magic-frame .magic-flourish{animation-delay:.25s;animation-duration:3.6s}
 .magic-frame .magic-jewel{animation-delay:.5s;animation-duration:2.4s}
 @keyframes title-gold-reflection{0%,15%{background-position:100% 50%}55%,100%{background-position:0% 50%}}
 @keyframes frame-reveal{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
}
@media(max-width:700px){.opening-countdown{padding:28px 12px 25px}.countdown-unit{padding-inline:4px}.countdown-number{font-size:32px;min-height:39px}.magic-frame{color:#ddc58a}}
@media(prefers-reduced-motion:reduce){.magic-frame path{animation:none;stroke-dashoffset:0}.message h1 em{background:none;color:#edd9ab}}