:root{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:#0f172a;background-color:#f8fafc;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,#eef2ff 0,transparent 35%),radial-gradient(circle at bottom right,#e0f2fe 0,transparent 40%),#f8fafc}a{color:inherit;text-decoration:none}button{font-family:inherit}@media(max-width:768px){body{font-size:16px}button,a[role=button],input[type=submit],input[type=button]{min-height:44px;min-width:44px}p,span,div{line-height:1.6}}html,body{overflow-x:hidden;max-width:100vw}.layout{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#0f172a;color:#e2e8f0;box-shadow:0 2px 6px #00000014;gap:1rem;flex-wrap:wrap}.brand{font-weight:700;letter-spacing:.02em;font-size:1.25rem}.nav{display:flex;gap:1rem;flex-wrap:wrap}.nav a{color:#cbd5e1;font-weight:600;white-space:nowrap}.nav a:hover{color:#fff}.content{flex:1;padding:1.5rem}@media(max-width:768px){.topbar{padding:.75rem 1rem;gap:.75rem}.brand{font-size:1.1rem}.nav{gap:.5rem;order:3;width:100%;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1)}.nav a{font-size:.9rem;padding:.5rem}.content{padding:1rem}.topbar>div:last-child{flex-wrap:wrap;gap:.5rem}}@media(max-width:480px){.topbar{padding:.5rem .75rem}.brand{font-size:1rem}.nav{flex-direction:column;gap:.25rem}.nav a{padding:.4rem .5rem;border-radius:4px;background:#ffffff0d}.content{padding:.75rem}}@media(max-width:768px){table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}form{grid-template-columns:1fr!important}.card,[style*=card]{padding:1rem!important;margin-bottom:1rem!important}button{width:100%;margin-bottom:.5rem}.sectionHeader,[style*=sectionHeader]{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important}.teamsGrid,[style*=teamsGrid],.scoreRow,[style*=scoreRow]{grid-template-columns:1fr!important}}@media(max-width:480px){.content{padding:.5rem!important}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.1rem}input,select,textarea,button{width:100%}[style*='maxWidth: "400px"']{padding:1.5rem!important}}
