:root{--bg:#07121a;--panel:#0b1922;--panel2:#10212c;--stroke:#28404a;--stroke2:#20343f;--primary:#67e1d4;--primary2:#37b7b4;--gold:#e7b979;--text:#dbe9e7;--muted:#809ca5;--dim:#587780;--radius:5px;--mono:Consolas,'SFMono-Regular',monospace;--sans:Inter,'Segoe UI',Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--sans)}button,input,select{font:inherit}button{cursor:pointer;border:0;transition:background .16s,color .16s,border-color .16s}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--primary);outline-offset:3px}button:disabled{opacity:.5;cursor:not-allowed}.application{display:flex;flex-direction:column;height:100vh;min-height:540px;overflow:hidden;background:var(--bg)}.topbar{height:65px;flex-shrink:0;background:#081720;border-bottom:1px solid #2a434c;display:flex;align-items:center;justify-content:space-between;padding:0 20px;gap:25px}.brand{display:flex;align-items:center;gap:12px;min-width:320px}.brandmark{height:38px;width:38px;filter:drop-shadow(0 0 10px #4bd8cb30)}.brandname{font-size:17px;font-weight:800;letter-spacing:2px;white-space:nowrap;color:#e4fbf7}.brandname span{color:var(--primary);font-weight:600}.brandsub{font-size:8px;letter-spacing:1.65px;color:#90acb1;margin-top:4px}.top-meta{display:flex;align-items:center;gap:15px;color:#9ab9bd;white-space:nowrap}.top-label{font-size:10px;letter-spacing:1px;font-weight:650}.top-separator{height:12px;border-left:1px solid var(--stroke)}.live-dot,.small-live-dot,.mini-indicator{width:7px;height:7px;background:#75e6b4;display:inline-block;border-radius:100%;box-shadow:0 0 0 3px #75e6b419,0 0 12px #75e6b455}.top-actions{display:flex;align-items:center;gap:8px}.iconbtn{width:31px;height:31px;background:#122530;border:1px solid #294750;color:#94afb5;border-radius:4px;font-size:18px}.iconbtn:hover,.iconbtn.selected{background:#16403e;color:#90f1e3;border-color:#418a83}.topclock{font-family:var(--mono);font-size:12px;color:var(--primary);letter-spacing:1px;border-left:1px solid var(--stroke);padding-left:17px;margin-left:6px}.shell{display:grid;grid-template-columns:298px minmax(0,1fr) 322px;flex:1;min-height:0}.sidebar,.rightpanel{background:#0c1b24;min-height:0;overflow:hidden}.sidebar{border-right:1px solid #314750;display:flex;flex-direction:column}.sidebar-top{padding:22px 20px 19px;border-bottom:1px solid var(--stroke2);background:linear-gradient(140deg,#102b31,#0c1b24 80%)}.sectionoverline{font:600 9px var(--mono);color:var(--primary);letter-spacing:1.3px}.sidebar-top h1{font-size:22px;font-weight:640;margin:10px 0 5px;letter-spacing:-.55px}.sidebar-top p{font-size:11.5px;line-height:1.6;margin:0;color:#90a9af}.sidebar-scroll,.right-scroll{overflow-y:auto;min-height:0;height:100%;scrollbar-width:thin;scrollbar-color:#2f535b transparent}.sidebar-scroll{padding:17px 19px 25px}.aside-title{display:flex;align-items:center;justify-content:space-between;font:700 9px var(--mono);letter-spacing:1px;color:#adbdc2;margin-bottom:13px}.aside-title>span:last-child:not(:first-child){color:#63858d;font-weight:500;font-size:9px}.aside-title .small-gold{color:var(--gold)!important}.preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.preset-grid .preset{font:700 10px var(--mono);border:1px solid #34505b;color:#9ab6b9;background:#142833;height:31px;text-align:center;letter-spacing:.4px;border-radius:3px}.preset-grid .preset:first-child{grid-column:1/-1}.preset-grid .preset:hover{border-color:#65b8b0;color:#d7ffff}.preset-grid .preset.active{background:#133e3e;border-color:#56bfb7;color:#8effef}.section-sep{border-top:1px solid #24404a;margin:19px 0 19px}.control{margin:0 0 15px}.control-header{display:flex;justify-content:space-between;align-items:baseline;gap:5px}.control-header label{font-size:11px;color:#c1d4d6}.control-header output{font:700 11px var(--mono);color:#73e4d4}input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:4px;background:linear-gradient(90deg,#60d1c7 0%,#2a6266 100%);border-radius:3px;margin:11px 0 4px;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:13px;height:13px;border:3px solid #e4fcf2;background:#61d4c6;border-radius:100%;box-shadow:0 0 0 3px #62d8c433}input[type=range]::-moz-range-thumb{width:9px;height:9px;border:3px solid #e4fcf2;background:#61d4c6;border-radius:100%}.range-tags{display:flex;justify-content:space-between;font:8px var(--mono);color:#67858d;letter-spacing:.2px}.advanced{border:1px solid #304c56;background:#0f222b;padding:10px 10px 0;border-radius:3px}.advanced summary{list-style:none;display:flex;justify-content:space-between;align-items:center;font:650 9px var(--mono);letter-spacing:.15px;color:#91b7bb;cursor:pointer;padding:0 0 11px}.advanced summary::-webkit-details-marker{display:none}.advanced[open] summary{border-bottom:1px solid #294752;margin-bottom:14px}.advanced .control{margin-bottom:12px}.run-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}.primarybtn,.outlinebtn{font:700 10px var(--mono);height:37px;border-radius:3px;letter-spacing:.7px}.primarybtn{background:#52c9bb;color:#062323}.primarybtn:hover{background:#8dfbe5}.outlinebtn{background:#11262d;border:1px solid #3a6670;color:#c1dedf}.outlinebtn:hover{border-color:#81e6dc;background:#173c43}.speed-row{display:flex;justify-content:space-between;align-items:center;margin:16px 0 5px;gap:6px}.speed-row>span{font:9px var(--mono);color:#93afb5}.speed-row>div{display:flex;gap:3px}.speed{min-width:34px;height:28px;background:#152b36;color:#8aa8b0;border:1px solid #29414c;font:10px var(--mono)}.speed.active{background:#2a5b59;border-color:#62cbc1;color:#c2fcf3}.sidebar-footer{font:9px/1.8 var(--mono);letter-spacing:.1px;color:#87bdad;padding:17px 0 0;border-top:1px solid #25414b;margin-top:21px}.mini-indicator{width:5px;height:5px;margin-right:7px}.footnote{color:#64808b;font-size:8px}.viewport{position:relative;min-width:0;overflow:hidden;background:#0e2733;user-select:none}.viewport:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#03131b88 0%,transparent 22%,transparent 60%,#03131b88 100%);z-index:1}.viewport canvas#world{position:absolute;width:100%;height:100%;display:block;outline:none;cursor:grab}.viewport canvas#world:active{cursor:grabbing}.corner-frame{position:absolute;width:14px;height:14px;z-index:4;pointer-events:none}.corner-frame.tl{top:14px;left:14px;border-top:1px solid #77d9cc;border-left:1px solid #77d9cc}.corner-frame.tr{top:14px;right:14px;border-top:1px solid #77d9cc;border-right:1px solid #77d9cc}.corner-frame.bl{bottom:14px;left:14px;border-bottom:1px solid #77d9cc;border-left:1px solid #77d9cc}.corner-frame.br{bottom:14px;right:14px;border-bottom:1px solid #77d9cc;border-right:1px solid #77d9cc}.world-title{position:absolute;top:30px;left:32px;z-index:3;pointer-events:none}.eyebrow{font:700 9px var(--mono);letter-spacing:1.3px;color:#91e7d9;display:flex;align-items:center;gap:8px}.small-live-dot{width:6px;height:6px}.divider-slash{color:#6f8e93}.world-name{color:#e1edef;max-width:490px;margin-top:10px;font-size:15px;letter-spacing:1.4px;font-weight:760;text-shadow:0 2px 6px #07131d}.world-name span{color:#7fe5d7}.world-badge{position:absolute;z-index:2;right:22px;top:29px;font:9px var(--mono);letter-spacing:.5px;color:#b0c7cb;background:#0c2634bb;border:1px solid #517980;padding:7px 8px}.world-badge span{background:#6be1d0;color:#09272b;font-weight:800;padding:3px 5px;margin-right:5px}.world-label{position:absolute;z-index:3;pointer-events:none;border-left:1px solid #6be8da;background:linear-gradient(90deg,#0a2334bb,#0b263500);padding:7px 8px;font:650 8px var(--mono);letter-spacing:.8px;color:#b9e2e1;text-shadow:0 1px 3px #000;min-width:105px}.world-label b{display:block;margin-top:3px;color:#79f7e2;font-size:9px}.world-label:before{content:'';position:absolute;left:-3px;top:0;width:5px;height:5px;border-radius:50%;background:#69e2d5;box-shadow:0 0 12px #6de4d0}.world-tips{position:absolute;bottom:19px;left:27px;z-index:3;font:8px var(--mono);letter-spacing:.6px;color:#b7d4d6;text-shadow:0 1px 3px #000}.world-tips span{color:#66d4c5;margin:0 4px}.view-selector{position:absolute;z-index:3;bottom:46px;left:25px;display:flex;align-items:center;gap:6px;background:#0d2733ee;padding:8px;border:1px solid #426673;backdrop-filter:blur(10px)}.view-selector>span{font:700 9px var(--mono);letter-spacing:.3px;margin-right:7px;color:#9fbcc1}.view-selector select{max-width:218px;min-width:155px;height:30px;background:#183745;color:#c8eee9;border:1px solid #39747b;border-radius:2px;padding:0 6px;font:10px var(--mono)}.view-selector button{height:30px;background:#214a4d;color:#b9f4e9;border:1px solid #478b83;padding:0 10px;font:10px var(--mono)}.render-meter{position:absolute;bottom:20px;right:23px;z-index:3;text-align:right;font:8px var(--mono);letter-spacing:.4px;color:#a5c5c6;text-shadow:0 1px 3px #000}.meter-segments{display:flex;justify-content:flex-end;gap:3px;margin-top:6px}.meter-segments i{display:block;width:16px;height:3px;background:#68cebf;opacity:.76}.meter-segments i:last-child{opacity:.3}.loading{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background:#0c1e27;z-index:9}.loading[hidden]{display:none}.loading-center{text-align:center}.loading-mark{font-size:70px;color:#6bf3de;line-height:1;filter:drop-shadow(0 0 25px #4affdc55)}.loading-center h2{font-size:25px;letter-spacing:4px;margin:10px 0}.loading-center p{font:10px var(--mono);color:#88b3b7;letter-spacing:1px}.loading-progress{height:3px;background:#294e58;width:250px;margin:25px auto}.loading-progress span{display:block;width:70%;height:100%;background:#68d8ca;animation:loader 1.2s infinite ease-in-out}@keyframes loader{0%{width:2%}70%{width:91%}100%{width:100%}}.error-banner{position:absolute;z-index:10;left:10%;right:10%;top:30%;padding:24px;background:#481d26;color:#fff;border:1px solid #e2788e;font:13px/1.5 var(--mono)}.rightpanel{border-left:1px solid #314750;background:#0c1b24}.right-scroll{padding:18px 18px 22px}.status-pill{color:#7de3b5!important;background:#17372f;padding:5px 7px;border:1px solid #336a5b;border-radius:2px}.metric-hero{background:linear-gradient(130deg,#142f36,#11242e 85%);border:1px solid #315e64;padding:14px 13px;margin-bottom:11px;position:relative}.metric-hero:after{content:'◈';position:absolute;right:13px;top:11px;font-size:28px;color:#2d6766}.metric-label{font:700 10px var(--mono);color:#d4e7e7;letter-spacing:.6px}.metric-label span{font-size:8px;display:block;color:#6c9da1;margin-top:4px}.big-metric{display:flex;align-items:baseline;gap:8px;margin:10px 0 2px;color:#83efd9}.big-metric>span{font:500 45px/1 var(--mono);letter-spacing:-2px}.big-metric small{font:11px var(--mono);color:#a2d4d3}.metric-foot{border-top:1px solid #2d515b;margin-top:11px;padding-top:10px;display:flex;justify-content:space-between;align-items:center;font:9px var(--mono);color:#acc1be}.arrow-positive{color:#70e9cd;font-size:17px}.telemetry-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:23px}.telemetric{border:1px solid #29454e;background:#122631;padding:10px 10px 9px}.telemetric>span{font:8px var(--mono);color:#8dabb3;letter-spacing:.3px}.telemetric>div:nth-child(2){margin-top:9px;display:flex;align-items:baseline;gap:5px}.telemetric strong{font:500 25px var(--mono);color:#d1ece8;letter-spacing:-1px}.telemetric small{font:9px var(--mono);color:#7ba6aa}.telebar{height:2px;background:#294952;margin-top:10px;overflow:hidden}.telebar i{display:block;background:#55d7c9;height:100%;width:0%;transition:width .4s}.telebar.amber i{background:#e0b77c}.diagram-heading{margin-bottom:7px}.diagram-heading .aside-title{margin-bottom:7px}.diagram-caption{font:8px var(--mono);letter-spacing:.4px;color:#6f9aa0}.schematic{background:#0b1b26;border:1px solid #2b4853;margin-bottom:23px;padding:8px 5px 1px}.schematic svg{width:100%;display:block}.schema-path{stroke:#2d787a;fill:none;stroke-width:2;stroke-dasharray:3 3}.schema-path.animated-flow{stroke:#73ebd4;stroke-width:1.4;stroke-dasharray:4 10;animation:dash 1.4s linear infinite}@keyframes dash{to{stroke-dashoffset:-28}}.schema-node{cursor:pointer}.schema-node rect{fill:#17323b;stroke:#3f6d71;stroke-width:1.1;transition:fill .2s,stroke .2s}.schema-node:hover rect,.schema-node.highlight rect{fill:#1e5553;stroke:#81eddb}.schema-node text{font:700 9px var(--mono);letter-spacing:.15px;fill:#cee8e6}.schema-node .node-desc{font:8px var(--mono);fill:#74b0b4}.mass-label{font:700 9px var(--mono);fill:#e3be86;letter-spacing:.1px}.chart-key{display:flex;gap:15px;margin-bottom:8px;color:#8eaeb2;font:9px var(--mono)}.key-dot{height:6px;width:6px;display:inline-block;background:#57d5c5;border-radius:50%;margin-right:4px}.key-dot.gold{background:#e9b674}.rightpanel canvas#chart{width:100%;height:111px;display:block;background:#0a1a24;border-bottom:1px solid #2c4751;margin-bottom:15px}.balance{border-top:1px solid #2b454e}.balance>div{display:flex;justify-content:space-between;gap:8px;padding:9px 1px;border-bottom:1px solid #233c45;font:9px var(--mono);letter-spacing:.08px;color:#88a6ae}.balance b{font-weight:650;color:#bde3df;text-align:right}.balance>div:first-child b{color:#66dab4}.report-actions{display:grid;gap:8px;margin-top:17px}.report-btn{height:31px;border:1px solid #36545c;background:#152a34;color:#adced0;font:700 9px var(--mono);letter-spacing:.2px}.report-btn:hover{background:#1a4048;border-color:#64c6b6;color:#e4fbf6}.statusbar{height:27px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:0 15px;border-top:1px solid #31505b;background:#06131b;gap:20px;color:#698a92;font:8px var(--mono);letter-spacing:.2px;white-space:nowrap}.status-icon{color:#72dbcc;margin-right:6px}.foot-separator{padding:0 6px;color:#375960}.strong{color:#c0e7e5}dialog{border:1px solid #44847b;background:#0b202a;color:#cde3e1;box-shadow:0 30px 100px #000d;max-width:525px;width:calc(100% - 25px);padding:22px}dialog::backdrop{background:#001015cc;backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #35606a;padding-bottom:15px;font:700 13px var(--mono);color:#86e8d8}.dialog-head button{background:transparent;color:#a0c6c5;font-size:17px}.dialog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.dialog-grid>div{border:1px solid #305762;padding:10px;color:#7de7d6;font:23px var(--mono)}.dialog-grid small{font:8px var(--mono);display:block;color:#90aeb4;margin-top:6px}.dialog-grid+p{font-size:12px;line-height:1.7}.dialog-grid~button{width:100%;margin-top:14px}dialog p{font-size:12px;line-height:1.8;color:#9fbcc1}
@media(max-width:1340px){.shell{grid-template-columns:260px minmax(0,1fr) 295px}.sidebar-top{padding:19px 15px}.sidebar-scroll{padding:15px 14px}.right-scroll{padding:15px 12px}.brand{min-width:260px}.brandname{font-size:15px}.brandsub{letter-spacing:.7px}.world-name{font-size:12px}.top-meta{gap:9px}}@media(max-width:1060px){.shell{grid-template-columns:255px minmax(0,1fr)}.rightpanel{position:absolute;right:0;top:65px;bottom:27px;width:290px;z-index:5;transform:translateX(100%);transition:transform .2s;box-shadow:-10px 0 35px #0008}.rightpanel.open{transform:translateX(0)}.viewport{grid-column:2}.top-meta .hide-small{display:none}.top-meta:after{content:'◈ METRICS →';font:10px var(--mono);color:var(--primary);cursor:pointer}.statusbar>div:last-child{display:none}.world-label{display:none}.rightpanel{pointer-events:auto}}@media(max-width:740px){.application{min-height:480px}.topbar{height:54px;padding:0 9px;gap:6px}.brand{min-width:0;gap:5px}.brandmark{width:29px;height:29px}.brandname{font-size:11px;letter-spacing:.5px}.brandname span{display:block;font-size:9px}.brandsub{display:none}.top-meta{display:none}.topclock{font-size:10px;margin-left:0;padding-left:5px}.top-actions{gap:3px}.iconbtn{width:26px;height:28px}.shell{display:block;position:relative}.sidebar{position:absolute;left:0;top:0;bottom:0;width:240px;z-index:6;transform:translateX(-100%);transition:transform .2s;box-shadow:10px 0 30px #0008}.sidebar.open{transform:translateX(0)}.sidebar:before{content:'◀ CONTROLS';position:fixed;display:none}.viewport{height:100%;width:100%}.rightpanel{top:0;bottom:0}.topbar:after{content:'☰';position:absolute;z-index:10;left:10px;top:57px;padding:8px 11px;color:#9cf2e7;border:1px solid #39736f;background:#0d2a34}.world-title{left:22px;top:53px}.world-name{font-size:11px;max-width:290px}.world-badge{top:15px;right:14px}.world-tips{font-size:7px;left:14px;bottom:12px}.view-selector{left:10px;bottom:37px}.view-selector>span{display:none}.view-selector select{min-width:140px;width:158px}.render-meter{display:none}.statusbar{height:23px}.statusbar>div:nth-child(2){display:none}.statusbar>div:first-child{font-size:7px}}@media(max-height:750px){.sidebar-top{padding-top:14px;padding-bottom:13px}.sidebar-top h1{font-size:19px}.sidebar-top p{font-size:10px}.sidebar-scroll{padding-top:12px}.section-sep{margin:12px 0}.control{margin-bottom:11px}.world-title{top:25px}.right-scroll{padding-top:12px}}
.mobile-toggle{display:none;position:absolute;top:8px;z-index:6;background:#15343d;color:#91f1df;border:1px solid #467f77;padding:7px 9px;font:10px var(--mono)}.controls-toggle{left:10px}.metrics-toggle{right:10px}@media(max-width:1060px){.mobile-toggle.metrics-toggle{display:block}}@media(max-width:740px){.mobile-toggle.controls-toggle{display:block}.mobile-toggle{top:9px}.world-title{top:54px}.topbar:after{display:none}}