.intro-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;font-family:Consolas,Monaco,monospace;color:#fff;z-index:10;display:flex;justify-content:center;align-items:center;perspective:800px}.planet-text-overlay{position:absolute;width:50vmin;height:50vmin;max-width:500px;max-height:500px;display:flex;justify-content:center;align-items:center;border-radius:50%;transform-style:preserve-3d;transform:rotateX(10deg);mix-blend-mode:screen;mask-image:radial-gradient(130% 130% at 50% 50%,#000 0% 60%,#000c 80%,#0000);-webkit-mask-image:radial-gradient(130% 130% at 50% 50%,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 60%,rgba(0,0,0,.8) 80%,rgba(0,0,0,0) 100%)}@keyframes textFadeIn{0%{opacity:0;transform:rotateX(15deg) scale(.95)}to{opacity:1;transform:rotateX(10deg) scale(1)}}.sequential-item{opacity:0;transform:translateY(10px);transition:opacity .6s ease-out,transform .6s ease-out}.sequential-item.visible{opacity:1;transform:translateY(0)}.curved-text-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:18%;box-sizing:border-box;transform-style:preserve-3d}.hud-row{display:flex;justify-content:space-between;width:100%;transform-style:preserve-3d}.hud-row.top{align-items:flex-start;transform:translateZ(-30px) translateY(-5px) rotateX(-15deg)}.hud-row.bottom{align-items:flex-end;transform:translateZ(-30px) translateY(5px) rotateX(15deg)}.cursor{animation:cursorBlink .6s infinite;color:#00d2ff}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}.hidden{opacity:0}.visible{opacity:1}.hud-item{text-align:left;transform-style:preserve-3d}.hud-item.right{text-align:right}.hud-label{font-size:10px;color:#00d2ffcc;letter-spacing:1px;margin-bottom:3px;text-shadow:0 0 8px rgba(0,210,255,.8)}.hud-value{font-size:16px;font-weight:700;color:#00d2ff;text-shadow:0 0 10px rgba(0,210,255,.9),0 0 20px rgba(0,210,255,.5)}.hud-value.blink{animation:blink 1s infinite}.hud-center{display:flex;justify-content:center;align-items:center;flex:1;transform-style:preserve-3d;transform:translateZ(10px)}.status-text{font-size:clamp(1.1rem,3.5vmin,1.6rem);font-weight:700;color:#fffffff2;text-shadow:0 0 15px rgba(0,210,255,.9),0 0 30px rgba(0,210,255,.6);letter-spacing:3px}.status-text.pulse{animation:pulse 1.5s infinite}.access-granted{font-size:clamp(1.3rem,4.5vmin,2.2rem);font-weight:700;color:#fff;text-shadow:0 0 15px rgba(0,210,255,.9),0 0 30px rgba(0,210,255,.6),2px 2px 0 #00a0cc;letter-spacing:4px}.log-container{display:flex;flex-direction:column;gap:2px;font-size:10px;color:#ffffffd9;text-shadow:0 0 8px rgba(0,210,255,.7);max-width:50%;transform-style:preserve-3d}.log-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:fadeIn .3s ease-out}.progress-container{text-align:right;transform-style:preserve-3d}.progress-value{font-size:clamp(24px,6vmin,36px);font-weight:700;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.9),0 0 20px rgba(0,210,255,.6)}.progress-bar{width:80px;height:3px;background:#ffffff26;margin-top:4px;margin-left:auto;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#00d2ff,#0ff);box-shadow:0 0 10px #00d2ff;transition:width .1s ease}.connect-button-container{position:fixed;top:50%;left:50%;transform:translate(-50%,calc(-50% + 30vmin));z-index:100;pointer-events:auto;animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%,calc(-50% + 32vmin))}to{opacity:1;transform:translate(-50%,calc(-50% + 30vmin))}}.connect-btn{padding:16px 45px;background:#001428cc;border:2px solid #00d2ff;color:#00d2ff;font-family:Consolas,monospace;font-size:1.2rem;letter-spacing:4px;cursor:pointer;overflow:hidden;transition:all .3s ease;box-shadow:0 0 25px #00d2ff66,inset 0 0 15px #00d2ff1a;text-transform:uppercase;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:4px;position:relative}.connect-btn:hover{background:#00d2ff33;box-shadow:0 0 40px #00d2ff99,inset 0 0 25px #00d2ff26;text-shadow:0 0 10px #fff;transform:scale(1.05);border-color:#fff;color:#fff}.connect-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:.5s}.connect-btn:hover:before{left:100%}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}@keyframes pulse{0%,to{opacity:.6;letter-spacing:3px}50%{opacity:1;letter-spacing:5px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes glitch-anim{0%{transform:translate(0)}20%{transform:translate(-1px,1px)}40%{transform:translate(-1px,-1px)}60%{transform:translate(1px,1px)}80%{transform:translate(1px,-1px)}to{transform:translate(0)}}@keyframes glitch-anim-2{0%{clip:rect(24px,9999px,86px,0)}20%{clip:rect(65px,9999px,19px,0)}40%{clip:rect(92px,9999px,13px,0)}60%{clip:rect(15px,9999px,57px,0)}80%{clip:rect(38px,9999px,6px,0)}to{clip:rect(4px,9999px,67px,0)}}@media(max-width:600px){.planet-text-overlay{width:70vmin;height:70vmin}.curved-text-container{padding:22%}.hud-label{font-size:8px}.hud-value{font-size:12px}.log-container{font-size:8px}.connect-btn{padding:12px 30px;font-size:1rem;letter-spacing:2px}.connect-button-container{transform:translate(-50%,calc(-50% + 42vmin))}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}.app-container{position:relative;width:100%;height:100%;background-color:#000}.canvas-container{position:absolute!important;top:0;left:0;width:100%;height:100%;z-index:1}.white-flash-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:9999;pointer-events:none;transition:opacity 2s ease-out}.intro-overlay,.game-info-container{position:relative;z-index:10}