#game-results{z-index:1000;background:#353dad;justify-content:center;align-items:center;width:100vw;height:100vh;font-family:Antonio,Helvetica,sans-serif;display:none;position:fixed;top:0;left:0}.new-result-screen{background:#353dad;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative}.top-stars{width:100%;height:30px;position:absolute;top:5%;left:0;right:0}.star-icon{color:#fff;justify-content:center;align-items:center;width:30px;height:30px;font-size:30px;display:flex;position:absolute;top:0}.result-title{color:#0ff;text-align:center;font-family:Antonio,Helvetica,sans-serif;font-size:28px;font-weight:400;position:absolute;top:5%;transform:translate(-50%)}.song-card{background:#363ead;border-radius:8px;width:600px;height:140px;position:absolute;top:12%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.song-info{width:100%;height:100%;position:relative}.song-title-container{width:400px;height:45px;position:absolute;top:20px;left:50%;transform:translate(-50%)}.song-title{color:#fff;text-align:center;white-space:nowrap;font-family:Antonio,Helvetica,sans-serif;font-size:24px;font-weight:700;position:absolute;top:0;left:50%;transform:translate(-50%)}.small-star{color:#fff;justify-content:center;align-items:center;width:18px;height:18px;font-size:18px;display:flex;position:absolute;top:16px;left:10px}.song-artist{color:#fff;text-align:center;font-family:Antonio,Helvetica,sans-serif;font-size:16px;font-weight:400;position:absolute;top:70px;left:50%;transform:translate(-50%)}.large-star{color:#fff;justify-content:center;align-items:center;width:45px;height:45px;font-size:45px;display:flex;position:absolute;top:35px;left:20px}.tiny-star{color:#fff;justify-content:center;align-items:center;width:10px;height:10px;font-size:10px;display:flex;position:absolute;top:72px;left:50%;transform:translate(-50%)}.main-results-card{background:#fff;border-radius:8px;width:1000px;height:450px;position:absolute;top:31%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #00000026}.difficulty-indicator{width:110px;height:110px;position:absolute;top:70px;left:30px}.difficulty-button-image{object-fit:contain;width:auto;max-width:120px;height:120px}.score-label{color:#363ead;font-family:Antonio,Helvetica,sans-serif;font-size:24px;font-weight:400;position:absolute;top:80px;left:200px}.score-value{color:#363ead;text-align:center;font-family:Antonio,Helvetica,sans-serif;font-size:32px;font-weight:700;position:absolute;top:70px;left:340px}.score-separator{background:#e0e0e0;width:320px;height:1px;position:absolute;top:120px;left:180px}.combo-label{color:#363ead;text-align:center;font-family:Antonio,Helvetica,sans-serif;font-size:24px;font-weight:400;position:absolute;top:140px;left:200px}.combo-value{color:#363ead;text-align:center;font-family:Antonio,Helvetica,sans-serif;font-size:32px;font-weight:700;position:absolute;top:130px;left:340px}.combo-separator{background:#e0e0e0;width:320px;height:1px;position:absolute;top:180px;left:180px}.percentage-circle{width:220px;height:220px;position:absolute;top:200px;left:40px}.percentage-border{border:10px solid #363ead;border-radius:50%;width:200px;height:200px;position:absolute;top:10px;left:10px}.percentage-value{color:#363ead;text-align:center;font-family:Antonio,Helvetica,sans-serif;font-size:80px;font-weight:400;position:absolute;top:56px;left:76px}.percentage-symbol{color:#363ead;text-align:center;font-family:Antonio,Helvetica,sans-serif;font-size:35px;font-weight:400;position:absolute;top:105px;left:160px}.percentage-star{color:#363ead;justify-content:center;align-items:center;width:28px;height:28px;font-size:28px;display:flex;position:absolute;top:75px;left:185px}.grade-circle{width:220px;height:220px;position:absolute;top:200px;left:280px}.grade-border{border:10px solid #363ead;border-radius:50%;width:200px;height:200px;position:absolute;top:10px;left:10px}.grade-star{color:#363ead;justify-content:center;align-items:center;width:28px;height:28px;font-size:28px;display:flex;position:absolute;top:75px;left:185px}.album-art{background:linear-gradient(135deg,#acadc8,#9a9bb8);border-radius:8px;width:220px;height:220px;position:absolute;top:70px;right:70px;box-shadow:0 4px 8px #00000026}.result-actions-new{justify-content:center;align-items:center;gap:120px;display:flex;position:absolute;bottom:2%;transform:translate(-50%)}.action-button{color:#fff;cursor:pointer;background:0 0;border:2px solid #fff;border-radius:5px;justify-content:center;align-items:center;width:300px;height:60px;transition:all .3s;display:flex;position:relative}.action-button:hover{background:#ffffff1a;transform:translateY(-4px)scale(1.02);box-shadow:0 8px 25px #ffffff4d}.retry-button-svg:hover,.back-button-svg:hover{box-shadow:none;background:0 0;transform:translateY(-2px)}.button-text{font-family:Antonio,Helvetica,sans-serif;font-size:36px;font-weight:700}.button-icon{font-size:30px;position:absolute;right:50px}.retry-icon{font-size:32px}.back-icon{font-size:28px}.sparkle-container{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.action-button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.action-button:hover:before{left:100%}.retry-button-svg:before,.back-button-svg:before{display:none}.action-button:active{transform:translateY(-2px)scale(.98)}.retry-button-svg:active,.back-button-svg:active{transform:translateY(-1px)scale(.98)}.grade-value{color:#363ead;text-shadow:0 0 20px #363ead4d;font-family:Amiri,Helvetica,serif;font-size:120px;font-weight:700;position:absolute;top:26px;left:83px}.percentage-value{color:#363ead;text-align:center;text-shadow:0 0 15px #363ead33;font-family:Antonio,Helvetica,sans-serif;font-size:100px;font-weight:400;position:absolute;top:54px;left:77px}.song-progress-bar{background:#fff3;border-radius:8px;width:478px;height:16px;position:absolute;top:35px;left:0;overflow:hidden}.song-progress-bar:after{content:"";background:linear-gradient(90deg,#39c5bb,#64d091);border-radius:8px;width:75%;height:100%;animation:2s ease-out 1s both progressFill;position:absolute;top:0;left:0}@keyframes progressFill{0%{width:0%}to{width:75%}}.album-art{background:linear-gradient(135deg,#acadc8,#9a9bb8);border-radius:5px;transition:transform .3s;position:absolute;box-shadow:0 4px 4px #00000040}.album-art:hover{transform:scale(1.02)}.high-score-glow{animation:2s ease-in-out infinite alternate scoreGlow}@keyframes scoreGlow{0%{text-shadow:0 0 10px #39c5bb80}to{text-shadow:0 0 20px #39c5bbcc,0 0 30px #39c5bb99}}.perfect-grade{animation:1.5s ease-in-out infinite perfectPulse}@keyframes perfectPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.star-icon{color:#fff;justify-content:center;align-items:center;width:30px;height:30px;font-size:30px;animation:3s ease-in-out infinite twinkle;display:flex;position:absolute;top:0}.star-icon:nth-child(odd){animation-delay:.5s}.star-icon:nth-child(2n){animation-delay:1.5s}@keyframes twinkle{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.result-title{font-size:24px;top:6%}.button-svg{object-fit:contain;width:100%;height:100%;transition:opacity .2s}.retry-button-svg:hover .button-svg{content:url(retry-button-hover.3ce40f87.svg)}.back-button-svg:hover .button-svg{content:url(back-button-hover.c9a8875b.svg)}.retry-button-svg,.back-button-svg{background:0 0;border:none;padding:0}.retry-button-svg:hover,.back-button-svg:hover{background:0 0;transform:none}