:root{--bg:#2b2f3a;--ink:#f3efe9;--muted:#a9b0bf;--accent:#7fd1b9;--panel:rgba(24,26,34,.82)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font:14px/1.4 system-ui,sans-serif;overflow:hidden}#stage{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.panel{position:fixed;top:16px;right:16px;width:220px;padding:0 14px 14px;background:var(--panel);border:1px solid rgba(255,255,255,.12);border-radius:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 30px #00000059;-webkit-user-select:none;user-select:none}.panel header{margin:0 -14px 10px;padding:10px 14px;display:flex;justify-content:space-between;align-items:baseline;cursor:grab;border-bottom:1px solid rgba(255,255,255,.1);font-weight:600;touch-action:none}.panel header small{color:var(--muted);font-weight:400;font-size:11px}#gazepad{position:relative;width:100%;aspect-ratio:1;border-radius:10px;background:radial-gradient(circle at 50% 50%,#3a4052,#23262f);border:1px solid rgba(255,255,255,.15);touch-action:none;cursor:crosshair;outline:none}#gazepad:focus-visible{border-color:var(--accent)}.axis{position:absolute;background:#ffffff24}.axis.h{left:0;right:0;top:50%;height:1px}.axis.v{top:0;bottom:0;left:50%;width:1px}#gazeknob{position:absolute;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;left:50%;top:50%;background:var(--accent);box-shadow:0 0 0 3px #7fd1b940;pointer-events:none}.readout{margin:6px 0 10px;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.row{display:block;margin:8px 0;font-size:12px;color:var(--muted)}.row output{float:right;font-variant-numeric:tabular-nums;color:var(--ink)}.row input{width:100%;margin:4px 0 0;accent-color:var(--accent)}button{width:100%;margin:6px 0 10px;padding:8px;border:0;border-radius:8px;background:var(--accent);color:#10211c;font-weight:600;cursor:pointer}button:active{transform:translateY(1px)}.toggles label{display:block;margin:4px 0;cursor:pointer}.toggles input{accent-color:var(--accent)}@media(max-width:560px){.panel{width:190px;top:8px;right:8px}}