.game-info{display:flex;flex-direction:column}.nickname-container,.color-list{display:flex}.scoreboard{align-items:center;background-color:#00000082;border-radius:8px;box-shadow:0 9px 20px #0000004d,0 15px 12px #00000038;color:#fff!important;display:flex;flex-flow:column;font-family:Carter One,sans-serif;font-size:20px;justify-content:center;line-height:1.5em;margin-right:10px;margin-top:5px;max-width:400px;outline:none!important;overflow-x:hidden;padding:8px;position:absolute;right:0;text-decoration:none!important;text-overflow:ellipsis;text-shadow:2px 2px 1px #0066a2,-2px 2px 1px #0066a2,2px -2px 1px #0066a2,-2px -2px 1px #0066a2,0px 2px 1px #0066a2,0px -2px 1px #0066a2,0px 4px 1px #004a87,2px 4px 1px #004a87,-2px 4px 1px #004a87;top:0}.inGameButtons>.game-button{text-align:center;width:150px}.game-title{color:#fff;font-family:Carter One,sans-serif;position:absolute;text-shadow:2px 2px 1px #030102,-2px 2px 1px #030102,2px -2px 1px #d7564a,-2px -2px 1px #d7564a,0px 2px 1px #d7564a,0px -2px 1px #d7564a,0px 4px 1px #d7564a,2px 4px 1px #d7564a,-2px 4px 1px #d7564a;white-space:nowrap;z-index:10}.title-lit{color:#eb7057;left:0;pointer-events:none;position:absolute;text-shadow:inherit;top:0;white-space:nowrap;z-index:1}.game-title.in-game{font-size:2.5rem;left:20px;top:20px}.game-title.lobby{font-size:6rem;left:50%;text-align:center;top:18%;transform:translate(-50%)}.lobby-title-slide-bounce{animation:slideInFromLeftWithBounce .8s forwards}@keyframes slideInFromLeftWithBounce{0%{opacity:0;transform:translate(-100vw)}60%{opacity:1;transform:translate(-45%)}80%{transform:translate(-52%)}to{opacity:1;transform:translate(-50%)}}.color-list{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:15px;margin-top:15px}.color-list-title{color:#fff;font-family:Carter One,sans-serif;font-size:1.2em;margin-bottom:10px;text-align:center;width:100%}.swatch{border:2px solid transparent;border-radius:4px;box-shadow:0 2px 4px #0003;cursor:pointer;height:30px;transition:transform .2s ease,border-color .2s ease;width:30px}.swatch:hover{transform:scale(1.1)}.swatch.selected{border-color:#fff;box-shadow:0 0 8px #fffc;transform:scale(1.15)}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:999}.modal{align-items:center;background-color:#000000d9;border-radius:10px;box-shadow:0 5px 15px #0000004d;box-sizing:border-box;display:flex;flex-direction:column;gap:15px;justify-content:space-between;max-width:500px;opacity:0;padding:25px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);width:90%;z-index:1000}.modal.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.modal h2{color:#fff;font-family:Carter One,sans-serif;margin-bottom:10px;text-align:center}.modal p{color:#fff;font-family:Carter One,sans-serif;line-height:1.6;margin-bottom:20px;text-align:justify}.modal-enter{opacity:1;transform:translate(-50%,-50%) scale(1)}.modal-leave{opacity:0;transform:translate(-50%,-50%) scale(.9)}.footer-credit{bottom:10px;color:#fff;font-family:Carter One,sans-serif;font-size:.9rem;left:50%;position:fixed;text-shadow:1px 1px 2px rgba(0,0,0,.7);transform:translate(-50%);z-index:100}.footer-credit a{color:#f0ad4e;text-decoration:none}.footer-credit a:hover{text-decoration:underline}.game-over-modal{text-align:center}.game-over-modal h2{color:#fc0;margin-bottom:20px}.final-time{font-size:1.4em;color:#fff;margin-bottom:0!important;font-family:Carter One,sans-serif;letter-spacing:.1em;text-shadow:2px 2px 1px #606060,-2px 2px 1px #606060,2px -2px 1px #606060,-2px -2px 1px #606060,0px 2px 1px #606060,0px -2px 1px #606060,0px 4px 1px #303030,2px 4px 1px #303030,-2px 4px 1px #303030}.final-time-rank{font-size:.9em;color:#aaa;margin-top:-5px;margin-bottom:15px;font-family:Carter One,sans-serif;letter-spacing:.05em;text-shadow:1px 1px 1px rgba(0,0,0,.4)}.player-rank,.personal-best-new,.personal-best-old{font-size:1.4em;color:#fff;margin-bottom:15px;font-family:Carter One,sans-serif;letter-spacing:.1em;text-shadow:2px 2px 1px #606060,-2px 2px 1px #606060,2px -2px 1px #606060,-2px -2px 1px #606060,0px 2px 1px #606060,0px -2px 1px #606060,0px 4px 1px #303030,2px 4px 1px #303030,-2px 4px 1px #303030}.personal-best-new{color:#4caf50;font-weight:700;text-shadow:2px 2px 1px #d74c21,-2px 2px 1px #d74c21,2px -2px 1px #d74c21,-2px -2px 1px #d74c21,0px 2px 1px #d74c21,0px -2px 1px #d74c21,0px 4px 1px #932604,2px 4px 1px #932604,-2px 4px 1px #932604}.personal-best-old{color:#f3f0ec}.game-over-buttons{display:flex;gap:15px;justify-content:center;margin-top:25px}.rules-text-orange-outline,.rules-text-green-outline,.rules-text-purple-outline,.rules-text-red-outline,.rules-text-lightred-outline{color:#fff;font-weight:700}.rules-text-orange-outline{text-shadow:2px 2px 1px #ff834c,-2px 2px 1px #ff834c,2px -2px 1px #ff834c,-2px -2px 1px #ff834c,0px 2px 1px #ff834c,0px -2px 1px #ff834c,0px 4px 1px #ff834c,2px 4px 1px #ff834c,-2px 4px 1px #ff834c}.rules-text-green-outline{text-shadow:2px 2px 1px #348628,-2px 2px 1px #348628,2px -2px 1px #348628,-2px -2px 1px #348628,0px 2px 1px #348628,0px -2px 1px #348628,0px 4px 1px #1d4c16,2px 4px 1px #1d4c16,-2px 4px 1px #1d4c16}.rules-text-purple-outline{text-shadow:2px 2px 1px #7f2886,-2px 2px 1px #642886,2px -2px 1px #7a2886,-2px -2px 1px #862885,0px 2px 1px #86286a,0px -2px 1px #862885,0px 4px 1px #4c1644,2px 4px 1px #4c1639,-2px 4px 1px #4c163f}.rules-text-red-outline{text-shadow:2px 2px 1px #d72d21,-2px 2px 1px #d72d21,2px -2px 1px #d72d21,-2px -2px 1px #d72d21,0px 2px 1px #d72d21,0px -2px 1px #d72d21,0px 4px 1px #930704,2px 4px 1px #930704,-2px 4px 1px #930704}.rules-text-lightred-outline{text-shadow:2px 2px 1px #ff6666,-2px 2px 1px #ff6666,2px -2px 1px #ff6666,-2px -2px 1px #ff6666,0px 2px 1px #ff6666,0px -2px 1px #ff6666,0px 4px 1px #d72d21,2px 4px 1px #d72d21,-2px 4px 1px #d72d21}.inGameButtons>.game-button.purple,.game-info>.game-button.yellow{min-width:9ch;text-align:center;cursor:default}.inGameButtons>.game-button.purple:hover,.game-info>.game-button.yellow:not(.disable-hover-effect):hover{transform:none;box-shadow:0 5px 10px #0003,0 2px 2px #00000026}.inGameButtons>.game-button.purple.disable-hover-effect:hover{background:repeating-linear-gradient(45deg,#cf40d4,#c840d4 5px,#ba3fcc 5px,#cc3fa9 10px);box-shadow:0 6px #862885,0 8px 1px 1px #0000004d,0 10px 0 5px #6d206c,0 12px 0 5px #642e82,0 15px 0 5px #48164c,0 15px 1px 6px #0000004d;transform:none;cursor:default}.scoreboard-page{align-items:center;color:#ecf0f1;display:flex;flex-direction:column;font-family:Carter One,sans-serif;height:100vh;justify-content:flex-start;overflow:hidden;padding-top:20px;width:100vw}.scoreboard-controls{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;width:80%;max-width:800px}.search-container{align-items:center;display:flex;gap:10px}.scoreboard-title{color:#fff;font-size:3em;margin-bottom:20px;text-align:center;text-shadow:3px 3px 0px #0066a2,-3px 3px 0px #0066a2,3px -3px 0px #0066a2,-3px -3px 0px #0066a2,0px 3px 0px #0066a2,0px -3px 0px #0066a2,0px 6px 0px #004a87,3px 6px 0px #004a87,-3px 6px 0px #004a87}.scoreboard-table-container{background-color:#0009;border-radius:10px;box-shadow:0 10px 25px #0000004d,0 6px 10px #00000040;max-height:60vh;overflow-y:auto;padding:20px;width:80%;max-width:800px}.scoreboard-table{border-collapse:collapse;color:#ecf0f1;font-size:1.1em;text-align:left;width:100%}.scoreboard-table th,.scoreboard-table td{border-bottom:1px solid #7f8c8d;padding:12px 15px}.scoreboard-table th{color:#fff;font-size:1.2em;text-shadow:2px 2px 0px #0066a2,-2px 2px 0px #0066a2,2px -2px 0px #0066a2,-2px -2px 0px #0066a2,0px 2px 0px #0066a2,0px -2px 0px #0066a2,0px 3px 0px #004a87,2px 3px 0px #004a87,-2px 3px 0px #004a87}.scoreboard-table tbody tr:last-child td{border-bottom:none}.scoreboard-table tbody tr:hover{background-color:#ffffff1a}.pagination-controls{align-items:center;display:flex;gap:15px;justify-content:center;margin-top:30px}.pagination-controls span{font-size:1.2em;text-shadow:3px 3px 0px #0066a2,-3px 3px 0px #0066a2,3px -3px 0px #0066a2,-3px -3px 0px #0066a2,0px 3px 0px #0066a2,0px -3px 0px #0066a2,0px 6px 0px #004a87,3px 6px 0px #004a87,-3px 6px 0px #004a87}.loading-text{font-size:1.5em;margin-top:50px;text-shadow:2px 2px 0px #004a87}.bounceInDown{animation:bounceInDown .75s}@keyframes bounceInDown{0%,60%,75%,90%,to{transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}.modal.modal-box-bounce-animation.is-visible{animation:modal-box-bounce-keyframes .75s forwards}@keyframes modal-box-bounce-keyframes{0%{opacity:0;transform:translate(-50%,-150vh) scale(.3);animation-timing-function:cubic-bezier(.215,.61,.355,1)}60%{opacity:1;transform:translate(-50%,calc(-50% + 25px)) scale(1.05);animation-timing-function:cubic-bezier(.215,.61,.355,1)}75%{transform:translate(-50%,calc(-50% - 10px)) scale(.98);animation-timing-function:cubic-bezier(.215,.61,.355,1)}90%{transform:translate(-50%,calc(-50% + 5px)) scale(1.02);animation-timing-function:cubic-bezier(.215,.61,.355,1)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.nickname-container{display:flex;align-items:center;gap:10px;margin-bottom:20px}.nickname-container input[type=text]{flex-grow:1}.difficulty-selector-container{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:20px}.difficulty-buttons-wrapper{display:flex;align-items:center;gap:10px}.difficulty-buttons{display:flex;gap:10px}.color-list{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}