@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap";.header{position:relative;top:0;left:0;width:100%;z-index:1000;padding:1rem 1.25rem;opacity:0;transform:translateY(-20px);transition:opacity .6s ease-out,transform .6s ease-out;background:#030508e0;backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,255,170,.08)}.header-visible{opacity:1;transform:translateY(0)}.header-content{max-width:1280px;margin:0 auto;text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;gap:.6rem}.main-title{font-family:Syne,sans-serif;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800;color:#fff;margin:0;letter-spacing:.08em;text-transform:uppercase;transition:all .3s ease;background:linear-gradient(135deg,#fff,#0fa,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:titleGradient 10s ease infinite;cursor:pointer}@keyframes titleGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.main-title:hover{transform:scale(1.02)}.subheading{font-family:Space Mono,monospace;font-size:clamp(.5rem,1.2vw,.72rem);font-weight:400;color:#fff6;margin:0;letter-spacing:.2em;text-transform:uppercase}.navigation-buttons{display:inline-flex;align-items:center;gap:.35rem;justify-content:center;margin-top:.65rem;padding:.35rem;background:#050a1499;border:1px solid rgba(255,255,255,.08);border-radius:999px;backdrop-filter:blur(10px)}.nav-button{position:relative;font-family:Space Mono,monospace;font-size:.65rem;font-weight:400;padding:.5rem 1rem;background:transparent;border:none;border-radius:999px;color:#ffffff8c;cursor:pointer;transition:all .25s ease;text-transform:uppercase;letter-spacing:.12em}.nav-button:hover{color:#ffffffd9;background:#ffffff0d}.nav-button.home-button{background:#00ffaa1f;color:#0fa;box-shadow:0 0 15px #00ffaa1a,inset 0 0 12px #00ffaa08}.nav-button.home-button:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:4px;height:4px;background:#0fa;border-radius:50%;box-shadow:0 0 6px #0fa}.nav-button.home-button:hover{background:#00ffaa2e}.header:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,255,170,.4),transparent)}@media (max-width: 768px){.header{padding:.75rem .85rem}.header-content{gap:.45rem}.main-title{letter-spacing:.05em;font-size:clamp(1.3rem,5vw,1.7rem)}.subheading{font-size:.45rem;letter-spacing:.15em}.navigation-buttons{gap:.2rem;padding:.3rem;margin-top:.5rem;flex-wrap:wrap}.nav-button{padding:.4rem .75rem;font-size:.55rem;letter-spacing:.08em}.nav-button.home-button:after{width:3px;height:3px;bottom:3px}}@media (max-width: 480px){.header{padding:.6rem .65rem}.main-title{font-size:clamp(1.1rem,6vw,1.4rem);letter-spacing:.03em}.subheading{font-size:.4rem;letter-spacing:.1em}.navigation-buttons{gap:.15rem;padding:.25rem}.nav-button{padding:.35rem .6rem;font-size:.48rem;letter-spacing:.06em}}@media (prefers-reduced-motion: reduce){.header,.main-title,.nav-button{transition:none}.main-title{animation:none}}.footer{position:relative;width:100%;padding:1.25rem 1rem;z-index:1000;pointer-events:auto;margin-top:clamp(1rem,3vh,2rem);background:#030508e6;backdrop-filter:blur(20px);border-top:1px solid rgba(0,255,170,.1)}.App.home-active .footer{margin-top:clamp(.5rem,2vh,1rem);background:#030508d9}.footer-content{display:flex;flex-direction:row;justify-content:center;align-items:center;max-width:1280px;margin:0 auto;pointer-events:auto;gap:1.5rem;width:100%}.footer-privacy-link{font-family:Space Mono,monospace;font-size:.7rem;color:#ffffff80;cursor:pointer;transition:all .3s ease;user-select:none;pointer-events:auto;white-space:nowrap;letter-spacing:.15em;text-transform:uppercase;padding:.5rem 1rem;border-radius:999px;border:1px solid transparent}.footer-privacy-link:hover{color:#0fa;border-color:#00ffaa4d;background:#00ffaa0d}.signature{font-family:Syne,sans-serif;font-size:.85rem;font-weight:600;color:#fff9}@media (max-width: 768px){.footer{padding:1rem .75rem}.footer-content{flex-direction:column;gap:.5rem;align-items:center}.signature{font-size:.75rem;text-align:center}.footer-privacy-link{font-size:.6rem;letter-spacing:.12em}}@media (max-width: 480px){.footer{padding:.8rem .5rem}.footer-privacy-link{font-size:.55rem;padding:.4rem .8rem}}@media (prefers-reduced-motion: reduce){.footer-privacy-link{transition:none}}.typewriter-text{display:inline}.typewriter-cursor{display:inline-block;color:#fff;animation:blink 1s infinite;font-weight:400;opacity:.8}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.typewriter-text{font-kerning:auto;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.infinite-menu-wrapper{position:relative;width:100%;height:100%;background:radial-gradient(ellipse at 50% 40%,rgba(20,15,35,.6) 0%,transparent 50%),radial-gradient(ellipse at 30% 70%,rgba(15,10,25,.4) 0%,transparent 40%),radial-gradient(ellipse at 70% 60%,rgba(10,8,20,.3) 0%,transparent 45%),linear-gradient(180deg,#06050c,#030306);border-radius:inherit;overflow:hidden}#infinite-grid-menu-canvas{cursor:grab;width:100%;height:100%;overflow:hidden;position:relative;outline:none;display:block;background:transparent;touch-action:none;z-index:1}#infinite-grid-menu-canvas:active{cursor:grabbing}.instruction-message{position:absolute;top:clamp(4%,6vh,10%);left:50%;transform:translate(-50%);font-family:Space Mono,monospace;font-size:clamp(.5rem,.9vw,.75rem);font-weight:400;color:#ffffff73;text-align:center;z-index:20;user-select:none;pointer-events:none;letter-spacing:.3em;text-transform:uppercase;padding:.5rem 1rem;background:#050a14b3;border-radius:999px;border:1px solid rgba(255,255,255,.06);backdrop-filter:blur(8px)}.face-badge{user-select:none;position:absolute;top:clamp(22%,22vh,28%);left:50%;transform:translate(-50%);font-family:Space Mono,monospace;font-size:clamp(.5rem,.9vw,.68rem);letter-spacing:.3em;text-transform:uppercase;color:#0fa;padding:.5rem 1.25rem;border-radius:999px;border:1px solid rgba(0,255,170,.35);background:#00ffaa0f;box-shadow:0 12px 35px #00ffaa1f,inset 0 0 15px #00ffaa05;z-index:16;backdrop-filter:blur(8px)}.face-badge.active{opacity:1;transition:opacity .4s ease}.face-badge.inactive{opacity:0;transition:opacity .12s ease}.face-title{user-select:none;position:absolute;font-weight:800;font-family:Syne,sans-serif;color:#fff;text-shadow:0 0 25px rgba(102,0,255,.35);left:50%;top:clamp(13%,14vh,17%);transform:translate(-50%);text-align:center;z-index:15;font-size:clamp(1.3rem,2.8vw,2.2rem);letter-spacing:-.01em;white-space:nowrap;max-width:90%;overflow:hidden;text-overflow:ellipsis}.face-title.active{opacity:1;pointer-events:auto;transition:opacity .4s ease}.face-title.inactive{pointer-events:none;opacity:0;transition:opacity .1s ease}.face-description{user-select:none;position:absolute;left:50%;bottom:clamp(12%,14vh,18%);transform:translate(-50%);text-align:center;color:#ffffffb3;font-family:Space Mono,monospace;font-weight:400;line-height:1.55;z-index:15;font-size:clamp(.7rem,1.2vw,.88rem);max-width:clamp(250px,50%,520px);padding:.85rem 1.25rem;background:#050a14bf;border-radius:16px;border:1px solid rgba(255,255,255,.06);backdrop-filter:blur(10px)}.face-description.active{opacity:1;pointer-events:auto;transition:opacity .4s ease}.face-description.inactive{pointer-events:none;opacity:0;transition:opacity .1s ease}.action-button{position:absolute;left:50%;top:clamp(66%,64vh,70%);z-index:10;width:clamp(48px,5vw,62px);height:clamp(48px,5vw,62px);display:grid;place-items:center;background:linear-gradient(135deg,#0fa,#00d4ff);border:none;border-radius:50%;cursor:pointer;transform:translate(-50%);box-shadow:0 12px 35px #00ffaa40,0 4px 12px #00000040;transition:transform .3s ease,box-shadow .3s ease}.action-button:hover{transform:translate(-50%) scale(1.06);box-shadow:0 16px 45px #00ffaa59,0 6px 18px #0000004d}.action-button-icon{user-select:none;position:relative;color:#000;font-size:clamp(18px,2vw,24px);font-weight:700;line-height:1}.action-button.active{opacity:1;pointer-events:auto;transition:.4s ease}.action-button.inactive{opacity:0;pointer-events:none;transition:.1s ease}@media (min-width: 769px) and (max-width: 1024px){.face-title{font-size:1.7rem;top:15%}.face-description{font-size:.82rem;bottom:15%;max-width:60%}.face-badge{top:26%;font-size:.6rem}.instruction-message{font-size:.65rem;top:6%}}@media (max-width: 768px){.instruction-message{font-size:.48rem;top:5%;max-width:85%;letter-spacing:.22em;padding:.4rem .85rem}.face-title{font-size:clamp(1rem,4.5vw,1.4rem);top:14%;max-width:88%;white-space:normal;line-height:1.15}.face-badge{top:22%;font-size:.5rem;padding:.4rem .95rem;letter-spacing:.25em}.face-description{font-size:.68rem;bottom:18%;max-width:88%;padding:.75rem .95rem;line-height:1.45;border-radius:14px}.action-button{width:44px;height:44px;top:72%}.action-button-icon{font-size:16px}}@media (max-width: 480px){.instruction-message{font-size:.42rem;top:4%;max-width:90%;letter-spacing:.18em;padding:.35rem .7rem}.face-title{font-size:clamp(.9rem,5vw,1.2rem);top:16%;max-width:92%;line-height:1.1}.face-badge{top:26%;font-size:.45rem;padding:.35rem .8rem;letter-spacing:.2em}.face-description{font-size:.62rem;bottom:20%;max-width:94%;padding:.65rem .8rem;line-height:1.4;border-radius:12px}.action-button{width:40px;height:40px;top:74%}.action-button-icon{font-size:14px}}@media (min-width: 1400px){.face-title{font-size:2.4rem}.face-description{font-size:.95rem;max-width:45%}.instruction-message{font-size:.78rem}}@media (max-height: 600px){.face-title{top:10%;font-size:clamp(.85rem,3vw,1.1rem)}.face-badge{top:20%;font-size:.42rem;padding:.3rem .7rem}.face-description{bottom:16%;font-size:.58rem;padding:.55rem .7rem;max-width:85%}.action-button{top:70%;width:38px;height:38px}.instruction-message{top:3%;font-size:.4rem}}.energy-sphere-container{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:0;opacity:0;transition:opacity .4s ease-out}.energy-sphere-container.active{opacity:1;transition:opacity .15s ease-in}.energy-sphere{position:relative;width:clamp(280px,45vw,500px);height:clamp(280px,45vw,500px);display:flex;align-items:center;justify-content:center}.energy-sphere-core{position:absolute;width:40%;height:40%;border-radius:50%;background:radial-gradient(circle,rgba(140,80,200,.5) 0%,rgba(120,60,180,.3) 30%,rgba(100,40,160,.15) 60%,transparent 100%);filter:blur(25px);animation:coreBreath 2s ease-in-out infinite}@keyframes coreBreath{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.15);opacity:1}}.energy-sphere-ring{position:absolute;border-radius:50%;border:1px solid transparent;background:transparent}.energy-sphere-ring--1{width:70%;height:70%;border-color:#9664dc40;box-shadow:0 0 35px #8c50c833,inset 0 0 25px #8c50c81a;animation:ringRotate1 12s linear infinite}.energy-sphere-ring--2{width:85%;height:85%;border-color:#7896dc33;box-shadow:0 0 45px #6482c826,inset 0 0 30px #6482c814;animation:ringRotate2 18s linear infinite reverse}.energy-sphere-ring--3{width:100%;height:100%;border-color:#6446b426;box-shadow:0 0 55px #5a3ca01f,inset 0 0 35px #5a3ca00d;animation:ringRotate3 25s linear infinite}@keyframes ringRotate1{0%{transform:rotateX(60deg) rotate(0)}to{transform:rotateX(60deg) rotate(360deg)}}@keyframes ringRotate2{0%{transform:rotateX(75deg) rotateY(25deg) rotate(0)}to{transform:rotateX(75deg) rotateY(25deg) rotate(360deg)}}@keyframes ringRotate3{0%{transform:rotateX(50deg) rotateY(-15deg) rotate(0)}to{transform:rotateX(50deg) rotateY(-15deg) rotate(360deg)}}.energy-sphere-pulse{position:absolute;width:50%;height:50%;border-radius:50%;border:2px solid rgba(150,100,220,.3);box-shadow:0 0 20px #8c50c833;animation:spherePulse 3s ease-out infinite}@keyframes spherePulse{0%{transform:scale(.8);opacity:.8;border-color:#9664dc66;box-shadow:0 0 20px #8c50c84d}to{transform:scale(2.2);opacity:0;border-color:#9664dc00;box-shadow:0 0 40px #8c50c800}}@media (prefers-reduced-motion: reduce){.face-title,.face-description,.face-badge,.action-button{transition:opacity .15s ease}.energy-sphere-core,.energy-sphere-ring,.energy-sphere-pulse{animation:none}.energy-sphere-container.active{opacity:.5}}@media (max-width: 768px){.energy-sphere{width:clamp(200px,60vw,320px);height:clamp(200px,60vw,320px)}.energy-sphere-core{filter:blur(15px)}}@media (max-width: 480px){.energy-sphere{width:clamp(160px,70vw,260px);height:clamp(160px,70vw,260px)}.energy-sphere-core{filter:blur(12px)}}