@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;--color-background: #ffffff;--color-text: #1a1a1a;--color-accent: #2563eb;color:var(--color-text);background-color:var(--color-background);background-image:linear-gradient(180deg,#f8f9fa,var(--color-background))}#root{width:100%;min-height:100vh;display:flex;flex-direction:column;padding-top:88.81px}@media(max-width:768px){#root{padding-top:52px}}@media(max-width:480px){#root{padding-top:47px}}a{font-weight:500;color:var(--color-accent);text-decoration:inherit}a:hover{color:#1d4ed8}.page-header{width:100%;background-color:#f1f5f9;padding:1rem 0;text-align:center;margin-bottom:3rem;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);box-sizing:border-box}.page-header h1{font-size:2.5em}.card{max-width:720px;margin:0 auto 2rem;padding:2rem;text-align:center;background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:16px;box-shadow:0 2px 8px #0000001a}h1{font-size:3.2em;line-height:1.1}h2{font-size:2em;line-height:1.1}p{font-size:1em;line-height:1;margin-bottom:1.5rem}html{height:100%;margin:0;padding:0;background-color:var(--color-background);background-image:linear-gradient(180deg,#f8f9fa,var(--color-background));background-attachment:fixed;background-size:cover;overflow-x:hidden}body{margin:0;padding:0;width:100%;min-width:100%;min-height:100vh;background-color:var(--color-background);background-image:linear-gradient(180deg,#f8f9fa,var(--color-background));background-attachment:fixed;background-size:cover;background-repeat:no-repeat;overflow-x:hidden}button{border-radius:8px;border:1px solid rgba(0,0,0,.1);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;color:#fff;background-color:var(--color-accent);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 4px #0000001a}button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026;background-color:#1d4ed8}button:focus,button:focus-visible{outline:4px auto var(--color-accent)}.back-button{display:inline-block;margin-bottom:1.5rem;padding:10px 20px;background-color:var(--color-accent);color:#fff;font-family:Inter,sans-serif;font-weight:600;text-align:center;text-decoration:none;border-radius:8px;transition:background-color .2s ease,transform .2s ease}.back-button:hover{background-color:#1d4ed8;transform:translateY(-2px)}.hero-section{background:#f1f5f9;padding:4rem 2rem;text-align:center;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1)}.hero-title{font-size:2.5rem;font-weight:700;color:#000;margin-bottom:1rem}.hero-description{font-size:1.2rem;color:#000000e6;max-width:800px;margin:0 auto 2rem;line-height:1.6}.hero-button{padding:1rem 2.5rem;font-size:1.2rem;font-weight:700;color:#000;background:#fff3;border:2px solid rgb(0,0,0);border-radius:8px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026;background-color:#e5e7eb}.season-teaser{background:linear-gradient(135deg,#006eff,#1d1861);padding:1.5rem;margin:2rem auto;max-width:1000px;border-radius:12px;text-align:center;box-shadow:0 8px 20px #0003;border:2px solid rgba(255,255,255,.3)}.season-teaser-icon{font-size:2rem;margin-bottom:.5rem}.season-teaser-title{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.season-teaser-description{font-size:1.1rem;color:#fffffff2;max-width:700px;margin:0 auto;line-height:1.5}.quick-access-section{padding:3rem 2rem;max-width:1200px;margin:0 auto}.header-logo{height:250px}.section-title{font-size:2rem;text-align:center;margin-bottom:2rem;color:#fff}.quick-access-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.quick-access-card{padding:2rem;border-radius:12px;text-align:center;cursor:pointer;transition:all .3s ease;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #0000001a}.quick-access-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0003}.quick-access-card.marching-perc{background:linear-gradient(135deg,#1a3b5a,#181b44)}.quick-access-card.guard{background:linear-gradient(135deg,#2d1b3d,#1a1a2e)}.quick-access-card.winds{background:linear-gradient(135deg,#1e3a5f,#15202b);opacity:.6}.quick-access-card.concert-perc{background:linear-gradient(135deg,#3d2b1f,#1f1f1f);opacity:.6}.quick-access-card h4{font-size:1.5rem;color:#fff;margin-bottom:.5rem;font-weight:700}.quick-access-card p{color:#fffc;font-size:.9rem}.home-footer{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:3rem 2rem 1rem;border-top:1px solid rgba(0,0,0,.1)}.footer-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.footer-item{text-align:center}.footer-icon{font-size:3rem;margin-bottom:1rem}.footer-title{font-size:1.3rem;margin-bottom:.5rem;color:#333}.footer-description{color:#666;line-height:1.6}.footer-bottom{text-align:center;padding:1.5rem 0 .5rem;border-top:1px solid rgba(0,0,0,.1);color:#666;font-size:.9rem}.nav-table{width:100%;table-layout:fixed;border-collapse:collapse}.nav-table td{text-align:center}.card{max-width:800px;margin-left:auto;margin-right:auto;margin-bottom:20px}.marching-perc-page{background-color:#0d1117;background-image:linear-gradient(180deg,#161b22,#0d1117);min-height:100vh;color:#ffffffde}.marching-perc-page .page-header{background-color:#18202e;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);color:#ffffffde}.marching-perc-page .card{background-color:#161b22cc;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000005e;color:#ffffffde}.marching-perc-page h1,.marching-perc-page h2,.marching-perc-page p{color:#ffffffde;text-shadow:0px 2px 10px rgba(0,0,0,.5)}.marching-perc-page a{color:#22d3ee}.marching-perc-page a:hover{color:#67e8f9}.marching-perc-page .back-button{background-color:#153e5a;color:#fff}.marching-perc-page .back-button:hover{background-color:#11344b}.marching-perc-page button{color:#ffffffde;background-color:#1a1a1a;background-image:linear-gradient(to top,#1c2536,#2a3447);border:1px solid transparent;box-shadow:0 2px 8px #00000080}.marching-perc-page .card table button{min-width:200px}.marching-perc-page button:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0006;border-color:#22d3ee}.marching-perc-page .sort-indicator{color:#bdc3c7}.marching-perc-page .card table{background-color:#161b22cc}.marching-perc-page .card th,.marching-perc-page .card td{border-bottom:none}.marching-perc-page .card tbody tr:hover{background-color:transparent}body:has(.marching-perc-page) .navbar{background-color:#18202e;color:#ffffffde;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 1px 3px #00000080}body:has(.marching-perc-page) .navbar h2{color:#ffffffde}body:has(.marching-perc-page) .navbar button{color:#ffffffde;background-color:#1a1a1a;background-image:linear-gradient(to top,#1c2536,#2a3447);border:1px solid transparent;box-shadow:0 2px 8px #00000080}body:has(.marching-perc-page) .navbar button:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0006;border-color:#22d3ee;background-color:#1a1a1a;background-image:linear-gradient(to top,#1c2536,#2a3447)}body:has(.marching-perc-page) .footer-bottom{background-color:#18202e;border-top:1px solid rgba(255,255,255,.1);color:#fff9}html:has(.marching-perc-page){background-color:#0d1117;background-image:linear-gradient(180deg,#161b22,#0d1117);background-attachment:fixed;background-size:cover;background-repeat:no-repeat;width:100%;min-height:100%;overflow-x:hidden}body:has(.marching-perc-page){background-color:#0d1117;background-image:linear-gradient(180deg,#161b22,#0d1117);background-attachment:fixed;background-size:100% 100%;width:100%;overflow-x:hidden}body:has(.marching-perc-page) #root{background-color:transparent;background-image:none}@media(max-width:768px){.marching-perc-page .card{margin:1rem;padding:1.5rem 1rem}.marching-perc-page .page-header{padding:1.5rem 1rem}.marching-perc-page .page-header h1{font-size:1.5rem;margin-bottom:1rem}.marching-perc-page .back-button{font-size:.9rem;padding:.6rem 1rem}.marching-perc-page .card table{display:block;width:100%!important}.marching-perc-page .card table tbody{display:block}.marching-perc-page .card table tr{display:block;margin-bottom:1rem}.marching-perc-page .card table td{display:block;width:100%!important;margin-bottom:.75rem;padding:0}.marching-perc-page .card table button{width:100%;min-width:unset;padding:1rem;font-size:1rem;text-align:center}.marching-perc-page .card table td a{display:block;width:100%}}@media(min-width:769px)and (max-width:1024px){.marching-perc-page .card{margin:1.5rem}.marching-perc-page .card table button{min-width:180px;font-size:.95rem}}@media(max-width:480px){.marching-perc-page .page-header h1{font-size:1.25rem}.marching-perc-page .card{margin:.5rem;padding:1rem .75rem}.marching-perc-page .card table button{padding:.875rem;font-size:.95rem}}.guard-page{background-color:#150d1a;background-image:linear-gradient(180deg,#1f1333,#150d1a);min-height:100vh;color:#ffffffde}.guard-page .page-header{background-color:#2a1a3f;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);color:#ffffffde}.guard-page .card{background-color:#1f1333cc;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000005e;color:#ffffffde}.guard-page h1,.guard-page h2,.guard-page p{color:#ffffffde;text-shadow:0px 2px 10px rgba(0,0,0,.5)}.guard-page a{color:#c084fc}.guard-page a:hover{color:#e9d5ff}.guard-page .back-button{background-color:#6b21a8;color:#fff}.guard-page .back-button:hover{background-color:#581c87}.guard-page button{color:#ffffffde;background-color:#1a1a1a;background-image:linear-gradient(to top,#2a1a3f,#3d2555);border:1px solid transparent;box-shadow:0 2px 8px #00000080}.guard-page .card table button{min-width:200px}.guard-page button:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0006;border-color:#c084fc}.guard-page .sort-indicator{color:#bdc3c7}.guard-page .card table{background-color:#1f1333cc}.guard-page .card th,.guard-page .card td{border-bottom:none}.guard-page .card tbody tr:hover{background-color:transparent}.guard-page .table-container,.guard-page .App table.table-container,.guard-page .table-container table,.guard-page .App .table-container table,.guard-page .table-container tbody tr,.guard-page .App .table-container tbody tr{background-color:#3d1f5a}.guard-page .table-container thead tr,.guard-page .App .table-container thead tr{background-color:#4a2466}.guard-page .table-container th,.guard-page .table-container td,.guard-page .App .table-container th,.guard-page .App .table-container td{border-bottom:1px solid #5a3470}.guard-page .table-container tbody tr:hover,.guard-page .App .table-container tbody tr:hover{background-color:#4a2466}.guard-page .table-container th button.descending:after,.guard-page .App .table-container th button.descending:after{color:#c084fc}body:has(.guard-page) .navbar{background-color:#2a1a3f;color:#ffffffde;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 1px 3px #00000080}body:has(.guard-page) .navbar h2{color:#ffffffde}body:has(.guard-page) .navbar button{color:#ffffffde;background-color:#1a1a1a;background-image:linear-gradient(to top,#2a1a3f,#3d2555);border:1px solid transparent;box-shadow:0 2px 8px #00000080}body:has(.guard-page) .navbar button:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0006;border-color:#c084fc;background-color:#1a1a1a;background-image:linear-gradient(to top,#2a1a3f,#3d2555)}body:has(.guard-page) .footer-bottom{background-color:#2a1a3f;border-top:1px solid rgba(255,255,255,.1);color:#fff9}html:has(.guard-page){background-color:#150d1a;background-image:linear-gradient(180deg,#1f1333,#150d1a);background-attachment:fixed;background-size:cover;background-repeat:no-repeat;width:100%;min-height:100%;overflow-x:hidden}body:has(.guard-page){background-color:#150d1a;background-image:linear-gradient(180deg,#1f1333,#150d1a);background-attachment:fixed;background-size:100% 100%;width:100%;overflow-x:hidden}body:has(.guard-page) #root{background-color:transparent;background-image:none}@media(max-width:768px){.guard-page .card{margin:1rem;padding:1.5rem 1rem}.guard-page .page-header{padding:1.5rem 1rem}.guard-page .page-header h1{font-size:1.5rem;margin-bottom:1rem}.guard-page .back-button{font-size:.9rem;padding:.6rem 1rem}.guard-page .card table{display:block;width:100%!important}.guard-page .card table tbody{display:block}.guard-page .card table tr{display:block;margin-bottom:1rem}.guard-page .card table td{display:block;width:100%!important;margin-bottom:.75rem;padding:0}.guard-page .card table button{width:100%;min-width:unset;padding:1rem;font-size:1rem;text-align:center}.guard-page .card table td a{display:block;width:100%}}@media(min-width:769px)and (max-width:1024px){.guard-page .card{margin:1.5rem}.guard-page .card table button{min-width:180px;font-size:.95rem}}@media(max-width:480px){.guard-page .page-header h1{font-size:1.25rem}.guard-page .card{margin:.5rem;padding:1rem .75rem}.guard-page .card table button{padding:.875rem;font-size:.95rem}}.table-container{overflow-x:auto;overflow-y:visible;box-shadow:0 8px 30px #0003;margin:2rem 0;-webkit-overflow-scrolling:touch}.App table{width:100%;border-collapse:collapse;font-family:Inter,sans-serif;color:#ecf0f1;background-color:#2c3e50;text-align:left}.App thead tr{background-color:#34495e;color:#fff;font-weight:600;font-size:1rem;text-transform:uppercase;letter-spacing:.05em}.App th,.App td{padding:16px 20px;border-bottom:1px solid #3a536b}.App tbody tr{transition:background-color .2s ease-in-out}.App tbody tr:hover{background-color:#3a536b}.App th button{background:none;border:none;font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;cursor:pointer;width:100%;padding:.5rem;display:flex;align-items:center;justify-content:space-between;text-align:left}.App th button.descending:after{content:"▼";font-size:1.1em;margin-left:8px;color:#3498db}.sort-indicator{margin:1rem 0;font-size:1.2rem;font-weight:600;color:#bdc3c7;text-align:center;font-style:italic;width:100%;box-sizing:border-box;word-wrap:break-word}.group-cell{display:flex;align-items:center;gap:15px}.group-logo{width:40px;height:40px;border-radius:50%;object-fit:cover;background-color:#34495e}.App{width:100%;max-width:100%;box-sizing:border-box;background-color:inherit;background-image:inherit;min-height:100vh;overflow-x:hidden}@media(max-width:1200px){.page-header,.sort-indicator{width:100%;max-width:100%}.App{padding:0 .5rem}}@media(max-width:768px){.App th,.App td{padding:12px 10px;font-size:.9rem}.group-logo{width:30px;height:30px}.sort-indicator{font-size:1rem;margin:.75rem 0}}.navbar{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1px 20px;background-color:#fff;color:#1a1a1a;position:fixed;top:0;left:0;right:0;box-sizing:border-box;border-bottom:1px solid rgba(0,0,0,.1);box-shadow:0 1px 3px #0000001a;z-index:1000}.navbar-left{display:flex;align-items:center;gap:20px}.navbar-right{display:flex;align-items:center}.nav-links{list-style:none;padding:0;margin:0;display:flex;gap:20px}.logo{height:80px;width:auto}.navbar button{border-radius:8px;border:2px solid rgb(0,0,0);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;color:#1a1a1a;background-color:#fff;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 4px #0000001a}.navbar button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026;background-color:#e5e7eb}.navbar button:focus,.navbar button:focus-visible{outline:4px auto #1a1a1a}@media(max-width:768px){.navbar{padding:.5rem 1rem;min-height:60px}.logo{height:40px}.navbar h2{font-size:1rem;margin:0}.navbar-left,.nav-links{gap:10px}.navbar button{padding:.5em .9em;font-size:.875rem;border-width:1px}}@media(max-width:480px){.navbar{padding:.4rem .75rem;min-height:60px}.logo{height:35px}.navbar h2{font-size:1rem}.navbar button{padding:.4em .75em;font-size:.8rem}.navbar-left{gap:8px}}@media(min-width:769px)and (max-width:1024px){.logo{height:60px}.navbar{padding:.75rem 1.5rem}}.page-wrapper{min-height:100vh;display:flex;flex-direction:column}.page-content{flex:1}.footer-bottom{text-align:center;padding:1.5rem 0 .5rem;border-top:1px solid rgba(0,0,0,.1);color:#666;font-size:.9rem;margin-top:auto}