.crex-ls-widget {
	--crex-bg: #0e1420;
	--crex-panel: #161f30;
	--crex-panel-2: #1c2740;
	--crex-border: #2a3550;
	--crex-text: #e8ecf3;
	--crex-muted: #93a0b8;
	--crex-accent: #3fd68a;
	--crex-gold: #e8b545;
	--crex-red: #e5484d;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	color: var(--crex-text);
	background: var(--crex-bg);
	border-radius: 12px;
	padding: 16px;
	max-width: 900px;
}

.crex-ls-loading, .crex-ls-error {
	padding: 40px 16px;
	text-align: center;
	color: var(--crex-muted);
}

.crex-ls-error { color: var(--crex-red); }

.crex-ls-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 12px;
}

.crex-ls-header .label {
	font-size: 11px;
	letter-spacing: 0.08em;
	color: var(--crex-muted);
	text-transform: uppercase;
}

.crex-ls-header h2 {
	margin: 2px 0 0;
	font-size: 20px;
}

.crex-ls-scorebox {
	background: var(--crex-panel);
	border: 1px solid var(--crex-border);
	border-radius: 10px;
	overflow: hidden;
}

.crex-ls-team-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 16px;
	border-bottom: 1px solid var(--crex-border);
}
.crex-ls-team-row:last-child { border-bottom: none; }

.crex-ls-team-name {
	display: flex;
	align-items: center;
	gap: 10px;
	font-weight: 600;
}
.crex-ls-team-name img { width: 24px; height: 24px; border-radius: 50%; object-fit: cover; }
.crex-ls-team-name .sub { font-size: 11px; color: var(--crex-muted); text-transform: uppercase; }

.crex-ls-team-score {
	font-size: 22px;
	font-weight: 700;
	color: var(--crex-accent);
}

.crex-ls-status {
	margin-top: 10px;
	background: var(--crex-panel-2);
	border: 1px solid var(--crex-border);
	border-radius: 10px;
	padding: 12px 16px;
}
.crex-ls-status .status-label { font-size: 11px; color: var(--crex-muted); text-transform: uppercase; }
.crex-ls-status .status-text { font-weight: 700; font-size: 16px; margin-top: 2px; }
.crex-ls-status.completed .status-text { color: var(--crex-gold); }

.crex-ls-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 10px;
	margin-top: 10px;
}
@media (max-width: 640px) { .crex-ls-grid { grid-template-columns: 1fr; } }

.crex-ls-card {
	background: var(--crex-panel-2);
	border: 1px solid var(--crex-border);
	border-radius: 10px;
	padding: 10px 14px;
}
.crex-ls-card .k { font-size: 11px; color: var(--crex-muted); text-transform: uppercase; margin-bottom: 4px; }
.crex-ls-card .v { font-weight: 700; font-size: 15px; }
.crex-ls-card .v .sub { color: var(--crex-muted); font-weight: 400; font-size: 12px; }

.crex-ls-last-wicket {
	margin-top: 10px;
	background: rgba(229,72,77,0.12);
	border: 1px solid rgba(229,72,77,0.4);
	border-radius: 10px;
	padding: 10px 14px;
	font-size: 13px;
}
.crex-ls-last-wicket .k { color: var(--crex-red); text-transform: uppercase; font-size: 11px; margin-right: 6px; }

.crex-ls-strip {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 10px;
	margin-top: 10px;
}
@media (max-width: 640px) { .crex-ls-strip { grid-template-columns: repeat(2, 1fr); } }

.crex-ls-strip .item {
	background: var(--crex-panel-2);
	border: 1px solid var(--crex-border);
	border-radius: 10px;
	padding: 10px 12px;
	text-align: center;
}
.crex-ls-strip .item .k { font-size: 10px; color: var(--crex-muted); text-transform: uppercase; }
.crex-ls-strip .item .v { font-size: 16px; font-weight: 700; margin-top: 2px; }

.crex-ls-over-row {
	margin-top: 10px;
	display: flex;
	align-items: center;
	gap: 8px;
	background: var(--crex-panel-2);
	border: 1px solid var(--crex-border);
	border-radius: 10px;
	padding: 8px 12px;
	flex-wrap: wrap;
}
.crex-ls-over-row.current { border-color: var(--crex-accent); }
.crex-ls-over-row .over-label { font-size: 12px; color: var(--crex-muted); min-width: 60px; }

.crex-ball {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 24px;
	height: 24px;
	padding: 0 6px;
	border-radius: 50%;
	background: #2a3550;
	font-size: 12px;
	font-weight: 700;
}
.crex-ball.wide, .crex-ball.noball { background: #3a6fd6; }
.crex-ball.four { background: var(--crex-gold); color: #17202e; }
.crex-ball.six { background: var(--crex-accent); color: #17202e; }
.crex-ball.wicket { background: var(--crex-red); }

.crex-ls-over-row .total {
	margin-left: auto;
	font-size: 12px;
	color: var(--crex-muted);
}

.crex-ls-updated {
	margin-top: 10px;
	font-size: 11px;
	color: var(--crex-muted);
	text-align: right;
}