/*
   font-family: 'Rajdhani', sans-serif;
   font-family: 'Rubik', sans-serif;
*/
@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;700&family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html, body { overflow-x: hidden; }
body { color: #33354b; font-size: 16px; font-weight: 400; line-height: 28px; text-align: left; font-family: 'Rubik', sans-serif; }
p { font-weight: 400; font-style: normal; }
h1,h2,h3,h4,h5,h6 { color: #151423; font-family: 'Rajdhani', sans-serif; font-style: normal; margin-bottom: 0; margin-top: 11px; line-height: 1.2; font-weight: 700; -webkit-transition: .5s; transition: .5s; }
a { -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
a { color: #33354b; }
a:focus,.btn:focus { text-decoration: none; outline: none; }
a:focus,a:hover { text-decoration: none; }
.uppercase { text-transform: uppercase; }
.capitalize { text-transform: capitalize; }
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { color: inherit; -webkit-transition: .5s; transition: .5s; }
h1 { font-size:45px; }
h2 { font-size: 35px; }
h3 { font-size: 30px; }
h4 { font-size: 24px; }
h5 { font-size: 20px; }
h6 { font-size: 18px; }
.white h1,.white h2,.white h3,.white h4,.white h5,.white h6 { color: #fff; }
.white p { color: #fff; }
.white i { color: #fff; }
ul { margin: 0px; padding: 0px; }
ul { margin: 0; padding: 0; }
input:focus,button:focus { border-color:transparent; outline-color:transparent; }
textarea:focus { background: rgba(252,150,21,0.2); border-color:transparent; outline-color:transparent; box-shadow: 0 0 0 0.2rem rgb(252 150 21 / 50%); }
hr { margin: 60px 0; padding: 0px; border-bottom: 1px solid #eceff8; border-top: 0px; }
hr.style-2 { border-bottom: 1px dashed #f10; }
hr.mp-0 { margin: 0; border-bottom: 1px solid #eceff8; }
hr.mtb-40 { margin: 40px 0; border-bottom: 1px solid #eceff8; border-top: 0px; }
label { color: #fff; cursor: pointer; font-size: 14px; font-weight: 400; }
a,i,cite,em,var,address,dfn,ol,li,ul { font-style:normal; font-weight:400; }
.bg_color { background: #43baff; }
.bg_color2 { background: #211e3b !important; }
.white_bg { background: #fff; }
.bg_fixed { background-attachment: fixed; }
.bg_before { position:relative; }
.bg_before:before { position:absolute; content:""; left:0; top:0; height:100%; width:100%; background:rgba(12,90,219,0.3); }
.nagative_mb { position: relative; margin-bottom: -180px; z-index: 1; }
*::-moz-selection { background: #4fc1f0; color: #fff; text-shadow: none; }
::-moz-selection { background: #4fc1f0; color: #fff; text-shadow: none; }
::selection { background: #4fc1f0; color: #fff; text-shadow: none; }
::placeholder { color: #9da4a8; font-size: 15px; }
::-webkit-input-placeholder { color: #9da4a8; }
::-moz-placeholder { color: #9da4a8; }
:-ms-input-placeholder { color: #9da4a8; }
:-moz-placeholder { color: #9da4a8; }
.counter_area ::-moz-selection { contact_area: #001d23; text-shadow: none; }
.contact_area ::-moz-selection { color: #001d23; text-shadow: none; }
.contact_area ::selection { color: #001d23; text-shadow: none; }
.contact_area ::placeholder { color: #001d23; font-size: 16px; }
.contact_area ::-webkit-input-placeholder { color: #001d23; }
.contact_area ::-moz-placeholder { color: #001d23; }
.contact_area :-ms-input-placeholder { color: #001d23; }
.contact_area :-moz-placeholder { color: #001d23; }
.blog_reply ::-moz-selection { color: #151948; }
.blog_reply ::selection { color: #151948; }
.blog_reply::placeholder { color: #151948; }
.blog_reply ::-webkit-input-placeholder { color: #151948; }
.blog_reply ::-moz-placeholder { color: #151948; }
.blog_reply :-ms-input-placeholder { color: #151948; }
.blog_reply :-moz-placeholder { color: #151948; }

/* Padding */
.pt-350{padding-top:350px;}.pt-300{padding-top:300px;}.pt-280{padding-top:280px;}.pt-250{padding-top:250px;}.pt-220{padding-top:220px;}.pt-190{padding-top:190px;}.pt-180{padding-top:180px;}.pt-170{padding-top:170px;}.pt-160{padding-top:160px;}.pt-150{padding-top:150px;}.pt-140{padding-top:140px;}.pt-130{padding-top:130px;}.pt-120{padding-top:120px;}.pt-115{padding-top:115px;}.pt-110{padding-top:110px;}.pt-100{padding-top:100px;}.pt-95{padding-top:95px;}.pt-90{padding-top:90px;}.pt-85{padding-top:85px;}.pt-80{padding-top:80px;}.pt-75{padding-top:75px;}.pt-70{padding-top:70px;}.pt-65{padding-top:65px;}.pt-60{padding-top:60px;}.pt-55{padding-top:55px;}.pt-50{padding-top:50px;}.pt-45{padding-top:45px;}.pt-40{padding-top:40px;}.pt-35{padding-top:35px;}.pt-30{padding-top:30px;}.pt-25{padding-top:25px;}.pt-20{padding-top:20px;}.pt-15{padding-top:15px;}.pt-10{padding-top:10px;}
.pb-350{padding-bottom:350px;}.pb-250{padding-bottom:250px;}.pb-210{padding-bottom:210px;}.pb-200{padding-bottom:200px;}.pb-180{padding-bottom:180px;}.pb-170{padding-bottom:170px;}.pb-160{padding-bottom:160px;}.pb-150{padding-bottom:150px;}.pb-140{padding-bottom:140px;}.pb-135{padding-bottom:135px;}.pb-130{padding-bottom:130px;}.pb-120{padding-bottom:120px;}.pb-110{padding-bottom:110px;}.pb-100{padding-bottom:100px;}.pb-95{padding-bottom:95px;}.pb-90{padding-bottom:90px;}.pb-85{padding-bottom:85px;}.pb-80{padding-bottom:80px;}.pb-75{padding-bottom:75px;}.pb-70{padding-bottom:70px;}.pb-65{padding-bottom:65px;}.pb-60{padding-bottom:60px;}.pb-55{padding-bottom:55px;}.pb-50{padding-bottom:50px;}.pb-45{padding-bottom:45px;}.pb-40{padding-bottom:40px;}.pb-35{padding-bottom:35px;}.pb-30{padding-bottom:30px;}.pb-25{padding-bottom:25px;}.pb-20{padding-bottom:20px;}.pb-15{padding-bottom:15px;}.pb-10{padding-bottom:10px;}
.pl-120{padding-left:120px;}.pl-110{padding-left:110px;}.pl-100{padding-left:100px;}.pl-90{padding-left:90px;}.pl-80{padding-left:80px;}.pl-70{padding-left:70px;}.pl-60{padding-left:60px;}.pl-50{padding-left:50px;}.pl-40{padding-left:40px;}.pl-35{padding-left:35px;}.pl-30{padding-left:30px;}.pl-25{padding-left:25px;}.pl-20{padding-left:20px;}.pl-15{padding-left:15px;}.pl-10{padding-left:10px;}
.pr-120{padding-right:120px;}.pr-110{padding-right:110px;}.pr-100{padding-right:100px;}.pr-90{padding-right:90px;}.pr-80{padding-right:80px;}.pr-70{padding-right:70px;}.pr-60{padding-right:60px;}.pr-50{padding-right:50px;}.pr-40{padding-right:40px;}.pr-35{padding-right:35px;}.pr-30{padding-right:30px;}.pr-25{padding-right:25px;}.pr-20{padding-right:20px;}.pr-15{padding-right:15px;}.pr-10{padding-right:10px;}

/* Margin */
.mt-200{margin-top:200px;}.mt-190{margin-top:190px;}.mt-180{margin-top:180px;}.mt-170{margin-top:170px;}.mt-160{margin-top:160px;}.mt-150{margin-top:150px;}.mt-140{margin-top:140px;}.mt-130{margin-top:130px;}.mt-120{margin-top:120px;}.mt-110{margin-top:110px;}.mt-100{margin-top:100px;}.mt-95{margin-top:95px;}.mt-90{margin-top:90px;}.mt-80{margin-top:80px;}.mt-75{margin-top:75px;}.mt-70{margin-top:70px;}.mt-65{margin-top:65px;}.mt-60{margin-top:60px;}.mt-55{margin-top:55px;}.mt-50{margin-top:50px;}.mt-45{margin-top:45px;}.mt-40{margin-top:40px;}.mt-35{margin-top:35px;}.mt-30{margin-top:30px;}.mt-25{margin-top:25px;}.mt-20{margin-top:20px;}.mt-15{margin-top:15px;}.mt-10{margin-top:10px;}
.mb-200{margin-bottom:200px;}.mb-190{margin-bottom:190px;}.mb-180{margin-bottom:180px;}.mb-170{margin-bottom:170px;}.mb-160{margin-bottom:160px;}.mb-150{margin-bottom:150px;}.mb-140{margin-bottom:140px;}.mb-130{margin-bottom:130px;}.mb-120{margin-bottom:120px;}.mb-110{margin-bottom:110px;}.mb-100{margin-bottom:100px;}.mb-95{margin-bottom:95px;}.mb-90{margin-bottom:90px;}.mb-80{margin-bottom:80px;}.mb-75{margin-bottom:75px;}.mb-70{margin-bottom:70px;}.mb-65{margin-bottom:65px;}.mb-60{margin-bottom:60px;}.mb-55{margin-bottom:55px;}.mb-50{margin-bottom:50px;}.mb-45{margin-bottom:45px;}.mb-40{margin-bottom:40px;}.mb-35{margin-bottom:35px;}.mb-30{margin-bottom:30px;}.mb-25{margin-bottom:25px;}.mb-20{margin-bottom:20px;}.mb-15{margin-bottom:15px;}.mb-10{margin-bottom:10px;}
.ml-200{margin-left:200px;}.ml-190{margin-left:190px;}.ml-180{margin-left:180px;}.ml-170{margin-left:170px;}.ml-160{margin-left:160px;}.ml-150{margin-left:150px;}.ml-140{margin-left:140px;}.ml-130{margin-left:130px;}.ml-120{margin-left:120px;}.ml-110{margin-left:110px;}.ml-100{margin-left:100px;}.ml-95{margin-left:95px;}.ml-90{margin-left:90px;}.ml-80{margin-left:80px;}.ml-75{margin-left:75px;}.ml-70{margin-left:70px;}.ml-65{margin-left:65px;}.ml-60{margin-left:60px;}.ml-55{margin-left:55px;}.ml-50{margin-left:50px;}.ml-45{margin-left:45px;}.ml-40{margin-left:40px;}.ml-35{margin-left:35px;}.ml-30{margin-left:30px;}.ml-25{margin-left:25px;}.ml-20{margin-left:20px;}.ml-15{margin-left:15px;}.ml-10{margin-left:10px;}
.mr-200{margin-right:200px;}.mr-190{margin-right:190px;}.mr-180{margin-right:180px;}.mr-170{margin-right:170px;}.mr-160{margin-right:160px;}.mr-150{margin-right:150px;}.mr-140{margin-right:140px;}.mr-130{margin-right:130px;}.mr-120{margin-right:120px;}.mr-110{margin-right:110px;}.mr-100{margin-right:100px;}.mr-95{margin-right:95px;}.mr-90{margin-right:90px;}.mr-80{margin-right:80px;}.mr-75{margin-right:75px;}.mr-70{margin-right:70px;}.mr-65{margin-right:65px;}.mr-60{margin-right:60px;}.mr-55{margin-right:55px;}.mr-50{margin-right:50px;}.mr-45{margin-right:45px;}.mr-40{margin-right:40px;}.mr-35{margin-right:35px;}.mr-30{margin-right:30px;}.mr-25{margin-right:25px;}.mr-20{margin-right:20px;}.mr-15{margin-right:15px;}.mr-10{margin-right:10px;}

/* ======================================== */
/* GREEN LINK STYLE - INTERNAL LINKING      */
/* ======================================== */
.green-link {
    color: #00aa00;
    font-weight: bold;
    text-decoration: none;
    transition: all 0.3s ease;
}
.green-link:hover {
    color: #008800;
    text-decoration: underline;
}

/* ============================================
   WC 2026 ARTICLE STYLES — by 爱游戏
   DĂ¹ng cho tất cả bĂ i news/17 đến news/34+
   ============================================ */

/* Base */
.wc-art{font-family:'Rubik',sans-serif;color:#2C2C2C;line-height:1.85;max-width:860px;margin:0 auto}
.wc-art *{box-sizing:border-box}
.wc-art a{color:#8A6B2A;text-decoration:none}
.wc-art a:hover{text-decoration:underline}
.wc-art p{margin-bottom:16px;font-size:15px}

/* Breadcrumb */
.wc-bc{font-size:12px;color:#9E9E9E;display:flex;gap:6px;flex-wrap:wrap;margin-bottom:28px;padding:0;list-style:none}
.wc-bc a{color:#9E9E9E;text-decoration:none}
.wc-bc span{color:#D4C9B0}

/* Update Tags */
.wc-update-tag{display:inline-block;color:#fff;font-size:11px;font-weight:700;letter-spacing:1px;padding:4px 12px;border-radius:2px;margin-bottom:24px}
.wc-update-tag.red{background:#C0392B}
.wc-update-tag.green{background:#1E8449}
.wc-update-tag.blue{background:#1A5276}
.wc-update-tag.purple{background:#6C3483}
.wc-update-tag.gold{background:#8A6B2A}

/* Snippet Box */
.wc-snippet{background:#0D0D0D;border-left:4px solid #C9A84C;padding:20px 24px;margin-bottom:40px;border-radius:0 4px 4px 0}
.wc-snippet h2{font-size:12px;color:#C9A84C;letter-spacing:2px;text-transform:uppercase;margin:0 0 10px;font-weight:700;font-family:'Rubik',sans-serif}
.wc-snippet p{color:#CCC;font-size:14px;line-height:1.9;margin:0}

/* Section Headings */
.wc-h2{font-family:'Rajdhani',sans-serif;font-size:22px;font-weight:700;color:#0D0D0D;border-bottom:2px solid #C9A84C;padding-bottom:10px;margin:44px 0 20px;display:flex;align-items:center;gap:10px}
.wc-h2 .ic{background:#C9A84C;color:#0D0D0D;width:28px;height:28px;border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}
.wc-h3{font-size:16px;font-weight:700;color:#0D0D0D;margin:28px 0 12px;padding-left:12px;border-left:3px solid #C9A84C;font-family:'Rubik',sans-serif}

/* Nav Cards */
.wc-nav-links{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:40px}
.wc-nav-card{display:flex;align-items:flex-start;gap:12px;background:#fff;border:1px solid #D4C9B0;border-radius:4px;padding:14px 16px;text-decoration:none;transition:border-color 0.15s,box-shadow 0.15s;color:#2C2C2C}
.wc-nav-card:hover{border-color:#C9A84C;box-shadow:0 2px 10px rgba(201,168,76,0.15);text-decoration:none;color:#2C2C2C}
.wc-nav-card .nav-dir{font-size:18px;flex-shrink:0;margin-top:2px}
.wc-nav-card .nav-label{font-size:10px;color:#9E9E9E;letter-spacing:1px;text-transform:uppercase;display:block;margin-bottom:4px}
.wc-nav-card .nav-title{font-size:13px;font-weight:700;color:#0D0D0D;line-height:1.4;display:block}
.wc-nav-card .nav-url{font-size:11px;color:#C9A84C;display:block;margin-top:4px}

/* Tips Box */
.wc-tips{background:linear-gradient(135deg,#FFF9F0,#F7F0E0);border:1px solid #8A6B2A;border-radius:4px;padding:22px;margin-bottom:32px}
.wc-tips h3{font-size:15px;font-weight:700;color:#0D0D0D;margin:0 0 12px;font-family:'Rubik',sans-serif}
.wc-tips ul{padding-left:20px;margin:0}
.wc-tips li{margin-bottom:8px;font-size:14px}
.wc-tips li strong{color:#C0392B}

/* CTA */
.wc-cta{background:#0D0D0D;border:1px solid #8A6B2A;border-radius:4px;padding:28px;text-align:center;margin:40px 0}
.wc-cta h3{font-family:'Rajdhani',sans-serif;font-size:20px;color:#fff;margin:0 0 8px}
.wc-cta h3 span{color:#C9A84C}
.wc-cta p{color:#AAA;font-size:13px;margin:0 0 20px}
.wc-cta-btn{display:inline-block;background:#C9A84C;color:#0D0D0D;font-size:14px;font-weight:700;padding:13px 32px;border-radius:2px;text-decoration:none;letter-spacing:1px;transition:background 0.2s}
.wc-cta-btn:hover{background:#E8C96A;text-decoration:none}

/* CTA Main */
.wc-cta-main{background:linear-gradient(135deg,#0D0D0D 0%,#1A1A1A 100%);border:1px solid #C9A84C;border-radius:4px;padding:32px;text-align:center;margin:40px 0;position:relative;overflow:hidden}
.wc-cta-main .cta-eyebrow{display:inline-block;background:#C0392B;color:#fff;font-size:10px;font-weight:700;letter-spacing:2px;padding:3px 12px;border-radius:2px;margin-bottom:14px;text-transform:uppercase}
.wc-cta-main h3{font-family:'Rajdhani',sans-serif;font-size:22px;color:#fff;margin:0 0 10px}
.wc-cta-main h3 span{color:#C9A84C}
.wc-cta-main p{color:#AAA;font-size:13px;margin:0 0 24px;line-height:1.8}
.wc-cta-main .cta-benefits{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-bottom:24px}
.wc-cta-main .cta-benefit{font-size:12px;color:#CCC;display:flex;align-items:center;gap:6px}
.wc-cta-main .cta-benefit::before{content:'✓';color:#C9A84C;font-weight:700}

/* FAQ */
.wc-faq-item{border-bottom:1px solid #D4C9B0}
.wc-faq-q{width:100%;background:none;border:none;text-align:left;padding:16px 0;font-size:14px;font-weight:700;color:#0D0D0D;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:'Rubik',sans-serif}
.wc-faq-q:hover{color:#8A6B2A}
.wc-faq-arr{width:20px;height:20px;flex-shrink:0;border:2px solid #D4C9B0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;color:#8A6B2A;transition:transform 0.2s}
.wc-faq-item.open .wc-faq-arr{transform:rotate(180deg);border-color:#8A6B2A}
.wc-faq-a{display:none;padding:0 0 16px;font-size:14px;color:#6B6560;line-height:1.9}
.wc-faq-item.open .wc-faq-a{display:block}
.wc-faq-a a{color:#8A6B2A;text-decoration:underline}

/* Share */
.wc-share{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:40px}
.wc-share-lbl{font-size:13px;color:#9E9E9E}
.wc-share-btn{background:#EDE8DE;border:1px solid #D4C9B0;color:#2C2C2C;font-size:12px;font-weight:600;padding:6px 14px;border-radius:2px;cursor:pointer;text-decoration:none;transition:background 0.15s}
.wc-share-btn:hover{background:#D4C9B0;text-decoration:none}

/* Divider */
.wc-divider{border:none;border-top:1px solid #D4C9B0;margin:40px 0}

/* Stat Pills */
.wc-stats{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 16px}
.wc-sp{background:#F7F3EC;border:1px solid #D4C9B0;border-radius:4px;padding:8px 14px;text-align:center;flex:1;min-width:90px}
.wc-sp .sn{font-family:'Rajdhani',sans-serif;font-size:20px;color:#8A6B2A;display:block;line-height:1;font-weight:700}
.wc-sp .sl{font-size:10px;color:#9E9E9E;display:block;margin-top:2px}

/* Explain Box */
.wc-explain{background:#F7F3EC;border:1px solid #D4C9B0;border-radius:4px;padding:18px 20px;margin:16px 0 24px}
.wc-explain .ex-title{font-size:13px;font-weight:700;color:#8A6B2A;margin-bottom:10px;display:flex;align-items:center;gap:6px}
.wc-explain p{font-size:14px;color:#444;margin:0;line-height:1.9}
.wc-explain ul{padding-left:20px;margin:8px 0 0}
.wc-explain li{font-size:14px;color:#444;margin-bottom:6px;line-height:1.7}
.wc-explain li strong{color:#C0392B}

/* Accordion */
.wc-accordion{border:1px solid #D4C9B0;border-radius:4px;overflow:hidden;margin-bottom:28px}
.wc-acc-item{border-bottom:1px solid #D4C9B0}
.wc-acc-item:last-child{border-bottom:none}
.wc-acc-btn{width:100%;background:#fff;border:none;text-align:left;padding:16px 20px;font-size:15px;font-weight:700;color:#0D0D0D;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:background 0.15s;font-family:'Rubik',sans-serif}
.wc-acc-btn:hover{background:#F7F3EC}
.wc-acc-btn .team-info{display:flex;align-items:center;gap:12px}
.wc-acc-btn .odds-pill{font-family:'Rajdhani',sans-serif;font-size:20px;color:#C9A84C;margin-left:auto;margin-right:12px;font-weight:700}
.wc-acc-arrow{font-size:12px;color:#8A6B2A;border:2px solid #D4C9B0;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform 0.2s}
.wc-acc-item.open .wc-acc-arrow{transform:rotate(180deg);border-color:#8A6B2A}
.wc-acc-body{display:none;padding:0 20px 20px;background:#FAFAF8;font-size:14px;color:#5A5550;line-height:1.9}
.wc-acc-item.open .wc-acc-body{display:block}
.wc-acc-body strong{color:#0D0D0D}
.wc-acc-body a{color:#8A6B2A}

/* Odds Cards */
.wc-odds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:28px}
.wc-odds-card{background:#fff;border:1px solid #D4C9B0;border-radius:4px;padding:16px;text-align:center;transition:box-shadow 0.15s,transform 0.15s;position:relative}
.wc-odds-card:hover{box-shadow:0 4px 16px rgba(0,0,0,0.1);transform:translateY(-2px)}
.wc-odds-card.hot{border-top:3px solid #C9A84C}
.wc-odds-card.dark{border-top:3px solid #1E8449}
.wc-odds-card .flag{font-size:28px;display:block;margin-bottom:6px}
.wc-odds-card .team{font-size:14px;font-weight:700;color:#0D0D0D;display:block;margin-bottom:6px}
.wc-odds-card .odds-num{font-family:'Rajdhani',sans-serif;font-size:30px;color:#8A6B2A;display:block;line-height:1;font-weight:700}
.wc-odds-card .odds-lbl{font-size:10px;color:#9E9E9E;letter-spacing:1px;display:block;margin-top:3px}
.wc-odds-card .rank-badge{position:absolute;top:8px;right:8px;font-size:10px;font-weight:700;padding:2px 7px;border-radius:10px}
.rb-hot{background:rgba(201,168,76,0.15);color:#8A6B2A}
.rb-mid{background:rgba(52,152,219,0.12);color:#2980B9}
.rb-dark{background:rgba(30,132,73,0.12);color:#1E8449}

/* Player Cards */
.wc-player{background:#fff;border:1px solid #D4C9B0;border-radius:4px;overflow:hidden;transition:box-shadow 0.2s,transform 0.15s;margin-bottom:28px}
.wc-player:hover{box-shadow:0 4px 20px rgba(0,0,0,0.1);transform:translateY(-2px)}
.wc-player-header{background:#0D0D0D;padding:16px 20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.wc-player-num{font-family:'Rajdhani',sans-serif;font-size:48px;color:rgba(201,168,76,0.2);line-height:1;flex-shrink:0;width:52px;text-align:center;font-weight:700}
.wc-player-info{flex:1}
.wc-player-name{font-family:'Rajdhani',sans-serif;font-size:20px;font-weight:700;color:#fff;display:block;line-height:1.2}
.wc-player-name-en{font-size:12px;color:#8A6B2A;display:block;margin-top:3px;letter-spacing:1px}
.wc-player-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.wc-tag{font-size:10px;font-weight:700;padding:2px 8px;border-radius:2px;letter-spacing:1px}
.tag-country{background:rgba(201,168,76,0.15);color:#C9A84C}
.tag-pos{background:rgba(255,255,255,0.08);color:#AAA}
.tag-age{background:rgba(192,57,43,0.2);color:#E74C3C}
.tag-group{background:rgba(201,168,76,0.15);color:#C9A84C}
.tag-odds{background:rgba(108,52,131,0.2);color:#9B59B6}
.tag-rank{background:rgba(255,255,255,0.08);color:#AAA}
.wc-player-odds{text-align:right;flex-shrink:0}
.wc-player-odds .od-num{font-family:'Rajdhani',sans-serif;font-size:28px;color:#C9A84C;display:block;line-height:1;font-weight:700}
.wc-player-odds .od-lbl{font-size:10px;color:#666;display:block;margin-top:2px}
.wc-player-body{padding:20px}
.wc-player-body p{font-size:14px;color:#444;margin-bottom:12px;line-height:1.9}
.wc-player-body strong{color:#0D0D0D}
.wc-player-body em{color:#C0392B;font-style:normal;font-weight:700}
.wc-player-stats{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
.wc-ps{background:#F7F3EC;border:1px solid #D4C9B0;border-radius:4px;padding:8px 14px;text-align:center;flex:1;min-width:80px}
.wc-ps .ps-n{font-family:'Rajdhani',sans-serif;font-size:20px;color:#8A6B2A;display:block;line-height:1;font-weight:700}
.wc-ps .ps-l{font-size:10px;color:#9E9E9E;display:block;margin-top:2px}
.wc-player-watch{background:#F7F3EC;border-left:3px solid #C9A84C;padding:10px 14px;font-size:13px;color:#5A5550;margin-top:12px;border-radius:0 4px 4px 0}
.wc-player-watch strong{color:#8A6B2A}

/* Pros Cons */
.wc-pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}
.wc-pros,.wc-cons{border-radius:4px;padding:14px 16px}
.wc-pros{background:rgba(30,132,73,0.06);border:1px solid rgba(30,132,73,0.2)}
.wc-cons{background:rgba(192,57,43,0.05);border:1px solid rgba(192,57,43,0.15)}
.wc-pros h4,.wc-cons h4{font-size:12px;font-weight:700;letter-spacing:1px;margin-bottom:10px;font-family:'Rubik',sans-serif}
.wc-pros h4{color:#1E8449}
.wc-cons h4{color:#C0392B}
.wc-pros ul,.wc-cons ul{list-style:none;padding:0;margin:0}
.wc-pros li,.wc-cons li{font-size:13px;color:#444;margin-bottom:6px;display:flex;align-items:flex-start;gap:6px;line-height:1.5}
.wc-pros li::before{content:'✓';color:#1E8449;font-weight:700;flex-shrink:0}
.wc-cons li::before{content:'â–³';color:#C0392B;font-weight:700;flex-shrink:0}

/* Score Grid */
.wc-score-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin:16px 0 20px}
.wc-score-item{background:#F7F3EC;border:1px solid #D4C9B0;border-radius:4px;padding:12px 14px}
.wc-score-item .sc-label{font-size:11px;color:#9E9E9E;display:block;margin-bottom:6px;letter-spacing:1px}
.wc-score-item .sc-bar{height:6px;background:#EDE8DE;border-radius:3px;overflow:hidden;margin-bottom:6px}
.wc-score-item .sc-fill{height:100%;border-radius:3px;background:#C9A84C}
.wc-score-item .sc-val{font-family:'Rajdhani',sans-serif;font-size:18px;color:#8A6B2A;font-weight:700}

/* Steps */
.wc-steps{counter-reset:step;margin-bottom:36px}
.wc-step{display:flex;gap:16px;margin-bottom:20px;align-items:flex-start}
.wc-step-num{flex-shrink:0;width:36px;height:36px;background:#0D0D0D;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Rajdhani',sans-serif;font-size:18px;color:#C9A84C;margin-top:2px;font-weight:700}
.wc-step-content{flex:1}
.wc-step-content h4{font-size:15px;font-weight:700;color:#0D0D0D;margin:0 0 6px;font-family:'Rubik',sans-serif}
.wc-step-content p{font-size:14px;color:#5A5550;margin:0;line-height:1.8}

/* Criteria Cards */
.wc-criteria{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-bottom:36px}
.wc-crit-card,.wc-crit{background:#fff;border:1px solid #D4C9B0;border-radius:4px;padding:20px 16px;text-align:center;border-top:3px solid #C9A84C}
.wc-crit-card .crit-icon,.wc-crit .ci{font-size:28px;display:block;margin-bottom:10px}
.wc-crit-card .crit-title,.wc-crit .ct{font-size:14px;font-weight:700;color:#0D0D0D;display:block;margin-bottom:6px}
.wc-crit-card .crit-desc,.wc-crit .cd{font-size:12px;color:#6B6560;line-height:1.6}

/* Review Block */
.wc-review{background:#fff;border:1px solid #D4C9B0;border-radius:4px;overflow:hidden;margin-bottom:36px}
.wc-review-header{background:#0D0D0D;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.wc-review-brand{font-family:'Rajdhani',sans-serif;font-size:22px;font-weight:700;color:#C9A84C}
.wc-review-badge{display:flex;gap:8px;flex-wrap:wrap}
.wc-rbadge{font-size:10px;font-weight:700;padding:3px 10px;border-radius:2px;letter-spacing:1px}
.rb-recommend{background:#C9A84C;color:#0D0D0D}
.rb-verified{background:rgba(30,132,73,0.3);color:#2ECC71}
.wc-review-body{padding:24px}
.wc-review-body p{font-size:14px;color:#444;margin-bottom:14px;line-height:1.9}
.wc-review-body strong{color:#0D0D0D}
.wc-review-body h3{font-family:'Rajdhani',sans-serif;font-size:17px;font-weight:700;color:#0D0D0D;margin:20px 0 12px}

/* Handicap Board */
.wc-board{background:#0D0D0D;border-radius:4px;padding:24px;margin:20px 0 28px}
.wc-board-title{font-size:11px;color:#666;letter-spacing:2px;text-transform:uppercase;margin-bottom:16px}
.wc-board-match{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.wc-board-team{text-align:center;flex:1;min-width:100px}
.wc-board-team .bt-flag{font-size:32px;display:block;margin-bottom:6px}
.wc-board-team .bt-name{font-size:14px;font-weight:700;color:#fff;display:block}
.wc-board-team .bt-hcap{font-family:'Rajdhani',sans-serif;font-size:22px;display:block;margin-top:4px;font-weight:700}
.wc-board-team .bt-hcap.give{color:#E74C3C}
.wc-board-team .bt-hcap.take{color:#2ECC71}
.wc-board-team .bt-hcap.even{color:#C9A84C}
.wc-board-team .bt-odds{font-size:20px;color:#C9A84C;font-family:'Rajdhani',sans-serif;display:block;margin-top:2px;font-weight:700}
.wc-board-vs{font-family:'Rajdhani',sans-serif;font-size:24px;color:#444;flex-shrink:0;font-weight:700}
.wc-board-ou{display:flex;justify-content:center;gap:24px;border-top:1px solid #222;padding-top:14px}
.wc-board-ou .ou-item{text-align:center}
.wc-board-ou .ou-label{font-size:10px;color:#666;letter-spacing:1px;display:block;margin-bottom:4px}
.wc-board-ou .ou-val{font-family:'Rajdhani',sans-serif;font-size:20px;color:#C9A84C;display:block;font-weight:700}
.wc-board-ou .ou-odds{font-size:14px;color:#AAA;display:block}

/* Scenarios */
.wc-scenarios{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin:16px 0 24px}
.wc-scene{border-radius:4px;padding:14px 16px;border:1px solid}
.wc-scene.win{background:rgba(30,132,73,0.07);border-color:rgba(30,132,73,0.25)}
.wc-scene.lose{background:rgba(192,57,43,0.06);border-color:rgba(192,57,43,0.2)}
.wc-scene.half{background:rgba(243,156,18,0.07);border-color:rgba(243,156,18,0.25)}
.wc-scene .sc-result{font-size:11px;font-weight:700;letter-spacing:1px;display:block;margin-bottom:6px;text-transform:uppercase}
.wc-scene.win .sc-result{color:#1E8449}
.wc-scene.lose .sc-result{color:#C0392B}
.wc-scene.half .sc-result{color:#D68910}
.wc-scene .sc-cond{font-size:14px;font-weight:700;color:#0D0D0D;display:block;margin-bottom:4px}
.wc-scene .sc-desc{font-size:12px;color:#6B6560;line-height:1.5}

/* Odds Table */
.wc-odds-table{width:100%;border-collapse:collapse;margin:16px 0 24px;font-size:14px}
.wc-odds-table th{background:#0D0D0D;color:#C9A84C;padding:10px 14px;text-align:left;font-size:11px;letter-spacing:1px;text-transform:uppercase;font-weight:700}
.wc-odds-table td{padding:11px 14px;border-bottom:1px solid #D4C9B0;color:#444;vertical-align:middle}
.wc-odds-table tr:last-child td{border-bottom:none}
.wc-odds-table tr:hover td{background:#F7F3EC}
.wc-odds-table .tag{font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;margin-left:6px}
.tag-good{background:rgba(30,132,73,0.12);color:#1E8449}
.tag-bad{background:rgba(192,57,43,0.1);color:#C0392B}
.tag-ok{background:rgba(243,156,18,0.12);color:#D68910}

/* Quiz */
.wc-quiz{background:#0D0D0D;border:1px solid #C9A84C;border-radius:4px;padding:24px;margin:28px 0}
.wc-quiz .quiz-title{font-family:'Rajdhani',sans-serif;font-size:17px;font-weight:700;color:#C9A84C;margin-bottom:6px}
.wc-quiz .quiz-sub{font-size:13px;color:#888;margin-bottom:20px}
.wc-quiz-board{background:rgba(255,255,255,0.04);border:1px solid #333;border-radius:4px;padding:16px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.wc-quiz-board .qb-team{text-align:center;flex:1}
.wc-quiz-board .qb-flag{font-size:24px;display:block}
.wc-quiz-board .qb-name{font-size:13px;color:#fff;display:block;margin-top:4px;font-weight:600}
.wc-quiz-board .qb-hcap{font-family:'Rajdhani',sans-serif;font-size:20px;color:#E74C3C;display:block;font-weight:700}
.wc-quiz-board .qb-odds{font-size:16px;color:#C9A84C;font-family:'Rajdhani',sans-serif;display:block;font-weight:700}
.wc-quiz-board .qb-vs{font-family:'Rajdhani',sans-serif;font-size:20px;color:#444;font-weight:700}
.wc-quiz-opts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}
.wc-quiz-opt{background:rgba(255,255,255,0.05);border:1px solid #333;color:#CCC;font-size:13px;padding:10px 14px;border-radius:4px;cursor:pointer;text-align:left;transition:all 0.15s;font-family:'Rubik',sans-serif}
.wc-quiz-opt:hover{border-color:#C9A84C;color:#fff}
.wc-quiz-opt.correct{background:rgba(30,132,73,0.2);border-color:#1E8449;color:#2ECC71}
.wc-quiz-opt.wrong{background:rgba(192,57,43,0.15);border-color:#C0392B;color:#E74C3C}
.wc-quiz-answer{display:none;background:rgba(201,168,76,0.1);border:1px solid rgba(201,168,76,0.3);border-radius:4px;padding:14px 16px;font-size:13px;color:#CCC;line-height:1.8}
.wc-quiz-answer strong{color:#C9A84C}

/* Horse Cards */
.wc-horse{background:#fff;border:1px solid #D4C9B0;border-radius:4px;overflow:hidden;margin-bottom:32px}
.wc-horse-header{background:#0D0D0D;padding:18px 24px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.wc-horse-num{font-family:'Rajdhani',sans-serif;font-size:52px;color:rgba(108,52,131,0.4);line-height:1;flex-shrink:0;width:52px;text-align:center;font-weight:700}
.wc-horse-info{flex:1}
.wc-horse-name{font-family:'Rajdhani',sans-serif;font-size:22px;font-weight:700;color:#fff;display:block}
.wc-horse-sub{font-size:12px;color:#8A6B2A;display:block;margin-top:3px;letter-spacing:1px}
.wc-horse-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.wc-horse-odds{text-align:right;flex-shrink:0}
.wc-horse-odds .ho-num{font-family:'Rajdhani',sans-serif;font-size:32px;color:#9B59B6;display:block;line-height:1;font-weight:700}
.wc-horse-odds .ho-lbl{font-size:10px;color:#666;display:block;margin-top:2px}
.wc-horse-body{padding:22px 24px}
.wc-horse-body p{font-size:14px;color:#444;margin-bottom:14px;line-height:1.9}
.wc-horse-body strong{color:#0D0D0D}
.wc-horse-body em{color:#C0392B;font-style:normal;font-weight:700}

/* Factors */
.wc-factors{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}
.wc-factor{border-radius:4px;padding:12px 14px;border:1px solid}
.wc-factor.pos{background:rgba(108,52,131,0.06);border-color:rgba(108,52,131,0.2)}
.wc-factor.neg{background:rgba(192,57,43,0.05);border-color:rgba(192,57,43,0.15)}
.wc-factor h4{font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase;font-family:'Rubik',sans-serif}
.wc-factor.pos h4{color:#6C3483}
.wc-factor.neg h4{color:#C0392B}
.wc-factor ul{list-style:none;padding:0;margin:0}
.wc-factor li{font-size:13px;color:#444;margin-bottom:5px;display:flex;align-items:flex-start;gap:6px;line-height:1.5}
.wc-factor.pos li::before{content:'✓';color:#6C3483;font-weight:700;flex-shrink:0}
.wc-factor.neg li::before{content:'â–³';color:#C0392B;font-weight:700;flex-shrink:0}

/* Watch Box */
.wc-watch{background:#F7F3EC;border-left:3px solid #6C3483;padding:12px 16px;font-size:13px;color:#444;margin-top:14px;border-radius:0 4px 4px 0;line-height:1.8}
.wc-watch strong{color:#6C3483}

/* Timeline */
.wc-timeline{margin:20px 0 28px;position:relative;padding-left:28px}
.wc-timeline::before{content:'';position:absolute;left:8px;top:6px;bottom:6px;width:2px;background:#D4C9B0;border-radius:1px}
.wc-tl-item{position:relative;margin-bottom:20px}
.wc-tl-item::before{content:'';position:absolute;left:-24px;top:6px;width:10px;height:10px;background:#C9A84C;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #C9A84C}
.wc-tl-year{font-family:'Rajdhani',sans-serif;font-size:18px;color:#8A6B2A;display:block;line-height:1;margin-bottom:4px;font-weight:700}
.wc-tl-title{font-size:14px;font-weight:700;color:#0D0D0D;display:block;margin-bottom:4px}
.wc-tl-desc{font-size:13px;color:#6B6560;line-height:1.7}
.wc-tl-desc em{font-style:normal;font-weight:700;color:#6C3483}

/* Odds Compare */
.wc-odds-compare{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin:20px 0 28px}
.wc-oc{background:#fff;border:1px solid #D4C9B0;border-radius:4px;padding:16px;text-align:center;position:relative}
.wc-oc.highlight{border-color:#6C3483;border-top:3px solid #6C3483}
.wc-oc .oc-flag{font-size:26px;display:block;margin-bottom:6px}
.wc-oc .oc-team{font-size:13px;font-weight:700;color:#0D0D0D;display:block;margin-bottom:4px}
.wc-oc .oc-odds{font-family:'Rajdhani',sans-serif;font-size:28px;display:block;line-height:1;font-weight:700}
.wc-oc.highlight .oc-odds{color:#6C3483}
.wc-oc .oc-odds-normal{color:#8A6B2A}
.wc-oc .oc-lbl{font-size:10px;color:#9E9E9E;display:block;margin-top:3px}
.wc-oc .oc-badge{position:absolute;top:8px;right:8px;font-size:9px;font-weight:700;padding:2px 6px;border-radius:2px;background:rgba(108,52,131,0.15);color:#6C3483;letter-spacing:1px}

/* Groups */
.groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.group-card{background:#fff;border:1px solid #D4C9B0;border-radius:4px;overflow:hidden;transition:box-shadow 0.2s,transform 0.15s}
.group-card:hover{box-shadow:0 4px 20px rgba(0,0,0,0.1);transform:translateY(-2px)}
.group-card.death{border-color:#C0392B;border-top:3px solid #C0392B}
.group-header{background:#0D0D0D;padding:12px 16px;display:flex;align-items:center;justify-content:space-between}
.group-name{font-family:'Rajdhani',sans-serif;font-size:22px;color:#C9A84C;letter-spacing:2px;font-weight:700}
.group-badge{font-size:10px;font-weight:700;letter-spacing:1px;padding:3px 8px;border-radius:2px;text-transform:uppercase}
.badge-death{background:#C0392B;color:white}
.badge-normal{background:rgba(201,168,76,0.2);color:#8A6B2A}
.badge-watch{background:rgba(52,152,219,0.2);color:#2980B9}
.group-teams{padding:4px 0}
.team-row{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid #D4C9B0}
.team-row:last-child{border-bottom:none}
.team-left{display:flex;align-items:center;gap:10px}
.team-flag{font-size:20px;line-height:1}
.team-name{font-size:14px;font-weight:500}
.team-rank{font-size:11px;color:#9E9E9E}
.team-seed{font-size:10px;font-weight:700;letter-spacing:1px;padding:2px 7px;border-radius:10px}
.seed-1{background:rgba(201,168,76,0.2);color:#8A6B2A}
.seed-strong{background:rgba(192,57,43,0.1);color:#C0392B}
.seed-mid{background:rgba(30,132,73,0.1);color:#1E8449}
.seed-dark{background:rgba(130,130,130,0.15);color:#666}
.group-footer{padding:10px 16px;background:#FAFAF8;border-top:1px solid #D4C9B0;font-size:12px;color:#9E9E9E}
.group-footer a{color:#8A6B2A;text-decoration:none;font-weight:600}
.group-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}
.group-tab{background:#EDE8DE;border:1px solid #D4C9B0;color:#9E9E9E;font-size:13px;font-weight:700;padding:7px 16px;border-radius:2px;cursor:pointer;transition:all 0.15s;letter-spacing:1px;font-family:'Rubik',sans-serif}
.group-tab:hover{border-color:#8A6B2A;color:#8A6B2A}
.group-tab.active{background:#0D0D0D;border-color:#C9A84C;color:#C9A84C}

/* Key Dates */
.key-dates{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:36px}
.key-date-card{background:#1A1A1A;color:white;padding:20px;border-radius:4px;border-top:3px solid #C9A84C;text-align:center}
.key-date-card .date-label{font-size:11px;color:#666;letter-spacing:2px;text-transform:uppercase;display:block;margin-bottom:8px}
.key-date-card .date-main{font-family:'Rajdhani',sans-serif;font-size:26px;color:#C9A84C;display:block;line-height:1;margin-bottom:6px;font-weight:700}
.key-date-card .date-desc{font-size:12px;color:#AAA;line-height:1.4}

/* Responsive */
@media(max-width:768px){
  .wc-nav-links{grid-template-columns:1fr}
  .wc-pros-cons{grid-template-columns:1fr}
  .wc-factors{grid-template-columns:1fr}
  .wc-criteria{grid-template-columns:repeat(2,1fr)}
  .wc-odds-grid{grid-template-columns:repeat(2,1fr)}
  .wc-odds-compare{grid-template-columns:repeat(2,1fr)}
  .wc-scenarios{grid-template-columns:1fr 1fr}
  .wc-quiz-opts{grid-template-columns:1fr}
  .groups-grid{grid-template-columns:1fr}
  .key-dates{grid-template-columns:repeat(2,1fr)}
  .wc-board-match{justify-content:center}
  .wc-player-num{font-size:36px;width:40px}
}