html,body{height:100%;margin:0;background-color:#212529;overflow-x:hidden;overflow-y:auto;font-family:"JetBrains Mono",monospace;user-select:none}body::-webkit-scrollbar{display:none}body{-ms-overflow-style:none;scrollbar-width:none}.game-container{position:relative;width:100%;height:100%;cursor:pointer}#timer-fill{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.stripe{position:absolute;left:0;width:100%;background-color:#212529;overflow:hidden}.stripe-fill{position:absolute;top:0;left:0;width:0%;height:100%;z-index:0}.metronome-beat-sweep-layer{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;opacity:0;transition:opacity .2s ease-out;isolation:isolate}.metronome-beat-sweep-layer.metronome-beat-sweep-layer--active{opacity:1}.metronome-beat-sweep-p5-host{position:absolute;inset:0;width:100%;height:100%}.metronome-beat-sweep-p5-host canvas{display:block;width:100% !important;height:100% !important;position:relative;z-index:1}.timer-container{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;z-index:2}#bpm-display{font-weight:bold;font-size:10rem;color:#fff;cursor:pointer;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:-1}.admin-buttons-container{position:absolute;bottom:20px;right:20px;display:flex;gap:10px;z-index:2;pointer-events:none}.admin-button{width:68px;height:68px;border:none;border-radius:50%;background:rgba(0,0,0,0);color:#fff;font-size:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s ease-out}.admin-button:active{transform:scale(1.5)}.admin-buttons-container .admin-button{pointer-events:auto}.mic-button-container{position:absolute;bottom:20px;left:176px;z-index:2;display:flex;align-items:center;gap:10px;visibility:hidden}@media(max-width: 768px){.mic-button-container{visibility:visible}}.mic-button-container .admin-button{transition:none}.mic-button-container .admin-button:active{transform:none}.mic-button-container .admin-button i{color:#fff;transition:none}.mic-button-container .admin-button:active i{color:#dc3545}#bpm-slider{width:250px;-webkit-appearance:none;background:rgba(0,0,0,0);touch-action:pan-x}#bpm-slider::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;background:#fff;border-radius:50%;margin-top:-8px}#bpm-slider::-moz-range-thumb{width:24px;height:24px;background:#fff;border-radius:50%;border:none}.speed-button{width:60px;height:35px;border:1px solid #fff;background:rgba(0,0,0,0);color:#fff;font-size:1rem;padding:.25rem 0;border-radius:4px;cursor:pointer;transition:background-color .3s ease-out}.speed-button.active{background:rgba(255,255,255,.2)}#speed-buttons-container .speed-button.speed-mode-button{width:60px;height:35px;padding:.12rem .1rem .08rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;line-height:1;box-sizing:border-box}#speed-buttons-container .speed-mode-label{font-size:.88rem;font-weight:700;letter-spacing:-0.03em}#speed-buttons-container .speed-mode-pct{font-size:.45rem;font-weight:500;opacity:.7;margin-top:4px;line-height:1}.tap-button-container{position:absolute;bottom:20px;left:20px;z-index:2;display:flex;align-items:center;gap:10px}.tap-button-container .admin-button,.mic-button-container .admin-button{width:68px;height:68px;border:none;border-radius:50%;background:rgba(0,0,0,0);color:#fff;font-size:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s ease-out}.tap-button-container .admin-button:active,.mic-button-container .admin-button:active{transform:scale(1.5)}.analyzing-status{display:none;color:#fff;font-size:1rem;padding:5px 10px;background:rgba(0,0,0,.7);border-radius:4px;position:relative;padding-right:30px;white-space:nowrap}.analyzing-status.show{display:block}.analyzing-status::after{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:12px;height:12px;border:2px solid #fff;border-top-color:rgba(0,0,0,0);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:translateY(-50%) rotate(360deg)}}.favorite-bpm-viewport{overflow-x:hidden;overflow-y:auto;width:min(336px,100vw - 24px);padding-top:2px;padding-bottom:4px;box-sizing:border-box}.favorite-bpm-track{display:flex;align-items:center;gap:9px;width:max-content;will-change:transform}.favorite-bpm-track.favorite-bpm-track--next{animation:favorite-bpm-shift-next .32s cubic-bezier(0.25, 0.8, 0.25, 1) forwards}.favorite-bpm-track.favorite-bpm-track--prev{animation:favorite-bpm-shift-prev .32s cubic-bezier(0.25, 0.8, 0.25, 1) forwards}@keyframes favorite-bpm-shift-next{from{transform:translateX(32px)}to{transform:translateX(0)}}@keyframes favorite-bpm-shift-prev{from{transform:translateX(-32px)}to{transform:translateX(0)}}.favorite-bpm-track .speed-button{position:relative;display:flex;align-items:center;justify-content:center;padding-top:.45rem;box-sizing:border-box}.favorite-bpm-index{position:absolute;top:1px;left:3px;font-size:.55rem;line-height:1;font-weight:600;color:rgba(255,255,255,.55);pointer-events:none}.favorite-bpm-value{font-size:1rem}