:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#f4ebd0;background-color:#5c6d70;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#d9bf77;text-decoration:inherit}a:hover{color:#b89b5e}body{margin:0;min-height:100vh;background-color:#5c6d70}h1{font-size:3.2em;line-height:1.1;color:#f4ebd0}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#2c5f2d;color:#f4ebd0;cursor:pointer;transition:background-color .3s,border-color .25s}button:hover{background-color:#d9bf77;color:#2c5f2d}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#f4ebd0;background-color:#2c5f2d}a{color:#2c5f2d}a:hover{color:#b89b5e}button{background-color:#2c5f2d;color:#f4ebd0}button:hover{background-color:#d9bf77;color:#2c5f2d}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#2c5f2d;color:#f4ebd0;box-shadow:0 4px 8px #0003;position:relative;z-index:20}.logo{margin:0;font-size:1.8rem;font-weight:700}.navLinks{list-style:none;display:flex;gap:20px}.link{color:#f4ebd0;text-decoration:none;font-size:18px;padding:8px 12px;border-radius:6px;transition:.3s}.link:hover{background-color:#d9bf77;color:#2c5f2d}.msl-logo{height:100px;margin-top:-1rem;margin-bottom:-1rem}.burger-menu{display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;height:28px;width:32px}.burger-bar{height:5px;background-color:#f4ebd0;border-radius:2px;transition:transform .4s ease,opacity .3s ease}.burger-bar.clicked:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.burger-bar.clicked:nth-child(2){opacity:0}.burger-bar.clicked:nth-child(3){transform:rotate(-46deg) translate(8px,-8px)}.menu{position:fixed;top:0;left:-100%;width:70%;height:100%;background-color:#2c5f2df2;transition:left .4s ease;z-index:15}.menu.visible{left:0}.menu.hidden{left:-100%}.menu-centered{display:flex;flex-direction:column;align-items:center;padding-top:5rem;gap:2rem}.menu-centered a{color:#fff;background-color:#5c6d70;width:5rem;text-align:center;font-size:1.2rem;font-weight:500;text-decoration:none;padding:.5rem 1rem;border-radius:6px;transition:background-color .3s ease}.menu-centered a:hover{background-color:#d9bf77;color:#000}@media (max-width: 768px){.navLinks{display:none}.burger-menu{position:absolute;top:40px;right:40px}}.home-container{font-family:Arial,sans-serif;text-align:center;color:#f4ebd0;background-color:#5c6d70;padding:20px}.hero{background:#2c5f2d;color:#f4ebd0;padding:50px 20px;max-width:800px;margin:40px auto;border-radius:10px;box-shadow:0 4px 8px #0003}.header-logo{margin-top:-5rem;margin-bottom:-5rem;width:45%}.cta-button{background-color:#f4ebd0;color:#2c5f2d;border:none;padding:12px 24px;font-size:1rem;cursor:pointer;border-radius:8px;transition:.3s;font-weight:700}.cta-button:hover{background-color:#d9bf77}.about,.cities,.schedule-preview,.cta{margin:40px auto;max-width:800px;background:#2c5f2d;padding:20px;border-radius:10px;box-shadow:0 4px 8px #0003}.city-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:20px}.city-card{background:#f4ebd0;padding:15px;border-radius:8px;box-shadow:0 4px 8px #0000001a;transition:.3s;width:150px;color:#2c5f2d}.city-card:hover{transform:scale(1.05);background:#d9bf77}@media only screen and (max-width: 400px){.header-logo{width:150px;height:auto;margin-top:.1rem;margin-bottom:.1rem}.hero{background:#2c5f2d;color:#f4ebd0;padding:30px 20px;max-width:800px;margin:40px auto;border-radius:10px;box-shadow:0 4px 8px #0003;text-align:center}.hero h1{margin-top:0;font-size:1.7rem}}.grayed-out{background:#ccc;color:#666;pointer-events:none;opacity:.6}.teams-container{max-width:900px;margin:40px auto;padding:20px;background:#2c5f2d;color:#f4ebd0;border-radius:10px;box-shadow:0 4px 8px #0003;text-align:center}.teams-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px}.team-card{background:#3c6e47;padding:15px;border-radius:8px;box-shadow:0 2px 6px #0000004d;text-align:center}.team-logo{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-bottom:10px}.team-card h3{margin:10px 0;color:#f4ebd0}.team-card p{font-size:14px;margin:5px 0}.error-message{color:#f55;font-weight:700}.schedule-container{margin:20px}.schedule-heading{font-size:24px;margin-bottom:16px;color:#f4ebd0}.schedule-table{width:100%;border-collapse:collapse;color:#f4ebd0;background-color:#5c6d70;font-size:16px}.schedule-table th,.schedule-table td{padding:10px;border:1px solid #F4EBD0;text-align:center}.schedule-table th{background-color:#2c5f2d;color:#f4ebd0}.schedule-cards{display:none}.schedule-card{border:1px solid #F4EBD0;background-color:#5c6d70;margin-bottom:12px;padding:12px;border-radius:8px;color:#f4ebd0}.schedule-card div{margin:4px 0}.standings-table{width:100%;border-collapse:collapse;color:#f4ebd0;background-color:#5c6d70;font-size:16px}.standings-table th,.standings-table td{padding:10px;border:1px solid #F4EBD0;text-align:center}.standings-table th{background-color:#2c5f2d;color:#f4ebd0}@media (max-width: 768px){.schedule-table{display:none}.schedule-cards{display:block}.schedule-heading{font-size:18px}.schedule-card{font-size:12px}.standings-table{display:table;font-size:12px}.standings-table th,.standings-table td{padding:5px;border:1px solid #F4EBD0;text-align:center}}.tooltip-container{position:relative;display:inline-block;margin-left:4px}.info-icon{font-size:30px!important;color:red!important}.tooltip-text{visibility:hidden;background-color:#000;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;position:absolute;bottom:125%;left:50%;transform:translate(-50%);white-space:nowrap;z-index:1}.tooltip-container:hover .tooltip-text{visibility:visible}.tooltip-box{position:absolute;bottom:125%;left:50%;transform:translate(-50%);background-color:#000;color:#fff;padding:6px 10px;border-radius:5px;white-space:nowrap;font-size:13px;z-index:1000;pointer-events:none;opacity:.9;box-shadow:0 0 6px #0000004d;-webkit-user-select:none;user-select:none}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center}.modal-content{background:#2c5f2d;padding:20px;border-radius:8px;width:400px;text-align:center}.modal-content a{font-weight:500;color:#d9bf77;text-decoration:inherit}.modal-content a:hover{font-weight:500;color:#d9bf77;text-decoration:underline}.checkbox-container{margin:15px 0}.modal-actions{display:flex;justify-content:space-around;margin-top:10px}.modal-actions button{padding:8px 12px;border:none;border-radius:5px;cursor:pointer}.modal-actions button:first-child{background:gray;color:#fff}.modal-actions button:last-child{background:green;color:#fff}.modal-actions button:disabled{background:#d3d3d3;cursor:not-allowed}.register-container{max-width:600px;margin:40px auto;padding:20px;background:#2c5f2d;color:#f4ebd0;border-radius:10px;box-shadow:0 4px 8px #0003;text-align:center}.register-form{display:flex;flex-direction:column;gap:15px}.register-form label{display:flex;flex-direction:column;font-weight:700;text-align:left}.register-form input{padding:10px;border:1px solid #D9BF77;border-radius:5px;font-size:16px}.register-form button{background-color:#f4ebd0;color:#2c5f2d;border:none;padding:12px 24px;font-size:1rem;cursor:pointer;border-radius:8px;transition:.3s;font-weight:700}.register-form button:hover{background-color:#d9bf77}.form-disabled{opacity:.5;pointer-events:none}.registration-closed-banner{background-color:#222;padding:1rem;margin-bottom:1rem;border-radius:5px;text-align:justify}.rules-container{max-width:800px;margin:40px auto;padding:20px;background-color:#2c5f2d;border-radius:8px;box-shadow:0 2px 10px #0000001a}.title{text-align:center;font-size:24px;margin-bottom:15px}.rules-container h3{border-bottom:2px solid #333;padding-bottom:5px;margin-top:20px;color:#f4ebd0}.rules-container a{font-weight:500;color:#d9bf77;text-decoration:inherit}.rules-container a:hover{font-weight:500;color:#d9bf77;text-decoration:underline}.rules-container p,li{font-size:16px;line-height:1.6}.rules-container ul{padding-left:20px}.footer{background-color:#222;color:#fff;text-align:center;padding:1rem;position:relative;bottom:0}
