.gatebg{position:fixed;inset:0;z-index:-1;background:#0F1114 url(bg/dive-bar.webp) center 40%/cover no-repeat}
.gatebg:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,rgba(0,0,0,0) 30%,rgba(0,0,0,.6))}
.gatebg.dim:after{background:rgba(8,9,11,.55)}
body.gate{background:transparent;min-height:100vh}
.gmain{min-height:calc(100vh - 64px);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:4vh 16px 7vh;text-align:center}
.sign-wrap{position:relative;transform:rotate(-8deg);transform-origin:20% 0;margin-top:2vh}
.chain{position:absolute;bottom:100%;width:3px;background:repeating-linear-gradient(#8a8f95 0 6px,#3a3e43 6px 9px)}
.chain.c1{left:14%;height:40px}.chain.c2{right:14%;height:70px}
.xsign{margin:0;font:900 clamp(44px,9vw,120px)/1 Impact,"Arial Black",sans-serif;letter-spacing:.08em;color:#FFE2A8;
padding:.18em .45em;border:6px solid #4A4F55;border-radius:10px;background:linear-gradient(#2a2d31,#17191c);
text-shadow:0 0 6px #E8A33D,0 0 18px #E8A33D,0 0 42px rgba(232,163,61,.8);box-shadow:0 0 40px rgba(232,163,61,.25),inset 0 0 18px rgba(0,0,0,.8);animation:flick 6s infinite}
@keyframes flick{0%,18%,22%,62%,64%,100%{opacity:1}20%,63%{opacity:.55}}
@media(prefers-reduced-motion:reduce){.xsign{animation:none}}
.gtag{color:#e9e3d6;text-shadow:0 2px 8px #000;font-size:1.05rem;margin:auto 0 18px}
.pushbar{cursor:pointer;width:min(440px,86vw);padding:20px 0;border-radius:14px;border:2px solid #23262a;
background:linear-gradient(180deg,#b9bec4,#7c8288 45%,#4A4F55 55%,#646A71);box-shadow:0 8px 24px rgba(0,0,0,.7),inset 0 2px 0 rgba(255,255,255,.5);
font:900 1.9rem/1 Impact,"Arial Black",sans-serif;letter-spacing:.3em;color:#1b1d20;text-shadow:0 1px 0 rgba(255,255,255,.4);transition:filter .2s,transform .1s}
.pushbar:hover,.pushbar:focus-visible{filter:brightness(1.15);outline:3px solid #E8A33D;outline-offset:4px}.pushbar:active{transform:translateY(2px)}
#agedlg{background:rgba(20,22,25,.96);color:#eee;border:1px solid #4A4F55;border-radius:14px;padding:26px;max-width:min(420px,90vw)}
#agedlg::backdrop{background:rgba(0,0,0,.7);backdrop-filter:blur(3px)}
#agedlg h2{color:#E8A33D;margin-top:0}.dob{display:block;margin:12px 0;font-size:.9rem}.dob input{display:block;margin-top:6px;padding:8px;border-radius:8px;border:1px solid #4A4F55;background:#111;color:#eee}
#agedlg .btns{display:flex;gap:10px;justify-content:flex-end}.err{color:#ff9b7a;min-height:1em;margin:0}
.soon{font-size:1.3rem}.soon b{color:#E8A33D}
.topnav .nav18{border:1px solid #E8A33D;border-radius:6px;padding:0 6px;color:#E8A33D!important}
#agedlg form{display:block!important}#agedlg form>*{width:auto}
#agedlg .btns .btn{flex:0 0 auto;padding:10px 18px;height:auto}
.sign-wrap{margin-top:7vh}