@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#e6e7eb;background:#080a0f;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,#space:focus-visible{outline:2px solid #edc69c;outline-offset:4px}button:hover{color:#f4d5b1}button svg{width:17px;height:17px;flex-shrink:0}button{transition:background .18s,color .18s}header{height:72px;border-bottom:1px solid #ffffff0e;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#0b0d12;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:10px;color:#eceef2;text-decoration:none;font-family:Space Grotesk,sans-serif;font-weight:600;font-size:22px;letter-spacing:2px}.brand-mark{font-size:34px;color:#eccb9e;transform:rotate(-35deg);display:inline-block;line-height:1}.alpha{font:9px monospace;letter-spacing:1px;color:#737b88;border:1px solid #ffffff12;padding:5px 7px;margin-left:7px}.universe-title{font-size:12px;color:#a9afbc;display:flex;align-items:center;gap:11px}.status-dot,.live-dot{width:5px;height:5px;border-radius:50%;background:#9bccae;display:inline-block;flex-shrink:0}.status-dot{background:#e3bf92}.divider{color:#3f4550;padding:0 5px}#header-mode{color:#697282}nav{display:flex;gap:7px;align-items:center}nav button{display:flex;align-items:center;gap:8px;font-size:12px;padding:10px 12px;border-radius:5px}nav .share{border:1px solid #6a5945;color:#eed0a8;background:#d5b58b0a;margin-left:4px}main{position:relative;height:calc(100dvh - 72px);min-height:400px;overflow:hidden;background:radial-gradient(ellipse at 58% 45%,#1c1d2a44,transparent 60%),#080a0f}#space,#overlay,.scene-vignette{position:absolute;inset:0;width:100%;height:100%}#space{z-index:2;touch-action:none;cursor:crosshair}#space canvas{display:block}#overlay{pointer-events:none;z-index:1}.scene-vignette{pointer-events:none;background:radial-gradient(ellipse at center,transparent 20%,#080a0f80 100%);z-index:3}.left-panel{position:absolute;left:24px;top:28px;width:235px;z-index:4;background:linear-gradient(130deg,#101319f5,#101319e8);border:1px solid #ffffff0d;border-radius:9px;padding:20px 17px 0;box-shadow:0 12px 60px #0002}.panel-top{display:flex;justify-content:space-between;align-items:center}.eyebrow,.tiny-label,.section-label,.events-title,.seed,.bottom-left,.canvas-hint{font-size:9px;letter-spacing:1.7px;font-weight:500;color:#858d9d}.icon-button{padding:0;color:#76808f;height:18px}.icon-button svg{width:14px;height:14px}h1{font-family:Space Grotesk,sans-serif;font-size:27px;font-weight:400;letter-spacing:-1px;line-height:1.18;margin:19px 0 22px}.mode-switch{padding:3px;background:#080a0e;display:flex;border:1px solid #ffffff0a;border-radius:6px;gap:2px}.mode-switch button{width:50%;padding:8px 0;font-size:11px;color:#838c9a;border-radius:4px}.mode-switch button.active{background:#24272e;color:#e2e3e7;box-shadow:0 1px 4px #0004}.categories{display:flex;margin:23px -2px 12px;border-bottom:1px solid #ffffff0b;justify-content:space-between;gap:7px}.categories button{font-size:10px;color:#858d9b;padding:0 1px 11px;position:relative}.categories button.active{color:#ebc798}.categories button.active:after{position:absolute;bottom:-1px;left:0;right:0;height:2px;content:"";background:#ebc798}.material{display:flex;align-items:center;width:100%;gap:12px;padding:11px 9px;margin:3px 0;border:1px solid transparent;border-radius:5px;font-size:12px;color:#aab1bf;text-align:left}.material.active{border-color:#b3926455;background:#ad89551a;color:#f1d9b7}.material:hover{background:#ffffff08}.material:disabled{opacity:.4;cursor:not-allowed}.element-icon{display:grid;place-items:center;width:27px;height:27px;border:1px solid #8cabce36;border-radius:50%;font-family:Space Grotesk;font-size:17px;color:#a4c8e4;background:#75a4d512;box-shadow:0 0 12px #83c1ff0a}.dust{color:#c4ae99;border-color:#b99e8033;background:#ab8d6c11}.plasma{color:#c49edf;border-color:#b889d433;background:#b889d411}.antimatter{color:#df97b3;border-color:#dc7da633;background:#dc7da611}.star,.blackhole{color:#f3c48b;border-color:#eabe8433;background:#eabe8411}.material-arrow{margin-left:auto;color:#7b7162;font-size:16px}.brush-controls{border-top:1px solid #ffffff0b;padding-top:19px;margin-top:17px}.brush-controls>div{display:flex;justify-content:space-between;font-size:11px;color:#a7adba}#brush-value{font:10px monospace;color:#b2bac7}input[type=range]{width:100%;accent-color:#e3c29b;height:3px;margin:18px 0 14px;cursor:pointer}.brush-controls .brush-preview{font-size:9px;color:#626d7e}.selection-note{margin:25px 0 19px;border-left:1px solid #6b5944;padding-left:12px}.tiny-label{font-size:8px;letter-spacing:1.4px;color:#a08d77}.selection-note p{font-size:11px;line-height:1.8;color:#858e9e;margin:6px 0}.codex-link{border-top:1px solid #ffffff0b;margin:0 -17px;width:calc(100% + 34px);display:flex;align-items:center;gap:9px;padding:16px;font-size:11px;color:#a7aeba}.codex-link svg{width:14px}.codex-link span{margin-left:auto;font:9px monospace;color:#737b8a}.codex-link svg:last-child{width:12px;color:#737b8a}.top-readout{position:absolute;left:291px;top:32px;z-index:4;pointer-events:none}.top-readout .eyebrow{font-size:8px;color:#778190}.top-readout>div{display:flex;align-items:center;gap:6px;font:8px monospace;letter-spacing:1px;color:#8b978e;margin-top:9px}.top-readout .live-dot{width:4px;height:4px}#empty{position:absolute;left:52%;top:45%;transform:translate(-50%,-50%);text-align:center;z-index:3;width:440px;pointer-events:none;transition:opacity .5s}#empty.hidden{opacity:0;visibility:hidden}#empty h2{font-family:Space Grotesk;font-size:34px;font-weight:400;letter-spacing:-1.2px;margin:16px 0;color:#e0e1e8}#empty .eyebrow{font-size:8px;letter-spacing:2.8px;color:#c2aa8e}#empty p{font-size:13px;line-height:1.9;color:#7c869a}.genesis-mark{width:132px;height:132px;margin:0 auto 35px;position:relative;display:grid;place-items:center;background:radial-gradient(circle,#c99c6310,transparent 65%)}.genesis-mark span{position:absolute;width:108px;height:108px;border:1px solid #c6a07823;border-radius:50%}.genesis-mark span:nth-child(2){width:64px;height:64px;border-style:dashed;border-color:#c6a07845}.genesis-mark:before,.genesis-mark:after{position:absolute;content:"";background:#c6a07820}.genesis-mark:before{height:1px;width:132px}.genesis-mark:after{width:1px;height:132px}.genesis-mark b{font-size:25px;font-weight:400;color:#f1c995;text-shadow:0 0 25px #edba8888}.gesture{display:flex;justify-content:center;gap:8px;align-items:center;color:#a2a9b7;font-size:10px;margin-top:27px}.gesture svg{width:12px;height:12px}#experiment{pointer-events:auto;display:inline-flex;align-items:center;gap:8px;color:#b39b80;font-size:10px;margin-top:18px;padding:10px}#experiment svg{width:12px}.right-panel{position:absolute;right:28px;top:34px;width:185px;z-index:4;pointer-events:none}.section-label{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.6px}.section-label svg{width:14px;height:14px;color:#636e7f}.age{margin-top:18px}.age>span{font:35px Space Grotesk;font-weight:400;letter-spacing:-1px}.age small{display:block;color:#697386;letter-spacing:1.5px;font-size:8px;margin-top:4px}.stats{margin:24px 0 28px;display:grid;gap:12px}.stats>div{display:flex;justify-content:space-between;font-size:11px;color:#7f8a9d}.stats strong{font:11px monospace;color:#bcc3cf}.events-title{display:flex;justify-content:space-between;padding-top:23px;border-top:1px solid #ffffff10;font-size:8px}.events-title .live-dot{width:4px;height:4px;background:#bfa37d}.event{display:flex;gap:10px;margin-top:21px}.event-point{background:#a18d71;min-width:4px;height:4px;border-radius:100%;margin-top:6px;box-shadow:0 0 0 3px #9d805711}.event b{font-size:10px;font-weight:400;color:#a4a9b4;display:block;line-height:1.6}.event p{font-size:10px;line-height:1.7;color:#636e81;margin:5px 0 0}.event small{font:8px monospace;color:#9c896e;display:block;margin-bottom:5px}.seed{font-size:7px;letter-spacing:1px;margin-top:32px;color:#515d70}.seed span{display:block;margin-top:7px;font:9px monospace;color:#7e8795;letter-spacing:2px}.view-tools{position:absolute;left:50%;bottom:108px;transform:translate(-50%);display:flex;padding:5px;border:1px solid #ffffff0d;background:#101319ed;border-radius:7px;gap:3px;z-index:4}.view-tools button{height:33px;width:34px;display:grid;place-items:center;color:#7c8799;border-radius:4px}.view-tools button.active{background:#c0a07818;color:#e9c498}.view-tools>span{width:1px;background:#ffffff10;margin:7px 5px}.transport{position:absolute;left:50%;bottom:43px;transform:translate(-50%);display:flex;gap:5px;align-items:center;z-index:4;border:1px solid #ffffff12;background:#11141bee;padding:7px 9px;border-radius:7px;box-shadow:0 3px 25px #0005}.transport button{min-width:36px;height:32px;border-radius:4px;font:11px monospace;color:#808b9e}.transport #pause{display:grid;place-items:center;color:#edc99e;background:#a3845918}.transport button.active{background:#ffffff09;color:#ede1d0}.transport-divider{height:19px;width:1px;background:#ffffff0d;margin:0 3px}#time-label{font-size:8px;letter-spacing:1px;color:#747f91;padding:0 9px}.bottom-left{position:absolute;bottom:58px;left:28px;display:flex;gap:9px;align-items:center;font:8px monospace;letter-spacing:1px;z-index:4;color:#7c8595}.bottom-left .live-dot{width:4px;height:4px}.subtle{color:#364052}.canvas-hint{position:absolute;bottom:16px;text-align:center;width:100%;font-size:7px;letter-spacing:1.1px;z-index:4;color:#586478;pointer-events:none}.canvas-hint span{padding:0 10px}.zoom-controls{position:absolute;right:28px;bottom:52px;display:flex;align-items:center;gap:10px;z-index:4}.zoom-controls button{font-size:19px;color:#9ca6b8}.zoom-controls span{font:10px monospace;color:#8f9aad;min-width:40px;text-align:center}#toast{position:absolute;bottom:172px;left:50%;transform:translate(-50%,10px);background:#20232a;border:1px solid #b2946455;color:#e7d2b5;font-size:12px;padding:14px 20px;border-radius:6px;z-index:10;opacity:0;pointer-events:none;transition:.25s;max-width:90vw;text-align:center}#toast.visible{opacity:1;transform:translate(-50%)}dialog{background:#11151d;border:1px solid #665942;color:#dbe0e9;width:540px;max-width:92vw;border-radius:12px;padding:35px;box-shadow:0 30px 100px #000a}dialog::backdrop{background:#030509bb;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}dialog h2{font:28px Space Grotesk;letter-spacing:-.8px;margin:17px 0}dialog p,dialog li{font-size:14px;line-height:1.8;color:#9ba7ba}dialog li{margin:14px 0}dialog ol{padding-left:20px}.close{position:absolute;top:10px;right:15px;font-size:25px;color:#7c8799}.primary{padding:13px 20px;color:#181a20;background:#e7c599;border-radius:5px;margin-top:12px;font-size:13px}.primary:hover{background:#f6dbb8;color:#181a20}.muted{color:#718098!important;font-size:12px!important}.codex-list>div{display:flex;gap:14px;padding:17px 0;border-bottom:1px solid #ffffff10}.codex-list>div>span{color:#e8c399;font-size:24px}.codex-list section{flex:1}.codex-list b{font-size:13px;font-weight:500}.codex-list p{margin:5px 0 0;font-size:11px;line-height:1.6}.codex-list small{font-size:7px;color:#a99170;letter-spacing:.6px;padding-top:5px}dialog label{display:block;font-size:12px;color:#a7b0bf}textarea{width:100%;margin:10px 0;padding:10px;background:#090d13;color:#b6bfce;border:1px solid #ffffff20;border-radius:5px;resize:none;font:11px monospace}@media(min-width:1600px){.left-panel{left:36px;top:40px;width:260px;padding:24px 20px 0}h1{font-size:32px}.material{padding:14px 10px;font-size:13px}.categories button{font-size:11px}.codex-link{margin:0 -20px;width:calc(100% + 40px);padding:20px}.top-readout{left:330px;top:44px}.right-panel{right:40px;width:210px;top:44px}}@media(max-height:820px)and (min-width:901px){.left-panel{top:20px;padding-top:15px}h1{font-size:24px;margin:13px 0 16px}.material{padding:7px 8px}.categories{margin-top:16px}.brush-controls{margin-top:12px;padding-top:14px}.selection-note{margin:17px 0 14px}.codex-link{padding:13px 16px}}@media(max-width:1100px){.universe-title{display:none}.right-panel{width:150px;right:20px}#empty{left:55%;width:340px}#empty h2{font-size:28px}.left-panel{left:16px;width:217px}.top-readout{left:257px}.bottom-left{font-size:7px;left:18px}}@media(max-width:900px){header{padding:0 16px;height:60px}.brand{font-size:19px;gap:7px}.brand-mark{font-size:28px}.alpha{display:none}nav{gap:2px}nav button{padding:9px}nav button span{display:none}nav .share{margin-left:2px}main{height:calc(100dvh - 60px)}.left-panel{inset:auto 12px 94px;width:auto;padding:11px 12px 0;border-radius:8px}.panel-top,h1,.mode-switch,.selection-note,.brush-controls,.codex-link{display:none}.categories{justify-content:flex-start;gap:25px;margin:0 0 8px}.categories button{font-size:11px;padding-bottom:9px}#materials{display:flex;gap:5px;overflow-x:auto;padding-bottom:8px}.material{flex:0 0 auto;width:auto;margin:0;padding:7px 9px;gap:7px;font-size:11px;white-space:nowrap}.element-icon{width:22px;height:22px;font-size:14px}.material-arrow{display:none}.top-readout{left:18px;top:20px}.right-panel{right:18px;top:20px;width:110px}.right-panel .section-label,.stats,.events-title,#events,.seed{display:none}.age{margin:0;text-align:right}.age>span{font-size:25px}.age small{font-size:7px}.view-tools{left:18px;top:85px;bottom:auto;transform:none;flex-direction:column;padding:3px}.view-tools button{width:30px;height:30px}.view-tools>span{height:1px;width:18px;margin:5px auto}#empty{left:54%;top:37%;width:270px}#empty h2{font-size:24px;letter-spacing:-.8px}#empty .eyebrow{font-size:7px;letter-spacing:1.3px}#empty p{font-size:11px}.genesis-mark{margin-bottom:22px;transform:scale(.85)}.gesture{font-size:9px;margin-top:17px}#experiment{font-size:9px;margin-top:7px}.transport{bottom:34px;left:12px;transform:none;padding:5px;gap:2px}.transport button{min-width:30px}#time-label{display:none}.transport-divider:last-of-type{display:none}.zoom-controls{right:16px;bottom:46px;gap:7px}.zoom-controls span{font-size:9px}.bottom-left{display:none}.canvas-hint{font-size:6px;bottom:13px}.canvas-hint span{padding:0 5px}#toast{bottom:215px;width:max-content;max-width:85vw;font-size:11px}dialog{padding:27px}dialog h2{font-size:24px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(max-height:760px)and (min-width:901px){.left-panel{max-height:calc(100% - 45px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#4b443b transparent}.bottom-left{display:none}#empty{top:40%}.genesis-mark{width:80px;height:80px;margin-bottom:20px;transform:scale(.7)}#empty h2{font-size:27px;margin:12px 0}#empty p{font-size:12px;margin:8px 0}.gesture{margin-top:12px}#experiment{margin-top:6px}}.settings-actions{display:flex;gap:8px;flex-wrap:wrap}.guide-header{color:#edc79a;border:1px solid #74604455}.left-panel{max-height:calc(100% - 110px);display:flex;flex-direction:column}#materials{overflow-y:auto;min-height:80px;scrollbar-width:thin;scrollbar-color:#514636 transparent}.panel-top,h1,.mode-switch,.categories,.brush-controls,.selection-note,.codex-link{flex-shrink:0}.material{padding:8px 9px}.force-row{align-items:center;margin-top:14px;gap:6px}.force-row select{font:10px DM Sans;color:#b7c1d0;background:#131820;border:1px solid #ffffff15;border-radius:3px;padding:4px}.force-row button{border:1px solid #ffffff15;border-radius:3px;font-size:16px}.element-icon.helium{color:#d4c6f2}.element-icon.ice{color:#8bdfeb}.element-icon.iron{color:#d0b09e}.element-icon.darkmatter{color:#aba3e9;border-style:dashed}#system-readout{font-size:11px;color:#d6bd9d;line-height:1.6;margin-bottom:16px}#system-readout:empty{display:none}#inspector[hidden],#experiment-tracker[hidden]{display:none!important}#inspector{pointer-events:auto;border:1px solid #a1825344;padding:13px;background:#10141bee;border-radius:6px;margin-bottom:15px}.inspector-top{display:flex;justify-content:space-between;align-items:center;font:8px monospace;letter-spacing:1px;color:#8e9aae}.inspector-top button{font-size:18px;padding:0 3px}#inspector h3{font:17px Space Grotesk;margin:9px 0 13px}#inspector dl{margin:0}#inspector dl>div{display:flex;justify-content:space-between;gap:4px;font-size:10px;margin:9px 0}#inspector dt{color:#7f8c9e}#inspector dd{margin:0;color:#c4cedc;font-family:monospace}#inspector small{color:#8793a6;font-size:8px}.fuel-label,.composition-label{font:8px monospace;color:#9eacbe;margin-top:15px;letter-spacing:1px}.fuel-label{display:flex;justify-content:space-between}#inspector progress{height:5px;width:100%;accent-color:#e3bc85;margin-top:8px}.inspector-note{color:#737f92;font-size:9px;line-height:1.6;margin:9px 0 0}.composition-bar{height:5px;border-radius:2px;display:flex;overflow:hidden;margin:9px 0}#inspector ul{list-style:none;margin:10px 0 0;padding:0}#inspector li{display:flex;justify-content:space-between;font-size:10px;color:#8e9daf;margin:6px 0;text-transform:capitalize}.has-inspector .stats,.has-inspector .events-title,.has-inspector #events,.has-inspector .seed{display:none}.has-inspector .age{margin-bottom:18px}#experiment-tracker{position:absolute;left:291px;top:89px;width:247px;padding:14px 16px;border:1px solid #a88a5733;border-left:2px solid #b6935e;background:#10141bee;border-radius:3px;z-index:4}.tracker-top{display:flex;justify-content:space-between;align-items:center;color:#a28d70;letter-spacing:1px;font:8px monospace}.tracker-top button{font-size:17px;color:#8a94a5}#experiment-tracker>b{display:block;font-size:13px;font-weight:500;color:#dec6a5;margin-top:6px}#experiment-tracker p{font-size:10px;line-height:1.7;color:#929eaf;margin:8px 0}#experiment-tracker>div:last-child{display:flex;gap:10px;flex-wrap:wrap}#experiment-tracker>div:last-child button{font-size:10px;color:#c1a788;padding:3px 0}dialog.field-book{width:1100px;max-width:94vw;padding:0;height:790px;max-height:90dvh;border-color:#76664d55;overflow:hidden;background:#12161d;border-radius:10px}.field-book .close{z-index:2;top:13px;right:19px;background:#12161d;width:28px;border-radius:50%}.field-book-layout{display:grid;grid-template-columns:255px 1fr;height:100%}.field-book #dialog-content{height:100%}.book-spine{padding:29px 19px 22px;background:#0d1118;border-right:1px solid #ffffff09;display:flex;flex-direction:column;overflow:auto;scrollbar-width:thin}.book-brand{display:flex;align-items:center;gap:12px;font-size:36px;color:#e4bf8c}.book-brand span{font:11px Space Grotesk;line-height:1.5;letter-spacing:2px;color:#e7d5b9}.book-spine>p{font-size:11px;margin:15px 0 24px;color:#778398}.book-tabs{display:flex;gap:13px;border-bottom:1px solid #ffffff10;margin-bottom:15px}.book-tabs button{font-size:11px;color:#818fa3;padding:0 0 13px;white-space:nowrap}.book-tabs button.active{color:#e4c291;border-bottom:1px solid #e4c291}.book-tabs small{font:9px monospace;background:#d6b0781a;padding:2px 4px}.chapter-list{display:flex;flex-direction:column;gap:4px}.chapter-list button{display:flex;text-align:left;align-items:center;gap:9px;padding:12px 8px;border-radius:4px;color:#8796a9}.chapter-list button.active{background:#ae89571a;color:#e2c8a7}.chapter-list small{font:9px monospace;color:#68788d}.chapter-list span{font-size:11px;line-height:1.5;flex:1}.chapter-list b{font-size:12px;font-weight:400}.book-footnote{margin-top:auto;padding-top:30px;font-size:11px;color:#8d9bae;line-height:1.9}.book-footnote span{display:block;font:7px monospace;letter-spacing:.4px;color:#657082;margin-top:16px}.book-page{padding:39px 37px 27px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#5e5140 transparent;position:relative}.book-kicker{display:flex;align-items:center;gap:15px;color:#b89e7b;font:9px monospace;letter-spacing:1.6px;padding-right:12px}.science-badge{font:7px monospace;letter-spacing:.6px;border:1px solid #76968a44;color:#99b6a9;padding:5px}.science-badge.theory{color:#bc9ae2;border-color:#bc9ae244}.book-heading h2{font:36px Space Grotesk;letter-spacing:-1.3px;line-height:1.1;max-width:540px;margin:22px 0 13px;color:#e9e2d7}.book-heading p{font-size:13px;line-height:1.75;max-width:470px;color:#97a3b3;margin:0}.recipe-visual{height:95px;position:relative;margin:20px 0 8px;overflow:hidden;border-top:1px solid #ffffff09;border-bottom:1px solid #ffffff09;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 50%,#b48e5b09,transparent 65%)}.recipe-visual>span{font-size:32px;color:#e6bc80;text-shadow:0 0 25px #e3b16f77}.diagram-orbit{position:absolute;width:160px;height:55px;border:1px solid #bd946439;border-radius:50%;transform:rotate(-18deg)}.orbit-two{width:260px;height:80px;border-color:#bd946421}.recipe-visual i{position:absolute;width:5px;height:5px;border-radius:100%;background:#adc6d8;left:calc(50% + 72px);top:27px;box-shadow:0 0 12px #9dbbd588}.recipe-visual small{position:absolute;right:0;bottom:9px;font:7px monospace;letter-spacing:1px;color:#616d7e}.recipe-columns{display:grid;grid-template-columns:1.15fr 1fr;gap:28px}.book-page h3{font:12px Space Grotesk;font-weight:500;color:#d6c3a5;margin:20px 0 12px}.recipe-steps{list-style:none;padding:0!important;margin:0}.recipe-steps li{display:flex;gap:12px;margin:0 0 15px;line-height:1.7}.recipe-steps li>span{font:9px monospace;color:#b79a72;padding-top:5px}.recipe-steps p,.recipe-science p{font-size:12px;line-height:1.8;margin:0;color:#99a5b6}.recipe-science{border-left:1px solid #ffffff09;padding-left:24px}.recipe-science details{margin:20px 0}.recipe-science summary{font-size:10px;line-height:1.5;color:#a38e74;cursor:pointer}.recipe-science details p{font-size:11px;margin-top:10px}.recipe-science>a{font-size:10px;color:#b69d7b;text-decoration:none;line-height:1.7}.ingredients{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}.ingredients>span{width:100%;font:8px monospace;letter-spacing:1px;color:#64748a;margin-bottom:4px}.ingredients button{font-size:10px;padding:6px 8px;color:#b6c6d9;background:#9ab6d80a;border:1px solid #9ab6d820;border-radius:3px}.book-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid #ffffff10;margin-top:25px;padding-top:18px}.book-actions .primary{margin:0;font-size:11px;padding:11px 15px;display:flex;gap:25px}.secondary{border:1px solid #826c4a66;border-radius:4px;padding:10px 12px;color:#c1ab8b;font-size:11px}.book-actions>p{font-size:9px;margin:0;line-height:1.7;color:#728094}.discovery-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;margin-top:30px}.discovery-entry{display:flex;align-items:center;gap:14px;padding:21px 0;border-bottom:1px solid #ffffff0a;color:#6c7b8e}.discovery-entry>span{font-size:24px}.discovery-entry b{font-size:12px;font-weight:400}.discovery-entry small{display:block;font:7px monospace;letter-spacing:1px;margin-top:7px;color:#606c7d}.discovery-entry.unlocked{color:#e1c08f}.discovery-entry.unlocked small{color:#9cae9f}@media(min-width:1600px){#experiment-tracker{left:330px;top:100px}}@media(max-width:1100px){#experiment-tracker{left:257px;width:215px}.universe-title{display:none}}@media(max-width:900px){.left-panel{max-height:none;display:block}.material{padding:7px 9px}#materials{min-height:0;overflow-y:hidden}.field-book-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}.book-spine{padding:15px 18px 0;overflow:hidden;border-right:0;border-bottom:1px solid #ffffff10}.book-brand{font-size:22px}.book-brand span{font-size:9px;display:block}.book-brand span br{display:none}.book-spine>p,.book-footnote{display:none}.book-tabs{margin:12px 0 8px}.book-tabs button{padding-bottom:9px;font-size:11px}.chapter-list{flex-direction:row;overflow-x:auto;gap:6px;padding-bottom:10px}.chapter-list button{white-space:nowrap;padding:8px 10px;gap:6px;border:1px solid #ffffff0a}.chapter-list span{font-size:10px}.chapter-list b{display:none}.book-page{padding:23px 20px}.book-heading h2{font-size:28px;margin-top:17px}.book-heading p{font-size:12px}.recipe-columns{grid-template-columns:1fr;gap:0}.recipe-science{border:0;border-top:1px solid #ffffff10;margin-top:15px;padding:0}.recipe-visual{height:80px;margin:16px 0 0}.recipe-steps p,.recipe-science p{font-size:12px}.book-kicker{font-size:8px;letter-spacing:1px;gap:10px}.science-badge{font-size:6px}.book-actions{gap:10px}.book-actions>p{width:100%}.book-actions .primary{gap:8px}.discovery-grid{grid-template-columns:1fr}.discovery-entry{padding:14px 0}#experiment-tracker{left:63px;top:80px;width:calc(100% - 82px);max-width:260px;padding:10px 13px}#experiment-tracker p{font-size:10px;margin:5px 0}#experiment-tracker>b{font-size:12px}.right-panel.has-inspector{width:205px;top:75px;right:16px;z-index:6;max-height:calc(100% - 280px);overflow-y:auto;scrollbar-width:thin}.right-panel.has-inspector .age,.right-panel.has-inspector .section-label{display:none}#inspector{background:#10151ff5;margin:0}.right-panel:not(.has-inspector) #system-readout{position:absolute;top:52px;right:0;width:180px;font-size:9px;text-align:right}.guide-header{padding:8px!important}.left-panel .force-row{display:none}header{padding:0 11px}.brand{font-size:17px;letter-spacing:1px}nav button{padding:8px}nav{gap:0}.brand-mark{font-size:24px}}.settings-force{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:22px}.settings-force label{width:100%}.settings-force select{background:#101720;color:#c8d3e3;border:1px solid #ffffff20;padding:10px;border-radius:4px;font:12px DM Sans}@media(max-width:900px){.right-panel.has-inspector~#experiment-tracker{display:none}}#systems-toggle small{font:9px monospace;padding:3px 5px;background:#c5a97a18;color:#d9bf98;border-radius:3px}#systems-toggle.active{background:#d6af711a;color:#e8c799}#material-search{background:#080c12;border:1px solid #ffffff12;border-radius:4px;padding:9px 10px;color:#bfcad9;font:11px DM Sans;width:100%;margin-bottom:9px;flex-shrink:0}#material-search::placeholder{color:#69768b}.orbit-brush{display:flex;width:100%;align-items:center;justify-content:space-between;font-size:11px;padding:10px;margin-top:13px;border:1px solid #ffffff15;border-radius:4px;color:#8495ab}.orbit-brush span{font:8px monospace;color:#8290a3}.orbit-brush.active{border-color:#89bda755;color:#aad2c1;background:#84b8a00d}.orbit-brush.active span{color:#aad2c1}.element-icon.oxygen{color:#a4d8ec}.element-icon.nitrogen{color:#adbdff}.element-icon.methane{color:#9cd4b9;font-size:12px}.element-icon.co2{color:#c2b498;font-size:12px}.element-icon.sulfur{color:#e4d17c}.element-icon.steam{color:#c3e8f0;font-size:12px}.reaction-readout{font-size:10px;color:#e7b879;line-height:1.7;border-left:2px solid #a88852;padding-left:8px}#following[hidden],#systems-panel[hidden]{display:none!important}#following{position:absolute;left:50%;top:22px;transform:translate(-50%);z-index:5;background:#111925e8;border:1px solid #83a6b633;border-radius:5px;padding:10px 17px;font:10px monospace;color:#b6cddb;max-width:70vw}#systems-panel{position:absolute;right:16px;top:16px;bottom:26px;width:360px;z-index:8;border:1px solid #a0b9ca26;background:#10151ef7;box-shadow:0 15px 80px #0008;border-radius:8px;padding:24px 20px;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.navigator-heading{display:flex;gap:15px;align-items:start;justify-content:space-between}.navigator-heading .eyebrow{color:#9db4c5;font-size:8px}.navigator-heading h2{font:24px Space Grotesk;letter-spacing:-.7px;margin:14px 0 0;max-width:260px}.navigator-heading>button{font-size:22px;color:#7f8ea0;padding:0}.navigator-intro{font-size:12px;color:#8899ae;line-height:1.8;margin:15px 0 20px}.navigator-summary{display:flex;gap:24px;padding-bottom:20px;border-bottom:1px solid #ffffff0e}.navigator-summary b{display:block;font:28px Space Grotesk;color:#deccb0}.navigator-summary span{font-size:10px;color:#8191a6}.navigator-tabs{display:flex;gap:16px;margin:20px 0 14px}.navigator-tabs button{font-size:10px;color:#7e90a7;padding:0 0 10px}.navigator-tabs button.active{color:#e1c39e;border-bottom:1px solid #e1c39e}.navigator-list{overflow-y:auto;flex:1;min-height:80px;scrollbar-width:thin;scrollbar-color:#48576b transparent}.system-card{width:100%;display:flex;gap:13px;align-items:center;text-align:left;border:1px solid #a2b7d016;border-radius:5px;padding:15px 12px;margin-bottom:9px;background:#b4c8e304}.system-card:hover{background:#acc4de0b;border-color:#a2b7d039}.system-symbol{font-size:30px;color:#e3b883;width:34px;text-align:center}.galaxy-card .system-symbol{color:#b3a8df}.system-card>div{flex:1}.system-card b{font:13px Space Grotesk;color:#cbd9e8}.system-card p{font-size:10px;color:#7f94ac;margin:6px 0}.system-card small{display:flex;align-items:center;gap:5px;font-size:8px;color:#a8b9ac}.system-card small i{display:inline-block;width:3px;height:3px;border-radius:50%;background:#a8c4ae}.system-card>span:last-child{color:#8596a7;font-size:14px}.navigator-footer{font-size:9px;color:#64758c;line-height:1.8;padding-top:18px}.navigator-empty{padding:30px 15px;text-align:center;color:#d7bc94;font-size:32px}.navigator-empty h3{font:16px Space Grotesk;line-height:1.6}.navigator-empty p{font-size:11px;color:#8292a9;line-height:1.8}@media(max-width:1250px){.universe-title{display:none}}@media(max-width:900px){#material-search,#systems-toggle small{display:none}.brand{font-size:15px;letter-spacing:.7px}.brand-mark{font-size:22px}nav button{padding:7px}nav button svg{width:15px;height:15px}.guide-header{padding:7px!important}#systems-panel{width:auto;inset:12px 12px 100px;padding:21px 18px}.navigator-heading h2{font-size:22px}#following{top:65px;font-size:8px;white-space:nowrap;max-width:90vw;padding:9px 12px}.orbit-brush{display:none}}.brush-disclosure{flex-shrink:0;margin:10px 0 0}.brush-disclosure>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;color:#b0bac8;font-size:10px;padding:9px 0;cursor:pointer;border-bottom:1px solid #ffffff0b}.brush-disclosure>summary:before{content:"›";color:#ae9270;margin-right:7px}.brush-disclosure[open]>summary:before{content:"⌄"}.brush-disclosure>summary span{font-size:8px;color:#697990;margin-left:auto}.brush-disclosure .brush-controls{margin-top:5px;padding-top:8px;border:0}.left-panel>.orbit-brush{flex-shrink:0}.left-panel h1{font-size:24px;margin:14px 0 17px}.left-panel .selection-note{margin:15px 0 13px}.left-panel .selection-note p{font-size:10px;line-height:1.7}.left-panel .categories{margin-top:17px}#materials{min-height:145px}.left-panel .tiny-label{font-size:7px}.navigator-list:focus-within .system-card{transition:none}@media(max-width:900px){.brush-disclosure{display:none}#materials{min-height:0}.left-panel .categories{margin-top:0}}.orbit-help{font-size:10px;line-height:1.6;color:#8d96a6;margin:5px 17px 10px}.force-row select{max-width:125px}.deep-lab{padding:38px;color:#c4cfdd}.deep-head h2{font:36px Space Grotesk;margin:12px 0}.deep-lab p{font-size:13px;line-height:1.85;color:#97a8bc}.deep-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0}.deep-tabs button{text-align:left;border:1px solid #ffffff17;padding:16px;color:#92a2b6;font:10px monospace;border-radius:8px}.deep-tabs button.active{border-color:#d7b77c;background:#d7b77c0b;color:#d7b77c}.deep-tabs b{display:block;font:14px Space Grotesk;margin-top:10px}.deep-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:30px}.deep-lab h3{font:22px Space Grotesk;line-height:1.4}.deep-lab label{display:block;font-size:12px;color:#e0c497;margin:18px 0 8px}.deep-lab textarea{width:100%;box-sizing:border-box;resize:vertical;background:#080d15;color:#d9e2ed;border:1px solid #ffffff24;padding:12px;border-radius:6px;font:12px inherit}.deep-lab input[type=range]{width:100%;accent-color:#d7b77c}.deep-lab small{font-size:10px;color:#8899af;line-height:1.6}.deep-lab canvas{width:100%;height:auto;border:1px solid #ffffff12;border-radius:8px}.deep-legend{display:flex;justify-content:space-between;font-size:11px;margin-bottom:12px;color:#8bbfdc}.deep-legend span+span{color:#e9b780}.deep-actions{display:flex;gap:10px;margin:20px 0}.deep-explain{display:grid;grid-template-columns:1fr 1fr;gap:32px;border-top:1px solid #ffffff16;margin-top:28px;padding-top:12px}.deep-lab a{color:#d7b77c;font-size:12px}.deep-frontier{border:1px solid #ffffff20;padding:18px;border-radius:8px;margin:28px 0}.deep-frontier summary{cursor:pointer;color:#e0c497;font-size:14px}#deep-reading{font:12px monospace;padding:12px 0;color:#d7b77c}#deep-save{margin:12px 10px 0 0}.deep-note{font-size:11px!important}#deep-lab-open{color:#d7b77c}@media(max-width:900px){.deep-lab{padding:24px 16px}.deep-head h2{font-size:27px}.deep-grid,.deep-explain{grid-template-columns:1fr}.deep-tabs{gap:5px}.deep-tabs button{padding:9px;font-size:8px}.deep-tabs b{font-size:11px}.deep-grid{gap:20px}.orbit-help{display:none}}.realm-atlas{padding:36px;color:#cdd6e4}.realm-atlas h2{font:34px Space Grotesk;margin:15px 0}.realm-atlas p{font-size:13px;line-height:1.8;color:#91a2b9}.realm-existing,.realm-catalog{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:26px 0}.realm-existing button,.realm-catalog button{text-align:left;border:1px solid #ffffff20;padding:22px;border-radius:10px;background:radial-gradient(ellipse at top right,#8377af15,transparent);color:#c6d2e1}.realm-existing button.active{border-color:#d5b37e}.realm-existing span{float:left;font-size:32px;margin-right:20px;color:#cdb2e5}.realm-existing b{display:block}.realm-existing small{display:block;font-size:10px;line-height:1.8;margin-top:9px;color:#8f9fb4}.realm-catalog span{display:block;font-size:44px;color:#b5a4d9;margin-bottom:18px}.realm-catalog small{font:9px monospace;color:#c8b48c}.realm-catalog h3{font:21px Space Grotesk}.realm-catalog b{font-size:11px;color:#d4b880}.realm-catalog button:disabled{opacity:.35;cursor:not-allowed}.realm-atlas label{font-size:12px;margin-right:14px}.realm-atlas select{background:#121923;color:#d6c6ab;padding:10px;border:1px solid #ffffff20}.realm-note{font-size:11px!important}#realm-status{position:absolute;left:50%;top:14px;transform:translate(-50%);font:10px Space Grotesk;color:#bda4d8;border:1px solid #bca3d52b;background:#11101bcc;border-radius:18px;padding:8px 15px;z-index:3;white-space:nowrap}body[data-realm=spirit] .scene-vignette{box-shadow:inset 0 0 180px #ac70d726}body[data-realm=mirror] .scene-vignette{box-shadow:inset 0 0 150px #5acfe21c}@media(max-width:900px){.realm-atlas{padding:26px 18px}.realm-atlas h2{font-size:27px}.realm-existing,.realm-catalog{grid-template-columns:1fr}.realm-atlas select{max-width:100%;margin-top:12px}#realm-status{top:9px;font-size:9px}header nav{gap:1px}header nav button{padding:5px}.brand .alpha{display:none}}