:root{--bg:#080f15;--panel:#101b23;--line:#293b45;--amber:#ffbb56;--white:#e7f0f4;--muted:#8aa0ad}
*{box-sizing:border-box}html,body,#app{height:100%;margin:0;overflow:hidden;background:var(--bg);color:var(--white);font-family:'DM Sans',Arial,sans-serif;font-size:12px}button,select,input{font-family:inherit}#stage{position:absolute;inset:0;cursor:grab}#stage:active{cursor:grabbing}#stage canvas{display:block;outline:none}.topbar{position:absolute;top:0;left:0;right:0;height:91px;background:linear-gradient(90deg,rgba(8,18,25,.95),rgba(9,20,29,.82));border-bottom:1px solid #29404b;display:flex;justify-content:space-between;align-items:center;padding:0 32px;pointer-events:none;z-index:3}.identity{display:flex;gap:16px;align-items:center}.mark,.loadsymbol{font-family:'Barlow Condensed',sans-serif;font-size:49px;line-height:1;font-weight:800;color:#e2edf0}.mark span,.loadsymbol span{color:var(--amber)}.eyebrow{letter-spacing:2.1px;color:#9cb5bf;font-size:10px;font-weight:600}h1{font-family:'Barlow Condensed',sans-serif;font-size:29px;letter-spacing:.6px;margin:4px 0 0;font-weight:700;line-height:1}h1 em{color:var(--amber);font-style:normal}.status{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:1.1px;color:#a9bec5}.pulse{height:7px;width:7px;background:#5fe2b5;box-shadow:0 0 10px #5fe2b5;border-radius:50%}.seed{color:#ffc576;padding:9px 13px;border:1px solid #365563;border-radius:4px;margin-left:16px}.sidebar{z-index:4;position:absolute;right:20px;top:108px;bottom:20px;width:328px;background:rgba(13,26,35,.96);border:1px solid #36505c;border-radius:8px;box-shadow:0 15px 55px #0008;overflow:auto;scrollbar-width:thin;scrollbar-color:#405763 transparent}.sidetitle{display:flex;justify-content:space-between;padding:17px 19px 15px;border-bottom:1px solid #293f48;font-weight:700;letter-spacing:1.3px;color:#ecf5f7}.pill{border-radius:3px;padding:3px 6px;background:#27434b;color:#bbe0d4;font-size:9px}.section{padding:17px 19px;border-bottom:1px solid #293d48}.kicker{letter-spacing:1.8px;color:var(--amber);font-size:10px;font-weight:700;margin-bottom:13px}.buttonrow{display:flex;gap:9px;margin:10px 0}.buttonrow button{flex:1}button{background:#19303a;border:1px solid #35515c;color:#d2e3e7;font-size:11px;border-radius:4px;padding:11px 9px;cursor:pointer;transition:.13s}button:hover{border-color:var(--amber);color:#fff;background:#26404d}button.primary{background:var(--amber);color:#13202a;border-color:var(--amber);font-weight:700}button.toggled{background:#73522a;border-color:#ffc374;color:white}.wide{width:100%}.subtle{background:transparent}.inline{display:flex;justify-content:space-between;color:#a9c0cb;padding:7px 0;font-size:11px}.inline strong{color:#fff}input[type=range]{width:100%;accent-color:var(--amber);height:8px;margin:11px 0 15px}.micro{color:#849aa5;font-size:10px;line-height:1.65}.presetgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.presetgrid button{text-align:left;padding:10px 9px;background:#172933}.presetgrid button.selected{border-color:#ffbb56;color:#ffca77}select{width:100%;color:#e9f4f9;background:#172c37;padding:12px 10px;border-radius:4px;border:1px solid #3d5963;outline:none}.partinfo{margin-top:12px;padding:13px;background:#0b1b24;border-left:2px solid #ffbb56;min-height:105px}.partinfo span{color:#ffc780;font-size:11px;font-weight:700;overflow-wrap:anywhere}.partinfo p{color:#a9bbc2;font-size:11px;line-height:1.6;margin:8px 0 0}.foot{border:0}.stats{display:flex;justify-content:space-between;gap:8px;margin-bottom:12px}.stats div{display:flex;flex-direction:column;gap:5px}.stats strong{font-family:'Barlow Condensed',sans-serif;color:#f2f8fa;font-size:28px}.stats span{font-size:9px;letter-spacing:1.1px;color:#8facb6}.viewportLabel{position:absolute;bottom:27px;left:32px;letter-spacing:1.4px;font-size:10px;color:#a5bdc4;pointer-events:none}.crosshair{color:#fabb59;font-size:24px;vertical-align:middle;margin-right:8px}.compass{position:absolute;top:111px;left:34px;display:flex;gap:20px;font-weight:700;letter-spacing:1px;font-size:11px;color:#afc6cf}.compass span+span{color:#f4bb64}#loading{z-index:10;position:absolute;inset:0;background:#08121b;display:flex;align-items:center;justify-content:center;transition:opacity .6s}#loading.hidden{opacity:0;pointer-events:none}.loadinner{text-align:center;width:360px}.loadsymbol{font-size:95px}.loadingtitle{font-family:'Barlow Condensed',sans-serif;letter-spacing:3px;font-size:24px;margin-top:17px}.loadbar{height:3px;background:#26414e;margin:24px 0 14px;border-radius:4px;overflow:hidden}.loadbar span{display:block;width:0;height:100%;background:#ffc36e;transition:width .15s}.loadinner small{color:#88acb9;letter-spacing:1.2px}#toast{z-index:11;position:absolute;bottom:67px;left:32px;background:#f7bf69;color:#08141b;border-radius:3px;padding:9px 14px;font-weight:700;opacity:0;transition:opacity .2s;pointer-events:none}#toast.visible{opacity:1}@media(max-width:800px){.sidebar{right:8px;top:auto;left:8px;bottom:8px;width:auto;height:40vh;max-height:480px}.topbar{padding:0 14px;height:72px}.seed,.status{display:none}.identity h1{font-size:23px}.eyebrow{font-size:8px}.mark{font-size:36px}.viewportLabel{bottom:43vh;left:15px}.compass{top:84px;left:16px}}