:root{--bg:#0b1020;--panel:rgba(18,26,48,.85);--line:#243154;--text:#e6edf7;--muted:#8da2c7;--accent:#4da3ff;--ok:#37d67a;--warn:#ffb84d;--bad:#ff5d6c}*{box-sizing:border-box}body,html{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#app{position:fixed;inset:0}canvas{display:block}.panel{position:fixed;z-index:10;background:var(--panel);border:1px solid var(--line);border-radius:14px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 10px 40px rgba(0,0,0,.4)}#hud{top:18px;left:18px;padding:16px 18px;max-width:300px}#hud h1{margin:0 0 2px;font-size:18px;letter-spacing:.3px}#hud .sub{color:var(--muted);font-size:12px;margin-bottom:14px}.row{display:flex;gap:8px;flex-wrap:wrap}button{cursor:pointer;border:1px solid var(--line);background:#16203c;color:var(--text);padding:9px 13px;border-radius:9px;font-size:13px;font-weight:600;transition:.15s}button:hover{border-color:var(--accent);transform:translateY(-1px)}button.primary{background:linear-gradient(180deg,#4da3ff,#2b7fe0);border-color:#2b7fe0}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.toggle{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:13px;color:var(--muted)}.switch{position:relative;width:44px;height:24px;flex:none;cursor:pointer}.switch input{display:none}.track{inset:0;background:#2a3658;border-radius:999px}.thumb,.track{position:absolute;transition:.2s}.thumb{top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%}.switch input:checked+.track{background:var(--ok)}.switch input:checked+.track .thumb{transform:translateX(20px)}#log{bottom:18px;left:18px;width:300px;max-height:42vh;padding:12px 14px;overflow:hidden}#log h2{margin:0 0 8px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}#logList{display:flex;flex-direction:column;gap:6px;font-size:12.5px}.entry{display:flex;gap:8px;align-items:baseline;opacity:0;transform:translateX(-6px);animation:slide .25s forwards}.entry .dot{width:7px;height:7px;border-radius:50%;flex:none;background:var(--accent);margin-top:4px}.entry.ok .dot{background:var(--ok)}.entry.bad .dot{background:var(--bad)}.entry.warn .dot{background:var(--warn)}.entry .t{color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@keyframes slide{to{opacity:1;transform:none}}#hint{bottom:18px;right:18px;padding:10px 14px;font-size:12px;color:var(--muted)}