.login-form{min-width:360px;max-width:500px;box-shadow:0 0 25px #00000080;border:1px solid white}.login-form h2{text-align:center;margin-bottom:20px;color:#fff;font-weight:500}.error-message{background-color:#5a1e1e;color:#ffcfcf;padding:10px 14px;border-radius:8px;margin-bottom:16px;text-align:center;font-size:.95rem;border:1px solid #b94747}.register-text{text-align:center;margin-top:16px;font-size:.9rem;color:#bbb}.register-text a{color:#7f5eff;text-decoration:none;font-weight:500}.register-text a:hover{text-decoration:underline}.login-page{min-height:100vh;display:flex;justify-content:center;align-items:center;background:url(/assets/bg-CsQ9WYSN.png) no-repeat center center fixed;background-position:0% 80%;background-size:cover}.login-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#3d3d3d66;z-index:0;pointer-events:none}.login-form{position:relative;z-index:1}.dark-form{background-color:#1f1f2e;padding:24px;border-radius:12px;max-width:400px;margin:40px auto;display:flex;flex-direction:column;gap:16px;color:#f0f0f0;box-shadow:0 0 20px #0006}.dark-form label{display:flex;flex-direction:column;font-size:.95rem}.dark-form input{margin-top:6px;padding:10px;border-radius:8px;border:1px solid #444;background-color:#2b2b3d;color:#fff;font-size:1rem;outline:none;transition:border .2s ease}.dark-form input:focus{border-color:#7f5eff}.dark-form button{margin-top:1rem;background-color:#7f5eff;color:#fff;padding:10px 16px;font-size:1rem;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.dark-form button:hover{background-color:#6e4fd9}.not-found-container{height:100vh;margin-top:6rem;display:flex;flex-direction:column;align-items:center;font-family:Times New Roman,serif}.not-found-container h1{font-size:3.5rem}.not-found-container a{margin-top:1rem;font-size:1.5rem;text-decoration:none;color:#000}:root{--clr-bg: #1f1f2e;--clr-txt: #fff;--clr-shadow: #12121b;--clr-nav-bg: #2b2b3d;--clr-nav-bg-hover: #232331;--clr-nav-bg-logout: rgb(109, 20, 50);--clr-nav-bg-logout-hover: rgb(82, 14, 37);--clr-nav-txt: #fff;--clr-cnt-bg: #2b2b3d;--clr-cnt-btn: #7f5eff;--clr-cnt-btn-hover: #6b4de2;--clr-btn-disabled: #575757;--clr-btn-delete: #ff4d4d;--clr-btn-delte-hover: #851515;--clr-btn-restore: #0f059b;--clr-btn-restore-hover: #11097a;--clr-btn-save: rgb(0, 128, 0);--clr-btn-save-hover: rgb(0, 99, 0);--clr-input-bg: #1f1f2e;--clr-ipnut-bg-focus: #29294a;--clr-input-border: #555;--clr-input-border-focus: #5f75ff;--clr-row-disabled: rgb(92, 29, 29);--clr-row-disabled-hover: rgb(122, 42, 42);--clr-stats-header: #c2b591;--clr-stats-light: #e0d3af;--clr-stats-dark: rgb(207, 194, 157);--clr-stats-border: rgb(77, 77, 77);--border-radius: 10px;--border-radius-btn: 8px}html,body{margin:0;height:100%;font-family:Arial}h1,h2,h3,p{margin:0}#root{height:100%;display:flex;flex-direction:column}.default-layout{flex:1;overflow-y:auto;background-color:var(--clr-bg)}.navbar{border-bottom:2px solid var(--clr-nav-txt)}.navbar-desktop{margin:0;padding:0;display:flex;justify-content:center;list-style-type:none;background-color:var(--clr-nav-bg)}.navbar-desktop li{padding:1rem}.navbar li:last-child>a{background-color:var(--clr-nav-bg-logout)}.navbar li:last-child>a:hover{background-color:var(--clr-nav-bg-logout-hover)}.navbar-desktop a{width:100%;padding:1rem;text-decoration:none;color:var(--clr-nav-txt)}.navbar a:hover,.navbar-mobile a:hover{background-color:var(--clr-nav-bg-hover)}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:30px;height:20px;background:none;border:none;cursor:pointer;padding:0}.hamburger span{height:3px;width:100%;background-color:#fff;border-radius:5px;transition:.3s ease}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.hamburger-li{padding:1rem;display:flex;justify-content:center}@media (max-width: 900px){.navbar-desktop{display:none}.hamburger{display:flex}}.navbar-mobile{margin:0;padding:0;display:flex;flex-direction:column;background-color:var(--clr-nav-bg)}.navbar-mobile li{box-sizing:border-box;width:100%;text-align:center}.navbar-mobile a{display:block;padding:1rem;text-decoration:none;color:var(--clr-nav-txt)}@media (min-width: 901px){.navbar-mobile{display:none}}.content{display:flex;justify-content:center;margin-top:4rem;color:var(--clr-txt)}.content-container{margin-bottom:2rem;padding:3rem;border:1px solid #fff;border-radius:var(--border-radius);background-color:var(--clr-cnt-bg);box-shadow:10px 10px 5px var(--clr-shadow);overflow-x:auto}.home-container{display:flex;flex-direction:column;align-items:center;max-width:500px}.home-container h1{font-size:2.5rem}.home-container h2{font-size:2rem}.home-container-title{display:flex;justify-content:center;gap:.5rem}.home-container-title h1{display:inline}.home-container-title img{width:50px}.home-container-links{margin:2rem 0;width:100%;display:flex;flex-direction:column}.home-container-links a{width:100%;padding:1rem;margin:.25rem 0;text-align:center;box-sizing:border-box;border-radius:var(--border-radius-btn);font-size:1.25rem;text-decoration:none;color:var(--clr-txt);background-color:var(--clr-cnt-btn)}.home-container-links a:hover{background-color:var(--clr-cnt-btn-hover)}.home-container-update{margin-top:1.5rem;text-align:center}.home-container-update p{margin-top:1rem}.stats-container{color:#000;overflow-x:auto}.stats-container-title{color:var(--clr-txt)}.stats-container>h1{width:100%;margin-bottom:3rem;text-align:center}.stats-container img{max-width:100%;max-height:100%}.stats-grid,.stats-grid-crew{display:grid;grid-template-columns:300px repeat(10,33px) 300px 300px 100px;grid-template-rows:50px;grid-auto-rows:50px;column-gap:3px;row-gap:3px;text-align:center;justify-items:center;align-items:center;padding:1rem;background-color:#e0d3af;min-width:max-content}.stats-grid>h3{display:inline}.stats-grid p,.stats-grid p>i{font-family:Times New Roman,serif,Arial;font-size:1.3rem}.stats-title{grid-column:span 2}.stats-updated{grid-column:span 9}.stats-grid-crew{margin-top:5rem}.stats-grid-crew p,.stats-grid-crew p>i{font-family:Times New Roman,serif,Arial;font-size:1.3rem}.stats-grid-test{display:flex;flex-direction:column;width:1300px;overflow-x:auto}.stats-grid-test-datarow-light,.stats-grid-test-datarow-dark{font-family:Times New Roman,serif,Arial;font-size:1.3rem}.stats-grid-test-titlerow{padding:1rem 0;display:grid;grid-template-columns:2fr repeat(10,33px) 2fr 2fr 1fr;column-gap:3px;align-items:center;background-color:var(--clr-stats-header);border-bottom:2px solid var(--clr-stats-border)}.stats-grid-test-titlerow div{display:flex;flex-direction:column}.stats-grid-test-updated{grid-column-start:2;grid-column-end:11}.stats-grid-test-special{grid-column-start:12}.stats-grid-test-eng{grid-column-start:13}.stats-grid-test-boat{grid-column-start:14}.stats-grid-test-special-info{grid-row-start:2;grid-column-start:12}.stats-grid-test-eng-info{grid-row-start:2;grid-column-start:13}.stats-grid-test-titlerow h3,.stats-grid-test-titlerow p{text-align:center}.stats-grid-test-datarow-light,.stats-grid-test-datarow-dark{padding:.25rem 0;display:grid;grid-template-columns:2fr repeat(10,33px) 2fr 2fr 1fr;grid-template-rows:50px;justify-items:center;align-items:center;text-align:center;column-gap:3px;border-bottom:1px solid var(--clr-stats-border)}.stats-grid-test-datarow-light{background-color:var(--clr-stats-light)}.stats-grid-test-datarow-dark{background-color:var(--clr-stats-dark)}.stats-screenshot-buttons{display:flex;gap:1rem}.stats-screenshot-buttons button{background-color:var(--clr-cnt-btn);color:var(--clr-txt);padding:6px 10px;border:none;border-radius:6px;cursor:pointer;font-size:1rem;transition:background-color .2s ease}.stats-screenshot-buttons button:hover{background-color:var(--clr-cnt-btn-hover)}.entry-container{display:flex;flex-direction:column;justify-content:center;min-width:350px}.entry-container-title{margin-bottom:1rem;text-align:center}.entry-container form{display:flex;flex-direction:column}.entry-container form>label{margin:.5rem 0;display:flex;flex-direction:column}.entry-container input{margin-top:.5rem;padding:.75rem;border-radius:var(--border-radius-btn);border:1px solid var(--clr-input-border);color:#fff;font-size:1rem;outline:none;transition:border .2s ease;background-color:var(--clr-input-bg);transition:border .3s ease,background .3s ease}.entry-container input:focus{border-color:var(--clr-input-border-focus);background-color:var(--clr-ipnut-bg-focus)}.entry-container-submit{margin-top:1rem;background-color:var(--clr-cnt-btn);color:#fff;padding:.75rem 1rem;font-size:1rem;border:none;border-radius:var(--border-radius-btn);cursor:pointer;transition:background-color .2s ease}.entry-container-submit:hover{background-color:var(--clr-cnt-btn-hover)}.audit-container{display:flex;flex-direction:column}.audit-container-title{margin-bottom:2rem;text-align:center}.audit-log-table{width:100%;border-collapse:collapse;border-radius:var(--border-radius);overflow:hidden}.audit-log-table th,.audit-log-table td{padding:12px 14px;border-bottom:1px solid #3e3e55;min-width:80px}.audit-log-row-edited{color:orange}.audit-log-table th,.audit-log-table td:not(.audit-log-row-edited){color:#f0f0f0}.audit-log-table td{text-align:left}.audit-log-table th{text-align:left;background-color:#33334d;font-weight:600}.audit-log-table tr:nth-child(2n):not(.audit-log-row-disabled){background-color:#24243a}.audit-log-table tr:hover:not(.audit-log-row-disabled){background-color:#3c3c5a}.audit-log-row-disabled{background-color:var(--clr-row-disabled)}.audit-log-row-disabled td{text-decoration:line-through}.audit-log-row-disabled td{color:#f0f0f0}.audit-log-row-disabled .audit-log-row-disabled:hover{background-color:var(--clr-row-disabled-hover)}.delete-btn,.restore-btn{color:#fff;padding:6px 10px;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background-color .2s ease}.delete-btn{background-color:var(--clr-btn-delete)}.delete-btn:hover{background-color:var(--clr-btn-delte-hover)}.restore-btn{background-color:var(--clr-btn-restore)}.restore-btn:hover{background-color:var(--clr-btn-restore-hover)}.audit-page-buttons{margin:1rem 0;display:flex;align-items:center;gap:.5rem}.audit-page-buttons button{width:5rem;background-color:var(--clr-cnt-btn);color:var(--clr-txt);padding:6px 10px;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background-color .2s ease}.audit-page-buttons button:hover{background-color:var(--clr-cnt-btn-hover)}.audit-page-buttons button:disabled{background-color:var(--clr-btn-disabled);cursor:default}.player-container-title{text-align:center;margin-bottom:2rem}.player-table{width:100%;border-collapse:collapse;border-radius:var(--border-radius);overflow:hidden}.player-table th,.player-table td{padding:12px 14px;border-bottom:1px solid #3e3e55;color:#f0f0f0;min-width:80px}.player-table td{text-align:left}.player-table th{text-align:left;background-color:#33334d;font-weight:600}.player-table tr:nth-child(2n){background-color:#24243a}.player-table tr:hover{background-color:#3c3c5a}.player-table-input{width:100%;padding:8px 10px;font-size:1rem;border:1px solid var(--clr-input-border);border-radius:6px;background-color:var(--clr-input-bg);color:#fff;transition:border .3s ease,background .3s ease;box-sizing:border-box}.player-table input[type=checkbox]{transform:scale(1.4)}.player-table-input:focus{outline:none;border-color:var(--clr-input-border-focus);background-color:var(--clr-ipnut-bg-focus)}.player-save-button{color:var(--clr-txt);padding:.75rem 1rem;border:none;border-radius:6px;cursor:pointer;font-size:1rem;background-color:var(--clr-btn-save);transition:background-color .2s ease}.player-save-button:hover{background-color:var(--clr-btn-save-hover)}.changelog-container{display:flex;flex-direction:column;align-items:center;max-width:450px}.changelog-title{margin-bottom:.5rem;text-align:center}.changelog-grid{margin-top:2rem;width:100%;display:grid;grid-template-columns:1fr 2fr;gap:1.5rem}.changelog-todo{margin-top:3rem}.todo-flex{margin-top:2rem;display:flex;flex-direction:column;justify-content:flex-start;gap:.5rem}.todo-flex ul{margin:0;padding:0}.invitation-code-container{margin-top:2rem}.stats-screenshot-wrapper{display:flex;flex-direction:column;gap:1rem}.stats-screenshot-wrapper>div:first-child{max-width:max-content;padding:1rem;border-radius:5px;background-color:#aaa}.stats-screenshot-wrapper>div:last-child{display:grid;gap:.5rem;grid-template-columns:repeat(5,1fr)}.stats-screenshot-wrapper>div:last-child>button{padding:.5rem;background-color:var(--clr-cnt-btn);color:#fff;border:0;border-radius:5px;font-size:1rem;cursor:pointer;transition:background-color .2s ease}.stats-screenshot-wrapper>div:last-child>button:hover{background-color:var(--clr-cnt-btn-hover)}