body.gated{overflow:hidden}#gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 35%,#123a5c,#0d2b45 60%,#081c2e);color:#fff;transition:opacity .55s ease,visibility .55s ease}#gate.done{opacity:0;visibility:hidden;pointer-events:none}.gate-inner{display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px;text-align:center}.gate-logo{width:128px;height:128px;perspective:700px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 12px 28px rgba(14,165,164,.45))}.gate-logo img{width:100%;height:100%;object-fit:contain;animation:gateSpin 1.8s linear infinite;transform-style:preserve-3d}@keyframes gateSpin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.gate-name{font-family:Fraunces,Georgia,serif;font-size:24px;font-weight:600;letter-spacing:.3px}.gate-status{font-size:14px;color:#ffffffbf;min-height:21px}.gate-err{color:#ffb4a0;font-size:14px}#turnstileBox{min-height:0;display:flex;justify-content:center}.gate-bar{width:180px;height:4px;border-radius:4px;background:#ffffff26;overflow:hidden;margin-top:4px}.gate-bar span{display:block;height:100%;width:40%;border-radius:4px;background:#0ea5a4;animation:gateBar 1.3s ease-in-out infinite}@keyframes gateBar{0%{transform:translate(-100%)}to{transform:translate(350%)}}@media(prefers-reduced-motion:reduce){.gate-logo img{animation:gatePulse 1.6s ease-in-out infinite}@keyframes gatePulse{0%,to{opacity:.6}50%{opacity:1}}.gate-bar span{animation:none;width:100%}}