:root{--blue: #26293a;--light-blue: #2f3349;--black: #242424;--white: #bbbdcc;--whitest: #ffffff;--gray: #bbbbbb;--grayer: #bbbbbbaa;--highlight: #ffb548;--light-highlight: #ffcc7f}@font-face{font-family:Poppins;src:url(./assets/fonts/Poppins-Regular.ttf) format("truetype"),url(./fonts/Poppins-Regular.ttf) format("truetype");font-weight:400;font-style:normal}*{margin:0;padding:0;box-sizing:border-box;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;font-family:Poppins,serif!important}body{margin:0;font-family:Poppins,serif!important;overflow:hidden;background-color:transparent;color:#fff;cursor:grabbing}canvas{display:block}#video-atlas{display:none}#logo{width:120px;height:auto}#play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:none;justify-content:center;align-items:center;cursor:pointer;z-index:100;opacity:1;transition:opacity .3s ease}#play-icon{width:100%;height:100%;filter:drop-shadow(0 0 10px rgba(0,0,0,.5))}#ui-container{position:absolute;top:20px;left:20px;display:flex;flex-direction:row;gap:15px;z-index:10;justify-content:space-between;align-content:center;align-items:center;width:calc(100% - 40px)}.control-group{display:flex;gap:10px;align-items:center;padding:10px;border-radius:8px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:var(--light-blue)}.control-button,#video-select{font-family:Poppins,serif!important;background-color:var(--blue);color:#fff;padding:8px 12px;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .2s;-webkit-appearance:none;-moz-appearance:none;border:none}.example-label{font-size:14px;color:var(--white);margin-left:6px}.mode{width:75px}#play-pause-btn,#mute-unmute-btn,#fullscreen-btn{display:none}.control-button:hover{background-color:var(--blue)}.control-button.active{background-color:var(--white);color:var(--blue);font-weight:700}#video-select:hover{background-color:var(--light-blue)}#hint-rotate{position:absolute;left:50%;bottom:38%;transform:translate(-50%);z-index:999;pointer-events:none;display:none}#hint-rotate.show{display:block}.hint-bubble{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;color:#fff;font-size:14px;line-height:1;animation:hint-pop .22s ease-out}.hint-hand{width:80px;height:80px;animation:hand-wiggle 1.6s ease-in-out infinite}@keyframes hint-pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes hand-wiggle{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@media (prefers-reduced-motion: reduce){.hint-hand,.hint-arrows .arrow{animation:none}}