/* SPOOKY AREA 51 / BACKROOMS ENTRY + INTERACTIVE ORBITAL HOME */
:root{--hazard:#83ff28;--sick:#b7ff63;--void:#000;--bruise:#0b1207}

/* ENTRY — eerie fluorescent backrooms + unknown UFO presence */
body.entry-page{min-height:100svh;background:#000!important;position:relative;isolation:isolate;overflow:hidden}
body.entry-page:before{content:"";position:fixed;inset:0;z-index:-20;background:
linear-gradient(180deg,rgba(168,190,120,.055),transparent 18% 82%,rgba(65,95,25,.07)),
repeating-linear-gradient(90deg,rgba(131,255,40,.022) 0 1px,transparent 1px 116px),
repeating-linear-gradient(0deg,rgba(131,255,40,.018) 0 1px,transparent 1px 88px),
radial-gradient(ellipse at 50% 17%,rgba(163,255,95,.105),transparent 28%),#010301}
body.entry-page:after{content:"";position:fixed;inset:-4%;z-index:90;pointer-events:none;background:
repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 4px),
radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.74) 100%);mix-blend-mode:screen;animation:securityFlicker 6.7s steps(1) infinite}
.backrooms{position:fixed;inset:0;z-index:-18;pointer-events:none;perspective:650px;overflow:hidden}
.backrooms .hall{position:absolute;left:50%;top:52%;width:130vw;height:92vh;transform:translate(-50%,-50%) rotateX(67deg);transform-origin:center center;background:
linear-gradient(rgba(117,158,78,.09) 2px,transparent 2px),linear-gradient(90deg,rgba(117,158,78,.08) 2px,transparent 2px);background-size:92px 92px;opacity:.65;animation:hallCrawl 10s linear infinite}
.backrooms .ceiling{position:absolute;left:-15%;right:-15%;top:-5%;height:44%;background:repeating-linear-gradient(90deg,transparent 0 120px,rgba(131,255,40,.06) 121px 123px,transparent 124px 240px),linear-gradient(180deg,rgba(185,221,139,.065),transparent);transform:perspective(480px) rotateX(-62deg);transform-origin:top center;filter:blur(.2px)}
.backrooms .fluor{position:absolute;left:12%;right:12%;top:10%;height:3px;background:#dfffbe;box-shadow:0 0 13px #aaff61,0 0 46px rgba(131,255,40,.32);animation:fluorFlicker 4.3s steps(1) infinite}
.backrooms .fluor.f2{top:31%;left:29%;right:29%;animation-delay:-2.1s;opacity:.38}.backrooms .fluor.f3{top:76%;left:19%;right:63%;animation-delay:-.8s;opacity:.22}
.unknown-shadow{position:fixed;z-index:-12;left:50%;top:12%;width:52vw;max-width:620px;height:170px;transform:translateX(-50%);opacity:.2;filter:blur(7px);animation:shadowHover 9s ease-in-out infinite}
.unknown-shadow:before{content:"";position:absolute;left:10%;right:10%;top:28%;height:42%;border-radius:50%;background:radial-gradient(ellipse,#9aff46 0 4%,#172c11 22%,#020402 60%);box-shadow:0 0 55px rgba(131,255,40,.35)}
.unknown-shadow:after{content:"";position:absolute;left:38%;right:38%;top:52%;height:55vh;background:linear-gradient(rgba(131,255,40,.16),rgba(131,255,40,.025) 48%,transparent);clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);filter:blur(8px)}
.entry-scare{position:fixed;inset:0;z-index:-11;pointer-events:none;opacity:0;background:radial-gradient(circle at 15% 68%,rgba(131,255,40,.14),transparent 14%),radial-gradient(circle at 84% 24%,rgba(131,255,40,.11),transparent 12%);animation:presencePulse 13s steps(1) infinite}
.entry-scare:before{content:"";position:absolute;right:5%;top:38%;width:42px;height:80px;border-radius:48% 48% 42% 42%;background:#050805;box-shadow:-10px -2px 0 -7px var(--hazard),10px -2px 0 -7px var(--hazard);filter:blur(1px)}
.entry-page .mind-gate{background:linear-gradient(180deg,rgba(1,5,1,.83),rgba(0,0,0,.94))!important;backdrop-filter:blur(8px);border:1px solid rgba(131,255,40,.5)!important;box-shadow:0 0 0 1px rgba(131,255,40,.08),0 0 80px rgba(70,255,0,.12),inset 0 0 120px rgba(38,90,0,.06)!important;animation:hauntedGate 7.2s ease-in-out infinite!important}
.entry-page .mind-gate h1{letter-spacing:-.055em;text-shadow:0 0 22px rgba(255,255,255,.06)}
.entry-page .mind-gate .eyebrow:before{content:"RECOVERED TERMINAL // CAMERA 07 // ";color:#718667}
.entry-page .warning{position:relative}.entry-page .warning:before{content:"⚠ UNKNOWN AERIAL PHENOMENON DETECTED // ";color:#aaff63}
.entry-page .enter-pulse{box-shadow:0 0 36px rgba(131,255,40,.25)!important;animation:hauntedButton 2.2s ease-in-out infinite!important}
.entry-page .enter-pulse:hover,.entry-page .enter-pulse:focus-visible{filter:brightness(1.2);box-shadow:0 0 75px rgba(131,255,40,.72)!important;transform:translateY(-2px) scale(1.02)}

/* HOME — interactive star/alien/ship activity zone */
.sky-interact{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:7;mix-blend-mode:screen}
.sky-interact .shooting-star{position:absolute;width:120px;height:1px;background:linear-gradient(90deg,transparent,#dfffc5 70%,#83ff28);filter:drop-shadow(0 0 5px #83ff28);opacity:0;transform:rotate(-28deg);animation:shoot var(--dur,4s) linear var(--delay,0s) infinite}
.sky-interact .shooting-star:after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 10px #83ff28}
.sky-interact .ship{position:absolute;width:48px;height:16px;border:1px solid rgba(131,255,40,.55);border-radius:50%;opacity:.12;filter:drop-shadow(0 0 8px rgba(131,255,40,.6));animation:shipPass var(--dur,14s) linear var(--delay,0s) infinite}
.sky-interact .ship:before{content:"";position:absolute;left:16px;top:-9px;width:16px;height:10px;border:1px solid rgba(131,255,40,.52);border-radius:50% 50% 20% 20%}
.sky-interact .ship:after{content:"";position:absolute;left:21px;top:14px;width:6px;height:85px;background:linear-gradient(rgba(131,255,40,.18),transparent);clip-path:polygon(35% 0,65% 0,100% 100%,0 100%)}
.sky-interact .visitor{position:absolute;width:23px;height:33px;border-radius:50% 50% 44% 44%;background:radial-gradient(ellipse at 35% 38%,#83ff28 0 5%,transparent 6%),radial-gradient(ellipse at 65% 38%,#83ff28 0 5%,transparent 6%),#020502;opacity:0;filter:drop-shadow(0 0 9px rgba(131,255,40,.5));animation:visitorBlink var(--dur,9s) steps(1) var(--delay,0s) infinite}
.sky-interact.activated .ship,.sky-interact.activated .visitor,.sky-interact.activated .shooting-star{filter:brightness(1.5) drop-shadow(0 0 12px rgba(131,255,40,.9));animation-duration:calc(var(--dur,8s) * .68)}
.orbital-hero{overflow:visible}.orbital-hero:hover .orbital-copy,.orbital-hero.pointer-active .orbital-copy{box-shadow:inset 0 0 120px rgba(50,140,0,.12),0 0 40px rgba(131,255,40,.09)}
.orbital-hero:hover .bio-ring,.orbital-hero.pointer-active .bio-ring{animation-duration:3s;box-shadow:0 0 75px rgba(131,255,40,.26)}
.orbital-hero:hover .orbital-visual img,.orbital-hero.pointer-active .orbital-visual img{filter:brightness(1.12) contrast(1.35) saturate(1.05) hue-rotate(3deg)!important;transform:scale(1.075)}
/* brighter specimen even without hover */
.orbital-visual img{filter:brightness(.88) contrast(1.28) saturate(1.02) hue-rotate(4deg)!important;object-position:center 18%!important}
.orbital-visual:before{background:radial-gradient(circle at 50% 30%,rgba(131,255,40,.02) 0 13%,rgba(131,255,40,.12) 14% 14.4%,transparent 15% 24%,rgba(131,255,40,.055) 25% 25.4%,transparent 26%),linear-gradient(180deg,transparent 60%,rgba(0,0,0,.64) 92%)!important}
.alien-glow{position:absolute;z-index:3;left:50%;top:32%;width:55%;height:58%;transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(131,255,40,.17),transparent 63%);filter:blur(18px);pointer-events:none;animation:alienAura 3.4s ease-in-out infinite}
.pointer-orb{position:absolute;z-index:9;width:150px;height:150px;border-radius:50%;border:1px solid rgba(131,255,40,.12);background:radial-gradient(circle,rgba(131,255,40,.075),transparent 60%);transform:translate(-50%,-50%);opacity:0;pointer-events:none;transition:opacity .2s;filter:blur(.1px)}.orbital-hero.pointer-active .pointer-orb,.orbital-hero:hover .pointer-orb{opacity:1}

@keyframes securityFlicker{0%,92%,100%{opacity:.75}93%{opacity:.25}94%{opacity:.9}96%{opacity:.42}}
@keyframes hallCrawl{to{background-position:0 184px,184px 0}}
@keyframes fluorFlicker{0%,14%,16%,31%,33%,79%,81%,100%{opacity:.88}15%,32%,80%{opacity:.08}}
@keyframes shadowHover{0%,100%{transform:translateX(-50%) translateY(0) scale(1)}50%{transform:translateX(-50%) translateY(18px) scale(1.08);opacity:.31}}
@keyframes presencePulse{0%,72%,100%{opacity:0}73%{opacity:.2}74%{opacity:0}75%{opacity:.16}77%{opacity:0}}
@keyframes hauntedGate{0%,100%{transform:translate3d(0,0,0) rotate(.05deg)}37%{transform:translate3d(-2px,-7px,0) rotate(-.18deg)}64%{transform:translate3d(2px,4px,0) rotate(.14deg)}92%{transform:translate3d(0,-2px,0) scale(1.004)}}
@keyframes hauntedButton{0%,100%{box-shadow:0 0 25px rgba(131,255,40,.22)}50%{box-shadow:0 0 58px rgba(131,255,40,.55);filter:brightness(1.08)}}
@keyframes shoot{0%{opacity:0;transform:translate3d(-30vw,-10vh,0) rotate(-28deg)}7%{opacity:.9}30%,100%{opacity:0;transform:translate3d(120vw,65vh,0) rotate(-28deg)}}
@keyframes shipPass{0%{transform:translate3d(-20vw,0,0) rotate(-4deg) scale(.7);opacity:0}10%{opacity:.16}50%{transform:translate3d(52vw,8vh,0) rotate(3deg) scale(1);opacity:.28}100%{transform:translate3d(125vw,-4vh,0) rotate(-2deg) scale(.75);opacity:0}}
@keyframes visitorBlink{0%,78%,82%,100%{opacity:0}79%{opacity:.35}80%{opacity:0}81%{opacity:.2}}
@keyframes alienAura{50%{opacity:.5;transform:translate(-50%,-50%) scale(1.12)}}
@media(max-width:760px){.unknown-shadow{width:88vw;top:8%;height:120px}.entry-page .mind-gate{width:88vw!important}.sky-interact .ship{opacity:.16}.orbital-visual img{filter:brightness(1.02) contrast(1.23) saturate(1.05)!important}.alien-glow{width:76%;height:62%}}
@media(prefers-reduced-motion:reduce){.backrooms .hall,.backrooms .fluor,.unknown-shadow,.entry-scare,.sky-interact *,.alien-glow{animation:none!important}}

/* v4 ENTRY — mobile-safe, darker, more oppressive / liminal-horror */
body.entry-page{
  min-height:100svh!important;
  height:auto!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  display:block!important;
  padding:4svh 0 10svh!important;
  background:#000!important;
}
body.entry-page:before{
  background:
    radial-gradient(ellipse at 50% 5%,rgba(104,255,30,.055),transparent 20%),
    radial-gradient(ellipse at 50% 44%,rgba(24,55,12,.09),transparent 42%),
    linear-gradient(180deg,rgba(35,55,26,.025),transparent 22% 72%,rgba(0,0,0,.96)),
    repeating-linear-gradient(90deg,rgba(131,255,40,.010) 0 1px,transparent 1px 116px),
    repeating-linear-gradient(0deg,rgba(131,255,40,.010) 0 1px,transparent 1px 88px),#000!important;
}
.entry-page .backrooms{filter:brightness(.42) contrast(1.45) saturate(.55)}
.entry-page .backrooms .hall{opacity:.34!important;animation-duration:17s!important}
.entry-page .backrooms .ceiling{opacity:.28!important}
.entry-page .backrooms .fluor{opacity:.28!important;filter:blur(.6px);box-shadow:0 0 9px rgba(177,255,136,.3),0 0 30px rgba(131,255,40,.12)!important}
.entry-page .unknown-shadow{opacity:.11!important;filter:blur(12px)!important;top:5%!important;animation-duration:14s!important}
.entry-page .unknown-shadow:after{opacity:.28}
.entry-page .entry-scare{z-index:2!important;mix-blend-mode:screen}
.entry-page .entry-scare:before{
  right:3%!important;top:31%!important;width:58px!important;height:118px!important;
  background:linear-gradient(#010201,#000)!important;
  border-radius:48% 48% 35% 35%!important;
  box-shadow:-13px -13px 0 -10px rgba(131,255,40,.58),13px -13px 0 -10px rgba(131,255,40,.58),0 0 28px rgba(0,0,0,.95)!important;
  animation:watcherSway 9s ease-in-out infinite;
}
.entry-page .mind-gate{
  margin:2svh auto 0!important;
  width:min(760px,88vw)!important;
  min-height:0!important;
  padding:clamp(24px,4.2vw,44px) clamp(18px,4vw,42px)!important;
  background:
    linear-gradient(180deg,rgba(0,2,0,.97),rgba(0,0,0,.985)),
    repeating-linear-gradient(0deg,rgba(120,255,80,.025) 0 1px,transparent 1px 5px)!important;
  border-color:rgba(108,196,58,.42)!important;
  box-shadow:0 0 0 1px rgba(131,255,40,.03),0 0 52px rgba(26,80,8,.16),inset 0 0 110px rgba(0,0,0,.98)!important;
  animation:hauntedGateDark 10s ease-in-out infinite!important;
}
.entry-page .mind-gate:before{border-color:rgba(120,255,70,.10)!important;box-shadow:none!important;animation:creepBorder 13s linear infinite!important}
.entry-page .mind-gate:after{border-color:rgba(120,255,70,.055)!important;animation:creepBorder 21s linear infinite reverse!important}
.entry-page .gate-scan{opacity:.18!important;animation-duration:3.8s!important}
.entry-page .gate-corners{opacity:.22!important}
.entry-page .eyebrow{color:#6fb147!important;opacity:.9;margin-bottom:12px!important;font-size:10px!important;line-height:1.6}
.entry-page .eyebrow:before{content:"RECOVERED FEED // SUBLEVEL 51-B // CAMERA LOST // ";color:#536f46!important}
.entry-page .portal-emblem{width:90px!important;height:90px!important;margin:0 auto 8px!important;opacity:.76!important;filter:brightness(.65) saturate(.85) drop-shadow(0 0 10px rgba(90,255,35,.18))!important;box-shadow:0 0 20px rgba(70,255,0,.12),inset 0 0 28px rgba(0,0,0,.9)!important}
.entry-page .portal-emblem span:after{font-size:40px!important;opacity:.68}
.entry-page .signal-orbit{width:124px!important;height:124px!important;top:78px!important;opacity:.3!important;animation-duration:19s!important}
.entry-page .mind-gate h1{font-size:clamp(38px,10.5vw,66px)!important;line-height:.92!important;margin:4px 0 16px!important;text-shadow:0 0 18px rgba(210,255,200,.02)!important}
.entry-page .mind-gate h1 .glitch{color:#cfd4ca!important;filter:brightness(.72)}
.entry-page .mind-gate h1 .acid{color:#6fd52e!important;text-shadow:0 0 10px rgba(83,175,28,.25)!important}
.entry-page .mind-gate p{margin:0 auto 14px!important;color:#686f65!important;line-height:1.58!important;font-size:clamp(13px,3.6vw,17px)!important;max-width:600px}
.entry-page .warning{margin:12px 0 0!important;padding:12px 8px!important;color:#899984!important;border-top:1px solid rgba(131,255,40,.10);border-bottom:1px solid rgba(131,255,40,.10);font-size:clamp(10px,3vw,13px)!important;line-height:1.45!important}
.entry-page .warning:before{content:"⚠ PSYCHOLOGICAL HAZARD // 18+ // UNIDENTIFIED PRESENCE DETECTED // ";color:#779f60!important}
.entry-page .classified-data{display:none!important}
.entry-page .actions{margin-top:16px!important;justify-content:center}
.entry-page .enter-pulse{
  min-width:min(310px,78vw)!important;
  padding:17px 18px!important;
  background:#507e28!important;
  color:#030603!important;
  border-color:#74a94d!important;
  box-shadow:0 0 22px rgba(73,145,33,.15)!important;
  animation:hauntedButtonDark 3.4s ease-in-out infinite!important;
}
.entry-page .enter-pulse:before{content:"ENTER AT YOUR OWN RISK // ";position:absolute;left:50%;bottom:-21px;transform:translateX(-50%);width:max-content;color:#33442d;font:8px monospace;letter-spacing:.18em}
.entry-page .ufo-vortex{opacity:.2!important;filter:brightness(.5) saturate(.5)!important}
.entry-page .hypno{opacity:.12!important;filter:brightness(.4)!important}
.entry-page .ufo{opacity:.24!important;filter:brightness(.55) blur(.2px)!important}
.entry-page .area51-noise{opacity:.27!important;filter:saturate(.3) contrast(1.8) brightness(.2)!important}
.entry-page .edge-code{opacity:.35}

@keyframes hauntedGateDark{
  0%,100%{transform:translate3d(0,0,0) rotate(.02deg);filter:brightness(.78)}
  28%{transform:translate3d(-1px,-4px,0) rotate(-.08deg);filter:brightness(.72)}
  51%{transform:translate3d(1px,2px,0) rotate(.06deg);filter:brightness(.81)}
  74%{transform:translate3d(0,-3px,0) rotate(-.03deg);filter:brightness(.68)}
  76%{transform:translate3d(-3px,-2px,0);filter:brightness(.46)}
  77%{transform:translate3d(2px,-1px,0);filter:brightness(.92)}
  78%{transform:translate3d(0,-3px,0);filter:brightness(.69)}
}
@keyframes hauntedButtonDark{0%,100%{filter:brightness(.72)}50%{filter:brightness(.9);box-shadow:0 0 34px rgba(95,170,45,.24)}}
@keyframes watcherSway{0%,100%{transform:translateY(0) rotate(-2deg);opacity:.12}50%{transform:translateY(11px) rotate(2deg);opacity:.24}}
@keyframes creepBorder{to{transform:rotate(.35deg) scale(1.006)}}

@media(max-width:760px){
  body.entry-page{padding:1.5svh 0 12svh!important;place-items:initial!important;overflow-y:auto!important}
  .entry-page .mind-gate{margin:1svh auto 0!important;width:88vw!important;padding:22px 16px 30px!important;max-height:none!important}
  .entry-page .eyebrow{font-size:8px!important;margin-bottom:6px!important}
  .entry-page .portal-emblem{width:76px!important;height:76px!important;margin-bottom:4px!important}
  .entry-page .portal-emblem span:after{font-size:34px!important}
  .entry-page .signal-orbit{width:104px!important;height:104px!important;top:64px!important}
  .entry-page .mind-gate h1{font-size:clamp(34px,10.2vw,54px)!important;margin:0 0 12px!important}
  .entry-page .mind-gate p{font-size:13px!important;line-height:1.46!important;margin-bottom:10px!important}
  .entry-page .warning{font-size:10px!important;padding:9px 4px!important;margin-top:8px!important}
  .entry-page .actions{margin-top:12px!important}
  .entry-page .enter-pulse{padding:15px 14px!important;min-width:72vw!important}
  .entry-page .enter-pulse:before{display:none}
  .entry-page .unknown-shadow{top:0!important;height:95px!important;opacity:.08!important}
  .entry-page .backrooms .fluor.f2,.entry-page .backrooms .fluor.f3{display:none}
}
/* V10 // MOBILE HOME ABOVE-THE-FOLD COMPRESSION */
@media (max-width:800px){
  body.hive-home.orbital-command header .top{padding:10px 0!important;min-height:54px!important}
  body.hive-home.orbital-command .mission-band{margin-top:6px!important}
  body.hive-home.orbital-command .mission-band>div{min-height:38px!important;padding:5px 8px!important}
  body.hive-home.orbital-command .orbital-hero{padding:8px 0 12px!important;gap:8px!important}
  body.hive-home.orbital-command .orbital-copy{padding:18px 16px!important}
  body.hive-home.orbital-command .command-id{margin-bottom:8px!important}
  body.hive-home.orbital-command .orbital-copy h1{font-size:clamp(48px,14vw,72px)!important;line-height:.78!important;margin:8px 0 12px!important}
  body.hive-home.orbital-command .orbital-copy .lede{font-size:12px!important;line-height:1.45!important;margin:0!important}
  body.hive-home.orbital-command .telemetry-matrix{margin:12px 0!important;gap:5px!important}
  body.hive-home.orbital-command .telemetry-cell{padding:7px!important}
  body.hive-home.orbital-command .telemetry-cell strong{margin-top:3px!important;font-size:11px!important}
  body.hive-home.orbital-command .orbital-actions .btn{padding:12px 10px!important}
  body.hive-home.orbital-command .orbital-visual{min-height:330px!important;max-height:42svh!important}
  body.hive-home.orbital-command .bio-ring{width:145px!important;height:145px!important}
  body.hive-home.orbital-command .target-lines{width:205px!important}
  body.hive-home.orbital-command .bio-readout{width:120px!important;padding:7px!important}
}
@media (max-width:800px) and (max-height:760px){
  body.hive-home.orbital-command .orbital-copy .lede{display:none!important}
  body.hive-home.orbital-command .telemetry-matrix{grid-template-columns:repeat(4,1fr)!important}
  body.hive-home.orbital-command .telemetry-cell em{display:none!important}
  body.hive-home.orbital-command .orbital-visual{min-height:270px!important}
}