html,body{margin:0;height:100%;font-family:Inter,system-ui,sans-serif;color:#eaeaea;background:#121212}canvas{display:block}#hud{position:fixed;top:50%;left:50%;text-align:center;transform:translate(-50%,-50%);background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);padding:12px;border-radius:10px;z-index:1;min-width:30em;max-width:34em;box-shadow:0 4px 32px #0000001f}#hud h1{margin:0 0 8px;font-size:1rem}#hud p{margin:4px 0;font-size:.9rem}#joinLink{color:gray;overflow-wrap:anywhere}#joinQr{width:164px;height:164px;border-radius:8px;background:#fff;padding:6px}.music-form{margin-top:1.25rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08);text-align:center}.music-form__title{display:block;font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#eaeaead9;margin-bottom:.25rem}.music-form__hint{margin:0 0 .75rem!important;font-size:.75rem!important;line-height:1.35;color:#eaeaea80!important}.music-form__row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:center}.music-form__input{flex:1 1 auto;min-width:0;max-width:100%;font-size:.78rem;color:#eaeaeabf}.music-form__input::file-selector-button{margin-right:.65rem;padding:.45rem .85rem;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#ffffff12;color:#eaeaea;font-family:inherit;font-size:.78rem;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease}.music-form__input::file-selector-button:hover{background:#ffffff1f;border-color:#8fd3ff66}.music-form__submit{flex:0 0 auto;padding:.45rem 1rem;border:none;border-radius:8px;background:#1861ae;color:#fff;font-family:inherit;font-size:.8rem;font-weight:600;cursor:pointer;box-shadow:0 2px 10px #2d7dd259;transition:filter .15s ease,transform .1s ease,box-shadow .15s ease}.music-form__submit:hover{filter:brightness(1.06);box-shadow:0 3px 14px #2d7dd273}.music-form__submit:active{transform:translateY(1px)}#startGameButton{color:#fff;background:none!important;box-shadow:none!important;border:none!important;font-family:inherit;font-size:3.5rem;font-weight:600;cursor:pointer;transition:color .15s ease}#startGameButton:hover{color:#828283}#hud .modal{inset:0;align-items:center;justify-content:center;padding-top:6rem;padding-bottom:6rem}.game-finish-rank{margin:.15rem 0 .35rem!important;font-size:2.75rem!important;font-weight:800!important;line-height:1.1!important;letter-spacing:.06em;color:#fff!important;text-shadow:0 0 20px rgba(120,200,255,.45),0 2px 0 rgba(0,0,0,.35);transform-origin:center center}.score-accuracy{margin:.35rem 0 .5rem!important;font-size:.82rem!important;font-weight:600;letter-spacing:.02em;color:#8fd3fff2!important}.score-animation{width:100%;height:14px;margin:.25rem 0 .75rem;border-radius:7px;overflow:hidden;background:#00000073;box-shadow:inset 0 1px 3px #0000008c;border:1px solid rgba(255,255,255,.12)}.score-animation-bar{width:0%;height:100%;border-radius:7px;transform-origin:left center;background:linear-gradient(to right,#5ad0ff,#3b82f6);box-shadow:0 0 14px #5ad0ff8c,inset 0 1px #ffffff59}.score-animation-bar[data-score-tier="1"]{background:linear-gradient(to right,#5ad0ff,#3b82f6);box-shadow:0 0 14px #5ac8ff80,inset 0 1px #ffffff59}.score-animation-bar[data-score-tier="2"]{background:linear-gradient(to right,#3b82f6,#6b4cdb);box-shadow:0 0 14px #788cff80,inset 0 1px #ffffff59}.score-animation-bar[data-score-tier="3"]{background:linear-gradient(to right,#6b4cdb,#c026d3);box-shadow:0 0 14px #b45aff80,inset 0 1px #ffffff59}.score-animation-bar[data-score-tier="4"]{background:linear-gradient(to right,#c026d3,#f472b6);box-shadow:0 0 14px #ff64c873,inset 0 1px #ffffff59}#streak{position:fixed;bottom:1.2rem;left:1.4rem;z-index:100}#streakNumber{display:inline-block;transform-origin:center center;font-size:2rem;font-weight:600;color:#7f00ff;text-shadow:0 0 10px rgba(120,200,255,.25)}