/* A slow, impossible tide behind the lobby's interludes. */
.synth-zone{position:relative;isolation:isolate;overflow:hidden;border:1px solid #a077e847;border-radius:22px;background:#100d26;box-shadow:inset 0 0 65px #49267438,0 14px 60px #05071166}
.synth-zone::before,.synth-zone::after{content:"";position:absolute;pointer-events:none;z-index:-1}
.synth-zone::before{inset:-65%;background:radial-gradient(ellipse at 30% 48%,#fb359f88,transparent 29%),radial-gradient(ellipse at 72% 60%,#16d9e77a,transparent 28%),conic-gradient(from 45deg at 50% 50%,#301455,#713adc77,#0d223a,#d635963d,#301455);filter:blur(22px);animation:zone-drift 19s ease-in-out infinite alternate}
.synth-zone::after{inset:0;background:linear-gradient(180deg,#100d2655,transparent 45%,#0b102fbb),repeating-linear-gradient(0deg,transparent 0 29px,#cd9eff25 30px 31px),repeating-linear-gradient(90deg,transparent 0 59px,#8fcfff20 60px 61px);transform:perspective(380px) rotateX(46deg) scale(1.6);transform-origin:center bottom;opacity:.55;animation:zone-breathe 9s ease-in-out infinite alternate}
.cliche-tech.synth-zone{padding:36px 24px 30px;margin-top:22px;margin-bottom:34px}
.cliche-tech.synth-zone p{color:#f4eaff;text-shadow:0 2px 12px #090b13}
.synth-zone .cliche-icons{filter:drop-shadow(0 0 12px #8ef6ff70)}
.lobby-prizes.synth-zone{padding:30px 38px 34px;text-align:center;max-width:1080px;margin-top:30px}
.lobby-prizes.synth-zone .eyebrow{color:#eee5ff;font-size:10px;letter-spacing:2px}
.lobby-prizes.synth-zone a{position:relative;box-shadow:0 0 28px #bd83ff40;margin-top:18px}
@keyframes zone-drift{0%{transform:translate(-4%,-3%) rotate(-9deg) scale(1);opacity:.65}100%{transform:translate(5%,4%) rotate(15deg) scale(1.13);opacity:1}}
@keyframes zone-breathe{from{opacity:.25}to{opacity:.6}}
@media(max-width:1150px){.lobby-prizes.synth-zone{margin-left:30px;margin-right:30px}}
@media(max-width:650px){.cliche-tech.synth-zone{padding:28px 18px}.lobby-prizes.synth-zone{margin-left:22px;margin-right:22px;padding:28px 20px}}
@media(prefers-reduced-motion:reduce){.synth-zone::before,.synth-zone::after{animation:none}}
/* One shared dreamscape: icons and sponsor float over the same tide. */
.synth-unified{max-width:1312px;margin:24px auto 42px;padding:30px 24px 36px;background:#100c29}
.synth-unified::before{background:radial-gradient(ellipse at 30% 48%,#ff229caa,transparent 27%),radial-gradient(ellipse at 72% 60%,#05e6e799,transparent 26%),conic-gradient(from 45deg at 50% 50%,#301455,#8645ec88,#0d223a,#ed35965c,#301455);animation-duration:23s}
.synth-unified .cliche-tech{position:relative;max-width:none;margin:0;padding:10px 0 26px}
.synth-unified .lobby-prizes{position:relative;max-width:none;margin:0;padding:24px 0 0;text-align:center}
.synth-unified .lobby-prizes .eyebrow{display:block;text-align:center;color:#e7dafa;font-size:10px;letter-spacing:2px}
.synth-unified .lobby-prizes a{margin-top:18px;box-shadow:0 0 36px #ba70ff66}
.synth-unified .cliche-tech p{color:#f4eaff;text-shadow:0 2px 12px #090b13}
.zone-rings{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;mask-image:linear-gradient(90deg,#000,transparent 47%,#000)}
.zone-rings::before,.zone-rings::after{content:"";position:absolute;width:700px;height:700px;top:50%;left:50%;border-radius:45%;background:repeating-radial-gradient(ellipse at center,transparent 0 31px,#d78cff35 32px 33px,transparent 35px 65px);transform:translate(-50%,-50%) rotate(-15deg) scaleX(1.5);animation:zone-orbit 38s linear infinite;opacity:.65}
.zone-rings::after{width:950px;height:950px;border-radius:50%;background:repeating-radial-gradient(ellipse at center,transparent 0 58px,#61edff29 59px 60px,transparent 62px 95px);animation-direction:reverse;animation-duration:49s}
@keyframes zone-orbit{to{transform:translate(-50%,-50%) rotate(345deg) scaleX(1.5)}}
@media(min-width:1251px){.synth-unified{max-width:min(1312px,calc(100% - 128px))}}
@media(max-width:1250px){.synth-unified{margin-left:40px;margin-right:40px}}
@media(max-width:900px){.synth-unified{margin-left:30px;margin-right:30px}}
@media(max-width:650px){.synth-unified{margin-left:22px;margin-right:22px;padding:24px 18px 30px}.zone-rings{opacity:.65}}
@media(prefers-reduced-motion:reduce){.synth-unified::before,.zone-rings::before,.zone-rings::after{animation:none}}
.mystery-level{position:relative;overflow:hidden;isolation:isolate}.mystery-level::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#abc7f20b 3px 4px),repeating-linear-gradient(113deg,transparent 0 17px,#b592ee08 18px 19px);opacity:.5;animation:signal-static 3s steps(4,end) infinite}.mystery-level h3{font-family:var(--mono);letter-spacing:5px;color:#a8abc5}.mystery-level p{color:#858ca1}.mystery-level .next-sun{display:none}@keyframes signal-static{0%,100%{transform:translateY(0);opacity:.35}50%{transform:translateY(3px);opacity:.6}}@media(prefers-reduced-motion:reduce){.mystery-level::before{animation:none}}
/* Leave the sunset as an uninterrupted mural; copy sits in the deep water. */
.twilight{min-height:0}.twilight-sky{height:540px}.twilight-sea{top:335px}.twilight-copy{max-width:none;padding:445px 44px 76px;background:linear-gradient(transparent 365px,#06101c00 395px,#06101cbb 445px,#06101c 100%)}
.twilight-copy h2{font-size:clamp(32px,4vw,48px);line-height:1.12;max-width:1000px;margin:10px 0 18px;text-wrap:balance}.twilight-copy p{max-width:850px;line-height:1.65;text-wrap:pretty}.twilight-copy p+p{margin-top:12px}.twilight-copy .eyebrow{font-size:10px;letter-spacing:2px;color:#b7d9e7}.twilight-copy em{text-shadow:none}.twilight-pier{z-index:3}
@media(max-width:900px){.twilight-copy{padding:445px 28px 70px}}
@media(max-width:650px){.twilight-sky{height:390px}.twilight-sea{top:242px}.twilight-copy{padding:335px 22px 64px;background:linear-gradient(transparent 260px,#06101c00 290px,#06101cdd 335px,#06101c 100%)}.twilight-copy h2{font-size:32px}.twilight-copy p{font-size:14px}}