@font-face{font-family:EtherniaTitle;src:url('/fonts/gang-of-three.woff2') format('woff2');font-display:swap}
:root{color-scheme:dark;--gold:#e9c78b}*{box-sizing:border-box}body{margin:0;background:#160b0e;color:#f7e7cb;font:14px/1.6 Arial,Helvetica,sans-serif;overflow-x:hidden}body:before{content:'';position:fixed;inset:0;z-index:-3;background:linear-gradient(180deg,#10080c20,#12080d1c 50%,#10060bc9),url('/img/protection/temple-gate-v1.webp') center/cover no-repeat;animation:scene-reveal 2s ease both}.access-fog{position:fixed;inset:-15%;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 20% 84%,#b8203940,transparent 44%),radial-gradient(ellipse at 78% 85%,#8f142e38,transparent 42%);animation:fog-drift 18s ease-in-out infinite alternate}.access-particles{position:fixed;inset:0;z-index:-1;pointer-events:none}.access-particles i{position:absolute;bottom:-16px;width:2px;height:2px;background:#f3cb80;border-radius:50%;box-shadow:0 0 8px #f1ab4b;opacity:0;animation:ember-rise 13s linear infinite}.access-particles i:nth-child(4n+1){left:17%;animation-delay:-2s}.access-particles i:nth-child(4n+2){left:33%;animation-delay:-7s;animation-duration:17s}.access-particles i:nth-child(4n+3){left:65%;animation-delay:-11s;animation-duration:19s}.access-particles i:nth-child(4n){left:82%;animation-delay:-4s;animation-duration:15s}.access-particles i:nth-child(n+5){margin-left:7%;animation-delay:-15s}.access-particles i:nth-child(n+9){margin-left:-8%;animation-delay:-9s}
.access-shell{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:72px 24px 52px}.access-topline{position:absolute;top:27px;left:38px;right:38px;display:flex;justify-content:space-between;color:#d3b787;font-size:9px;letter-spacing:2.5px;text-transform:uppercase;text-shadow:0 2px 5px #000}.access-topline span:last-child{color:#c6aa93}.access-card{position:relative;width:min(100%,460px);text-align:center;animation:portal-enter 1s .2s ease both}.access-card:before{content:'';position:absolute;z-index:-1;inset:80px -50px -20px;background:radial-gradient(ellipse,#17070ec4,transparent 72%);pointer-events:none}.access-seal{position:relative;display:grid;place-items:center;width:340px;max-width:100%;height:190px;margin:0 auto 9px}.access-seal:before{content:'';position:absolute;inset:15% 10%;background:radial-gradient(ellipse,#ca322c25,transparent 68%);filter:blur(12px);animation:logo-aura 5s ease-in-out infinite}.access-logo{position:relative;width:385px;height:255px;max-width:125%;object-fit:contain;transform:scale(1.35);filter:drop-shadow(0 7px 18px #0007);animation:logo-arrive 1.6s cubic-bezier(.2,.7,.2,1) both}.access-eyebrow{display:flex;align-items:center;justify-content:center;gap:13px;margin:0 0 11px;color:#e6c185;font-size:9px;font-weight:600;letter-spacing:3px}.access-eyebrow:before,.access-eyebrow:after{content:'';height:1px;width:48px;background:linear-gradient(90deg,transparent,#ddbd75)}.access-eyebrow:after{transform:rotate(180deg)}h1{font:400 clamp(27px,3vw,35px)/1.3 EtherniaTitle,Georgia,serif;letter-spacing:.3px;margin:0 0 13px;color:#fff0d3;text-shadow:0 3px 16px #0008}.access-intro{font-size:12px;line-height:1.8;max-width:350px;color:#d1bdae;margin:0 auto 24px;text-shadow:0 2px 4px #000}.access-seal-label{font-size:9px;letter-spacing:2.2px;color:#cdab73;margin:0 0 7px}.access-message{font-size:15px;font-weight:600;letter-spacing:.2px;min-height:25px;color:#f5dfb6;margin:0;text-shadow:0 2px 10px #000}.access-message.is-changing{animation:message-enter .4s ease both}
.access-meter{position:relative;display:flex;align-items:center;gap:13px;margin:17px auto 14px;max-width:390px}progress{appearance:none;flex:1;width:100%;min-width:0;height:4px;border:0;background:#e0b66b20;filter:drop-shadow(0 0 5px #ecb75650)}progress::-webkit-progress-bar{background:#e0b66b20}progress::-webkit-progress-value{background:linear-gradient(90deg,#a73a2c,#e9bd68,#ffe2a1);transition:width .2s linear}progress::-moz-progress-bar{background:#e9c17d}.access-percent{color:#e9c88a;font-size:10px;font-weight:700;font-variant-numeric:tabular-nums;min-width:34px}.access-steps{display:flex;justify-content:center;gap:18px;padding:0;list-style:none;margin:0 0 24px}.access-steps li{display:flex;align-items:center;gap:6px;color:#8f7465;font-size:9px;transition:color .3s}.access-step-mark{display:grid;place-items:center;flex-shrink:0;width:14px;height:14px;border:1px solid #b88f4c50;border-radius:50%;font-size:7px}.access-steps li.is-current{color:#ecd5ae}.access-steps li.is-current .access-step-mark{border-color:#e6be78;box-shadow:0 0 8px #e9ae4d30}.access-steps li.is-complete{color:#d3b688}.access-steps li.is-complete .access-step-mark{background:#c39c5525;border-color:#b99559;color:#f2d498}
.access-continue,button{position:relative;width:min(100%,380px);min-height:53px;padding:15px 20px;border:1px solid #e1b9798c;background:#742629 url('/img/abra2-ui/button-welcome-red.webp') center/cover;color:#ffe8be;box-shadow:0 8px 25px #0004,inset 0 0 0 4px #1305072b;font:700 13px/1.4 Arial,sans-serif;letter-spacing:.4px;cursor:pointer;transition:opacity .3s,filter .3s,box-shadow .3s;overflow:hidden}.access-continue:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#fff0c92b,transparent);transform:translateX(-130%) skewX(-25deg);animation:button-sheen 5s 1s ease-in-out infinite}.access-continue:after{content:'';position:absolute;inset:5px;border:1px solid #ffc57222;pointer-events:none}.access-continue:hover:enabled{filter:brightness(1.2);box-shadow:0 0 32px #a33c2b40,0 8px 25px #0004}.access-continue:focus-visible{outline:2px solid #f4d59a;outline-offset:5px}.access-continue[disabled]{opacity:.45;cursor:wait}.access-continue[hidden]{display:none}.access-status{min-height:20px;font-size:10px;color:#bba08b;margin:12px auto 0}.access-meter-note{font-size:9px;color:#977b69;margin:12px 0 0}.access-footer{position:relative;color:#ac917b;font-size:10px;text-align:center;margin:28px 0 0;letter-spacing:.1px;max-width:450px;text-shadow:0 2px 5px #000}.access-footer b{color:#ccb28e;font-weight:400}.access-card.is-ready .access-seal-label{color:#ffe3a2}
@keyframes fog-drift{to{transform:translate(4%,-3%) scale(1.05)}}@keyframes ember-rise{0%{transform:translate(0,0);opacity:0}15%{opacity:.7}80%{opacity:.4}100%{transform:translate(45px,-105vh);opacity:0}}@keyframes logo-aura{50%{opacity:.5;transform:scale(.92)}}@keyframes logo-arrive{from{opacity:0;transform:translateY(12px) scale(1.25)}to{opacity:1;transform:translateY(0) scale(1.35)}}@keyframes scene-reveal{from{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes portal-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes message-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes button-sheen{0%,60%{transform:translateX(-130%) skewX(-25deg)}90%,100%{transform:translateX(130%) skewX(-25deg)}}
@media(min-width:1200px) and (min-height:800px){.access-seal{height:225px}.access-logo{width:440px;height:290px}.access-intro{margin-bottom:28px}.access-steps{margin-bottom:30px}.access-card{width:480px}}@media(max-width:600px){body:before{background-position:center center}.access-shell{padding:58px 22px 28px}.access-topline{top:20px;left:22px;right:22px;font-size:8px;letter-spacing:1.7px}.access-topline span:last-child{display:none}.access-seal{height:175px;width:290px}.access-logo{width:330px;height:235px}.access-card:before{inset:40px -18px -20px}h1{font-size:29px}.access-intro{max-width:310px;font-size:12px}.access-steps{gap:10px}.access-steps li{font-size:8px;gap:4px}.access-footer{font-size:9px;margin-top:22px;max-width:300px}.access-eyebrow{font-size:8px;letter-spacing:2px}.access-continue{width:100%}.access-seal-label{font-size:8px}.access-message{font-size:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.access-particles{display:none}}
@media(min-width:761px) and (max-height:780px){.access-shell{padding:48px 24px 24px}.access-seal{height:140px;margin-bottom:14px}.access-logo{width:350px;height:215px}.access-eyebrow{margin-bottom:9px}h1{font-size:30px;margin-bottom:10px}.access-intro{margin-bottom:17px}.access-meter{margin-top:12px;margin-bottom:11px}.access-steps{margin-bottom:18px}.access-footer{margin-top:16px;font-size:9px}}
.access-shell{width:100%;overflow:hidden}.access-seal{margin-bottom:24px}