html,body{-webkit-user-select:none;user-select:none;touch-action:none;width:100%;height:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}#camerafeed{position:fixed;top:0;left:0}.hidden{opacity:0;pointer-events:none}.app-loading-screen{z-index:900;color:#fff;background:#101118;flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:16px;transition:opacity .4s;display:flex;position:fixed;inset:0}.spinner-lg{border-width:4px;width:36px;height:36px}.tap-hint{z-index:20;color:#fff;white-space:nowrap;background:#0000008c;border-radius:20px;padding:10px 18px;font-size:15px;transition:opacity .3s;position:fixed;top:48px;left:50%;transform:translate(-50%)}.loading-indicator{z-index:20;color:#fff;white-space:nowrap;background:#0000008c;border-radius:20px;align-items:center;gap:10px;padding:12px 20px;font-size:15px;transition:opacity .3s;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.joystick{z-index:20;transition:opacity .3s;position:fixed;bottom:40px;left:28px}.joystick-base{touch-action:none;background:#ffffff2e;border:2px solid #fff6;border-radius:50%;width:110px;height:110px}.joystick-knob{pointer-events:none;will-change:transform;background:#ffffffd9;border-radius:50%;width:48px;height:48px;margin:31px;box-shadow:0 2px 6px #0000004d}.action-buttons{z-index:20;flex-direction:column;gap:14px;transition:opacity .3s;display:flex;position:fixed;bottom:40px;right:28px}.action-button{color:#fff;-webkit-tap-highlight-color:transparent;background:#ffffff2e;border:2px solid #fff6;border-radius:50%;width:76px;height:76px;font-size:14px;font-weight:600}.action-button:active{background:#fff6}