/* ===========================================================
   Championship Management — public styles v1.0.3
   Port 1:1 din mockup championship-mockup.html (palette magicevents.me)
   Toate regulile sunt scopate pe `.cm-wrap` și folosesc !important
   pentru a neutraliza stilurile temei WordPress active.
   =========================================================== */

/* ---------- Theme reset (neutralizează tema) ---------- */
.cm-wrap,.cm-wrap *,.cm-wrap *::before,.cm-wrap *::after{
  box-sizing:border-box !important;
}
.cm-wrap{
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif !important;
  background:#FAFAF7 !important;
  color:#0A0A0A !important;
  line-height:1.55 !important;
  -webkit-font-smoothing:antialiased !important;
  text-rendering:optimizeLegibility !important;
  margin:0 !important;
}
.cm-wrap h1,.cm-wrap h2,.cm-wrap h3,.cm-wrap h4{
  font-family:'Playfair Display',Georgia,serif !important;
  font-weight:500 !important;
  letter-spacing:-.01em !important;
  color:#0A0A0A !important;
  margin:0 !important;
  line-height:1.2 !important;
  text-transform:none !important;
}
.cm-wrap p{margin:0 !important;color:inherit}
.cm-wrap a{color:inherit;text-decoration:none !important;box-shadow:none !important;background:transparent}
.cm-wrap input,.cm-wrap button,.cm-wrap select,.cm-wrap textarea{
  font-family:inherit !important;
  font-size:inherit;color:inherit;box-shadow:none !important;margin:0;
}
.cm-wrap button{border:none;background:none;padding:0;cursor:pointer}
.cm-wrap ul,.cm-wrap ol{list-style:none !important;padding:0 !important;margin:0 !important}
.cm-wrap svg{display:inline-block;vertical-align:middle}

/* ---------- Public container ---------- */
.cm-wrap .cm-public{
  background:#FAFAF7 !important;
  border:1px solid #EAEAE5 !important;
  border-radius:12px !important;
  padding:40px 32px !important;
  max-width:1200px !important;
  margin:24px auto !important;
  color:#0A0A0A !important;
  overflow:hidden;
}

