/* Optional scene: none of these rules affect portals using the default theme. */
.gw-scene[data-appearance]{--scene-glass:rgba(13,24,44,.66);--scene-line:rgba(183,207,255,.24);--scene-ink:#f2f6ff;--scene-muted:#b4c4dc;--scene-field:rgba(6,17,35,.66);--gw-shade:.55;isolation:isolate}
:root[data-theme=light] .gw-scene[data-appearance]{--scene-glass:rgba(255,255,255,.7);--scene-line:rgba(255,255,255,.62);--scene-ink:#132039;--scene-muted:#455b79;--scene-field:rgba(255,255,255,.6)}
body.gateway-page.gw-scene{position:relative;--gw-panel:var(--scene-glass);--gw-input:var(--scene-field);--gw-line:var(--scene-line);--gw-text:var(--scene-ink);--gw-muted:var(--scene-muted);background:#071125}
.gw-background{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none;user-select:none;background:#081329}
body.gw-scene>.gw-background{position:fixed;inset:0;width:100%;height:100%;height:100lvh}
.gw-ambient{position:absolute;inset:0;overflow:hidden;perspective:1000px;background:radial-gradient(ellipse at 76% 18%,#284e8670,transparent 55%),radial-gradient(ellipse at 13% 76%,#3a287077,transparent 55%),linear-gradient(135deg,#08142c,#111a38 48%,#082c3c)}
.gw-aurora{position:absolute;width:90%;height:70%;left:22%;top:-22%;background:radial-gradient(ellipse,#43bbef55,transparent 66%);filter:blur(35px);animation:gw-drift 22s ease-in-out infinite alternate;animation-play-state:paused}
.gw-orbit{position:absolute;border:1px solid #b1d8ff50;border-radius:50%;box-shadow:inset -25px -28px 55px #020713b0,inset 10px 12px 25px #e0f7ff30,0 35px 100px #0006;animation:gw-float 18s ease-in-out infinite alternate;animation-play-state:paused;will-change:transform}
.gw-orbit:after{content:'';position:absolute;inset:-17%;border:1px solid #8fdcff55;border-radius:50%;transform:rotateX(69deg) rotateZ(-24deg);box-shadow:0 0 35px #60caff18}
.gw-orbit-one{width:clamp(230px,32vw,520px);aspect-ratio:1;right:-6%;top:8%;background:radial-gradient(circle at 27% 24%,#b9e9ff,#4c8dc3 28%,#243654 61%,#101b35 85%);animation-delay:-5s}
.gw-orbit-two{width:clamp(140px,20vw,310px);aspect-ratio:1;left:-5%;bottom:5%;background:radial-gradient(circle at 30% 24%,#d8c5ff,#7b6ac9 32%,#30365d 65%,#151d3d);animation-duration:24s}
.gw-orbit-three{width:clamp(65px,8vw,120px);aspect-ratio:1;left:44%;top:14%;background:radial-gradient(circle at 30% 24%,#c0fff0,#3cb5b5 36%,#174f68 65%,#11283f);animation-duration:20s;animation-delay:-11s}
.gw-floor{position:absolute;left:-40%;right:-40%;bottom:-32%;height:65%;transform:rotateX(67deg);transform-origin:50% 0;background-image:linear-gradient(#8abfff1a 1px,transparent 1px),linear-gradient(90deg,#8abfff1a 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(transparent,#000 35%,transparent 95%);-webkit-mask-image:linear-gradient(transparent,#000 35%,transparent 95%)}
.gw-background-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .7s ease}
.gw-scene[data-video-state=ready] .gw-background-video{opacity:1}
.gw-background-shade{position:absolute;inset:0;background:linear-gradient(110deg,rgba(4,11,26,var(--gw-shade)),rgba(5,13,30,calc(var(--gw-shade) * .68)));box-shadow:inset 0 0 180px #03081440}
.gw-scene[data-motion=playing] .gw-orbit,.gw-scene[data-motion=playing] .gw-aurora{animation-play-state:running}
body.gw-scene .gw-card,body.gw-scene .gw-intro,.gw-scene .gw-glass{background:var(--scene-glass);border:1px solid var(--scene-line);box-shadow:0 28px 75px #020a2040,inset 0 1px #ffffff28;backdrop-filter:blur(14px) saturate(115%);-webkit-backdrop-filter:blur(14px) saturate(115%);color:var(--scene-ink)}
body.gw-scene .gw-main{gap:44px;grid-template-columns:minmax(0,1fr) 490px;align-items:center;padding-top:35px}
body.gw-scene .gw-intro{padding:30px;border-radius:23px;min-width:0}
body.gw-scene .gw-intro h1{font-size:clamp(39px,4vw,50px);margin-top:0}
body.gw-scene .gw-intro .gw-lead{font-size:14px}
body.gw-scene .gw-steps{margin:26px 0}
body.gw-scene .gw-selected-game{background:var(--scene-field)}
body.gw-scene .gw-support{color:#e2ecff;text-shadow:0 1px 5px #0008;background:#08172d80;border:1px solid #ffffff30;border-radius:999px;padding:9px 12px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
body.gw-scene .gw-footer{color:#e2ecff;border-color:#ffffff30;text-shadow:0 1px 5px #0009;background:#08172d80;padding:20px 16px;border-radius:12px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
body.gw-scene select option{background:#14243d;color:#f2f6ff}
:root[data-theme=light] body.gw-scene select option{background:#f7f9fc;color:#132039}
.gw-motion-button{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:9px 13px;border:1px solid #ffffff40;border-radius:999px;background:#0a183b66;color:#edf4ff;font:13px/1.4 'Be Vietnam Pro','Segoe UI',Arial,sans-serif;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.gw-motion-button svg{display:block;width:16px;height:16px;flex-shrink:0}.gw-motion-button svg[hidden]{display:none}.gw-motion-button:hover{background:#263f6999}.gw-motion-button:focus-visible{outline:2px solid #c3ddff;outline-offset:4px}
@keyframes gw-float{from{transform:translate3d(0,0,0) rotate(-8deg)}to{transform:translate3d(-28px,-35px,30px) rotate(12deg)}}
@keyframes gw-drift{from{transform:translate(-10%,0) scale(.9)}to{transform:translate(10%,15%) scale(1.14)}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){body.gw-scene .gw-card,body.gw-scene .gw-intro,.gw-scene .gw-glass{background:#101d32}:root[data-theme=light] body.gw-scene .gw-card,:root[data-theme=light] body.gw-scene .gw-intro,:root[data-theme=light] .gw-scene .gw-glass{background:#eff4fc}}
@media(max-width:1050px){body.gw-scene .gw-main{grid-template-columns:minmax(0,1fr) 450px;gap:25px}body.gw-scene .gw-intro{padding:25px}}
@media(max-width:850px){body.gw-scene .gw-main{grid-template-columns:1fr;gap:22px;padding-top:20px}body.gw-scene .gw-intro{padding:24px}body.gw-scene .gw-intro h1{font-size:38px}body.gw-scene .gw-card,body.gw-scene .gw-intro{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.gw-orbit-one{right:-40%;top:12%}.gw-orbit-two{left:-20%;bottom:8%}body.gw-scene .gw-nav-actions{gap:12px}.gw-motion-button{font-size:11px;min-height:38px;padding:8px 11px}.gw-motion-button [data-motion-label]{display:none}}
@media(prefers-reduced-motion:reduce){.gw-scene .gw-orbit,.gw-scene .gw-aurora{animation:none!important;will-change:auto}.gw-scene .gw-background-video{transition:none}}