:root{--blue:#57bbff;--gold:#e7b94b;--orange:#ff8a3d;--green:#7ff0b4;--ink:#03080d;--glass:rgba(4,13,20,.82)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--ink);color:#f5f7f8;font-family:Inter,Arial,sans-serif}button{font:inherit}.view{position:fixed;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .7s ease,visibility .7s}.view.is-active{opacity:1;visibility:visible;pointer-events:auto}.eyebrow{font-size:.68rem;letter-spacing:.34em;font-weight:700;text-transform:uppercase;color:#c9d2d8}.intro{display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 50% 42%,#163b45 0,#07161d 32%,#03080d 76%)}.intro-glow{position:absolute;left:50%;top:48%;width:min(62vw,700px);aspect-ratio:1;border:1px solid rgba(90,201,255,.24);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 90px rgba(45,191,255,.16),inset 0 0 80px rgba(42,174,220,.09);animation:breathe 4s ease-in-out infinite}.intro>*:not(.intro-glow){position:relative}.intro h1{margin:.7rem 0 2rem;font-family:Orbitron,sans-serif;font-size:clamp(3.3rem,10vw,8.5rem);font-weight:500;line-height:.78;letter-spacing:-.055em}.intro h1 span{display:block}.intro h1 span:last-child{color:transparent;-webkit-text-stroke:1px rgba(244,249,252,.8)}.outline-button,.solid-button{border:1px solid rgba(255,255,255,.5);color:white;background:transparent;padding:1rem 1.5rem;letter-spacing:.22em;font-size:.72rem;font-weight:700;cursor:pointer}.outline-button span{margin-left:2.2rem}.outline-button:hover{border-color:var(--blue);box-shadow:0 0 26px rgba(87,187,255,.22)}
.mission{overflow-y:auto;background:#e9ece9;color:#132028}.mission-bg{position:fixed;inset:0 48% 0 0;background:linear-gradient(90deg,rgba(1,12,17,.3),rgba(1,12,17,.72)),url('assets/portal-world.webp') center/cover}.mission-copy{position:relative;margin-left:48%;min-height:100%;padding:clamp(3rem,8vw,8rem) clamp(2rem,8vw,9rem);display:flex;flex-direction:column;justify-content:center}.mission h2{margin:.5rem 0 1.5rem;font-size:clamp(3rem,7vw,6.8rem);line-height:.85;letter-spacing:-.06em;font-weight:500}.mission h2 em{font-family:Georgia,serif;font-weight:400;color:#2d6473}.mission p{max-width:670px;line-height:1.8;color:#435158}.mission .lead{font-size:1.22rem;color:#17272e}.solid-button{align-self:flex-start;margin-top:1.1rem;background:#102630;border-color:#102630}.solid-button:hover{background:#183d49}
.world,.lab{background:#02070b}.world-art,.world-art img,.lab>img{position:absolute;width:100%;height:100%}.world-art{inset:0}.world-art img,.lab>img{object-fit:cover}.world-shade,.lab-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,8,12,.18),transparent 48%,rgba(0,5,9,.52)),radial-gradient(circle at center,transparent 42%,rgba(0,4,9,.35))}.hint{position:absolute;left:50%;top:7%;transform:translateX(-50%);padding:.68rem 1rem;background:rgba(2,11,17,.7);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(10px);font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;animation:fadeHint 6s forwards;white-space:nowrap}.about-tab{position:absolute;right:2.2%;top:3%;z-index:2;border:1px solid rgba(255,255,255,.6);background:rgba(2,11,17,.72);color:white;padding:.7rem 1rem;font-size:.64rem;font-weight:700;letter-spacing:.18em;cursor:pointer;backdrop-filter:blur(9px)}.about-tab:hover{border-color:var(--blue);box-shadow:0 0 18px rgba(87,187,255,.28)}.orb{position:absolute;width:54px;height:54px;border-radius:50%;border:1px solid rgba(255,255,255,.85);background:radial-gradient(circle at 34% 30%,#fff 0 4%,#70dcff 10%,#1786c0 28%,rgba(9,44,74,.7) 60%,rgba(0,0,0,.3));box-shadow:0 0 9px #8ae2ff,0 0 28px rgba(65,190,255,.8);color:white;display:grid;place-items:center;cursor:pointer;animation:float 3.2s ease-in-out infinite}.orb span{font-family:Orbitron;font-size:.73rem}.orb b{position:absolute;top:66px;left:50%;transform:translateX(-50%) translateY(-6px);opacity:0;white-space:nowrap;background:rgba(1,10,16,.88);border:1px solid rgba(133,217,255,.46);padding:.55rem .7rem;font-size:.66rem;letter-spacing:.09em;text-transform:uppercase;transition:.25s;pointer-events:none}.orb:hover b,.orb:focus b{opacity:1;transform:translateX(-50%) translateY(0)}.orb.apparel{left:24%;top:35%}.orb.mystery{left:63%;top:34%;animation-delay:-.8s}.orb.books{left:45%;top:59%;animation-delay:-1.4s}.orb.inventions{left:76%;top:56%;animation-delay:-2s}.locked{filter:saturate(.55)}.lock-card{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%) scale(.94);width:min(88vw,420px);padding:2.2rem;text-align:center;background:rgba(2,10,16,.91);border:1px solid rgba(104,210,255,.45);backdrop-filter:blur(18px);opacity:0;visibility:hidden;transition:.3s}.lock-card.open{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.lock-card h3{font-size:1.8rem;margin:.4rem}.lock-icon{font-size:3rem;color:var(--blue)}.close-card{position:absolute;right:12px;top:8px;border:0;background:none;color:white;font-size:1.7rem;cursor:pointer}
.lab>img{filter:saturate(1.04) contrast(1.05) brightness(.76)}.lab-shade{background:linear-gradient(180deg,rgba(0,4,8,.5),transparent 34%,rgba(0,3,7,.38))}.lab>h2{position:absolute;left:50%;top:4%;transform:translateX(-50%);margin:0;font-family:Orbitron,sans-serif;font-size:clamp(2rem,5vw,5rem);font-style:italic;letter-spacing:.02em;white-space:nowrap;text-shadow:0 3px 28px #000}.lab>h2 span{color:white}.lab>h2{color:var(--blue)}.floor-tabs{position:absolute;left:50%;bottom:3%;width:min(54vw,690px);height:48%;transform:translateX(-50%);perspective:600px;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.floor-tabs button{width:clamp(190px,32vw,420px);height:46px;color:white;background:rgba(3,10,15,.72);border:1px solid var(--blue);box-shadow:0 0 14px rgba(87,187,255,.48);clip-path:polygon(7% 0,93% 0,100% 100%,0 100%);transform:rotateX(52deg);font-family:Orbitron,sans-serif;font-size:clamp(.56rem,1.2vw,.82rem);letter-spacing:.1em;cursor:pointer;transition:.25s}.floor-tabs button:hover{transform:rotateX(48deg) scale(1.04);background:rgba(16,48,69,.92)}.floor-tabs button:nth-child(1){border-color:var(--gold);box-shadow:0 0 14px rgba(231,185,75,.55)}.floor-tabs button:nth-child(2){border-color:var(--orange);box-shadow:0 0 14px rgba(255,138,61,.55)}.floor-tabs .back{border-color:var(--green);box-shadow:0 0 14px rgba(127,240,180,.45)}.collection{position:absolute;z-index:6;inset:0;padding:clamp(1.5rem,5vw,5rem);background:radial-gradient(circle at 50% 0,rgba(25,64,86,.3),transparent 36%),rgba(2,7,11,.97);backdrop-filter:blur(18px);opacity:0;visibility:hidden;transform:translateY(20px);transition:.35s;overflow:auto}.collection.open{opacity:1;visibility:visible;transform:none}.collection-head{max-width:1100px;margin:auto;display:flex;justify-content:space-between;align-items:end}.collection h3{font-family:Orbitron;font-size:clamp(1.8rem,5vw,4rem);margin:.3rem 0}.collection-head button{border:1px solid #64727a;background:transparent;color:white;padding:.8rem 1rem;cursor:pointer}.collection-note{max-width:1100px;margin:1.1rem auto 0;color:#9fb0ba;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.product-grid{max-width:1100px;margin:2rem auto 4rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.product-card{appearance:none;width:100%;padding:0;text-align:left;color:white;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.13);cursor:pointer;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}.product-card:hover,.product-card:focus-visible{transform:translateY(-4px);border-color:rgba(87,187,255,.75);box-shadow:0 12px 34px rgba(0,0,0,.35)}.product-image{display:block;height:285px;background:#05090c}.product-image img{width:100%;height:100%;object-fit:contain}.product-copy{display:flex;min-height:78px;padding:1rem;gap:.6rem;flex-direction:column;justify-content:center}.product-copy b{font-family:Orbitron,sans-serif;font-size:.78rem;letter-spacing:.04em}.product-copy small{color:var(--blue);font-size:.62rem;letter-spacing:.16em}.product-viewer{position:absolute;z-index:9;inset:0;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.5fr);align-items:center;gap:clamp(1.2rem,4vw,4rem);padding:clamp(1rem,4vw,4rem);background:rgba(0,4,7,.96);opacity:0;visibility:hidden;transition:.25s}.product-viewer.open{opacity:1;visibility:visible}.product-viewer img{width:100%;height:82vh;object-fit:contain}.product-viewer h3{font-family:Orbitron,sans-serif;font-size:clamp(1.5rem,3vw,3rem);margin:.5rem 0}.product-viewer p:last-child{color:#9fb0ba}.close-product{position:absolute;right:1.25rem;top:1rem;width:44px;height:44px;border:1px solid rgba(255,255,255,.45);background:rgba(0,0,0,.45);color:white;font-size:1.8rem;cursor:pointer}
@keyframes breathe{50%{transform:translate(-50%,-50%) scale(1.05);opacity:.72}}@keyframes float{50%{transform:translateY(-7px);box-shadow:0 0 13px #bff0ff,0 0 36px rgba(65,190,255,.9)}}@keyframes fadeHint{0%,60%{opacity:1}100%{opacity:0;visibility:hidden}}
@media(max-width:760px){.mission-bg{inset:0 0 58% 0}.mission-copy{margin:36vh 0 0;padding:2.2rem 1.4rem 4rem;background:linear-gradient(180deg,transparent,#e9ece9 5%)}.mission h2{font-size:3.2rem}.mission p{line-height:1.62}.world-art{z-index:1}.world-art img{object-fit:cover;object-position:center}.world-shade{z-index:2;background:linear-gradient(180deg,rgba(0,6,10,.25),transparent 35%,transparent 70%,rgba(0,5,9,.3))}.hint,.about-tab,.orb{z-index:3}.lock-card{z-index:4}.hint{top:3%;font-size:.58rem;letter-spacing:.14em}.about-tab{right:4%;top:auto;bottom:2.5%;padding:.58rem .7rem}.orb{width:49px;height:49px}.orb.apparel{left:18%;top:35%}.orb.mystery{left:72%;top:37%}.orb.books{left:38%;top:64%}.orb.inventions{left:76%;top:61%}.orb b{top:58px;font-size:.56rem}.lab{background:linear-gradient(180deg,#071019 0,#071019 53vw,#02070b 78%)}.lab>img{height:auto;aspect-ratio:16/9;object-fit:contain;object-position:center top;top:12%;filter:saturate(1.04) contrast(1.05) brightness(.82)}.lab-shade{background:linear-gradient(180deg,rgba(0,4,8,.34),transparent 38%,#02070b 72%)}.lab>h2{top:3%;font-size:2.1rem}.floor-tabs{width:88vw;height:43%;bottom:4%}.floor-tabs button{width:76vw;height:42px}.collection{padding:1.2rem}.product-grid{grid-template-columns:1fr;gap:1rem}.collection-head{align-items:start;gap:1rem}.collection-head button{font-size:.62rem;padding:.65rem}.product-image{height:70vw;max-height:360px}.product-viewer{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;padding:3.5rem 1rem 1.25rem;text-align:center}.product-viewer img{height:60vh}.product-viewer h3{margin:.3rem 0}.product-viewer p{margin:.35rem 0}.product-viewer .eyebrow{display:none}}

.apparel-lobby{background:#05080a}.lobby-art,.lobby-art img,.lobby-shade{position:absolute;inset:0;width:100%;height:100%}.lobby-art img{object-fit:cover}.lobby-shade{background:linear-gradient(180deg,rgba(1,5,8,.58) 0,transparent 24%,transparent 72%,rgba(1,5,8,.72) 100%)}.lobby-title{position:absolute;z-index:2;top:2.8%;left:50%;transform:translateX(-50%);text-align:center;white-space:nowrap}.lobby-title p{margin:.25rem}.lobby-title>p:last-child{font-size:.68rem;letter-spacing:.25em;text-transform:uppercase;color:#d7c5a5}.lobby-title h2{margin:.2rem 0;font-family:Orbitron,sans-serif;font-size:clamp(1.7rem,4vw,3.8rem);letter-spacing:.06em;text-shadow:0 3px 24px #000}.lobby-title h2 span{color:#e7b94b}.apparel-portal{position:absolute;z-index:3;width:58px;height:58px;border-radius:50%;border:1px solid rgba(255,226,165,.92);background:radial-gradient(circle at 35% 28%,#fff 0 4%,#f8d486 9%,#9c6421 28%,rgba(42,23,7,.85) 67%,rgba(0,0,0,.82));box-shadow:0 0 11px #ffd989,0 0 32px rgba(229,169,68,.7);color:white;display:grid;place-items:center;cursor:pointer;animation:float 3.5s ease-in-out infinite}.apparel-portal.active{background:radial-gradient(circle at 35% 28%,#fff 0 4%,#83e4ff 10%,#177fb7 30%,rgba(7,38,63,.9) 68%,rgba(0,0,0,.8));border-color:#a9ebff;box-shadow:0 0 11px #9ee8ff,0 0 34px rgba(65,190,255,.82)}.apparel-portal span{font-family:Orbitron;font-size:.76rem}.apparel-portal b{position:absolute;top:68px;left:50%;transform:translateX(-50%) translateY(-5px);opacity:0;white-space:nowrap;background:rgba(2,8,12,.92);border:1px solid rgba(255,215,145,.55);padding:.5rem .65rem;font-size:.61rem;letter-spacing:.1em;transition:.22s;pointer-events:none}.apparel-portal:hover b,.apparel-portal:focus b{opacity:1;transform:translateX(-50%) translateY(0)}.apparel-portal.p1{left:11%;top:30%}.apparel-portal.p2{left:23%;top:32%}.apparel-portal.p3{left:11%;top:55%}.apparel-portal.p4{left:23%;top:57%}.apparel-portal.p5{right:23%;top:32%}.apparel-portal.p6{right:11%;top:30%}.apparel-portal.p7{right:23%;top:57%}.apparel-portal.p8{right:11%;top:55%}.lobby-back{position:absolute;z-index:3;left:2.2%;bottom:3%;border:1px solid rgba(255,255,255,.55);background:rgba(2,8,12,.72);color:white;padding:.7rem .9rem;font-size:.62rem;font-weight:700;letter-spacing:.13em;cursor:pointer}.lobby-card{position:absolute;z-index:5;inset:50% auto auto 50%;transform:translate(-50%,-50%) scale(.94);width:min(88vw,410px);padding:2rem;text-align:center;background:rgba(2,8,12,.94);border:1px solid rgba(229,169,68,.55);backdrop-filter:blur(18px);opacity:0;visibility:hidden;transition:.3s}.lobby-card.open{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.lobby-card h3{font-family:Orbitron;font-size:1.5rem;margin:.5rem}.close-lobby-card{position:absolute;right:12px;top:8px;border:0;background:none;color:white;font-size:1.7rem;cursor:pointer}
@media(max-width:760px){.lobby-art{z-index:1}.lobby-art img{object-fit:cover;object-position:center}.lobby-shade{z-index:2;background:linear-gradient(180deg,rgba(1,5,8,.56) 0,transparent 18%,transparent 78%,rgba(1,5,8,.65) 100%)}.lobby-title{z-index:3;top:2%}.lobby-title h2{font-size:1.55rem}.lobby-title>p:last-child{font-size:.52rem}.apparel-portal{z-index:4;width:43px;height:43px}.apparel-portal b{top:50px;font-size:.48rem}.apparel-portal.p1{left:12%;top:30%}.apparel-portal.p2{left:12%;top:42%}.apparel-portal.p3{left:12%;top:54%}.apparel-portal.p4{left:12%;top:66%}.apparel-portal.p5{right:12%;top:30%}.apparel-portal.p6{right:12%;top:42%}.apparel-portal.p7{right:12%;top:54%}.apparel-portal.p8{right:12%;top:66%}.lobby-back{z-index:4;left:50%;transform:translateX(-50%);bottom:2%;white-space:nowrap}.lobby-card{z-index:6}}
@supports(height:100dvh){html,body,#app,.view{height:100dvh}}
@media(max-width:760px) and (orientation:portrait){.apparel-lobby{height:100dvh;min-height:100svh;overflow:hidden}.lobby-art,.lobby-art img{height:100%;min-height:100%;display:block}.lobby-title{top:max(1.6%,env(safe-area-inset-top))}.lobby-title .eyebrow{font-size:.54rem}.lobby-title h2{font-size:clamp(1.35rem,6vw,1.75rem)}.apparel-portal{width:46px;height:46px;touch-action:manipulation}.apparel-portal span{font-size:.66rem}.apparel-portal.p1{left:10%;top:28%}.apparel-portal.p2{left:10%;top:41%}.apparel-portal.p3{left:10%;top:54%}.apparel-portal.p4{left:10%;top:67%}.apparel-portal.p5{right:10%;top:28%}.apparel-portal.p6{right:10%;top:41%}.apparel-portal.p7{right:10%;top:54%}.apparel-portal.p8{right:10%;top:67%}.lobby-back{bottom:max(1.5%,env(safe-area-inset-bottom));min-height:42px;touch-action:manipulation}.lobby-card{max-height:80dvh;overflow:auto}}
@media(max-width:380px) and (orientation:portrait){.apparel-portal{width:42px;height:42px}.apparel-portal.p1,.apparel-portal.p2,.apparel-portal.p3,.apparel-portal.p4{left:8%}.apparel-portal.p5,.apparel-portal.p6,.apparel-portal.p7,.apparel-portal.p8{right:8%}.apparel-portal b{top:48px;font-size:.44rem}.lobby-back{font-size:.55rem;padding:.6rem .72rem}}
@media(max-height:680px) and (orientation:portrait){.lobby-title>p:last-child{display:none}.apparel-portal.p1,.apparel-portal.p5{top:24%}.apparel-portal.p2,.apparel-portal.p6{top:38%}.apparel-portal.p3,.apparel-portal.p7{top:52%}.apparel-portal.p4,.apparel-portal.p8{top:66%}}