.santae-medallion-fx{--mf-gold:#f4c772;--mf-light:#fff2c4;position:fixed;inset:0;z-index:2147482000;isolation:isolate;overflow:hidden;background:#0c1730;color:#fff;opacity:0;transition:opacity .55s ease;font-family:'National Park',sans-serif;text-align:center}
.santae-medallion-fx[data-phase=night]{--mf-gold:#9bc7ff;--mf-light:#d5e8ff}
.santae-medallion-fx.is-open{opacity:1}
.mf-scene,.mf-layer,.mf-vignette,.mf-skyglow{position:absolute;inset:0;pointer-events:none}
.mf-scene{overflow:hidden;opacity:1;transition:opacity 2.5s ease,filter 2.5s ease}
.mf-scene.mf-after{opacity:0}
.is-changing .mf-before{opacity:0}
.is-changing .mf-after{opacity:1}
.mf-layer{background-position:center center;background-size:auto 100%;background-repeat:repeat-x}
.mf-layer[data-layer=background]{background-size:cover}
.mf-layer[data-layer=clouds]{animation:mf-clouds 20s linear infinite alternate}
.mf-vignette{background:linear-gradient(180deg,rgba(8,17,39,.35),transparent 25%,rgba(8,17,39,.08) 45%,rgba(8,17,39,.92) 100%);z-index:2}
.mf-skyglow{z-index:1;opacity:0;background:radial-gradient(ellipse at 50% 43%,color-mix(in srgb,var(--mf-gold) 42%,transparent),transparent 68%);transition:opacity 1.5s ease}
.is-changing .mf-skyglow{opacity:1}
.mf-close{position:absolute;z-index:8;right:max(20px,env(safe-area-inset-right));top:max(20px,env(safe-area-inset-top));border:1px solid #ffffff50;background:#102139df;color:#fff;padding:10px 18px;border-radius:24px;font:400 16px 'National Park',sans-serif;cursor:pointer}
.mf-close:focus-visible{outline:3px solid var(--mf-gold);outline-offset:4px}
.mf-kicker{position:absolute;z-index:4;top:12%;left:15px;right:15px;margin:0;font-size:13px;letter-spacing:.25em;text-transform:uppercase;text-shadow:0 2px 8px #000}
.mf-stage{position:absolute;z-index:3;width:310px;height:310px;left:50%;top:42%;transform:translate(-50%,-50%);display:grid;place-items:center;perspective:800px}
.mf-aura{position:absolute;inset:-45px;border-radius:50%;background:radial-gradient(circle,var(--mf-light) 0,transparent 63%);opacity:.12;transform:scale(.4);transition:transform 2s ease,opacity 2s ease;filter:blur(14px)}
.is-open .mf-aura{transform:scale(1.2);opacity:.34}
.mf-rays{position:absolute;inset:-65px;border-radius:50%;background:repeating-conic-gradient(from 15deg,transparent 0deg 15deg,var(--mf-gold) 18deg 21deg,transparent 25deg 40deg);mask-image:radial-gradient(circle,transparent 10%,#0005 30%,transparent 67%);opacity:.3;animation:mf-orbit 24s linear infinite}
.mf-ring{position:absolute;inset:18px;border:1px solid var(--mf-gold);border-radius:50%;opacity:.45;transform:rotateX(65deg);box-shadow:0 0 18px #b9daff25;animation:mf-ring 9s linear infinite}
.mf-ring.mf-ring-two{inset:-10px;border-style:dashed;opacity:.25;animation-direction:reverse;animation-duration:18s}
.mf-art{width:220px;height:220px;object-fit:contain;filter:drop-shadow(0 0 20px var(--mf-gold));transform:translateY(55px) scale(.6) rotate(-18deg);opacity:0;transition:transform 1.15s cubic-bezier(.18,.8,.2,1),opacity .6s ease}
.is-open .mf-art{opacity:1;transform:translateY(0) scale(1) rotate(0deg);animation:mf-hover 2.8s 1.2s ease-in-out infinite}
.is-changing .mf-art{animation:mf-release 2.1s ease-in-out forwards}
.mf-wave{position:absolute;inset:45px;border:2px solid var(--mf-light);border-radius:50%;opacity:0;box-shadow:0 0 30px var(--mf-gold)}
.is-changing .mf-wave{animation:mf-wave 2.3s ease-out forwards}
.mf-sparks{position:absolute;inset:0}
.mf-spark{position:absolute;left:50%;top:50%;width:5px;height:5px;background:var(--mf-light);border-radius:50%;box-shadow:0 0 9px var(--mf-gold);opacity:0;transform:rotate(var(--angle)) translateX(55px)}
.is-open .mf-spark{animation:mf-gather 1.5s var(--delay) ease-out both}
.is-changing .mf-spark{animation:mf-scatter 2.5s var(--delay) ease-out both}
.mf-copy{position:absolute;z-index:4;left:20px;right:20px;bottom:max(11%,80px);text-shadow:0 2px 15px #0009}
.mf-title{font:400 clamp(38px,6vw,66px)/1.12 'Bangers',sans-serif;letter-spacing:.025em;margin:0 0 15px;color:var(--mf-light)}
.mf-message{font-size:clamp(16px,2.8vw,20px);line-height:1.55;margin:0 auto;max-width:520px}
.mf-duration{display:inline-block;margin-top:20px;padding:9px 20px;border:1px solid #ffffff30;border-radius:30px;background:#102139b5;font-size:14px;color:#fff}
.mf-progress{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#ffffff15}
.mf-progress:after{content:'';display:block;height:100%;width:0;background:var(--mf-gold)}
.is-open .mf-progress:after{width:100%;transition:width 5.8s linear}
.santae-medallion-fx.is-leaving{opacity:0;pointer-events:none}
.santae-medallion-fx.mf-calm .mf-art{animation:none!important;transform:none!important}
.santae-medallion-fx.mf-calm .mf-ring,.santae-medallion-fx.mf-calm .mf-rays,.santae-medallion-fx.mf-calm .mf-sparks,.santae-medallion-fx.mf-calm .mf-wave{display:none}
.santae-medallion-fx.mf-calm .mf-layer{animation:none}
.santae-medallion-fx.mf-calm .mf-scene{transition-duration:.5s}
.santae-medallion-fx.mf-color-sensitive{--mf-gold:#bbcedb;--mf-light:#e6eef5}
.santae-medallion-fx.mf-color-sensitive .mf-art,.santae-medallion-fx.mf-color-sensitive .mf-scene{filter:saturate(.3)}
@keyframes mf-hover{50%{transform:translateY(-12px) rotate(3deg)}}
@keyframes mf-release{0%{opacity:1;transform:scale(1)}35%{opacity:1;transform:translateY(-15px) scale(1.14) rotateY(18deg)}100%{opacity:0;transform:translateY(-65px) scale(.25) rotateY(150deg)}}
@keyframes mf-orbit{to{transform:rotate(360deg)}}
@keyframes mf-ring{to{transform:rotateX(65deg) rotate(360deg)}}
@keyframes mf-wave{10%{opacity:.6}100%{opacity:0;transform:scale(6)}}
@keyframes mf-gather{0%{opacity:0;transform:rotate(var(--angle)) translateX(190px) scale(.5)}50%{opacity:.8}100%{opacity:.4;transform:rotate(var(--angle)) translateX(92px)}}
@keyframes mf-scatter{0%{opacity:.8;transform:rotate(var(--angle)) translateX(80px)}100%{opacity:0;transform:rotate(var(--angle)) translateX(var(--distance)) scale(.2)}}
@keyframes mf-clouds{to{background-position-x:54%}}
@media(max-width:600px){.mf-stage{top:39%;width:260px;height:260px}.mf-art{width:180px;height:180px}.mf-kicker{top:14%;font-size:11px;letter-spacing:.16em}.mf-copy{bottom:max(12%,70px)}.mf-title{font-size:40px}.mf-close{padding:8px 14px;font-size:14px}.mf-duration{margin-top:14px}.mf-layer{background-size:auto 85%;background-position:center 45%}}
@media(max-height:520px){.mf-stage{left:30%;top:52%;width:210px;height:210px}.mf-art{width:155px;height:155px}.mf-copy{left:52%;right:5%;bottom:20%}.mf-title{font-size:36px}.mf-kicker{top:8%}.mf-message{font-size:15px}.mf-duration{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.mf-layer,.mf-art,.mf-ring,.mf-rays,.mf-spark,.mf-wave{animation:none!important}.mf-scene{transition-duration:.5s}}