:root{--space-dark: #050505;--space-medium: #0a0a0a;--electric-blue: #ff7700;--neon-purple: #cc2200;--cyan: #ffaa33;--pink: #ff3300;--glass-white: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);font-family:"Exo 2",Rajdhani,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text-primary);background-color:var(--space-dark);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;background:var(--space-dark)}#root{width:100vw;height:100vh}a{font-weight:500;color:var(--electric-blue);text-decoration:none;transition:color .3s ease}a:hover{color:var(--cyan)}button{border-radius:8px;border:1px solid var(--glass-border);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--glass-white);color:var(--text-primary);cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);touch-action:manipulation}a{touch-action:manipulation}button:hover{border-color:var(--electric-blue);background-color:#ff77001a}button:focus,button:focus-visible{outline:2px solid var(--electric-blue);outline-offset:2px}h1,h2,h3,h4,h5,h6{font-family:Orbitron,Rajdhani,sans-serif;font-weight:600;letter-spacing:2px;text-transform:uppercase}.asteroid-message-overlay{position:fixed;inset:0;display:flex;justify-content:center;align-items:flex-end;padding-bottom:24px;pointer-events:none;z-index:1500}.asteroid-message{pointer-events:auto;width:340px;background:#000000f7;border:1px solid rgba(0,255,106,.7);border-radius:12px;overflow:hidden;z-index:1500;box-shadow:0 0 40px #00d4ff26,0 0 12px #50b3,inset 0 1px #ffffff0a}.asteroid-message:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,255,106,.7),rgba(85,0,187,.5),transparent)}.asteroid-message-header{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem .5rem;border-bottom:1px solid rgba(0,212,255,.15)}.asteroid-message-label{font-family:monospace;font-size:.55rem;letter-spacing:3px;color:#00ff6ab3;text-transform:uppercase;animation:loadingBlink 1.4s ease-in-out infinite}.asteroid-message-close{display:flex;align-items:center;justify-content:center;padding:.6rem;background:#00d4ff14;border:1px solid rgba(0,255,106,.7);border-radius:8px;color:#00ff6ab3;cursor:pointer;transition:all .3s ease;flex-shrink:0}.asteroid-message-close:hover{background:#00ff6a33;border-color:#00ff6ab3;color:#00ff6a;box-shadow:0 0 10px #00ff6a4d}.asteroid-message.codex-rejected{border-color:#ff3737cc;box-shadow:0 0 40px #ff00002e,0 0 12px #c8003c40,inset 0 1px #ffffff0a}.asteroid-message.codex-rejected:before{background:linear-gradient(90deg,transparent,rgba(255,55,55,.8),rgba(180,0,60,.6),transparent)}.asteroid-message.codex-rejected .asteroid-message-label{color:#ff4646f2}.asteroid-message.codex-rejected .asteroid-message-close{border-color:#ff3737b3;color:#ff3737b3;background:#ff00000f}.asteroid-message.codex-rejected .asteroid-message-close:hover{background:#ff37372e;border-color:#ff3737f2;color:#ff3737;box-shadow:0 0 10px #ff37374d}.asteroid-message-body{font-family:monospace;font-size:.7rem;line-height:1.8;color:#c8b4dc;padding:.75rem 1rem .9rem;margin:0;white-space:pre;letter-spacing:1px;text-shadow:0 0 8px rgba(85,0,187,.5);text-wrap:auto}.constellation-tooltip{background:#140a03eb;border:1px solid rgba(194,88,10,.6);border-radius:6px;padding:.4rem .9rem;font-family:monospace;font-size:.75rem;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:#fde68a;white-space:nowrap;pointer-events:none;box-shadow:0 0 16px #c2580a66,0 0 6px #facc1526;animation:tooltipPulse 2s ease-in-out infinite}@keyframes tooltipPulse{0%,to{box-shadow:0 0 16px #c2580a66,0 0 6px #facc1526}50%{box-shadow:0 0 24px #c2580a99,0 0 10px #facc1540}}.constellation-modal{position:fixed;bottom:18px;right:18px;width:300px;max-height:320px;background:linear-gradient(135deg,#140a03f7,#1e0f05f7);border:1px solid rgba(194,88,10,.5);border-radius:12px;overflow:hidden;z-index:1500;box-shadow:0 0 40px #c2580a4d,0 0 10px #facc151a,inset 0 1px #ffffff0d}.constellation-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(234,88,12,.8),rgba(250,204,21,.4),transparent)}.constellation-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem 1rem .75rem;border-bottom:1px solid rgba(194,88,10,.2)}.constellation-modal-title-group{display:flex;flex-direction:column;gap:.2rem}.constellation-modal-label{font-family:monospace;font-size:.55rem;letter-spacing:3px;color:#fbbf24cc;text-transform:uppercase}.constellation-modal-name{font-family:monospace;font-size:1rem;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:#fef3c7;margin:0}.constellation-modal-close{display:flex;align-items:center;justify-content:center;padding:.6rem;background:#c2580a1a;border:1px solid rgba(194,88,10,.4);border-radius:8px;color:#fde047b3;cursor:pointer;transition:all .3s ease;flex-shrink:0}.constellation-modal-close:hover{background:#c2580a33;border-color:#c2580acc;color:#fef3c7;box-shadow:0 0 10px #c2580a66}.constellation-modal-body{padding:.85rem 1rem 1rem;overflow-y:auto;max-height:220px}.constellation-modal-body::-webkit-scrollbar{width:4px}.constellation-modal-body::-webkit-scrollbar-track{background:transparent}.constellation-modal-body::-webkit-scrollbar-thumb{background:#c2580a66;border-radius:2px}.constellation-modal-text{font-size:.8rem;line-height:1.7;color:#fef08ae6;margin:0;font-weight:300}.constellation-modal-loading{font-family:monospace;font-size:.65rem;letter-spacing:2px;color:#c2580ab3;text-transform:uppercase;animation:loadingBlink 1.2s ease-in-out infinite}@keyframes loadingBlink{0%,to{opacity:.5}50%{opacity:1}}@media(max-width:768px){.constellation-modal{inset:0;margin:auto;width:calc(100vw - 2rem);max-width:360px;max-height:70vh;height:fit-content;overflow-y:auto}.asteroid-message-overlay{align-items:flex-end;padding-bottom:calc(108px + env(safe-area-inset-bottom,0px))}.asteroid-message{width:calc(100vw - 2rem);max-width:360px}}.scene-hud{position:absolute;bottom:20px;padding-bottom:env(safe-area-inset-bottom,0px);right:20px;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.scene-hud--touch{bottom:auto;top:16px;padding-bottom:0;padding-top:env(safe-area-inset-top,0px)}.mute-btn{background:#ff77000d;border:1px solid rgba(255,119,0,.15);border-radius:8px;color:#afafaf;cursor:pointer;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;transition:all .3s ease;position:relative;overflow:visible}.mute-btn:hover{background:#ff77001a;border-color:#ff770080;color:#f70;transform:scale(1.05)}.nav-tooltip.hud-tooltip{bottom:auto;left:auto;right:calc(100% + 8px);top:50%;transform:translateY(-50%) scale(.8);width:fit-content}.mute-btn:hover .nav-tooltip.hud-tooltip{opacity:1;transform:translateY(-50%) scale(1)}.help-btn--active{background:#ff77001a;border-color:#ff770080;color:#f70}.nav-hints-drawer{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .35s cubic-bezier(.4,0,.2,1),opacity .25s ease;pointer-events:none}.nav-hints-drawer--open{grid-template-rows:1fr;opacity:1;transition:grid-template-rows .35s cubic-bezier(.34,1.56,.64,1),opacity .25s ease}.nav-hints-drawer>div{overflow:hidden;min-height:0}.nav-hints-inner{color:#fff9;font-size:12px;font-family:monospace;text-align:right;padding-top:4px;display:flex;flex-direction:column;gap:4px}.nav-hint-row{display:flex;align-items:center;gap:6px;justify-content:flex-end}.bottom-nav{position:fixed;bottom:0;left:0;z-index:1000;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));padding-left:calc(1.5rem + env(safe-area-inset-left,0px));pointer-events:none}.bottom-nav *{pointer-events:auto}.nav-main{background:#ff77000d;border:1px solid rgba(255,119,0,.15);border-radius:16px;box-shadow:0 8px 32px #00000080,0 0 20px #ff770012;width:100%;display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .35s cubic-bezier(.4,0,.6,1),opacity .15s ease-in .18s,border-color .3s ease}.nav-main--open{grid-template-rows:1fr;opacity:1;border-color:1px solid rgba(255,119,0,.25);transition:grid-template-rows .75s cubic-bezier(.34,1.56,.64,1),opacity .4s ease-out .05s,border-color .3s ease}.nav-main-inner{overflow:hidden;min-height:0;padding:1rem}.nav-header{display:flex;align-items:center;gap:.75rem;overflow:visible}.nav-toggle{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ff77000d;border:1px solid rgba(255,119,0,.15);border-radius:8px;cursor:pointer;transition:all .3s ease;color:#f70;font-size:18px;padding:0;position:relative;overflow:visible}.nav-toggle:hover{background:#ff77001a;border-color:#ff770080;transform:scale(1.05)}.nav-toggle-icon{display:block;line-height:0}.nav-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) scale(.8);opacity:0;transition:all .2s ease;pointer-events:none;z-index:100}.nav-toggle:hover .nav-tooltip,.social-link:hover .nav-tooltip{opacity:1;transform:translate(-50%) scale(1)}.tooltip-key{display:flex;align-items:center;justify-content:center;padding:6px 10px;background:#050505f2;border:1px solid rgba(255,119,0,.6);border-radius:6px;color:#f70;font-size:11px;font-weight:500;font-family:monospace;white-space:nowrap;box-shadow:0 4px 12px #0006,0 0 8px #ff77004d;text-transform:none}.nav-title{font-size:12px;font-weight:500;color:#ffffffb3;text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap}.nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.nav-item{position:relative;opacity:0}.nav-list.buttons-visible .nav-item{animation:buttonSlideIn .3s ease-out forwards}.nav-list.buttons-visible .nav-item:nth-child(1){animation-delay:0s}.nav-list.buttons-visible .nav-item:nth-child(2){animation-delay:.12s}.nav-list.buttons-visible .nav-item:nth-child(3){animation-delay:.24s}.nav-list.buttons-visible .nav-item:nth-child(4){animation-delay:.36s}.nav-list.buttons-visible .nav-item:nth-child(5){animation-delay:.48s}.nav-list.buttons-visible .nav-item:nth-child(6){animation-delay:.6s}@keyframes buttonSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.nav-label{font-weight:400;letter-spacing:.5px;white-space:nowrap}.nav-button{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#050505cc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,119,0,.25);border-radius:10px;cursor:pointer;transition:all .3s ease;color:#fffc;font-size:14px;font-weight:400;text-align:left;position:relative;overflow:hidden}.nav-button:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:linear-gradient(90deg,#ff77001a,#cc22001a);transition:width .3s ease;z-index:-1}.nav-button:hover:before{width:100%}.nav-button:hover{border-color:#ff770080;color:#fff}.nav-button.active{background:#ff770026;border-color:#f70;color:#f70}.nav-button.active:before{width:100%;background:#ff77001a}.nav-icon{display:flex;align-items:center;justify-content:center;min-width:24px;filter:drop-shadow(0 0 4px currentColor)}.nav-indicator{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:6px;height:6px;background:#f70;border-radius:50%;box-shadow:0 0 8px #f70;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:translateY(-50%) scale(1)}50%{opacity:.5;transform:translateY(-50%) scale(1.2)}}.nav-resume{margin-top:.5rem;padding-top:.5rem;opacity:0;pointer-events:none}.nav-list.buttons-visible~.nav-resume{animation:buttonSlideIn .3s ease-out forwards;animation-delay:.6s;pointer-events:auto}.resume-button{background:#ff77000d;border-color:#ff77004d;color:#f70}.resume-button:hover{border-color:#f70;background:#f703}.nav-toggle-container{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border:1px solid rgba(255,119,0,.15);border-radius:12px;padding:.75rem;display:flex;align-items:center;justify-content:center}.nav-toolbar{display:flex;align-items:center;gap:.75rem}.nav-social{display:flex;gap:.5rem;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border:1px solid rgba(255,119,0,.15);border-radius:12px;padding:.75rem;position:relative;width:fit-content}.create-planet-btn:not(.delete-mode) svg{display:block;transition:none!important}.create-planet-btn:not(.delete-mode):hover svg{animation:orbit-spin 1s linear infinite!important}@keyframes orbit-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.create-planet-btn.delete-mode{background:#ef444426;border-color:#ef444480;color:#ef4444}.create-planet-btn.delete-mode:hover{background:#ef444440;border-color:#ef4444;color:#ef4444;box-shadow:0 4px 12px #ef44444d}.social-link{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ff77000d;border:1px solid rgba(255,119,0,.15);border-radius:8px;color:#afafaf;font-size:12px;font-weight:600;text-transform:uppercase;transition:all .3s ease;text-decoration:none;position:relative;overflow:visible}.social-link:hover{background:#ff77001a;border-color:#ff770080;color:#f70;transform:scale(1.05)}@media(max-width:768px){.bottom-nav{padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px));padding-left:calc(1rem + env(safe-area-inset-left,0px))}.nav-main-inner{padding:.75rem}.nav-toggle{width:44px;height:44px}.nav-button{padding:.75rem 1rem;font-size:13px;min-height:44px}.nav-title{font-size:11px}.social-link{width:44px;height:44px;font-size:11px}}@media(max-width:380px){.nav-label{font-size:12px}}.hud-frame{position:fixed;inset:0;pointer-events:none;z-index:10}.hud-tl{position:absolute;top:12px;left:12px;width:260px;height:200px}.hud-tr{position:absolute;top:12px;right:12px;width:260px;height:200px}.hud-tc{position:absolute;top:12px;left:50%;transform:translate(-50%);width:340px;height:32px;overflow:visible}.hud-tc2{position:absolute;top:48px;left:50%;transform:translate(-50%);width:480px;height:24px}.hud-sl{position:absolute;top:20%;left:12px;width:90px;height:50px}.hud-sr{position:absolute;top:20%;right:12px;width:90px;height:50px}.hud-ml{position:absolute;top:32%;left:12px;width:85px;height:80px}.hud-mr{position:absolute;top:32%;right:12px;width:85px;height:80px}.hud-ll{position:absolute;top:46%;left:12px;width:55px;height:18px}.hud-lr{position:absolute;top:46%;right:12px;width:55px;height:18px}.hud-lbl{position:absolute;top:62%;left:12px;width:42px;height:14px}.hud-lbr{position:absolute;top:62%;right:12px;width:42px;height:14px}.hud-rl{position:absolute;top:50%;left:12px;width:72px;height:16px}.hud-rr{position:absolute;top:50%;right:12px;width:72px;height:16px}.hud-vs1l{position:absolute;top:39%;left:12px;width:22px;height:70px}.hud-vs1r{position:absolute;top:39%;right:12px;width:22px;height:70px}.hud-vs2l{position:absolute;top:54%;left:12px;width:18px;height:50px}.hud-vs2r{position:absolute;top:54%;right:12px;width:18px;height:50px}.hud-vs3l{position:absolute;top:72%;left:12px;width:16px;height:42px}.hud-vs3r{position:absolute;top:72%;right:12px;width:16px;height:42px}@keyframes hud-wave-scroll{0%{transform:translate(0)}to{transform:translate(-54px)}}.hud-wave-1{animation:hud-wave-scroll 2.4s linear infinite}.hud-wave-2{animation:hud-wave-scroll 3.9s linear infinite}@keyframes hud-blink{0%,to{opacity:1}48%,52%{opacity:.05}}@keyframes hud-blink-slow{0%,to{opacity:.7}45%,55%{opacity:.05}}@keyframes hud-scan{0%{transform:translate(10px)}to{transform:translate(260px)}}.hud-blink{animation:hud-blink 2.4s ease-in-out infinite}.hud-blink-slow{animation:hud-blink-slow 4.1s ease-in-out infinite}.hud-blink-offset{animation:hud-blink 2.4s ease-in-out 1.2s infinite}.hud-scan-rect{animation:hud-scan 3s ease-in-out infinite alternate}.hud-text{opacity:.7}@keyframes hud-enter-tl{0%{transform:translate(-80px,-80px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes hud-enter-tr{0%{transform:translate(80px,-80px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes hud-enter-top{0%{transform:translate(-50%) translateY(-80px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes hud-enter-top-dim{0%{transform:translate(-50%) translateY(-80px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:.3}}@keyframes hud-enter-left{0%{transform:translate(-80px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes hud-enter-right{0%{transform:translate(80px);opacity:0}to{transform:translate(0);opacity:1}}.hud-tl{animation:hud-enter-tl .6s cubic-bezier(.25,.46,.45,.94) 0s both}.hud-tr{animation:hud-enter-tr .6s cubic-bezier(.25,.46,.45,.94) 0s both}.hud-tc{animation:hud-enter-top .6s cubic-bezier(.25,.46,.45,.94) .1s both}.hud-tc2{animation:hud-enter-top-dim .6s cubic-bezier(.25,.46,.45,.94) .2s both}.hud-sl{animation:hud-enter-left .6s cubic-bezier(.25,.46,.45,.94) .3s both}.hud-sr{animation:hud-enter-right .6s cubic-bezier(.25,.46,.45,.94) .3s both}.hud-vs1l{animation:hud-enter-left .6s cubic-bezier(.25,.46,.45,.94) .38s both}.hud-vs1r{animation:hud-enter-right .6s cubic-bezier(.25,.46,.45,.94) .38s both}.hud-ml{animation:hud-enter-left .6s cubic-bezier(.25,.46,.45,.94) .44s both}.hud-mr{animation:hud-enter-right .6s cubic-bezier(.25,.46,.45,.94) .44s both}.hud-ll{animation:hud-enter-left .6s cubic-bezier(.25,.46,.45,.94) .5s both}.hud-lr{animation:hud-enter-right .6s cubic-bezier(.25,.46,.45,.94) .5s both}.hud-vs2l{animation:hud-enter-left .6s cubic-bezier(.25,.46,.45,.94) .55s both}.hud-vs2r{animation:hud-enter-right .6s cubic-bezier(.25,.46,.45,.94) .55s both}.hud-rl{animation:hud-enter-left .6s cubic-bezier(.25,.46,.45,.94) .6s both}.hud-rr{animation:hud-enter-right .6s cubic-bezier(.25,.46,.45,.94) .6s both}.hud-lbl{animation:hud-enter-left .6s cubic-bezier(.25,.46,.45,.94) .64s both}.hud-lbr{animation:hud-enter-right .6s cubic-bezier(.25,.46,.45,.94) .64s both}.hud-vs3l{animation:hud-enter-left .6s cubic-bezier(.25,.46,.45,.94) .68s both}.hud-vs3r{animation:hud-enter-right .6s cubic-bezier(.25,.46,.45,.94) .68s both}@media(max-width:768px){.hud-frame{display:none}}.pm-overlay{position:fixed;inset:0;z-index:8000;background:#04020afa;display:flex;flex-direction:column;align-items:stretch;box-sizing:border-box;overflow:hidden}.pm-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 2rem;background:#04020a;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.pm-progress{display:flex;flex-direction:column;gap:.5rem}.pm-study-dots,.pm-slide-dots{display:flex;gap:.5rem;align-items:center}.pm-study-dot{width:10px;height:10px;border-radius:50%;background:#ffffff26;transition:background .3s ease}.pm-slide-dot{width:6px;height:6px;border-radius:50%;background:#ffffff1a;transition:background .3s ease}.pm-stage{flex:1;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;padding-top:4rem;padding-bottom:4rem}.pm-slide-scaler{width:80vw;transform-origin:center center}.pm-slide-wrapper{width:100%;display:flex;justify-content:center}.pm-slide{padding:.5rem 0}.pm-slide-label{font-family:monospace;font-size:.65rem;letter-spacing:3px;text-transform:uppercase;margin-bottom:.75rem}.pm-slide--impact{width:75%}.pm-problem-body{display:flex;gap:3rem;align-items:center}.pm-problem-text{flex:0 0 36%}.pm-problem-viz{flex:1;min-width:0}.pm-divider{height:1px;width:60px;margin-bottom:1.25rem;opacity:.5}.pm-nugget{font-size:1.35rem;font-weight:300;line-height:1.75;color:#dcd2f0f2;margin:0}.pm-slide--title{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.pm-study-badge{font-family:monospace;font-size:.7rem;letter-spacing:3px;text-transform:uppercase;opacity:.8}.pm-title{font-size:clamp(2rem,6vw,3.75rem);font-family:monospace;font-weight:700;letter-spacing:4px;text-transform:uppercase;margin:0;line-height:1}.pm-title-meta{display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:#c8bedca6;flex-wrap:wrap;justify-content:center}.pm-meta-dot{opacity:.35}.pm-explore-body{display:flex;flex-direction:column;gap:.75rem}.pm-explore-images{display:flex;gap:1rem}.pm-explore-image{flex:1;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.pm-explore-image img{width:100%;height:auto;display:block}.pm-explore-body .pm-nugget{font-size:.95rem;line-height:1.65}.pm-solution-body{display:flex;gap:2rem;align-items:flex-start}.pm-solution-image{flex:0 0 68%;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.pm-solution-image img,.pm-solution-image video{width:100%;height:auto;display:block}.pm-solution-body .pm-nugget{flex:1;font-size:1.5rem}.pm-metrics{display:flex;gap:1.25rem;margin-bottom:2rem;flex-wrap:wrap}.pm-metric-card{flex:1;min-width:150px;padding:1.25rem 1.5rem;border:1px solid;border-radius:8px;background:#ffffff05;display:flex;flex-direction:column;gap:.3rem}.pm-metric-value{font-family:monospace;font-size:2rem;font-weight:700;line-height:1}.pm-metric-label{font-size:.85rem;color:#dcd2f0cc;font-weight:500}.pm-metric-sublabel{font-size:.65rem;color:#c8b4dc;font-family:monospace;letter-spacing:.5px}.pm-summary{font-size:.9rem;color:#c8b4dc;margin:0;line-height:1.7}.pm-nav{position:absolute;bottom:2rem;left:0;right:0;display:flex;justify-content:space-between;padding:0 2rem;pointer-events:none;opacity:0;transform:translateY(10px);transition:opacity .15s ease,transform .15s ease}.pm-nav--visible{opacity:1;transform:translateY(0)}.pm-nav-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.1rem;background:#ffffff14;border:1px solid rgba(255,255,255,.25);border-radius:10px;color:#ffffffd9;font-family:monospace;font-size:.7rem;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:all .2s ease;pointer-events:none}.pm-nav--visible .pm-nav-btn{pointer-events:auto}.pm-nav-btn svg{display:block;flex-shrink:0}.pm-nav-btn:hover:not(:disabled){background:#ffffff26;border-color:#ffffff80;color:#fff}.pm-nav-btn:disabled{cursor:default;pointer-events:none}.asteroid-codex-body{padding:1rem}.asteroid-codex-label{display:block;font-family:monospace;font-size:.55rem;letter-spacing:2px;text-transform:uppercase;color:#00ff6a99;margin-bottom:.5rem}.asteroid-codex-input{width:100%;box-sizing:border-box;background:#ff77000a;border:1px solid rgba(0,255,106,.4);border-radius:6px;padding:.6rem .75rem;font-family:monospace;font-size:.85rem;color:#c8b4dc;letter-spacing:1px;outline:none;transition:border-color .2s ease}.asteroid-codex-input:focus{border-color:#00ff6acc}.asteroid-message.codex-rejected .asteroid-codex-label{color:#ff4646bf}.asteroid-codex-input.codex-error{border-color:#ff5050cc;animation:codexShake .35s ease}@keyframes codexShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@media(max-width:768px){.pm-overlay{padding:1.25rem}.pm-slide-scaler{width:100%}.pm-title{font-size:clamp(1.5rem,8vw,2.5rem)}.pm-nugget{font-size:1.05rem}.pm-solution-body{flex-direction:column;gap:1.5rem}.pm-solution-image{flex:none;width:100%}.pm-metrics{gap:.75rem}.pm-metric-card{min-width:120px;padding:1rem}.pm-metric-value{font-size:1.5rem}}.data-stream-container{position:absolute;inset:0;pointer-events:none;overflow:hidden;opacity:.15}.data-stream{position:absolute;top:0;width:1px;height:100%}.stream-line{position:absolute;width:100%;height:60px;background:linear-gradient(180deg,transparent 0%,rgba(255,119,0,.4) 50%,transparent 100%);animation:streamFlow 4s linear 1 forwards}@keyframes streamFlow{0%{top:-60px;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}.data-stream:nth-child(2n) .stream-line{background:linear-gradient(180deg,transparent 0%,rgba(204,34,0,.6) 50%,transparent 100%)}.overlay-stars{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.overlay-star-wrapper{position:absolute;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}.overlay-star{border-radius:50%;will-change:transform}.overlay-star-drift1{animation-name:star-drift-1}.overlay-star-drift2{animation-name:star-drift-2}.overlay-star-drift3{animation-name:star-drift-3}.overlay-star-drift4{animation-name:star-drift-4}@keyframes star-drift-1{0%{transform:translateY(-14px)}40%{transform:translate(6px,-4px)}70%{transform:translate(-4px,6px)}to{transform:translate(2px,14px)}}@keyframes star-drift-2{0%{transform:translate(-6px,12px)}35%{transform:translate(4px,2px)}65%{transform:translate(8px,-8px)}to{transform:translate(-3px,-14px)}}@keyframes star-drift-3{0%{transform:translate(8px,-8px)}30%{transform:translate(-5px,-16px)}70%{transform:translate(-8px,4px)}to{transform:translate(4px,14px)}}@keyframes star-drift-4{0%{transform:translate(-4px,16px)}45%{transform:translate(-10px)}75%{transform:translate(6px,-6px)}to{transform:translate(5px,-16px)}}.overlay-backdrop{position:fixed;inset:0;background:#050505cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000}.overlay-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2001;background:#06060af7;-webkit-backdrop-filter:blur(40px) saturate(150%);backdrop-filter:blur(40px) saturate(150%);border:none;border-radius:0;display:flex;flex-direction:column;overflow:hidden}.overlay-container:before{content:"";position:absolute;inset:0;border-radius:0;padding:1px;background:linear-gradient(135deg,#ff77004d,#cc22004d,#ffaa334d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.3}.corner-accent{position:absolute;width:40px;height:40px;border:2px solid rgba(255,119,0,.6);pointer-events:none;z-index:1}.corner-accent.top-left{top:16px;left:16px;border-right:none;border-bottom:none;border-top-left-radius:4px}.corner-accent.top-right{top:16px;right:16px;border-left:none;border-bottom:none;border-top-right-radius:4px}.corner-accent.bottom-left{bottom:16px;left:16px;border-right:none;border-top:none;border-bottom-left-radius:4px}.corner-accent.bottom-right{bottom:16px;right:16px;border-left:none;border-top:none;border-bottom-right-radius:4px}.corner-accent:before{content:"";position:absolute;width:6px;height:6px;background:#f70;border-radius:50%;box-shadow:0 0 10px #f70}.corner-accent.top-left:before{top:-3px;left:-3px}.corner-accent.top-right:before{top:-3px;right:-3px}.corner-accent.bottom-left:before{bottom:-3px;left:-3px}.corner-accent.bottom-right:before{bottom:-3px;right:-3px}.overlay-header{display:flex;align-items:center;justify-content:space-between;padding:2rem 3rem;border-bottom:1px solid rgba(255,119,0,.15);background:linear-gradient(180deg,#ff77000d,#f700);flex-shrink:0;position:relative;z-index:2}.header-content{flex:1}.overlay-title{font-size:2.5rem;font-weight:200;letter-spacing:2px;margin:0;background:linear-gradient(135deg,#f70,#c20);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(255,119,0,.3)}.overlay--case-study-1 .overlay-title{background:linear-gradient(135deg,#f5c842,#f0a500);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}.overlay--case-study-2 .overlay-title{background:linear-gradient(135deg,#22d3ee,#0891b2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}.overlay--case-study-3 .overlay-title{background:linear-gradient(135deg,#f30,#db2777);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}.overlay--about .overlay-title{background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}.close-button{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#ff77001a;border:1px solid rgba(255,119,0,.3);border-radius:12px;color:#f70;font-size:14px;cursor:pointer;transition:all .3s ease;font-weight:500;letter-spacing:1px}.close-button:hover{background:rgba(var(--overlay-color-rgb, 0, 212, 255),.2);border-color:var(--overlay-color, #ff7700);transform:translateY(-2px);box-shadow:0 4px 16px rgba(var(--overlay-color-rgb, 0, 212, 255),.4)}.close-icon{font-size:24px;line-height:1;font-weight:300}.close-text{font-family:monospace;font-size:11px;opacity:.7;background:#f703;padding:2px 6px;border-radius:4px;border:1px solid rgba(255,119,0,.3)}.overlay-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:2rem 3rem 3rem;position:relative;z-index:1;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.overlay-content::-webkit-scrollbar{width:4px}.overlay-content::-webkit-scrollbar-track{background:transparent}.overlay-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.overlay-content::-webkit-scrollbar-thumb:hover{background:#fff3}.overlay-fade{position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(to bottom,#1a1d3a00,#1a1d3ae6);pointer-events:none;z-index:1}@media(max-width:1024px){.overlay-header{padding:1.5rem 2rem}.overlay-title{font-size:2rem}.overlay-content{padding:1.5rem 2rem 2rem}}@media(max-width:768px){.overlay-header{padding:1.25rem 1.5rem;flex-direction:column;align-items:flex-start;gap:1rem}.overlay-title{font-size:1.75rem}.overlay-content{padding:1.25rem 1.5rem 2rem}.close-button{align-self:flex-end;position:absolute;top:1.25rem;right:1.5rem}.corner-accent{display:none}}@keyframes scanline{0%{top:-2px;opacity:.1}90%{top:100%}to{visibility:hidden;opacity:0}}@keyframes scanline-slow{0%{top:100%}to{top:-1px}}.overlay-container:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,119,0,.6),transparent);box-shadow:0 0 10px #ff770080;animation:scanline 6s linear 1 forwards;pointer-events:none;opacity:.1}.overlay-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(204,34,0,.4),transparent);animation:scanline-slow 10s linear 1 forwards;pointer-events:none;opacity:.1;z-index:10}@media(max-width:768px){.overlay-title{font-size:2rem}}.void-backdrop{position:fixed;inset:0;background:#000;z-index:2000}.void-container{position:fixed;inset:0;z-index:2001;background:radial-gradient(ellipse at center,#050a02,#020502,#000);display:flex;flex-direction:column;overflow:hidden}.void-noise{position:absolute;inset:0;opacity:.04;pointer-events:none;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");animation:noiseShift .5s steps(10) infinite}@keyframes noiseShift{0%,to{transform:translate(0)}10%{transform:translate(-5%,-5%)}20%{transform:translate(5%,5%)}30%{transform:translate(-3%,3%)}40%{transform:translate(3%,-3%)}50%{transform:translate(-5%,5%)}60%{transform:translate(5%,-5%)}70%{transform:translate(-3%,-3%)}80%{transform:translate(3%,3%)}90%{transform:translate(-5%,-5%)}}.void-vignette{position:absolute;inset:0;pointer-events:none;z-index:5;background:radial-gradient(ellipse at center,transparent 0%,transparent 30%,rgba(5,10,3,.4) 60%,rgba(2,5,1,.8) 80%,rgba(0,0,0,.95) 100%);animation:vignetteBreathe 8s ease-in-out infinite}@keyframes vignetteBreathe{0%,to{background:radial-gradient(ellipse at center,transparent 0%,transparent 30%,rgba(5,10,3,.4) 60%,rgba(2,5,1,.8) 80%,rgba(0,0,0,.95) 100%)}50%{background:radial-gradient(ellipse at center,transparent 0%,transparent 25%,rgba(5,10,3,.5) 55%,rgba(2,5,1,.85) 75%,rgba(0,0,0,.98) 100%)}}.void-particles{position:absolute;inset:0;pointer-events:none;z-index:3;overflow:hidden}.void-particle{position:absolute;border-radius:50%;background:radial-gradient(circle,#00ff6a 0%,transparent 70%);filter:blur(1px)}.void-tentacles{position:absolute;inset:0;pointer-events:none;z-index:2;opacity:.15}.void-tentacles svg{width:100%;height:100%}.tentacle{fill:none;stroke:#4a7a10;stroke-width:3;stroke-linecap:round;filter:blur(2px)}.tentacle.t1{animation:tentacleWave1 12s ease-in-out infinite}.tentacle.t2{animation:tentacleWave2 15s ease-in-out infinite;stroke:#00ff6a;opacity:.5}.tentacle.t3{animation:tentacleWave3 10s ease-in-out infinite}@keyframes tentacleWave1{0%,to{d:path("M-10,100 Q20,80 15,60 T25,20 T10,-10")}50%{d:path("M-10,100 Q30,85 20,55 T30,25 T15,-10")}}@keyframes tentacleWave2{0%,to{d:path("M110,100 Q80,75 90,50 T75,20 T95,-10")}50%{d:path("M110,100 Q70,70 85,45 T70,15 T90,-10")}}@keyframes tentacleWave3{0%,to{d:path("M-10,50 Q10,40 5,20 T15,-10")}50%{d:path("M-10,50 Q15,35 10,15 T20,-10")}}.void-header{display:flex;align-items:center;justify-content:space-between;padding:2rem 3rem;position:relative;z-index:20;flex-shrink:0}.void-header-content{flex:1}.glitch-text{position:relative;display:inline-block}.void-title{font-size:2.5rem;font-weight:200;letter-spacing:4px;margin:0;color:#00ff6a;text-shadow:0 0 10px rgba(0,255,106,.5),0 0 20px rgba(0,255,106,.3),0 0 40px rgba(0,255,106,.2);font-family:monospace;text-transform:uppercase;animation:titleFlicker 4s ease-in-out infinite}@keyframes titleFlicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.8}94%{opacity:1}95%{opacity:.9}96%{opacity:1}}.void-close-button{display:flex;align-items:center;justify-content:center;padding:.75rem;background:#96c81e1f;border:2px solid rgba(150,200,30,.4);border-radius:12px;color:#96c81e;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.void-close-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(0,255,106,.3) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);transition:all .4s ease}.void-close-button:hover{border-color:#00ff6a;color:#00ff6a;box-shadow:0 0 20px #00ff6a4d,inset 0 0 20px #00ff6a1a}.void-close-button:hover:before{width:100%;height:100%}.void-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 3rem 3rem;position:relative;z-index:15}.void-content::-webkit-scrollbar{width:4px}.void-content::-webkit-scrollbar-track{background:transparent}.void-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.void-content::-webkit-scrollbar-thumb:hover{background:#fff3}.void-bottom-fade{position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.9) 100%);pointer-events:none;z-index:18}.void-container *:focus-visible{outline:2px solid #00ff6a;outline-offset:2px}@keyframes microShake{0%,to{transform:translate(0)}25%{transform:translate(-1px,1px)}50%{transform:translate(1px,-1px)}75%{transform:translate(-1px,-1px)}}.void-container:hover{animation:microShake .1s ease-in-out;animation-iteration-count:1}@media(max-width:768px){.void-header{padding:1.5rem}.void-title{font-size:1.75rem;letter-spacing:2px}.void-close-button{width:48px;height:48px}.void-content{padding:0 1.5rem 2rem}}*{cursor:none!important}.cursor-dot{position:fixed;top:0;left:0;width:6px;height:6px;background:#f70;border-radius:50%;pointer-events:none;z-index:99999;box-shadow:0 0 6px #f70,0 0 14px #f709}body.game-playing .cursor-dot,body.game-playing .cursor-ring{display:none}.cursor-ring{position:fixed;top:0;left:0;width:34px;height:34px;border:1.5px solid rgba(255,119,0,.5);border-radius:50%;pointer-events:none;z-index:99998}:root{--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px)}.App{width:100vw;height:100vh;overflow:hidden;background:var(--space-dark)}.gate-modal{border-color:#ff8c00b3;box-shadow:0 0 40px #ff770026,0 0 12px #b4500033,inset 0 1px #ffffff0a}.gate-modal:before{background:linear-gradient(90deg,transparent,rgba(255,140,0,.7),rgba(200,100,0,.5),transparent)}.gate-modal .asteroid-message-header{border-bottom-color:#ff8c0026}.gate-modal .asteroid-message-label{color:#ffa500cc}.gate-modal .asteroid-message-close{background:#ff8c0014;border-color:#ff8c0099;color:#ffa500cc}.gate-modal .asteroid-message-close:hover{background:#ff8c0033;border-color:#ffa500e6;color:#ffc832;box-shadow:0 0 10px #ff8c004d}.gate-modal .asteroid-codex-label{color:#ffa500a6}.gate-modal .asteroid-codex-input{border-color:#ff8c0066;color:#ffdc96}.gate-modal .asteroid-codex-input:focus{border-color:#ffa500d9}@media(max-width:768px){html,body{overscroll-behavior:none}}