*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:HomeVideo;src:url(/assets/HomeVideo-Regular-CSTfzMlY.ttf) format("truetype")}@font-face{font-family:HomeVideoBold;src:url(/assets/HomeVideo-Bold-hZ8UFGy3.ttf) format("truetype")}body{font-family:HomeVideo,monospace;overflow:hidden;background:#000;color:#fff;height:100vh;height:100dvh}#app{width:100vw;height:100%;position:relative}.wip-banner{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;color:#fff;z-index:999;animation:blink 2s step-end infinite;pointer-events:none}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}#canvas-container{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000}.loader{width:30px;height:30px;border:5px solid rgba(255,255,255,.1);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}#small-loader{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:500;pointer-events:none}#small-loader .loader{width:30px;height:30px;border:6px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:0}#loading-text{font-size:12px;color:#fff}#ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}#ui-overlay>*{pointer-events:auto}.logo-container{position:absolute;top:20px;left:50%;transform:translate(-50%);pointer-events:none}.logo{height:70px;width:auto}.arrow-left,.arrow-right{position:fixed;top:50%;transform:translateY(-50%);font-size:32px;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:10;-webkit-tap-highlight-color:transparent}.arrow-left{left:20px}.arrow-right{right:20px}.arrow-left:active,.arrow-right:active{color:red}#retry-icon{position:fixed;top:20px;right:20px}#retry-icon img{width:32px;height:32px;cursor:pointer}.van-carousel{position:fixed;bottom:0;left:0;right:0;padding:20px;overflow:hidden}.van-selection-indicator{position:absolute;left:50%;top:20px;width:60px;height:60px;border:2px solid #fff;pointer-events:none;z-index:10;box-sizing:border-box;transform:translate(-50%)}.van-carousel-track{display:flex;flex-direction:row;gap:15px;transition:transform .3s ease-out;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.van-item{cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;opacity:.4;transition:opacity .2s ease;flex-shrink:0}.van-item-missing{cursor:default;opacity:.2}.van-preview-missing{width:60px;height:60px;border:1px solid #fff;display:flex;align-items:center;justify-content:center;position:relative}.van-preview-missing:before,.van-preview-missing:after{content:"";position:absolute;width:82px;height:1px;background:#fff;top:50%;left:50%}.van-preview-missing:before{transform:translate(-50%,-50%) rotate(45deg)}.van-preview-missing:after{transform:translate(-50%,-50%) rotate(-45deg)}.van-item.active:not(.van-item-missing){opacity:1}.van-preview{width:60px;height:60px;object-fit:cover;border:0px solid #fff}.van-preview-fallback{width:60px;height:60px;background:#000;border:1px solid #fff}.van-item.active .van-preview,.van-item.active .van-preview-fallback{border-color:transparent}.van-number{font-size:12px;color:#fff;margin-top:5px;text-align:left}.info-panel{position:fixed;bottom:120px;left:20px;max-width:300px;line-height:1.4;white-space:nowrap}.info-panel h3{font-size:12px;margin-bottom:10px;color:#fff}#fps-counter,#van-name,#van-details{font-size:12px;margin:0;color:#fff}#fps-counter{white-space:pre}.scene-panel{position:fixed;bottom:120px;right:20px;text-align:right;line-height:1.4}.scene-header{font-size:12px;color:#fff;margin:0}#scene-list{display:flex;flex-direction:column;align-items:flex-end}.scene-item{font-size:12px;color:#fff;cursor:pointer;text-transform:uppercase}.scene-item.active{opacity:1;cursor:default}.scene-item.active:before{content:"> "}@media (hover: hover) and (pointer: fine){.arrow-left:hover,.arrow-right:hover{color:red}.van-item:hover:not(.van-item-missing){opacity:1}.scene-item:hover:not(.active){opacity:1;color:red}}