body{font-family:InterTight;font-size:22px}.App{display:flex;justify-content:center}#game-container{width:100%}canvas{margin-top:10vh}.ReactModalPortal{width:100vw}.parentOfParentScoreBoard{position:absolute !important;width:100vw}.parentOfScoreBoard{position:relative !important;inset:unset !important;border:unset !important;border-radius:0 !important;outline:unset !important;padding:0 !important;width:100vw}.modalOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:1000}.modalContent{background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);width:100%;position:relative;z-index:1001;overflow:auto;height:100%}.closeButton{font-family:InterTight;font-size:22px;background-color:#e30613;color:#fff;width:250px;height:50px;padding:10px 20px;margin:10px;border:none;border-radius:5px;cursor:pointer}.scoreBoard{background-color:#f9f9f9;display:flex;flex-direction:column;align-items:center;padding:20px;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1);margin:auto;text-align:center}.scoreBoard button{font-family:InterTight;font-size:22px;width:250px;height:50px;padding:10px 20px;margin:10px;border:none;border-radius:5px;cursor:pointer}.scoreBoard button:hover{color:#000}.closeMainMenuButton{background-color:#e30613;color:#fff}.viewButton{background-color:#ffba13;color:#383838}.scoreBoardModal{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1)}.scoreBoardModal table{width:100%;border-collapse:collapse;margin-top:20px}.scoreBoardModal th,.scoreBoardModal td{padding:10px;text-align:left;border-bottom:1px solid #ddd}.highlight{background-color:#ffba13}.centerText{text-align:center}table{width:100%;border-collapse:collapse;margin-top:20px}th,td{padding:10px;text-align:left;border-bottom:1px solid #ddd}.flexParticlesContainer{display:flex;flex-direction:row;justify-content:center;gap:5vw}.flexParticles{display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.nickNameLast{font-size:16px}.scoreLast{font-size:16px}.nickNameFirst{font-size:22px}.scoreFirst{font-size:22px}#nicknameChangeWarningModal.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.5);pointer-events:auto}#nicknameChangeWarningModal .modal-content{position:relative;z-index:1001;background-color:#fff;margin:15% auto;padding:20px;border:1px solid #888;width:80%;max-width:400px;top:20vh;left:0;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.2);text-align:center}#nicknameChangeWarningModal .close{color:#aaa;float:right;font-size:28px;font-weight:bold}#nicknameChangeWarningModal .close:hover,#nicknameChangeWarningModal .close:focus,#nicknameChangeWarningModal .close:active{color:#000;text-decoration:none;cursor:pointer}#nicknameChangeWarningModal label{display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:16px}#nicknameChangeWarningModal .button-container{margin-top:3vh;display:flex;align-items:center;justify-content:center;gap:15vw}#nicknameChangeWarningModal button{background-color:#ffba13;color:#383838;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:16px}#nicknameChangeWarningModal button:active{background-color:#383838;color:#fff}#nicknameChangeWarningModal input[type=checkbox]{display:none}#nicknameChangeWarningModal input[type=checkbox]+label:before{content:"";display:inline-block;width:14px;height:14px;border:2px solid #ffba13;border-radius:3px;margin-right:10px;vertical-align:middle}#nicknameChangeWarningModal input[type=checkbox]:checked+label:before{content:"✔";color:#fff;background-color:#ffba13;text-align:center;line-height:15px}#nicknameInputModal.modal{display:none;position:fixed;z-index:1002;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.5);pointer-events:auto}#nicknameInputModal .modal-content{position:relative;z-index:1003;background-color:#fff;margin:15% auto;padding:20px;border:1px solid #888;width:80%;max-width:400px;top:20vh;left:0;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.2);text-align:center}#nicknameInputModal .close{color:#aaa;float:right;font-size:28px;font-weight:bold}#nicknameInputModal .close:hover,#nicknameInputModal .close:focus,#nicknameInputModal .close:active{color:#000;text-decoration:none;cursor:pointer}#nicknameInputModal label{display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:16px}#nicknameInputModal button{background-color:#ffba13;color:#383838;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:16px}#nicknameInputModal button:active{background-color:#383838;color:#fff}#nicknameNotAvailableModal.modal{display:none;position:fixed;z-index:1002;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.5);pointer-events:auto}#nicknameNotAvailableModal .modal-content{position:relative;z-index:1003;background-color:#fff;margin:15% auto;padding:20px;border:1px solid #888;width:80%;max-width:400px;top:20vh;left:0;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.2);text-align:center}#nicknameNotAvailableModal .close{color:#aaa;float:right;font-size:28px;font-weight:bold}#nicknameNotAvailableModal .close:hover,#nicknameNotAvailableModal .close:focus,#nicknameNotAvailableModal .close:active{color:#000;text-decoration:none;cursor:pointer}#nicknameNotAvailableModal label{display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:16px}#nicknameNotAvailableModal button{background-color:#ffba13;color:#383838;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:16px}#nicknameNotAvailableModal button:active{background-color:#383838;color:#fff}#nicknameErrorModal.modal{display:none;position:fixed;z-index:1004;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.5);pointer-events:auto}#nicknameErrorModal .modal-content{position:relative;z-index:1005;background-color:#fff;margin:15% auto;padding:20px;border:1px solid #888;width:80%;max-width:400px;top:20vh;left:0;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.2);text-align:center}#nicknameErrorModal .close{color:#aaa;float:right;font-size:28px;font-weight:bold}#nicknameErrorModal .close:hover,#nicknameErrorModal .close:focus,#nicknameErrorModal .close:active{color:#000;text-decoration:none;cursor:pointer}#nicknameErrorModal label{display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:16px}#nicknameErrorModal button{background-color:#ffba13;color:#383838;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:16px}#nicknameErrorModal button:active{background-color:#383838;color:#fff}.nickNameScoreModal{position:relative;z-index:1000;background-color:#fff;margin:15% auto;padding:20px;border:1px solid #888;width:80%;max-width:400px;top:20vh;left:0;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.2);text-align:center}.nickNameScoreModal form{display:flex;flex-direction:column;align-items:center;gap:20px}.nickNameScoreModal .flex-buttons{display:flex;gap:25px}.nickNameScoreModal label{display:flex;flex-direction:column;font-size:16px;gap:20px}.nickNameScoreModal .close{color:#aaa;float:right;font-size:28px;font-weight:bold}.nickNameScoreModal .close:hover,.nickNameScoreModal .close:focus,.nickNameScoreModal .close:active{color:#000;text-decoration:none;cursor:pointer}.nickNameScoreModal button{background-color:#ffba13;color:#383838;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:16px}.nickNameScoreModal button:active{background-color:#383838;color:#fff}