:root{--cz-bg:#0e1726;--cz-card:#16233a;--cz-card2:#1c2c48;--cz-line:#26385a;--cz-amber:#f5a524;--cz-amber2:#ffbd4a;--cz-text:#e8edf5;--cz-mute:#8a97ab;--cz-black:#070b13;--cz-red:#e5484d}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cz-bg);color:var(--cz-text);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}
a{color:var(--cz-amber)}
a:hover{color:var(--cz-amber2)}
img{max-width:100%;height:auto}
h1,h2,h3{line-height:1.25}
.cz-top{background:var(--cz-black);border-bottom:2px solid var(--cz-amber);position:sticky;top:0;z-index:20}
.cz-topin{max-width:1200px;margin:0 auto;padding:6px 16px;display:flex;align-items:center;gap:14px}
.cz-brand{display:flex;align-items:center;gap:8px;color:var(--cz-text);text-decoration:none;font-weight:800;letter-spacing:.2px;white-space:nowrap}
.cz-brand img{border-radius:6px}
.cz-links{display:flex;flex-wrap:wrap;gap:2px;justify-content:center;flex:1}
.cz-links a,.cz-droplist a{color:#d7deea;text-decoration:none;font-size:13.5px;padding:8px 7px;border-radius:6px;white-space:nowrap}
.cz-links a+a{border-left:1px solid #1d2638;border-radius:0}
.cz-links a:hover,.cz-droplist a:hover{color:var(--cz-amber)}
.cz-links a.cz-on,.cz-droplist a.cz-on{color:var(--cz-amber);font-weight:700}
.cz-drop{display:none;margin-left:auto}
.cz-drop summary{list-style:none;cursor:pointer;color:var(--cz-bg);background:var(--cz-amber);font-weight:700;font-size:14px;padding:7px 12px;border-radius:6px}
.cz-drop summary::-webkit-details-marker{display:none}
.cz-droplist{position:absolute;left:0;right:0;top:100%;background:var(--cz-black);border-bottom:2px solid var(--cz-amber);display:grid;grid-template-columns:1fr 1fr;padding:8px 12px 12px}
.cz-wrap{max-width:1200px;margin:0 auto;padding:22px 16px 40px;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start}
.cz-main{min-width:0}
.cz-hero{display:flex;align-items:center;gap:16px;margin:4px 0 10px}
.cz-hero::before,.cz-hero::after{content:"";flex:1;height:1px;background:var(--cz-line)}
.cz-hero h1{margin:0;font-size:30px;text-align:center;font-weight:800}
.cz-lead{color:var(--cz-mute);text-align:center;margin:0 0 22px}
.cz-sport{margin:0 0 20px}
.cz-sport h2{font-size:19px;margin:0 0 10px;font-weight:700}
.cz-card{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:14px;background:var(--cz-card);border:1px solid var(--cz-line);border-left:4px solid var(--cz-amber);border-radius:10px;padding:14px 18px;text-decoration:none;color:var(--cz-text);transition:background .15s}
.cz-card:hover{background:var(--cz-card2);color:var(--cz-text)}
.cz-cardimg{width:64px;height:64px;border-radius:12px;background:#0b1220;display:flex;align-items:center;justify-content:center}
.cz-cardimg img{width:44px;height:44px;object-fit:contain}
.cz-cardtxt{text-align:center;display:flex;flex-direction:column}
.cz-cardtxt strong{font-size:20px}
.cz-cardtxt span{color:var(--cz-mute);font-size:14px}
.cz-chip{font-size:13px;font-weight:700;color:var(--cz-bg);background:var(--cz-amber);border-radius:999px;padding:4px 10px;white-space:nowrap}
.cz-chipoff{background:transparent;color:var(--cz-mute);border:1px solid var(--cz-line)}
.cz-bar{font-size:19px;margin:30px 0 12px;padding:9px 14px;background:var(--cz-black);border-left:4px solid var(--cz-amber);border-radius:6px}
.cz-league{margin:0 0 14px}
.cz-lghead{display:flex;align-items:center;gap:9px;font-size:16px;margin:0 0 6px;padding:6px 2px;border-bottom:1px solid var(--cz-line)}
.cz-lghead img{width:24px;height:24px;object-fit:contain}
.cz-lghead small{margin-left:auto;color:var(--cz-mute);font-weight:400;font-size:13px}
.cz-fxlist{display:flex;flex-direction:column;gap:6px}
.cz-fx{display:grid;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:10px;background:var(--cz-card);border:1px solid var(--cz-line);border-radius:8px;padding:9px 12px;text-decoration:none;color:var(--cz-text)}
.cz-fx:hover{background:var(--cz-card2);color:var(--cz-text)}
.cz-fxlive{border-color:#5a3c10;box-shadow:inset 3px 0 0 var(--cz-amber)}
.cz-fxdone{opacity:.7}
.cz-fxwhen{font-size:14px;color:var(--cz-mute);font-variant-numeric:tabular-nums}
.cz-fxmatch{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.cz-team{display:inline-flex;align-items:center;gap:7px;min-width:0;font-weight:600}
.cz-team img{width:26px;height:26px;object-fit:contain;flex:none}
.cz-team span{overflow-wrap:anywhere}
.cz-vs{color:var(--cz-mute);font-size:13px;font-style:normal}
.cz-score{color:var(--cz-amber);font-variant-numeric:tabular-nums}
.cz-fxgo{background:var(--cz-amber);color:var(--cz-bg);font-weight:800;font-size:13px;border-radius:6px;padding:6px 12px;white-space:nowrap}
.cz-fxdone .cz-fxgo{background:transparent;color:var(--cz-mute);border:1px solid var(--cz-line)}
.cz-badge{display:inline-block;background:var(--cz-red);color:#fff;font-weight:800;font-size:12px;letter-spacing:.6px;border-radius:4px;padding:2px 7px;animation:cz-blink 1.6s infinite}
@keyframes cz-blink{50%{opacity:.55}}
.cz-over{font-size:13px;color:var(--cz-mute)}
.cz-livenote{text-align:center;margin:-8px 0 16px;color:var(--cz-mute)}
.cz-day{margin:0 0 24px}
.cz-dayhead{font-size:17px;margin:0 0 10px;padding:8px 12px;background:var(--cz-black);border-radius:6px}
.cz-dayhead em{font-style:normal;color:var(--cz-amber);margin-right:4px}
.cz-more summary{cursor:pointer;color:var(--cz-amber);margin:4px 0 10px;font-size:14px}
.cz-empty{background:var(--cz-card);border:1px dashed var(--cz-line);border-radius:8px;padding:14px;color:var(--cz-mute)}
.cz-text{margin:28px 0 0}
.cz-text h2{font-size:21px;margin:26px 0 8px}
.cz-text h3{font-size:18px;margin:20px 0 6px}
.cz-text p,.cz-text li{color:#d3dae6}
.cz-text table{width:100%;border-collapse:collapse;margin:12px 0;font-size:15px;display:block;overflow-x:auto}
.cz-text th,.cz-text td{border:1px solid var(--cz-line);padding:7px 9px;text-align:left}
.cz-text th{background:var(--cz-card)}
.cz-text blockquote{margin:14px 0;padding:8px 14px;border-left:3px solid var(--cz-amber);background:var(--cz-card)}
.cz-faq{margin:30px 0 0}
.cz-faq h2{font-size:21px}
.cz-faq details{background:var(--cz-card);border:1px solid var(--cz-line);border-radius:8px;margin:0 0 8px;padding:10px 14px}
.cz-faq summary{cursor:pointer;font-weight:700}
.cz-faq p{margin:8px 0 2px;color:#d3dae6}
.cz-side{display:flex;flex-direction:column;gap:18px;min-width:0}
.cz-box{background:var(--cz-card);border:1px solid var(--cz-line);border-radius:10px;padding:16px 18px}
.cz-box h2{font-size:18px;margin:0 0 8px;color:var(--cz-amber)}
.cz-box p{margin:0 0 8px;font-size:15px;color:#d3dae6}
.cz-small{font-size:14px;color:var(--cz-mute)}
.cz-right{text-align:right;margin:6px 0 0}
.cz-plain{margin:0;padding:0 0 0 18px;font-size:15px}
.cz-plain li{margin:0 0 6px}
.cz-share{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cz-sh{display:flex;align-items:center;justify-content:center;gap:7px;color:#fff;text-decoration:none;font-weight:700;font-size:14px;border-radius:7px;padding:9px 8px}
.cz-sh:hover{color:#fff;filter:brightness(1.12)}
.cz-sh-fb{background:#1877f2}.cz-sh-xx{background:#000;border:1px solid #3a4660}.cz-sh-rd{background:#ff4500}.cz-sh-wa{background:#1fa855}.cz-sh-tg{background:#229ed9;grid-column:1/-1}
.cz-crumbs{font-size:13px;color:var(--cz-mute);margin:0 0 12px;display:flex;flex-wrap:wrap;gap:6px}
.cz-crumbs a{color:var(--cz-mute)}
.cz-match{background:var(--cz-card);border:1px solid var(--cz-line);border-radius:12px;padding:18px;text-align:center}
.cz-match h1{font-size:26px;margin:4px 0 14px}
.cz-matchlg{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;color:var(--cz-mute);font-size:14px}
.cz-matchlg img{width:22px;height:22px;object-fit:contain}
.cz-pair{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:0 0 14px}
.cz-side1{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}
.cz-side1 img{width:64px;height:64px;object-fit:contain}
.cz-side1 strong{overflow-wrap:anywhere}
.cz-side1 small{color:var(--cz-mute)}
.cz-bigscore{font-size:28px;color:var(--cz-amber)}
.cz-facts{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;font-size:15px}
.cz-facts li span:first-child{color:var(--cz-mute);margin-right:6px}
.cz-streams{margin:22px 0 0}
.cz-streams h2{font-size:21px;margin:0 0 6px}
.cz-links2{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.cz-linkrow{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:12px;align-items:center;background:var(--cz-card);border:1px solid var(--cz-line);border-left:4px solid var(--cz-amber);border-radius:8px;padding:12px 14px;color:var(--cz-text);text-decoration:none}
.cz-linkrow:hover{background:var(--cz-card2);color:var(--cz-text)}
.cz-linkno{font-weight:800}
.cz-linkinfo{color:var(--cz-mute);font-size:14px;overflow-wrap:anywhere}
.cz-posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.cz-post{display:flex;flex-direction:column;gap:6px;background:var(--cz-card);border:1px solid var(--cz-line);border-radius:10px;overflow:hidden;color:var(--cz-text);text-decoration:none;padding:0 0 12px}
.cz-post:hover{background:var(--cz-card2);color:var(--cz-text)}
.cz-post img{width:100%;aspect-ratio:1200/627;object-fit:cover}
.cz-post strong,.cz-post .cz-small,.cz-post .cz-postcat,.cz-post .cz-postdate{padding:0 12px}
.cz-postcat{color:var(--cz-amber);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;margin:8px 0 0}
.cz-postdate{color:var(--cz-mute);font-size:13px}
.cz-article h1{font-size:30px;margin:4px 0 8px}
.cz-byline{color:var(--cz-mute);font-size:14px;margin:0 0 14px}
.cz-cover{margin:0 0 6px}
.cz-cover img{width:100%;border-radius:10px}
.cz-cover figcaption{font-size:12px;color:var(--cz-mute);margin-top:4px}
.cz-sources{margin:26px 0 0;font-size:14px}
.cz-sources h2{font-size:17px}
.cz-cols{columns:2;padding-left:18px}
.cz-form{display:flex;flex-direction:column;gap:8px;background:var(--cz-card);border:1px solid var(--cz-line);border-radius:10px;padding:16px;margin:16px 0}
.cz-form label{font-weight:700}
.cz-form textarea{width:100%;background:#0b1220;color:var(--cz-text);border:1px solid var(--cz-line);border-radius:8px;padding:10px;font:inherit;resize:vertical}
.cz-btn{align-self:flex-start;background:var(--cz-amber);color:var(--cz-bg);border:0;border-radius:7px;font-weight:800;padding:10px 18px;font-size:15px;cursor:pointer}
.cz-btn:disabled{opacity:.6}
.cz-formmsg{margin:0;color:var(--cz-amber2);min-height:1.4em}
.cz-foot{background:var(--cz-black);border-top:1px solid var(--cz-line);margin-top:20px}
.cz-footin{max-width:1200px;margin:0 auto;padding:22px 16px 30px;font-size:14px;color:var(--cz-mute)}
.cz-footrow{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0 0 10px}
.cz-footrow a{color:#c6cfdd;text-decoration:none}
.cz-footrow a:hover{color:var(--cz-amber)}
@media (max-width:1420px){.cz-brand span{display:none}}
@media (max-width:1180px){.cz-links a{padding:8px 5px;font-size:12.5px}}
@media (max-width:1060px){.cz-links{display:none}.cz-drop{display:block}.cz-brand span{display:inline}}
@media (max-width:960px){.cz-wrap{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){
.cz-hero h1{font-size:23px}
.cz-card{grid-template-columns:52px minmax(0,1fr);padding:12px}
.cz-cardimg{width:48px;height:48px}.cz-cardimg img{width:34px;height:34px}
.cz-card .cz-chip{grid-column:1/-1;justify-self:center}
.cz-cardtxt strong{font-size:17px}
.cz-fx{grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;padding:9px 10px}
.cz-fxwhen{grid-column:1/-1}
.cz-fxmatch{flex-direction:column;align-items:flex-start;gap:5px}
.cz-fxmatch .cz-vs{display:none}
.cz-team{font-size:15px}
.cz-linkrow{grid-template-columns:minmax(0,1fr) auto}
.cz-linkinfo{grid-column:1/2;grid-row:2}
.cz-pair{gap:6px}.cz-side1 img{width:48px;height:48px}
.cz-match h1{font-size:21px}
.cz-cols{columns:1}
}