.score-notification{color:#fff;z-index:10000;backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:2px solid rgba(255,255,255,.2);-webkit-border-radius:12px;border-radius:12px;max-width:300px;padding:15px 20px;animation:.3s ease-out slideInRight;position:fixed;top:20px;right:20px;box-shadow:0 8px 32px rgba(0,0,0,.3)}.score-notification.success{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.score-notification.error{background:linear-gradient(135deg,#ff6b6b 0%,#ee5a24 100%)}.score-notification.info{color:#333;background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%)}.score-notification .notification-content{align-items:center;gap:12px;display:flex}.score-notification .notification-icon{flex-shrink:0;font-size:24px}.score-notification .notification-text{flex:1;font-weight:500;line-height:1.4}.score-notification .notification-close{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;margin-left:10px;padding:0;font-size:18px;transition:opacity .2s}.score-notification .notification-close:hover{opacity:1}@keyframes slideInRight{0%{opacity:0;-ms-transform:translate(100%);transform:translate(100%)}to{opacity:1;-ms-transform:translate(0);transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;-ms-transform:translate(0);transform:translate(0)}to{opacity:0;-ms-transform:translate(100%);transform:translate(100%)}}.score-notification{transition:all .3s cubic-bezier(.4,0,.2,1)}.score-notification:hover{-ms-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,0,0,.4)}.score-notification:nth-child(2){top:80px}.score-notification:nth-child(3){top:140px}.score-notification:nth-child(4){top:200px}@media (max-width:768px){.score-notification{max-width:none;padding:12px 16px;top:10px;left:10px;right:10px}.score-notification .notification-icon{font-size:20px}.score-notification .notification-text{font-size:14px}}.leaderboard-updating{position:relative}.leaderboard-updating:after{content:"";border:2px solid #667eea;border-top-color:transparent;-webkit-border-radius:50%;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin;position:absolute;top:50%;right:10px;-ms-transform:translateY(-50%);transform:translateY(-50%)}@keyframes spin{0%{-ms-transform:translateY(-50%)rotate(0);transform:translateY(-50%)rotate(0)}to{-ms-transform:translateY(-50%)rotate(360deg);transform:translateY(-50%)rotate(360deg)}}.realtime-score-indicator{color:#4facfe;align-items:center;gap:5px;margin-left:8px;font-size:12px;font-weight:500;display:inline-flex}.realtime-score-indicator:before{content:"●";animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}