.vault-experience{--vault-bg:#f4f6f0;--vault-ink:#294638;--vault-muted:#768375;--vault-metal:#b4c2b6;--vault-edge:#e1e8df;background:var(--vault-bg);min-height:100dvh}.vault-intro{background:radial-gradient(ellipse at 50% 42%,#fff9,transparent 65%),var(--vault-bg);z-index:50;color:var(--vault-ink);position:fixed;inset:0;overflow:hidden}.vault-intro-brand{letter-spacing:-1.5px;font-size:32px;font-weight:600;position:absolute;top:32px;left:42px}.vault-intro-brand>span{color:#91a77d}.vault-skip{color:var(--vault-ink);z-index:2;background:0 0;border:1px solid #8e9f8535;border-radius:30px;align-items:center;gap:10px;padding:10px 14px;font-size:12px;display:flex;position:absolute;top:38px;right:38px}.vault-center{width:min(620px,100%);position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.vault-stage{perspective:1000px;isolation:isolate;width:360px;height:300px;margin:0 auto;position:relative}.vault-floor{background:radial-gradient(#203c3533,#0000 70%);border-radius:50%;height:45px;position:absolute;bottom:9px;left:10%;right:-10%;transform:rotate(-4deg)}.vault-body{background:linear-gradient(135deg,var(--vault-edge),var(--vault-metal));width:228px;height:238px;transform-style:preserve-3d;border-radius:15px;position:absolute;top:29px;left:82px;transform:rotateY(-10deg)rotateX(3deg);box-shadow:12px 10px #829789,15px 15px #768b7c,20px 20px 30px #19342920}.vault-cavity{background:linear-gradient(135deg,#0e241a,#2c4837);border:8px solid #647c6c;border-radius:8px;position:absolute;inset:18px;overflow:hidden;box-shadow:inset 15px 12px 25px #09190ece,0 0 0 1px #f4f8ec80}.vault-cavity:after{content:"";background:radial-gradient(at 50% 20%,#b1d29a25,#0000 70%);position:absolute;inset:0}.vault-inner-panel{color:#b3c8a866;border:1px solid #98b99a20;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:24px;font-weight:600;display:flex;position:absolute;inset:35px 25px 27px 35px}.vault-inner-panel svg{width:27px;height:27px}.vault-shelf{background:linear-gradient(#8c9f85,#2e4337);height:5px;position:absolute;bottom:20px;left:0;right:0;box-shadow:0 7px 10px #071e1380}.vault-rim{pointer-events:none;border:1px solid #f6f9f299;border-radius:10px;position:absolute;inset:8px}.vault-door{transform-origin:0;transform-style:preserve-3d;z-index:3;position:absolute;inset:9px;transform:rotateY(-108deg)}.vault-door-face{backface-visibility:visible;background:linear-gradient(125deg,#dce4d8 0%,#a9bcaa 44%,#849d8d 100%);border:2px solid #d7e0d4;border-radius:11px;position:absolute;inset:0;box-shadow:inset 0 0 0 7px #7e978680,inset 0 0 0 8px #e0e9dc55,6px 3px #597663}.vault-door-face:before{content:"";border:1px solid #536f5c55;border-radius:6px;position:absolute;inset:17px}.vault-door-wordmark{text-align:center;letter-spacing:4px;color:#405e4b;font-size:9px;position:absolute;top:33px;left:0;right:0}.vault-dial{background:radial-gradient(circle,#c4d1bf 0%,#7b977f 65%);border:6px solid #486953;border-radius:50%;width:71px;height:71px;position:absolute;top:79px;left:45px;box-shadow:0 0 0 3px #d8e1ce,4px 6px 9px #193c343b,inset 0 0 0 3px #abc19e}.vault-dial>span{background:#345741;border:2px solid #d6e3cd;border-radius:50%;position:absolute;inset:20px}.vault-dial i{transform-origin:50% 25px;background:linear-gradient(90deg,#4e7458,#d3dfc4);border-radius:3px;width:5px;height:24px;position:absolute;top:4px;left:25px}.vault-dial i:nth-of-type(2){transform:rotate(120deg)}.vault-dial i:nth-of-type(3){transform:rotate(240deg)}.vault-handle{background:linear-gradient(90deg,#46694e,#d8e4ce,#698a6b);border-radius:6px;width:12px;height:63px;position:absolute;top:86px;right:35px;box-shadow:4px 3px 5px #28433350}.vault-hinge{background:linear-gradient(90deg,#587961,#c8d5bf,#6d8a71);border:1px solid #9faf9c;border-radius:4px;width:14px;height:31px;position:absolute;left:-6px}.hinge-top{top:28px}.hinge-bottom{bottom:28px}.vault-lock{letter-spacing:1.5px;color:#214932;opacity:0;justify-content:center;align-items:center;gap:6px;font-size:8px;display:flex;position:absolute;bottom:31px;left:0;right:0}.vault-bills{z-index:2;pointer-events:none;position:absolute;inset:0}.vault-bill-flight{opacity:0;--start-x:-290px;--start-y:-90px;--bend-x:-160px;--bend-y:-135px;--turn:-22deg;--delay:0s;width:87px;height:44px;position:absolute;top:102px;left:70px}.vault-bill{filter:drop-shadow(3px 5px 3px #16362230);width:100%;height:100%;display:block;overflow:visible}.vault-bill rect:first-child{fill:#a8ba93;stroke:#e7ead8}.vault-bill rect:nth-child(2){fill:none;stroke:#688563;stroke-width:1px}.vault-bill ellipse{fill:#c5d3af;stroke:#758f65}.vault-bill path{fill:none;stroke:#4a6c4d;stroke-width:2px;stroke-linecap:round}.vault-bill circle{fill:#718e67}.bill-1{--start-x:250px;--start-y:-145px;--bend-x:160px;--bend-y:-50px;--turn:27deg;--delay:.11s}.bill-2{--start-x:-260px;--start-y:140px;--bend-x:-105px;--bend-y:135px;--turn:18deg;--delay:.23s}.bill-3{--start-x:240px;--start-y:110px;--bend-x:145px;--bend-y:0px;--turn:-25deg;--delay:.34s}.bill-4{--start-x:20px;--start-y:-200px;--bend-x:-95px;--bend-y:-110px;--turn:-15deg;--delay:.46s}.bill-5{--start-x:220px;--start-y:20px;--bend-x:75px;--bend-y:65px;--turn:35deg;--delay:.58s}.vault-caption{text-align:center;margin:22px auto 0;padding:0 20px}.vault-caption>span{letter-spacing:2.4px;color:var(--vault-muted);font-size:9px}.vault-caption h1{letter-spacing:-.8px;margin:13px 0 10px;font-size:32px}.vault-caption p{color:var(--vault-muted);font-size:12px}.vault-login-content,.vault-login-content>.access-page{min-height:100dvh}.vault-experience[data-intro=checking] .vault-login-content,.vault-experience[data-intro=playing] .vault-login-content,.vault-experience[data-intro=checking] .vault-intro{visibility:hidden}.vault-experience:is([data-intro=checking],[data-intro=playing]) .login-motion *{animation:none!important}.vault-experience:is([data-intro=playing],[data-intro=revealing]) .vault-stage{animation:.45s ease-out both vault-appear}.vault-experience:is([data-intro=playing],[data-intro=revealing]) .vault-door{animation:2.85s cubic-bezier(.4,0,.2,1) both vault-door-cycle}.vault-experience:is([data-intro=playing],[data-intro=revealing]) .vault-dial{animation:2.85s ease-in-out both vault-dial-cycle}.vault-experience:is([data-intro=playing],[data-intro=revealing]) .vault-lock{animation:2.85s both vault-lock-cycle}.vault-experience:is([data-intro=playing],[data-intro=revealing]) .vault-bill-flight{animation:vault-money 1s var(--delay) cubic-bezier(.25,.45,.35,1) both}.vault-experience[data-intro=revealing] .vault-intro{pointer-events:none;animation:.65s ease-in both vault-away}.vault-experience[data-intro=revealing] .vault-login-content{visibility:visible;animation:.65s cubic-bezier(.16,1,.3,1) both vault-form-reveal}.vault-experience .login-motion :is(.access-brand,.access-card){animation:none}.vault-replay{z-index:5;color:var(--vault-muted);background:var(--vault-bg);border:0;border-radius:20px;align-items:center;gap:6px;padding:8px 12px;font-size:10px;display:flex;position:fixed;bottom:12px;right:16px}.vault-noscript{background:var(--vault-bg);color:var(--vault-ink);padding:12px;position:fixed;bottom:0}.login-password-field{flex-direction:column;gap:8px;animation:.7s .43s both login-arrive;display:flex}.login-password-field>label{color:var(--ink);font-size:12px}.login-password-control{position:relative}.login-password-control input{width:100%;padding-right:48px}.login-password-toggle{color:#6b8067;background:0 0;border:0;border-radius:5px;place-items:center;min-width:42px;display:grid;position:absolute;top:3px;bottom:3px;right:3px}.login-motion .error-message{animation:.3s ease-out both vault-error}@keyframes vault-appear{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:none}}@keyframes vault-money{0%{opacity:0;transform:translate(var(--start-x),var(--start-y)) rotate(var(--turn)) scale(1.05)}15%{opacity:1}52%{opacity:1;transform:translate(var(--bend-x),var(--bend-y)) rotate(calc(var(--turn) * -.4)) scale(.85)}85%{opacity:1}to{opacity:0;transform:translate(0)rotate(0)scale(.12)}}@keyframes vault-door-cycle{0%,55%{transform:rotateY(-108deg)}65%{transform:rotateY(2deg)}69%,79%{transform:rotateY(0)}to{transform:rotateY(-108deg)}}@keyframes vault-dial-cycle{0%,64%{transform:rotate(0)}73%,78%{transform:rotate(160deg)}90%,to{transform:rotate(-30deg)}}@keyframes vault-lock-cycle{0%,65%{opacity:0}70%,78%{opacity:1}85%,to{opacity:0}}@keyframes vault-away{0%{opacity:1}to{opacity:0;transform:scale(.92)}}@keyframes vault-form-reveal{0%{opacity:0;transform:translateY(35px)scale(.55)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes vault-error{0%,to{transform:translate(0)}30%{transform:translate(-3px)}65%{transform:translate(3px)}}[data-theme=dark] .vault-experience{--vault-bg:#142019;--vault-ink:#e0ead9;--vault-muted:#a8b99e;--vault-metal:#788f7e;--vault-edge:#aba}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .vault-experience{--vault-bg:#142019;--vault-ink:#e0ead9;--vault-muted:#a8b99e;--vault-metal:#788f7e;--vault-edge:#aba}:root:not([data-theme=light]) .vault-intro{background:radial-gradient(ellipse at 50% 42%,#4f725633,transparent 65%),var(--vault-bg)}:root:not([data-theme=light]) .vault-experience .access-page{background:var(--vault-bg);color:var(--vault-ink)}:root:not([data-theme=light]) .vault-experience .access-card{background:#1d2b22;border-color:#354638}:root:not([data-theme=light]) .vault-experience .access-brand{color:var(--vault-ink)}:root:not([data-theme=light]) .vault-experience .entry-form input{color:#e0ead9;background:#142019;border-color:#425445}:root:not([data-theme=light]) .vault-experience .entry-form label{color:#b8c6ae}:root:not([data-theme=light]) .vault-experience .login-atmosphere{opacity:.2}:root:not([data-theme=light]) .vault-experience .access-card>p{color:#a8b99e}}@media (max-width:600px){.vault-intro-brand{font-size:28px;top:23px;left:22px}.vault-skip{font-size:11px;top:25px;right:16px}.vault-stage{margin:-15px 0 -32px;left:calc(50% - 180px);scale:.82}.vault-caption h1{font-size:28px}.vault-center{top:47%}.vault-experience .access-page{padding-bottom:55px}.vault-experience .entry-form input{font-size:16px}}@media (max-height:540px){.vault-center{top:52%}.vault-stage{margin-top:-50px;margin-bottom:-70px;scale:.65}.vault-caption h1{margin:8px;font-size:24px}.vault-caption>span{font-size:8px}}@media (prefers-reduced-motion:reduce){.vault-intro{display:none}.vault-login-content{visibility:visible!important;opacity:1!important;transform:none!important}.vault-experience *,.vault-experience :before,.vault-experience :after{transition:none!important;animation:none!important}.vault-replay{display:none}}
