:root{--bg:#0b0e10;--panel:#111618;--panel2:#151b1d;--line:#293233;--muted:#818d8d;--text:#eef2e9;--lime:#c4f169;--lime-dark:#9fc94a;--orange:#ff9469;--mono:'DM Mono',monospace;--sans:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);overflow-x:hidden}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.ambient{position:absolute;z-index:-1;pointer-events:none;filter:blur(85px);opacity:.12;border-radius:50%}.ambient-one{width:420px;height:420px;top:80px;left:-190px;background:#70aa69}.ambient-two{width:410px;height:410px;top:500px;right:-210px;background:#a75730}.topbar{height:76px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100% - 1240px)/2),32px);position:relative;z-index:2}.brand{display:flex;align-items:center;gap:11px;font:700 15px var(--display);letter-spacing:.11em}.brand-light{font-weight:500;color:#8a9691}.brand-mark{height:23px;width:23px;border:1px solid var(--lime);border-radius:50%;display:flex;align-items:center;justify-content:center;gap:2px;transform:rotate(-27deg)}.brand-mark span{display:block;background:var(--lime);width:2px;border-radius:2px}.brand-mark span:nth-child(1){height:6px}.brand-mark span:nth-child(2){height:12px}.brand-mark span:nth-child(3){height:8px}.topbar-center,.version,.save-button{font:10px var(--mono);letter-spacing:.12em}.topbar-center{color:#aab4ad;display:flex;align-items:center;gap:9px}.status-dot,.mini-check,.status-pulse{width:7px;height:7px;background:var(--lime);display:inline-block;border-radius:50%;box-shadow:0 0 13px #c4f17680}.version{border-left:1px solid #414848;padding-left:10px;color:#6f7978}.save-button{border:1px solid #3a4443;background:transparent;color:#c3cbc3;padding:10px 13px;cursor:pointer;transition:.2s}.save-button:hover{border-color:var(--lime);color:var(--lime)}.save-icon{font-size:15px;margin-right:7px}.hero{max-width:1240px;margin:0 auto;min-height:540px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;padding:38px 40px 42px}.hero-copy{padding:12px 0 28px}.eyebrow{font:10px var(--mono);letter-spacing:.16em;color:#a6b09f;display:flex;align-items:center;gap:10px}.eyebrow-line{width:23px;height:1px;background:var(--lime);display:inline-block}.hero h1{font:600 clamp(52px,6vw,76px)/.98 var(--display);letter-spacing:-.065em;margin:25px 0 22px}.hero h1 em,.section-heading h2 em{font-style:normal;color:var(--lime)}.hero-copy>p{color:#9ba6a1;font-size:15px;line-height:1.8;max-width:470px;margin:0}.hero-actions{display:flex;align-items:center;gap:20px;margin-top:30px}.button{border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 17px;font:600 12px var(--sans);transition:transform .2s,background .2s,border-color .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--lime);color:#141a12}.button-primary:hover{background:#d3ff87}.button-primary span{font-size:18px;line-height:12px}.hero-note{color:#929c96;font-size:11px}.mini-check{width:14px;height:14px;background:#242d25;color:var(--lime);text-align:center;line-height:14px;font-size:9px;margin-right:6px}.hero-art{height:390px;position:relative;display:grid;place-items:center;overflow:hidden}.hero-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(191,230,148,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(191,230,148,.035) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse,black 15%,transparent 74%)}.orbit{position:absolute;border:1px solid rgba(197,241,105,.16);border-radius:50%;transform:rotate(-28deg)}.orbit-a{width:350px;height:190px}.orbit-b{width:295px;height:288px;transform:rotate(43deg);border-color:rgba(192,220,177,.13)}.orb-core{height:146px;width:146px;border-radius:50%;background:radial-gradient(circle at 37% 33%,#273e32 0,#182721 35%,#111b18 70%);border:1px solid rgba(198,241,111,.56);box-shadow:0 0 80px #baf45a1b,inset 0 0 32px #c4f16112;display:grid;place-items:center;position:relative}.orb-core:before,.orb-core:after{content:"";position:absolute;border:1px solid rgba(195,240,109,.23);border-radius:50%;inset:10px}.orb-core:after{inset:20px;border-color:rgba(195,240,109,.09)}.orb-label{font:10px var(--mono);line-height:1.65;letter-spacing:.15em;text-align:center;color:#d3e6c5;z-index:1}.orb-core-dot{position:absolute;right:20px;top:30px;width:6px;height:6px;background:var(--lime);border-radius:50%;box-shadow:0 0 16px var(--lime)}.orbit-node{position:absolute;height:42px;display:flex;align-items:center;gap:9px;padding:0 12px;background:#111918;border:1px solid #33413a;color:#d3dcd1;font:9px var(--mono);letter-spacing:.12em;box-shadow:0 9px 30px #0007}.orbit-node i{font-style:normal;color:var(--lime);font-size:16px}.node-world{top:47px;left:19%}.node-systems{top:44px;right:11%}.node-story{bottom:53px;left:15%}.node-player{bottom:34px;right:14%}.art-caption{position:absolute;top:50%;left:2%;transform:translateY(-50%);font:8px/1.8 var(--mono);letter-spacing:.13em;color:#81918a}.art-caption span{color:#535e5b}.art-coordinate{position:absolute;bottom:12px;right:6px;font:8px var(--mono);letter-spacing:.12em;color:#75817b}.studio-section,.output-section{border-top:1px solid rgba(255,255,255,.09);max-width:1240px;margin:0 auto;padding:66px 40px 78px}.section-heading,.output-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}.section-heading h2,.output-top h2{font:600 38px var(--display);letter-spacing:-.05em;margin:13px 0 0}.step-count{display:flex;align-items:center;gap:8px;color:#6f7977;font:10px var(--mono);padding-bottom:4px}.step-count>span{font-size:14px;color:var(--lime)}.step-track{height:2px;width:66px;background:#252d2c;margin-left:7px}.step-track i{display:block;width:34%;height:100%;background:var(--lime)}.studio-grid{display:grid;grid-template-columns:1fr .95fr;gap:16px}.builder-panel,.systems-panel{background:rgba(17,22,24,.87);border:1px solid var(--line);padding:24px}.panel-heading{display:flex;align-items:center;gap:13px;margin:0 0 24px}.panel-number{color:var(--lime);font:10px var(--mono);align-self:flex-start;padding-top:4px}.panel-heading h3{font:600 16px var(--display);margin:0 0 4px}.panel-heading p{font-size:11px;color:#7f8a85;margin:0}.field-label{font:9px var(--mono);letter-spacing:.12em;color:#89958d;display:block;margin:19px 0 8px}.builder-panel input[type=text],.builder-panel input:not([type]),.builder-panel textarea,.builder-panel select{background:#0d1112;border:1px solid #2b3534;color:#e4e9e1;padding:12px;width:100%;outline:none;font-size:12px;transition:border .2s}.builder-panel input:focus,.builder-panel textarea:focus,.builder-panel select:focus{border-color:#849e62}.builder-panel textarea{resize:vertical;line-height:1.6;min-height:86px}.builder-panel select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#98a39a 50%),linear-gradient(135deg,#98a39a 50%,transparent 50%);background-position:calc(100% - 14px) 50%,calc(100% - 10px) 50%;background-size:4px 4px;background-repeat:no-repeat;padding-right:25px}.field-row{display:grid;grid-template-columns:1.3fr 1fr;gap:12px}.scope-select{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.scope-select button{position:relative;text-align:left;background:#0d1112;border:1px solid #28312f;padding:11px 9px;cursor:pointer;color:#bac2b8;transition:.2s}.scope-select button:hover{border-color:#758b5b}.scope-select button.selected{border-color:var(--lime);background:#c4f1690b}.scope-name{display:block;font:9px var(--mono);letter-spacing:.1em;color:#e1e8dd}.scope-desc{display:block;font-size:9px;color:#78837d;margin-top:5px}.scope-tag{position:absolute;right:7px;top:-7px;background:var(--lime);color:#172017;padding:2px 4px;font:7px var(--mono);letter-spacing:.07em}.guardrail-note{display:flex;gap:10px;margin-top:18px;padding:12px;background:#18201a;border-left:2px solid #84aa54}.guardrail-note>span{font-size:14px;color:var(--lime)}.guardrail-note p{margin:0;color:#a6afa5;font-size:10px;line-height:1.65}.guardrail-note strong{color:#dbe5d6}.generate-button{width:100%;margin-top:18px;padding:15px 16px}.systems-summary{display:flex;justify-content:space-between;border-top:1px solid #283130;border-bottom:1px solid #283130;padding:10px 1px;margin-bottom:5px;color:#78847f;font:8px var(--mono);letter-spacing:.12em}.systems-summary span:last-child{color:var(--lime)}.system-list{display:flex;flex-direction:column}.system-card{display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.055);padding:11px 4px;cursor:pointer;transition:.15s}.system-card:hover{background:#ffffff05}.system-card input{position:absolute;opacity:0;width:1px;height:1px}.system-icon{width:28px;height:28px;background:#1a2220;display:grid;place-items:center;color:var(--lime);font-size:15px}.system-copy{flex:1}.system-copy strong{display:block;font-size:11px;font-weight:500;color:#d9e0d8}.system-copy small{display:block;font-size:9px;color:#74807a;margin-top:3px}.system-check{width:15px;height:15px;border:1px solid #48514e;border-radius:50%;font-size:9px;display:grid;place-items:center;color:transparent}.system-card.checked .system-check{background:var(--lime);border-color:var(--lime);color:#192019}.system-card:not(.checked) .system-icon{color:#65706a;background:#171c1b}.system-card:not(.checked) .system-copy strong{color:#929a93}.add-system{background:transparent;border:0;color:#95ac76;font:10px var(--mono);cursor:pointer;padding:14px 4px 2px}.add-system:hover{color:var(--lime)}.output-section{padding-top:4px}.output-top{margin-bottom:22px}.output-top h2{font-size:30px}.button-outline{background:transparent;color:#dbe4d8;border:1px solid #3c4841;font-size:10px}.button-outline:hover{border-color:var(--lime);color:var(--lime)}.output-grid{display:grid;grid-template-columns:1.1fr .9fr .95fr;gap:10px}.output-card{background:var(--panel);border:1px solid var(--line);min-height:198px;padding:20px}.output-kicker{color:#829087;font:8px var(--mono);letter-spacing:.15em}.vision-card p{font:500 16px/1.55 var(--display);color:#dbe6d9;max-width:360px;margin:20px 0}.vision-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px}.vision-tags span{font:8px var(--mono);color:#a9b99b;padding:5px 7px;border:1px solid #303b34}.output-system-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:19px}.output-system-list span{font-size:9px;padding:7px 8px;background:#19211d;border:1px solid #2c3930;color:#c5d2c0}.output-system-list>span:first-child:only-child{background:transparent;border:0;color:#808c85;padding:0}.slice-card h3{font:500 15px/1.4 var(--display);margin:18px 0 9px;color:#dfe7dc}.slice-card p{font-size:10px;line-height:1.7;color:#8f9a92;margin:0}.slice-status{font:8px var(--mono);letter-spacing:.1em;color:#9dbf79;margin-top:17px;display:flex;align-items:center;gap:7px}.status-pulse{width:6px;height:6px}.reality-note{display:flex;gap:12px;align-items:flex-start;margin-top:13px;padding:15px 17px;background:#131719;border:1px solid #242c2c}.reality-note>span{color:var(--lime);font-size:16px}.reality-note p{margin:0;color:#8f9a92;font-size:10px;line-height:1.7}.reality-note strong{color:#c9d2c6}footer{border-top:1px solid rgba(255,255,255,.09);max-width:1240px;margin:auto;padding:23px 40px 28px;display:flex;align-items:center;justify-content:space-between;color:#6d7873;font:8px var(--mono);letter-spacing:.1em}.footer-brand{font-size:11px;color:#bbc5bb}.footer-brand .brand-mark{width:20px;height:20px}.toast{position:fixed;right:24px;bottom:23px;padding:13px 16px;background:#d0fa83;color:#172018;font:11px var(--mono);box-shadow:0 12px 40px #0008;transform:translateY(120px);opacity:0;transition:.25s;z-index:10}.toast.visible{transform:translateY(0);opacity:1}.custom-system-dialog{position:fixed;inset:0;background:#0009;display:grid;place-items:center;z-index:8;padding:20px}.dialog-card{width:min(420px,100%);background:#111719;border:1px solid #48534b;padding:23px;box-shadow:0 24px 90px #0009}.dialog-card h3{font:600 18px var(--display);margin:0 0 7px}.dialog-card p{font-size:11px;color:#89958c;margin:0 0 17px}.dialog-card input{width:100%;background:#0b0f10;color:#eef2e9;border:1px solid #394440;padding:12px;outline:none}.dialog-card input:focus{border-color:var(--lime)}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:17px}.dialog-actions button{padding:10px 12px;border:1px solid #3c4740;background:none;color:#bfc9bf;cursor:pointer;font-size:10px}.dialog-actions button:last-child{background:var(--lime);color:#182017;border-color:var(--lime)}
@media(max-width:850px){.topbar{padding:0 22px}.topbar-center{display:none}.hero{padding:35px 24px 40px;grid-template-columns:1fr;min-height:unset}.hero-copy{padding:26px 0 5px}.hero-art{height:310px;margin-top:8px}.art-caption{left:4%}.studio-section,.output-section{padding-left:24px;padding-right:24px}.studio-grid{grid-template-columns:1fr}.output-grid{grid-template-columns:1fr 1fr}.slice-card{grid-column:1/-1}.systems-panel{padding-bottom:18px}footer{padding-left:24px;padding-right:24px}}
@media(max-width:540px){.topbar{height:65px;padding:0 17px}.brand{font-size:13px}.save-button{font-size:9px;padding:8px}.hero{padding:28px 18px 35px}.hero h1{font-size:56px}.hero-copy>p{font-size:13px}.hero-art{height:270px;transform:scale(.96);margin:0 -12px}.node-world{left:9%}.node-systems{right:5%}.node-story{left:7%}.node-player{right:4%}.studio-section,.output-section{padding:49px 17px 55px}.section-heading{align-items:start}.section-heading h2{font-size:30px}.step-count{padding-top:6px;font-size:8px}.builder-panel,.systems-panel{padding:17px 14px}.field-row{grid-template-columns:1fr}.scope-desc{font-size:8px}.scope-select button{padding:10px 7px}.output-top{align-items:start;gap:12px;flex-direction:column}.output-top h2{font-size:25px}.output-grid{grid-template-columns:1fr}.slice-card{grid-column:auto}.output-card{min-height:unset}.vision-card{min-height:185px}.reality-note{padding:13px}.reality-note p{font-size:9px}footer{padding:19px 17px;gap:12px;flex-wrap:wrap}footer>span{order:3;width:100%;font-size:7px}.toast{left:17px;right:17px;bottom:17px;text-align:center}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
.builder-panel input[type=number]{background:#0d1112;border:1px solid #2b3534;color:#e4e9e1;padding:12px;width:100%;outline:none;font-size:12px;transition:border .2s}
.export-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:540px){.export-actions{width:100%;justify-content:flex-start}.export-actions .button{flex:1;white-space:nowrap}}