:root{color-scheme:dark;--accent: #0a84ff;--green: #30d158;--red: #ff453a;--text: #f2f3f5;--muted: #9aa0ad;--bg: #0a0b0e;--glass: rgba(28, 30, 36, .6);--glass-2: rgba(48, 50, 58, .72);--stroke: rgba(255, 255, 255, .14);--stroke-2: rgba(255, 255, 255, .08);--radius: 16px;--shadow: 0 16px 50px rgba(0, 0, 0, .5), 0 2px 8px rgba(0, 0, 0, .4);--blur: blur(30px) saturate(180%);--safe-b: env(safe-area-inset-bottom, 0px)}@media (prefers-color-scheme: light){:root{color-scheme:light;--text: #14161a;--muted: #5b616e;--bg: #e9ebf0;--glass: rgba(255, 255, 255, .62);--glass-2: rgba(255, 255, 255, .8);--stroke: rgba(0, 0, 0, .12);--stroke-2: rgba(0, 0, 0, .07);--shadow: 0 16px 50px rgba(0, 0, 0, .18), 0 2px 8px rgba(0, 0, 0, .12)}}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font:14px/1.45 -apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,Segoe UI,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased;accent-color:var(--accent)}#stage{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}#screen{width:100%;height:100%;object-fit:contain;background:#000;cursor:none;touch-action:none;-webkit-user-select:none;user-select:none}.hud{position:absolute;top:8px;left:8px;padding:5px 10px;border-radius:10px;background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--stroke);font-variant-numeric:tabular-nums;font-size:12px;pointer-events:none;box-shadow:var(--shadow)}.hud.hidden{display:none}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:60;background:#08090c8c;-webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%)}.overlay.hidden{display:none}.card{display:grid;gap:10px;width:min(380px,92vw);padding:26px;background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--stroke);border-radius:22px;box-shadow:var(--shadow)}.card h1{margin:0;font-size:22px;font-weight:680;letter-spacing:-.2px}.card .sub{margin:-4px 0 8px;color:var(--muted);font-size:13px}.card label{display:grid;gap:5px;font-size:12px;color:var(--muted)}.card input{padding:11px 12px;background:#7f7f7f1f;border:1px solid var(--stroke);border-radius:11px;color:var(--text);font-size:14px}.card input:focus{outline:2px solid var(--accent);outline-offset:-1px}.hint{margin:4px 0 0;font-size:11.5px;color:var(--muted)}.muted{color:var(--muted)}.screen[hidden]{display:none!important}.screen.wide{width:min(720px,94vw)}.card .logo{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:var(--accent);color:#fff;font-weight:700;font-size:20px;margin:0 auto 6px}.card h1,.card .sub{text-align:center}.dash-head{display:flex;align-items:flex-start;justify-content:space-between}.dash-head h1{text-align:left;margin:0}.dash-head .sub{text-align:left;margin:2px 0 0}.host-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:16px}.host-card{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:14px;background:#7f7f7f0f;border:1px solid var(--stroke);cursor:pointer;transition:.15s}.host-card:hover{background:#7f7f7f24;transform:translateY(-1px)}.host-card .top{display:flex;align-items:center;gap:8px}.host-card .name{font-weight:600;font-size:15px}.host-card .meta{font-size:12px;color:var(--muted)}.host-card .cta{margin-top:8px;font-size:13px;color:var(--accent);font-weight:600}.btn{all:unset;text-align:center;padding:11px 14px;border-radius:12px;cursor:pointer;font-weight:600;font-size:14px}.btn.blue{background:var(--accent);color:#fff}.btn.red{background:var(--red);color:#fff}.btn.ghost{background:var(--glass-2);border:1px solid var(--stroke)}.btn.sm{padding:8px 12px;font-size:13px}.pill{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;gap:8px;align-items:center;padding:7px 14px;border-radius:999px;background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--stroke);font-size:12.5px;box-shadow:var(--shadow);transition:opacity .3s;z-index:40}.dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.dot.live,.dot.ok{background:var(--green);box-shadow:0 0 8px var(--green)}.dot.warn{background:#ffd60a}.dot.bad{background:var(--red)}.handle{position:absolute;top:0;left:50%;transform:translate(-50%);width:140px;height:26px;display:grid;place-items:center;cursor:pointer;z-index:45}.handle:after{content:"";width:46px;height:5px;border-radius:3px;background:#b4b8c28c;transition:.2s}.handle:hover:after{background:#dce0eae6}.handle.hidden{pointer-events:none}.dock{position:absolute;top:12px;left:50%;transform:translate(-50%,-160%);opacity:0;width:min(580px,94%);padding:12px;border-radius:var(--radius);background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--stroke);box-shadow:var(--shadow);z-index:46;transition:transform .34s cubic-bezier(.2,.9,.2,1),opacity .25s}.dock.show{transform:translate(-50%);opacity:1}.dock-row{display:flex;gap:10px;align-items:center}.dock-info{display:flex;gap:8px;align-items:center;margin-right:auto;font-size:12.5px;color:var(--muted)}.dock-row.quick{margin-top:12px;padding-top:12px;border-top:1px solid var(--stroke-2)}.q-label{font-size:12px;color:var(--muted)}.dock-row.quick input[type=range]{flex:1}.ic{all:unset;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;cursor:pointer;font-size:17px;background:var(--glass-2);border:1px solid var(--stroke);transition:.15s}.ic:hover{background:#7f7f7f47}.ic:active{transform:scale(.94)}.ic.active{background:var(--accent);color:#fff;border-color:var(--accent)}.ic.danger{color:#ff8a80}.modeseg{display:flex;background:var(--glass-2);border:1px solid var(--stroke);border-radius:11px;overflow:hidden}.modeseg button{all:unset;padding:8px 12px;font-size:12.5px;color:var(--muted);cursor:pointer}.modeseg button.on{background:var(--accent);color:#fff}.drawer{position:absolute;top:0;right:0;bottom:0;width:390px;max-width:90%;background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-left:1px solid var(--stroke);box-shadow:-24px 0 70px #00000080;transform:translate(106%);transition:transform .34s cubic-bezier(.2,.9,.2,1);display:flex;flex-direction:column;z-index:70}.drawer.show{transform:translate(0)}.drawer-head{display:flex;align-items:center;padding:16px 14px 8px}.drawer-head h2{margin:0;flex:1;font-size:18px;font-weight:680}.tabs{display:flex;gap:6px;padding:0 12px 10px;overflow-x:auto}.tabs button{all:unset;padding:8px 12px;border-radius:10px;font-size:12.5px;color:var(--muted);cursor:pointer;white-space:nowrap}.tabs button.on{background:var(--glass-2);color:var(--text);border:1px solid var(--stroke)}.drawer-body{padding:4px 14px calc(20px + var(--safe-b));overflow-y:auto}.pane{display:none}.pane.on{display:block}.grp{font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);margin:18px 4px 8px}.item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:13px;background:#7f7f7f14;border:1px solid var(--stroke-2);margin-bottom:8px;font-size:13.5px}.item .lbl{flex:1}.item .lbl small{display:block;color:var(--muted);font-size:11.5px;margin-top:2px}.item input[type=range]{width:130px}.disabled{opacity:.4;pointer-events:none;filter:grayscale(.5)}select{background:var(--glass-2);color:var(--text);border:1px solid var(--stroke);border-radius:10px;padding:8px 10px;font-size:13px;max-width:60%}input[type=range]{height:4px}.sw{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:44px;height:26px;border-radius:999px;background:#7f7f7f66;position:relative;cursor:pointer;transition:.2s;flex:none}.sw:after{content:"";position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 3px #0006}.sw:checked{background:var(--green)}.sw:checked:after{left:20px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:8px}.tile{all:unset;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;padding:14px 6px;border-radius:14px;background:#7f7f7f14;border:1px solid var(--stroke);cursor:pointer;font-size:12px;text-align:center}.tile:hover{background:#7f7f7f33}.tile:active,.tile.down{transform:scale(.96)}.tile .e{font-size:20px}.tile.bad{color:#ff8a80;border-color:#ff505052}.scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;background:#00000073;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .2s;pointer-events:none}.scrim.show{opacity:1;pointer-events:auto}.modal{width:min(360px,88%);padding:24px;border-radius:22px;text-align:center;background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--stroke);box-shadow:var(--shadow);transform:scale(.96);transition:transform .2s}.scrim.show .modal{transform:scale(1)}.modal-icon{font-size:34px}.modal h3{margin:10px 0 4px;font-size:18px}.modal p{margin:0 0 18px;color:var(--muted);font-size:13px}.modal-btns{display:flex;gap:10px}.modal-btns .btn{flex:1}.toasts{position:fixed;left:50%;bottom:calc(20px + var(--safe-b));transform:translate(-50%);display:flex;flex-direction:column;gap:8px;align-items:center;z-index:90;pointer-events:none}.toast{padding:10px 16px;border-radius:12px;font-size:13px;box-shadow:var(--shadow);background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--stroke);opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s}.toast.in{opacity:1;transform:translateY(0)}.toast.error{border-color:#ff505073}.trackpad{position:absolute;left:10px;right:10px;bottom:calc(12px + var(--safe-b));height:300px;border-radius:22px;background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--stroke);box-shadow:var(--shadow);display:none;flex-direction:column;overflow:hidden;z-index:42;touch-action:none}.trackpad.show{display:flex}.tp-area{flex:1;display:grid;place-items:center;text-align:center;padding:0 24px;color:var(--muted);font-size:13px}.tp-btns{display:flex;gap:2px;height:58px}.tp-btns button{all:unset;flex:1;display:grid;place-items:center;background:#7f7f7f1f;font-size:14px;color:var(--muted)}.tp-btns button.down{background:var(--accent);color:#fff}.gamepad{position:absolute;top:0;right:0;bottom:0;left:0;display:none;z-index:42;touch-action:none}.gamepad.show{display:block}.gamepad .stick{position:absolute;bottom:calc(110px + var(--safe-b));width:120px;height:120px;border-radius:50%;background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--stroke);box-shadow:var(--shadow)}.gamepad .stick.l{left:22px}.gamepad .stick.r{right:22px}.gamepad .stick [data-knob]{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:#c8ccd680;border:1px solid var(--stroke)}.gamepad .face{position:absolute;right:150px;bottom:calc(150px + var(--safe-b));width:132px;height:132px}.gamepad .face button{all:unset;position:absolute;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:700;background:var(--glass-2);border:1px solid var(--stroke);cursor:pointer}.gamepad .face .y{left:44px;top:0;color:#ffd60a}.gamepad .face .x{left:0;top:44px;color:var(--accent)}.gamepad .face .b{right:0;top:44px;color:var(--red)}.gamepad .face .a{left:44px;bottom:0;color:var(--green)}.gamepad .dpad{position:absolute;left:150px;bottom:calc(150px + var(--safe-b));width:132px;height:132px}.gamepad .dpad button{all:unset;position:absolute;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--glass-2);border:1px solid var(--stroke);cursor:pointer;color:var(--muted)}.gamepad .dpad [data-btn=UP]{left:44px;top:0}.gamepad .dpad [data-btn=LEFT]{left:0;top:44px}.gamepad .dpad [data-btn=RIGHT]{right:0;top:44px}.gamepad .dpad [data-btn=DOWN]{left:44px;bottom:0}.gamepad .shoulder{position:absolute;top:calc(20px + var(--safe-b));display:flex;gap:8px}.gamepad .shoulder.l{left:20px}.gamepad .shoulder.r{right:20px}.gamepad .sh{all:unset;padding:10px 16px;border-radius:12px;background:var(--glass-2);border:1px solid var(--stroke);color:var(--muted);cursor:pointer;font-size:13px}.gamepad .center{position:absolute;left:50%;transform:translate(-50%);bottom:calc(30px + var(--safe-b));display:flex;gap:14px}.gamepad .center button{all:unset;width:44px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--glass-2);border:1px solid var(--stroke);color:var(--muted);cursor:pointer}.gamepad button.down{background:var(--accent);color:#fff}.touch-only{display:none!important}@media (pointer: coarse){.touch-only{display:revert!important}.modeseg.touch-only{display:flex!important}.dock{opacity:.96}.ic{width:44px;height:44px}.item{padding:13px 12px}select,.tabs button{font-size:13.5px;padding:10px 12px}}