:root {
  --bg: #0b1220;
  --bg-2: #101a2e;
  --card: #162036;
  --card-2: #1c2a46;
  --line: rgba(255, 140, 60, 0.16);
  --text: #f4f7fb;
  --muted: #9aa8c0;
  --green: #2ecc71;
  --green-2: #1aa34a;
  --gold: #ff8c28;
  --orange: #ff6a00;
  --red: #ff4d4d;
  --live: #ff2d2d;
  --blue: #4da3ff;
  --shadow: 0 18px 50px rgba(0, 0, 0, .38);
  --radius: 16px;
  --font: "Noto Sans Devanagari", "Segoe UI", system-ui, sans-serif;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { min-height: 100%; }
body {
  font-family: var(--font);
  background:
    radial-gradient(1000px 420px at 8% -8%, rgba(255, 106, 0, .22), transparent 52%),
    radial-gradient(800px 360px at 100% 0%, rgba(77, 163, 255, .12), transparent 46%),
    linear-gradient(180deg, #0b1220, #070b14 82%);
  color: var(--text);
}

a { color: inherit; text-decoration: none; }
img { max-width: 100%; }

.wrap { width: min(1180px, calc(100% - 32px)); margin: 0 auto; }

.topbar {
  position: sticky; top: 0; z-index: 20;
  backdrop-filter: blur(16px);
  background: rgba(10, 16, 30, .88);
  border-bottom: 1px solid var(--line);
}
.topbar-inner {
  display: flex; align-items: center; justify-content: space-between;
  padding: 14px 0; gap: 16px;
}
.brand { display: flex; align-items: center; gap: 12px; font-weight: 800; letter-spacing: .3px; }
.logo {
  width: 42px; height: 42px; border-radius: 50%;
  background: conic-gradient(from 20deg, #ff6a00, #ffd166, #ff2d2d, #ff6a00);
  display: grid; place-items: center;
  box-shadow: 0 0 0 3px #162036, 0 0 22px rgba(255,106,0,.4);
  font-size: 20px;
}
.brand small { display: block; font-weight: 500; color: var(--muted); font-size: 12px; }
.nav { display: flex; gap: 10px; flex-wrap: wrap; }
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  border: 1px solid var(--line); background: #1a2744; color: var(--text);
  padding: 9px 14px; border-radius: 999px; cursor: pointer; font-weight: 650;
  font-size: 14px; transition: .2s ease;
}
.btn:hover { transform: translateY(-1px); border-color: var(--orange); }
.btn-gold { background: linear-gradient(180deg, #ff9a3c, #ff6a00); color: #2a1200; border: none; }
.btn-red { background: #3a1515; border-color: #7a2a2a; }
.btn-green { background: linear-gradient(180deg, #2ecc71, #1e9b4e); color: #06210f; border: none; }
.btn-ghost { background: transparent; }

.hero { padding: 28px 0 10px; }
.hero h1 { font-size: clamp(28px, 4vw, 44px); line-height: 1.15; }
.hero p { color: var(--muted); margin-top: 8px; }
.live-dot {
  width: 9px; height: 9px; border-radius: 50%; background: var(--live);
  box-shadow: 0 0 0 0 rgba(255,45,45,.7);
  animation: pulse 1.4s infinite;
  display: inline-block;
}
@keyframes pulse {
  70% { box-shadow: 0 0 0 10px rgba(255,45,45,0); }
  100% { box-shadow: 0 0 0 0 rgba(255,45,45,0); }
}

.tabs { display: flex; gap: 8px; margin: 18px 0 20px; flex-wrap: wrap; }
.tab {
  padding: 8px 14px; border-radius: 999px; border: 1px solid var(--line);
  color: var(--muted); cursor: pointer; background: #132038; font-size: 13px;
}
.tab.active { color: #2a1200; background: var(--gold); border-color: var(--gold); font-weight: 700; }

.grid { display: grid; gap: 18px; }
.cards { grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); }

.card {
  background: linear-gradient(180deg, var(--card), #10192c);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow: hidden;
}
.card-hd {
  display: flex; justify-content: space-between; align-items: center;
  padding: 12px 16px; border-bottom: 1px solid var(--line);
  color: var(--muted); font-size: 13px;
}
.badge {
  font-size: 11px; font-weight: 800; letter-spacing: .6px;
  padding: 4px 8px; border-radius: 999px; text-transform: uppercase;
}
.badge-live { background: rgba(255,45,45,.15); color: #ff8a8a; }
.badge-upcoming { background: rgba(77,163,255,.15); color: #8ec4ff; }
.badge-completed { background: rgba(154,184,164,.15); color: #c5d8cc; }

.score-body { padding: 16px; }
.teams { display: grid; gap: 12px; }
.team-row { display: grid; grid-template-columns: 1fr auto; gap: 10px; align-items: center; }
.team-name { font-size: 18px; font-weight: 800; display: flex; gap: 8px; align-items: center; }
.team-name .short { color: var(--muted); font-size: 12px; font-weight: 600; }
.score-num { font-variant-numeric: tabular-nums; font-size: 26px; font-weight: 800; }
.score-num small { font-size: 15px; color: var(--muted); font-weight: 600; margin-left: 6px; }
.batting { outline: 1px solid rgba(46,204,113,.28); background: rgba(46,204,113,.06); border-radius: 12px; padding: 8px 10px; }

.meta { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 12px; color: var(--muted); font-size: 13px; }
.pill { background: #1a2744; border: 1px solid var(--line); padding: 4px 8px; border-radius: 999px; }

.mini { margin-top: 14px; display: grid; gap: 8px; font-size: 13px; }
.mini .row { display: flex; justify-content: space-between; color: var(--muted); }
.over-balls { display: flex; gap: 4px; flex-wrap: wrap; width: max-content; max-width: 100%; }
.ball {
  width: 28px; min-width: 28px; max-width: 36px; height: 28px; border-radius: 50%;
  display: grid; place-items: center; font-size: 11px; font-weight: 800; padding: 0;
  background: #1b3a26; border: 1px solid var(--line);
}
.ball.w { background: #3a1515; color: #ffb3b3; }
.ball.s { background: #3a2a08; color: var(--gold); }
.ball.f { background: #12351f; color: #8cffb0; }
.comment { margin-top: 12px; padding: 10px 12px; border-radius: 12px; background: #121c33; color: #d7f0df; font-size: 14px; }

.footer { padding: 28px 0 40px; color: var(--muted); font-size: 13px; text-align: center; }

/* forms / admin */
.page { padding: 24px 0 50px; }
.panel { padding: 20px; }
.form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.form-grid .full { grid-column: 1 / -1; }
label { display: block; font-size: 12px; color: var(--muted); margin-bottom: 5px; }
input, select, textarea {
  width: 100%; background: #0e1628; border: 1px solid var(--line); color: var(--text);
  border-radius: 12px; padding: 10px 12px; font: inherit;
}
textarea { min-height: 80px; resize: vertical; }
.login-box { width: min(420px, 100%); margin: 8vh auto; }
.alert { padding: 10px 12px; border-radius: 12px; margin-bottom: 12px; }
.alert-err { background: #3a1515; color: #ffd0d0; }
.alert-ok { background: #12351f; color: #b8f5cb; }
.table { width: 100%; border-collapse: collapse; font-size: 14px; }
.table th, .table td { padding: 10px 8px; border-bottom: 1px solid var(--line); text-align: left; }
.actions { display: flex; gap: 8px; flex-wrap: wrap; }

.quick { display: flex; gap: 8px; flex-wrap: wrap; margin: 8px 0 16px; }
.quick button { min-width: 44px; }

.updated { color: var(--muted); font-size: 12px; }

.score-line {
  display: grid;
  grid-template-columns: 1.6fr 70px 70px 60px 60px 1fr auto;
  gap: 8px;
  align-items: center;
}
.chk { color: var(--text); font-size: 13px; display: flex; gap: 6px; align-items: center; }
.ball.x { background: #1a2c40; color: #9fd0ff; }
.live-board .board-hd { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
.muted { color: var(--muted); font-size: 13px; }
.score-big .big-row { display: grid; grid-template-columns: 1fr auto 1fr; gap: 12px; align-items: center; }
.score-big .tn { font-weight: 700; }
.score-big .sc { font-size: 34px; font-weight: 800; font-variant-numeric: tabular-nums; }
.score-big .sc.dim { font-size: 22px; color: var(--muted); }
.score-big .vs { color: var(--muted); }
.extras-line { margin: 10px 0; color: #d7f0df; font-size: 13px; background: #121c33; padding: 8px 10px; border-radius: 10px; }
.mini-table { width: 100%; border-collapse: collapse; font-size: 13px; margin-top: 8px; }
.mini-table th, .mini-table td { text-align: left; padding: 6px 4px; border-bottom: 1px solid var(--line); }
.mini-table tr.on td { color: var(--gold); font-weight: 700; }
.quick.pad button { min-width: 56px; }

@media (max-width: 720px) {
  .score-line { grid-template-columns: 1fr 1fr; }
  .score-big .sc { font-size: 26px; }
}

@media (max-width: 720px) {
  .form-grid { grid-template-columns: 1fr; }
  .score-num { font-size: 22px; }
  .team-name { font-size: 16px; }
}

.team-score-row {
  display: flex; flex-wrap: wrap; gap: 8px; align-items: end;
  padding: 10px; margin-bottom: 8px;
  background: #121c33; border: 1px solid var(--line); border-radius: 14px;
}
.team-score-row.batting { outline: 1px solid rgba(46,204,113,.35); }
.team-score-row .tn { font-weight: 800; min-width: 140px; padding-bottom: 8px; }
.team-score-row label { font-size: 11px; color: var(--muted); }
.team-score-row input { width: 82px; }
.team-score-row .grow { flex: 1; min-width: 160px; }
.team-score-row .grow input { width: 100%; }
.team-score-row .slash { padding-bottom: 10px; color: var(--muted); font-size: 22px; }
.run-boxes { display: flex; flex-wrap: wrap; gap: 8px; }
.run-box {
  width: 56px; height: 56px; border-radius: 14px; font-size: 22px; font-weight: 800;
  border: 1px solid var(--line); background: #1a2744; color: var(--text); cursor: pointer;
}
.run-box.four { background: #12351f; color: #8cffb0; }
.run-box.six { background: #3a2a08; color: var(--gold); }
.run-box.extra { width: auto; min-width: 72px; padding: 0 10px; font-size: 13px; }
.hide-sum { cursor: pointer; font-weight: 700; }
.sticky-save .team-score-row .btn { min-width: 70px; }

.extra-row { display: flex; gap: 10px; align-items: center; margin: 6px 0; flex-wrap: wrap; }
.extra-lab { min-width: 88px; font-weight: 700; font-size: 13px; color: var(--muted); }
.run-box:disabled { opacity: .35; cursor: not-allowed; }

.hero-plus { padding: 28px 0 18px; }
.kicker { letter-spacing: .12em; font-size: 12px; color: var(--gold); text-transform: uppercase; margin-bottom: 8px; }
.hero-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 14px; }
.tour-strip { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 16px; }
.featured { margin-bottom: 18px; }
.feat-score { display: grid; grid-template-columns: 1fr auto 1fr; gap: 12px; align-items: center; padding: 8px 0 12px; }
.feat-num { font-size: 40px; font-weight: 800; }
.feat-num.dim { font-size: 40px; color: var(--text); }
.out-banner { background: #7a1515; color: #ffd0d0; padding: 10px 12px; border-radius: 12px; font-weight: 800; margin: 10px 0; }
.out-row td { color: #ff8a8a; }
.specials { display: flex; gap: 6px; flex-wrap: wrap; margin: 8px 0; }
.special-tag { background: linear-gradient(180deg,#f0cc72,#c99620); color: #2a2100; font-weight: 800; font-size: 12px; padding: 4px 8px; border-radius: 999px; }
.overs-hide { margin-top: 8px; color: var(--muted); }
.pill.gold { background: #3a2a08; color: var(--gold); }

.inn-tag { font-size: 10px; background: #1e2a4a; color: #c9d4f0; padding: 2px 6px; border-radius: 999px; margin-left: 6px; }
.inn-strip { display: grid; gap: 4px; font-size: 13px; color: var(--muted); margin: 8px 0 10px; padding: 8px 10px; background: #0f1730; border-radius: 10px; }
.inn-strip b { color: var(--text); }
.result-line { margin-top: 10px; padding: 10px 12px; border-radius: 12px; background: #12351f; color: #8cffb0; font-weight: 800; }
.tops-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 10px; }
.score-num .wk { color: var(--muted); font-size: .7em; }
.live-card .score-num { font-size: 34px; letter-spacing: -1px; }

.hover-card { transition: transform .18s ease, box-shadow .18s ease; }
.hover-card:hover { transform: translateY(-4px); box-shadow: 0 16px 40px rgba(0,0,0,.35); border-color: rgba(244,196,48,.35); }
.tlogo { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; background: #1a2a18; display:inline-grid; place-items:center; font-size:11px; font-weight:800; color:#f4c430; box-shadow:0 0 0 2px rgba(244,196,48,.35); }
.tlogo.mark { background: linear-gradient(180deg,#2a4a32,#102010); }
.score-grid { display:grid; gap:8px; }
.team-row.highlight { outline: 1px solid rgba(244,196,48,.45); background: rgba(244,196,48,.06); border-radius: 12px; padding: 6px 8px; }
.game-details { margin-top: 10px; background: rgba(0,0,0,.18); border-radius: 12px; padding: 8px 10px; }
.game-details summary { cursor:pointer; font-weight:700; color: var(--gold); }
.details-pad { margin-top: 10px; display:grid; gap:8px; }
.six-hl { color: var(--gold); font-weight:800; }
.hl { color: #8cffb0; font-weight:700; }
.slide-row { display:flex; gap:12px; overflow:auto; scroll-snap-type:x mandatory; padding-bottom:8px; }
.slide-row > * { scroll-snap-align:start; min-width: min(100%, 340px); }
.live-card { animation: fadeup .35s ease; }
@keyframes fadeup { from { opacity:0; transform:translateY(8px);} to {opacity:1; transform:none;} }

.ch-pad { display:grid; grid-template-columns: repeat(4, 1fr); gap:8px; }
.run-boxes { display:flex; flex-wrap:wrap; gap:8px; }
.run-box {
  width: 52px; height: 52px; border-radius: 50%;
  border: 0; font-weight: 800; font-size: 18px; cursor: pointer;
  background: #1b2b4d; color: #fff;
}
.run-box:hover { transform: scale(1.06); background: #24365e; }
.run-box.four { background:#146c43; color:#b8ffd4; }
.run-box.six { background:#ff6a00; color:#fff; }
.run-box.extra { width:auto; min-width:64px; border-radius:14px; font-size:13px; padding:0 12px; background:#2a1d3d; }
.badge-live { background:#ff2d2d; color:#fff; }
.game-details summary { color: var(--orange); }
.result-line { background: linear-gradient(90deg,#ff6a00,#ff9a3c); color:#2a1200; }
.inn-strip { background:#10192c; }

.compact .score-body, .compact.panel { padding: 10px 12px; }
.compact .card-hd { padding: 8px 12px; font-size: 12px; }
.compact .score-num { font-size: 26px; }
.compact .team-name { font-size: 14px; }
.compact .feat-num { font-size: 26px !important; }
.cards { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 12px; }
.run-box { width: 40px; height: 40px; font-size: 15px; }
.ball { min-width: 24px; height: 24px; font-size: 11px; }
.btn { padding: 7px 11px; font-size: 13px; }
.yt-stack { margin: 10px 0 12px; }
.stream-box { position:relative; padding-top:56.25%; margin: 0 auto; max-width: 100%; }
.stream-box iframe { position:absolute; inset:0; width:100%; height:100%; border:0; border-radius:12px 12px 0 0; }
.score-ticker-frame { display:block; width:100%; height:56px; border:0; border-radius:0 0 12px 12px; background:#0b1220; }
@media (min-width: 900px) {
  .yt-stack { max-width: 680px; margin-left: auto; margin-right: auto; }
  .stream-box { padding-top: 38%; }
}
@media (max-width: 720px) {
  .wrap { width: calc(100% - 16px); }
  .hero h1 { font-size: 22px; }
  .feat-score { grid-template-columns: 1fr; }
  .nav .btn { padding: 6px 8px; font-size: 12px; }
  .form-grid { grid-template-columns: 1fr; }
  .run-box { width: 38px; height: 38px; }
  .topbar-inner { padding: 8px 0; }
  .page { padding: 12px 0 28px; }
  body { font-size: 14px; }
}
@media (min-width: 900px) {
  .cards { grid-template-columns: repeat(3, 1fr); }
}

.bowler-box {
  display:flex; align-items:center; gap:14px; flex-wrap:wrap;
  margin:12px 0; padding:12px 14px;
  background: linear-gradient(90deg,#1a2744,#24365e);
  border:1px solid rgba(255,140,60,.35);
  border-radius:16px;
}
.bowler-lab { font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:#9aa8c0; }
.bowler-name { font-size:20px; font-weight:800; }
.bowler-fig { margin-left:auto; font-variant-numeric:tabular-nums; font-weight:700; }
.bowler-fig small { display:block; color:#9aa8c0; font-weight:600; }
.inn-start { border:1px solid rgba(46,204,113,.4); }
.out-banner {
  background:#5a1212; color:#ffd0d0; padding:10px 12px; border-radius:12px; font-weight:800; margin:10px 0;
}
.sticky-save { box-shadow: 0 10px 30px rgba(0,0,0,.25); }
.run-box { box-shadow: 0 4px 0 #0b1220; }
.run-box:active { transform: translateY(2px); box-shadow:none; }

.jump-bar {
  position: sticky; top: 58px; z-index: 15;
  display:flex; gap:8px; flex-wrap:wrap;
  background: rgba(10,16,30,.92); padding:8px; border-radius:12px;
  margin-bottom:10px; border:1px solid var(--line);
}
.crease-box { border:1px solid rgba(255,140,60,.25); }
.crease-box.on-strike {
  outline:2px solid #ff8c28;
  background: rgba(255,106,0,.12);
}

.crease-live { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:10px 0; }
.hl-table tr.hl-row td { color:#ffd166; font-weight:800; background:rgba(255,106,0,.12); }
.tops-wrap { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:10px; }
.live-card .team-row .score-num { font-size:28px; }
@media(max-width:720px){ .crease-live,.tops-wrap { grid-template-columns:1fr; } }

.crease-one { background:#121c33; border:1px solid var(--line); border-radius:12px; padding:10px 12px; margin:8px 0; font-weight:700; }
.crease-one .on-strike { color:#ffd166; }

.bar-pick { display:flex; gap:6px; flex-wrap:wrap; align-items:center; margin-top:6px; font-size:11px; }
.bar-pick button, .bar-pick a { background:#1a2744; color:#fff; border:1px solid var(--line); border-radius:8px; padding:3px 8px; cursor:pointer; }
.score-ticker-frame.bar-mini { height:32px; }
.score-ticker-frame.bar-slim { height:40px; }
@media(max-width:640px){
  .score-ticker-frame { height:34px; }
  .score-ticker-frame.bar-mini { height:28px; }
}

.stream-box { position:relative; }
.yt-overlay { position:absolute; inset:0; width:100%; height:100%; border:0; pointer-events:none; z-index:3; background:transparent; }
.score-ticker-frame { height:68px; }

.mini-chart { display:flex; flex-direction:column; gap:4px; margin-top:6px; }
.ch-row { display:grid; grid-template-columns:90px 1fr 36px; gap:6px; align-items:center; font-size:11px; }
.ch-row i { display:block; height:8px; background:linear-gradient(90deg,#f59e0b,#fb923c); border-radius:99px; }

body{
  background:
    radial-gradient(900px 380px at 10% -10%, rgba(255,106,0,.28), transparent 50%),
    radial-gradient(700px 320px at 90% 0%, rgba(250,204,21,.12), transparent 46%),
    linear-gradient(180deg,#070b14,#0b1220 40%,#05080f);
}
.topbar{
  box-shadow:0 12px 30px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.08);
}
.logo{
  transform:rotateX(12deg) rotateY(-12deg);
  box-shadow:0 8px 0 #3a1a00,0 14px 22px rgba(255,106,0,.35);
}
.btn{
  box-shadow:0 6px 0 rgba(0,0,0,.28),0 10px 16px rgba(0,0,0,.2);
}
.btn:hover{transform:translateY(-3px);}
.btn:active{transform:translateY(2px);box-shadow:0 2px 0 rgba(0,0,0,.3);}
.d3-hero{
  position:relative;
  margin:18px 0 16px;padding:22px 20px 20px;border-radius:22px;
  background:linear-gradient(160deg,#243656,#0c1426 55%,#070b14);
  border:1px solid rgba(255,255,255,.16);
  outline:2px solid #f59e0b;outline-offset:-4px;
  box-shadow:0 2px 0 rgba(255,255,255,.2),0 18px 0 rgba(0,0,0,.4),0 32px 50px rgba(0,0,0,.45);
  transform:perspective(900px) rotateX(4deg);
}
.d3-hero h1{text-shadow:0 3px 0 #000,0 10px 24px rgba(0,0,0,.4);}
.d3-score{
  display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;
  margin-top:16px;
}
.d3-tile{
  background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(0,0,0,.2));
  border-radius:16px;padding:12px 14px;text-align:center;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 10px 0 rgba(0,0,0,.3);
  transform:translateZ(20px);
}
.d3-tile .n{font-size:28px;font-weight:900;}
.d3-vs{
  width:52px;height:52px;border-radius:50%;display:grid;place-items:center;
  background:conic-gradient(from 20deg,#ff6a00,#facc15,#ff2d2d,#ff6a00);
  color:#111;font-weight:900;box-shadow:0 8px 0 #3a1a00;
}
.card,.live-card,.featured{
  background:var(--card);
  box-shadow:var(--shadow);
  border:1px solid var(--line);
}
.card:hover,.live-card:hover{transform:translateY(-2px);}
.quick-3d{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:14px 0 18px;}
.quick-3d a{
  display:block;padding:14px 12px;border-radius:16px;text-align:center;font-weight:800;
  background:linear-gradient(180deg,#1e2d4a,#121a2c);border:1px solid rgba(255,255,255,.12);
  box-shadow:0 8px 0 rgba(0,0,0,.3);
}
.quick-3d a:hover{transform:translateY(-3px);}

.stadium{
  overflow:hidden;
  background:
    radial-gradient(120% 80% at 50% 120%, rgba(34,197,94,.18), transparent 50%),
    linear-gradient(160deg,#2a3d62 0%,#10182a 45%,#070b14 100%) !important;
}
.stadium:before{
  content:"";position:absolute;inset:-40% -20% auto -20%;height:70%;
  background:radial-gradient(circle at 50% 100%, rgba(250,204,21,.16), transparent 60%);
  animation:glow 6s ease-in-out infinite;
  pointer-events:none;
}
@keyframes glow{50%{opacity:.45;transform:translateY(8px)}}
.d3-hero h1{font-size:clamp(28px,4vw,44px);color:var(--text);}
.quick-3d a{transition:.2s ease;}
.quick-3d a:hover{transform:translateY(-2px);}
.live-card,.hover-card{
  border-radius:18px !important;
  background:linear-gradient(180deg,#1b2a46,#101827) !important;
}
.score-num{font-size:22px;font-weight:900;text-shadow:0 3px 0 #000}
.team-row.batting{outline:2px solid #f59e0b;border-radius:10px;box-shadow:0 0 16px rgba(245,158,11,.35)}
.more-links{margin:8px 0 16px;color:#cbd5e1}
.more-links summary{cursor:pointer;font-weight:700}
@media (max-width:640px){
  .d3-hero{transform:none;padding:16px}
  .quick-3d a{padding:10px 8px;font-size:13px}
}


.nav-plain{display:flex !important;position:static !important;flex-direction:row !important;flex-wrap:wrap;gap:6px;background:transparent;border:0;padding:0}
.nav-plain .btn{font-size:12px;padding:6px 8px}
.tour-card{transform:perspective(600px) rotateX(4deg);box-shadow:0 14px 0 #cbd5e1,0 18px 24px #0002;transition:.2s}
.tour-card:hover{transform:perspective(600px) rotateX(0) translateY(-4px)}
.mnav{display:none !important}
.angle-box iframe{width:100%;max-width:640px;height:280px;border:0}
@media(max-width:860px){
  .desk-nav{display:none !important}
  .mnav{display:block;position:relative}
  .mnav summary{list-style:none;width:42px;height:42px;border-radius:10px;border:1px solid #334155;background:#1e293b;color:#fff;font-size:22px;display:grid;place-items:center}
  .mnav[open]{position:static}
  .mnav a{display:block;background:#fff;color:#111;padding:12px 14px;border-bottom:1px solid #e5e7eb;text-decoration:none;font-weight:700}
  .mnav[open] a{position:relative;z-index:90}
}
@media(max-width:860px){
  .hamburger{display:inline-flex !important;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;border:1px solid #334155;background:#1e293b;color:#fff;font-size:22px}
  .nav-plain{display:none !important}
  body.nav-open .nav-plain{display:flex !important;position:fixed !important;z-index:80;left:0;top:0;bottom:0;width:min(320px,86vw);background:#fff;color:#111;flex-direction:column !important;padding:18px;overflow:auto;box-shadow:8px 0 24px #0006}
  body.nav-open .nav-plain .btn{background:#fff;color:#111;border-bottom:1px solid #e5e7eb;border-radius:0;text-align:left}
}
@media (max-width:860px){
  .hamburger{display:inline-flex !important;align-items:center;justify-content:center;position:relative;z-index:50}
  .nav{display:none !important;position:absolute;right:12px;top:62px;flex-direction:column;background:#101a2e;padding:12px;border-radius:12px;border:1px solid var(--line);z-index:40;max-height:70vh;overflow:auto;min-width:200px}
  body.nav-open .nav{display:flex !important}
  .topbar-inner{position:relative}
}
.sc-table{width:100%;font-size:13px}
.sc-table th{color:var(--muted);font-weight:600}
.comm-row{padding:6px 0;border-bottom:1px dashed var(--line)}
.comm-list{max-height:280px;overflow:auto}

.view-switch{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}
.view-score .sc-table,.view-score .comm-list,.view-score .game-details{display:none}
.view-compact .sc-table{font-size:12px}
.view-full .sc-table{font-size:15px}
@media(max-width:640px){.view-compact .sc-table td,.view-compact .sc-table th{padding:3px 4px}}

.inn-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}
.inn-col{background:var(--card-2);border:1px solid var(--line);border-radius:12px;padding:10px}
.inn-col h3,.inn-col h4{margin:8px 0 6px;font-size:14px}
@media(max-width:760px){.inn-grid{grid-template-columns:1fr}}

.player-hero{display:flex;gap:18px;align-items:center;padding:18px}
.ph-photo img,.ph-empty{width:110px;height:110px;border-radius:18px;object-fit:cover;background:#1a2744;display:grid;place-items:center;font-size:42px}
.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin:14px 0}
.stat{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px;text-align:center}
.stat b{display:block;font-size:22px}
.stat span{color:var(--muted);font-size:12px}

.endover-box{display:none}
.eo-mini{margin:8px 0;padding:8px 10px;border-left:3px solid #38bdf8;background:rgba(15,23,42,.55);border-radius:8px;font-size:13px}
.eo-mini .eo-line{margin:2px 0}
.comm-row{padding:4px 0;border-bottom:1px dashed var(--line);font-size:13px}


.grid.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;align-items:stretch}
.grid.cards .same-card,.grid.cards .live-card{display:flex;flex-direction:column;min-height:220px}
.grid.cards .same-card .score-body{flex:1}
.grid.cards .live-card iframe,.grid.cards .yt-stack{display:none}

.score-pad{max-width:420px;margin:8px auto 16px;background:#111827;border-radius:18px;overflow:hidden;color:#fff}
.sp-bats{display:grid;grid-template-columns:1fr 1fr}
.sp-bat{display:flex;gap:8px;align-items:center;padding:10px;background:#0b1220}
.sp-bat.on{background:#123047}
.sp-bat img{width:36px;height:36px;border-radius:50%;object-fit:cover;background:#1e293b}
.sp-bowl{display:flex;justify-content:space-between;padding:8px 12px;font-size:13px;background:#0f172a}
.sp-over{display:flex;gap:8px;padding:10px 12px;min-height:48px}
.sp-ball{width:36px;height:36px;border-radius:50%;background:#fff;color:#111;display:grid;place-items:center;font-weight:800}
.sp-ball.six{background:#a3e635}.sp-ball.four{background:#38bdf8}
.sp-grid{display:grid;grid-template-columns:repeat(4,1fr);background:#eef2f7}
.sp-grid button{min-height:64px;border:0;border-right:1px solid #dbe3ee;border-bottom:1px solid #dbe3ee;background:#f8fafc;color:#0f172a;font-size:22px;font-weight:800}
.sp-grid button small{display:block;font-size:10px;font-weight:700;letter-spacing:.08em}
.sp-grid .sp-undo{color:#0e7490;font-size:13px}
.sp-grid .sp-out{color:#dc2626;font-size:14px}
.sp-grid .sp-four,.sp-grid .sp-six{font-size:20px}
@media(max-width:520px){.score-pad{max-width:100%}.sp-grid button{min-height:56px}}

.ch-over{background:#f3f6fb;color:#0f172a;border-radius:8px;padding:12px 14px;margin:10px 0;border:1px solid #e2e8f0}
.ch-over-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.ch-over-title{font-weight:800;letter-spacing:.04em}
.ch-over-sub{color:#64748b;font-size:13px}
.ch-over-score{font-size:22px;font-weight:900}
.ch-over-grid{display:flex;justify-content:space-between;gap:16px;margin-top:8px;font-size:14px}
.ch-over-bowl{text-align:right}
.ch-ball{display:grid;grid-template-columns:52px 42px 1fr;gap:8px;align-items:center;padding:8px 4px;border-bottom:1px solid #e5e7eb;font-size:13px}
.ch-ov{color:#64748b;font-weight:700}
.ch-badge{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e2e8f0;font-weight:800}
.ch-badge.six{background:#16a34a;color:#fff}
.ch-badge.four{background:#2563eb;color:#fff}
.ch-badge.w{background:#dc2626;color:#fff}
.ch-badge.nb{background:#f97316;color:#111;font-size:11px}
.ch-badge.wd{background:#f43f5e;color:#fff;font-size:11px}
.ch-badge.ex{background:#a78bfa;color:#111;font-size:11px}
.ch-txt{line-height:1.35}
.ch-next{display:flex;gap:10px;align-items:center;padding:8px 0 12px;border-bottom:1px solid #e5e7eb;margin-bottom:8px}
.ch-next img{width:40px;height:40px;border-radius:50%;object-fit:cover}
.dark .ch-over,.dark .ch-ball{color:inherit}
@media(max-width:520px){.ch-ball{grid-template-columns:40px 34px 1fr;font-size:12px}}

.wagon-wrap{max-width:420px;margin:12px auto;text-align:center}
.wagon-lab{font-size:12px;color:#94a3b8;margin-bottom:6px}
.wagon{width:100%;max-width:320px;height:auto;filter:drop-shadow(0 8px 16px rgba(0,0,0,.35))}
.ww-seg path{stroke:#0b1220;stroke-width:1;cursor:default}
.ww-seg text{font-size:9px;fill:#0f172a;font-weight:800;text-anchor:middle;dominant-baseline:middle;pointer-events:none}
.ww-seg.r1 path{fill:#e2e8f0}
.ww-seg.r2 path{fill:#7dd3fc}
.ww-seg.r3 path{fill:#38bdf8}
.ww-seg.r4 path{fill:#2563eb}
.ww-seg.r6 path{fill:#16a34a}
.ww-dot{fill:#0f172a;stroke:#f8fafc;stroke-width:2}
.ww-dot-t{fill:#fff;font-size:10px;font-weight:800;text-anchor:middle}
.ww-zone{fill:#cbd5e1;font-size:7px;font-weight:700;text-anchor:middle;dominant-baseline:middle}
.ww-btns{display:none}
.ww-log{font-size:11px;color:#94a3b8;margin-top:6px}
.ww-log span{display:inline-block;margin:2px 4px;padding:2px 6px;border-radius:99px;background:#1e293b;color:#e2e8f0}

.wagon-stage{position:relative;width:min(320px,92vw);margin:0 auto;aspect-ratio:1}
 .ww-hit{position:absolute;transform:translate(-50%,-50%);width:28px;height:28px;z-index:3;border:0;border-radius:50%;font-size:10px;font-weight:800;padding:0;opacity:.92}
.ww-hit.r1{background:#e2e8f0;color:#0f172a}
.ww-hit.r2{background:#7dd3fc;color:#0f172a}
.ww-hit.r3{background:#38bdf8;color:#0f172a}
.ww-hit.r4{background:#1d4ed8;color:#fff}
.ww-hit.r6{background:#16a34a;color:#fff}
.ww-hit:active{transform:translate(-50%,-50%) scale(.9)}

.ww-live{cursor:pointer}
.ww-live:hover path{filter:brightness(1.15);stroke:#fff;stroke-width:1.4}
.ww-zone-full{fill:#e2e8f0;font-size:8px;font-weight:700;text-anchor:middle;dominant-baseline:middle}
.ww-legend{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:8px;font-size:11px}
.ww-legend span{padding:2px 8px;border-radius:99px}
.ww-legend .r1{background:#e2e8f0;color:#0f172a}
.ww-legend .r2{background:#7dd3fc;color:#0f172a}
.ww-legend .r3{background:#38bdf8;color:#0f172a}
.ww-legend .r4{background:#1d4ed8;color:#fff}
.ww-legend .r6{background:#16a34a;color:#fff}
.wagon-stage{width:min(360px,94vw)}

.shot-types{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:8px 0}
.shot-types .chk{font-size:12px;background:#1e293b;padding:4px 8px;border-radius:99px}

.ch-badge.r0{background:#334155;color:#f8fafc}
.ch-badge.r1{background:#facc15;color:#111}
.ch-badge.r2{background:#22d3ee;color:#083344}
.ch-badge.r3{background:#fb7185;color:#fff}
.ch-badge.r5{background:#818cf8;color:#fff}
.hid-box{display:none;margin-top:10px}
.hid-box.open{display:block}
.panel-toggle{margin:6px 4px 0 0}
.ww-f.on,.panel-toggle.on{background:#f59e0b;color:#111}

.yet-wrap{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}
.yet-col h4{margin:0 0 6px;font-size:13px}
.yet-p{display:inline-flex;align-items:center;gap:6px;margin:3px 8px 3px 0;font-size:12px}
.yet-p img{width:28px;height:28px;border-radius:50%;object-fit:cover;background:#0f172a}
.yet-mini{font-size:12px;color:#94a3b8;margin:6px 0}
@media(max-width:600px){.yet-wrap{grid-template-columns:1fr}}

@media(max-width:640px){
  body,main,.wrap{overflow-x:hidden}
  .team-score-row{display:grid;grid-template-columns:1fr 1fr;align-items:end}
  .team-score-row .grow,.team-score-row label,.team-score-row input{width:100%;min-width:0;max-width:100%}
  .score-pad,.card.panel{max-width:100%}
  .sp-grid button{font-size:18px;min-height:52px}
}
.ch-profile{background:linear-gradient(180deg,#e11d2e,#c41424);color:#fff;border-radius:16px;padding:18px 16px 14px;margin:8px 0 0}
.ch-profile-top{display:flex;gap:14px;align-items:center}
.ch-avatar{width:84px;height:84px;border-radius:12px;object-fit:cover;background:#111;border:3px solid #fff}
.ch-profile h1{margin:0;font-size:26px}
.ch-sub{opacity:.9;margin-top:4px}
.ch-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}
.ch-stat{background:rgba(0,0,0,.18);border-radius:12px;padding:14px 8px;text-align:center;color:#fff;text-decoration:none}
.ch-stat b{display:block;font-size:22px}
.ch-stat span{font-size:13px;opacity:.9}
.ch-tabs{display:flex;gap:8px;overflow:auto;background:#fff;color:#111;border-radius:0 0 12px 12px;padding:8px;margin-bottom:14px}
.ch-tabs a{padding:8px 10px;white-space:nowrap;color:#334155;text-decoration:none;font-weight:700;font-size:14px}
.ch-tabs a.on{color:#e11d2e;border-bottom:3px solid #e11d2e}
.ch-match{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #e5e7eb;flex-wrap:wrap}
.overs-hide{margin:8px 0;color:#64748b}

.site-foot{margin-top:28px}
.follow{text-align:center;padding:28px 12px 18px;background:#f8fafc;color:#111}
.follow-red{color:#e11d2e;font-size:28px;font-weight:800;margin:6px 0 12px}
.soc{display:flex;gap:12px;justify-content:center}
.soc a{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;text-decoration:none}
.soc-f{background:#1877f2}.soc-ig{background:#e1306c}.soc-x{background:#111}.soc-yt{background:#ff0033}
.foot-bar{background:#111;color:#fff;text-align:center;padding:18px 12px 22px}
.foot-bar nav{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:12px}
.foot-bar a{color:#fff;text-decoration:none;font-weight:700}
.tour-menu{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}

.name-box{display:block;text-align:center;font-size:20px;font-weight:800;margin:6px 0}
.ball-mark{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#fff;color:#111;font-size:11px}
@media(max-width:860px){
  .nav{display:none !important}
  body.nav-open .nav{display:flex !important;z-index:80}
}
.tour-layout{display:grid;grid-template-columns:180px 1fr;gap:14px}
.tour-filters a{display:block;padding:6px 0;color:#334155;text-decoration:none}
.tour-filters a.on{color:#e11d2e;font-weight:800}
.tour-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tour-card{display:flex;gap:10px;background:#fff;color:#111;border:1px solid #e5e7eb;border-radius:12px;padding:10px;text-decoration:none;max-width:420px;min-height:92px}
.tour-card h3{font-size:16px;margin:4px 0}
.tour-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.st-box{display:block;margin:8px 0;padding:10px 12px;border-radius:10px;text-align:center;font-weight:800;text-decoration:none;color:#111 !important;border:1px solid #111}
.st-ongoing{background:#22c55e;color:#052e16 !important}
.st-past{background:#f87171;color:#450a0a !important}
.st-upcoming{background:#60a5fa;color:#172554 !important}
.st-all{background:#e5e7eb;color:#111 !important}
.st-box.on{outline:3px solid #f59e0b}
.team-box{background:#121c33;border:1px solid #243656;border-radius:14px;padding:10px 12px;min-width:140px}
.team-box .feat-num{font-size:28px;font-weight:800}
.tour-logo{width:64px;height:64px;border-radius:12px;background:#111;color:#fff;display:grid;place-items:center;font-weight:800}
@media(max-width:720px){.tour-layout,.tour-grid{grid-template-columns:1fr}}

.tour-logo img{width:64px;height:64px;object-fit:cover;border-radius:12px}

.angle-row{display:grid;grid-template-columns:1fr 1.4fr auto;gap:8px;align-items:end;margin:8px 0}
.angle-row label{display:block}
.one-video{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#000;border-radius:12px;overflow:hidden}
.one-video .ov-half{position:relative;min-width:0;background:#000}
.one-video .ov-half iframe{width:100%;aspect-ratio:16/9;border:0;display:block}
.one-video .ov-tag{position:absolute;left:8px;top:8px;z-index:2;background:#000c;color:#fff;padding:2px 8px;border-radius:8px;font-size:12px}
@media(max-width:720px){.angle-row{grid-template-columns:1fr}}

.vid-wrap{position:relative}
.score-on-video{position:absolute;left:0;right:0;bottom:0;height:86px;border:0;z-index:4;background:transparent}
.on-video-switch{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:8px}
.stream-box.vid-wrap{padding-top:56.25%}
.stream-box.vid-wrap .score-on-video{position:absolute}

.watch-block{background:#000;border-radius:12px;overflow:hidden;margin:0 0 12px}
.watch-video{background:#000;line-height:0}
.watch-video iframe,.live-frame{width:100% !important;aspect-ratio:16/9;height:auto !important;min-height:220px;border:0;display:block;position:static !important}
.watch-block,.yt-stack{width:100%;max-width:100%}
.watch-video,.watch-video iframe.live-frame{width:100% !important;max-width:100%;display:block}
.watch-bar{width:100% !important;max-width:100%;height:58px;border:0 !important;display:block;background:transparent;overflow:hidden;margin:0;padding:0}
.one-video .watch-video iframe{min-height:160px}

.watch-video{position:relative}
.watch-video .yt-overlay{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none;z-index:3;background:transparent}

.table-wrap{width:100%;overflow-x:auto}
.table .actions{display:flex;flex-wrap:wrap;gap:6px}
.table .actions .btn,.table .actions form{flex:none}
@media(max-width:760px){
  .table,.table thead,.table tbody,.table tr,.table td{display:block;width:100%}
  .table thead{display:none}
  .table tr{border-bottom:1px solid var(--line);padding:8px 0}
  .table td{border:0;padding:4px 0}
  .table .actions{justify-content:flex-start}
  .table .actions .btn{min-width:92px}
}