.App{text-align:center;overflow:hidden}.mainGame{position:fixed;inset:0;overflow:hidden;touch-action:none;cursor:crosshair;pointer-events:none}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;overflow:hidden}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.top_right{position:absolute;display:inline;top:0;right:0;scale:.75;padding:0;font-size:small;opacity:.75;-webkit-user-select:none;user-select:none;z-index:10}.full_screen{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:crosshair;touch-action:none}@media(pointer:coarse){#root{max-width:none;margin:0;padding:0;width:100vw;height:100dvh}.App{width:100vw;height:100dvh}.full_screen{cursor:default}}.player__wrapper{position:fixed;right:6px;bottom:6px;display:flex;align-items:flex-start;background:#080610d9;border:1px solid rgba(120,20,140,.35);border-radius:6px;padding:6px 8px;z-index:9999;gap:8px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 10px #50007840;pointer-events:all;cursor:default}.player__wrapper *{box-sizing:border-box}.player__wrapper.horizontal{flex-direction:row}.player__wrapper.vertical{flex-direction:column;align-items:center}.player__preview{flex-shrink:0;opacity:.7;border-radius:3px;overflow:hidden;line-height:0}.player__info{min-width:0}.player__text{font-family:monospace;font-size:10px;line-height:1.45;color:#c8c8dcd9}.player__title{font-weight:700;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:11px;color:#e0e0f0;margin-bottom:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.player__meta,.player__links{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.player__links--mix{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px;max-width:260px}.player__mixlink{font-size:9px;font-weight:600;color:#acf;background:#648cff26;border:1px solid rgba(100,140,255,.35);border-radius:3px;padding:1px 5px;text-decoration:none;letter-spacing:.03em;transition:background .15s}.player__mixlink:hover{background:#648cff4d;color:#def}.player__bpm,.player__key,.player__label{color:#b4c8ff99;font-size:10px}.player__links a,.player__meta a{font-size:10px;color:#88f}.player{position:absolute;display:none;visibility:hidden;background-color:transparent;width:0;height:0;overflow:hidden;pointer-events:none}#video{width:0%;height:0%;object-fit:contain;margin:0}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideIn .5s forwards}.floatBottomLeft{background:transparent;font-size:smaller;position:fixed;bottom:0;left:0;padding:1em;color:#fff;z-index:10000}.statsPanel{margin-bottom:4px;opacity:.8;pointer-events:none;-webkit-user-select:none;user-select:none;height:48px;overflow:visible}.aim-reticle{position:fixed;top:0;left:0;width:0;height:0;pointer-events:none;z-index:99998;transform-origin:0 0}.aim-reticle__ring{position:absolute;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;border:1.5px solid rgba(255,60,60,.85);box-shadow:0 0 6px 1px #ff282880}.aim-reticle__cross{position:absolute;transform:translate(-50%,-50%);width:34px;height:34px}.aim-reticle__cross:before,.aim-reticle__cross:after{content:"";position:absolute;background:#ff3c3cb3;border-radius:1px}.aim-reticle__cross:before{width:10px;height:1.5px;top:50%;left:50%;transform:translate(-50%,-50%)}.aim-reticle__cross:after{width:1.5px;height:10px;top:50%;left:50%;transform:translate(-50%,-50%)}.software-cursor{position:fixed;top:0;left:0;width:0;height:0;pointer-events:none;z-index:99999;transform-origin:0 0}.software-cursor__cross{position:absolute;transform:translate(-50%,-50%);width:20px;height:20px;transition:opacity .15s}.software-cursor__cross:before,.software-cursor__cross:after{content:"";position:absolute;background:#ffffffb8;border-radius:1px}.software-cursor__cross:before{width:18px;height:1.5px;top:50%;left:50%;transform:translate(-50%,-50%)}.software-cursor__cross:after{width:1.5px;height:18px;top:50%;left:50%;transform:translate(-50%,-50%)}.software-cursor__dot{position:absolute;width:4px;height:4px;border-radius:50%;background:#ffffffe6;transform:translate(-50%,-50%);box-shadow:0 0 4px 1px #b478ff99}.software-cursor--pointer .software-cursor__cross{opacity:0}.software-cursor__arrow{position:absolute;transform:translate(-2px,-2px);width:14px;height:14px;border-left:2px solid rgba(255,255,255,.9);border-top:2px solid rgba(255,255,255,.9);border-radius:2px 2px 0 0;box-shadow:1px 1px 3px #b478ff80;opacity:0}.software-cursor--pointer .software-cursor__arrow{opacity:1}.bottombar{position:fixed;bottom:0;left:0;right:0;height:48px;z-index:9;pointer-events:none}.bottombar__canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.bottombar__controls{position:absolute;bottom:2px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;pointer-events:auto;background:#00000073;border-radius:6px;padding:2px 8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bottombar__btn{background:none;border:none;color:#fff;font-size:16px;cursor:pointer;padding:2px 4px;line-height:1;-webkit-user-select:none;user-select:none}.bottombar__btn:hover{opacity:.8}.bottombar__btn--loop-off{opacity:.4}.bottombar__progress{width:200px;height:6px;background:#ffffff26;border-radius:3px;cursor:pointer;overflow:hidden}.bottombar__progress-fill{height:100%;background:linear-gradient(90deg,#0cf,#f0f);border-radius:3px;transition:width .3s linear}.bottombar__time{color:#fff9;font-size:10px;font-family:monospace;white-space:nowrap;min-width:70px}.bottombar__volume-wrap{position:relative}.bottombar__volume-popup{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#000000bf;border-radius:6px;padding:8px 6px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20}.bottombar__volume-range{writing-mode:vertical-lr;direction:rtl;-webkit-appearance:slider-vertical;width:20px;height:80px;cursor:pointer;accent-color:#00ccff}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}