#gdp-club3d[data-gdp-portal="active"]{opacity:1!important;background:#08080c!important;perspective:1000px;overflow:hidden}
#gdp-club3d[data-gdp-portal="active"]>.gdp-portal{position:absolute;inset:0;z-index:4;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(56,212,255,.12),transparent 20%),linear-gradient(90deg,#08080d,#151020 48%,#08080d);pointer-events:none;transform-style:preserve-3d;will-change:opacity}
#gdp-club3d[data-gdp-portal-ready="1"]>.gdp-portal{animation:gdp-portal-fade .35s ease forwards}
.gdp-portal__tunnel{position:absolute;inset:-12%;transform:translateZ(-180px) scale(1.2);background:repeating-linear-gradient(90deg,transparent 0 9%,rgba(244,241,233,.11) 9% 9.15%),repeating-linear-gradient(0deg,transparent 0 12%,rgba(56,212,255,.08) 12% 12.2%);animation:gdp-tunnel-push 1.35s cubic-bezier(.18,.78,.18,1) forwards}
.gdp-portal__room{position:absolute;top:18%;width:31%;height:64%;border:1px solid rgba(244,241,233,.18);background:linear-gradient(145deg,rgba(56,212,255,.13),rgba(8,8,12,.82) 50%,rgba(237,47,212,.12));box-shadow:0 0 60px rgba(56,212,255,.08),inset 0 0 48px rgba(0,0,0,.65);overflow:hidden}
.gdp-portal__room::before{content:"";position:absolute;inset:10%;border:1px solid rgba(244,241,233,.12);background:radial-gradient(circle at 50% 45%,var(--room-glow,rgba(56,212,255,.32)),transparent 45%)}
.gdp-portal__room::after{content:attr(data-room);position:absolute;left:10%;bottom:8%;font:700 11px/1 Inter,Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:rgba(244,241,233,.78)}
.gdp-portal__room--left{--room-glow:rgba(56,212,255,.3);left:-7%;transform:rotateY(61deg) translateZ(-40px);transform-origin:right center;animation:gdp-room-left 1.25s ease-out forwards}
.gdp-portal__room--right{--room-glow:rgba(237,47,212,.3);right:-7%;transform:rotateY(-61deg) translateZ(-40px);transform-origin:left center;animation:gdp-room-right 1.25s ease-out forwards}
.gdp-portal__threshold{position:absolute;left:50%;top:16%;bottom:12%;width:min(34vw,520px);transform:translateX(-50%) translateZ(40px);border:1px solid rgba(56,212,255,.35);box-shadow:0 0 75px rgba(56,212,255,.13),inset 0 0 65px rgba(237,47,212,.08);animation:gdp-threshold-push 1.35s cubic-bezier(.18,.78,.18,1) forwards}
.gdp-portal__status{position:absolute;left:50%;bottom:7%;transform:translateX(-50%);white-space:nowrap;color:#f4f1e9;font:700 11px/1 Inter,Arial,sans-serif;letter-spacing:.24em;text-transform:uppercase;text-shadow:0 2px 14px #000}
#gdp-club3d[data-gdp-portal-ready="1"]::before{content:"";position:absolute;z-index:8;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 18%,rgba(56,212,255,.08),transparent 38%);mix-blend-mode:screen}
@keyframes gdp-portal-fade{to{opacity:0;visibility:hidden}}
@keyframes gdp-tunnel-push{from{transform:translateZ(-260px) scale(1.38)}to{transform:translateZ(140px) scale(.94)}}
@keyframes gdp-room-left{to{transform:rotateY(76deg) translateX(-34%) translateZ(120px);opacity:.26}}
@keyframes gdp-room-right{to{transform:rotateY(-76deg) translateX(34%) translateZ(120px);opacity:.26}}
@keyframes gdp-threshold-push{from{transform:translateX(-50%) translateZ(-120px);opacity:.45}to{transform:translateX(-50%) translateZ(260px) scale(1.45);opacity:.05}}
@media(max-width:809px){.gdp-portal__room{display:none}.gdp-portal__threshold{width:72vw}.gdp-portal__tunnel{animation-duration:1s}.gdp-portal__status{bottom:10%;font-size:10px}}
@media(prefers-reduced-motion:reduce){#gdp-club3d[data-gdp-portal]{clip-path:none!important;animation:none!important}.gdp-portal{display:none!important}#gdp-club3d:has(canvas)::before,#gdp-club3d:has(canvas)::after{display:none!important}}