/* CS 1.6 MOTD - Ultra Light CSS */
body{font:11px Tahoma;background:#111;color:#fff;padding:5px}
.c{max-width:95%;margin:0 auto;background:#000;border:2px solid #da0;border-radius:8px}
.h{text-align:center;padding:8px;background:#111;border-bottom:2px solid #da0}
.h h1{color:#da0;font:14px Arial;margin:0}
.t{width:100%;border-collapse:collapse;font:11px Tahoma}
.t th{background:#330;color:#da0;padding:5px;font-weight:bold;border-bottom:1px solid #da0}
.t td{padding:4px;text-align:center;border-bottom:1px solid #222}
.a{background:#1a1a1a}
.b{background:#0d0d0d}
.p1{color:#888}.p2{color:#5af}.p3{color:#26f}.p4{color:#a4f}.p5{color:#f6a}.p6{color:#f00}.p7{color:#da0}
.g{color:#da0}.s{color:#5af}.b{color:#aaa}
.pg{padding:8px;text-align:center;background:#111;border-top:1px solid #444}
.bn{padding:4px 10px;background:#da0;color:#000;text-decoration:none;font-weight:bold}
.bn:hover{background:#f80}
.bd{background:#333;color:#666}
.pl{display:inline;margin:0 2px}
.pl a{padding:3px 8px;background:#222;color:#fff;text-decoration:none}
.pl a:hover{background:#444}
.cp{padding:3px 8px;background:#da0;color:#000;font-weight:bold;display:inline;margin:0 2px}

@media screen and (max-width: 600px) {
    .h h1 {
        font-size: 12px;
    }
    
    .page-info {
        font-size: 10px;
    }
    
    .rank-table {
        font-size: 9px;
    }
    
    .rank-table th {
        font-size: 8px;
        padding: 5px 3px;
    }
    
    .rank-table td {
        padding: 5px 3px;
    }
    
    .col-name {
        max-width: 80px;
        font-size: 9px;
    }
    
    .col-premier {
        font-size: 9px;
    }
    
    .btn-nav {
        padding: 5px 8px;
        font-size: 8px;
    }
    
    .instructions {
        font-size: 9px;
    }
}

/* Media queries baseadas em altura para CS 1.6 */
@media screen and (max-height: 600px) {
    .rank-header {
        padding: 10px 15px;
    }
    
    .rank-table th,
    .rank-table td {
        padding: 6px;
    }
}

@media screen and (max-height: 480px) {
    .rank-header h1 {
        font-size: 14px;
    }
    
    .rank-table {
        font-size: 10px;
    }
    
    .rank-table th,
    .rank-table td {
        padding: 4px 3px;
    }
    
    .col-name {
        max-width: 100px;
    }
    
    .pagination {
        padding: 10px 5px;
    }
    
    .btn-nav {
        padding: 5px 10px;
        font-size: 9px;
    }
}
