/* LW Front styles - bracket with connectors, white background SEO */
.lw-bracket-wrapper { background: #fff; color:#111; padding:24px; border-radius:12px; box-shadow: 0 6px 28px rgba(15,23,42,0.05); font-family: Inter, Arial, sans-serif; }
.lw-stage { margin-bottom:32px; }
.lw-stage-title { font-size:20px; font-weight:700; color:#0b63d6; margin-bottom:12px; border-left:4px solid #0b63d6; padding-left:10px; }
.lw-round { display:flex; flex-wrap:wrap; gap:12px; align-items:flex-start; }

/* match card */
.lw-match-card {
    display:flex; align-items:center; gap:12px;
    background:#f9fafb; border:1px solid #eceff6; padding:10px; border-radius:8px; min-width:290px;
    box-shadow: 0 3px 8px rgba(2,6,23,0.03); position:relative;
}
.lw-team { display:flex; align-items:center; gap:8px; min-width:110px; }
.lw-logo img { width:36px; height:36px; object-fit:cover; border-radius:6px; }
.lw-name { font-weight:700; font-size:14px; color:#0b1f3a; }
.lw-score { font-weight:900; font-size:18px; color:#d97706; }

/* center meta */
.lw-vs { flex:1; text-align:center; font-size:13px; color:#556b9a; display:flex; flex-direction:column; gap:6px; }
.lw-time { font-weight:600; color:#0b63d6; }

/* connectors - using pseudo elements */
.lw-stage .lw-match-card { --line-color:#cfe6ff; }
.lw-stage .lw-match-card::after {
    content:''; position:absolute; right:-60px; top:50%; width:40px; height:2px; background:var(--line-color); transform:translateY(-50%); border-radius:2px;
}
.lw-stage .lw-match-card:last-child::after { display:none; }

/* Prediction form */
.lw-predict { margin-top:8px; display:flex; gap:8px; align-items:center; }
.lw-btn { padding:6px 10px; border-radius:8px; background:linear-gradient(90deg,#06b6d4,#7c3aed); color:#fff; border:0; cursor:pointer; }

/* responsive */
@media (max-width:880px) {
    .lw-round { flex-direction:column; }
    .lw-match-card { min-width: auto; width:100%; }
}