.fixture-table { width: 100%; max-width: 800px; border-collapse: collapse; background-color: white; font-family: Arial, sans-serif; font-size: 11px; }
.fixture-table th,
.fixture-table td { padding: 0.1rem; border-bottom: 1px solid #ddd; }
.fixture-table th { background-color: #C30000; color: white; font-weight: bold; text-transform: uppercase; }
.fixture-table tr:hover { background-color: #f5f5f5; }
.result { font-weight: bold; }
div.lose { color: white; font-weight: bold; background-color: #d44c4c; }
div.draw { color: white; font-weight: bold; background-color: #dfc135; }
div.win { color: white; font-weight: bold; background-color: #5bbf5c; }
.next-match { background-color: #ffeb3b; /* Önümüzdeki maçı vurgulamak için sarı renk */ }
.past-match { opacity: 0.7; /* Geçmiş tarihli maçları soluklaştırmak için */ }
#overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 1000; }
#description { text-align: center; font-family: Altinordu-Light, Arial, Helvetica Neue, Helvetica, sans-serif; display: none; position: absolute; background-color: white; padding: 10px; border-radius: 8px; z-index: 1002; }
#description::before { content: ''; transform: rotate(45deg); background: #fff; position: absolute; top: -5px; left: 50%; border-width: 8px; border-style: solid; border-color: transparent transparent white transparent; }
.highlight-span { position: relative; z-index: 1001; background-color: white; /* Highlight the span */ }
#tutorialClosed { background-color: #ece1be; border: none; box-shadow: none; border-radius: 3px; padding: 5px 18px; margin: 0; font-size: 12px; font-weight: 650; }