*{box-sizing:border-box;margin:0;padding:0}html,body{background:#000;width:100%;height:100%;font-family:Helvetica Neue,Arial,sans-serif;overflow:hidden}#app{width:100%;height:100%}canvas{display:block}#overlay{z-index:10;pointer-events:none;position:fixed;top:0;left:0}#status{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;border-radius:8px;padding:8px 16px;font-size:14px;transition:opacity .5s;position:fixed;top:16px;left:50%;transform:translate(-50%)}#status.hidden{opacity:0}#webcam{object-fit:cover;border:2px solid #ffffff4d;border-radius:8px;width:160px;height:120px;position:fixed;bottom:16px;right:16px;transform:scaleX(-1)}#debug{color:#0f0;white-space:pre;background:#00000080;border-radius:4px;padding:8px;font-family:monospace;font-size:12px;position:fixed;bottom:16px;left:16px}#settings{color:#fff;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;border-radius:8px;flex-direction:column;gap:8px;padding:12px;font-family:sans-serif;font-size:13px;display:flex;position:fixed;top:60px;right:16px}#settings label{align-items:center;gap:8px;display:flex}#settings input[type=range]{width:100px}#settings span{min-width:30px}#settings button{color:#fff;cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:4px;padding:4px 12px;font-size:13px}#nav-action{color:#fff;pointer-events:none;opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border-radius:12px;padding:12px 28px;font-family:sans-serif;font-size:28px;font-weight:700;transition:opacity .2s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#nav-action.active{opacity:1}#help-panel{color:#fff;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;border-radius:8px;max-width:350px;padding:16px;font-family:sans-serif;font-size:13px;position:fixed;bottom:60px;right:16px}#help-panel h3{margin:0 0 8px;font-size:15px}#help-panel table{border-collapse:collapse;width:100%}#help-panel td{border-bottom:1px solid #ffffff1a;padding:4px 8px}#help-panel td:first-child{white-space:nowrap}#help-panel p{color:#aaa;margin:8px 0 0;font-size:11px}