*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--deep-space:#010118;--cyan:#00d4ff;--purple:#7b2fff;--magenta:#ff2d7b;--gold:#ffd54f;--glass-bg:#0808208c;--glass-border:#ffffff0f;--safe-top:env(safe-area-inset-top,0);--safe-bottom:env(safe-area-inset-bottom,0);--ease-out:cubic-bezier(.16,1,.3,1)}html,body{background:var(--deep-space);color:#ffffffb3;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation;width:100%;height:100%;font-family:system-ui,-apple-system,sans-serif;font-weight:250;overflow:hidden}canvas#c{width:100%;height:100%;display:block;position:fixed;inset:0}video#v{opacity:0;pointer-events:none;z-index:-1;width:320px;height:240px;position:fixed;top:0;left:0;transform:scaleX(-1)}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;box-shadow:0 4px 24px #0000004d}@supports ((-webkit-backdrop-filter:blur(12px)) or (backdrop-filter:blur(12px))){.glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}#gesture-hud{z-index:10;opacity:0;transition:opacity .4s var(--ease-out);align-items:center;gap:10px;padding:8px 18px;display:flex;position:fixed;bottom:40px;left:50%;transform:translate(-50%)}#gesture-hud.visible{opacity:1}#gesture-hud .emoji{font-size:20px}#gesture-hud .label{font-size:12px;font-weight:250}#gesture-hud .bar{background:#ffffff1a;border-radius:1px;width:60px;height:1px;overflow:hidden}#gesture-hud .bar-fill{background:linear-gradient(90deg,var(--purple),var(--cyan));height:100%;transition:width .2s}#fps{z-index:10;color:#ffffff26;font-family:monospace;font-size:10px;font-weight:300;position:fixed;bottom:16px;right:20px}#toast{z-index:80;text-align:center;color:var(--cyan);opacity:0;pointer-events:none;transition:opacity .4s var(--ease-out);border-radius:24px;padding:10px 24px;font-size:13px;font-weight:250;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#toast.show{opacity:1}#hints{z-index:10;max-width:260px;padding:14px 18px;font-size:11px;transition:opacity .5s;position:fixed;bottom:100px;left:20px}#hints.hidden{opacity:0;pointer-events:none}#hints h3{color:#fff6;margin-bottom:8px;font-size:11px;font-weight:300}#hints .row{align-items:center;gap:8px;margin-bottom:4px;display:flex}#hints .row .em{text-align:center;width:20px;font-size:14px}#hints .shortcuts{color:#fff3;margin-top:8px;font-size:9px}#camera-prompt{z-index:100;background:#010118e6;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:fixed;inset:0}#camera-prompt.hidden{opacity:0;pointer-events:none}#camera-prompt .card{text-align:center;max-width:340px;padding:36px}#camera-prompt .card .icon{margin-bottom:12px;font-size:44px}#camera-prompt .card h2{color:var(--cyan);margin-bottom:6px;font-size:16px;font-weight:250}#camera-prompt .card p{color:#fff6;margin-bottom:20px;font-size:12px;line-height:1.5}#camera-prompt .card button{border:1px solid var(--cyan);color:var(--cyan);cursor:pointer;background:#00d4ff1a;border-radius:20px;padding:10px 28px;font-family:inherit;font-size:13px;font-weight:300}#camera-prompt .card button:hover{background:#00d4ff33;box-shadow:0 0 20px #00d4ff26}#camera-prompt .card .status{color:#00d4ff66;min-height:14px;margin-top:12px;font-size:10px}#camera-prompt .card .privacy{color:#ffffff26;margin-top:10px;font-size:9px}#audio-btn{z-index:10;cursor:pointer;color:var(--cyan);opacity:.4;font-size:16px;transition:opacity .3s;position:fixed;top:16px;right:20px}#audio-btn:hover{opacity:1}#audio-btn.muted{opacity:.15}#touch-btns{z-index:10;gap:8px;display:none;position:fixed;bottom:20px;right:20px}#touch-btns button{background:var(--glass-bg);border:1px solid var(--glass-border);width:44px;height:44px;color:var(--cyan);cursor:pointer;border-radius:10px;font-size:18px}@media (width<=1024px){#touch-btns{display:flex}}