:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--dust-grey:#cfdbd5;--ivory:#e8eddf;--tuscan-sun:#f5cb5c;--shadow-grey:#242423;--graphite:#333533;--space:#101211;--text-primary:var(--ivory);--text-muted:var(--dust-grey);--accent-color:var(--tuscan-sun);--bg-primary:var(--space);--panel-bg:#242423eb;--raised-surface:var(--graphite);--border-subtle:#cfdbd53b;--line:var(--border-subtle);--muted:var(--text-muted);--lobby-text:var(--text-primary);--lobby-muted:var(--text-muted);--lobby-line:var(--border-subtle);--route-accent:var(--accent-color);--action-fill:var(--ivory);--action-text:var(--shadow-grey);--action-hover:color-mix(in srgb, var(--ivory) 85%, white);--action-pressed:color-mix(in srgb, var(--ivory) 90%, var(--shadow-grey));--font-ui:system-ui, -apple-system, sans-serif;--type-body:1rem;--type-control:.875rem;--type-label:.8125rem;--type-caption:.75rem;--type-title:clamp(1.5rem, 3vw, 2.4rem);--leading-body:1.55;--leading-title:1.2}html body{background:var(--space);color:var(--text-primary)}#space-canvas{pointer-events:none;width:100%;height:100%;position:fixed;inset:0}:is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--accent-color);outline-offset:4px}button:disabled{cursor:not-allowed;opacity:.55}button:not(:disabled):active{transform:translateY(1px)}button[aria-pressed=true],button[aria-current=step]{box-shadow:inset 0 -2px var(--accent-color);font-weight:600}::selection{background:var(--accent-color);color:var(--space)}html body,.earth-lobby,#orbit-app{font-family:var(--font-ui)}.earth-lobby,#orbit-app{font-size:var(--type-body);line-height:var(--leading-body)}:is(#orbit-app,.earth-lobby) :is(button,input,select,textarea){font-family:var(--font-ui);letter-spacing:normal}#orbit-app :is(button,input,select,textarea),.earth-lobby .card-open{font-size:var(--type-control)}#orbit-app :is(label,.steps button),.earth-lobby .project-details{font-size:var(--type-label)}#orbit-app :is(small,.orbit-status,#drawing-help),.earth-lobby :is(.lobby-label,.orbit-note,.orbit-time){font-size:var(--type-caption);line-height:1.5}:is(#orbit-app,.earth-lobby) :is(h1,h2),.key-access-copy h2{font-weight:400;line-height:var(--leading-title);letter-spacing:-.025em}.earth-lobby .lobby-presentation h1,.key-access-copy h2{font-size:var(--type-title)}#orbit-app .orbit-panel h2{font-size:1.25rem}#orbit-app .choice-sheet button{text-transform:none}.key-access-copy h2,.key-access-panel h2{color:var(--text-primary);font-weight:400;line-height:var(--leading-title);letter-spacing:-.025em}.key-access-copy p,.key-access-panel>p{color:var(--text-muted);font-size:var(--type-body);line-height:var(--leading-body)}.key-access-copy,.key-access-panel{background:var(--panel-bg);border-color:var(--border-subtle)}:is(#ignite-btn,.workspace-footer .primary-action,.earth-lobby .lobby-primary,.reentry-btn.primary){background:var(--action-fill);color:var(--action-text);border:1px solid var(--dust-grey);box-shadow:none;font-family:var(--font-ui);letter-spacing:normal;text-transform:none;font-weight:500}:is(#ignite-btn,.workspace-footer .primary-action,.earth-lobby .lobby-primary,.reentry-btn.primary):not(:disabled):hover{background:var(--action-hover);color:var(--action-text);box-shadow:none}:is(#ignite-btn,.workspace-footer .primary-action,.earth-lobby .lobby-primary,.reentry-btn.primary):not(:disabled):active{background:var(--action-pressed);color:var(--action-text);transform:translateY(1px)}:is(#ignite-btn,.workspace-footer .primary-action):disabled{background:var(--graphite);color:var(--dust-grey);border-color:var(--border-subtle);box-shadow:none}body:is(.key-preview-active,.key-access-active) #progression-hud,body:is(.key-access-active,.lobby-active) #hub-ui{display:none}#hub-reentry{color:var(--ivory);box-shadow:none;background:0 0;border:0;min-width:48px;min-height:48px;padding:6px}#hub-reentry:hover{color:var(--tuscan-sun)}#hub-reentry svg{width:32px;height:40px;display:block}#hub-ui{bottom:max(22px,env(safe-area-inset-bottom))}@tailwind base;@tailwind components;@tailwind utilities;body{background-color:var(--bg-primary);background:var(--space);color:var(--text-primary);box-sizing:border-box;-webkit-user-select:none;user-select:none;background-size:400% 400%;flex-direction:column;justify-content:center;align-items:center;width:100vw;min-height:100vh;margin:0;padding:1.5rem 0;font-family:system-ui,-apple-system,sans-serif;display:flex;overflow-x:hidden}@keyframes fluidNebula{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.persistent-brand-bar{z-index:200;opacity:0;pointer-events:none;box-sizing:border-box;background:linear-gradient(#121212e6,#12121200);justify-content:flex-start;align-items:center;width:100vw;height:80px;padding-left:2.5rem;transition:opacity 1.5s cubic-bezier(.16,1,.3,1) .4s;display:flex;position:fixed;top:0;left:0}.persistent-brand-bar.visible{opacity:1;pointer-events:auto}.brand-logo-mark{max-width:none;display:block;width:auto!important;height:38px!important}header{z-index:10;flex-direction:column;align-items:center;gap:.4rem;width:100%;max-width:450px;margin-bottom:1.5rem;transition:all .8s cubic-bezier(.16,1,.3,1);display:flex}.brand-logotype{display:block;width:100%!important;max-width:450px!important;height:auto!important}header p{color:var(--text-muted);letter-spacing:.2em;text-transform:uppercase;text-align:center;margin:.3rem 0 0;font-size:.5rem}#space-canvas{pointer-events:none;z-index:0;width:100vw;height:100vh;position:fixed;top:0;left:0}.workspace-container{z-index:5;flex-direction:column;align-items:center;gap:1.2rem;width:480px;transition:all .8s cubic-bezier(.16,1,.3,1);display:flex}.section-assembly{border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transform-origin:50%;background:#12121266;border-radius:20px;flex-direction:column;align-items:center;width:100%;height:320px;transition:width 1.2s cubic-bezier(.16,1,.3,1),height 1.2s cubic-bezier(.16,1,.3,1),border-radius 1.2s cubic-bezier(.16,1,.3,1),border-color 1.2s,background 1.2s;display:flex;position:relative}#canvas-container{z-index:1;pointer-events:none;position:absolute;inset:0}.section-assembly.fullscreen #canvas-container{pointer-events:auto;cursor:grab}.section-assembly.fullscreen #canvas-container:active{cursor:grabbing}#canvas-container canvas{display:block;width:100%!important;height:100%!important}.assembly-grid-overlay{z-index:3;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:1.5rem;padding:1rem;transition:opacity .5s;display:grid;position:absolute;inset:0}.grid-cell{color:#cfdbd533;cursor:pointer;pointer-events:auto;border:1px dotted #cfdbd514;border-radius:12px;justify-content:center;align-items:center;font-size:.5rem;transition:all .3s;display:flex}.grid-cell.highlight{color:var(--accent-color);background:#cfdbd508;border-color:#cfdbd566}.section-controls{background:var(--panel-bg);box-sizing:border-box;border:1px solid #ffffff0a;border-radius:14px;justify-content:center;align-items:center;gap:.45rem;width:100%;padding:.8rem 1.2rem;transition:all .8s cubic-bezier(.16,1,.3,1);display:flex}.control-group{cursor:pointer;border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:.3rem;min-width:0;padding:.3rem .35rem;transition:border-color .2s,background .2s;display:flex}.control-group.active{background:#cfdbd50f;border-color:#cfdbd54d}.control-label{letter-spacing:.15em;color:var(--text-muted);text-transform:uppercase;font-size:.45rem}.slider-input{appearance:none;background:#cfdbd533;border-radius:2px;outline:none;width:clamp(70px,20vw,100px);min-width:0;max-width:20vw;height:4px}.slider-input::-webkit-slider-thumb{appearance:none;background:var(--accent-color);cursor:pointer;border-radius:50%;width:12px;height:12px;transition:transform .1s}.custom-btn{color:var(--accent-color);letter-spacing:.1em;cursor:pointer;background:0 0;border:1px solid #cfdbd540;border-radius:8px;padding:.4rem .8rem;font-size:.5rem;transition:all .2s}.custom-btn:hover{border-color:var(--accent-color);background:#cfdbd51a}.section-build-pieces{flex-direction:column;align-items:center;gap:.5rem;width:100%;transition:all .8s cubic-bezier(.16,1,.3,1);display:flex}.section-title-sub{color:#7d7b75;letter-spacing:.2em;text-transform:uppercase;font-size:.48rem}#component-tray{background:var(--panel-bg);box-sizing:border-box;scrollbar-width:none;scroll-behavior:smooth;border:1px solid #ffffff0d;border-radius:14px;justify-content:flex-start;gap:.7rem;width:100%;padding:.7rem 1rem;transition:transform .3s;display:flex;overflow-x:auto}#component-tray::-webkit-scrollbar{display:none}.component-carousel{background:var(--panel-bg);box-sizing:border-box;border:1px solid #ffffff0d;border-radius:14px;align-items:center;gap:.35rem;width:100%;padding:.7rem;display:flex}.tray-arrow{width:24px;height:42px;color:var(--accent-color);cursor:pointer;background:0 0;border:0;border-radius:4px;flex:0 0 24px;padding:0}.tray-arrow:hover{border-color:var(--accent-color);background:#cfdbd51a}.geo-draggable{cursor:grab;touch-action:none;background-color:#202020;border:1px solid #333;border-radius:10px;flex-direction:column;flex:0 0 56px;justify-content:center;align-items:center;width:56px;height:56px;transition:border-color .2s,transform .2s;display:flex}.geo-draggable:active{cursor:grabbing;transform:scale(1.1)}.node-icon{border:1px solid var(--accent-color);background:0 0;width:18px;height:18px;margin-bottom:2px}#drag-prism .node-icon,#drag-monolith .node-icon{transform:rotate(45deg)}#drag-prism .node-icon{border-radius:3px}#drag-sphere .node-icon,#drag-halo .node-icon{border-radius:50%}#drag-torus .node-icon,#drag-halo .node-icon{width:22px;height:11px}#drag-spire .node-icon{clip-path:polygon(50% 0%,100% 100%,0% 100%)}#drag-crystal .node-icon{clip-path:polygon(50% 0%,88% 28%,68% 100%,32% 100%,12% 28%)}#drag-glyph .node-icon{clip-path:polygon(50% 0%,100% 35%,78% 100%,22% 100%,0% 35%)}#drag-anomaly .node-icon{border-radius:50% 25%;transform:rotate(45deg)}#drag-cluster .node-icon{width:8px;height:8px;box-shadow:8px -5px 0 -1px var(--accent-color), 6px 7px 0 -1px var(--accent-color), -5px 5px 0 -1px var(--accent-color);border-radius:50%}#drag-shard .node-icon{clip-path:polygon(50% 0%,100% 75%,62% 100%,0% 62%)}.node-label{color:var(--text-muted);letter-spacing:.05em;font-size:.42rem}.ignite-btn{color:var(--accent-color);letter-spacing:.2em;cursor:pointer;opacity:.3;pointer-events:none;box-sizing:border-box;text-align:center;background:0 0;border:1px solid #cfdbd54d;border-radius:12px;width:100%;padding:.7rem 0;font-size:.6rem;transition:all .3s}.ignite-btn.active{opacity:1;pointer-events:auto;border-color:var(--accent-color);background-color:#cfdbd51a;box-shadow:0 0 15px #cfdbd526}.ignite-btn.active:hover{background-color:var(--accent-color);color:var(--bg-primary)}.hub-overlay-ui{z-index:150;opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:1rem;transition:all 1s cubic-bezier(.16,1,.3,1) .6s;display:flex;position:fixed;bottom:3rem;left:50%;transform:translate(-50%)translateY(30px)}.hub-overlay-ui.visible{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.constellation-selector-ring{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#121212bf;border:1px solid #cfdbd540;border-radius:30px;justify-content:space-around;align-items:center;width:220px;height:45px;padding:0 10px;display:flex;position:relative;overflow:hidden}.ring-option{letter-spacing:.15em;color:var(--text-muted);text-transform:uppercase;cursor:pointer;z-index:2;font-size:.45rem;transition:color .3s,transform .3s}.ring-option.active{color:var(--accent-color);text-shadow:0 0 8px #cfdbd580;transform:scale(1.1)}.hub-actions-row{gap:1rem;display:flex}.hub-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-primary);letter-spacing:.15em;text-transform:uppercase;cursor:pointer;background:#121212d9;border:1px solid #cfdbd533;border-radius:12px;padding:.7rem 1.2rem;font-size:.5rem;transition:all .3s}.hub-card:hover{border-color:var(--accent-color);background:#cfdbd51a;box-shadow:0 0 20px #cfdbd526}.progression-hud{z-index:150;opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:.5rem;transition:opacity .8s;display:flex;position:fixed;top:2rem;left:50%;transform:translate(-50%)}.section-assembly.fullscreen~.progression-hud{opacity:1;pointer-events:auto}.breadcrumb-indicator{letter-spacing:.25em;color:var(--accent-color);text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#121212b3;border:1px solid #cfdbd533;border-radius:20px;padding:.4rem 1rem;font-size:.45rem}.history-controls{gap:.6rem;display:flex}.nav-control-btn{color:var(--text-muted);letter-spacing:.15em;cursor:pointer;background:#121212cc;border:1px solid #cfdbd533;border-radius:6px;padding:.3rem .7rem;font-size:.42rem;transition:all .2s}.nav-control-btn:hover{color:var(--accent-color);border-color:var(--accent-color);background:#cfdbd51a}.strand-modal{z-index:300;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box;background:#101010eb;border:1px solid #cfdbd54d;border-radius:16px;width:320px;padding:1.5rem 2rem;transition:all .4s cubic-bezier(.16,1,.3,1);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.95);box-shadow:0 10px 30px #0009}.strand-modal.visible{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.strand-modal-title{letter-spacing:.2em;color:var(--accent-color);text-transform:uppercase;border-bottom:1px solid #cfdbd526;margin-bottom:.8rem;padding-bottom:.4rem;font-size:.55rem}.strand-modal-content{color:var(--text-muted);margin-bottom:1.2rem;font-size:.48rem;line-height:1.6}.strand-modal-close{color:var(--accent-color);letter-spacing:.1em;cursor:pointer;background:0 0;border:1px solid #cfdbd54d;border-radius:6px;margin-left:auto;padding:.4rem .8rem;font-size:.45rem;transition:all .2s;display:block}.strand-modal-close:hover{border-color:var(--accent-color);background:#cfdbd526}header.dissolve,.section-controls.dissolve,.section-build-pieces.dissolve,.ignite-btn.dissolve{opacity:0;pointer-events:none;transform:scale(.95)translateY(-10px)}.section-assembly.fullscreen{-webkit-backdrop-filter:none;backdrop-filter:none;z-index:100;background:0 0;border:none;border-radius:0;width:100vw;height:100vh;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.section-assembly.fullscreen .assembly-grid-overlay{opacity:0;pointer-events:none;display:none}.zenith-header{text-align:center;z-index:100;padding:20px;position:relative}.logo-dropdown-container{display:inline-block;position:relative}.brand-logo-btn{color:var(--accent-color);letter-spacing:3px;cursor:pointer;background:0 0;border:2px solid #cfdbd566;border-radius:4px;align-items:center;gap:12px;padding:10px 24px;font-family:inherit;font-size:2.2rem;font-weight:800;transition:all .3s;display:flex}.brand-logo-btn:hover{color:#0fc;border-color:#0fc;box-shadow:0 0 15px #0fc3}.dropdown-chevron{font-size:1rem;transition:transform .3s}.zenith-dropdown-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:200;background:#0a0f19f2;border:1px solid #00ffcc4d;border-radius:6px;flex-direction:column;gap:10px;width:280px;padding:15px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:110%;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #000c}.zenith-dropdown-panel.hidden{opacity:0;pointer-events:none;transform:translate(-50%)translateY(-10px)}.dropdown-section-title{letter-spacing:2px;color:#8fa89b;text-align:left;border-bottom:1px solid #ffffff1a;margin-bottom:5px;padding-bottom:5px;font-size:.75rem}.dropdown-action-btn{color:#fff;text-align:left;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:3px;padding:8px 12px;font-size:.85rem;transition:background .2s}.dropdown-action-btn:hover{color:#0fc;background:#00ffcc26;border-color:#0fc}.dropdown-status{color:#0fc;text-align:center;letter-spacing:1px;margin-top:5px;font-size:.65rem}