.immersive-btn{position:fixed;top:1.2rem;left:1.2rem;z-index:50;width:2.2rem;height:2.2rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:#ffffff80;font-size:1rem;cursor:pointer;transition:all .3s;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;line-height:1}.immersive-btn:hover{background:#ffffff26;border-color:#ffffff80;color:#fff}.hud{position:fixed;top:4.2rem;left:1.2rem;z-index:40;pointer-events:none;padding:.4rem .8rem;background:#04040c59;border:1px solid rgba(255,255,255,.08);border-radius:8px;backdrop-filter:blur(12px);color:#ffffffbf;font-size:.55rem;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap}body.immersive .overlay,body.immersive .info,body.immersive .dock,body.immersive .input-bar,body.immersive .controls,body.immersive .music-panel,body.immersive #webcamPreview,body.immersive #handCanvas,body.immersive .gesture-status,body.immersive .settings-panel,body.immersive .settings-toggle,body.immersive .coach-mark,body.immersive .hud{display:none!important}body.immersive .immersive-btn{opacity:0;transition:opacity .3s}body.immersive .immersive-btn:hover{opacity:1}.dock,.info,.overlay,.immersive-btn,.settings-toggle,.hud{transition:opacity .8s ease}body.ui-idle .dock,body.ui-hidden .dock,body.ui-idle .info,body.ui-hidden .info,body.ui-idle .overlay,body.ui-hidden .overlay,body.ui-idle .immersive-btn,body.ui-hidden .immersive-btn,body.ui-idle .settings-toggle,body.ui-hidden .settings-toggle,body.ui-idle .hud,body.ui-hidden .hud{opacity:0;pointer-events:none}*{margin:0;padding:0;box-sizing:border-box}body{background:#000;overflow:hidden;font-family:Helvetica Neue,sans-serif;color:#fff}canvas#c{position:fixed;top:0;left:0;z-index:1;touch-action:none;animation:canvasEnter 1.4s ease-out}@keyframes canvasEnter{0%{opacity:0}to{opacity:1}}body.blackout canvas#c{animation:none;opacity:0!important;transition:none!important}body.blackout .overlay,body.blackout .info,body.blackout .dock,body.blackout .music-panel,body.blackout #webcamPreview,body.blackout #handCanvas,body.blackout .gesture-status,body.blackout .settings-panel,body.blackout .settings-toggle,body.blackout .immersive-btn,body.blackout .coach-mark,body.blackout .hud{opacity:0!important;transition:none!important;pointer-events:none!important}.coach-mark{position:fixed;bottom:33vh;left:50%;transform:translate(-50%);z-index:40;pointer-events:none;padding:.55rem 1.1rem;background:#04040c59;border:1px solid rgba(255,255,255,.08);border-radius:999px;backdrop-filter:blur(12px);color:#ffffffd9;font-size:.65rem;letter-spacing:.12em;text-align:center;max-width:90vw;opacity:0;transition:opacity .6s ease}.coach-mark.show{opacity:1}.overlay{position:fixed;top:2rem;left:2rem;right:2rem;display:flex;flex-direction:column;align-items:center;z-index:10;pointer-events:none}.title{font-size:clamp(1.4rem,4vw,3rem);font-weight:100;letter-spacing:.4em;text-transform:uppercase;opacity:0;animation:fadeIn 4s ease forwards .5s;mix-blend-mode:difference;text-align:center}.subtitle{font-size:clamp(.5rem,1.2vw,.75rem);letter-spacing:.6em;text-transform:uppercase;opacity:0;animation:fadeIn 3s ease forwards 2.5s;margin-top:.5rem;mix-blend-mode:difference}.dock{position:fixed;bottom:1.2rem;left:50%;transform:translate(-50%);z-index:25;display:flex;flex-direction:column;align-items:center;gap:.7rem;max-width:min(94vw,1400px);padding:.7rem 1rem .8rem;background:#04040c59;border:1px solid rgba(255,255,255,.08);border-radius:12px;backdrop-filter:blur(12px)}.controls{display:flex;gap:.9rem;flex-wrap:wrap;justify-content:center}.btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#fff;padding:.5rem 1.5rem;font-size:.65rem;letter-spacing:.3em;text-transform:uppercase;cursor:pointer;transition:all .4s;backdrop-filter:blur(8px);font-family:inherit}.btn:hover{background:#ffffff1f;border-color:#fff6}.btn.active{background:#ffffff26;border-color:#fff}.info{position:fixed;top:5.5rem;right:2rem;z-index:20;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;opacity:.35;text-align:right;line-height:2}.input-bar{display:flex;gap:.8rem;align-items:center}.input-toggle{background:#ffffff08;border:1px solid rgba(255,255,255,.1);color:#fff6;padding:.35rem 1rem;font-size:.55rem;letter-spacing:.25em;text-transform:uppercase;cursor:pointer;transition:all .4s;backdrop-filter:blur(8px);font-family:inherit;border-radius:2px}.input-toggle:hover{color:#ffffffb3;border-color:#ffffff4d}.input-toggle.on{color:#fff;border-color:#fff9;background:#ffffff1a}.input-toggle.on:before{content:"●";color:#5f5;font-size:.5rem}#webcamPreview{position:fixed;bottom:5rem;right:1.5rem;z-index:30;width:160px;height:120px;border:1px solid rgba(255,255,255,.15);border-radius:4px;object-fit:cover;display:none;transform:scaleX(-1);opacity:.5;transition:opacity .3s}#webcamPreview:hover{opacity:.9}#handCanvas{position:fixed;bottom:5rem;right:1.5rem;z-index:31;width:160px;height:120px;display:none;transform:scaleX(-1);pointer-events:none}.gesture-status{position:fixed;bottom:5rem;right:1.5rem;z-index:32;font-size:.5rem;letter-spacing:.2em;text-transform:uppercase;opacity:0;transition:opacity .5s;color:#fff9;display:none;text-align:center;width:160px}.gesture-status.show{opacity:1}.music-panel{position:fixed;bottom:5rem;left:1.5rem;z-index:30;display:none;flex-direction:column;gap:.5rem;align-items:flex-start}.music-panel.show{display:flex}.music-label{font-size:.5rem;letter-spacing:.2em;text-transform:uppercase;opacity:.5}.music-file-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:#fff9;padding:.35rem .8rem;font-size:.5rem;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;font-family:inherit;transition:all .3s;border-radius:2px}.music-file-btn:hover{background:#ffffff1a;color:#fff}#musicFileInput{display:none}.music-viz{width:140px;height:30px;opacity:.6}.music-name{font-size:.45rem;letter-spacing:.15em;opacity:.4;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-src-toggle{display:flex;gap:.4rem}.music-src-btn{background:none;border:1px solid rgba(255,255,255,.15);color:#fff6;padding:.2rem .5rem;font-size:.45rem;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;font-family:inherit;transition:all .3s;border-radius:2px}.music-src-btn.active{color:#fff;border-color:#ffffff80}@keyframes fadeIn{to{opacity:1}}@media(max-width:1100px){.info{display:none}.dock{bottom:.8rem;gap:.5rem;padding:.55rem .7rem .65rem}.controls{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;width:80vw;max-width:360px}.btn{padding:.4rem 0;font-size:.5rem;letter-spacing:.12em;text-align:center}.input-bar{gap:.5rem}.input-toggle{padding:.28rem .6rem;font-size:.45rem;letter-spacing:.12em}#webcamPreview,#handCanvas{top:3.6rem;right:.8rem;bottom:auto;width:120px;height:90px}.gesture-status{top:calc(3.6rem + 94px);right:.8rem;bottom:auto;width:120px}}@media(max-width:500px){.title{font-size:1.4rem}.subtitle{font-size:.45rem;letter-spacing:.4em}.info{display:none}}