:root{font-family:Inter,"Segoe UI",system-ui,sans-serif;color:#eaf2f8;background:#07111b;font-synthesis:none;--a:#f39d3a;--muted:#6f8598;--line:#243443;--bg:#0a1724}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;width:100%;background:#07111b}body{overflow:hidden}button,input{font:inherit}button{color:inherit;cursor:pointer;border:0}button:focus-visible,input:focus-visible{outline:2px solid var(--a);outline-offset:3px}a{color:#ffb76f}small{font-size:10px}.topbar{height:79px;display:flex;align-items:center;justify-content:space-between;padding:0 27px;border-bottom:1px solid #253748;background:#091520;gap:15px}.brand{display:flex;align-items:center;gap:13px}.brand .symbol{display:grid;place-items:center;font-weight:900;letter-spacing:-3px;font-size:22px;border:2px solid #f3a34e;width:45px;height:45px;color:white}.brand .accent{color:var(--a)}.brand>div:last-child{display:flex;flex-direction:column;gap:3px}.brand b{font-size:18px;letter-spacing:3px;font-weight:900}.brand small{letter-spacing:1.3px;color:#8394a4;font-size:9px}.project-status{display:flex;align-items:center;gap:10px;letter-spacing:1.5px;font-size:11px;color:#b5c7d3}.pulse,.tiny-led{display:inline-block;background:#44dcbf;border-radius:100%;width:7px;height:7px;box-shadow:0 0 12px #4ae6ca;flex-shrink:0}.revision{margin-left:14px;border-left:1px solid #3b4b59;padding-left:20px;color:#6b8297}.top-actions{display:flex;gap:10px}.top-actions button{background:#152637;padding:12px 17px;font-size:10px;font-weight:800;letter-spacing:1.3px;border:1px solid #354656}.top-actions button:hover{border-color:var(--a)}.top-actions .ghost-orange{background:var(--a);color:#1e1b16;border-color:#f6af66}.shell{display:grid;grid-template-columns:310px minmax(340px,1fr) 282px;height:calc(100vh - 79px);min-height:470px}.sidebar{overflow-y:auto;scrollbar-color:#29465a #081420;scrollbar-width:thin;padding:25px 23px 16px;background:#091623;z-index:2}.sidebar.left{border-right:1px solid #1c3446}.sidebar.right{background:#0b1826;border-left:1px solid #20384a;padding:27px 21px}.overline{color:var(--a);letter-spacing:2px;font-size:9px;font-weight:800}.sidebar h1{margin:18px 0 17px;font-family:Impact,"Arial Narrow",sans-serif;letter-spacing:.2px;font-stretch:condensed;font-size:43px;line-height:.99;font-weight:900}.sidebar h1 em{font-style:normal;color:#f7a64c}.lead{font-size:11px;line-height:1.9;color:#8da1b2;max-width:280px;margin-bottom:24px}.side-section{border-top:1px solid #23384a;padding:18px 0 19px}.section-title{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;color:#e6eff5;letter-spacing:1.1px;margin-bottom:19px}.live{font-size:9px;color:#59d7b8;background:#133b3a;border:1px solid #1c6258;padding:4px 7px;letter-spacing:1px}.tiny-note{font-size:8px;color:#607589;letter-spacing:1px}.run-control{display:flex;gap:8px;margin-bottom:21px}.run-control .run{flex:1;background:#eda14f;color:#132330;padding:13px 8px;font-size:10px;font-weight:900;letter-spacing:1.3px}.run-control .run.paused{background:#41cda9}.reset{width:42px;background:#1b2d3e;border:1px solid #344b5d;font-size:19px;color:#aabac6}.slider-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;gap:8px}.slider-row span{font-size:9px;letter-spacing:1.05px;color:#a2b2c0;font-weight:700}.slider-row output{font-size:10px;color:#f4ae5d;white-space:nowrap;font-weight:800}input[type=range]{appearance:none;width:100%;height:3px;border-radius:3px;display:block;background:linear-gradient(to right,#ee9c3f 0%,#ee9c3f var(--fill,33%),#314254 var(--fill,33%),#314254 100%);margin:12px 0 22px;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;background:#ffe4be;border:3px solid #ef9944;width:13px;height:13px;border-radius:50%;box-shadow:0 0 7px #d67b2180}input[type=range]::-moz-range-thumb{background:#ffe4be;border:3px solid #ef9944;width:10px;height:10px;border-radius:50%}.switch{display:flex;align-items:center;justify-content:space-between;margin:15px 0;cursor:pointer;gap:8px}.switch>span{font-size:11px;color:#9baebb}.switch input{display:none}.switch b{position:relative;background:#283b4c;width:33px;height:18px;border-radius:20px;transition:background .2s}.switch b:after{content:"";position:absolute;left:3px;top:3px;background:#8195a7;width:12px;height:12px;border-radius:50%;transition:transform .2s}.switch input:checked+b{background:#9e6832}.switch input:checked+b:after{background:#ffba67;transform:translateX(15px)}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px}.dot.cyan{background:#43c9de}.dot.orange{background:#f39843}.dot.steel{background:#8aa6b6}.focus-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.focus-grid button{font-size:9px;letter-spacing:.5px;font-weight:800;padding:11px 7px;background:#102435;border:1px solid #2d4559;color:#a1b7c9;text-align:left}.focus-grid button:hover,.focus-grid button.selected{background:#51371e;border-color:#dc9851;color:#ffce95}.sidebar-bottom{border-top:1px solid #23384a;padding-top:13px;margin-top:7px;color:#52677b;font-size:8px;line-height:1.8;letter-spacing:.8px}.sidebar-bottom span{color:#f0a34a}.viewport-section{position:relative;overflow:hidden;min-height:300px;background:radial-gradient(ellipse at 50% 46%,#17354b 0%,#091a28 52%,#07111b 95%)}canvas#world{display:block;position:absolute;inset:0;width:100%;height:100%;touch-action:none;outline:0;cursor:grab}canvas#world:active{cursor:grabbing}.viewport-section:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 98%,#44637a22 99%),linear-gradient(90deg,transparent 98%,#44637a20 99%);background-size:42px 42px;pointer-events:none;z-index:1;opacity:.27}.viewport-top{position:absolute;top:23px;left:25px;display:flex;gap:9px;pointer-events:none}.pill{font-size:9px;font-weight:750;color:#b8d0df;letter-spacing:1px;border:1px solid #2e4a61;background:#0d2131c9;padding:10px 12px;display:flex;align-items:center;gap:8px}.pill.faint{color:#728c9f}.viewport-left{position:absolute;left:19px;top:50%;transform:translateY(-50%);pointer-events:none}.vert-label{writing-mode:vertical-rl;transform:rotate(180deg);font-size:8px;color:#507189;letter-spacing:3px}.hero-number{pointer-events:none;position:absolute;left:30px;bottom:120px;display:flex;flex-direction:column;opacity:.7}.hero-number>span{color:#4d7a95;font-weight:900;letter-spacing:5px;font-size:12px}.hero-number b{font-family:Impact,"Arial Narrow",sans-serif;color:#d6e8f4;font-size:69px;letter-spacing:1px;line-height:1}.hero-number b span{color:#f4a64d}.hero-number small{font-size:8px;letter-spacing:2px;color:#8cb0c7;margin-top:8px}.render-stats{position:absolute;right:23px;top:27px;display:flex;flex-direction:column;gap:13px;text-align:right;pointer-events:none}.tally small{display:block;font-size:8px;letter-spacing:1px;color:#537c98;margin-bottom:3px}.tally b{font-family:ui-monospace,Consolas,monospace;font-size:21px;font-weight:550;color:#a6d8ea}.orientation{position:absolute;right:27px;bottom:114px;display:flex;flex-direction:column;align-items:center;gap:7px;pointer-events:none}.orientation span{color:#51768e;font-size:8px;letter-spacing:1px}.compass{font-size:9px;color:#e4a963;border:1px solid #456078;border-radius:50%;width:50px;height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center}.compass span{font-size:20px;color:#598ba7}.viewer-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:20px;padding:16px 23px;background:#091723df;border-top:1px solid #274358;color:#9db3c2;font-size:9px;font-weight:700;letter-spacing:.6px}.viewer-bottom span strong{font-size:13px;color:#e6a75e;padding-right:3px}.viewer-bottom i{font-style:normal;color:#566e80;margin-left:5px}.viewer-bottom button{margin-left:auto;padding:8px 10px;color:#d7b98e;border:1px solid #506071;background:#132536;font-size:9px;white-space:nowrap}.instrument{padding:17px 16px 15px;border:1px solid #39475a;background:linear-gradient(140deg,#14283b,#0c1927);margin-top:17px}.instrument small,.metric-pair small{display:block;font-size:9px;letter-spacing:1.1px;color:#728a9d}.instrument strong{font-family:ui-monospace,Consolas,monospace;font-weight:550;font-size:39px;display:block;margin-top:7px;color:#ffbb6a}.instrument strong span{font-size:17px;color:#97714d}.instrument .track-bar{height:4px;background:#314052;margin-top:12px;overflow:hidden}.track-bar>div{height:100%;width:50%;background:#f5ac54;box-shadow:0 0 12px #f8a54b}.instrument p{font-size:8px;letter-spacing:.4px;color:#7890a3;margin:10px 0 0}.instrument.blue strong{color:#6dc9e9}.instrument.blue strong span{color:#72a7bb}.instrument.blue .track-bar>div{background:#61cbe7;box-shadow:0 0 8px #61cbe7}.metric-pair{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:14px}.metric-pair>div{border:1px solid #284052;padding:13px 10px;background:#0d2030}.metric-pair small{font-size:8px}.metric-pair b{display:block;color:#e9f0f5;font-size:22px;font-family:ui-monospace,Consolas,monospace;font-weight:550;margin-top:9px}.metric-pair b span{color:#718da0;font-size:12px}.section-spaced{margin-top:27px;margin-bottom:16px;padding-top:18px;border-top:1px solid #284053}.performance>div{display:flex;justify-content:space-between;gap:7px;border-bottom:1px solid #24394c;padding:12px 0}.performance span{font-size:9px;color:#6c879d;letter-spacing:.6px}.performance b{font-size:11px;font-family:ui-monospace,Consolas,monospace;font-weight:550;color:#e3f1f6;white-space:nowrap}.dimension{margin:16px 0}.dimension>span{display:flex;justify-content:space-between;font-size:13px;color:#c3d0db;gap:7px}.dimension small{font-size:8px;color:#688499;white-space:nowrap}.line{margin-top:8px;height:5px;border-top:1px solid #527388;position:relative}.line:before,.line:after{content:"";width:5px;height:10px;border-left:1px solid #527388;position:absolute;top:-5px}.line:before{left:0}.line:after{right:0}.line.second{width:66%}.line.third{width:81%}.note-card{padding:14px;background:#0e2733;border-left:2px solid #a77746;margin-top:28px}.note-card b{font-size:9px;letter-spacing:1px;color:#efaf61}.note-card p{color:#7998a8;font-size:10px;line-height:1.75;margin-bottom:0}.modal{position:fixed;inset:0;background:#030911ce;z-index:20;display:flex;align-items:center;justify-content:center;padding:15px}.hidden{display:none!important}.dialog{position:relative;width:min(520px,95vw);padding:32px;background:#0e2130;border:1px solid #4a6680;box-shadow:0 40px 100px #0008}.dialog h2{font-size:24px;letter-spacing:1px}.dialog p,.dialog li{font-size:13px;line-height:1.7;color:#acbfca}.dialog ul{padding-left:22px}.dialog li{margin:6px 0}.dialog b{color:#e8f4fa}.close{position:absolute;top:15px;right:15px;background:#1d3446;border:1px solid #40586a;padding:7px}.fatal{position:fixed;left:25%;top:20%;right:25%;z-index:11;padding:30px;background:#402023;color:#ffbfab;border:1px solid #a24337;white-space:pre-wrap;font-size:13px;line-height:1.8}@media(max-width:1250px){.shell{grid-template-columns:264px minmax(270px,1fr) 244px}.sidebar{padding-left:15px;padding-right:15px}.sidebar h1{font-size:37px}.viewer-bottom{gap:9px;font-size:8px;padding:13px}.render-stats{top:65px}.pill.faint{display:none}.topbar{padding:0 15px}}@media(max-width:960px){body{overflow:auto}.shell{height:auto;grid-template-columns:260px minmax(350px,1fr)}.viewport-section{min-height:620px}.sidebar.right{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.sidebar.right>.section-title{grid-column:1/-1}.sidebar.right>.metric-pair{align-self:start}.sidebar.right>.note-card{align-self:start}.sidebar.left{max-height:720px}.topbar{height:69px}.shell{min-height:calc(100vh - 69px)}}@media(max-width:680px){.shell{grid-template-columns:1fr}.topbar{padding:0 12px}.brand b{font-size:14px}.brand small{font-size:7px}.project-status{display:none}.top-actions button{padding:9px}.sidebar.left{grid-row:2;max-height:none}.viewport-section{min-height:490px;grid-row:1}.sidebar.right{grid-column:1;grid-row:3;display:block}.hero-number{left:25px;bottom:95px}.hero-number b{font-size:48px}.render-stats{right:12px;top:85px}.render-stats .tally b{font-size:15px}.viewer-bottom{gap:11px;overflow:auto;white-space:nowrap}.viewer-bottom i{display:none}.viewport-top{left:12px;top:11px}}