*{
        margin:0;
        padding:0;
        box-sizing:border-box;
    }

    body{
        background:#0b0b0b;
        color:#fff;
        font-family:Arial, Helvetica, sans-serif;
        padding:20px;
    }

    .container{
        max-width:1200px;
        margin:auto;
    }

    .header{
        text-align:center;
        margin-bottom:30px;
    }

    .header h1{
        color:#d4a017;
        font-size:3rem;
        margin-bottom:10px;
        text-transform:uppercase;
    }

    .header p{
        color:#ccc;
        font-size:1.1rem;
    }

    .card{
        background:#151515;
        border:2px solid #d4a017;
        border-radius:12px;
        padding:20px;
        margin-bottom:30px;
        box-shadow:0 0 15px rgba(212,160,23,0.2);
    }

    .section-title{
        color:#d4a017;
        margin-bottom:20px;
        font-size:1.8rem;
        text-transform:uppercase;
        border-bottom:1px solid #333;
        padding-bottom:10px;
    }

    .schedule-image{
        width:100%;
        border-radius:10px;
        border:2px solid #333;
    }

    table{
        width:100%;
        border-collapse:collapse;
    }

    th{
        background:#d4a017;
        color:#000;
        padding:12px;
        text-transform:uppercase;
    }

    td{
        padding:12px;
        border-bottom:1px solid #333;
        text-align:center;
    }

    tr:nth-child(even){
        background:#1d1d1d;
    }

    tr:hover{
        background:#2a2a2a;
    }

    .footer{
        text-align:center;
        color:#777;
        margin-top:20px;
        font-size:0.9rem;
    }

    @media(max-width:768px){
        .header h1{
            font-size:2rem;
        }

        th, td{
            font-size:0.9rem;
            padding:8px;
        }
    }

.schedule-table-wrapper{
    overflow-x:auto;
}

.schedule-table{
    width:100%;
    border-collapse:collapse;
}

.schedule-table th{
    background:#d4a017;
    color:#000;
    padding:12px;
}

.schedule-table td{
    padding:12px;
    border-bottom:1px solid #333;
    text-align:left;
}

.schedule-table tr:nth-child(even){
    background:#1d1d1d;
}

.schedule-table tr:hover{
    background:#2a2a2a;
}

.schedule-legend{
    display:flex;
    gap:20px;
    margin-bottom:15px;
    color:#ccc;
    font-size:0.95rem;
    flex-wrap:wrap;
}

.schedule-legend strong{
    color:#d4a017;
}

.home-team,
.away-team{
    color:#d4a017;
    font-weight:bold;
}
.page-header{
    width:100%;
    text-align:center;
    margin-bottom:20px;
}

.page-header img{
    max-width:100%;
    height:auto;
    max-height:250px;
}

.payout-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
    gap:20px;
    margin-top:10px;
}

.payout-box{
    background:#1d1d1d;
    border:2px solid #d4a017;
    border-radius:12px;
    padding:25px;
    text-align:center;
    transition:0.3s ease;
}

.payout-box:hover{
    transform:translateY(-5px);
    box-shadow:0 0 15px rgba(212,160,23,0.4);
}

.payout-box h3{
    color:#d4a017;
    margin-bottom:15px;
    font-size:1.5rem;
}

.payout-box p{
    font-size:2rem;
    font-weight:bold;
    color:#fff;
}

.first-place{
    border-color:gold;
}

.second-place{
    border-color:silver;
}

.third-place{
    border-color:#cd7f32;
}
.section-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:15px;
}

.printable-link{
    background:#d4a017;
    color:#000;
    padding:10px 16px;
    border-radius:8px;
    text-decoration:none;
    font-weight:bold;
    transition:0.3s ease;
}

.printable-link:hover{
    background:#f0c040;
    transform:translateY(-2px);
}
.header-buttons{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}

.print-button{
    background:#d4a017;
    color:#000;
    padding:10px 16px;
    border:none;
    border-radius:8px;
    cursor:pointer;
    font-weight:bold;
    transition:0.3s ease;
}

.print-button:hover{
    background:#f0c040;
}

@media print {

    body *{
        visibility:hidden;
        color:#000 !important;
        background:#fff !important;
        box-shadow:none !important;
        text-shadow:none !important;
    }

    #schedule-section,
    #schedule-section *{
        visibility:visible;
    }

    #schedule-section{
        position:absolute;
        left:0;
        top:0;
        width:100%;
        background:#fff !important;
        color:#000 !important;
        padding:0;
        margin:0;
        border:none;
        box-shadow:none;
    }

    #schedule-section .section-title{
        color:#000 !important;
        border:none;
    }

    #schedule-section table{
        width:100%;
        border-collapse:collapse;
    }

    #schedule-section th,
    #schedule-section td{
        border:1px solid #000 !important;
        padding:8px;
        color:#000 !important;
        background:#fff !important;
    }

    #schedule-section small{
        color:#000 !important;
    }

    .home-team,
    .away-team,
    .schedule-legend strong{
        color:#000 !important;
        font-weight:bold;
    }

    .print-button,
    .printable-link{
        display:none !important;
    }
}

.completed-week {
    text-decoration: line-through;
    color: #888;
    opacity: 0.75;
}

/* Completed weeks */
.completed-week {
    opacity: 0.65;
}

.completed-week td:first-child {
    text-decoration: line-through;
}

/* Current week */
.current-week {
    font-weight: bold;
}

/* Tonight's matches */
.tonight-week {
    font-weight: bold;
}

/* Smooth visual effect */
.schedule-table tbody tr {
    transition: background-color 0.3s ease;
}