:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,.app{width:100%;height:100%;margin:0;overflow:hidden;background:#03070f}#scene{width:100%;height:100%;display:block}.hud{position:fixed;top:1rem;left:1rem;max-width:21rem;padding:.9rem 1rem;border-radius:12px;background:#0a101ca6;border:1px solid rgba(180,205,255,.25);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:3}.hud h1{margin:0 0 .5rem;font-size:1.05rem}.hud-header{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.hud-header-controls{display:flex;align-items:center;gap:.4rem}.fps-badge{font-size:.74rem;line-height:1;color:#dce7ff;padding:.26rem .45rem;border-radius:999px;border:1px solid rgba(180,205,255,.3);background:#19243b80;white-space:nowrap}.hud-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(180,205,255,.3);background:#19243b80;color:#dce7ff;border-radius:999px;font-size:.72rem;line-height:1;padding:.26rem .5rem;cursor:pointer}.hud-toggle:hover{background:#23325099}.hud.collapsed #hud-content{display:none}.hud p,.hud li{margin:0;font-size:.9rem;line-height:1.4;color:#dce7ff}.hud ul{margin:.45rem 0 .65rem 1rem;padding:0}.gesture-stats{margin-top:.65rem;padding-top:.5rem;border-top:1px solid rgba(180,205,255,.2)}.gesture-stats p{display:flex;justify-content:space-between;margin-top:.18rem}.gesture-stats strong{color:#dce7ff;font-weight:600}.pinch-indicator{color:#a8b7d6}.pinch-indicator.active{color:#ffd45f}.webcam-layer{position:fixed;right:1rem;bottom:1rem;width:220px;aspect-ratio:4 / 3;border-radius:10px;overflow:hidden;z-index:2;transform:scaleX(-1);border:1px solid rgba(180,205,255,.32);background:#00000073}#webcam,#hand-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#webcam{display:none}#hand-overlay{pointer-events:none;z-index:3}.no-hand-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scaleX(-1);color:#cdd7eb;font-size:.78rem;letter-spacing:.02em;padding:.3rem .5rem;border-radius:6px;border:1px solid rgba(180,205,255,.26);background:#080c15ad;opacity:0;pointer-events:none;transition:opacity .12s ease;z-index:4}.no-hand-message.visible{opacity:1}@media (max-width: 768px){.hud{top:.65rem;left:.65rem;max-width:15rem;padding:.65rem .75rem}.hud h1{font-size:.95rem;margin-bottom:.35rem}.hud p,.hud li{font-size:.78rem;line-height:1.3}.hud ul{margin:.35rem 0 .5rem .9rem}.gesture-stats{margin-top:.45rem;padding-top:.35rem}.webcam-layer{right:.65rem;bottom:.65rem;width:145px}.no-hand-message{font-size:.68rem;padding:.22rem .4rem}.hud-toggle{font-size:.66rem;padding:.2rem .42rem}}