/* DE8A9 V5 - immersive responsive ambient effects; V4 logic preserved */
.v5-experience{--mx:0px;--my:0px;--px:0px;--py:0px;min-height:calc(100svh - 76px);position:relative;overflow:hidden;background:radial-gradient(ellipse at 48% 35%,#19313c 0%,#08141e 53%,#030b12 100%)}
.v5-experience::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,#051018dd,transparent 24%,transparent 80%,#05101822);}
.v5-experience .v3-wait-inner{z-index:5;transform:translate3d(calc(var(--mx) * .04),calc(var(--my) * .04),0);transition:transform .5s ease-out}
.v5-stage{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;isolation:isolate}
.v5-grid{position:absolute;inset:-30%;opacity:.22;background-image:linear-gradient(#cfb47b15 1px,transparent 1px),linear-gradient(90deg,#cfb47b15 1px,transparent 1px);background-size:76px 76px;transform:perspective(900px) rotateX(69deg) scale(1.4) translateY(20%);mask-image:radial-gradient(ellipse,black,transparent 72%)}
.v5-halo{position:absolute;width:min(70vw,860px);aspect-ratio:1;border-radius:50%;left:50%;top:47%;transform:translate(-50%,-50%);background:conic-gradient(from 40deg,transparent 0 35%,#e3b76810 38%,transparent 42% 61%,#75b3c116 66%,transparent 73%);filter:blur(18px);animation:v5spin 38s linear infinite}
.v5-orbit{position:absolute;left:50%;top:48%;width:min(90vw,1150px);aspect-ratio:1;border:1px solid #e9bb6834;border-radius:50%;box-shadow:0 0 55px #e6ad4512,inset 0 0 30px #e6ad4508;transform:translate(-50%,-50%) rotate(-18deg) scaleY(.67);animation:v5orbit 32s linear infinite;opacity:.58}
.v5-orbit::before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;left:7%;top:25%;background:#f5d69a;box-shadow:0 0 12px #ffd186,0 0 34px #d9a45a}
.v5-orbit-two{width:min(109vw,1450px);animation-duration:48s;animation-direction:reverse;opacity:.28;border-color:#83c9e44d}
.v5-orbit-three{width:min(63vw,830px);animation-duration:22s;opacity:.3}
.v5-beam{position:absolute;top:-15%;width:20vw;max-width:300px;height:130%;background:linear-gradient(90deg,transparent,#dbad4710,transparent);filter:blur(35px);transform:rotate(17deg);opacity:.4;animation:v5beam 14s ease-in-out infinite alternate}
.v5-beam-left{left:8%}.v5-beam-right{right:8%;animation-delay:-7s;transform:rotate(-17deg)}
.v5-spark-field{position:absolute;inset:0;background-image:radial-gradient(circle at 9% 18%,#edc67c 0 1px,transparent 2px),radial-gradient(circle at 82% 15%,#b2e1ed 0 1px,transparent 2px),radial-gradient(circle at 12% 75%,#f2c88a 0 2px,transparent 4px),radial-gradient(circle at 87% 73%,#ffd081 0 2px,transparent 4px),radial-gradient(circle at 45% 6%,#f4d39c 0 1px,transparent 3px),radial-gradient(circle at 72% 95%,#eac486 0 1px,transparent 3px);opacity:.8;animation:v5spark 6s ease-in-out infinite alternate}
.v5-card{position:absolute;z-index:2;width:clamp(100px,13vw,176px);height:clamp(133px,18vw,225px);border:1px solid #e9bf7666;border-radius:19px;background:linear-gradient(145deg,#223843e0,#071923d9);box-shadow:0 18px 60px #0008,inset 0 1px #fff2,0 0 35px #d7ab5412;display:flex;flex-direction:column;justify-content:space-between;padding:15px;backdrop-filter:blur(12px);animation:v5card 8s ease-in-out infinite alternate;opacity:.74}
.v5-card span{color:#e4ba76;font-size:13px;font-weight:800;letter-spacing:2px}.v5-card b{font-family:inherit;font-weight:400;font-size:clamp(66px,9vw,114px);text-align:center;color:#f3c77e;text-shadow:0 0 28px #f9d18c66;line-height:1}
.v5-card-1{left:-2%;top:22%;transform:rotate(-12deg);animation-delay:-1s}.v5-card-2{right:-2%;top:18%;transform:rotate(11deg);animation-delay:-4s}.v5-card-3{left:4%;bottom:3%;transform:rotate(9deg);animation-delay:-2s}.v5-card-4{right:4%;bottom:3%;transform:rotate(-9deg);animation-delay:-6s}.v5-card-5{left:48%;bottom:-185px;transform:rotate(5deg);opacity:.4;animation-delay:-3s}
.v5-experience .v3-clock-shell{background:linear-gradient(130deg,#172c39f5,#0d202ce9);box-shadow:0 12px 80px #000a,0 0 70px #d5ad4b29,inset 0 1px #fff2;border-color:#e0bc798c}
.v5-experience .v3-countdown>div{background:linear-gradient(155deg,#172b35,#0b1720);border:1px solid #d6ac6447;border-radius:15px;padding:8px 6px 10px;box-shadow:inset 0 1px #fff1,0 8px 32px #0004;min-width:0}
.v5-experience .v3-countdown{gap:clamp(3px,1.1vw,16px)}.v5-experience .v3-countdown strong{letter-spacing:-.06em}
.v5-experience .v3-countdown #seconds{color:#f1cb86}.v5-experience .v3-countdown strong.v5-tick{animation:v5digit .35s ease-out}
.v5-experience .v3-clock-shell::after{content:"";position:absolute;top:0;left:-70%;width:35%;height:100%;transform:skewX(-28deg);background:linear-gradient(90deg,transparent,#ffe5a113,transparent);pointer-events:none;animation:v5shine 11s linear infinite}
@keyframes v5spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes v5orbit{to{transform:translate(-50%,-50%) rotate(342deg) scaleY(.67)}}@keyframes v5card{to{translate:0 -24px;filter:brightness(1.18)}}@keyframes v5beam{to{opacity:.8;translate:45px 0}}@keyframes v5spark{to{opacity:.22}}@keyframes v5shine{0%,48%{left:-70%}75%,100%{left:150%}}@keyframes v5digit{0%{transform:translateY(8px);opacity:.45}100%{transform:translateY(0);opacity:1}}
@media(max-width:920px){.v5-card{opacity:.28}.v5-card-1,.v5-card-2{top:15%}.v5-card-3,.v5-card-4{bottom:1%}.v5-experience .v3-wait-inner{transform:none}}
@media(max-width:650px){.v5-experience{padding:38px 12px;min-height:calc(100svh - 90px)}.v5-card{width:80px;height:112px;padding:10px;border-radius:12px;opacity:.22;backdrop-filter:none}.v5-card b{font-size:62px}.v5-card-1{left:-42px;top:8%}.v5-card-2{right:-41px;top:7%}.v5-card-3{left:-44px;bottom:1%}.v5-card-4{right:-44px;bottom:2%}.v5-card-5{display:none}.v5-experience .v3-countdown>div{padding:6px 0 9px;border-radius:9px}.v5-experience .v3-countdown strong{font-size:clamp(30px,9.5vw,48px)}.v5-experience .v3-countdown>span{font-size:19px}.v5-orbit{width:980px}.v5-grid{opacity:.12}.v5-experience .v3-clock-shell{padding:16px 7px}.v5-experience .v3-wait-inner{transform:none}}
@media(prefers-reduced-motion:reduce){.v5-stage *,.v5-experience .v3-clock-shell::after,.v5-experience .v3-countdown strong.v5-tick{animation:none!important;transition:none!important}.v5-experience .v3-wait-inner{transform:none!important}}