@import"https://fonts.googleapis.com/css2?family=Fugaz+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Jersey+15&family=Manrope:wght@200..800&display=swap";body .termsfeed-com---nb{background-color:rgba(255,255,255,.9) !important;color:currentColor;left:0;max-width:none;box-shadow:0 0px 6px rgba(0,0,0,.05),0 0px 32px rgba(0,0,0,.1);max-height:100%;overflow-y:auto;height:auto !important;font-size:12px;width:500px;max-width:calc(100% - 1.25rem);margin:0 auto;border-radius:.625rem;bottom:0.625rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@supports(padding: 0px){body .termsfeed-com---nb{bottom:max(0.625rem, env(safe-area-inset-bottom))}}@media(max-width: 575px){body .termsfeed-com---nb{max-height:150px !important}}body .termsfeed-com---nb .cc-nb-main-container{padding:.625rem}@media(min-width: 770px){body .termsfeed-com---nb .cc-nb-main-container{padding:.9375rem}}body .termsfeed-com---nb .cc-nb-buttons-container{display:flex;flex-wrap:wrap;margin-top:.3125rem}body .termsfeed-com---nb .cc-nb-buttons-container button{padding:.2rem .625rem;border-radius:.3125rem}@media(max-width: 300px){body .termsfeed-com---nb .cc-nb-buttons-container button{width:100%;margin-top:.1875em}}body .termsfeed-com---nb .cc-nb-okagree{background-color:#7b4286;color:#fff;width:auto}body .termsfeed-com---nb .cc-nb-reject,body .termsfeed-com---nb .cc-nb-changep{background-color:#3c2042;width:auto;color:#fff}body .termsfeed-com---nb .cc-nb-title-container .cc-nb-title{margin:0;font-size:14px}body .termsfeed-com---nb .cc-nb-text-container:before{content:"Manage your cookie preferences below"}body .termsfeed-com---nb .cc-nb-text-container .cc-nb-text{margin:0;line-height:1.2;font-size:12px;height:0;overflow:hidden}body .termsfeed-com---nb .cc-nb-title,body .termsfeed-com---nb .cc-nb-text{color:currentColor !important}body .cc-pc-head-lang-select{background:#fff}.termsfeed-com---pc-dialog .cc-pc-container button{border-radius:.3125rem}.termsfeed-com---pc-dialog .cc-pc-container .cc-cp-foot .cc-cp-foot-save{background-color:#7b4286 !important}.termsfeed-com---palette-light .cc-pc-head-close:active,.termsfeed-com---palette-light .cc-pc-head-close:focus{border:2px solid #7b4286 !important}*{box-sizing:border-box}html,.page-wrapper{scroll-behavior:smooth}body{margin:0;display:flex;flex-direction:column;align-items:center;min-height:100svh;font-family:"Manrope",sans-serif;color:#0d0705;background:#bee0eb;font-weight:500;text-wrap:pretty;overflow:hidden}h1,h2,h3,h4,h5,p,strong,a{color:currentColor}h1,h2,h3,h4,h5{font-family:"Fugaz One",sans-serif;font-weight:400}a{color:#7b4286}img{max-width:100%;height:auto}.content-wrapper{width:600px;max-width:100%;background:#fff;border-radius:.625rem;padding:15px;margin:20px auto}@media(min-width: 770px){.content-wrapper{padding:30px}}.content-wrapper .content-title{text-align:center}.content-wrapper .content-title .title{margin:0}@media(min-width: 770px){.content-wrapper .content-title .title{font-size:40px}}[id*=form-container-]{margin:0 auto;border:2px solid #70727a;padding:20px;border-radius:.625rem}button,input{cursor:pointer;color:#191417}button:disabled,input:disabled{opacity:.5;cursor:not-allowed}.toggle{border-color:transparent;display:flex;align-items:center;border:none;padding:0;font-family:"Fugaz One",sans-serif;font-size:18px;border-radius:100%;background:rgba(255,255,255,.8);backdrop-filter:saturate(1.2) blur(8px);color:currentColor;text-decoration:none}@media(min-width: 993px){.toggle{border-radius:.625rem}}.toggle:hover,.toggle:focus{outline:2px solid #7b4286}.toggle:before{content:"";display:block;width:3.125rem;height:3.125rem;background-position:center;background-repeat:no-repeat}.toggle span{display:block}@media(min-width: 993px){.toggle span{padding:.625rem;padding-left:0}}@media(max-width: 991px){.toggle span{width:0;overflow:hidden}}.toggle-settings:before{background-image:url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g transform="translate(-165 -620)"><rect width="80" height="80" transform="translate(165 620)" fill="%237B4286" opacity="0"/><g transform="translate(193 648.251)"><path d="M9,5.75a3,3,0,1,1,3,3A3,3,0,0,1,9,5.75ZM8.54,9.36A10,10,0,0,0,2,18.75v1a1,1,0,0,0,2,0v-1a8,8,0,0,1,8-8A5,5,0,1,0,8.54,9.36ZM16,13.25a4,4,0,1,0,4,4A4,4,0,0,0,16,13.25Zm-6,4a6,6,0,1,1,6,6A6,6,0,0,1,10,17.25ZM16,20a1,1,0,0,1-1-1V17.42a1,1,0,1,1,2,0V19A1,1,0,0,1,16,20Zm0-4a1,1,0,1,0-1-1A1,1,0,0,0,16,16Z" fill="%237B4286" fill-rule="evenodd"/></g></g></svg>')}.toggle-promo:before{background-image:url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g transform="translate(-525 -620)"><rect width="80" height="80" transform="translate(525 620)" fill="%237B4286" opacity="0"/><g transform="translate(-418 -8)"><rect width="24" height="24" transform="translate(971 656)" fill="none"/><g transform="translate(971 656)"><path d="M20.34,4H3.66A3,3,0,0,0,1,7V17a3,3,0,0,0,3,3H20a3,3,0,0,0,3-3V7A3,3,0,0,0,20.34,4Zm-.46,2L13,12.88a1,1,0,0,1-1.41,0L4.71,6ZM21,17a1,1,0,0,1-1,1H4a1,1,0,0,1-1-1V7.41l6.88,6.88a3,3,0,0,0,4.24,0L21,7.41Z" fill="%237B4286"/></g></g></g></svg>')}.toggle-mode:before{background-image:url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g transform="translate(-165 -620)"><rect width="80" height="80" transform="translate(165 620)" fill="%237B4286" opacity="0"/><g transform="translate(193 648)"><path d="M16,5H8A7,7,0,1,0,8,19h8A7,7,0,1,0,16,5Zm0,12H8A5,5,0,0,1,8,7h8a5,5,0,0,1,0,10Z" fill="%237B4286"/><path d="M10.48,11h-1V10a1,1,0,0,0-2,0v1h-1a1,1,0,0,0,0,2h1v1a1,1,0,0,0,2,0V13h1a1,1,0,0,0,0-2Z" fill="%237B4286"/></g></g></svg>')}.toggle-leaderboard:before{background-image:url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g transform="translate(-165 -620)"><rect width="80" height="80" transform="translate(165 620)" fill="%237B4286" opacity="0"/><g transform="translate(193 648)"><path d="M1,4A3,3,0,0,1,4,1H20a3,3,0,0,1,3,3V20a3,3,0,0,1-3,3H4a3,3,0,0,1-3-3ZM4,3A1,1,0,0,0,3,4V20a1,1,0,0,0,1,1H20a1,1,0,0,0,1-1V4a1,1,0,0,0-1-1Z" fill="%237B4286" fill-rule="evenodd"/><path d="M1,4A3,3,0,0,1,4,1H20a3,3,0,0,1,3,3V8H1ZM4,3A1,1,0,0,0,3,4V6H21V4a1,1,0,0,0-1-1Z" fill="%237B4286" fill-rule="evenodd"/><path d="M1,6H23v7H1ZM3,8v3H21V8Z" fill="%237B4286" fill-rule="evenodd"/><path d="M1,11H23v7H1Zm2,2v3H21V13Z" fill="%237B4286" fill-rule="evenodd"/></g></g></svg>')}.toggle-donate:before{background-image:url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g transform="translate(-1030 -535)"><rect width="80" height="80" transform="translate(1030 535)" fill="%23fff" opacity="0"/><g transform="translate(301 -2579)"><rect width="24" height="24" transform="translate(757 3142)" fill="none"/><g transform="translate(757 3142.017)"><path d="M12,5.22,10.53,9.76a1.21,1.21,0,0,1-1.14.83H4.62l3.85,2.8a1.21,1.21,0,0,1,.44,1.34L7.44,19.27l3.85-2.81a1.23,1.23,0,0,1,1.42,0l3.85,2.81-1.47-4.54a1.21,1.21,0,0,1,.44-1.34l3.85-2.8H14.61a1.21,1.21,0,0,1-1.14-.83Zm-1.14-3a1.2,1.2,0,0,1,2.28,0L15.2,8.59h6.65a1.2,1.2,0,0,1,.7,2.17l-5.38,3.91L19.23,21a1.2,1.2,0,0,1-1.85,1.34L12,18.42,6.62,22.33A1.2,1.2,0,0,1,4.77,21l2.06-6.32L1.45,10.76a1.2,1.2,0,0,1,.7-2.17H8.8Z" fill="%237B4286" fill-rule="evenodd"/></g></g></g></svg>')}.quick-buttons{position:fixed;z-index:1002;display:flex;flex-direction:column;gap:.3125rem;top:10px;top:max(10px, env(safe-area-inset-top));right:10px;right:max(10px, env(safe-area-inset-right))}@media(min-width: 993px){.quick-buttons{top:20px;top:max(20px, env(safe-area-inset-top));right:20px;right:max(20px, env(safe-area-inset-right))}}.btn,button[type=submit]{border-radius:.625rem;border:2px solid #858281;background-color:#858281;font-size:16px;color:currentColor;display:block;text-decoration:none;padding:10px 20px;font-size:18px;margin-bottom:.625rem;font-family:"Fugaz One",sans-serif;transition:.3s ease all}.btn:hover,.btn:focus,button[type=submit]:hover,button[type=submit]:focus{background-color:#6b6968;border-color:#6b6968}.btn-primary,.signup-form form button{background-color:#7b4286;color:#fff;border-color:#7b4286}.btn-primary:hover,.signup-form form button:hover,.btn-primary:focus,.signup-form form button:focus{background-color:#5c3164;border-color:#5c3164}.btn-block{width:100%;display:block}label{text-transform:uppercase;font-size:12px;font-weight:600;letter-spacing:.1rem}input:not(.btn):not([type=checkbox]):not([type=radio]),select,.form-control{border-radius:.625rem;border:2px solid #858281;padding:.625rem;appearance:none;cursor:pointer}input:not(.btn):not([type=checkbox]):not([type=radio]):focus,select:focus,.form-control:focus{border-color:#7b4286}select{background-image:url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><g transform="translate(0 20) rotate(-90)"><rect width="20" height="20" fill="%23fff" opacity="0"/><path d="M1.5,14.145v0L0,12.646,5.57,7.072,0,1.5,1.5,0,8.57,7.072,1.5,14.143Z" transform="translate(14 17) rotate(180)" fill="%23191417"/></g></svg>');background-position:right 10px center;background-repeat:no-repeat}@media(min-width: 770px){#submitScoreForm{flex-direction:row}}#submitScoreForm input{flex-grow:1}#submitScoreForm .btn{margin:0}.user-score{font-weight:800;border:2px solid #7b4286;border-radius:.625rem;padding:.625rem;color:#7b4286;text-align:center;display:inline-block}.form-group{margin:.625rem 0}.form-group label{width:100%}.form-group input{display:block;width:100%}.form-group:has(input[type=checkbox]){display:flex;align-items:flex-start;gap:.3125rem;margin:1.25rem 0}.form-group:has(input[type=checkbox]) [type=checkbox]{flex-grow:0;width:auto}.form-group:has(input[type=checkbox]) label{flex-grow:1}.share-score .title{font-size:18px;margin-bottom:.3125rem}.share-score .share-links{list-style:none;padding:0;margin:0;display:flex;gap:.3125rem}.share-score .share-links li a{display:block;width:3.125rem;height:3.125rem;background-color:#7b4286;overflow:hidden;text-indent:-1000rem;border-radius:.625rem;background-position:center;background-repeat:no-repeat;transition:.3s ease all}.share-score .share-links li a:hover,.share-score .share-links li a:focus{background-color:#5c3164}.share-score .share-links li.twitter a{background-image:url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><g transform="translate(18199 18282)"><rect width="30" height="30" transform="translate(-18199 -18282)" fill="white" opacity="0"/><path d="M42.55,48h3.068l-6.7,7.658L46.8,66.079H40.629L35.792,59.76l-5.528,6.319H27.191l7.166-8.192L26.8,48h6.328L37.5,53.776ZM41.472,64.245h1.7L32.2,49.738H30.377Z" transform="translate(-18220.801 -18324)" fill="white"/></g></svg>')}.share-score .share-links li.facebook a{background-image:url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><rect width="30" height="30" fill="white" opacity="0"/><path d="M-6.772-3.918a.61.61,0,0,1,.5-.33h2.867V-7.777H-6.276A3.977,3.977,0,0,0-9.308-6.4a4.712,4.712,0,0,0-1.268,3.308v1.764h-2.867V2.257h2.867v8.711h3.584V2.257h3.583V-1.326H-6.992V-3.146a1.36,1.36,0,0,1,.22-.772" transform="translate(23.443 13.777)" fill="white"/></svg>')}.share-score .share-links li.linkedin a{background-image:url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><rect width="30" height="30" fill="white" opacity="0"/><path d="M13.023,18.366V10.728a1.153,1.153,0,0,0-.2-.612,1.2,1.2,0,0,0-.44-.437,1.753,1.753,0,0,0-1.056-.233,3.3,3.3,0,0,0-.939.233,3.116,3.116,0,0,0-.938.64v8.048H5.808V5.83H9.446v.583a4.8,4.8,0,0,1,2.375-.468,5.473,5.473,0,0,1,2.317.583,4.846,4.846,0,0,1,1.789,1.809,4.724,4.724,0,0,1,.675,2.39v7.638Zm-12.612,0V5.829H4.047V18.366ZM.645,3.847A2.127,2.127,0,0,1,0,2.274,2.229,2.229,0,0,1,.645.671,2.116,2.116,0,0,1,2.229,0,2.117,2.117,0,0,1,3.813.671a2.234,2.234,0,0,1,.646,1.6,2.132,2.132,0,0,1-.646,1.573,2.157,2.157,0,0,1-1.584.642A2.157,2.157,0,0,1,.645,3.847Z" transform="translate(7 6)" fill="white"/></svg>')}.share-score .share-links li.email a{background-image:url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g transform="translate(-525 -620)"><rect width="80" height="80" transform="translate(525 620)" fill="white" opacity="0"/><g transform="translate(-418 -8)"><rect width="24" height="24" transform="translate(971 656)" fill="none"/><g transform="translate(971 656)"><path d="M20.34,4H3.66A3,3,0,0,0,1,7V17a3,3,0,0,0,3,3H20a3,3,0,0,0,3-3V7A3,3,0,0,0,20.34,4Zm-.46,2L13,12.88a1,1,0,0,1-1.41,0L4.71,6ZM21,17a1,1,0,0,1-1,1H4a1,1,0,0,1-1-1V7.41l6.88,6.88a3,3,0,0,0,4.24,0L21,7.41Z" fill="white"/></g></g></g></svg>')}[popover]{width:570px;max-height:calc(100svh - 20px);max-width:calc(100% - 20px);background:rgba(255,255,255,.8);backdrop-filter:saturate(1.2) blur(8px);border-radius:1.25rem;border:none}[popover]::backdrop{background-color:rgba(0,0,0,.5);transition:.3s ease all}.panel{position:relative}.panel .panel-title{font-size:24px;margin-top:0;margin-bottom:.625rem}.panel .panel-body{padding:20px}.panel .panel-close{position:absolute;top:0;right:0;text-indent:-1000rem;overflow:hidden;width:2.5rem;height:2.5rem;border:none;background-color:transparent;background:url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g transform="translate(-1030 -535)"><rect width="80" height="80" transform="translate(1030 535)" fill="%23fff" opacity="0"/><g transform="translate(-175 188)"><rect width="24" height="24" transform="translate(1233 375)" fill="none"/><g transform="translate(1232.971 375)"><path d="M4.93,19.07a1,1,0,0,1,0-1.41L17.66,4.93a1,1,0,1,1,1.41,1.41L6.34,19.07a1,1,0,0,1-1.41,0Z" fill="%237B4286"/><path d="M4.93,4.93a1,1,0,0,1,1.41,0L19.07,17.66a1,1,0,1,1-1.41,1.41L4.93,6.34A1,1,0,0,1,4.93,4.93Z" fill="%237B4286"/></g></g></g></svg>');background-position:center;background-repeat:no-repeat}.settings{font-size:16px}.settings-group p{margin:0}.settings-group+.settings-group{padding-top:.9375rem}.settings-title{font-size:18px;font-weight:800}.settings ul{margin:.625rem 0}.signup-form form div>div label{display:block;width:100%}.signup-form form div>div input:not([type=checkbox]),.signup-form form div>div select{display:block;width:100%}.signup-form form div:has(>input[type=checkbox]){display:flex;gap:.625rem;padding:.625rem 0}.signup-form form div:has(>label){margin:10px 0}.leaderboard{width:100%}.leaderboard thead{text-transform:uppercase;font-size:12px;font-weight:600;letter-spacing:.1rem;text-align:left}.leaderboard thead tr{border-bottom:2px solid #70727a}.menu-buttons>div{display:flex;gap:.625rem;flex-direction:column;padding-bottom:.625rem}@media(min-width: 577px){.menu-buttons>div{flex-direction:row}}.menu-buttons>div .btn{margin:0}@keyframes noteAppear{from{scale:1.5;opacity:.5}to{scale:1;opacity:1}}@keyframes fadeInUp{0%{opacity:0;transition:translate(100px, 0)}100%{opacity:1;transition:translate(0, 0)}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}100%{opacity:1}}.copyable-link .title{font-size:18px;margin-bottom:0}.page-wrapper{height:100svh;width:100vw;overflow-y:auto;overflow-x:hidden}.default-logo .logo-image{background-image:url("../img/logo-glow-invert.svg");aspect-ratio:2/.7}.client1-logo .logo-image{background-image:url("../img/logo-example-invert.svg");aspect-ratio:135/77}.logo .logo-image{display:block;background-size:contain;background-repeat:no-repeat;width:250px;max-width:100%;margin:0 auto;text-indent:-1000rem;overflow:hidden}.game-container{width:25rem;max-width:calc(100% - 50px);margin:0 auto;display:flex;flex-direction:column}.game-container .footer{text-align:center;font-size:12px}.game-container .footer img{margin:.625rem auto;display:block}.game-container .footer a{color:currentColor}.game-container .guitar{position:relative}.game-container .guitar .neck{background:#3a382d;padding-bottom:20px;border-radius:0 0 40px 40px}.game-container .guitar .neck .fret{margin:5px 0;position:relative}.game-container .guitar .neck .fret.completed{animation:pulse 1s 3 ease}.game-container .guitar .neck .fret.completed .fret-cells{border-color:#1bb01b !important}.game-container .guitar .neck .fret.completed .fret-number{background:#1bb01b !important}.game-container .guitar .neck .fret .fret-cells{display:grid;grid-template-columns:repeat(6, 1fr);gap:5px;padding:0 10px 5px 10px;position:relative;border-bottom:6px solid #717068}@media(min-width: 577px){.game-container .guitar .neck .fret .fret-cells{gap:10px}}.game-container .guitar .neck .fret .fret-cells .note-cell{aspect-ratio:2/3;background-color:rgba(255,255,255,.1);border-radius:.625rem;position:relative;overflow:hidden;transition:.3s ease all}.game-container .guitar .neck .fret .fret-cells .note-cell .note-label{position:absolute;top:5px;right:5px;font-size:14px;color:rgba(255,255,255,.5)}.game-container .guitar .neck .fret .fret-cells .note-cell .placed-note{position:absolute;width:100%;height:100%;background:#ca35ed;color:#fff;display:flex;justify-content:center;align-items:center;animation:noteAppear .35s;z-index:10}.game-container .guitar .neck .fret .fret-cells .note-cell.drag-over{background-color:rgba(255,255,255,.2)}.game-container .guitar .neck .fret:first-child .fret-cells{border-color:#b9b8b3;border-width:20px}.game-container .guitar .neck .fret:first-child .fret-cells .note-cell:before{background-color:#b9b8b3}.game-container .guitar .neck .fret:first-child .fret-number{background-color:#b9b8b3;margin-top:-10px;color:#0d0705}.game-container .guitar .neck .fret:last-child .fret-cells{border-bottom:none}.game-container .guitar .neck .fret:nth-child(3):after,.game-container .guitar .neck .fret:nth-child(5):after,.game-container .guitar .neck .fret:nth-child(7):after,.game-container .guitar .neck .fret:nth-child(9):after,.game-container .guitar .neck .fret:nth-child(15):after,.game-container .guitar .neck .fret:nth-child(17):after,.game-container .guitar .neck .fret:nth-child(19):after,.game-container .guitar .neck .fret:nth-child(21):after{content:"";display:block;width:30px;height:30px;background:#000;position:absolute;border-radius:100%;outline:5px solid #3a382d;z-index:100;left:50%;bottom:-63px;transform:translate(-50%, 0%)}.game-container .guitar .neck .fret:nth-child(12):before,.game-container .guitar .neck .fret:nth-child(12):after,.game-container .guitar .neck .fret:nth-child(24):before,.game-container .guitar .neck .fret:nth-child(24):after{content:"";display:block;width:30px;height:30px;background:#000;position:absolute;border-radius:100%;outline:5px solid #3a382d;z-index:100;bottom:-63px;transform:translate(-50%, 0%)}.game-container .guitar .neck .fret:nth-child(12):before,.game-container .guitar .neck .fret:nth-child(24):before{left:17%}.game-container .guitar .neck .fret:nth-child(12):after,.game-container .guitar .neck .fret:nth-child(24):after{left:83%}.game-container .guitar .neck .fret .fret-number{display:block;position:absolute;left:-30px;border-radius:100px 0 0 100px;background:#717068;color:#fff;padding:5px;text-align:center;top:100%;transform:translate(0, -50%);width:30px}.game-container .guitar .neck .fret .fret-label{display:none}.game-container .guitar .body{position:absolute;left:50%;transform:translate(-50%, -320px);z-index:-1;height:700px;overflow:hidden}.game-container .guitar .body img{max-width:unset}.game-container .guitar .head{position:relative;text-align:center;color:#fff;padding:40px 0;background:#3a382d}.game-container .guitar .head:after{content:"";display:block;width:130%;height:140%;top:-15%;left:-15%;background:#3a382d;position:absolute;z-index:-1;border-radius:60px;box-shadow:0 30px 0 #000}.game-container .guitar .head img{position:absolute;left:50%;transform:translate(-50%, 0);z-index:-1;bottom:-180px}.game-container.mode-precise .note-cell:not(.filled){cursor:pointer}.game-container.mode-precise .note-cell:not(.filled):hover,.game-container.mode-precise .note-cell:not(.filled):focus{background-color:rgba(255,255,255,.2) !important}.game-container.mode-precise .note-dock{transform:translate(-50%, 200%)}.game-container.mode-mobile .note-dock{pointer-events:none}.game-container.mode-mobile .note-dock .note-bin{display:none}.score{position:sticky;top:0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.625rem;top:0;width:100%;left:0;text-align:center;z-index:1001;color:#fff;text-shadow:0 5px 5px rgba(0,0,0,.5);font-weight:800;background-color:rgba(58,56,45,.75);backdrop-filter:blur(5px);padding:.625rem;line-height:1;z-index:1001}.score #submitScoreBtn{background:rgba(255,255,255,.2);border:none;padding:5px;color:currentColor;border-radius:.625rem;font-size:inherit;font-weight:inherit;line-height:inherit;font-family:inherit}@media(max-width: 575px){.score button{width:100%;display:block}}.hud{font-size:14px;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);pointer-events:none;z-index:1002;color:#fff;font-weight:800;text-align:center}.hud .hud-message{background:rgba(0,0,0,.5);backdrop-filter:blur(5px);padding:10px 20px;font-size:20px;border-radius:1.25rem;opacity:0;transition:.3s ease all}.hud .hud-message+.hud-message{margin-top:.625rem}.hud .hud-message.visible{opacity:1}.button-grid{display:grid;gap:.3125rem}@media(min-width: 577px){.button-grid{gap:.625rem}}.button-grid button{text-align:center;display:block;width:100%;border-radius:.625rem;border:none;padding:10px;transition:.3s ease all;font-size:14px}.button-grid button:hover,.button-grid button:focus{transform:scale(1.05)}.button-grid button span{display:block;font-size:20px;font-weight:800;font-family:"Fugaz One",sans-serif}.button-grid button.active{background-color:#7b4286;color:#fff}.button-grid.notes{grid-template-rows:repeat(1, 1fr);grid-template-columns:repeat(3, 1fr)}@media(min-width: 577px){.button-grid.notes{grid-template-columns:repeat(4, 1fr)}}.button-grid.notes button{aspect-ratio:1;display:flex;justify-content:center;align-items:center;color:#fff;font-size:18px;font-weight:800}.note-dock{width:25rem;position:fixed;left:50%;transform:translate(-50%, 0);bottom:10px;bottom:max(10px, env(safe-area-inset-bottom));z-index:1001;display:flex;justify-content:center;transition:.3s ease all}.note-dock>div{align-items:center;justify-content:center;padding:12px 16px;border-radius:100rem;display:flex;background:rgba(255,255,255,.8);backdrop-filter:saturate(1.2) blur(8px)}.note-dock .note-tokens{display:flex;gap:10px}.note-dock .note-token{width:56px;height:56px;border-radius:50%;background:#7b4286;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;touch-action:none;user-select:none;cursor:pointer;transition:.3s ease all}.note-dock .note-token:hover,.note-dock .note-token:focus{transform:scale(1.1)}.flash-success{animation:flashSuccess .35s}.flash-fail{animation:flashFail .35s}@keyframes flashSuccess{0%{box-shadow:inset 0 0 0 0 rgba(34,197,94,.6)}100%{box-shadow:inset 0 0 0 6px rgba(34,197,94,0)}}@keyframes flashFail{0%{box-shadow:inset 0 0 0 0 rgba(239,68,68,.6)}100%{box-shadow:inset 0 0 0 6px rgba(239,68,68,0)}}.note-bin{border:2px dashed #ccc;border-radius:100%;aspect-ratio:1;padding:10px;text-align:center;font-size:20px;color:#777;margin-left:10px;user-select:none;background:url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g transform="translate(-165 -620)"><rect width="80" height="80" transform="translate(165 620)" fill="%237B4286" opacity="0"/><g transform="translate(193 648)"><path d="M17926,15432a3,3,0,0,1-3-3v-13h-.8a1.2,1.2,0,0,1-1.2-1.2v-3.6a1.2,1.2,0,0,1,1.2-1.2h17.6a1.2,1.2,0,0,1,1.2,1.2v3.6a1.2,1.2,0,0,1-1.2,1.2h-.8v13a3,3,0,0,1-3,3Zm-1-3a1,1,0,0,0,1,1h10a1,1,0,0,0,1-1v-13h-12Zm-2-15h16v-2h-16Zm10.121,12.54-2.318-2.328-2.324,2.328a1.057,1.057,0,0,1-1.418-1.418l2.328-2.319-2.328-2.318a1.06,1.06,0,0,1,1.418-1.423l2.324,2.332,2.318-2.332a1.06,1.06,0,0,1,1.418,1.423l-2.328,2.318,2.328,2.319a1.118,1.118,0,0,1-.914,1.574A.891.891,0,0,1,17933.121,15426.538Z" transform="translate(-17919 -15409)" fill="%237B4286"/></g></g></svg>');background-position:center;background-repeat:no-repeat;overflow:hidden;text-indent:-1000rem;width:56px;height:56px}.note-bin.drag-over{border-color:red;color:red}/*# sourceMappingURL=site.css.map */