*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f4f5f7;color:#1a1a1a}.app{min-height:100vh;display:flex;flex-direction:column}.nav{display:flex;align-items:center;gap:1.25rem;padding:.75rem 1.5rem;background:#1c2b4a;color:#fff}.nav a{color:#fff;text-decoration:none;font-weight:500}.nav a:hover{text-decoration:underline}.brand{font-weight:700;font-size:1.1rem}.nav-right{margin-left:auto;display:flex;align-items:center;gap:.75rem}.username{opacity:.85}.nav button{background:transparent;border:1px solid rgba(255,255,255,.4);color:#fff;padding:.3rem .7rem;border-radius:6px;cursor:pointer}.content{padding:1.5rem;max-width:900px;margin:0 auto;width:100%}.card{background:#fff;border-radius:10px;padding:1.25rem 1.5rem;margin-bottom:1.25rem;box-shadow:0 1px 3px #00000014}form label{display:block;margin-bottom:.75rem;font-weight:500}form input,form select{display:block;width:100%;padding:.5rem;margin-top:.25rem;border:1px solid #ccc;border-radius:6px;font-size:1rem}form button,.pick-buttons button{background:#1c2b4a;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.95rem}form button:hover,.pick-buttons button:hover:not(:disabled){background:#14213d}.error{color:#c0392b;font-weight:500}.week-select{margin-bottom:1rem;font-weight:600}.games-list{display:flex;flex-direction:column;gap:1rem}.game-card{background:#fff;border-radius:10px;padding:1rem 1.25rem;box-shadow:0 1px 3px #00000014;border-left:4px solid #2e7d32}.game-card.locked{border-left-color:#999}.game-header{display:flex;justify-content:space-between;font-weight:600;margin-bottom:.5rem}.kickoff{font-weight:400;color:#666;font-size:.9rem}.winner{color:#2e7d32;font-weight:600}.pick-buttons{display:flex;gap:.5rem;margin:.5rem 0}.pick-buttons button.selected{background:#2e7d32}.pick-buttons button:disabled{opacity:.6;cursor:not-allowed}.hint{color:#888;font-size:.85rem;margin:.25rem 0 0}.all-picks{margin-top:.5rem;font-size:.9rem}.all-picks ul{margin:.25rem 0 0;padding-left:1.2rem}table{width:100%;border-collapse:collapse;margin-top:1rem}.leaderboard-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.leaderboard-header h2{margin:0}.leaderboard-header select{width:auto;margin:0}th,td{text-align:left;padding:.5rem;border-bottom:1px solid #eee}.inline-form{display:flex;gap:.5rem;align-items:flex-end;margin:1rem 0;flex-wrap:wrap}.inline-form input{width:auto;margin:0}
