@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:root{--color-background:#060f1c;--color-light:#cccccc;--border-radius-1:0.4rem;--box-shadow:2rem 0rem 4rem #CCCCCC}body,html{height:100%}a,body{color:var(--color-light)}body{background-color:#112b50;font-family:Verdana,Geneva,Arial,sans-serif;font-size:14px;margin:0}a{text-decoration:none;margin:0 10px}h1{font-size:1.1rem}h2{font-size:.9rem}.h2-title{text-align:center}h3{font-size:.75rem}.color-red{color:#e50000}.container{margin:20px auto;width:80%;padding:20px;transition:all .3s ease;background-color:var(--color-background);border-radius:20px;box-shadow:0 0 10px #00000055;display:flex;flex-direction:column;min-height:100vh}.nav-bar,.top-banner{display:flex;justify-content:space-between;align-items:center;position:relative}.top-banner{height:250px;background-image:url(images/bg.png);background-repeat:no-repeat;background-position:center top;background-size:cover;-webkit-mask-image:linear-gradient(to bottom,#000 70%,transparent 100%);mask-image:linear-gradient(to bottom,#000 70%,transparent 100%);border-top-left-radius:20px;border-top-right-radius:20px;padding:0 20px}.top-banner::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:1}.nav-bar{width:100%;z-index:2}.logo-bg{width:300px;height:auto}.nav-links{margin-top:10px;font-weight:700;font-size:1.1em;text-align:center}.main-content{background-color:var(--color-background);border-radius:15px;padding:20px;margin-top:20px;flex:1}button{background-color:#ccc;color:#112b50;font-weight:700;padding:10px 20px;border:2px outset #060f1c;cursor:pointer}button:hover{background-color:#ff0;color:#112b50}h1:focus{outline:0}.btn-primary{background:#f04;color:#fff;padding:10px 20px;text-decoration:none;border-radius:6px;font-weight:700;transition:background .3s ease}.btn-primary:hover{background:#f36}.title-header{display:flex;flex-direction:column;font-size:14px;color:#ccc}.match-footer,.match-teams{display:flex;justify-content:space-around;align-items:center}.match-footer{justify-content:space-between;font-size:13px;text-align:center}.book-btn{background-color:#222b3e;color:#fff;padding:6px 12px;text-decoration:none;border-radius:4px;font-size:12px;border:1px solid #555}.book-btn:hover{background-color:#f04;border-color:#f04}.weeks-selector{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.week-button{padding:.5rem 1rem;border:1px solid #ccc;background:#f5f5f5;cursor:pointer;border-radius:6px;transition:background .2s}.week-button:hover{background:#ddd}.week-button.active{background:#007bff;color:#fff;border-color:#007bff}.vs{font-weight:700;font-size:18px;color:#fff;padding:0 10px}.card-footer{display:flex;justify-content:space-between;align-items:center;font-size:12px}.btn-book{background-color:transparent;border:1px solid #777;padding:5px 12px;text-decoration:none;color:#fff;border-radius:5px;font-size:12px}.btn-book:hover{background-color:#f04;border-color:#f04}.search-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin-bottom:20px;gap:10px}.search-input input{width:360px;padding:8px 12px;border:2px solid #1a2e50;border-radius:6px;background-color:#0b1e3c;color:#ccc;font-size:12px}.search-input input::placeholder{color:#888}.btn{padding:8px 16px;border-radius:6px;font-weight:700;cursor:pointer;transition:background-color .3s}.btn-filter{background-color:#ccc;color:#112b50;border:2px solid #112b50}.btn-filter:hover,.table td a:hover{background-color:#ff0}.btn-clear{background-color:transparent;color:#f55;border:2px solid #f55}.btn-clear:hover{background-color:#f55;color:#0b1e3c}.nickname-banned{text-decoration:line-through}.banned-label{background-color:#e50000;color:#fff;font-size:.75rem;padding:2px 6px;margin-left:.5rem;border-radius:4px;font-weight:700}.table-wrapper{display:flex;justify-content:center;padding:1rem}table{background-color:#0b1e3c;border-radius:4px;color:#ccc;border-collapse:collapse;margin:0;width:100%;max-width:1024px;table-layout:fixed}table caption{font-size:1.5em;margin:.5em 0 .75em}table tr{padding:.35em}.table td a,.table tr :hover{background-color:#0fc;color:#142b4f;font-weight:700}table td,table th{padding:.5em;text-align:center}table th{background-color:#112b50;color:#77ffd6;font-size:.85em;letter-spacing:.1em;text-transform:uppercase}.table td a{background-color:#ccc;color:#112b50;padding:5px 10px;border-radius:5px;text-decoration:none;transition:background-color .3s ease}.table-clickable{cursor:pointer}.table-clickable:hover{text-decoration:underline}.team-logo-with-text{display:flex;align-items:center;gap:10px}.team-logo-with-text img{width:32px;height:32px;border-radius:5px;object-fit:cover}.hero{text-align:center;padding:60px 20px;background:linear-gradient(135deg,#1c2230,#2c3550);color:#fff}.hero h1{font-size:40px}.hero-info{display:flex;justify-content:center;gap:25px;margin-top:15px}.groups{padding:40px 20px}.groups-container{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.group-card{background:#1c2230;color:#fff;padding:20px;border-radius:10px;width:400px}.group-table{width:100%;border-collapse:collapse;table-layout:fixed}.group-table td{padding:10px 8px}.group-table th:nth-child(1){width:40px}.group-table th:nth-child(2){width:160px}.group-table th:nth-child(3){width:50px}.group-table th:nth-child(4){width:70px}.team-cell{gap:12px;text-align:left;font-weight:500;background:#16233a;padding:6px 10px;border-radius:6px}.bracket .team,.logo-box,.team-cell{display:flex;align-items:center}.logo-box{width:48px;height:48px;min-width:48px;background:#0f1520;border-radius:8px;justify-content:center}.logo-box img{max-width:90%;max-height:90%;object-fit:contain}.playoffs{padding:40px 20px;background:#111723;color:#fff}.bracket{display:flex;justify-content:center;gap:60px}.bracket .team{flex:1;gap:8px}.bracket .team.right,.group-matches .team.right{justify-content:flex-end;text-align:right}.bracket .score{min-width:70px;text-align:center;font-weight:700}.bracket .team span{min-width:60px;font-size:14px}.round{display:flex;flex-direction:column;gap:15px}.round h3{text-align:center;margin-bottom:10px}.match{background:#1c2230;padding:10px 14px;border-radius:8px;display:flex;align-items:center;justify-content:space-between}.match:hover{background:#263049}.final{border:2px solid gold;background:#2a2330}.champion{text-align:center;padding:50px 20px}.champion h2{font-size:24px}.champion-card img{width:120px}.champion-card h3{font-size:28px}.team{display:flex;align-items:center;gap:8px}.team img{width:40px;height:40px;object-fit:contain;padding:4px;border-radius:6px}.score{font-size:18px;font-weight:700;min-width:70px;text-align:center}.grand-final{margin-top:50px;text-align:center}.grand-final h3{margin-bottom:20px;font-size:22px}.grand-final .team span{min-width:80px;font-size:20px}.winner{color:#0fc;font-weight:700}.final-big{max-width:600px;margin:auto;padding:18px 25px;border-radius:10px;border:2px solid gold;background:linear-gradient(135deg,#2b2435,#1c2230);display:flex;align-items:center;justify-content:space-between}.final-big img{width:90px;height:90px}.big-score{font-size:26px;font-weight:700;color:gold}.groups h2,.playoffs h2{text-align:center;margin-bottom:30px}.toggle-button{background:#1c2230;border-radius:6px}.toggle-button:hover{background:#f04;border-color:#f04}.group-matches-container{display:flex;justify-content:center;align-items:flex-start;gap:40px;margin-top:30px;animation:fadeIn .3s ease-in-out}.group-matches{width:350px;display:flex;flex-direction:column;gap:12px}.group-matches .team{flex:1;display:flex;align-items:center;gap:8px}.group-matches .team span{min-width:60px;font-size:14px}.group-matches .score{min-width:60px}.group-matches h3{text-align:center;margin-bottom:10px}@media screen and (max-width:768px){.container-cards{flex-direction:column;align-items:center}.center-card,.left-card,.right-card{width:100%;max-width:100%;margin-bottom:15px}.search-bar input{width:300px}.table-wrapper{display:flex;justify-content:center;padding:1rem}.table{max-width:1024px;margin:0 auto}.team-logo-with-text{display:flex;justify-content:flex-end;align-items:center;gap:.5em}.team-logo-with-text img{max-width:30px;height:auto}table caption{font-size:1.3em}table thead{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}table tr{display:block;margin-bottom:.625em;background-color:#142b4f}table tr :hover{background-color:#112b50}table td{display:block;font-size:.8em;text-align:right}table td a{display:block;text-align:center}table td::before{content:attr(data-label);float:left;font-weight:700}table td:last-child{border-bottom:0}}.toggle-wrapper{display:flex;justify-content:center;margin-top:20px}.toggle-container{color:#0fc;background-color:#1a1a1a;padding:8px 12px;border:1px solid #0fc;border-radius:5px;display:inline-flex;gap:8px;align-items:center}.toggle-button{background:0 0;border:0;color:#ccc;cursor:pointer;font-size:.9rem;padding:2px 6px;transition:color .2s ease}.toggle-button:hover{background-color:#ccc;color:#ff0}.valid.modified:not([type=checkbox]){outline:1px solid #26b050}.invalid{outline:1px solid #e50000}.validation-message{color:#e50000}.blazor-error-boundary{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=)no-repeat 1rem/1.8rem,#b32121;padding:1rem 1rem 1rem 3.7rem;color:#fff}.blazor-error-boundary::after{content:"An error has occurred."}.darker-border-checkbox.form-check-input{border-color:#929292}