/* Cinematic, accessible post-authentication vault unlock */
#vaultDialScene{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 42%,#393026 0%,#161410 38%,#050505 76%);color:#e8dac0;opacity:0;transition:opacity .3s ease;pointer-events:none;font-family:Georgia,serif}
#vaultDialScene.is-visible{opacity:1;pointer-events:auto}
#vaultDialScene[hidden]{display:none!important}
.vd-grain{position:absolute;inset:0;background:url('https://static.showit.com/1600/tmtgNEyDIUShdSF8mX1KVQ/shared/vertical_grain.png') center/cover;opacity:.23;pointer-events:none}
.vd-frame{position:absolute;inset:2.2vmin;border:1px solid #b7a17d55;pointer-events:none}
.vd-vault{position:relative;width:min(76vw,440px);aspect-ratio:1;border:9px solid #4e4437;border-radius:50%;box-shadow:0 0 0 3px #a38a60,0 0 0 15px #191714,0 24px 90px #000c,inset 0 0 0 8px #131313;background:repeating-conic-gradient(from 5deg,#25211b 0deg 12deg,#383026 12deg 24deg);display:grid;place-items:center}
.vd-vault::before{content:'';position:absolute;inset:7%;border:2px solid #a38a6088;border-radius:50%;box-shadow:inset 0 0 35px #0009}
.vd-dial{width:63%;aspect-ratio:1;border-radius:50%;border:7px double #b9a078;background:radial-gradient(circle,#13110e 0 24%,#8d7854 25% 27%,#26211a 29% 66%,#b9a078 67% 69%,#17130e 70%);box-shadow:0 8px 25px #000b,inset 0 0 16px #000;position:relative;display:grid;place-items:center;transition:transform .8s cubic-bezier(.22,.61,.36,1)}
.vd-dial::after{content:'';position:absolute;inset:7%;border:1px dashed #e5d0a399;border-radius:50%}
.vd-dial-center{width:28%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 30%,#e0c59a,#665132 68%,#1b160f);box-shadow:0 3px 9px #000;z-index:1}
.vd-marker{position:absolute;top:-10%;left:50%;transform:translateX(-50%);width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:19px solid #d5b783}
.vd-label{position:absolute;top:calc(50% + min(41vw,245px));width:100%;text-align:center;letter-spacing:.22em;font:11px/1.6 system-ui,sans-serif;text-transform:uppercase;color:#c8b99f}
.vd-date{position:absolute;top:calc(50% + min(41vw,245px) + 27px);width:100%;text-align:center;font:italic 21px Georgia,serif;color:#eee0c9}
.vd-top{position:absolute;top:8%;text-align:center;letter-spacing:.27em;font:10px system-ui,sans-serif;text-transform:uppercase}
.vd-door{position:absolute;inset:0;background:linear-gradient(110deg,#0e0d0b,#2a251d 42%,#0d0b09);transform:translateX(-110%);opacity:0;pointer-events:none}
#vaultDialScene.is-opening .vd-vault{animation:vd-open .85s ease-in forwards}
#vaultDialScene.is-opening .vd-door{animation:vd-door .85s ease-in forwards}
@keyframes vd-open{to{transform:translateX(-130%) rotate(-12deg);opacity:0}}
@keyframes vd-door{from{opacity:0}to{opacity:0}}
.vd-skip{position:absolute;bottom:3.5%;right:4%;background:transparent;border:1px solid #b5a18166;color:#e8dac0;padding:10px 16px;border-radius:50px;cursor:pointer;font:11px system-ui,sans-serif;letter-spacing:.1em}
@media(max-width:600px){.vd-vault{width:min(76vw,340px)}.vd-label{top:calc(50% + 43vw)}.vd-date{top:calc(50% + 43vw + 26px)}.vd-top{top:12%}}
@media(prefers-reduced-motion:reduce){.vd-dial,.vd-vault,.vd-door,#vaultDialScene{animation:none!important;transition:none!important}}