.navbar{display:flex;gap:2rem;padding:1rem 2rem;background:maroon;align-items:center;position:relative}.nav-group{position:relative}.nav-title{color:#f9e7c4;font-weight:700;cursor:pointer}.nav-dropdown{display:none;position:absolute;background:#4b1a13;padding:.5rem;border:1px solid #b8860b;z-index:1;flex-direction:column;min-width:180px}.nav-group:hover .nav-dropdown{display:flex}.nav-dropdown a{color:#f9e7c4;text-decoration:none;padding:.4rem 0}.nav-dropdown a:hover{text-decoration:underline;background:#5e2219}.home-link{margin-left:auto;color:#f9e7c4;text-decoration:none;font-weight:700}.match-card{background:#4b1a13;padding:.75rem;margin-bottom:.5rem;border:1px solid #b8860b;border-radius:6px}.match-card a{color:#f9e7c4;text-decoration:none;font-weight:700}.match-card a:hover{text-decoration:underline}body{margin:0;font-family:Segoe UI,sans-serif;background:#3b0d0c;color:#f9e7c4}.app-container{padding:1rem}input,select,button{margin:.25rem;padding:.4rem;border-radius:4px;border:1px solid #ccc}button{background:#b8860b;color:#fff;font-weight:700;cursor:pointer}h1,h2{color:#fc0}table{width:100%;border-collapse:collapse;margin-top:1rem;background:#4b1a13;color:#f9e7c4}th,td{border:1px solid #b8860b;padding:.5rem;text-align:center}th{background:maroon;color:#fc0}button{background:#b8860b;color:#fff;border:none;padding:.5rem 1rem;font-weight:700;cursor:pointer;border-radius:4px}button:hover{background:#cfae1f}button+button{margin-left:1rem}a{color:#fc0;text-decoration:none}a:hover{text-decoration:underline}