.cm-wrap .cm-public-header{
  display:flex !important;justify-content:space-between !important;align-items:center !important;
  padding-bottom:20px !important;border-bottom:1px solid #EAEAE5 !important;margin-bottom:32px !important;
}
.cm-wrap .cm-back-link{
  font-size:13px !important;color:#8B8B8B !important;font-weight:500 !important;
}
.cm-wrap .cm-back-link:hover{color:#0A0A0A !important}

/* ---------- Hero ---------- */
.cm-wrap .cm-hero{text-align:center !important;padding:32px 0 40px !important}
.cm-wrap .cm-kicker{
  color:#C9A066 !important;font-size:11px !important;letter-spacing:3px !important;
  text-transform:uppercase !important;font-weight:600 !important;display:block !important;
}
.cm-wrap .cm-hero h1{
  font-family:'Playfair Display',Georgia,serif !important;font-weight:500 !important;
  font-size:56px !important;color:#0A0A0A !important;
  margin:14px 0 !important;line-height:1.05 !important;letter-spacing:-.02em !important;
}
.cm-wrap .cm-hero h1 .cm-accent,.cm-wrap .cm-accent{
  font-style:italic !important;color:#C9A066 !important;font-weight:400 !important;
}
.cm-wrap .cm-sub{
  color:#8B8B8B !important;font-size:15px !important;
  max-width:540px !important;margin:0 auto !important;line-height:1.6 !important;
}

/* ---------- Room meta chips ---------- */
.cm-wrap .cm-room-meta{display:flex !important;gap:10px !important;justify-content:center !important;flex-wrap:wrap !important;margin:24px 0 !important}
.cm-wrap .cm-chip{
  background:#FFFFFF !important;border:1px solid #EAEAE5 !important;
  padding:7px 14px !important;border-radius:30px !important;font-size:12px !important;
  color:#8B8B8B !important;display:inline-flex !important;align-items:center !important;gap:6px !important;
  box-shadow:0 1px 2px rgba(10,10,10,.04) !important;
}
.cm-wrap .cm-chip strong{color:#0A0A0A !important;font-weight:600 !important}

/* ---------- Filter chips ---------- */
.cm-wrap .cm-filters{display:flex !important;gap:8px !important;justify-content:center !important;flex-wrap:wrap !important;margin-bottom:28px !important}
.cm-wrap .cm-filter{
  background:transparent !important;color:#8B8B8B !important;
  padding:8px 16px !important;border-radius:30px !important;font-size:12px !important;
  font-weight:500 !important;border:1px solid #D4D4CF !important;
  transition:all .15s ease !important;letter-spacing:.01em !important;cursor:pointer;
}
.cm-wrap .cm-filter:hover{color:#0A0A0A !important;border-color:#0A0A0A !important}
.cm-wrap .cm-filter.active{background:#0A0A0A !important;color:#FFFFFF !important;border-color:#0A0A0A !important}

/* ---------- Championship cards ---------- */
.cm-wrap .cm-cards{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(320px,1fr)) !important;gap:20px !important}
.cm-wrap .cm-champ-card{
  background:#FFFFFF !important;border:1px solid #EAEAE5 !important;
  border-radius:14px !important;overflow:hidden !important;
  transition:all .2s ease !important;box-shadow:0 1px 2px rgba(10,10,10,.04) !important;
}
.cm-wrap .cm-champ-card:hover{
  border-color:#D4D4CF !important;transform:translateY(-4px) !important;
  box-shadow:0 4px 18px rgba(10,10,10,.07), 0 2px 6px rgba(10,10,10,.04) !important;
}
.cm-wrap .cm-champ-cover{
  height:110px !important;position:relative !important;display:flex !important;
  align-items:flex-end !important;padding:18px 22px !important;
  border-bottom:1px solid #EAEAE5 !important;background:#F5F4EF !important;
}
.cm-wrap .cm-champ-sport{
  font-size:10px !important;letter-spacing:1.8px !important;color:#8B8B8B !important;
  font-weight:600 !important;text-transform:uppercase !important;
  font-family:'Inter',sans-serif !important;
}
.cm-wrap .cm-champ-body{padding:20px 22px 22px !important}
.cm-wrap .cm-champ-title{
  font-family:'Playfair Display',Georgia,serif !important;
  font-size:24px !important;color:#0A0A0A !important;
  margin:0 0 6px 0 !important;font-weight:500 !important;line-height:1.2 !important;letter-spacing:-.01em !important;
}
.cm-wrap .cm-champ-meta{color:#8B8B8B !important;font-size:13px !important;margin:0 0 16px 0 !important}
.cm-wrap .cm-champ-stats{
  display:flex !important;justify-content:space-between !important;align-items:center !important;
  margin-bottom:16px !important;padding:14px !important;background:#F5F4EF !important;border-radius:10px !important;
}
.cm-wrap .cm-champ-stats .v{font-family:'Playfair Display',Georgia,serif !important;font-size:22px !important;color:#0A0A0A !important;font-weight:500 !important;line-height:1.1 !important}
.cm-wrap .cm-champ-stats .l{font-size:10px !important;color:#8B8B8B !important;text-transform:uppercase !important;letter-spacing:1px !important;margin-top:4px !important;font-weight:600 !important}
.cm-wrap .cm-champ-actions{display:flex !important;gap:8px !important}

/* ---------- Status pills ---------- */
.cm-wrap .cm-status-pill{
  position:absolute !important;top:14px !important;right:14px !important;
  display:inline-block !important;padding:4px 10px !important;border-radius:20px !important;
  font-size:10px !important;font-weight:600 !important;
  text-transform:uppercase !important;letter-spacing:.5px !important;
  font-family:'Inter',sans-serif !important;
}
.cm-wrap .status-open{background:#E8F0EA !important;color:#4A7C59 !important}
.cm-wrap .status-progress{background:#FBF4E1 !important;color:#B8860B !important}
.cm-wrap .status-finished{background:#F5F4EF !important;color:#8B8B8B !important}
.cm-wrap .status-draft{background:#F5F4EF !important;color:#8B8B8B !important}

/* ---------- Buttons ---------- */
.cm-wrap a.cm-btn-dark,.cm-wrap button.cm-btn-dark,.cm-wrap .cm-btn-dark{
  background:#0A0A0A !important;color:#FFFFFF !important;
  text-decoration:none !important;border:1px solid #0A0A0A !important;
  flex:1;padding:11px 14px !important;border-radius:8px !important;
  font-size:12px !important;font-weight:500 !important;letter-spacing:.02em !important;
  text-align:center !important;transition:all .15s ease !important;cursor:pointer !important;
  font-family:inherit !important;display:inline-flex !important;
  align-items:center !important;justify-content:center !important;line-height:1.2 !important;
}
.cm-wrap a.cm-btn-dark:hover,.cm-wrap button.cm-btn-dark:hover,.cm-wrap .cm-btn-dark:hover{
  background:#2A2A2A !important;color:#FFFFFF !important;border-color:#2A2A2A !important;
}

.cm-wrap a.cm-btn-outline,.cm-wrap button.cm-btn-outline,.cm-wrap .cm-btn-outline{
  background:transparent !important;color:#0A0A0A !important;
  text-decoration:none !important;border:1px solid #D4D4CF !important;
  flex:1;padding:11px 14px !important;border-radius:8px !important;
  font-size:12px !important;font-weight:500 !important;letter-spacing:.02em !important;
  text-align:center !important;transition:all .15s ease !important;cursor:pointer !important;
  font-family:inherit !important;display:inline-flex !important;
  align-items:center !important;justify-content:center !important;line-height:1.2 !important;
}
.cm-wrap a.cm-btn-outline:hover,.cm-wrap button.cm-btn-outline:hover,.cm-wrap .cm-btn-outline:hover{
  border-color:#0A0A0A !important;background:#F5F4EF !important;color:#0A0A0A !important;
}
.cm-wrap .cm-btn-muted{
  background:#F5F4EF !important;color:#8B8B8B !important;flex:1;padding:11px 14px !important;
  border-radius:8px !important;font-size:12px !important;font-weight:500 !important;
  text-align:center !important;cursor:not-allowed !important;border:1px solid #EAEAE5 !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;line-height:1.2 !important;
}

/* ---------- Reg form ---------- */
.cm-wrap .cm-reg-form{
  max-width:620px !important;margin:0 auto !important;background:#FFFFFF !important;
  border:1px solid #EAEAE5 !important;border-radius:14px !important;padding:36px !important;
  box-shadow:0 4px 18px rgba(10,10,10,.07), 0 2px 6px rgba(10,10,10,.04) !important;
}
.cm-wrap .cm-reg-form h3{font-family:'Playfair Display',Georgia,serif !important;font-size:26px !important;color:#0A0A0A !important;margin:0 0 6px 0 !important;font-weight:500 !important}
.cm-wrap .cm-reg-form .sub{color:#8B8B8B !important;font-size:13px !important;margin-bottom:28px !important;line-height:1.6 !important}
.cm-wrap .cm-reg-form label{
  display:block !important;color:#2A2A2A !important;font-size:11px !important;
  text-transform:uppercase !important;letter-spacing:1.5px !important;margin-bottom:6px !important;
  font-weight:600 !important;font-family:'Inter',sans-serif !important;
}
.cm-wrap .cm-reg-form input{
  width:100% !important;padding:12px 14px !important;background:#F5F4EF !important;
  border:1px solid #EAEAE5 !important;border-radius:8px !important;color:#0A0A0A !important;
  font-family:'Inter',sans-serif !important;font-size:14px !important;
  margin-bottom:18px !important;transition:all .15s ease !important;line-height:1.4 !important;
}
.cm-wrap .cm-reg-form input:focus{outline:none !important;border-color:#0A0A0A !important;background:#FFFFFF !important}
.cm-wrap .cm-player-row{display:flex !important;gap:8px !important;align-items:center !important;margin-bottom:10px !important}
.cm-wrap .cm-player-row input{margin-bottom:0 !important;flex:1 !important}
.cm-wrap .cm-del{
  background:transparent !important;color:#8B8B8B !important;border:1px solid #EAEAE5 !important;
  width:38px !important;height:42px !important;border-radius:8px !important;cursor:pointer !important;
  transition:all .15s ease !important;font-size:18px !important;line-height:1 !important;padding:0 !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
}
.cm-wrap .cm-del:hover{color:#B0413E !important;border-color:#B0413E !important;background:#F7E4E3 !important}
.cm-wrap .cm-add-player{
  background:transparent !important;color:#2A2A2A !important;border:1px dashed #D4D4CF !important;
  padding:11px !important;border-radius:8px !important;width:100% !important;font-size:13px !important;
  font-weight:500 !important;margin-bottom:24px !important;transition:all .15s ease !important;cursor:pointer !important;
}
.cm-wrap .cm-add-player:hover{border-color:#0A0A0A !important;color:#0A0A0A !important;background:#F5F4EF !important}
.cm-wrap .cm-cta{
  background:#0A0A0A !important;color:#FFFFFF !important;padding:14px 24px !important;
  border-radius:8px !important;width:100% !important;cursor:pointer !important;
  font-size:13px !important;font-weight:600 !important;letter-spacing:1px !important;
  transition:all .18s ease !important;box-shadow:0 2px 10px rgba(10,10,10,.05) !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;line-height:1.2 !important;
}
.cm-wrap .cm-cta:hover{background:#2A2A2A !important;box-shadow:0 4px 18px rgba(10,10,10,.07), 0 2px 6px rgba(10,10,10,.04) !important;transform:translateY(-1px)}
.cm-wrap .cm-cta:disabled{opacity:.6;cursor:wait;transform:none}
.cm-wrap #cm-register-msg{margin-top:16px;padding:12px;border-radius:8px;display:none;font-size:13px}
.cm-wrap #cm-register-msg.success{display:block;background:#E8F0EA !important;color:#4A7C59 !important;border:1px solid #4A7C59 !important}
.cm-wrap #cm-register-msg.error{display:block;background:#F7E4E3 !important;color:#B0413E !important;border:1px solid #B0413E !important}

/* ---------- Live indicators ---------- */
.cm-wrap .cm-live-badge{
  display:inline-flex !important;align-items:center !important;gap:6px !important;
  background:#B0413E !important;color:#FFFFFF !important;padding:4px 10px !important;
  border-radius:20px !important;font-size:10px !important;font-weight:600 !important;
  letter-spacing:1.2px !important;text-transform:uppercase !important;
  font-family:'Inter',sans-serif !important;
}
.cm-wrap .cm-live-dot{width:7px !important;height:7px !important;border-radius:50% !important;background:#FFFFFF !important;animation:cmPulse 1.4s infinite !important}
@keyframes cmPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.4)}}

.cm-wrap .cm-live-spotlight{
  background:#FFFFFF !important;border:1px solid #B0413E !important;border-radius:14px !important;
  padding:26px !important;margin-bottom:24px !important;position:relative !important;
  box-shadow:0 4px 18px rgba(10,10,10,.07), 0 2px 6px rgba(10,10,10,.04) !important;
}
.cm-wrap .cm-live-spotlight > .cm-live-badge{position:absolute !important;top:14px !important;right:14px !important}
.cm-wrap .cm-live-round{color:#8B8B8B !important;font-size:11px !important;letter-spacing:2px !important;text-transform:uppercase !important;margin-bottom:16px !important;font-weight:600 !important}
.cm-wrap .cm-live-teams{display:flex !important;justify-content:center !important;align-items:center !important;gap:28px !important;flex-wrap:wrap !important}
.cm-wrap .cm-live-name{font-family:'Playfair Display',Georgia,serif !important;font-size:28px !important;letter-spacing:-.01em !important;color:#0A0A0A !important;font-weight:500 !important}
.cm-wrap .cm-live-hint{color:#8B8B8B !important;font-size:11px !important;letter-spacing:1px !important;text-transform:uppercase !important;margin-top:6px !important;font-weight:500 !important}
.cm-wrap .cm-live-score{font-family:'Playfair Display',Georgia,serif !important;font-size:54px !important;color:#0A0A0A !important;font-weight:500 !important;line-height:1 !important;letter-spacing:-.02em !important}

/* ---------- Stats bar ---------- */
.cm-wrap .cm-stats-bar{
  display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:1px !important;
  background:#EAEAE5 !important;border:1px solid #EAEAE5 !important;border-radius:12px !important;
  overflow:hidden !important;margin:20px 0 !important;box-shadow:0 1px 2px rgba(10,10,10,.04) !important;
}
.cm-wrap .cm-stat{text-align:center !important;background:#FFFFFF !important;padding:20px 12px !important}
.cm-wrap .cm-stat .v{font-family:'Playfair Display',Georgia,serif !important;font-size:32px !important;font-weight:500 !important;color:#0A0A0A !important;letter-spacing:-.01em !important;line-height:1 !important}
.cm-wrap .cm-stat .l{color:#8B8B8B !important;font-size:10px !important;text-transform:uppercase !important;letter-spacing:1.2px !important;margin-top:4px !important;font-weight:600 !important}

/* ---------- Bracket ---------- */
.cm-wrap .cm-bracket-wrap{
  background:#FFFFFF !important;border:1px solid #EAEAE5 !important;
  border-radius:12px !important;padding:28px !important;overflow-x:auto !important;
  margin-top:16px !important;box-shadow:0 1px 2px rgba(10,10,10,.04) !important;
}
.cm-wrap .cm-bracket{display:flex !important;gap:32px !important;min-width:900px !important;align-items:center !important}
.cm-wrap .cm-round{display:flex !important;flex-direction:column !important;gap:18px !important;flex:1 !important;min-width:180px !important}
.cm-wrap .cm-round h4{color:#8B8B8B !important;font-size:11px !important;letter-spacing:2px !important;text-align:center !important;margin:0 0 4px 0 !important;text-transform:uppercase !important;font-weight:600 !important;font-family:'Inter',sans-serif !important}
.cm-wrap .cm-match{
  background:#F5F4EF !important;border:1px solid #EAEAE5 !important;
  border-radius:10px !important;padding:10px !important;cursor:pointer !important;transition:all .18s ease !important;position:relative;
}
.cm-wrap .cm-match:hover{background:#FFFFFF !important;border-color:#D4D4CF !important;transform:translateY(-1px) !important;box-shadow:0 1px 2px rgba(10,10,10,.04) !important}
.cm-wrap .cm-match-live{
  border:2px solid #B0413E !important;background:#F7E4E3 !important;
  animation:cmGlow 2.2s infinite !important;
}
@keyframes cmGlow{0%,100%{box-shadow:0 0 0 0 rgba(176,65,62,.25)}50%{box-shadow:0 0 0 6px rgba(176,65,62,0)}}
.cm-wrap .cm-match-meta{display:flex !important;justify-content:space-between !important;align-items:center !important;padding:4px 8px 0 !important;font-size:10px !important;color:#8B8B8B !important;letter-spacing:.8px !important;text-transform:uppercase !important;font-weight:500 !important}
.cm-wrap .cm-match-meta .time{font-size:11px !important;font-weight:600 !important;color:#2A2A2A !important;text-transform:none !important;letter-spacing:0 !important}
.cm-wrap .cm-team{display:flex !important;justify-content:space-between !important;align-items:center !important;padding:8px 10px !important;border-radius:6px !important;font-size:13px !important;color:#2A2A2A !important;transition:all .15s ease !important}
.cm-wrap .cm-team:hover{background:#FAFAF7 !important}
.cm-wrap .cm-team.w{color:#0A0A0A !important;background:#E8F0EA !important;font-weight:600 !important}
.cm-wrap .cm-team.l{color:#8B8B8B !important;opacity:.7 !important;text-decoration:line-through !important}
.cm-wrap .cm-team .score{font-family:'Playfair Display',Georgia,serif !important;font-size:18px !important;font-weight:500 !important}

/* ---------- Teams grid ---------- */
.cm-wrap .cm-section-title{font-family:'Playfair Display',Georgia,serif !important;font-size:26px !important;color:#0A0A0A !important;margin:40px 0 4px 0 !important;font-weight:500 !important}
.cm-wrap .cm-section-sub{color:#8B8B8B !important;font-size:13px !important;margin:0 0 12px 0 !important}
.cm-wrap .cm-teams-grid{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(220px,1fr)) !important;gap:14px !important;margin-top:18px !important}
.cm-wrap .cm-team-card{
  background:#FFFFFF !important;border:1px solid #EAEAE5 !important;
  border-radius:10px !important;padding:18px !important;transition:all .18s ease !important;cursor:pointer !important;
  box-shadow:0 1px 2px rgba(10,10,10,.04) !important;
}
.cm-wrap .cm-team-card:hover{border-color:#0A0A0A !important;transform:translateY(-2px) !important;box-shadow:0 4px 18px rgba(10,10,10,.07), 0 2px 6px rgba(10,10,10,.04) !important}
.cm-wrap .cm-team-card.live{border-color:#B0413E !important}
.cm-wrap .cm-team-card.elim{opacity:.6}
.cm-wrap .cm-team-card .name{font-family:'Playfair Display',Georgia,serif !important;font-size:20px !important;color:#0A0A0A !important;font-weight:500 !important;letter-spacing:-.01em !important}
.cm-wrap .cm-team-card .players-count{color:#8B8B8B !important;font-size:12px !important;margin-top:6px !important}
.cm-wrap .cm-team-card .record{margin-top:12px !important;font-size:12px !important;color:#C9A066 !important;letter-spacing:.5px !important;font-weight:600 !important}

/* ---------- Team dashboard: share / next-match / dash cards ---------- */
.cm-wrap .cm-share-box{
  background:#F5F4EF !important;border:1px solid #EAEAE5 !important;
  border-radius:10px !important;padding:18px !important;
  display:flex !important;gap:12px !important;align-items:center !important;flex-wrap:wrap !important;
  box-shadow:0 1px 2px rgba(10,10,10,.04) !important;margin-top:16px !important;
}
.cm-wrap .cm-share-box .link{font-family:'SF Mono','Menlo','Consolas',monospace !important;font-size:12px !important;color:#2A2A2A !important;flex:1 !important;min-width:200px !important;word-break:break-all !important}
.cm-wrap .cm-copy-btn{
  background:#0A0A0A !important;color:#FFFFFF !important;padding:9px 14px !important;
  border-radius:6px !important;font-weight:500 !important;font-size:12px !important;
  transition:all .15s ease !important;letter-spacing:.02em !important;border:none;cursor:pointer;
  text-decoration:none !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;line-height:1.2 !important;
}
.cm-wrap .cm-copy-btn:hover{background:#2A2A2A !important;color:#FFFFFF !important}

.cm-wrap .cm-next-match{background:#FFFFFF !important;border-radius:12px !important;padding:28px !important;text-align:center !important;border:1px solid #EAEAE5 !important;margin-top:16px !important;box-shadow:0 1px 2px rgba(10,10,10,.04) !important}
.cm-wrap .cm-next-match .label{color:#C9A066 !important;font-size:11px !important;letter-spacing:2.5px !important;text-transform:uppercase !important;font-weight:600 !important}
.cm-wrap .cm-next-match .teams{display:flex !important;justify-content:center !important;align-items:center !important;gap:28px !important;margin:18px 0 !important;flex-wrap:wrap !important}
.cm-wrap .cm-next-match .team-name{font-family:'Playfair Display',Georgia,serif !important;font-size:26px !important;color:#0A0A0A !important;font-weight:500 !important;letter-spacing:-.01em !important}
.cm-wrap .cm-next-match .vs{color:#8B8B8B !important;font-size:14px !important;letter-spacing:3px !important;font-weight:500 !important}
.cm-wrap .cm-next-match .datetime{color:#8B8B8B !important;font-size:13px !important}

.cm-wrap .cm-dash-grid{display:grid !important;grid-template-columns:1fr 1fr !important;gap:20px !important;margin-top:20px !important}
.cm-wrap .cm-dash-card{background:#FFFFFF !important;border:1px solid #EAEAE5 !important;border-radius:12px !important;padding:24px !important;box-shadow:0 1px 2px rgba(10,10,10,.04) !important}
.cm-wrap .cm-dash-card h3{font-size:11px !important;letter-spacing:1.8px !important;color:#8B8B8B !important;text-transform:uppercase !important;margin:0 0 16px 0 !important;font-weight:600 !important;font-family:'Inter',sans-serif !important}
.cm-wrap .cm-player-list{display:flex !important;flex-direction:column !important;gap:8px !important}
.cm-wrap .cm-player-item{display:flex !important;align-items:center !important;gap:12px !important;padding:10px 12px !important;background:#F5F4EF !important;border-radius:8px !important}
.cm-wrap .cm-avatar{width:34px !important;height:34px !important;border-radius:50% !important;background:#0A0A0A !important;color:#FFFFFF !important;display:flex !important;align-items:center !important;justify-content:center !important;font-weight:600 !important;font-size:12px !important;font-family:'Inter',sans-serif !important}
.cm-wrap .cm-player-item .name{flex:1 !important;font-size:14px !important;color:#0A0A0A !important}
.cm-wrap .cm-player-item .role{font-size:10px !important;color:#C9A066 !important;text-transform:uppercase !important;letter-spacing:1.2px !important;font-weight:600 !important}
.cm-wrap .cm-stats-grid{display:grid !important;grid-template-columns:1fr 1fr !important;gap:16px !important}
.cm-wrap .cm-stats-grid .v{font-family:'Playfair Display',Georgia,serif !important;font-size:40px !important;color:#0A0A0A !important;font-weight:500 !important;line-height:1 !important}
.cm-wrap .cm-stats-grid .l{color:#8B8B8B !important;font-size:11px !important;text-transform:uppercase !important;letter-spacing:1.2px !important;font-weight:600 !important;margin-top:4px !important}
.cm-wrap .cm-path{display:flex !important;gap:14px !important;overflow-x:auto !important;padding-bottom:4px !important}

/* ---------- Modal ---------- */
.cm-modal-overlay{
  position:fixed !important;inset:0 !important;background:rgba(10,10,10,.45) !important;
  backdrop-filter:blur(6px) !important;z-index:99999 !important;
  display:none !important;align-items:center !important;justify-content:center !important;
  padding:20px !important;animation:cmFadeIn .2s ease !important;
  font-family:'Inter',system-ui,sans-serif !important;
}
.cm-modal-overlay.open{display:flex !important}
@keyframes cmFadeIn{from{opacity:0}to{opacity:1}}
.cm-modal-overlay .cm-modal{
  background:#FFFFFF !important;border:1px solid #EAEAE5 !important;border-radius:16px !important;
  max-width:640px !important;width:100% !important;max-height:90vh !important;overflow-y:auto !important;
  animation:cmSlideUp .3s cubic-bezier(.2,.8,.2,1) !important;
  box-shadow:0 12px 32px rgba(10,10,10,.08), 0 4px 12px rgba(10,10,10,.05) !important;
  color:#0A0A0A !important;
}
@keyframes cmSlideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}
.cm-modal-overlay .cm-modal-header{padding:32px 28px 24px !important;position:relative !important;border-bottom:1px solid #EAEAE5 !important;border-radius:16px 16px 0 0 !important;background:#FFFFFF !important}
.cm-modal-overlay .cm-modal-close{position:absolute !important;top:14px !important;right:14px !important;cursor:pointer !important;background:#F5F4EF !important;color:#0A0A0A !important;width:34px !important;height:34px !important;border-radius:50% !important;font-size:18px !important;line-height:1 !important;display:flex !important;align-items:center !important;justify-content:center !important;transition:all .2s ease !important;border:1px solid #EAEAE5 !important}
.cm-modal-overlay .cm-modal-close:hover{background:#0A0A0A !important;color:#FFFFFF !important;transform:rotate(90deg) !important}
.cm-modal-overlay .cm-modal-header h2{font-family:'Playfair Display',Georgia,serif !important;font-size:34px !important;color:#0A0A0A !important;margin:0 0 8px 0 !important;font-weight:500 !important;letter-spacing:-.01em !important}
.cm-modal-overlay .cm-modal-meta{color:#8B8B8B !important;font-size:13px !important;display:flex !important;gap:14px !important;flex-wrap:wrap !important}
.cm-modal-overlay .cm-modal-meta strong{color:#0A0A0A !important;font-weight:600 !important}
.cm-modal-overlay .cm-modal-body{padding:24px 28px 28px !important}
.cm-modal-overlay .cm-modal-section{margin-bottom:26px !important}
.cm-modal-overlay .cm-modal-section h4{font-size:10px !important;color:#8B8B8B !important;text-transform:uppercase !important;letter-spacing:1.8px !important;margin:0 0 12px 0 !important;font-weight:600 !important;font-family:'Inter',sans-serif !important}
.cm-modal-overlay .cm-modal-stats{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:8px !important}
.cm-modal-overlay .cm-modal-stat{background:#F5F4EF !important;border:1px solid #EAEAE5 !important;border-radius:10px !important;padding:14px 10px !important;text-align:center !important}
.cm-modal-overlay .cm-modal-stat .v{font-family:'Playfair Display',Georgia,serif !important;font-size:28px !important;line-height:1 !important;font-weight:500 !important;color:#0A0A0A !important}
.cm-modal-overlay .cm-modal-stat .l{color:#8B8B8B !important;font-size:10px !important;letter-spacing:.8px !important;text-transform:uppercase !important;margin-top:6px !important;font-weight:600 !important}
.cm-modal-overlay .cm-modal-players{display:grid !important;grid-template-columns:1fr 1fr !important;gap:8px !important}
.cm-modal-overlay .cm-modal-players .cm-player-item{font-size:13px !important}
.cm-modal-overlay .cm-modal-form{display:flex !important;gap:6px !important;flex-wrap:wrap !important}
.cm-modal-overlay .cm-form-chip{width:32px !important;height:32px !important;border-radius:8px !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:13px !important;color:#FFFFFF !important;font-weight:600 !important;font-family:'Inter',sans-serif !important}
.cm-modal-overlay .cm-form-chip.w{background:#4A7C59 !important}
.cm-modal-overlay .cm-form-chip.l{background:#B0413E !important}
.cm-modal-overlay .cm-form-chip.d{background:#B8860B !important}

/* ---------- Responsive ---------- */
@media(max-width:768px){
  .cm-wrap .cm-public{padding:24px 16px !important}
  .cm-wrap .cm-hero h1{font-size:38px !important}
  .cm-wrap .cm-dash-grid{grid-template-columns:1fr !important}
  .cm-modal-overlay .cm-modal-stats{grid-template-columns:repeat(2,1fr) !important}
  .cm-modal-overlay .cm-modal-players{grid-template-columns:1fr !important}
  .cm-wrap .cm-live-teams{gap:16px !important}
  .cm-wrap .cm-live-name{font-size:22px !important}
  .cm-wrap .cm-live-score{font-size:40px !important}
}

@media(prefers-reduced-motion:reduce){
  .cm-wrap *,.cm-wrap *::before,.cm-wrap *::after,.cm-modal-overlay *{animation-duration:.01ms!important;transition-duration:.01ms!important}
}