/* CricBet99 desk — PITCH-NIGHT SCOREBOOK shared styles (cricbets999.in) */
:root{--pitch:#F4F2EF;--pitch2:#EFEBE5;--turf:#0E5E4B;--deep:#0E5E4B;--sheet:#FFFFFF;--sheet2:#FAF6F1;--ink:#1D1D1D;--ink2:#4A4A4A;--gold:#F5B21B;--gold2:#DEB435;--teal:#0E5E4B;--seam:#B3261E;--rule:#ECDCC9;--wa:#25D366;
--fh:Arial,Helvetica,sans-serif;--fb:Arial,Helvetica,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:clip;-webkit-text-size-adjust:100%;scroll-padding-top:150px}
body{margin:0;overflow-x:clip;max-width:100%;font:400 17px/1.65 var(--fb);color:var(--sheet);background-color:var(--pitch);background-image:radial-gradient(ellipse 60% 40% at 12% 0,rgba(245,178,27,.10),transparent 70%),radial-gradient(ellipse 50% 35% at 92% 6%,rgba(222,180,53,.08),transparent 70%),repeating-linear-gradient(90deg,var(--pitch) 0 96px,var(--pitch2) 96px 192px);background-attachment:fixed}
:where(body *){min-width:0;overflow-wrap:break-word}
img{max-width:100%;height:auto}
main{display:block;max-width:100%;overflow-x:clip}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--fh);line-height:1.2;margin:0 0 .6em}
h1{font-weight:700;font-size:clamp(1.75rem,1.1rem + 2.6vw,2.9rem);letter-spacing:-.01em}
h2{font-weight:700;font-size:clamp(1.35rem,1rem + 1.3vw,1.95rem)}
h3{font-weight:400;font-size:clamp(1.12rem,1rem + .5vw,1.35rem)}
p{margin:0 0 1em}
ul,ol{margin:0 0 1em;padding-left:1.25em}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.skip-link{position:absolute;left:8px;top:8px;z-index:200;padding:10px 16px;background:var(--gold);color:var(--ink);font-weight:700;text-decoration:none;clip:rect(0 0 0 0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.skip-link:focus{clip:auto;clip-path:none;width:auto;height:auto;overflow:visible}
.cb-wrap{width:100%;max-width:1220px;margin:0 auto;padding:0 16px}
/* header — two tiers: logo+actions, then nav */
.hdr{position:sticky;top:0;z-index:60;width:100%;max-width:100vw;background:#0E5E4B;color:var(--sheet);border-bottom:3px solid var(--gold)}
.hdr .cb-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding-top:8px;padding-bottom:8px;position:relative}
.cb-logo{display:inline-flex;align-items:center;flex:0 0 auto;margin-right:auto;text-decoration:none}
.cb-logo img{display:block;width:auto;height:38px;flex:0 0 auto}
.cb-act{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.cb-nav{order:3;flex:1 0 100%;display:flex;flex-wrap:wrap;gap:2px 4px;margin:0;padding:6px 0 2px;list-style:none;border-top:1px solid rgba(246,241,225,.12)}
.cb-nav li{flex:0 1 auto}
.cb-nav a{display:inline-flex;align-items:center;min-height:40px;padding:6px 11px;border-radius:4px;font:600 .92rem/1.2 var(--fb);color:var(--sheet);text-decoration:none}
.cb-nav a:hover,.cb-nav a[aria-current="page"]{background:#0E5E4B;color:var(--gold)}
.burger{display:none;width:46px;height:46px;border:2px solid var(--gold);border-radius:6px;background:#0E5E4B;color:var(--gold);cursor:pointer;padding:0;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.burger i{display:block;width:22px;height:2px;background:var(--gold);transition:transform .2s}
.burger[aria-expanded="true"] i:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded="true"] i:nth-child(2){opacity:0}
.burger[aria-expanded="true"] i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media (max-width:999px){
 .burger{display:inline-flex}
 .cb-act .btn.sec{display:none}
 .cb-nav{display:none;position:absolute;left:0;right:0;top:100%;grid-template-columns:1fr 1fr;gap:4px 8px;padding:12px 16px 16px;background:#0E5E4B;color:var(--sheet);border-bottom:3px solid var(--gold);box-shadow:0 18px 30px rgba(0,0,0,.45)}
 .cb-nav.open{display:grid}
 .cb-nav a{min-height:44px;width:100%;font-size:.95rem;background:#0E5E4B}
}
@media (max-width:479px){.cb-logo img{height:32px}.hdr .btn{padding:10px 14px;font-size:.88rem;line-height:1.15}}
/* buttons — notched ticket */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:12px 22px;border:0;font:700 1rem/1.25 var(--fb);text-decoration:none;text-align:center;white-space:normal;max-width:100%;min-width:0;cursor:pointer;background:#F5B21B !important;color:#1D1D1D !important;-webkit-mask:radial-gradient(circle 7px at 0 50%,#0000 96%,#000) left/51% 100% no-repeat,radial-gradient(circle 7px at 100% 50%,#0000 96%,#000) right/51% 100% no-repeat;mask:radial-gradient(circle 7px at 0 50%,#0000 96%,#000) left/51% 100% no-repeat,radial-gradient(circle 7px at 100% 50%,#0000 96%,#000) right/51% 100% no-repeat}
.btn:hover{background:#FFC63D !important}
.btn.sec{background:#0E5E4B !important;color:#F5B21B !important;box-shadow:inset 0 0 0 2px #F5B21B}
.btn.wa{background:#25D366 !important;color:#0B1F14 !important}
/* breadcrumb */
.cb-crumb ol{display:flex;flex-wrap:wrap;gap:4px 8px;list-style:none;margin:0;padding:14px 0 6px;font-size:.88rem;color:#5A5A5A}
.cb-crumb li+li::before{content:"/";margin-right:8px;color:var(--gold2)}
.cb-crumb a{color:#E6F0EC;text-decoration:none}
.cb-crumb a[aria-current]{color:var(--gold)}
/* type helpers */
.cb-kick{display:inline-block;margin:0 0 10px;padding:3px 10px;border-left:4px solid var(--seam);background:#F5B21B;color:#1D1D1D;font:700 .78rem/1.4 var(--fb);letter-spacing:.08em;text-transform:uppercase}
.cb-lead{font-size:1.1rem;line-height:1.6}
.cb-mut{color:var(--ink2)}
/* scorebook sheet — cream content surface with red margin rule */
.cb-sheet{position:relative;background:#FFFFFF;color:#1D1D1D;border-radius:6px;padding:28px 22px 26px 34px;box-shadow:0 2px 0 #ECDCC9,0 18px 40px rgba(0,0,0,.35)}
.cb-sheet::before{content:"";position:absolute;left:18px;top:0;bottom:0;width:2px;background:#B3261E;opacity:.55;pointer-events:none}
.cb-sheet a:not([class]){color:#874600;text-decoration:underline;text-decoration-color:#DEB435;text-decoration-thickness:2px;text-underline-offset:3px;font-weight:600}
.cb-sheet h2{color:#1D1D1D;padding-top:.3em;border-top:1px dashed #ECDCC9}
.cb-sheet h2:first-child{border-top:0;padding-top:0}
.cb-sheet h3{color:#0E5E4B}
.cb-sec{padding:26px 0}
.cb-two{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}
.cb-rail{position:sticky;top:150px;display:grid;gap:16px}
@media (max-width:999px){.cb-two{grid-template-columns:minmax(0,1fr)}.cb-rail{position:static}}
@media (max-width:600px){.cb-sheet{padding:22px 16px 20px 26px}.cb-sheet::before{left:12px}}
/* rail scorecard */
.cb-card{background:#0E5E4B;color:#FFFFFF;border-radius:6px;padding:16px 16px 14px;border-top:4px solid #F5B21B}
.cb-card-t{margin:0 0 8px;font:700 1rem/1.3 var(--fh);color:#F5B21B}
.cb-card ul{list-style:none;margin:0;padding:0}
.cb-card li a{display:flex;justify-content:space-between;gap:8px;min-height:44px;align-items:center;padding:6px 0;border-bottom:1px dotted rgba(246,241,225,.25);color:#FFFFFF;text-decoration:none;font-weight:600}
.cb-card li a:hover{color:#F5B21B}
.cb-card p{margin:0 0 .6em;color:#E6F0EC}
/* tables */
.tbl-wrap{position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;margin:0 0 1.2em;scrollbar-width:thin;scrollbar-color:#DEB435 transparent}
.tbl-wrap>table{min-width:430px}
table{width:100%;border-collapse:collapse;font-size:.95rem}
th,td{padding:9px 11px;text-align:left;vertical-align:top;border-bottom:1px solid #ECDCC9}
th{background:#1D1D1D;color:#FFFFFF;font-weight:700}
tbody tr:nth-child(even) td{background:#FAF6F1}
/* figures */
.cb-fig{position:relative;margin:0 0 1.4em;border-radius:6px;overflow:hidden;background:#0E5E4B;color:#FFFFFF}
.cb-fig img{display:block;width:100%;height:auto}
.cb-fig::after{content:"";position:absolute;inset:8px;border:1px solid rgba(245,178,27,.55);border-radius:3px;pointer-events:none}
.cb-fig figcaption{padding:9px 14px;font-size:.88rem;background:#0E5E4B;color:#E6F0EC}
/* FAQ — cricket-ball marker */
.cb-faq{display:grid;gap:10px;margin:0 0 1.4em}
.cb-faq details{background:#FFFFFF;color:#1D1D1D;border:1px solid #ECDCC9;border-radius:6px}
.cb-faq summary{position:relative;list-style:none;cursor:pointer;min-height:44px;padding:13px 14px 13px 50px;font:700 1.02rem/1.4 var(--fb)}
.cb-faq summary::-webkit-details-marker{display:none}
.cb-faq summary::before{content:"";position:absolute;left:14px;top:13px;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#E0574E,#B3261E 60%,#7E1712);box-shadow:inset 0 0 0 1px #7E1712;transition:transform .3s;pointer-events:none}
.cb-faq summary::after{content:"";position:absolute;left:24px;top:13px;width:2px;height:22px;background:repeating-linear-gradient(#FFF6 0 2px,transparent 2px 4px);transition:transform .3s;pointer-events:none}
.cb-faq details[open] summary::before,.cb-faq details[open] summary::after{transform:rotate(90deg)}
.cb-faq details>div{padding:0 16px 12px 50px}
/* chips + related */
.also-search{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 1.4em;padding:0}
.also-search li{flex:0 1 auto;max-width:100%;white-space:normal;padding:6px 12px;border-radius:999px;background:#FAF6F1;color:#1D1D1D;border:1px dashed #0E5E4B;font-size:.9rem}
.cb-rel{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}
.cb-rel li{flex:1 1 220px;max-width:100%}
.cb-rel a{display:flex;align-items:center;min-height:52px;padding:10px 14px;border-radius:6px;background:#0E5E4B;color:#FFFFFF;text-decoration:none;font-weight:600;border-left:4px solid #F5B21B}
.cb-rel a:hover{color:#F5B21B}
/* seo-box base (placement/layout set per page) */
.seo-box{margin:0 0 1.6em}
.seo-box h2{column-span:all}
.seo-box h3{font-size:1.08rem;margin-top:.4em}
/* reveal (visible by default) */
.cb-rv.on{animation:cb-up .55s ease-out both}
@keyframes cb-up{from{transform:translateY(14px)}to{transform:none}}
/* WhatsApp float */
.wafloat{position:fixed;right:16px;bottom:16px;z-index:70;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:#25D366;color:#0B1F14;box-shadow:0 8px 22px rgba(0,0,0,.4)}
.wafloat svg{width:32px;height:32px;fill:#FFFFFF}
.wafloat::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 0 rgba(37,211,102,.6);animation:cb-pulse 2.2s infinite;pointer-events:none}
@keyframes cb-pulse{70%{box-shadow:0 0 0 16px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
/* footer */
.ftr{margin-top:40px;background:#0E5E4B;color:#E6F0EC;border-top:3px solid #F5B21B;padding:34px 0 90px;font-size:.95rem}
.ftr .cb-wrap{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:26px}
.ftr ul{list-style:none;margin:0;padding:0}
.ftr li a{display:inline-flex;align-items:center;min-height:44px;color:#E6F0EC;text-decoration:none}
.ftr li a:hover{color:#F5B21B}
.cb-flogo{display:block;width:auto;height:30px;margin:0 0 12px}
.cb-fl{margin:0 0 6px;font:700 .95rem/1.3 var(--fh);color:#F5B21B}
.cb-social{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px !important}
.cb-social li{flex:0 0 auto}
.cb-social a{display:inline-flex !important;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#0E5E4B;color:#F5B21B;border:1px solid #0E5E4B}
.cb-social svg{width:20px;height:20px;fill:currentColor}
.cb-tp{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:6px 14px;border-radius:6px;background:#0E5E4B;color:#FFFFFF;text-decoration:none;font-weight:600}
.cb-tp svg{width:18px;height:18px;fill:#00B67A;flex:0 0 auto}
.cb-legal{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;padding-top:18px;border-top:1px solid rgba(246,241,225,.15)}
.cb-legal p{margin:0}
.cb-partner{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.cb-plate{display:inline-flex;flex:0 0 auto;align-items:center;padding:6px 10px;border-radius:8px;background:#FFFFFF}
.cb-plate img{display:block;width:109px;height:26px}
@media (max-width:999px){.ftr .cb-wrap{grid-template-columns:1fr 1fr}}
@media (max-width:599px){.ftr .cb-wrap{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}}

/* ==== original cricbets999.in theme (brown/green light) ==== */
body{color:#1D1D1D;background:#F4F2EF;background-image:none}
a{color:#874600}
.hdr{background:linear-gradient(90deg,#874600,#0E5E4B);border-bottom:0;box-shadow:0 2px 10px rgba(0,0,0,.2);color:#FFFFFF}
.cb-nav a{color:#FFFFFF}
.cb-nav a:hover,.cb-nav a[aria-current="page"]{background:rgba(0,0,0,.18);color:#FFE9D2}
.burger{background:transparent;border-color:#FFFFFF;color:#FFFFFF}.burger i{background:#FFFFFF}
.btn{background:#874600 !important;color:#FFFFFF !important;border-radius:6px}
.btn:hover{background:#6D3900 !important}
.btn.sec{background:#0E5E4B !important;color:#FFFFFF !important;box-shadow:none}
.btn.wa{background:#25D366 !important;color:#0B1F14 !important}
.cb-crumb ol{color:#5A5A5A}.cb-crumb a{color:#874600}.cb-crumb a[aria-current]{color:#0E5E4B}
.cb-sheet{background:#FFFFFF;color:#1D1D1D;box-shadow:0 1px 0 #ECDCC9,0 8px 22px rgba(0,0,0,.08)}
.cb-sheet h2,main h2{color:#874600}
.cb-sheet h3,main h3{color:#0E5E4B}
main#main>section[class*="-hero"]{border-image:linear-gradient(180deg,#874600,#0E5E4B) fill 0//0 100vmax;padding-top:26px;padding-bottom:30px}
.ftr{background:#0E5E4B;color:#DFE9E5;border-top:0}
.ftr li a{color:#DFE9E5}.ftr li a:hover{color:#FFE9D2}
.cb-fl{color:#FFE9D2}
th{background:#874600;color:#FFFFFF}

/* original cricbets999.in bottom WhatsApp bar, kept on every page (6 Oct 2026) */
body{padding-bottom:62px}
.wa-bottom-bar{position:fixed;bottom:0;left:0;right:0;z-index:60;display:flex;align-items:center;justify-content:center;gap:10px;background:#25D366 !important;color:#FFFFFF !important;text-decoration:none;font-weight:bold;font-size:1rem;font-family:Arial,Helvetica,sans-serif;padding:13px 16px;box-shadow:0 -2px 10px rgba(0,0,0,.25)}
.wa-bottom-bar svg{width:24px;height:24px;fill:#FFFFFF;flex:0 0 auto}
.wa-bottom-bar:hover{filter:brightness(1.08)}
.wafloat{bottom:78px}
