*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;touch-action:manipulation}#root{min-height:100vh;min-height:-webkit-fill-available}@media (max-width: 767px){input,textarea,select{font-size:16px}button{min-height:44px;min-width:44px;padding:12px 16px}h1{font-size:2rem!important}h2{font-size:1.5rem!important}h3{font-size:1.25rem!important}.container-mobile{padding:16px;margin:0 auto;max-width:100%}.stack-mobile{flex-direction:column!important}.full-width-mobile{width:100%!important;max-width:100%!important}.spacing-mobile{gap:16px!important;margin:16px 0!important}.hide-mobile{display:none!important}.show-mobile{display:block!important}}@media (min-width: 768px) and (max-width: 1023px){.container-tablet{padding:24px;margin:0 auto;max-width:768px}.hide-tablet{display:none!important}.show-tablet{display:block!important}}@media (min-width: 1024px){.container-desktop{padding:32px;margin:0 auto;max-width:1200px}.hide-desktop{display:none!important}.show-desktop{display:block!important}}.video-container-mobile{width:100%!important;height:40vh!important;max-height:300px!important}@media (max-width: 767px){.video-grid-mobile{display:flex!important;flex-direction:column!important;gap:16px!important}.video-grid-mobile .video-feed{width:100%!important;height:40vh!important}}.button-group-mobile{display:flex;flex-direction:column;gap:12px;width:100%}.button-group-mobile button{width:100%}.input-mobile{width:100%;padding:16px;font-size:16px;border-radius:8px}.modal-mobile{position:fixed;inset:0;background:#000000e6;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.modal-content-mobile{background:#1f2937;border-radius:12px;padding:24px;width:100%;max-width:400px;max-height:90vh;overflow-y:auto}.leaderboard-mobile{font-size:14px}.leaderboard-item-mobile{padding:12px!important;margin-bottom:8px!important}.game-screen-mobile{padding:16px!important}.game-timer-mobile{font-size:2rem!important;margin:16px 0!important}.welcome-screen-mobile{padding:20px!important;margin:16px!important}.camera-permission-mobile{text-align:center;padding:32px 20px}.camera-permission-mobile button{margin:16px 0;width:100%}.loading-mobile{padding:40px 20px;text-align:center}.touch-target{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.smooth-scroll{-webkit-overflow-scrolling:touch}.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-left{padding-left:env(safe-area-inset-left)}.safe-area-right{padding-right:env(safe-area-inset-right)}.performance-mobile{transform:translateZ(0);backface-visibility:hidden;perspective:1000}.mediapipe-canvas-mobile{max-width:100%;height:auto}.connection-status-mobile{position:fixed;top:10px;right:10px;z-index:100;padding:8px 12px;border-radius:20px;font-size:12px}.text-mobile-sm{font-size:14px}.text-mobile-base{font-size:16px}.text-mobile-lg{font-size:18px}.text-mobile-xl{font-size:20px}.margin-mobile-sm{margin:8px}.margin-mobile-base{margin:16px}.margin-mobile-lg{margin:24px}.padding-mobile-sm{padding:8px}.padding-mobile-base{padding:16px}.padding-mobile-lg{padding:24px}