/* ==========================================
   BASE
========================================== */

.kctap-container{
    max-width:1200px;
    margin:0 auto;
    padding:20px;
}

.kctap-section{
    padding:40px 0;
}

.kctap-section.alt{
    background:rgba(255,255,255,0.02);
}

/* ==========================================
   HERO
========================================== */

.kctap-hero{
    text-align:center;
    padding:60px 20px;
}

.kctap-hero-logo{
    max-width:180px;
    margin-bottom:10px;
}

.kctap-subtitle{
    color:#9ca3af;
    margin-bottom:20px;
}

.kctap-hero-actions{
    display:flex;
    gap:10px;
    justify-content:center;
}

/* ==========================================
   BUTTONS
========================================== */

.kctap-btn{
    padding:10px 16px;
    border-radius:6px;
    background:#1f2937;
    color:#fff;
    text-decoration:none;
    transition:0.2s;
}

.kctap-btn.primary{
    background:#ef4444;
}

.kctap-btn.large{
    padding:14px 24px;
}

.kctap-btn:hover{
    transform:translateY(-2px);
}

/* ==========================================
   STATS GRID
========================================== */

.kctap-grid-4{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
    gap:20px;
}

.kctap-stat-card{
    background:rgba(255,255,255,0.03);
    padding:20px;
    text-align:center;
    border-radius:8px;
}

.kctap-stat-value{
    font-size:28px;
    font-weight:bold;
}

/* ==========================================
   HEADERS
========================================== */

.kctap-section-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:20px;
}

.kctap-link{
    color:#facc15;
    text-decoration:none;
}

/* ==========================================
   CTA
========================================== */

.kctap-cta{
    text-align:center;
    padding:60px 20px;
    background:rgba(255,0,0,0.05);
}

/* ==========================================
   MVP PUBLIC (RESPONSIVE)
========================================== */

.kctap-mvp-columns{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:15px;
}

/* TABLET */
@media (max-width:900px){
    .kctap-mvp-columns{
        grid-template-columns:repeat(2,1fr);
    }
}

/* MOBILE */
@media (max-width:600px){
    .kctap-mvp-columns{
        grid-template-columns:1fr;
    }
}

.kctap-mvp-col{
    background:rgba(255,255,255,0.03);
    padding:10px;
    border-radius:6px;
}

.kctap-mvp-col ul{
    list-style:none;
    padding:0;
    margin:0;
}

.kctap-mvp-col li{
    display:flex;
    justify-content:space-between;
    padding:4px 0;
    border-bottom:1px solid rgba(255,255,255,0.05);
}

.kctap-standing-row{
    display:flex;
    justify-content:space-between;
    padding:6px;
    border-bottom:1px solid rgba(255,255,255,.05);
}

.kctap-roster-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(120px,1fr));
    gap:10px;
}

.kctap-roster-card{
    background:#111;
    padding:10px;
    border-radius:6px;
}

.kctap-player-card{
    background:#111;
    padding:20px;
    border-radius:8px;
}

/* ==========================================
   MVP GRID (RESPONSIVE)
========================================== */

.kctap-mvp-grid{
    display:flex;
    flex-direction:column;
    gap:20px;
}

.kctap-mvp-league{
    background:rgba(255,255,255,0.03);
    padding:15px;
    border-radius:8px;
}

.kctap-mvp-league-title{
    text-align:center;
    margin-bottom:10px;
}

.kctap-mvp-columns{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
}

/* TABLET */
@media (max-width:900px){
    .kctap-mvp-columns{
        grid-template-columns:repeat(2,1fr);
    }
}

/* MOBILE */
@media (max-width:600px){
    .kctap-mvp-columns{
        grid-template-columns:1fr;
    }
}

.kctap-mvp-col{
    background:rgba(0,0,0,0.4);
    padding:10px;
    border-radius:6px;
}

.kctap-mvp-col-title{
    font-weight:bold;
    margin-bottom:6px;
    text-align:center;
}

.kctap-mvp-row{
    display:flex;
    justify-content:space-between;
    font-size:12px;
    padding:3px 0;
}