:root{--bg:#ECECEC;--panelDark:#141414;--panelBody:#4A4A4A;--panelBorder:#CFCFCF;--textLight:#F2F2F2;--textDark:#111111;--accent:#E10600}*{box-sizing:border-box}html,body{height:100%;margin:0}body{overflow:hidden;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--textDark)}body.booting{background:#000;color:#fff}canvas{position:fixed;inset:0;opacity:0;transition:opacity 1.2s ease}body.systemOn canvas{opacity:1}.scanlines{pointer-events:none;position:fixed;inset:0;background:repeating-linear-gradient(to bottom,rgba(0,0,0,.05) 0,rgba(0,0,0,.05) 1px,transparent 2px,transparent 4px);opacity:.25}.stageHidden{opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .55s ease,transform .55s ease}.stageOn{opacity:1;transform:none;pointer-events:auto}.panel{border:1px solid var(--panelBorder);background:#4a4a4ae6;color:var(--textLight);z-index:10}.panelHeader{background:var(--panelDark);padding:10px 12px;font-size:clamp(11px,1.2vw,12px);letter-spacing:.1em;font-weight:700;text-transform:uppercase;display:flex;justify-content:space-between}.panelBody{padding:10px 12px;font-size:clamp(10px,1.1vw,11px);letter-spacing:.08em;text-transform:uppercase}#sysbar{position:absolute;top:24px;left:24px;width:min(460px,calc(100vw - 48px));min-height:138px}.telemetryLine{display:flex;justify-content:space-between;opacity:.85}.telemetryLine span:last-child{font-weight:700}#work{position:absolute;left:50%;top:36%;transform:translate(-50%,-50%);width:min(720px,calc(100vw - 48px));min-height:140px}.progressWrap{height:14px;background:#222;border:1px solid #999;margin-top:10px;position:relative}.progressFill{height:100%;width:0%;background:linear-gradient(to right,var(--accent),rgba(225,6,0,.5))}.progressLabel{position:absolute;left:8px;top:50%;transform:translateY(-50%);font-size:10px;font-weight:700}#menu,#menuPrep{position:absolute;right:24px;top:24px;width:min(340px,calc(100vw - 48px));min-height:250px}#menu{opacity:0;transform:translateY(-6px);transition:opacity .6s ease,transform .6s ease}#menu.visible{opacity:1;transform:none}.menuBtn{display:flex;justify-content:space-between;align-items:center;height:40px;padding:0 12px;margin-top:8px;border:1px solid #999;background:#14141499;color:#fff;cursor:pointer;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.menuBtn:hover{border-color:var(--accent)}.menuHint{opacity:.6;font-size:10px}#legal{position:fixed;bottom:8px;left:50%;transform:translate(-50%);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#00000073;z-index:5;-webkit-user-select:none;user-select:none;min-height:14px}#legal a{color:inherit;text-decoration:none}#legal a:hover{color:var(--accent)}#legal span{margin:0 6px}#bootOverlay{position:fixed;inset:0;z-index:9999;opacity:1;transition:opacity .8s ease}#bootOverlay.hide{opacity:0;pointer-events:none}#bootCenter{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:18px}#brandLogo{width:min(560px,74vw);height:auto;opacity:0;transform:translateY(6px);transition:opacity 1.6s ease,transform 1.6s ease;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}#brandLogo.on{opacity:1;transform:translateY(0)}#bootPanel{width:min(520px,calc(100vw - 32px));border:1px solid rgba(255,255,255,.25);background:#141414c7;color:#ffffffe6;opacity:0;transform:translateY(6px);transition:opacity .75s ease,transform .75s ease}#bootPanel.on{opacity:1;transform:translateY(0)}.bootHeader{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.14);display:flex;justify-content:space-between;font-size:12px;letter-spacing:.1em;font-weight:800;text-transform:uppercase}.bootBody{padding:10px 12px;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.bootBar{height:12px;margin-top:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.18);position:relative;overflow:hidden}.bootFill{height:100%;width:0%;background:linear-gradient(to right,#ffffffe6,#ffffff59)}.bootPct{position:absolute;left:8px;top:50%;transform:translateY(-50%);font-size:10px;font-weight:800;color:#ffffffbf}.focusFrame{position:absolute;border:1px solid rgba(225,6,0,.9);outline:1px solid rgba(0,0,0,.2);pointer-events:none}.focusArrow{position:absolute;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:12px solid var(--accent)}.focusInfo{position:absolute;top:0;margin-top:0;background:#141414f2;color:#fff;border:1px solid #999;padding:5px 7px;font-size:10px;letter-spacing:.08em;white-space:nowrap;max-width:80vw;overflow:hidden;text-overflow:ellipsis}@media(max-width:1199px){#work{top:42%}#menu{top:auto;bottom:24px}}@media(max-width:767px){#menu,#menuPrep{left:12px;right:12px;top:12px;width:auto;min-height:250px;max-height:250px}#work{top:52%;width:calc(100vw - 24px);min-height:132px}#sysbar{inset:auto 12px 12px;width:auto;min-height:88px}.menuBtn{height:38px}#legal{bottom:4px;font-size:9px}#brandLogo{width:min(420px,78vw)}#bootPanel{width:calc(100vw - 28px)}}