body{margin:0;font-family:system-ui,sans-serif;background:#181818;color:#fff;min-height:100vh}.app-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh}h1{margin-bottom:1rem}.handtracking-viewport{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#181818;display:flex;align-items:center;justify-content:center;overflow:hidden}.handtracking-canvas{width:100vw;height:100vh;max-width:100vw;max-height:100vh;aspect-ratio:4 / 3;background:#000;display:block;object-fit:contain;box-shadow:0 0 24px #000a;position:relative;z-index:1}.handtracking-video{display:none}.handtracking-overlay{position:absolute;left:0;right:0;bottom:0;width:100%;display:flex;align-items:flex-end;pointer-events:none;z-index:2;height:60px;background:linear-gradient(to top,rgba(0,0,0,.7) 80%,rgba(0,0,0,0))}.handtracking-overlay-left{color:#fff;font-size:1.5rem;font-weight:500;padding:16px 32px;text-shadow:0 2px 8px #000a;flex:1;display:flex;align-items:flex-end}.handtracking-overlay-right{color:#fff;font-size:1.5rem;font-weight:500;padding:16px 32px;text-shadow:0 2px 8px #000a;display:flex;align-items:flex-end;justify-content:flex-end;flex:1;text-align:right}.handtracking-overlay-center{color:#fff;font-size:1.5rem;font-weight:500;padding:16px 32px;text-shadow:0 2px 8px #000a;display:flex;align-items:flex-end;justify-content:center;flex:1;text-align:center}