:root{color-scheme:dark;--accent:#73c9ff;--accent2:#4b708c;--bg:#09101a;--surface:#111c29;--stroke:rgba(150,191,213,.16);--fg:#edf5ff;--muted:#8296a7}*{box-sizing:border-box}body{margin:0;background:#090f17;color:var(--fg);font-family:'DM Sans',Arial,sans-serif;overflow:hidden}button,input{font-family:inherit}button{cursor:pointer}#viewport{position:fixed;top:0;bottom:0;left:280px;right:306px;width:calc(100vw - 586px);height:100vh;outline:0;background:#111f30;touch-action:none}#vignette{position:fixed;pointer-events:none;left:280px;right:306px;top:0;bottom:0;background:radial-gradient(ellipse at 50% 45%,transparent 45%,rgba(3,9,16,.28) 100%)}.sidebar,.inspector{position:fixed;top:0;bottom:0;z-index:4;background:linear-gradient(180deg,#101a27 0%,#0b131f 100%);border-color:var(--stroke)}.sidebar{left:0;width:280px;border-right:1px solid var(--stroke);padding:27px 21px;display:flex;flex-direction:column}.inspector{right:0;width:306px;border-left:1px solid var(--stroke);overflow:auto;padding:26px 20px;scrollbar-width:thin;scrollbar-color:#355064 transparent}.monogram{display:flex;align-items:center;gap:11px}.logo{width:38px;height:38px;border:1px solid color-mix(in srgb,var(--accent),transparent 45%);display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--accent),transparent 90%);color:var(--accent);font-size:24px;font-weight:800}.brand{font-family:'Barlow Condensed',Impact,sans-serif;font-size:27px;font-weight:800;letter-spacing:1px;line-height:1}.brand-sub{font-size:10px;letter-spacing:2px;color:#7b9dad;margin-top:4px}.rule{border:0;border-top:1px solid var(--stroke);margin:25px 0}.eyebrow{font-size:10px;color:var(--accent);letter-spacing:2px;font-weight:700;text-transform:uppercase}.hero-name{font-family:'Barlow Condensed',Impact,sans-serif;font-size:45px;font-weight:800;line-height:.95;letter-spacing:.6px;margin:10px 0 14px}.hero-desc{font-size:12px;color:#a6b9c7;line-height:1.7;margin:0}.small-heading{font-size:10px;letter-spacing:2px;color:#7893a7;font-weight:700;margin-bottom:13px}.run-button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:14px 10px;border:0;border-radius:8px;background:var(--accent);color:#06121a;font-weight:800;letter-spacing:1px;box-shadow:0 4px 18px color-mix(in srgb,var(--accent),transparent 82%);margin-bottom:11px}.run-button:hover{filter:brightness(1.11)}.button-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.small-btn{border:1px solid #334354;background:#162333;color:#b8ccdd;padding:11px 7px;border-radius:7px;font-size:11px}.small-btn:hover{border-color:var(--accent);color:var(--accent)}.status-line{display:flex;align-items:center;gap:8px;color:#a9c0ce;font-size:10px;font-weight:700;letter-spacing:1px;margin-top:18px}.live-dot{height:7px;width:7px;border-radius:50%;background:#71f5a8;box-shadow:0 0 12px #71f5a8}.live-dot.off{background:#e4a062;box-shadow:0 0 10px #e4a062}.sidebar-bottom{margin-top:auto}.system-footer{font-size:10px;color:#5f7c91;line-height:1.8}.mini-hotkey{font-size:11px;color:#a0b6c5;border:1px solid #345063;padding:2px 5px;border-radius:4px}.scene-header{position:fixed;z-index:2;left:308px;top:27px;pointer-events:none}.scene-kicker{font-size:10px;font-weight:700;letter-spacing:3px;color:var(--accent)}.scene-title{font-family:'Barlow Condensed',Impact,sans-serif;font-size:33px;font-weight:800;letter-spacing:.8px;margin-top:4px}.scene-meta{font-size:11px;color:#b1d3e0;opacity:.8;margin-top:3px}.hud-corner{position:fixed;z-index:2;left:304px;bottom:27px;background:#09141ec9;backdrop-filter:blur(12px);border:1px solid #6a94a033;padding:14px 18px;width:min(350px,calc(100vw - 660px));border-radius:9px;pointer-events:none}.hud-label{font-size:9px;color:var(--accent);font-weight:700;letter-spacing:1.7px;margin-bottom:7px}.hud-name{font-size:15px;font-weight:700}.hud-desc{font-size:11px;color:#8daab9;line-height:1.55;margin-top:5px}.screen-status{position:fixed;left:308px;top:110px;z-index:2;border:1px solid #58728a55;background:#09131cb4;padding:8px 11px;font-family:monospace;font-size:10px;color:#a9c2d2;pointer-events:none;border-radius:5px}.fps-text{position:fixed;right:330px;bottom:25px;font:10px monospace;color:#b4d3dfbb;pointer-events:none;z-index:2}.section-title{font-family:'Barlow Condensed',Impact,sans-serif;font-size:21px;font-weight:800;letter-spacing:.6px;margin:0 0 11px}.panel-sub{font-size:10px;color:#7190a3;letter-spacing:1.6px;text-transform:uppercase;font-weight:700;margin:22px 0 13px}.metric{border:1px solid #30455761;background:#1825347a;border-radius:8px;padding:12px 14px;margin-bottom:9px}.metric-name{font-size:10px;letter-spacing:.7px;color:#9db3c2}.metric-value{font:800 27px 'Barlow Condensed',Arial,sans-serif;letter-spacing:1px;margin:3px 0 7px}.metric-value small{font:600 12px 'DM Sans',sans-serif;color:#7c9bb0;margin-left:5px}.metric-track{height:3px;background:#33404f;border-radius:4px;overflow:hidden}.metric-track i{height:100%;display:block;border-radius:4px;transition:width .35s}.control{margin-bottom:19px}.control-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.control-head label{font-size:11px;color:#d6e6f1;font-weight:600}.control-head strong{font-family:monospace;color:var(--accent);font-size:11px}.control input[type=range]{display:block;width:100%;appearance:none;background:#324356;border:0;height:4px;border-radius:20px;accent-color:var(--accent)}.control input[type=range]::-webkit-slider-thumb{appearance:none;width:13px;height:13px;background:var(--accent);border:3px solid #182534;border-radius:100%;box-shadow:0 0 0 1px var(--accent);cursor:pointer}.range-labels{display:flex;justify-content:space-between;color:#536d7f;font-size:9px;margin-top:8px}.action-btn{width:100%;border:1px solid color-mix(in srgb,var(--accent),transparent 55%);background:color-mix(in srgb,var(--accent),transparent 90%);color:var(--accent);border-radius:8px;padding:12px 13px;font-size:11px;font-weight:700;text-align:left;display:flex;align-items:center;gap:10px;margin:7px 0}.action-btn span:first-child{font-size:16px;width:20px}.action-btn.secondary{border-color:#455467;background:#162432;color:#abc5d5}.action-btn:hover{background:color-mix(in srgb,var(--accent),transparent 80%)}.log-entry{font-size:10px;color:#a4b6c3;padding:9px 0;border-bottom:1px solid #30415177;display:flex;gap:10px;line-height:1.5}.log-entry time{color:#5e849b;flex:none}.inspector-note{font-size:10px;color:#58778d;line-height:1.6}.toast{position:fixed;z-index:8;bottom:35px;left:50%;transform:translate(-50%,14px);opacity:0;background:#172b39f2;border:1px solid color-mix(in srgb,var(--accent),transparent 50%);padding:12px 20px;border-radius:8px;color:#fff;font-size:12px;pointer-events:none;transition:all .25s}.toast.visible{opacity:1;transform:translate(-50%,0)}.help-modal{position:fixed;inset:0;z-index:12;background:#030912b9;backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:22px}.help-modal.open{display:flex}.help-box{max-width:520px;background:#101d2c;border:1px solid #43677d;border-radius:16px;padding:28px;box-shadow:0 25px 100px #000b}.help-box h2{font:800 35px 'Barlow Condensed',sans-serif;margin:0 0 10px}.help-box p,.help-box li{font-size:13px;color:#b7c9d7;line-height:1.8}.help-box ul{padding-left:20px}.modal-close{border:0;border-radius:8px;background:var(--accent);color:#061620;padding:10px 18px;font-weight:700}.overview-badge{font:600 10px monospace;letter-spacing:1px;color:var(--accent);border:1px solid #719da455;padding:6px 8px;border-radius:4px;display:inline-block;margin:10px 0}@media(max-width:1100px){.sidebar{width:235px;padding:20px 14px}.inspector{width:270px;padding:20px 14px}#viewport,#vignette{left:235px;right:270px;width:calc(100vw - 505px)}.scene-header{left:255px}.hud-corner{left:249px;width:calc(100vw - 535px)}.screen-status{left:255px}.fps-text{right:288px}.hero-name{font-size:38px}}@media(max-width:760px){body{overflow:auto}.sidebar{width:100%;height:162px;bottom:auto;padding:12px 15px;display:block;z-index:8}.sidebar .rule,.sidebar .hero-desc,.sidebar-bottom,.sidebar .small-heading,.sidebar #status,.sidebar .status-line{display:none}.monogram{float:left}.hero-name{font-size:28px;margin:4px 0}.sidebar section:nth-of-type(2){position:absolute;right:15px;top:48px;width:130px}.run-button{padding:9px;font-size:10px}.button-row{display:none}#viewport{left:0;right:0;top:162px;height:calc(100vh - 162px);width:100vw;position:fixed}#vignette{left:0;right:0;top:162px}.scene-header{left:15px;top:178px}.scene-title{font-size:28px}.scene-meta{font-size:9px}.screen-status{left:15px;top:245px}.inspector{position:relative;margin-top:calc(100vh - 163px);height:auto;width:100%;overflow:visible;padding:20px 19px;z-index:4;background:#101b28}.hud-corner{left:10px;bottom:12px;width:calc(100% - 20px);padding:9px 13px}.fps-text{right:14px;bottom:100px}.toast{bottom:106px;width:max-content;max-width:85vw}.sidebar #heroTitle{max-width:60%}}