*{margin:0;padding:0;box-sizing:border-box}html,body,#root,.app{width:100%;height:100%;height:100dvh;overflow:hidden;background:#030012;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;transition:background .6s ease;-webkit-tap-highlight-color:transparent;touch-action:none}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#030012;transition:opacity .8s ease,visibility .8s ease}.loading-screen.fade-out{opacity:0;visibility:hidden;pointer-events:none}.loading-content{display:flex;flex-direction:column;align-items:center;gap:20px}.loading-planet{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.loading-core{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle,#4fc3f7 0%,#7c4dff 60%,transparent 100%);box-shadow:0 0 30px #4fc3f780,0 0 60px #7c4dff4d;animation:loadingPulse 2s ease-in-out infinite}.loading-ring{position:absolute;width:70px;height:70px;border-radius:50%;border:2px solid transparent;border-top-color:#4fc3f7;border-right-color:#e040fb80;animation:loadingSpin 1.5s linear infinite}@keyframes loadingSpin{to{transform:rotate(360deg)}}@keyframes loadingPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.15);opacity:1}}.loading-title{color:#fff;font-size:28px;font-weight:300;letter-spacing:.3em;text-transform:uppercase;opacity:.9}.loading-subtitle{color:#fff6;font-size:12px;font-weight:400;letter-spacing:.15em;text-transform:uppercase;margin-top:-12px}.loading-bar-container{width:200px;height:2px;background:#ffffff14;border-radius:1px;overflow:hidden;margin-top:8px}.loading-bar{height:100%;background:linear-gradient(90deg,#4fc3f7,#e040fb);border-radius:1px;transition:width .15s ease;box-shadow:0 0 8px #4fc3f780}.loading-status{color:#ffffff4d;font-size:11px;font-weight:400;letter-spacing:.06em;text-transform:uppercase}.app canvas{display:block;width:100%!important;height:100%!important;touch-action:none}[class*=leva-]{--leva-sizes-rootWidth: 340px}div[class*=leva-c-]>div[class*=leva-c-]{z-index:1000!important}div[class*=leva-c-] ::-webkit-scrollbar{width:5px}div[class*=leva-c-] ::-webkit-scrollbar-track{background:transparent}div[class*=leva-c-] ::-webkit-scrollbar-thumb{background:#7c4dff4d;border-radius:4px}div[class*=leva-c-] ::-webkit-scrollbar-thumb:hover{background:#7c4dff99}.webcam-feed{position:absolute;top:0;left:0;width:1px;height:1px;opacity:0;pointer-events:none;z-index:-1}.status{position:fixed;top:20px;left:20px;display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:#ffffff0f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);color:#ffffff80;font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;z-index:100;transition:all .4s ease;max-width:calc(100vw - 40px)}.status.active{color:#ffffffd9;border-color:#4fc3f74d}.dot{width:7px;height:7px;border-radius:50%;background:#555;transition:background .4s ease;flex-shrink:0}.status.active .dot{background:#4fc3f7;box-shadow:0 0 8px #4fc3f7,0 0 20px #4fc3f766;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}}.hand-label{color:#ffffffb3;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 0 8px rgba(255,255,255,.3);margin-top:2px;transition:color .3s ease}.hand-vis[data-detected=true] .hand-label{color:#ffffffeb;text-shadow:0 0 12px rgba(255,255,255,.5),0 0 24px rgba(79,195,247,.2)}.hand-vis--right[data-detected=true] .hand-label{text-shadow:0 0 12px rgba(255,255,255,.5),0 0 24px rgba(234,128,252,.2)}.help-menu{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;align-items:center}.help-btn{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#fff9;font-size:18px;font-weight:600;cursor:pointer;outline:none;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-tap-highlight-color:transparent}.help-btn:hover{background:#ffffff1f;border-color:#7c4dff80;color:#fff}.help-btn:active{transform:scale(.95)}.help-btn.open{background:#7c4dff33;border-color:#7c4dff80;color:#fff}.help-btn-icon{display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.help-btn.open .help-btn-icon{transform:rotate(90deg)}.help-dropdown{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(10px);opacity:0;pointer-events:none;transition:opacity .35s ease,transform .35s cubic-bezier(.34,1.56,.64,1);min-width:280px}.help-dropdown.visible{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.help-dropdown-inner{padding:16px 20px;border-radius:16px;background:#0a051ee0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 40px #00000080,0 0 0 1px #7c4dff1a}.help-title{color:#ffffff73;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.06)}.help-row{display:flex;align-items:center;gap:12px;padding:6px 0;opacity:0;transform:translateY(8px);transition:opacity .35s ease,transform .35s ease}.help-dropdown.visible .help-row{opacity:1;transform:translateY(0)}.help-icon{font-size:18px;width:26px;text-align:center;flex-shrink:0}.help-text{color:#ffffffb3;font-size:13px;font-weight:400;letter-spacing:.01em;white-space:nowrap}.help-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(124,77,255,.3),transparent);margin:6px 0}.hand-vis-container{position:fixed;bottom:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:flex-end;z-index:100;pointer-events:none;transition:right .4s ease}.hand-vis-container.leva-open{right:380px}.hand-vis{display:flex;flex-direction:column;align-items:center;gap:4px;opacity:.6;transition:opacity .3s ease;pointer-events:auto}.hand-vis:hover{opacity:1}.hand-vis[data-detected=true]{opacity:.85}.hand-vis canvas{border-radius:12px;background:#0000004d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.06);transition:border-color .3s ease}.hand-vis--left[data-detected=true] canvas{border-color:#4fc3f74d}.hand-vis--right[data-detected=true] canvas{border-color:#ea80fc4d}.audio-toggle{position:fixed;top:56px;left:20px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#ffffff0f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);color:#ffffff73;cursor:pointer;z-index:100;transition:all .3s ease;outline:none;-webkit-tap-highlight-color:transparent;padding:0}.audio-toggle:hover{background:#ffffff1a;border-color:#4fc3f74d;color:#ffffffd9}.audio-toggle:active{transform:scale(.93)}.audio-toggle.playing{border-color:#4fc3f766;color:#4fc3f7e6;box-shadow:0 0 15px #4fc3f71a}.audio-toggle svg{display:block}@media (max-width: 1024px){[class*=leva-]{--leva-sizes-rootWidth: 280px}.hand-vis-container.leva-open{right:320px}.loading-title{font-size:24px}.loading-bar-container{width:180px}.help-text{font-size:12px}}@media (max-width: 768px){[class*=leva-]{--leva-sizes-rootWidth: 250px}div[class*=leva-c-kWgxhZ]{position:fixed!important;top:10px!important;right:10px!important;left:auto!important;transform:none!important;max-height:50vh;overflow-y:auto;-webkit-overflow-scrolling:touch}div[class*=leva-c-]>div[class*=leva-c-]{position:fixed!important;top:10px!important;right:10px!important;left:auto!important;bottom:auto!important;transform:none!important;max-height:55vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.status{top:env(safe-area-inset-top,12px);left:12px;padding:6px 12px;font-size:10px;gap:6px;max-width:calc(100vw - 24px)}.dot{width:6px;height:6px}.audio-toggle{top:calc(env(safe-area-inset-top,12px) + 38px);left:12px;width:36px;height:36px}.audio-toggle svg{width:16px;height:16px}.hand-vis-container{bottom:calc(env(safe-area-inset-bottom,12px) + 12px);left:10px;right:10px}.hand-vis canvas{border-radius:8px}.hand-label{font-size:8px;letter-spacing:.08em}.help-menu{bottom:calc(env(safe-area-inset-bottom,12px) + 8px)}.help-btn{width:36px;height:36px;font-size:16px}.help-dropdown{min-width:240px}.help-dropdown-inner{padding:12px 16px}.help-text{font-size:11px}.help-icon{font-size:15px;width:22px}}@media (max-width: 480px){[class*=leva-]{--leva-sizes-rootWidth: 220px}div[class*=leva-c-]>div[class*=leva-c-]{position:fixed!important;top:8px!important;right:8px!important;left:auto!important;transform:none!important;max-height:50vh}.loading-planet{width:60px;height:60px}.loading-core{width:22px;height:22px}.loading-ring{width:52px;height:52px}.loading-title{font-size:20px;letter-spacing:.2em}.loading-bar-container{width:160px}.status{top:env(safe-area-inset-top,8px);left:8px;right:auto;max-width:calc(100vw - 60px);padding:5px 10px;font-size:9px;overflow:hidden;text-overflow:ellipsis}.audio-toggle{top:calc(env(safe-area-inset-top,8px) + 34px);left:8px;width:34px;height:34px}.hand-vis-container{bottom:calc(env(safe-area-inset-bottom,8px) + 8px);left:6px;right:6px}.hand-vis canvas{border-radius:6px}.hand-label{font-size:7px}.help-dropdown{min-width:210px}.help-text{font-size:10px}.help-icon{font-size:14px;width:20px}}@media (max-height: 500px) and (orientation: landscape){.hand-vis-container{bottom:8px;left:8px;right:8px}.status{top:8px}.audio-toggle{top:36px}}@media (hover: none) and (pointer: coarse){.audio-toggle{min-height:44px;min-width:44px}.audio-toggle:hover{background:#ffffff0f;border-color:#ffffff14;color:#ffffff73}.audio-toggle.playing:hover{border-color:#4fc3f766;color:#4fc3f7e6}}