.bl-wc-wallchart{
  width:100vw !important;
  max-width:none !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  background:linear-gradient(135deg,#fff5f5 0%,#ffffff 48%,#eef6ff 100%) !important;
  border-top:1px solid #e5e7eb !important;
  border-bottom:1px solid #e5e7eb !important;
  border-left:0 !important;
  border-right:0 !important;
  border-radius:0 !important;
  padding:18px !important;
  font-family:inherit !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}

.bl-wc-title{text-align:center !important;margin-bottom:18px !important;}
.bl-wc-title p{margin:0 !important;font-weight:800 !important;color:#6b21a8 !important;text-transform:uppercase !important;font-size:13px !important;letter-spacing:.08em !important;}
.bl-wc-title h2{margin:4px 0 !important;font-size:clamp(32px,6vw,72px) !important;line-height:.95 !important;color:#111827 !important;font-weight:900 !important;}
.bl-wc-title span{color:#667085 !important;font-size:14px !important;}

.bl-wc-scroll{
  width:100% !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  padding:0 18px 14px !important;
  -webkit-overflow-scrolling:touch !important;
  box-sizing:border-box !important;
}

.bl-wc-board{
  width:1686px !important;
  min-width:1686px !important;
  max-width:1686px !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:165px 150px 150px 150px 360px 150px 150px 150px 165px !important;
  gap:12px !important;
  align-items:stretch !important;
}

.bl-wc-side{display:grid !important;gap:10px !important;}

.group{background:#fff !important;border:1px solid #d0d5dd !important;border-radius:8px !important;overflow:hidden !important;}
.group h3{margin:0 !important;color:#fff !important;font-size:13px !important;text-align:center !important;padding:6px !important;}
.group p{margin:0 !important;padding:5px 8px !important;font-size:12px !important;font-weight:800 !important;border-top:1px solid #e5e7eb !important;color:#111827 !important;background:#fff !important;}
.group p strong{display:block !important;font-size:11px !important;font-weight:800 !important;color:#111827 !important;line-height:1.2 !important;}
.group p small{display:block !important;width:100% !important;color:#6b7280 !important;font-size:10px !important;font-weight:500 !important;margin-top:2px !important;line-height:1.2 !important;}

.red h3{background:#c0392b !important;}.purple h3{background:#7e57c2 !important;}.blue h3{background:#2f5597 !important;}.green h3{background:#4caf50 !important;}.orange h3{background:#d35400 !important;}.violet h3{background:#6a4c93 !important;}.peach h3{background:#e59866 !important;}.pink h3{background:#c2185b !important;}.teal h3{background:#26a69a !important;}.lime h3{background:#9acd32 !important;}

.round{display:flex !important;flex-direction:column !important;justify-content:space-around !important;gap:10px !important;}
.round h3{margin:0 !important;background:#17324d !important;color:#fff !important;text-align:center !important;font-size:12px !important;padding:7px !important;border-radius:6px 6px 0 0 !important;text-transform:uppercase !important;}

.match,.third{background:#fff !important;border:1px solid #cfd6df !important;border-radius:8px !important;overflow:hidden !important;box-shadow:0 6px 15px rgba(16,24,39,.08) !important;}
.match b,.third b{display:block !important;background:#17324d !important;color:#fff !important;font-size:12px !important;text-align:center !important;padding:6px !important;text-transform:uppercase !important;}
.match small,.third small{display:block !important;text-align:center !important;background:#f8fafc !important;color:#64748b !important;font-size:10px !important;font-weight:600 !important;line-height:1.2 !important;padding:4px 6px !important;border-bottom:1px solid #e5e7eb !important;}
.match p,.third p{margin:0 !important;padding:8px !important;border-top:1px solid #e5e7eb !important;font-size:13px !important;font-weight:800 !important;color:#111827 !important;min-height:34px !important;display:flex !important;justify-content:space-between !important;align-items:center !important;gap:8px !important;}
.match p span,.third p span{display:block !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;}
.match p em,.third p em{font-style:normal !important;font-weight:900 !important;color:#17324d !important;min-width:20px !important;text-align:right !important;}

.centre{display:flex !important;flex-direction:column !important;justify-content:center !important;gap:18px !important;text-align:center !important;}
.centre h1{font-size:64px !important;line-height:.9 !important;margin:0 !important;font-weight:900 !important;color:#111827 !important;}
.centre h1 span{color:#d93025 !important;font-size:90px !important;}
.semi-row{display:grid !important;grid-template-columns:1fr 1fr !important;gap:12px !important;}

.final{background:#c8a24a !important;border-radius:14px !important;padding:12px !important;color:#fff !important;box-shadow:0 10px 25px rgba(0,0,0,.15) !important;}
.final b{display:block !important;font-size:30px !important;line-height:1 !important;}
.final small{display:block !important;margin:4px 0 10px !important;}
.final p{background:#fff !important;color:#111827 !important;margin:8px 0 !important;padding:12px !important;font-weight:900 !important;border-radius:6px !important;display:flex !important;justify-content:space-between !important;align-items:center !important;}
.final p em{font-style:normal !important;color:#17324d !important;}
.final strong{display:block !important;background:#111827 !important;padding:10px !important;border-radius:8px !important;}

.bl-wc-status{display:block !important;width:max-content !important;max-width:calc(100% - 12px) !important;margin:4px auto 0 !important;padding:2px 7px !important;border-radius:999px !important;font-size:9px !important;font-weight:900 !important;line-height:1.2 !important;text-transform:uppercase !important;letter-spacing:.03em !important;background:#e5e7eb !important;color:#374151 !important;}
.bl-wc-status-scheduled{background:#eef2ff !important;color:#3730a3 !important;}
.bl-wc-status-live{background:#fee2e2 !important;color:#b91c1c !important;}
.bl-wc-status-full-time{background:#dcfce7 !important;color:#166534 !important;}
.bl-wc-status-postponed,.bl-wc-status-cancelled{background:#fef3c7 !important;color:#92400e !important;}
.final .bl-wc-status{margin:0 auto 10px !important;background:#fff7ed !important;color:#9a3412 !important;}

.bl-wc-note{margin:12px 0 0 !important;text-align:center !important;color:#667085 !important;font-size:13px !important;}

.bl-wc-main-btn{display:inline-block !important;margin:10px auto 12px !important;padding:14px 26px !important;background:linear-gradient(135deg,#6b21a8 0%,#2563eb 100%) !important;color:#fff !important;text-decoration:none !important;font-weight:800 !important;font-size:15px !important;border-radius:999px !important;box-shadow:0 10px 25px rgba(37,99,235,.25) !important;transition:all .2s ease !important;}
.bl-wc-main-btn:hover{transform:translateY(-2px) !important;box-shadow:0 14px 30px rgba(37,99,235,.35) !important;color:#fff !important;}

@media(max-width:768px){
  .bl-wc-wallchart{width:100% !important;max-width:100% !important;margin-left:0 !important;margin-right:0 !important;padding:12px !important;border:1px solid #e5e7eb !important;border-radius:14px !important;}

  .bl-wc-board{
    width:1470px !important;
    min-width:1470px !important;
    max-width:1470px !important;
    margin:0 !important;
    grid-template-columns:145px 130px 130px 130px 320px 130px 130px 130px 145px !important;
    gap:10px !important;
  }

  .centre h1{font-size:48px !important;}
  .centre h1 span{font-size:72px !important;}
  .group p,.match p,.third p{font-size:11px !important;}
  .match small,.third small{font-size:9px !important;padding:3px 4px !important;}
  .bl-wc-status{font-size:8px !important;padding:2px 6px !important;}
}