*{box-sizing:border-box}html,body,#stage{margin:0;width:100%;height:100%;overflow:hidden;background:#01050a;color:#eafaff;font-family:Arial,sans-serif}body{overscroll-behavior:none}#stage{isolation:isolate}.future-bg{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#08253a 0,#03101b 28%,#01060c 62%,#000 100%);z-index:0}.future-bg:before{content:"";position:absolute;inset:-20%;background:conic-gradient(from 190deg at 50% 55%,transparent 0 13%,#00bfff0d 14% 15%,transparent 16% 32%,#ff7b1909 33% 34%,transparent 35% 100%);animation:bgSpin 28s linear infinite}.horizon{position:absolute;left:4%;right:4%;top:54%;height:1px;background:linear-gradient(90deg,transparent,#00c8ff99,#ff8b3277,#00c8ff99,transparent);box-shadow:0 0 24px #00bfff}.floor-grid{position:absolute;left:-20%;right:-20%;top:54%;bottom:-25%;transform:perspective(500px) rotateX(61deg);transform-origin:top;background-image:linear-gradient(#00bfff20 1px,transparent 1px),linear-gradient(90deg,#00bfff20 1px,transparent 1px);background-size:58px 38px;mask-image:linear-gradient(#000,transparent 88%);animation:gridMove 5s linear infinite}.tower{position:absolute;top:13%;height:44%;width:9%;border:1px solid #00c8ff26;background:linear-gradient(90deg,#00bfff05,#00bfff12,#ff7b1908);clip-path:polygon(26% 0,74% 0,100% 100%,0 100%);filter:drop-shadow(0 0 20px #00aee933)}.tower:after{content:"";position:absolute;left:48%;top:8%;bottom:5%;width:1px;background:#00c8ff44;box-shadow:0 0 15px #00c8ff}.t1{left:2%;transform:skewX(-5deg)}.t2{left:17%;top:24%;height:30%;width:5%}.t3{right:4%;transform:skewX(5deg)}.t4{right:19%;top:26%;height:28%;width:5%}.ambient{position:absolute;border-radius:50%;filter:blur(45px);opacity:.18}.a1{width:26vw;height:26vw;left:18%;top:28%;background:#00bfff}.a2{width:23vw;height:23vw;right:14%;top:35%;background:#ff6d18}#globe{position:absolute;inset:0;width:100%;height:100%;z-index:2}.vignette{position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(circle at 50% 48%,transparent 18%,rgba(0,4,10,.13) 50%,rgba(0,2,7,.83) 100%)}.scanlines{position:absolute;inset:0;z-index:18;pointer-events:none;opacity:.12;background:repeating-linear-gradient(0deg,transparent 0 3px,#7de9ff18 4px)}header{position:absolute;z-index:30;top:max(20px,env(safe-area-inset-top));left:4vw;right:4vw;display:flex;align-items:center;gap:14px}header img{width:62px;filter:drop-shadow(0 0 16px #00bfff)}header div{display:flex;flex-direction:column;letter-spacing:.16em}header b{font-size:18px}header span{font-size:9px;color:#69dfff;margin-top:4px}header button{margin-left:auto;border:1px solid #2ad9ff;background:#061421bb;color:#c9f7ff;padding:11px 18px;letter-spacing:.15em;border-radius:999px;box-shadow:inset 0 0 18px #00bfff10,0 0 22px #00bfff12;cursor:pointer}.hero{position:absolute;inset:0;z-index:5}.copy{position:absolute;z-index:10;left:4.8vw;top:31%;max-width:390px;text-shadow:0 2px 18px #000}.copy>span{font-size:9px;letter-spacing:.25em;color:#65dfff}.copy h1{font-size:clamp(31px,4.2vw,61px);line-height:.93;margin:12px 0}.copy em{font-style:normal;color:#55dfff;text-shadow:0 0 22px #00bfff55}.copy p{font-size:12px;letter-spacing:.16em;color:#a8cbd8}.copy i{display:block;margin-top:18px;font-size:8px;font-style:normal;letter-spacing:.23em;color:#ffb078}.orbit{position:absolute;inset:0;z-index:12;pointer-events:none}.entity-card{position:absolute;width:210px;height:126px;border:1px solid #42d9ff88;background:#06131ce6;box-shadow:0 0 25px #00bfff35,inset 0 0 25px #00bfff0d;overflow:hidden;cursor:pointer;pointer-events:auto;transition:.3s filter,.3s box-shadow;border-radius:3px;clip-path:polygon(0 0,92% 0,100% 14%,100% 100%,8% 100%,0 86%)}.entity-card:before{content:"";position:absolute;z-index:3;inset:0;border-top:2px solid #6be9ff;border-bottom:1px solid #ff8a2a55;pointer-events:none}.entity-card img.bg{width:100%;height:100%;object-fit:cover;opacity:.78;filter:saturate(1.08) contrast(1.05)}.entity-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#020b14 0%,#03101c99 36%,transparent 74%)}.entity-card strong{position:absolute;z-index:4;left:12px;bottom:11px;font-size:12px;letter-spacing:.1em;text-shadow:0 2px 5px #000}.entity-card:hover{filter:brightness(1.28);box-shadow:0 0 42px #00d9ff99,inset 0 0 30px #00bfff18}.hint{position:absolute;z-index:10;bottom:max(25px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:.25em;color:#7cc8dd}.drawer{position:absolute;z-index:60;top:0;right:0;height:100%;width:min(430px,100%);padding:80px 30px 30px;background:#04101af7;border-left:1px solid #36d9ff55;box-shadow:-25px 0 80px #000;transform:translateX(105%);transition:.35s}.drawer.open{transform:none}.drawer h2{letter-spacing:.15em;color:#65dfff}.drawer #close{position:absolute;right:22px;top:22px;background:none;border:0;color:#fff;font-size:32px}.drawer .row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #ffffff14;color:#fff;text-decoration:none}.drawer .row img{width:62px;height:40px;object-fit:cover}.drawer nav{display:flex;gap:20px;margin-top:28px}.drawer nav a{color:#73ddff;text-decoration:none;font-size:11px;letter-spacing:.12em}
/* EPIC CINEMATIC OPENING */.epic-intro{position:fixed;inset:0;z-index:999;background:#000;overflow:hidden;pointer-events:auto}.epic-intro.done{animation:introOut .85s cubic-bezier(.7,0,.2,1) forwards;pointer-events:none}.intro-grid{position:absolute;inset:-30%;background:linear-gradient(#00c8ff13 1px,transparent 1px),linear-gradient(90deg,#00c8ff13 1px,transparent 1px);background-size:70px 70px;transform:perspective(600px) rotateX(68deg) translateY(25%);opacity:0;animation:igrid 5.5s ease forwards}.intro-flare{position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 35px 12px #00c8ff,0 0 150px 50px #0077ff,0 0 260px 80px #ff6a00;opacity:0;animation:flare 5.5s ease-in-out forwards}.intro-scan{position:absolute;left:-20%;right:-20%;height:2px;top:50%;background:#bff8ff;box-shadow:0 0 28px #00c8ff;opacity:0;animation:scan 5.5s ease forwards}.intro-cut{position:absolute;inset:0;opacity:0;mix-blend-mode:screen}.cut-a{background:linear-gradient(105deg,transparent 42%,#00d9ff 48%,#fff 50%,transparent 54%);animation:cutA 5.5s steps(1) forwards}.cut-b{background:linear-gradient(75deg,transparent 42%,#ff741d 49%,#fff 50%,transparent 55%);animation:cutB 5.5s steps(1) forwards}.intro-word,.intro-brand,.intro-partner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;opacity:0;white-space:nowrap}.intro-word{font-weight:900;font-size:clamp(52px,10vw,150px);letter-spacing:.18em;color:#eafbff;text-shadow:0 0 35px #00bfff}.intro-welcome{animation:welcome 5.5s cubic-bezier(.2,.8,.2,1) forwards}.intro-by{font-size:clamp(28px,5vw,70px);color:#8ceaff;animation:by 5.5s ease forwards}.intro-brand{display:flex;align-items:center;gap:25px;animation:brand 5.5s cubic-bezier(.2,.8,.2,1) forwards}.intro-brand img{width:clamp(100px,13vw,210px);filter:drop-shadow(0 0 28px #00c8ff)}.intro-brand b{font-size:clamp(30px,5vw,74px);letter-spacing:.13em;text-shadow:0 0 30px #00bfff}.intro-partner{top:64%;font-size:clamp(14px,2vw,27px);letter-spacing:.5em;color:#ffad72;text-shadow:0 0 25px #ff741d;animation:partner 5.5s ease forwards}#skipIntro{position:absolute;right:24px;bottom:24px;border:1px solid #6deaff55;background:#03101aaa;color:#a8ddea;padding:8px 12px;font-size:9px;letter-spacing:.18em;cursor:pointer}
@keyframes welcome{0%,8%{opacity:0;transform:translate(-50%,-50%) scale(1.7)}10%,25%{opacity:1;transform:translate(-50%,-50%) scale(1)}27%{opacity:0;transform:translate(-50%,-50%) scale(.3)}100%{opacity:0}}@keyframes by{0%,28%{opacity:0;transform:translate(-50%,-50%) scale(.4)}31%,42%{opacity:1;transform:translate(-50%,-50%) scale(1)}44%,100%{opacity:0}}@keyframes brand{0%,44%{opacity:0;transform:translate(-50%,-50%) scale(2.1);filter:blur(12px)}48%,79%{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0)}82%,100%{opacity:0;transform:translate(-50%,-50%) scale(1.12)}}@keyframes partner{0%,57%{opacity:0;letter-spacing:1em}62%,80%{opacity:1;letter-spacing:.5em}84%,100%{opacity:0}}@keyframes flare{0%,8%{opacity:0;transform:scale(.1)}10%{opacity:1}18%{opacity:.15;transform:scale(12)}29%{opacity:0}45%{opacity:.8;transform:scale(1)}49%{opacity:.08;transform:scale(25)}78%{opacity:.5}90%,100%{opacity:0;transform:scale(40)}}@keyframes scan{0%,7%{opacity:0;transform:translateY(-45vh)}10%{opacity:1}18%{opacity:0;transform:translateY(45vh)}46%{opacity:1;transform:translateY(-20vh)}52%{opacity:0;transform:translateY(30vh)}100%{opacity:0}}@keyframes cutA{12%{opacity:0}13%{opacity:.8}14%{opacity:0}46%{opacity:0}47%{opacity:.6}48%{opacity:0}}@keyframes cutB{29%{opacity:0}30%{opacity:.7}31%{opacity:0}79%{opacity:0}80%{opacity:.7}81%{opacity:0}}@keyframes igrid{0%,8%{opacity:0}14%{opacity:.45}78%{opacity:.25}100%{opacity:0}}@keyframes introOut{to{opacity:0;visibility:hidden;transform:scale(1.08)}}@keyframes bgSpin{to{transform:rotate(360deg)}}@keyframes gridMove{to{background-position:0 38px,58px 0}}
@media(max-width:700px){header{left:18px;right:18px}header img{width:46px}header b{font-size:14px}header span{font-size:7px}.copy{left:22px;right:22px;top:17%;max-width:none}.copy h1{font-size:33px}.copy p{font-size:9px}.copy i{display:none}.entity-card{width:138px;height:84px}.entity-card strong{font-size:9px}.hint{font-size:7px;white-space:nowrap}.tower{opacity:.45}.intro-brand{flex-direction:column;gap:12px}.intro-brand b{font-size:30px}.intro-partner{top:68%;font-size:12px;letter-spacing:.28em;width:90%;white-space:normal}}@media(prefers-reduced-motion:reduce){.epic-intro{display:none}.future-bg:before,.floor-grid{animation:none}}
/* ===== V5 TRUE 3D CINEMATIC INTRO ===== */
.space-intro{position:fixed;inset:0;z-index:2000;background:#000;overflow:hidden;transition:opacity 1.15s cubic-bezier(.7,0,.2,1),visibility 1.15s}
.space-intro.done{opacity:0;visibility:hidden;pointer-events:none}
#spaceCanvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.impact-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(1.5);width:100%;text-align:center;font:900 clamp(42px,8vw,130px)/.95 Arial,sans-serif;letter-spacing:.18em;color:#f1fcff;opacity:0;text-shadow:0 0 16px #fff,0 0 42px #00bfff,0 0 90px #0077ff;filter:blur(10px)}
.space-brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.55);display:flex;flex-direction:column;align-items:center;text-align:center;opacity:0;filter:blur(12px)}
.space-brand img{width:clamp(120px,17vw,270px);filter:drop-shadow(0 0 25px #00cfff) drop-shadow(0 0 45px #ff7722)}
.space-brand b{font:900 clamp(25px,4vw,62px)/1 Arial,sans-serif;letter-spacing:.16em;margin-top:8px;text-shadow:0 0 30px #00bfff}
.space-brand span{font:600 clamp(9px,1.2vw,16px)/1 Arial,sans-serif;letter-spacing:.48em;color:#67e5ff;margin-top:11px;text-shadow:0 0 20px #00bfff}
.space-load{position:absolute;left:22px;bottom:22px;font:500 8px/1 Arial,sans-serif;letter-spacing:.2em;color:#66bdd4;opacity:.72}
#skipSpace{position:absolute;right:22px;bottom:22px;border:1px solid #69e8ff77;background:#02101ccc;color:#c2f7ff;padding:10px 14px;font-size:9px;letter-spacing:.18em;cursor:pointer}
.space-intro.flash:after{content:"";position:absolute;inset:0;background:#fff;animation:v5flash .55s ease-out forwards;pointer-events:none}
@keyframes v5flash{0%{opacity:1}100%{opacity:0}}
@media(max-width:700px){.impact-text{font-size:42px;letter-spacing:.11em}.space-brand img{width:140px}.space-brand b{font-size:28px}.space-brand span{font-size:9px;letter-spacing:.28em}.space-load{display:none}}
@media(prefers-reduced-motion:reduce){.space-intro{display:none}}

/* V6 — public entity portal menu */
.entity-card{backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border-color:#5de5ff99;background:linear-gradient(145deg,rgba(5,23,37,.90),rgba(2,8,15,.82));box-shadow:0 0 30px rgba(0,190,255,.25),inset 0 0 24px rgba(0,190,255,.09)}
.entity-card:before{border-top:2px solid #8cf1ff;border-bottom:1px solid #ff8c3f77;box-shadow:inset 0 0 16px rgba(0,190,255,.12)}
.entity-card strong{font-weight:800;letter-spacing:.13em}.entity-card:hover{z-index:50!important;filter:brightness(1.32) saturate(1.2)!important;box-shadow:0 0 50px rgba(0,218,255,.72),0 0 90px rgba(0,112,255,.20),inset 0 0 28px rgba(0,190,255,.18)}
.entity-card:hover:after{background:linear-gradient(0deg,#02101d 0%,rgba(2,15,27,.48) 42%,transparent 80%)}

/* V7 — cinematic audio launch gate */
.launch-gate{position:absolute;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 48%,rgba(0,116,180,.13),transparent 31%),#000;transition:opacity .85s ease,visibility .85s}
.launch-gate.go{opacity:0;visibility:hidden;pointer-events:none}
.launch-gate img{width:clamp(100px,14vw,210px);filter:drop-shadow(0 0 22px #00bfff) drop-shadow(0 0 55px #0066ff);animation:gatepulse 3s ease-in-out infinite}
.launch-name{font:900 clamp(22px,3.2vw,48px)/1 Arial,sans-serif;letter-spacing:.22em;margin:20px 0 28px;text-shadow:0 0 28px #00bfff}
#enterUniverse{min-width:260px;padding:15px 24px 13px;border:1px solid #74e9ff;background:linear-gradient(135deg,rgba(2,24,40,.92),rgba(3,10,20,.94));color:#eaffff;box-shadow:0 0 24px rgba(0,195,255,.25),inset 0 0 20px rgba(0,170,255,.09);cursor:pointer;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}
#enterUniverse span{display:block;font:800 13px/1 Arial,sans-serif;letter-spacing:.24em}#enterUniverse small{display:block;margin-top:8px;color:#64dfff;font:600 8px/1 Arial,sans-serif;letter-spacing:.18em}
#enterUniverse:hover{background:linear-gradient(135deg,rgba(3,44,68,.98),rgba(4,15,29,.98));box-shadow:0 0 42px rgba(0,218,255,.55),inset 0 0 25px rgba(0,190,255,.14)}
@keyframes gatepulse{50%{filter:drop-shadow(0 0 35px #00d8ff) drop-shadow(0 0 75px #0066ff);transform:scale(1.025)}}

/* V8 — entity portals reveal after cinematic intro */
.entity-card{
  opacity:0!important;
  pointer-events:none;
  transform:translate(-50%,-50%) scale(.35)!important;
  transition:opacity .75s ease,transform .9s cubic-bezier(.16,1,.3,1),
             filter .45s ease,box-shadow .45s ease!important;
}
body.tiles-live .entity-card{pointer-events:auto}
body.tiles-live .entity-card.tile-ready{opacity:var(--tile-opacity,.9)!important}
.entity-card.tile-pop{animation:tileBirth .92s cubic-bezier(.12,.82,.22,1) both}
@keyframes tileBirth{
  0%{opacity:0;filter:blur(14px) brightness(2.2);transform:translate(-50%,-50%) scale(.2)}
  45%{opacity:1;filter:blur(1px) brightness(1.65);transform:translate(-50%,-50%) scale(1.12)}
  100%{filter:blur(0) brightness(1)}
}

/* V11 — supplied identity artwork materializes around the final globe */
.final-entity-orbit{position:fixed;inset:0;z-index:45;pointer-events:none}
.final-logo{position:absolute;left:50%;top:50%;width:clamp(125px,15vw,225px);aspect-ratio:1.65;opacity:0;transform:translate(-50%,-50%) scale(.55);filter:blur(12px) brightness(2);transition:opacity 1s ease,transform 1.15s cubic-bezier(.16,1,.3,1),filter 1.1s ease;pointer-events:none}
.final-logo img{width:100%;height:100%;object-fit:contain;border-radius:8px;filter:drop-shadow(0 0 18px rgba(0,210,255,.72))}
.final-logo.show{opacity:1;filter:blur(0) brightness(1);pointer-events:auto}
.final-logo:nth-child(1){transform:translate(calc(-50% - 34vw),calc(-50% - 25vh)) scale(.82)}
.final-logo:nth-child(2){transform:translate(calc(-50% + 0vw),calc(-50% - 35vh)) scale(.82)}
.final-logo:nth-child(3){transform:translate(calc(-50% + 34vw),calc(-50% - 25vh)) scale(.82)}
.final-logo:nth-child(4){transform:translate(calc(-50% + 35vw),calc(-50% + 25vh)) scale(.82)}
.final-logo:nth-child(5){transform:translate(calc(-50% + 0vw),calc(-50% + 36vh)) scale(.82)}
.final-logo:nth-child(6){transform:translate(calc(-50% - 35vw),calc(-50% + 25vh)) scale(.82)}
@media(max-width:700px){
 .final-logo{width:112px}
 .final-logo:nth-child(1){transform:translate(calc(-50% - 31vw),calc(-50% - 28vh)) scale(.72)}
 .final-logo:nth-child(2){transform:translate(-50%,calc(-50% - 36vh)) scale(.72)}
 .final-logo:nth-child(3){transform:translate(calc(-50% + 31vw),calc(-50% - 28vh)) scale(.72)}
 .final-logo:nth-child(4){transform:translate(calc(-50% + 31vw),calc(-50% + 28vh)) scale(.72)}
 .final-logo:nth-child(5){transform:translate(-50%,calc(-50% + 36vh)) scale(.72)}
 .final-logo:nth-child(6){transform:translate(calc(-50% - 31vw),calc(-50% + 28vh)) scale(.72)}
}

/* V13 clickable constellation + named Explore menu */
.final-logo.show{cursor:pointer}
.final-logo.show:hover{filter:blur(0) brightness(1.15);z-index:4}
.final-logo.show:hover img{filter:drop-shadow(0 0 28px rgba(0,220,255,.95));transform:scale(1.055)}
.final-logo img{transition:transform .28s ease,filter .28s ease}
.entity-explore{position:fixed;right:26px;top:24px;z-index:90;font-family:inherit}
.explore-trigger{border:1px solid rgba(130,225,255,.55);background:rgba(3,12,24,.72);color:#e9fbff;padding:11px 18px;letter-spacing:.18em;border-radius:999px;backdrop-filter:blur(12px);cursor:pointer;box-shadow:0 0 24px rgba(0,180,255,.12)}
.explore-panel{position:absolute;right:0;top:52px;width:255px;padding:16px;background:rgba(3,11,22,.94);border:1px solid rgba(105,220,255,.32);border-radius:16px;box-shadow:0 18px 60px rgba(0,0,0,.48),0 0 28px rgba(0,180,255,.12);backdrop-filter:blur(18px);opacity:0;transform:translateY(-8px) scale(.97);pointer-events:none;transition:.24s ease}
.entity-explore.open .explore-panel{opacity:1;transform:none;pointer-events:auto}
.explore-title{font-size:10px;letter-spacing:.22em;color:rgba(175,230,255,.68);padding:4px 8px 10px}
.explore-panel a{display:block;color:#f4fbff;text-decoration:none;padding:10px 9px;border-radius:9px;font-size:14px;letter-spacing:.035em;transition:.2s ease}
.explore-panel a:hover{background:rgba(38,190,255,.12);text-shadow:0 0 12px rgba(80,215,255,.8);padding-left:13px}
@media(max-width:700px){.entity-explore{right:14px;top:14px}.explore-panel{width:min(255px,calc(100vw - 28px))}}

/* V14 — seven identities, deliberately clear of the central globe */
.final-logo:nth-child(1){transform:translate(calc(-50% - 38vw),calc(-50% - 27vh)) scale(.76)}
.final-logo:nth-child(2){transform:translate(calc(-50% - 14vw),calc(-50% - 39vh)) scale(.76)}
.final-logo:nth-child(3){transform:translate(calc(-50% + 18vw),calc(-50% - 39vh)) scale(.76)}
.final-logo:nth-child(4){transform:translate(calc(-50% + 39vw),calc(-50% - 13vh)) scale(.76)}
.final-logo:nth-child(5){transform:translate(calc(-50% + 34vw),calc(-50% + 29vh)) scale(.76)}
.final-logo:nth-child(6){transform:translate(calc(-50% + 0vw),calc(-50% + 40vh)) scale(.76)}
.final-logo:nth-child(7){transform:translate(calc(-50% - 37vw),calc(-50% + 27vh)) scale(.76)}
@media(max-width:700px){
 .final-logo{width:100px}
 .final-logo:nth-child(1){transform:translate(calc(-50% - 34vw),calc(-50% - 29vh)) scale(.66)}
 .final-logo:nth-child(2){transform:translate(calc(-50% - 12vw),calc(-50% - 39vh)) scale(.66)}
 .final-logo:nth-child(3){transform:translate(calc(-50% + 18vw),calc(-50% - 39vh)) scale(.66)}
 .final-logo:nth-child(4){transform:translate(calc(-50% + 35vw),calc(-50% - 8vh)) scale(.66)}
 .final-logo:nth-child(5){transform:translate(calc(-50% + 31vw),calc(-50% + 29vh)) scale(.66)}
 .final-logo:nth-child(6){transform:translate(-50%,calc(-50% + 39vh)) scale(.66)}
 .final-logo:nth-child(7){transform:translate(calc(-50% - 33vw),calc(-50% + 28vh)) scale(.66)}
}