.haze-backdrop{z-index:70;background:#03111880;position:fixed;inset:0}.haze-backdrop[data-tone=lit]{background:#23303a52}@supports ((-webkit-backdrop-filter:blur(3px)) or (backdrop-filter:blur(3px))){.haze-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}}.haze-backdrop[data-open]{animation:.42s ease-out backwards haze-fade-in}.haze-backdrop[data-closed]{animation:.7s ease-in forwards haze-unveil}.haze-card{z-index:71;perspective:1200px;outline:none;width:min(340px,100vw - 40px);margin-inline:auto;position:fixed;top:50%;left:0;right:0;translate:0 -50%}.haze-flip{transform-style:preserve-3d;display:grid}.haze-face,.haze-back{backface-visibility:hidden;border:1.5px solid #0000;border-radius:20px;grid-area:1/1;position:relative;box-shadow:0 30px 60px -26px #020c12d9}.haze-back{opacity:0;background:radial-gradient(120% 80% at 30% 0%, #f6e3ac1f, transparent 60%) padding-box, linear-gradient(168deg, #0a4257, #041a24) padding-box, var(--metal) border-box;place-items:center;display:grid;overflow:hidden;transform:rotateY(180deg)}.haze-back:before,.haze-back:after{content:"";pointer-events:none;border-radius:13px;position:absolute}.haze-back:before{background-image:repeating-linear-gradient(45deg,#d4af5712 0 1px,#0000 1px 14px),repeating-linear-gradient(-45deg,#d4af5712 0 1px,#0000 1px 14px);border:1px solid #d4af578c;inset:11px}.haze-back:after{border:1px solid #d4af5740;inset:16px}.haze-back-mark{color:#d4af57;filter:drop-shadow(0 2px 6px #00000080);width:38%;position:relative}.haze-face{text-align:center;flex-direction:column;align-items:center;padding:26px 24px 22px;display:flex;overflow:hidden}.haze-card[data-tone=royal] .haze-face{--haze-ink:#f7f1e3e6;--haze-gold:#d4af57;--haze-mist:246 227 172;--haze-line:url(#metal-stroke);background:linear-gradient(168deg, #0a4257, #041a24) padding-box, var(--metal) border-box}.haze-card[data-tone=lit] .haze-face{--haze-ink:#23303a;--haze-gold:#856610;--haze-mist:140 118 86;--haze-line:url(#haze-gilt-lit);background:linear-gradient(170deg, #fbf7ef, #f2e8d5) padding-box, var(--metal) border-box;box-shadow:0 30px 60px -28px #23303a8c}.haze-x{z-index:1;width:44px;height:44px;color:var(--haze-gold);cursor:pointer;border-radius:999px;place-items:center;transition:background-color .16s;display:grid;position:absolute;top:8px;right:8px}.haze-x:hover{background:rgb(var(--haze-mist) / .14)}.haze-art{flex-direction:column;align-items:center;margin-top:8px;display:flex}.haze-crest{align-items:center;gap:2px;display:flex}.haze-laurel{margin-inline:-3px;translate:0 7px;rotate:18deg}.haze-laurel:last-child{rotate:-18deg}.haze-mask{width:92px;stroke:var(--haze-line);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.haze-mask .haze-mask-body{fill:rgb(var(--haze-mist) / .12)}.haze-mask .haze-mask-wire{stroke-width:2.6px}.haze-wind{gap:5px;width:132px;margin-top:2px;display:grid;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 30% 70%,#0000);mask-image:linear-gradient(90deg,#0000,#000 30% 70%,#0000)}.haze-wind svg{width:200%;height:6px;stroke:rgb(var(--haze-mist) / .55);stroke-width:1px;vector-effect:non-scaling-stroke;animation:3.2s linear infinite haze-wind;display:block}.haze-wind svg path{vector-effect:non-scaling-stroke}.haze-wind svg:last-child{margin-left:-6%;animation-duration:4.6s}.haze-card[data-tone=royal] .haze-mask{filter:drop-shadow(0 1px 2px #00000080)}.haze-eyebrow{font:500 11px/1.4 var(--font-crest);letter-spacing:.28em;text-transform:uppercase;color:var(--haze-gold);margin-top:10px}.haze-title{font:400 27px/1.2 var(--font-script);color:var(--haze-gold);text-wrap:balance;margin-top:4px}.haze-rule{background:linear-gradient(90deg, transparent, var(--haze-gold), transparent);width:64px;height:1px;margin-top:12px}.haze-body{max-width:30ch;font:500 18px/1.55 var(--font-body);color:var(--haze-ink);text-wrap:pretty;margin-top:12px}.haze-action{width:100%;min-height:52px;font:500 13px/1.3 var(--font-util);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;border:1px solid #d4af5799;border-radius:10px;margin-top:20px;padding:12px 20px;transition:transform .15s ease-out,background-color .16s;box-shadow:0 4px 10px -4px #0119218c}.haze-card[data-tone=royal] .haze-action{color:#0a4257;background:#f7f1e3}.haze-card[data-tone=royal] .haze-action:hover{background:#fbf7ef}.haze-card[data-tone=lit] .haze-action{color:#f7f1e3;background:#0a4257}.haze-card[data-tone=lit] .haze-action:hover{background:#0b4f68}.haze-action:active{transform:scale(.97)}.haze-x:focus,.haze-action:focus{outline:none}.haze-card[data-keyboard] .haze-x:focus-visible,.haze-card[data-keyboard] .haze-action:focus-visible{outline:2px solid var(--haze-gold);outline-offset:2px}.haze-card[data-open]{animation:.56s cubic-bezier(.22,1,.36,1) backwards haze-deal}.haze-card[data-open] .haze-flip{animation:.86s .52s backwards haze-turn-up}.haze-card[data-open] .haze-face{animation:.86s .52s backwards haze-swap-in}.haze-card[data-open] .haze-back{animation:.86s .52s backwards haze-swap-out}.haze-card[data-open] .haze-mask path{stroke-dasharray:100;animation:1.1s cubic-bezier(.3,.8,.3,1) 1s backwards haze-draw}.haze-card[data-closed]{animation:.7s forwards haze-leave}.haze-card[data-closed] .haze-flip{animation:.38s forwards haze-turn-down}.haze-card[data-closed] .haze-face{animation:.38s forwards haze-swap-out}.haze-card[data-closed] .haze-back{animation:.38s forwards haze-swap-in}@keyframes haze-fade-in{0%{opacity:0}}@keyframes haze-unveil{0%,40%{opacity:1}to{opacity:0}}@keyframes haze-deal{0%{opacity:0;transform:translateY(64px)rotate(-5deg)scale(.9)}}@keyframes haze-turn-up{0%{animation-timing-function:cubic-bezier(.5,0,.9,.5);transform:rotateY(180deg)}50%{animation-timing-function:cubic-bezier(.1,.5,.4,1);transform:rotateY(90deg)scale(1.04)}82%{animation-timing-function:ease-in-out;transform:rotateY(-7deg)}to{transform:rotateY(0)}}@keyframes haze-turn-down{0%{animation-timing-function:cubic-bezier(.5,0,.9,.5);transform:rotateY(0)}50%{animation-timing-function:cubic-bezier(.1,.5,.4,1);transform:rotateY(-90deg)scale(1.03)}to{transform:rotateY(-180deg)}}@keyframes haze-swap-in{0%,49.9%{opacity:0}50%,to{opacity:1}}@keyframes haze-swap-out{0%,49.9%{opacity:1}50%,to{opacity:0}}@keyframes haze-leave{0%,46%{opacity:1;animation-timing-function:cubic-bezier(.4,0,1,1);transform:none}to{opacity:0;transform:translateY(56px)rotate(4deg)scale(.92)}}@keyframes haze-draw{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}@keyframes haze-wind{to{transform:translate(-12.5%)}}@media (prefers-reduced-motion:reduce){.haze-card[data-open]{animation:.2s ease-out backwards haze-fade-in}.haze-card[data-closed],.haze-backdrop[data-closed]{animation:.2s ease-in forwards haze-fade-out}.haze-card .haze-flip,.haze-card .haze-face,.haze-card .haze-back,.haze-card .haze-mask path,.haze-wind svg{animation:none!important}}@keyframes haze-fade-out{to{opacity:0}}