.wc26-app-shell {
	--bg: #f6f1e8;
	--panel: rgba(255, 251, 245, 0.94);
	--panel-strong: rgba(255, 255, 255, 0.99);
	--panel-soft: rgba(248, 241, 231, 0.96);
	--line: rgba(69, 54, 37, 0.16);
	--line-strong: rgba(184, 136, 63, 0.38);
	--text: #2f2923;
	--muted: #756755;
	--gold: #c89d4c;
	--mint: #567a68;
	--rose: #8d5e34;
	--blue: #8b95a4;
	--magenta: #5e564d;
	--sun: #f1d9a1;
	--shadow: 0 24px 60px rgba(47, 34, 22, 0.16);
	--radius-lg: 28px;
	--radius-md: 18px;
	--radius-sm: 12px;
	--font-display: "Avenir Next Condensed", "Franklin Gothic Medium", "Trebuchet MS", sans-serif;
	--font-body: "Avenir Next", "Helvetica Neue", "Segoe UI", sans-serif;
	position: relative;
	color: var(--text);
	font-family: var(--font-body);
}

body.wc26-standalone-page {
	margin: 0 !important;
	padding: 0 !important;
	background:
		radial-gradient(circle at 50% -8%, rgba(241, 217, 161, 0.34), transparent 20%),
		radial-gradient(circle at 15% 10%, rgba(200, 157, 76, 0.16), transparent 24%),
		radial-gradient(circle at 86% 8%, rgba(139, 149, 164, 0.22), transparent 24%),
		radial-gradient(circle at 82% 76%, rgba(86, 122, 104, 0.12), transparent 24%),
		radial-gradient(circle at 20% 82%, rgba(141, 94, 52, 0.1), transparent 22%),
		repeating-linear-gradient(
			90deg,
			rgba(255, 255, 255, 0.18) 0 118px,
			rgba(255, 255, 255, 0.05) 118px 236px
		),
		linear-gradient(180deg, #fbf6ef 0%, #f3ebdf 32%, #eee2cf 66%, #f7f1e7 100%) !important;
}

body.wc26-modal-open {
	overflow: hidden;
}

body.wc26-standalone-page #page,
body.wc26-standalone-page .site,
body.wc26-standalone-page .site-content,
body.wc26-standalone-page .content-area,
body.wc26-standalone-page .site-main {
	margin: 0 !important;
	padding: 0 !important;
	max-width: none !important;
	width: auto !important;
}

.wc26-app-shell *,
.wc26-app-shell *::before,
.wc26-app-shell *::after {
	box-sizing: border-box;
}

.wc26-app-shell button,
.wc26-app-shell input,
.wc26-app-shell select {
	font: inherit;
}

.wc26-app-shell a {
	color: inherit;
	text-decoration: none;
}

.wc26-app-shell .ambient {
	position: absolute;
	inset: auto;
	z-index: 0;
	filter: blur(48px);
	opacity: 0.65;
	animation: wc26-drift 12s ease-in-out infinite;
}

.wc26-app-shell .ambient-one {
	width: 340px;
	height: 340px;
	top: 16px;
	left: 10px;
	background: rgba(200, 157, 76, 0.24);
}

.wc26-app-shell .ambient-two {
	width: 300px;
	height: 300px;
	right: 10px;
	bottom: 20px;
	background: rgba(139, 149, 164, 0.2);
	animation-delay: -6s;
}

.wc26-app-shell .grid-overlay {
	position: absolute;
	inset: 0;
	z-index: 0;
	background-image:
		linear-gradient(rgba(255, 255, 255, 0.06) 2px, transparent 2px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.06) 2px, transparent 2px);
	background-size: 128px 128px;
	mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.72), transparent);
}

.wc26-app-shell .page-shell {
	position: relative;
	z-index: 1;
	width: min(1500px, calc(100% - 18px));
	margin: 0 auto;
	padding: 18px 0 28px;
}

.wc26-app-shell .masthead {
	display: grid;
	grid-template-columns: 1.45fr 1fr;
	gap: 20px;
	align-items: end;
}

.wc26-app-shell .brand-block,
.wc26-app-shell .hero-meta,
.wc26-app-shell .panel,
.wc26-app-shell .modal-card {
	backdrop-filter: blur(18px);
	box-shadow: var(--shadow);
}

.wc26-app-shell .brand-block {
	position: relative;
	overflow: hidden;
	padding: 28px;
	border-radius: var(--radius-lg);
	border: 1px solid var(--line);
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(248, 239, 224, 0.98)),
		linear-gradient(120deg, rgba(200, 157, 76, 0.18), rgba(139, 149, 164, 0.14));
}

.wc26-app-shell .brand-block::before {
	content: "";
	position: absolute;
	inset: auto auto -28px -24px;
	width: 210px;
	height: 210px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(241, 217, 161, 0.34), transparent 70%);
	pointer-events: none;
}

.wc26-app-shell .brand-block::after {
	content: "";
	position: absolute;
	top: 14px;
	right: 14px;
	width: 140px;
	height: 140px;
	border-radius: 24px;
	border: 1px solid rgba(13, 124, 49, 0.08);
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.02));
	transform: rotate(10deg);
	pointer-events: none;
}

.wc26-app-shell .brand-stage {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(180px, 250px);
	gap: 18px;
	align-items: center;
}

.wc26-app-shell .brand-copy {
	display: grid;
	gap: 8px;
}

.wc26-app-shell .hero-ribbon {
	display: inline-flex;
	width: fit-content;
	align-items: center;
	padding: 7px 12px;
	border-radius: 999px;
	background: linear-gradient(135deg, rgba(54, 48, 43, 0.96), rgba(200, 157, 76, 0.9));
	color: #fff9ef;
	font-size: 0.74rem;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	box-shadow: 0 14px 28px rgba(70, 54, 37, 0.18);
}

.wc26-app-shell .hero-trophy {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100%;
}

.wc26-app-shell .hero-trophy-glow {
	position: absolute;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(255, 216, 75, 0.42), rgba(255, 216, 75, 0.05) 58%, transparent 72%);
	filter: blur(10px);
}

.wc26-app-shell .hero-trophy-card {
	position: relative;
	display: grid;
	justify-items: center;
	gap: 10px;
	width: min(100%, 214px);
	padding: 20px 16px 16px;
	border-radius: 28px;
	border: 1px solid rgba(199, 137, 5, 0.24);
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.74), rgba(255, 244, 191, 0.94)),
		linear-gradient(135deg, rgba(255, 216, 75, 0.2), rgba(255, 255, 255, 0.06));
	box-shadow:
		0 24px 45px rgba(112, 83, 0, 0.22),
		inset 0 1px 0 rgba(255, 255, 255, 0.62);
}

.wc26-app-shell .hero-trophy-card svg {
	width: 100%;
	max-width: 124px;
	height: auto;
	filter: drop-shadow(0 10px 18px rgba(140, 103, 6, 0.24));
}

.wc26-app-shell .hero-trophy-caption {
	display: grid;
	gap: 2px;
	text-align: center;
}

.wc26-app-shell .hero-trophy-caption span {
	color: #87620d;
	font-size: 0.72rem;
	text-transform: uppercase;
	letter-spacing: 0.14em;
}

.wc26-app-shell .hero-trophy-caption strong {
	font-family: var(--font-display);
	font-size: 1.15rem;
	line-height: 1;
}

.wc26-app-shell .metric-card,
.wc26-app-shell .panel,
.wc26-app-shell .phase-nav-shell {
	position: relative;
	overflow: hidden;
}

.wc26-app-shell .metric-card::after,
.wc26-app-shell .panel::after,
.wc26-app-shell .phase-nav-shell::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.22), transparent 42%);
	pointer-events: none;
}

.wc26-app-shell .eyebrow {
	margin: 0;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--rose);
	font-size: 0.76rem;
}

.wc26-app-shell h1,
.wc26-app-shell h2,
.wc26-app-shell h3,
.wc26-app-shell h4 {
	font-family: var(--font-display);
	margin: 0;
}

.wc26-app-shell h1 {
	font-size: clamp(2.6rem, 5vw, 4.6rem);
	line-height: 0.95;
	margin-top: 10px;
}

.wc26-app-shell .lede {
	margin: 14px 0 0;
	max-width: 70ch;
	color: var(--muted);
	line-height: 1.6;
}

.wc26-app-shell .hero-meta {
	display: grid;
	gap: 14px;
}

.wc26-app-shell .metric-card {
	padding: 18px 20px;
	border-radius: var(--radius-md);
	border: 1px solid var(--line);
	background:
		linear-gradient(160deg, rgba(255, 255, 255, 0.96), rgba(248, 241, 231, 0.98)),
		linear-gradient(120deg, rgba(200, 157, 76, 0.12), rgba(139, 149, 164, 0.1));
}

.wc26-app-shell .metric-label {
	display: block;
	font-size: 0.76rem;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	color: var(--muted);
	margin-bottom: 10px;
}

.wc26-app-shell .top-strip {
	display: grid;
	grid-template-columns: 1.15fr 1fr;
	gap: 20px;
	margin-top: 20px;
}

.wc26-app-shell .auth-strip {
	display: grid;
	grid-template-columns: minmax(220px, 320px) minmax(0, 1fr);
	align-items: center;
	gap: 18px;
	margin-top: 12px;
}

.wc26-app-shell .wc26-brand-logo {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 10px 6px;
}

.wc26-app-shell .wc26-brand-logo img {
	display: block;
	width: min(100%, 240px);
	height: auto;
	filter:
		drop-shadow(0 0 9px rgba(255, 246, 206, 0.92))
		drop-shadow(0 0 18px rgba(200, 157, 76, 0.3))
		drop-shadow(0 14px 28px rgba(7, 19, 44, 0.24))
		drop-shadow(0 4px 10px rgba(246, 197, 72, 0.24));
}

.wc26-app-shell .wc26-live-clocks {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	width: min(100%, 330px);
}

.wc26-app-shell .wc26-live-clock {
	position: relative;
	display: grid;
	justify-items: center;
	gap: 7px;
	min-width: 0;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	text-align: center;
}

.wc26-app-shell .wc26-live-clock::before {
	display: none;
}

.wc26-app-shell .wc26-clock-display {
	position: relative;
	display: grid;
	width: 158px;
	height: 158px;
	place-items: center;
}

.wc26-app-shell .wc26-analog-clock-face {
	--wc26-watch-center-x: 50%;
	--wc26-watch-center-y: 50%;
	position: relative;
	z-index: 1;
	width: 156px;
	aspect-ratio: 1;
	border-radius: 0;
	border: 0;
	background: url("../images/elegant-watch-dial-v2.png") center / contain no-repeat;
	box-shadow: none;
	filter:
		drop-shadow(0 18px 20px rgba(47, 34, 22, 0.22))
		drop-shadow(0 4px 8px rgba(106, 78, 22, 0.14));
}

.wc26-app-shell .wc26-analog-clock-face::before {
	display: none;
}

.wc26-app-shell .wc26-analog-clock-face::after {
	content: "";
	position: absolute;
	left: var(--wc26-watch-center-x);
	top: var(--wc26-watch-center-y);
	z-index: 8;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: radial-gradient(circle, #f7df91 0 34%, #2f2923 38% 100%);
	box-shadow:
		0 0 0 1px rgba(255, 251, 245, 0.78),
		0 1px 4px rgba(47, 34, 22, 0.22);
	transform: translate(-50%, -50%);
}

.wc26-app-shell .wc26-clock-flag {
	position: absolute;
	left: var(--wc26-watch-center-x);
	top: 31%;
	z-index: 4;
	display: grid;
	width: 25px;
	height: 18px;
	place-items: center;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	font-size: 0.76rem;
	line-height: 1;
	filter: saturate(0.92) drop-shadow(0 1px 1px rgba(47, 34, 22, 0.18));
	opacity: 0.88;
	transform: translate(-50%, -50%);
	pointer-events: none;
}

.wc26-app-shell .wc26-clock-hand {
	position: absolute;
	left: var(--wc26-watch-center-x);
	bottom: calc(100% - var(--wc26-watch-center-y));
	z-index: 6;
	width: 3px;
	border-radius: 999px;
	background: #2b241f;
	transform: translateX(-50%) rotate(0deg);
	transform-origin: 50% 100%;
	transition: transform 180ms linear;
	box-shadow: 0 1px 3px rgba(255, 251, 245, 0.22);
}

.wc26-app-shell .wc26-clock-hour {
	height: 31px;
	width: 4px;
	background: linear-gradient(90deg, #47320f, #e0b552, #fff1b7, #5d4218);
}

.wc26-app-shell .wc26-clock-minute {
	height: 43px;
	background: linear-gradient(90deg, #47320f, #e4bd61, #fff0b8, #5e4319);
}

.wc26-app-shell .wc26-clock-second {
	height: 46px;
	width: 1px;
	background: #b33f2f;
	transition: none;
}

.wc26-app-shell .wc26-clock-label {
	overflow: hidden;
	color: var(--muted);
	font-size: 0.64rem;
	font-weight: 800;
	line-height: 1.1;
	text-overflow: ellipsis;
	text-transform: uppercase;
	white-space: nowrap;
}

.wc26-app-shell .wc26-live-clock em {
	overflow: hidden;
	color: var(--muted);
	font-size: 0.68rem;
	font-variant-numeric: tabular-nums;
	font-weight: 800;
	font-style: normal;
	line-height: 1.1;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.wc26-app-shell .panel {
	padding: 22px;
	border-radius: var(--radius-lg);
	border: 1px solid var(--line);
	background: var(--panel);
	box-shadow:
		0 20px 44px rgba(5, 50, 20, 0.18),
		inset 0 1px 0 rgba(255, 255, 255, 0.46);
}

.wc26-app-shell .panel,
.wc26-app-shell .match-group {
	scroll-margin-top: 156px;
}

.wc26-app-shell #topscorer-section {
	scroll-margin-top: 156px;
}

.wc26-app-shell .panel-heading {
	display: flex;
	justify-content: space-between;
	align-items: end;
	gap: 16px;
	margin-bottom: 18px;
}

.wc26-app-shell .panel-heading p,
.wc26-app-shell .helper-text {
	margin: 0;
	color: var(--muted);
	line-height: 1.5;
}

.wc26-app-shell .session-panel-content {
	display: grid;
	gap: 14px;
}

.wc26-app-shell .compact-session-panel {
	padding: 18px 20px;
}

.wc26-app-shell .compact-session-content {
	gap: 16px;
}

.wc26-app-shell .compact-session-head {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(220px, 0.8fr);
	gap: 16px;
	align-items: start;
}

.wc26-app-shell .compact-session-head h1 {
	margin: 0 0 6px;
	font-family: var(--font-display);
	font-size: clamp(1.5rem, 2vw, 2rem);
	line-height: 0.95;
}

.wc26-app-shell .compact-session-head p {
	margin: 0;
	color: #8a6a30;
	font-weight: 600;
}

.wc26-app-shell .compact-save-state {
	padding: 12px 14px;
	border-color: rgba(184, 136, 63, 0.22);
	background: linear-gradient(180deg, rgba(255, 248, 235, 0.92), rgba(243, 230, 194, 0.78));
}

.wc26-app-shell .compact-save-state strong {
	color: #5f4620;
}

.wc26-app-shell .compact-save-state p {
	color: #8a6a30;
}

.wc26-app-shell .compact-session-banner {
	padding: 12px 14px;
}

.wc26-app-shell .session-banner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	padding: 16px 18px;
	border-radius: var(--radius-md);
	background: rgba(255, 255, 255, 0.62);
	border: 1px solid var(--line);
}

.wc26-app-shell .session-banner strong {
	display: block;
	font-size: 1.2rem;
}

.wc26-app-shell .session-banner span {
	color: var(--muted);
}

.wc26-app-shell .inline-auth-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.wc26-app-shell .inline-auth-form {
	gap: 12px;
}

.wc26-app-shell .inline-register-grid,
.wc26-app-shell .inline-auth-grid {
	display: grid;
	gap: 12px;
	align-items: end;
}

.wc26-app-shell .inline-register-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wc26-app-shell .inline-auth-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.wc26-app-shell .inline-auth-grid label,
.wc26-app-shell .inline-register-grid label {
	display: grid;
	gap: 6px;
	font-size: 0.9rem;
}

.wc26-app-shell .inline-auth-actions {
	display: flex;
	align-items: end;
}

.wc26-app-shell .inline-auth-actions .primary-button {
	width: 100%;
	justify-content: center;
}

.wc26-app-shell .whatsapp-join-card {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 160px;
	gap: 16px;
	align-items: center;
	padding: 16px 18px;
	border-radius: var(--radius-md);
	border: 1px solid rgba(184, 136, 63, 0.22);
	background: linear-gradient(180deg, rgba(255, 249, 238, 0.96), rgba(243, 230, 194, 0.76));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.42);
}

.wc26-app-shell .whatsapp-join-copy {
	display: grid;
	gap: 6px;
}

.wc26-app-shell .whatsapp-join-copy strong {
	font-size: 1rem;
	color: #4e3a1f;
}

.wc26-app-shell .whatsapp-join-copy p {
	margin: 0;
	color: #756755;
	font-size: 0.92rem;
	line-height: 1.45;
}

.wc26-app-shell .whatsapp-join-card img {
	display: block;
	width: 100%;
	max-width: 160px;
	height: auto;
	margin-left: auto;
	border-radius: 18px;
	border: 1px solid rgba(184, 136, 63, 0.16);
	background: rgba(255, 255, 255, 0.92);
	padding: 8px;
	box-shadow: 0 10px 24px rgba(47, 34, 22, 0.12);
}

.wc26-app-shell .rules-whatsapp-card {
	margin: 18px 0 16px;
}

.wc26-app-shell .notification-card {
	display: grid;
	gap: 10px;
	padding: 10px 12px;
	border-radius: var(--radius-md);
	border: 1px solid rgba(184, 136, 63, 0.22);
	background: linear-gradient(180deg, rgba(255, 249, 238, 0.98), rgba(243, 230, 194, 0.8));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.42);
}

.wc26-app-shell .notification-card[data-status="active"] {
	border-color: rgba(184, 136, 63, 0.34);
}

.wc26-app-shell .notification-card[data-status="blocked"] {
	border-color: rgba(200, 157, 76, 0.34);
}

.wc26-app-shell .notification-card-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
}

.wc26-app-shell .notification-card-head strong {
	display: block;
	font-size: 0.95rem;
	color: #4e3a1f;
}

.wc26-app-shell .notification-card-title {
	display: grid;
	gap: 2px;
	min-width: 0;
	flex: 1 1 180px;
}

.wc26-app-shell .notification-card-tools {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	flex: 1 1 220px;
	min-width: 0;
}

.wc26-app-shell .notification-card-body {
	display: grid;
	gap: 10px;
	padding-top: 2px;
}

.wc26-app-shell .notification-intro,
.wc26-app-shell .notification-hint,
.wc26-app-shell .notification-feedback {
	margin: 0;
	color: #756755;
	font-size: 0.9rem;
	line-height: 1.45;
}

.wc26-app-shell .notification-status-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	max-width: 100%;
	padding: 5px 9px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.8);
	border: 1px solid rgba(184, 136, 63, 0.16);
	color: #5f4620;
	font-size: 0.74rem;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	white-space: normal;
}

.wc26-app-shell .notification-toggle-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	padding: 0;
	border-radius: 50%;
	border: 1px solid rgba(184, 136, 63, 0.28);
	background: rgba(255, 255, 255, 0.86);
	color: #5f4620;
	font-size: 1.05rem;
	font-weight: 900;
	line-height: 1;
	cursor: pointer;
}

.wc26-app-shell .notification-toggle-button:hover,
.wc26-app-shell .notification-toggle-button:focus-visible {
	background: rgba(255, 255, 255, 1);
	border-color: rgba(184, 136, 63, 0.5);
	outline: none;
}

.wc26-app-shell .notification-pref-grid {
	display: grid;
	gap: 10px;
}

.wc26-app-shell .notification-pref-row {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.62);
	border: 1px solid rgba(17, 33, 61, 0.08);
	color: var(--text);
	font-size: 0.92rem;
}

.wc26-app-shell .notification-pref-row input {
	flex: 0 0 auto;
}

.wc26-app-shell .notification-pref-row span {
	line-height: 1.35;
}

.wc26-app-shell .notification-actions {
	align-items: center;
	flex-wrap: wrap;
}

.wc26-app-shell .notification-setup-card {
	display: grid;
	gap: 6px;
	padding: 12px 14px;
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.68);
	border: 1px solid rgba(184, 136, 63, 0.16);
}

.wc26-app-shell .notification-setup-card strong {
	color: #5b4525;
	font-size: 0.82rem;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.wc26-app-shell .notification-setup-card p {
	margin: 0;
	color: #6f604d;
	font-size: 0.88rem;
	line-height: 1.45;
}

.wc26-app-shell .notification-setup-list {
	margin: 0;
	padding-left: 18px;
	display: grid;
	gap: 4px;
	color: #5f5242;
	font-size: 0.84rem;
	line-height: 1.48;
}

.wc26-app-shell .notification-setup-list li::marker {
	color: #b8883f;
}

.wc26-app-shell .notification-feedback.is-error {
	color: #9e4d3b;
}

.wc26-app-shell .compare-panel-card {
	display: grid;
	gap: 10px;
	padding: 16px 18px;
	border-radius: var(--radius-md);
	border: 1px solid rgba(184, 136, 63, 0.2);
	background: linear-gradient(180deg, rgba(255, 250, 240, 0.96), rgba(241, 229, 198, 0.82));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.42);
}

.wc26-app-shell .compare-panel-copy {
	display: grid;
	gap: 4px;
}

.wc26-app-shell .compare-panel-copy strong {
	color: #4e3a1f;
	font-size: 0.98rem;
}

.wc26-app-shell .compare-panel-copy p {
	margin: 0;
	color: #756755;
	font-size: 0.88rem;
	line-height: 1.45;
}

.wc26-app-shell .compare-panel-field {
	display: grid;
	gap: 6px;
}

.wc26-app-shell .compare-panel-field span {
	color: #6f604d;
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.wc26-app-shell .compare-panel-field select {
	width: 100%;
	padding: 11px 14px;
	border-radius: 14px;
	border: 1px solid rgba(184, 136, 63, 0.2);
	background: rgba(255, 255, 255, 0.88);
	color: var(--text);
	font: inherit;
}

.wc26-app-shell .compare-panel-field select:disabled {
	opacity: 0.72;
	cursor: not-allowed;
}

.wc26-app-shell .primary-button[disabled],
.wc26-app-shell .secondary-button[disabled],
.wc26-app-shell .ghost-button[disabled],
.wc26-app-shell .tab-button[disabled] {
	cursor: not-allowed;
	opacity: 0.7;
	transform: none;
}

.wc26-app-shell .button-row,
.wc26-app-shell .admin-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.wc26-app-shell .primary-button,
.wc26-app-shell .secondary-button,
.wc26-app-shell .ghost-button,
.wc26-app-shell .tab-button {
	border: 0;
	border-radius: 999px;
	cursor: pointer;
	transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease;
}

.wc26-app-shell .primary-button:hover,
.wc26-app-shell .secondary-button:hover,
.wc26-app-shell .ghost-button:hover,
.wc26-app-shell .tab-button:hover {
	transform: translateY(-1px);
}

.wc26-app-shell .primary-button {
	padding: 12px 20px;
	color: #fffaf0;
	font-weight: 700;
	background: linear-gradient(135deg, #433b34, #b78933 62%, #ead29a);
}

.wc26-app-shell .secondary-button {
	padding: 12px 20px;
	color: #3b3126;
	font-weight: 700;
	background: linear-gradient(135deg, #f6ebd4, #ead29a 62%, #c89d4c);
}

.wc26-app-shell .ghost-button {
	padding: 11px 16px;
	color: var(--text);
	background: rgba(255, 255, 255, 0.84);
	border: 1px solid rgba(17, 33, 61, 0.12);
}

.wc26-app-shell .save-state {
	padding: 14px 16px;
	border-radius: var(--radius-md);
	border: 1px solid var(--line);
	background: rgba(255, 255, 255, 0.62);
}

.wc26-app-shell .save-state strong {
	display: block;
	margin-bottom: 6px;
}

.wc26-app-shell .save-state p {
	margin: 0;
	color: var(--muted);
}

.wc26-app-shell .save-state[data-status="saved"] {
	border-color: rgba(184, 136, 63, 0.3);
	background: linear-gradient(180deg, rgba(255, 246, 225, 0.94), rgba(241, 217, 161, 0.7));
}

.wc26-app-shell .save-state[data-status="saved"] strong {
	color: #5f4620;
}

.wc26-app-shell .save-state[data-status="saved"] p {
	color: #8a6a30;
}

.wc26-app-shell .save-state[data-status="saving"] {
	border-color: rgba(247, 200, 92, 0.36);
	background: rgba(247, 200, 92, 0.08);
}

.wc26-app-shell .save-state[data-status="error"] {
	border-color: rgba(255, 138, 122, 0.36);
	background: rgba(255, 138, 122, 0.08);
}

.wc26-app-shell .deadline-list {
	display: grid;
	gap: 12px;
}

.wc26-app-shell .deadline-card {
	display: flex;
	justify-content: space-between;
	gap: 14px;
	padding: 15px 16px;
	border-radius: var(--radius-md);
	background: rgba(255, 255, 255, 0.62);
	border: 1px solid var(--line);
}

.wc26-app-shell .deadline-card strong {
	display: block;
}

.wc26-app-shell .deadline-card span {
	color: var(--muted);
	font-size: 0.95rem;
}

.wc26-app-shell .deadline-card em {
	align-self: center;
	padding: 6px 10px;
	border-radius: 999px;
	font-style: normal;
	font-size: 0.84rem;
	background: rgba(42, 143, 77, 0.14);
	color: #1b6236;
}

.wc26-app-shell .deadline-card.locked em {
	color: var(--rose);
	background: rgba(200, 157, 76, 0.18);
}

.wc26-app-shell .phase-header {
	position: sticky;
	top: 8px;
	z-index: 24;
	margin: 12px 0 16px;
}

.wc26-app-shell .phase-nav-shell {
	display: grid;
	gap: 10px;
	padding: 12px 16px;
	border-radius: var(--radius-lg);
	border: 1px solid rgba(200, 157, 76, 0.2);
	background:
		linear-gradient(135deg, rgba(242, 231, 206, 0.96), rgba(255, 248, 235, 0.95)),
		linear-gradient(120deg, rgba(200, 157, 76, 0.18), rgba(139, 149, 164, 0.08));
	backdrop-filter: blur(18px);
	box-shadow:
		0 14px 32px rgba(47, 34, 22, 0.14),
		inset 0 1px 0 rgba(255, 255, 255, 0.44);
}

.wc26-app-shell .phase-nav-copy {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
}

.wc26-app-shell .phase-nav-tools {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 10px;
}

.wc26-app-shell .phase-nav-copy-text {
	display: grid;
	gap: 2px;
}

.wc26-app-shell .phase-nav-copy strong {
	font-family: var(--font-display);
	font-size: 1.12rem;
	color: #3d3228;
}

.wc26-app-shell .phase-menu-toggle {
	display: none;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border-radius: 14px;
	border: 1px solid rgba(17, 33, 61, 0.1);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(244, 246, 239, 0.92));
	color: var(--text);
	font-weight: 700;
	cursor: pointer;
	box-shadow: 0 10px 24px rgba(16, 45, 99, 0.08);
}

.wc26-app-shell .phase-language-field {
	display: grid;
	gap: 4px;
	min-width: 132px;
}

.wc26-app-shell .phase-language-field span {
	font-size: 0.66rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: rgba(61, 50, 40, 0.68);
}

.wc26-app-shell .phase-language-field select {
	padding: 8px 28px 8px 10px;
	border-radius: 12px;
	border: 1px solid rgba(234, 210, 154, 0.22);
	background: rgba(255, 249, 238, 0.92);
	color: #3d3228;
	font-weight: 600;
}

.wc26-app-shell .phase-compare-field {
	display: grid;
	gap: 4px;
	min-width: 224px;
}

.wc26-app-shell .phase-compare-row {
	display: flex;
	justify-content: flex-end;
}

.wc26-app-shell .phase-compare-field span {
	font-size: 0.66rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: rgba(61, 50, 40, 0.68);
}

.wc26-app-shell .phase-compare-field select {
	padding: 8px 28px 8px 10px;
	border-radius: 12px;
	border: 1px solid rgba(234, 210, 154, 0.22);
	background: rgba(255, 249, 238, 0.92);
	color: #3d3228;
	font-weight: 600;
}

.wc26-app-shell .phase-compare-field select:disabled {
	color: rgba(61, 50, 40, 0.48);
	background: rgba(247, 240, 226, 0.82);
}

.wc26-app-shell .phase-menu-fab {
	display: none;
}

.wc26-app-shell .phase-menu-toggle-label {
	font-size: 0.76rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.wc26-app-shell .phase-menu-toggle-icon {
	display: grid;
	gap: 4px;
}

.wc26-app-shell .phase-menu-toggle-icon span {
	display: block;
	width: 18px;
	height: 2px;
	border-radius: 999px;
	background: currentColor;
	transition: transform 180ms ease, opacity 180ms ease;
}

.wc26-app-shell .phase-menu-toggle.is-open .phase-menu-toggle-icon span:nth-child(1) {
	transform: translateY(6px) rotate(45deg);
}

.wc26-app-shell .phase-menu-toggle.is-open .phase-menu-toggle-icon span:nth-child(2) {
	opacity: 0;
}

.wc26-app-shell .phase-menu-toggle.is-open .phase-menu-toggle-icon span:nth-child(3) {
	transform: translateY(-6px) rotate(-45deg);
}

.wc26-app-shell .phase-nav-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(116px, 1fr));
	align-items: end;
	gap: 8px;
}

.wc26-app-shell .phase-pill-wrap {
	display: grid;
	align-content: end;
	gap: 6px;
	min-width: 0;
}

.wc26-app-shell .phase-deadline-countdown {
	display: grid;
	justify-items: center;
	gap: 1px;
	min-height: 34px;
	padding: 5px 7px;
	border: 1px solid rgba(200, 157, 76, 0.34);
	border-radius: 10px;
	background:
		linear-gradient(180deg, rgba(255, 253, 248, 0.96), rgba(249, 239, 216, 0.9)),
		rgba(255, 255, 255, 0.84);
	box-shadow:
		0 9px 18px rgba(77, 61, 44, 0.12),
		inset 0 1px 0 rgba(255, 255, 255, 0.76);
	color: #4a3d31;
	line-height: 1;
	text-align: center;
}

.wc26-app-shell .phase-deadline-countdown span {
	max-width: 100%;
	overflow: hidden;
	color: #7c653d;
	font-size: 0.56rem;
	font-weight: 900;
	text-overflow: ellipsis;
	text-transform: uppercase;
	white-space: nowrap;
}

.wc26-app-shell .phase-deadline-countdown strong {
	color: #2f251c;
	font-size: 0.78rem;
	font-variant-numeric: tabular-nums;
	font-weight: 950;
	letter-spacing: 0;
	white-space: nowrap;
}

.wc26-app-shell .phase-pill {
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
	padding: 9px 12px;
	border-radius: 12px;
	border: 1px solid rgba(200, 157, 76, 0.18);
	background: linear-gradient(180deg, rgba(255, 253, 248, 0.82), rgba(245, 233, 207, 0.72));
	color: #4a3d31;
	font-weight: 700;
	font-size: 0.88rem;
	cursor: pointer;
	transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease, border-color 180ms ease, color 180ms ease;
}

.wc26-app-shell .phase-pill:hover {
	transform: translateY(-2px) scale(1.01);
	border-color: rgba(241, 217, 161, 0.5);
	background: linear-gradient(180deg, rgba(232, 204, 140, 0.78), rgba(255, 244, 212, 0.58));
	color: #2f251c;
	box-shadow:
		0 14px 28px rgba(32, 23, 15, 0.16),
		0 0 0 1px rgba(241, 217, 161, 0.08) inset;
}

.wc26-app-shell .phase-pill-active {
	color: #fffdf6;
	border-color: transparent;
	background: linear-gradient(135deg, #433b34, #c89d4c 72%, #f1d9a1);
	box-shadow: 0 14px 30px rgba(77, 61, 44, 0.24);
}

.wc26-app-shell .phase-pill-current-stage {
	color: #1f4635;
	border-color: rgba(86, 122, 104, 0.58);
	background:
		linear-gradient(180deg, rgba(232, 247, 238, 0.96), rgba(207, 231, 218, 0.82)),
		rgba(255, 255, 255, 0.8);
	box-shadow:
		0 0 0 2px rgba(86, 122, 104, 0.18),
		0 12px 28px rgba(53, 91, 72, 0.16);
}

.wc26-app-shell .phase-pill-current-stage::after {
	content: "";
	position: absolute;
	top: 7px;
	right: 7px;
	width: 7px;
	height: 7px;
	border-radius: 999px;
	background: #2f8f61;
	box-shadow: 0 0 0 4px rgba(47, 143, 97, 0.16);
}

.wc26-app-shell .phase-pill-active.phase-pill-current-stage {
	color: #fffdf6;
	border-color: rgba(86, 122, 104, 0.72);
	background:
		linear-gradient(135deg, #2f352f, #8f7430 58%, #d8c681),
		linear-gradient(180deg, rgba(207, 231, 218, 0.82), rgba(255, 255, 255, 0.2));
	box-shadow:
		0 0 0 3px rgba(86, 122, 104, 0.2),
		0 16px 32px rgba(77, 61, 44, 0.24);
}

.wc26-app-shell .phase-pill-active.phase-pill-current-stage::after {
	background: #9be2b7;
	box-shadow: 0 0 0 4px rgba(155, 226, 183, 0.22);
}

.wc26-app-shell .app-layout {
	display: grid;
	gap: 20px;
}

.wc26-app-shell .board-scroll,
.wc26-app-shell .table-shell {
	overflow: auto;
}

.wc26-app-shell .groups-grid {
	min-width: 1080px;
	display: grid;
	grid-template-columns: repeat(3, minmax(320px, 1fr));
	gap: 18px;
}

.wc26-app-shell .group-card,
.wc26-app-shell .match-group,
.wc26-app-shell .knockout-stage,
.wc26-app-shell .topscorer-card,
.wc26-app-shell .admin-card {
	position: relative;
	overflow: hidden;
	border-radius: var(--radius-md);
	border: 1px solid rgba(184, 136, 63, 0.22);
	background:
		linear-gradient(180deg, rgba(255, 252, 245, 0.98), rgba(245, 233, 207, 0.94)),
		var(--panel-soft);
	box-shadow:
		0 18px 36px rgba(47, 34, 22, 0.11),
		inset 0 0 0 1px rgba(255, 255, 255, 0.55);
}

.wc26-app-shell .group-card::before,
.wc26-app-shell .match-group::before,
.wc26-app-shell .knockout-stage::before,
.wc26-app-shell .topscorer-card::before,
.wc26-app-shell .admin-card::before {
	content: "";
	position: absolute;
	inset: 0 0 auto 0;
	height: 4px;
	background: linear-gradient(90deg, #8b95a4, #c89d4c, #4b433b);
}

.wc26-app-shell .group-card-complete::before {
	background: linear-gradient(90deg, #1f8a4d, #7bd48f, #d7e8b5);
}

.wc26-app-shell .group-card,
.wc26-app-shell .match-group,
.wc26-app-shell .knockout-stage,
.wc26-app-shell .topscorer-card,
.wc26-app-shell .admin-card {
	padding: 14px;
}

.wc26-app-shell .topscorer-compare-note {
	margin: 10px 0 2px;
	color: #9e4d3b;
	font-size: 0.84rem;
	line-height: 1.4;
}

.wc26-app-shell .group-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	margin-bottom: 14px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(17, 33, 61, 0.12);
}

.wc26-app-shell .group-header span {
	color: var(--muted);
	font-size: 0.92rem;
}

.wc26-app-shell .phase-header-note {
	margin: 6px 0 0;
	color: var(--muted);
	font-size: 0.78rem;
	line-height: 1.35;
}

.wc26-app-shell .group-teams,
.wc26-app-shell .rank-grid,
.wc26-app-shell .group-table,
.wc26-app-shell .real-result-grid {
	display: grid;
	gap: 8px;
}

.wc26-app-shell .group-teams div {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border-radius: var(--radius-sm);
	background: rgba(255, 255, 255, 0.6);
}

.wc26-app-shell .flag {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	line-height: 1;
	font-size: 1.15rem;
}

.wc26-app-shell .rank-row,
.wc26-app-shell .table-row {
	display: grid;
	grid-template-columns: 84px 1fr;
	gap: 10px;
	align-items: center;
}

.wc26-app-shell .rank-row-field {
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
	overflow: hidden;
}

.wc26-app-shell .rank-row label,
.wc26-app-shell .table-row span {
	color: var(--muted);
	font-size: 0.92rem;
}

.wc26-app-shell .rank-row-field select {
	flex: 0 1 176px;
	width: auto;
	min-width: 0;
	max-width: 176px;
	padding: 9px 11px;
}

.wc26-app-shell .rank-row-meta {
	display: flex;
	align-items: center;
	gap: 6px;
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
}

.wc26-app-shell .compare-rank-hint {
	display: inline-flex;
	align-items: center;
	min-width: 0;
	max-width: 100%;
	padding: 4px 8px;
	border-radius: 999px;
	border: 1px solid rgba(158, 77, 59, 0.18);
	background: rgba(255, 247, 242, 0.92);
	color: #9e4d3b;
	font-size: 0.72rem;
	line-height: 1.2;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.wc26-app-shell .table-shell-inline {
	margin-top: 4px;
	padding-top: 0;
}

.wc26-app-shell .standings-complete-shell {
	position: relative;
	padding: 0;
	border-radius: 12px;
	background:
		linear-gradient(180deg, rgba(228, 247, 234, 0.86), rgba(249, 255, 250, 0.96)),
		rgba(255, 255, 255, 0.9);
	box-shadow:
		0 0 0 1px rgba(31, 138, 77, 0.22),
		0 12px 24px rgba(31, 138, 77, 0.08),
		inset 0 1px 0 rgba(255, 255, 255, 0.58);
	overflow: hidden;
}

.wc26-app-shell .standings-complete-shell::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	pointer-events: none;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.52);
}

.wc26-app-shell .standings-complete-shell .table-row:not(.header) {
	background: rgba(255, 255, 255, 0.84);
}

.wc26-app-shell .standings-complete-shell .table-row.header,
.wc26-app-shell .standings-complete-shell .standings-real-label {
	color: #2d6e49;
}

.wc26-app-shell .rank-grid-compact {
	margin-top: 14px;
	padding-top: 14px;
	border-top: 1px solid var(--line);
}

.wc26-app-shell .group-rank-hint {
	font-size: 0.74rem;
	line-height: 1.35;
	letter-spacing: 0.01em;
	margin-bottom: 4px;
}

.wc26-app-shell .rank-status-pill {
	display: inline-flex;
	align-items: center;
	width: fit-content;
	max-width: 100%;
	min-width: 0;
	padding: 4px 9px;
	border-radius: 999px;
	font-size: 0.72rem;
	font-weight: 700;
	line-height: 1.2;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.wc26-app-shell .rank-status-pill-correct {
	color: #5a451e;
	background: linear-gradient(135deg, rgba(200, 157, 76, 0.18), rgba(241, 217, 161, 0.34));
	border: 1px solid rgba(184, 136, 63, 0.26);
}

.wc26-app-shell .rank-status-pill-wrong {
	color: #4a3d31;
	background: linear-gradient(135deg, rgba(139, 149, 164, 0.14), rgba(234, 218, 186, 0.28));
	border: 1px solid rgba(139, 149, 164, 0.28);
	text-overflow: ellipsis;
	overflow: hidden;
}

.wc26-app-shell .rank-row-correct select {
	border-color: rgba(184, 136, 63, 0.28);
	background: rgba(255, 252, 246, 0.9);
}

.wc26-app-shell .rank-row-wrong select {
	border-color: rgba(139, 149, 164, 0.24);
	background: rgba(252, 249, 244, 0.9);
}

.wc26-app-shell .rank-helper {
	margin-top: 12px;
}

.wc26-app-shell .table-row {
	grid-template-columns: minmax(0, 2.55fr) 34px repeat(4, minmax(28px, 0.5fr));
	align-items: center;
	padding: 7px 8px;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.72);
}

.wc26-app-shell .table-row strong {
	display: flex;
	align-items: center;
	gap: 6px;
	min-width: 0;
	min-height: 24px;
	font-size: 0.88rem;
	line-height: 1.1;
	white-space: nowrap;
}

.wc26-app-shell .standings-rank-dot {
	display: inline-flex;
	flex: 0 0 10px;
	width: 10px;
	height: 10px;
	border-radius: 999px;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.72);
}

.wc26-app-shell .standings-rank-dot-correct {
	background: linear-gradient(180deg, #49d66b, #1f8a4d);
}

.wc26-app-shell .standings-rank-dot-wrong {
	background: linear-gradient(180deg, #ff7a7a, #d94141);
}

.wc26-app-shell .standings-real-flag-cell {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 24px;
	margin-inline: auto;
	border-radius: 8px;
	background: linear-gradient(180deg, rgba(248, 246, 241, 0.96), rgba(255, 253, 249, 0.98));
	border: 1px solid rgba(140, 124, 101, 0.14);
	font-size: 1.02rem;
	line-height: 1;
}

.wc26-app-shell .standings-real-flag-cell.is-filled {
	background: linear-gradient(180deg, rgba(248, 246, 241, 0.96), rgba(255, 253, 249, 0.98));
	border-color: rgba(140, 124, 101, 0.14);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.52);
}

.wc26-app-shell .standings-real-flag-cell.real-qualified {
	background: linear-gradient(180deg, rgba(182, 240, 198, 0.98), rgba(236, 255, 241, 0.99));
	border-color: rgba(31, 138, 77, 0.38);
	box-shadow:
		0 6px 14px rgba(31, 138, 77, 0.16),
		inset 0 0 0 1px rgba(255, 255, 255, 0.56);
}

.wc26-app-shell .standings-real-label {
	display: inline-block;
	width: 100%;
	padding: 0;
	background: transparent;
	color: var(--muted);
	font-size: 0.84rem;
	font-weight: 400;
	letter-spacing: 0;
}

.wc26-app-shell .standings-team-name {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.wc26-app-shell .table-row > span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 24px;
}

.wc26-app-shell .table-row.header {
	color: var(--muted);
	background: transparent;
	padding-inline: 0;
}

.wc26-app-shell .table-row > span {
	text-align: center;
	font-size: 0.84rem;
	font-variant-numeric: tabular-nums;
}

.wc26-app-shell .table-row.header > span:first-child,
.wc26-app-shell .table-row.header > span:nth-child(2) {
	text-align: left;
}

.wc26-app-shell .match-browser-header,
.wc26-app-shell .daily-focus,
.wc26-app-shell .match-stream,
.wc26-app-shell .real-results-card {
	display: grid;
	gap: 16px;
}

.wc26-app-shell .match-browser-header,
.wc26-app-shell .daily-focus {
	margin-bottom: 18px;
}

.wc26-app-shell .real-results-stack {
	display: grid;
	gap: 10px;
}

.wc26-app-shell .real-result-row {
	display: grid;
	gap: 8px;
	padding: 14px 16px;
	border-radius: var(--radius-md);
	border: 1px solid var(--line);
	background:
		linear-gradient(140deg, rgba(255, 255, 255, 0.88), rgba(241, 255, 236, 0.98)),
		linear-gradient(120deg, rgba(31, 224, 109, 0.08), rgba(32, 184, 255, 0.06));
}

.wc26-app-shell .real-result-meta,
.wc26-app-shell .real-result-scoreline,
.wc26-app-shell .real-result-team {
	display: flex;
	align-items: center;
}

.wc26-app-shell .real-result-meta {
	justify-content: space-between;
	gap: 12px;
	font-size: 0.78rem;
	color: var(--muted);
}

.wc26-app-shell .real-result-scoreline {
	justify-content: space-between;
	gap: 12px;
}

.wc26-app-shell .real-result-team {
	gap: 6px;
	min-width: 0;
	font-size: 0.92rem;
	font-weight: 600;
}

.wc26-app-shell .real-result-team-right {
	justify-content: flex-end;
	text-align: right;
}

.wc26-app-shell .real-result-score {
	min-width: 72px;
	text-align: center;
	font-family: var(--font-display);
	font-size: 1.28rem;
	line-height: 1;
}

.wc26-app-shell .match-browser-shell,
.wc26-app-shell .daily-focus-card {
	padding: 18px;
	border-radius: var(--radius-md);
	border: 1px solid var(--line);
	background:
		linear-gradient(140deg, rgba(255, 255, 255, 0.86), rgba(241, 255, 236, 0.96)),
		linear-gradient(120deg, rgba(31, 224, 109, 0.1), rgba(32, 184, 255, 0.08));
}

.wc26-app-shell .browser-toolbar {
	display: grid;
	grid-template-columns: minmax(200px, 1fr) minmax(180px, 220px) auto;
	gap: 12px;
	align-items: end;
}

.wc26-app-shell .toolbar-title {
	display: grid;
	gap: 8px;
}

.wc26-app-shell .toolbar-title strong {
	font-family: var(--font-display);
	font-size: 1.6rem;
	line-height: 0.95;
}

.wc26-app-shell .toolbar-field {
	display: grid;
	gap: 8px;
	color: var(--muted);
	font-size: 0.92rem;
}

.wc26-app-shell .toolbar-button-active {
	border-color: rgba(200, 157, 76, 0.28);
	background: rgba(200, 157, 76, 0.16);
}

.wc26-app-shell .daily-chip-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 12px;
}

.wc26-app-shell .daily-chip {
	display: grid;
	gap: 6px;
	padding: 12px;
	border-radius: var(--radius-sm);
	background: rgba(255, 255, 255, 0.68);
	border: 1px solid rgba(23, 59, 102, 0.08);
}

.wc26-app-shell .daily-chip em {
	font-style: normal;
	color: var(--muted);
	font-size: 0.88rem;
}

.wc26-app-shell .matches-grid,
.wc26-app-shell .match-stream {
	min-width: 0;
	display: grid;
	gap: 18px;
}

.wc26-app-shell .match-group-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 10px;
}

.wc26-app-shell .group-fixture-board {
	display: grid;
	grid-template-columns: repeat(3, minmax(320px, 1fr));
	gap: 14px;
}

.wc26-app-shell .today-matches-panel {
	display: grid;
	gap: 10px;
	margin: 0 0 14px;
	padding: 13px;
	border-radius: var(--radius-md);
	border: 2px solid rgba(226, 151, 20, 0.46);
	background:
		linear-gradient(180deg, rgba(255, 248, 218, 0.98), rgba(241, 250, 244, 0.94)),
		linear-gradient(90deg, rgba(255, 190, 56, 0.26), rgba(31, 138, 77, 0.1));
	box-shadow:
		0 16px 34px rgba(155, 101, 13, 0.16),
		inset 0 0 0 1px rgba(255, 255, 255, 0.62);
}

.wc26-app-shell .today-matches-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.wc26-app-shell .today-matches-head strong {
	color: #7b4b07;
	font-size: 1rem;
	font-weight: 900;
}

.wc26-app-shell .today-matches-head span {
	color: var(--muted);
	font-size: 0.78rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	white-space: nowrap;
}

.wc26-app-shell .today-matches-list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 8px;
}

.wc26-app-shell .group-fixture-box {
	padding: 14px;
	border-radius: var(--radius-md);
	border: 1px solid rgba(184, 136, 63, 0.2);
	background:
		linear-gradient(180deg, rgba(255, 252, 245, 0.97), rgba(242, 231, 206, 0.92));
	box-shadow:
		0 14px 30px rgba(7, 19, 44, 0.1),
		inset 0 0 0 1px rgba(255, 255, 255, 0.52);
	display: grid;
	gap: 12px;
}

.wc26-app-shell .group-fixture-stack {
	display: grid;
	gap: 8px;
}

.wc26-app-shell .knockout-stage-grid {
	grid-template-columns: repeat(auto-fit, minmax(236px, 1fr));
}

.wc26-app-shell .knockout-fixture-board {
	grid-template-columns: repeat(auto-fit, minmax(274px, 1fr));
	gap: 10px;
}

.wc26-app-shell .match-card,
.wc26-app-shell .ko-card {
	padding: 9px;
	border-radius: var(--radius-sm);
	background: linear-gradient(180deg, rgba(255, 251, 243, 0.92), rgba(244, 235, 214, 0.9));
	display: grid;
	gap: 7px;
	border: 1px solid rgba(184, 136, 63, 0.16);
	box-shadow: 0 10px 22px rgba(9, 54, 26, 0.1);
}

.wc26-app-shell .match-meta {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	color: var(--muted);
	font-size: 0.8rem;
}

.wc26-app-shell .team-line {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	gap: 10px;
	align-items: center;
}

.wc26-app-shell .team-line strong {
	text-align: center;
}

.wc26-app-shell .team-pill {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 12px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.9);
}

.wc26-app-shell .team-pill.right {
	justify-content: flex-end;
}

.wc26-app-shell .score-fields {
	display: flex;
	align-items: center;
	gap: 6px;
	justify-content: center;
}

.wc26-app-shell input[type="number"],
.wc26-app-shell input[type="text"],
.wc26-app-shell input[type="password"],
.wc26-app-shell input[type="email"],
.wc26-app-shell select {
	width: 100%;
	padding: 11px 12px;
	border-radius: 12px;
	border: 1px solid var(--line-strong);
	background: rgba(255, 255, 255, 0.92);
	color: var(--text);
}

.wc26-app-shell input[disabled],
.wc26-app-shell select[disabled] {
	opacity: 0.55;
	cursor: not-allowed;
}

.wc26-app-shell input[type="number"] {
	width: 52px;
	text-align: center;
	padding-inline: 6px;
	appearance: textfield;
	-moz-appearance: textfield;
}

.wc26-app-shell input[type="number"]::-webkit-outer-spin-button,
.wc26-app-shell input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.wc26-app-shell .locked-note {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 10px;
	border-radius: 999px;
	color: var(--rose);
	background: rgba(255, 97, 97, 0.12);
	font-size: 0.82rem;
}

.wc26-app-shell .locked-note-soft {
	color: var(--blue);
	background: rgba(31, 162, 255, 0.14);
}

.wc26-app-shell .qualification-panel {
	display: grid;
	gap: 14px;
}

.wc26-app-shell .qualifier-block {
	display: grid;
	gap: 14px;
	padding-top: 12px;
	border-top: 1px solid var(--line);
}

.wc26-app-shell .qualifier-block:first-of-type {
	padding-top: 0;
	border-top: 0;
}

.wc26-app-shell .qualifier-header {
	display: grid;
	gap: 4px;
}

.wc26-app-shell .qualifier-grid,
.wc26-app-shell .best-third-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 12px;
}

.wc26-app-shell .qualifier-chip,
.wc26-app-shell .best-third-card,
.wc26-app-shell .team-source-card {
	display: grid;
	gap: 8px;
	padding: 10px;
	border-radius: var(--radius-sm);
	background: rgba(255, 255, 255, 0.82);
	border: 1px solid rgba(23, 59, 102, 0.12);
}

.wc26-app-shell .group-fixture-card {
	padding: 8px 9px;
	position: relative;
	overflow: hidden;
}

.wc26-app-shell .group-fixture-card::before {
	content: "";
	position: absolute;
	inset: 0 auto 0 0;
	width: 0;
	background: transparent;
	pointer-events: none;
	transition: none;
}

.wc26-app-shell .group-fixture-card.is-today {
	border-color: rgba(226, 151, 20, 0.52);
	background:
		linear-gradient(135deg, rgba(255, 234, 123, 0.98), rgba(255, 250, 221, 0.97) 42%, rgba(255, 255, 244, 0.95));
	box-shadow:
		0 14px 28px rgba(214, 135, 20, 0.2),
		inset 0 0 0 1px rgba(255, 179, 31, 0.2);
}

.wc26-app-shell .group-fixture-card.is-today .group-fixture-meta {
	color: #6f4305;
	font-weight: 800;
}

.wc26-app-shell .group-fixture-card.is-live {
	border-color: rgba(214, 36, 43, 0.54);
	background:
		linear-gradient(135deg, rgba(255, 235, 235, 0.98), rgba(255, 249, 239, 0.96));
	box-shadow:
		0 14px 30px rgba(214, 36, 43, 0.18),
		inset 0 0 0 1px rgba(214, 36, 43, 0.18);
}

.wc26-app-shell .group-fixture-card.is-today.is-live {
	border-color: rgba(214, 36, 43, 0.62);
	background:
		linear-gradient(135deg, rgba(255, 232, 232, 0.99), rgba(255, 247, 221, 0.94));
	box-shadow:
		0 15px 32px rgba(214, 36, 43, 0.22),
		inset 0 0 0 1px rgba(214, 36, 43, 0.16);
}

.wc26-app-shell .group-fixture-card.is-finished {
	border-color: rgba(31, 138, 77, 0.42);
	background: linear-gradient(180deg, rgba(227, 249, 233, 0.98), rgba(245, 255, 247, 0.94));
	box-shadow: 0 12px 28px rgba(31, 138, 77, 0.16);
	cursor: pointer;
}

.wc26-app-shell .group-fixture-card.is-finished:hover {
	border-color: rgba(31, 138, 77, 0.62);
	box-shadow: 0 14px 32px rgba(31, 138, 77, 0.22);
}

.wc26-app-shell .group-fixture-card.is-today.is-finished {
	border-color: rgba(31, 138, 77, 0.58);
	background:
		linear-gradient(135deg, rgba(204, 247, 216, 0.99), rgba(239, 255, 242, 0.96) 50%, rgba(255, 250, 219, 0.9));
	box-shadow:
		0 15px 32px rgba(31, 138, 77, 0.2),
		inset 0 0 0 1px rgba(31, 138, 77, 0.14);
}

.wc26-app-shell .group-fixture-card.is-today.is-finished .group-fixture-meta {
	color: #1d6840;
}

.wc26-app-shell .group-fixture-card.is-finished .match-real-chip.is-filled,
.wc26-app-shell .group-fixture-card.is-finished .match-real-strip.is-filled {
	border-color: rgba(31, 138, 77, 0.32);
	background: linear-gradient(180deg, rgba(210, 244, 220, 0.98), rgba(237, 253, 242, 0.94));
}

.wc26-app-shell .group-fixture-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 6px;
}

.wc26-app-shell .group-fixture-lines {
	display: grid;
	gap: 6px;
}

.wc26-app-shell .group-fixture-line {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 6px;
}

.wc26-app-shell .group-fixture-meta {
	display: grid;
	grid-template-columns: auto auto minmax(0, 1fr);
	align-items: center;
	gap: 5px;
	color: var(--muted);
	font-size: 0.61rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	margin-bottom: 3px;
	white-space: nowrap;
}

.wc26-app-shell .group-fixture-meta span:last-child {
	overflow: hidden;
	text-overflow: ellipsis;
}

.wc26-app-shell .fixture-score-stack {
	display: grid;
	justify-items: end;
	align-content: center;
	gap: 4px;
	min-width: 66px;
	position: static;
}

.wc26-app-shell .fixture-score-stack-mobile {
	min-width: 48px;
}

.wc26-app-shell .fixture-score-stack > .match-live-badge {
	position: absolute;
	right: 0;
	bottom: calc(100% + 5px);
	z-index: 2;
}

.wc26-app-shell .group-fixture-card .match-live-badge {
	position: absolute;
	top: 8px;
	right: 9px;
	bottom: auto;
	z-index: 3;
}

.wc26-app-shell .group-fixture-card.is-live .group-fixture-meta {
	padding-right: 96px;
}

.wc26-app-shell .match-live-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	min-height: 18px;
	padding: 2px 7px;
	border-radius: 999px;
	color: #fff;
	background: #c81722;
	box-shadow: 0 6px 14px rgba(200, 23, 34, 0.28);
	line-height: 1;
	letter-spacing: 0;
}

.wc26-app-shell .match-live-badge[data-live-state="pre"],
.wc26-app-shell .match-live-badge[data-live-state="halftime"] {
	background: #2f4f5f;
	box-shadow: 0 6px 14px rgba(47, 79, 95, 0.22);
}

.wc26-app-shell .match-live-badge[data-live-state="pre"] .match-live-dot,
.wc26-app-shell .match-live-badge[data-live-state="halftime"] .match-live-dot {
	background: rgba(255, 255, 255, 0.72);
	box-shadow: none;
	animation: none;
}

.wc26-app-shell .match-live-badge strong {
	font-size: 0.62rem;
	font-weight: 900;
	letter-spacing: 0;
}

.wc26-app-shell .match-live-badge em {
	font-size: 0.6rem;
	font-style: normal;
	font-weight: 800;
	color: rgba(255, 255, 255, 0.92);
}

.wc26-app-shell .match-live-dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.74);
	animation: wc26LivePulse 1.4s ease-out infinite;
}

@keyframes wc26LivePulse {
	0% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.74);
	}
	70% {
		box-shadow: 0 0 0 6px rgba(255, 255, 255, 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}

.wc26-app-shell .group-fixture-teams {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	align-items: center;
	gap: 6px;
}

.wc26-app-shell .group-fixture-team {
	position: relative;
	display: flex;
	align-items: center;
	gap: 5px;
	min-width: 0;
	padding: 7px 8px;
	border-radius: 10px;
	overflow: hidden;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(248, 249, 243, 0.68));
	border: 1px solid rgba(17, 33, 61, 0.08);
	font-weight: 600;
	font-size: 0.79rem;
	line-height: 1.1;
}

.wc26-app-shell .group-fixture-team span:last-child {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: unset;
	-webkit-box-orient: vertical;
	line-clamp: unset;
	white-space: normal;
	text-overflow: initial;
	max-height: none;
}

.wc26-app-shell .group-fixture-vs {
	color: var(--muted);
	font-size: 0.65rem;
	font-weight: 700;
	line-height: 1;
}

.wc26-app-shell .group-fixture-score {
	flex-direction: row;
	gap: 2px;
	justify-content: flex-end;
	width: auto;
}

.wc26-app-shell .group-fixture-score-inline {
	min-width: 28px;
}

.wc26-app-shell .group-fixture-score input[type="number"] {
	width: 28px;
	padding: 3px 2px;
	font-size: 0.79rem;
}

.wc26-app-shell .match-real-chip,
.wc26-app-shell .match-real-strip {
	display: grid;
	gap: 4px;
	padding: 5px 7px;
	border-radius: 10px;
	border: 1px solid rgba(184, 136, 63, 0.16);
	background: linear-gradient(180deg, rgba(255, 248, 235, 0.94), rgba(243, 230, 194, 0.9));
}

.wc26-app-shell .match-compare-strip {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 6px 8px;
	border-radius: 10px;
	border: 1px solid rgba(158, 77, 59, 0.18);
	background: linear-gradient(180deg, rgba(255, 245, 245, 0.96), rgba(245, 221, 221, 0.88));
	color: #8e4237;
}

.wc26-app-shell .match-compare-strip.is-filled {
	border-color: rgba(158, 77, 59, 0.28);
}

.wc26-app-shell .match-compare-label {
	font-size: 0.7rem;
	font-weight: 800;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.wc26-app-shell .match-compare-score {
	font-size: 0.88rem;
	line-height: 1;
}

.wc26-app-shell .knockout-readonly-block {
	display: grid;
	gap: 6px;
	padding: 6px 8px;
	border-radius: 10px;
	border: 1px solid rgba(17, 33, 61, 0.08);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(248, 249, 243, 0.68));
}

.wc26-app-shell .knockout-readonly-block.is-filled {
	border-color: rgba(17, 33, 61, 0.12);
}

.wc26-app-shell .knockout-readonly-compare {
	border-color: rgba(158, 77, 59, 0.18);
	background: linear-gradient(180deg, rgba(255, 245, 245, 0.96), rgba(245, 221, 221, 0.88));
}

.wc26-app-shell .knockout-readonly-real {
	border-color: rgba(184, 136, 63, 0.16);
	background: linear-gradient(180deg, rgba(255, 248, 235, 0.94), rgba(243, 230, 194, 0.9));
}

.wc26-app-shell .knockout-readonly-label {
	font-size: 0.58rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	line-height: 1;
}

.wc26-app-shell .knockout-readonly-row,
.wc26-app-shell .knockout-readonly-lines {
	margin: 0;
}

.wc26-app-shell .knockout-readonly-score-stack {
	min-width: 66px;
}

.wc26-app-shell .knockout-readonly-score,
.wc26-app-shell .knockout-readonly-score-inline {
	min-width: auto;
}

.wc26-app-shell .knockout-readonly-score strong,
.wc26-app-shell .knockout-readonly-score-inline strong {
	font-size: 0.88rem;
	line-height: 1;
}

.wc26-app-shell .match-compare-team.knockout-team-line-winner span:last-child {
	color: #8e4237;
}

.wc26-app-shell .match-real-chip.is-filled,
.wc26-app-shell .match-real-strip.is-filled {
	border-color: rgba(184, 136, 63, 0.3);
	background: linear-gradient(180deg, rgba(255, 243, 214, 0.98), rgba(241, 217, 161, 0.94));
}

.wc26-app-shell .match-real-chip {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

.wc26-app-shell .match-real-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.wc26-app-shell .match-real-label {
	color: var(--muted);
	font-size: 0.58rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.wc26-app-shell .match-real-inline-score,
.wc26-app-shell .match-real-score {
	font-family: var(--font-display);
	font-size: 0.86rem;
	line-height: 1;
}

.wc26-app-shell .point-details-card {
	width: min(860px, 100%);
	max-height: none;
	overflow: visible;
	display: grid;
	gap: 14px;
}

.wc26-app-shell .point-details-card .close-button {
	z-index: 12;
	top: 10px;
	right: 10px;
	border-color: rgba(47, 41, 35, 0.22);
	background: rgba(255, 252, 245, 0.94);
	color: #2f2923;
	box-shadow:
		0 10px 22px rgba(47, 34, 22, 0.18),
		inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.wc26-app-shell .point-details-card .close-button:hover,
.wc26-app-shell .point-details-card .close-button:focus-visible {
	background: #fffaf0;
	border-color: rgba(184, 136, 63, 0.38);
}

.wc26-app-shell .point-stadium-scoreboard {
	position: relative;
	overflow: visible;
	display: grid;
	gap: 12px;
	padding: 18px;
	border-radius: var(--radius-md);
	border: 1px solid rgba(67, 59, 52, 0.28);
	background:
		linear-gradient(180deg, rgba(50, 47, 43, 0.98), rgba(32, 37, 35, 0.98)),
		linear-gradient(135deg, rgba(200, 157, 76, 0.18), rgba(86, 122, 104, 0.18));
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.16),
		inset 0 -18px 36px rgba(0, 0, 0, 0.18),
		0 18px 34px rgba(47, 34, 22, 0.2);
	color: #fff7e8;
}

.wc26-app-shell .point-stadium-scoreboard::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px),
		linear-gradient(180deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
	background-size: 18px 18px;
	opacity: 0.32;
	pointer-events: none;
}

.wc26-app-shell .point-scoreboard-kicker,
.wc26-app-shell .point-scoreboard-meta,
.wc26-app-shell .point-scoreboard-main,
.wc26-app-shell .point-scoreboard-scorer-board,
.wc26-app-shell .point-scoreboard-summary {
	position: relative;
	z-index: 1;
}

.wc26-app-shell .point-scoreboard-kicker {
	color: #f1d9a1;
	font-size: 0.72rem;
	font-weight: 900;
	letter-spacing: 0.12em;
	text-align: center;
	text-transform: uppercase;
}

.wc26-app-shell .point-scoreboard-meta {
	color: rgba(255, 247, 232, 0.72);
	font-size: 0.78rem;
	text-align: center;
}

.wc26-app-shell .point-scoreboard-main {
	display: grid;
	grid-template-columns: minmax(0, 1.18fr) auto minmax(0, 1.18fr);
	align-items: start;
	gap: 12px;
}

.wc26-app-shell .point-scoreboard-team {
	display: grid;
	gap: 10px;
	min-width: 0;
}

.wc26-app-shell .point-scoreboard-away {
	text-align: right;
}

.wc26-app-shell .point-scoreboard-team-name {
	display: grid;
	gap: 6px;
	justify-items: start;
	min-width: 0;
}

.wc26-app-shell .point-scoreboard-away .point-scoreboard-team-name {
	justify-items: end;
}

.wc26-app-shell .point-scoreboard-team-name span {
	font-size: 1.75rem;
	line-height: 1;
}

.wc26-app-shell .point-scoreboard-team-name strong {
	max-width: 100%;
	overflow: hidden;
	color: #fffaf0;
	font-family: var(--font-display);
	font-size: 1.32rem;
	line-height: 0.95;
	text-overflow: ellipsis;
	text-transform: uppercase;
	white-space: nowrap;
}

.wc26-app-shell .point-scoreboard-score {
	position: relative;
	display: grid;
	grid-template-columns: auto auto auto;
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-width: 96px;
	padding: 7px 9px 17px;
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.08);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

.wc26-app-shell .point-scoreboard-score strong {
	font-family: var(--font-display);
	font-size: clamp(2.3rem, 6vw, 3.6rem);
	line-height: 0.9;
}

.wc26-app-shell .point-scoreboard-score span {
	color: rgba(255, 247, 232, 0.62);
	font-size: 1.7rem;
	font-weight: 900;
}

.wc26-app-shell .point-scoreboard-score em {
	position: absolute;
	right: 12px;
	bottom: 6px;
	color: #f1d9a1;
	font-size: 0.62rem;
	font-style: normal;
	font-weight: 900;
	letter-spacing: 0.12em;
}

.wc26-app-shell .point-scoreboard-scorers {
	display: grid;
	align-content: start;
	align-items: start;
	grid-auto-rows: max-content;
	gap: 5px;
}

.wc26-app-shell .point-scoreboard-scorer-board {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: start;
	gap: 8px;
}

.wc26-app-shell .point-scoreboard-scorer {
	display: grid;
	grid-template-columns: 38px minmax(0, 1fr);
	align-items: center;
	align-self: start;
	gap: 7px;
	padding: 6px 8px;
	border-radius: 9px;
	background: rgba(255, 255, 255, 0.08);
	color: rgba(255, 250, 240, 0.94);
}

.wc26-app-shell .point-scoreboard-scorer.is-own-goal {
	background: rgba(241, 217, 161, 0.14);
	box-shadow: inset 0 0 0 1px rgba(241, 217, 161, 0.14);
}

.wc26-app-shell .point-scoreboard-away .point-scoreboard-scorer {
	grid-template-columns: minmax(0, 1fr) 38px;
}

.wc26-app-shell .point-scoreboard-away .point-scoreboard-scorer span {
	grid-column: 2;
	grid-row: 1;
}

.wc26-app-shell .point-scoreboard-away .point-scoreboard-scorer strong {
	grid-column: 1;
	grid-row: 1;
}

.wc26-app-shell .point-scoreboard-scorer span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 24px;
	border-radius: 999px;
	background: rgba(241, 217, 161, 0.18);
	color: #f1d9a1;
	font-family: var(--font-display);
	font-weight: 900;
}

.wc26-app-shell .point-scoreboard-scorer strong {
	min-width: 0;
	font-size: 0.78rem;
	line-height: 1.18;
	overflow-wrap: normal;
	white-space: nowrap;
}

.wc26-app-shell .point-scoreboard-empty {
	color: rgba(255, 247, 232, 0.5);
	font-size: 0.76rem;
	font-weight: 700;
}

.wc26-app-shell .point-scoreboard-summary {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}

.wc26-app-shell .point-scoreboard-summary > div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 8px 10px;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.08);
}

.wc26-app-shell .point-scoreboard-summary span {
	color: rgba(255, 247, 232, 0.62);
	font-size: 0.68rem;
	font-weight: 900;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.wc26-app-shell .point-scoreboard-summary strong {
	color: #fffaf0;
	font-family: var(--font-display);
	font-size: 1.04rem;
}

.wc26-app-shell .point-details-head {
	display: grid;
	gap: 4px;
	padding-right: 44px;
}

.wc26-app-shell .point-details-head span,
.wc26-app-shell .point-details-scores span {
	color: var(--muted);
	font-size: 0.7rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.wc26-app-shell .point-details-head strong {
	font-family: var(--font-display);
	font-size: 1.18rem;
	line-height: 1.15;
}

.wc26-app-shell .point-details-head small {
	color: var(--muted);
	font-size: 0.82rem;
}

.wc26-app-shell .point-details-scores {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
}

.wc26-app-shell .point-details-scores > div,
.wc26-app-shell .point-detail-row {
	border-radius: var(--radius-sm);
	border: 1px solid rgba(17, 33, 61, 0.1);
	background: rgba(255, 255, 255, 0.82);
}

.wc26-app-shell .point-details-scores > div {
	display: grid;
	gap: 5px;
	padding: 10px;
}

.wc26-app-shell .point-details-scores strong {
	font-family: var(--font-display);
	font-size: 1rem;
}

.wc26-app-shell .point-details-total {
	border-color: rgba(31, 138, 77, 0.24);
	background: linear-gradient(180deg, rgba(226, 248, 233, 0.96), rgba(246, 255, 248, 0.92));
}

.wc26-app-shell .point-detail-list {
	display: grid;
	gap: 8px;
}

.wc26-app-shell .point-breakdown-block {
	display: grid;
	gap: 8px;
	padding-top: 2px;
}

.wc26-app-shell .point-breakdown-title {
	color: var(--muted);
	font-size: 0.7rem;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.wc26-app-shell .point-scorers-block {
	display: grid;
	gap: 8px;
	padding: 10px;
	border-radius: var(--radius-sm);
	border: 1px solid rgba(184, 136, 63, 0.18);
	background: linear-gradient(180deg, rgba(255, 250, 238, 0.94), rgba(255, 255, 255, 0.78));
}

.wc26-app-shell .point-scorers-title {
	color: var(--muted);
	font-size: 0.7rem;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.wc26-app-shell .point-scorers-list {
	display: grid;
	gap: 6px;
}

.wc26-app-shell .point-scorer-row {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	align-items: center;
	gap: 8px;
	padding: 8px 10px;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.82);
	border: 1px solid rgba(17, 33, 61, 0.08);
}

.wc26-app-shell .point-scorer-minute {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 28px;
	border-radius: 999px;
	background: rgba(67, 59, 52, 0.08);
	font-family: var(--font-display);
	font-size: 0.88rem;
	font-weight: 900;
}

.wc26-app-shell .point-scorer-row strong {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 0.88rem;
}

.wc26-app-shell .point-scorer-row small {
	grid-column: 2;
	color: var(--muted);
	font-size: 0.74rem;
	line-height: 1.15;
}

.wc26-app-shell .point-scorer-empty {
	color: var(--muted);
	font-size: 0.78rem;
}

.wc26-app-shell .point-detail-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
}

.wc26-app-shell .point-detail-row > div {
	display: grid;
	gap: 2px;
	min-width: 0;
}

.wc26-app-shell .point-detail-row strong {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 5px;
	font-size: 0.86rem;
}

.wc26-app-shell .point-detail-row strong small {
	color: rgba(69, 78, 92, 0.72);
	font-size: 0.62rem;
	font-weight: 900;
	line-height: 1;
	text-transform: uppercase;
}

.wc26-app-shell .point-detail-row span {
	color: var(--muted);
	font-size: 0.78rem;
}

.wc26-app-shell .point-detail-row em {
	min-width: 36px;
	text-align: right;
	font-style: normal;
	font-family: var(--font-display);
	font-weight: 900;
}

.wc26-app-shell .point-detail-row.is-hit {
	border-color: rgba(31, 138, 77, 0.28);
	background: linear-gradient(180deg, rgba(229, 249, 235, 0.96), rgba(248, 255, 249, 0.92));
}

.wc26-app-shell .point-detail-row.is-hit em {
	color: var(--green);
}

.wc26-app-shell .point-detail-row.is-miss {
	opacity: 0.72;
}

.wc26-app-shell .match-real-scoreline {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	align-items: center;
	gap: 6px;
}

.wc26-app-shell .match-real-score-shell {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 54px;
	padding: 6px 8px;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.78);
	border: 1px solid rgba(184, 136, 63, 0.18);
}

.wc26-app-shell .match-real-team {
	position: relative;
	display: flex;
	align-items: center;
	gap: 5px;
	min-width: 0;
	padding: 6px 7px;
	border-radius: 10px;
	overflow: hidden;
	background: rgba(255, 255, 255, 0.52);
	font-size: 0.68rem;
	font-weight: 600;
	line-height: 1.1;
}

.wc26-app-shell .match-real-team span:last-child {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: unset;
	-webkit-box-orient: vertical;
	line-clamp: unset;
	white-space: normal;
	max-height: none;
}

.wc26-app-shell .match-real-team-right {
	justify-content: flex-end;
	text-align: right;
}

.wc26-app-shell .match-real-team.is-winner {
	color: #0b5c26;
}

.wc26-app-shell .knockout-fixture-card {
	gap: 6px;
	padding: 8px;
}

.wc26-app-shell .knockout-team-line-empty {
	opacity: 0.78;
}

.wc26-app-shell .knockout-team-line-winner {
	padding: 4px 6px;
	border-radius: 8px;
	background: linear-gradient(135deg, rgba(31, 224, 109, 0.24), rgba(185, 255, 98, 0.28));
	box-shadow: inset 0 0 0 1px rgba(13, 124, 49, 0.18);
}

.wc26-app-shell .knockout-team-line-winner span:last-child {
	color: #0b5c26;
}

.wc26-app-shell .third-slot-marker {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 12px;
	color: #0d7c31;
	font-size: 0.76rem;
	font-weight: 800;
	line-height: 1;
}

.wc26-app-shell .knockout-extra-stack {
	display: grid;
	gap: 6px;
}

.wc26-app-shell .knockout-team-source-card {
	gap: 5px;
	padding: 7px;
}

.wc26-app-shell .knockout-controls {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: end;
	gap: 10px;
}

.wc26-app-shell .knockout-inline-field {
	display: grid;
	gap: 5px;
	color: var(--muted);
	font-size: 0.82rem;
}

.wc26-app-shell .knockout-checkbox-row {
	align-self: center;
}

.wc26-app-shell .qualifier-chip.empty,
.wc26-app-shell .best-third-card.empty,
.wc26-app-shell .team-pill-empty {
	opacity: 0.72;
}

.wc26-app-shell .source-tag {
	display: inline-flex;
	width: fit-content;
	align-items: center;
	padding: 5px 9px;
	border-radius: 999px;
	background: rgba(31, 224, 109, 0.14);
	color: #0d7c31;
	font-size: 0.82rem;
	font-weight: 600;
}

.wc26-app-shell .best-third-card {
	cursor: pointer;
}

.wc26-app-shell .best-third-card.active {
	border-color: rgba(0, 197, 168, 0.28);
	background: rgba(0, 197, 168, 0.1);
}

.wc26-app-shell .best-third-card input {
	width: 18px;
	height: 18px;
	margin: 0;
}

.wc26-app-shell .best-third-card em {
	font-style: normal;
	color: var(--muted);
	font-size: 0.9rem;
}

.wc26-app-shell .team-source-card label,
.wc26-app-shell .team-source-card select {
	width: 100%;
}

.wc26-app-shell .possible-team-block {
	display: grid;
	gap: 6px;
}

.wc26-app-shell .possible-team-label {
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--muted);
}

.wc26-app-shell .possible-team-list {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.wc26-app-shell .possible-team-chip {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 4px 8px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.92);
	border: 1px solid rgba(23, 59, 102, 0.14);
	font-size: 0.76rem;
}

.wc26-app-shell .qualified-row {
	background: linear-gradient(135deg, rgba(157, 106, 35, 0.2), rgba(226, 188, 118, 0.42));
	border: 1px solid rgba(150, 102, 36, 0.34);
	box-shadow: 0 8px 18px rgba(120, 79, 27, 0.08);
}

.wc26-app-shell .best-third-selected-row {
	background: linear-gradient(135deg, rgba(159, 121, 63, 0.14), rgba(232, 209, 168, 0.28));
	border: 1px solid rgba(159, 121, 63, 0.24);
	box-shadow: 0 6px 14px rgba(145, 110, 56, 0.05);
}

.wc26-app-shell .qualified-row strong,
.wc26-app-shell .qualified-row > span {
	color: #70471d;
}

.wc26-app-shell .best-third-selected-row strong,
.wc26-app-shell .best-third-selected-row > span {
	color: #7b5a30;
}

.wc26-app-shell .best-third-summary {
	display: grid;
	gap: 8px;
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid var(--line);
}

.wc26-app-shell .best-third-head {
	display: flex;
	justify-content: space-between;
	align-items: start;
	gap: 10px;
}

.wc26-app-shell .best-third-head strong {
	display: block;
}

.wc26-app-shell .best-third-head span:last-child:not(.source-tag) {
	color: var(--muted);
	font-size: 0.84rem;
}

.wc26-app-shell .best-third-toggle {
	display: flex;
	align-items: center;
	gap: 9px;
	padding: 8px 10px;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.8);
	border: 1px solid rgba(23, 59, 102, 0.12);
	cursor: pointer;
}

.wc26-app-shell .best-third-toggle input {
	width: 16px;
	height: 16px;
	margin: 0;
}

.wc26-app-shell .best-third-toggle span {
	font-size: 0.9rem;
	font-weight: 600;
}

.wc26-app-shell .best-third-summary.active .best-third-toggle {
	background: rgba(31, 224, 109, 0.14);
	border-color: rgba(31, 224, 109, 0.3);
}

.wc26-app-shell .best-third-summary.empty {
	opacity: 0.82;
}

.wc26-app-shell .best-third-stats {
	margin: 0;
	font-size: 0.8rem;
	color: var(--muted);
}

.wc26-app-shell .knockout-decision-row {
	display: grid;
	grid-template-columns: minmax(0, 132px);
	gap: 6px;
	align-items: start;
}

.wc26-app-shell .knockout-mini-field {
	display: grid;
	gap: 3px;
	color: var(--muted);
	font-size: 0.68rem;
}

.wc26-app-shell .knockout-mini-field-compact span {
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.wc26-app-shell .knockout-mini-field select {
	padding: 6px 8px;
	min-height: 30px;
	font-size: 0.76rem;
	border-radius: 9px;
}

.wc26-app-shell .knockout-auto-pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	width: fit-content;
	padding: 6px 10px;
	border-radius: 999px;
	background: rgba(31, 224, 109, 0.16);
	border: 1px solid rgba(31, 224, 109, 0.3);
	font-size: 0.76rem;
	font-weight: 700;
	color: #0b5d26;
}

.wc26-app-shell .knockout-helper-inline {
	font-size: 0.78rem;
}

.wc26-app-shell .knockout-helper-inline-warning {
	color: #8b5a10;
	font-weight: 600;
}

.wc26-app-shell .possible-team-empty {
	margin: 0;
}

.wc26-app-shell .checkbox-row {
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--muted);
}

.wc26-app-shell .checkbox-row input {
	width: 18px;
	height: 18px;
}

.wc26-app-shell .topscorer-card {
	display: grid;
	grid-template-columns: repeat(2, minmax(200px, 1fr));
	gap: 16px;
}

.wc26-app-shell .topscorer-picker {
	display: grid;
	gap: 16px;
	align-content: start;
}

.wc26-app-shell .topscorer-live-board {
	display: grid;
	gap: 12px;
	align-content: start;
}

.wc26-app-shell .topscorer-live-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding-bottom: 8px;
	border-bottom: 1px solid rgba(17, 33, 61, 0.12);
}

.wc26-app-shell .topscorer-live-header strong {
	font-size: 0.96rem;
}

.wc26-app-shell .topscorer-live-header span {
	color: var(--muted);
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.wc26-app-shell .topscorer-live-list {
	display: grid;
	gap: 8px;
	max-height: min(596px, 70vh);
	overflow-y: auto;
	padding-right: 4px;
	scrollbar-width: thin;
	scrollbar-color: rgba(184, 136, 63, 0.46) rgba(255, 255, 255, 0.44);
}

.wc26-app-shell .topscorer-live-list::-webkit-scrollbar {
	width: 8px;
}

.wc26-app-shell .topscorer-live-list::-webkit-scrollbar-track {
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.44);
}

.wc26-app-shell .topscorer-live-list::-webkit-scrollbar-thumb {
	border-radius: 999px;
	background: rgba(184, 136, 63, 0.46);
}

.wc26-app-shell .topscorer-live-row {
	position: relative;
	display: grid;
	grid-template-columns: 32px minmax(0, 1fr) auto;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.72);
	border: 1px solid rgba(17, 33, 61, 0.08);
}

.wc26-app-shell .topscorer-live-row.is-selected {
	border-color: rgba(184, 136, 63, 0.42);
	background: linear-gradient(180deg, rgba(255, 247, 223, 0.98), rgba(242, 225, 182, 0.92));
	box-shadow: 0 12px 24px rgba(73, 54, 26, 0.12);
}

.wc26-app-shell .topscorer-live-row.is-real-topscorer .topscorer-live-rank {
	background: linear-gradient(135deg, #433b34, #c89d4c 72%, #f1d9a1);
	color: #fffaf0;
}

.wc26-app-shell .topscorer-live-rank {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 999px;
	background: rgba(67, 59, 52, 0.08);
	font-family: var(--font-display);
	font-size: 0.92rem;
}

.wc26-app-shell .topscorer-live-player {
	display: grid;
	gap: 2px;
	min-width: 0;
}

.wc26-app-shell .topscorer-live-player strong {
	font-size: 0.92rem;
	line-height: 1.15;
}

.wc26-app-shell .topscorer-live-player span {
	color: var(--muted);
	font-size: 0.74rem;
	line-height: 1.2;
}

.wc26-app-shell .topscorer-live-goals {
	min-width: 36px;
	text-align: right;
	font-family: var(--font-display);
	font-size: 1rem;
}

.wc26-app-shell .topscorer-live-tag {
	grid-column: 2 / 4;
	display: inline-flex;
	width: fit-content;
	align-items: center;
	gap: 6px;
	padding: 4px 8px;
	border-radius: 999px;
	background: rgba(67, 59, 52, 0.08);
	color: #5a4423;
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.wc26-app-shell .rules-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.wc26-app-shell .rules-page-layout {
	display: grid;
	gap: 20px;
}

.wc26-app-shell .rules-modal-card {
	width: min(1280px, calc(100vw - 24px));
	max-height: min(88vh, 920px);
	overflow-y: auto;
	overflow-x: hidden;
	display: grid;
	gap: 20px;
	padding: 28px 30px;
}

.wc26-app-shell .rule-card {
	display: grid;
	gap: 8px;
	padding: 14px 16px;
	border-radius: 14px;
	border: 1px solid rgba(17, 33, 61, 0.1);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(246, 248, 242, 0.88));
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.46);
}

.wc26-app-shell .rule-card strong {
	font-family: var(--font-display);
	font-size: 1rem;
}

.wc26-app-shell .rule-card p {
	margin: 0;
	color: var(--muted);
	line-height: 1.5;
}

.wc26-app-shell .leaderboard-table {
	width: 100%;
	border-collapse: collapse;
	min-width: 760px;
}

.wc26-app-shell .rules-modal-card .table-shell {
	overflow-x: hidden;
}

.wc26-app-shell .rules-modal-card .leaderboard-table {
	min-width: 0;
}

.wc26-app-shell .rules-score-table {
	min-width: 0;
	table-layout: fixed;
}

.wc26-app-shell .leaderboard-table th,
.wc26-app-shell .leaderboard-table td {
	padding: 14px 12px;
	text-align: left;
	border-bottom: 1px solid var(--line);
}

.wc26-app-shell .rules-score-table th,
.wc26-app-shell .rules-score-table td {
	padding: 12px 10px;
	vertical-align: top;
	word-break: break-word;
}

.wc26-app-shell .rules-score-table th:last-child,
.wc26-app-shell .rules-score-table td:last-child {
	width: 92px;
	text-align: right;
	font-weight: 700;
	white-space: nowrap;
}

.wc26-app-shell .leaderboard-table th {
	color: var(--muted);
	font-weight: 600;
}

.wc26-app-shell .leaderboard-row.leaderboard-rank-1 td {
	background: linear-gradient(180deg, rgba(253, 242, 204, 0.72), rgba(255, 250, 235, 0.92));
}

.wc26-app-shell .leaderboard-row.leaderboard-rank-2 td {
	background: linear-gradient(180deg, rgba(234, 238, 243, 0.8), rgba(249, 251, 253, 0.94));
}

.wc26-app-shell .leaderboard-row.leaderboard-rank-3 td {
	background: linear-gradient(180deg, rgba(240, 223, 207, 0.76), rgba(250, 242, 235, 0.94));
}

.wc26-app-shell .leaderboard-row.is-current-user td {
	border-top: 1px solid rgba(36, 99, 77, 0.28);
	border-bottom-color: rgba(36, 99, 77, 0.32);
}

.wc26-app-shell .leaderboard-row.is-current-user td:first-child {
	border-left: 4px solid #24634d;
}

.wc26-app-shell .leaderboard-row.is-current-user .leaderboard-user-name {
	font-weight: 900;
	color: #123d31;
}

.wc26-app-shell .leaderboard-rank-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 32px;
	height: 32px;
	padding: 0 10px;
	border-radius: 999px;
	background: rgba(23, 59, 102, 0.08);
	color: #173b66;
	font-size: 0.86rem;
	font-weight: 800;
	font-variant-numeric: tabular-nums;
	box-shadow: inset 0 0 0 1px rgba(23, 59, 102, 0.08);
}

.wc26-app-shell .leaderboard-rank-badge.is-gold {
	background: linear-gradient(180deg, rgba(244, 212, 96, 0.95), rgba(211, 158, 42, 0.94));
	color: #5c3b05;
	box-shadow:
		0 8px 18px rgba(195, 144, 28, 0.18),
		inset 0 1px 0 rgba(255, 249, 219, 0.7);
}

.wc26-app-shell .leaderboard-rank-badge.is-silver {
	background: linear-gradient(180deg, rgba(232, 237, 242, 0.96), rgba(171, 181, 194, 0.94));
	color: #435163;
	box-shadow:
		0 8px 18px rgba(114, 129, 145, 0.14),
		inset 0 1px 0 rgba(255, 255, 255, 0.76);
}

.wc26-app-shell .leaderboard-rank-badge.is-bronze {
	background: linear-gradient(180deg, rgba(227, 177, 128, 0.96), rgba(170, 102, 51, 0.92));
	color: #5e3312;
	box-shadow:
		0 8px 18px rgba(153, 87, 44, 0.16),
		inset 0 1px 0 rgba(255, 237, 220, 0.68);
}

.wc26-app-shell .leaderboard-best-value {
	font-weight: 800;
}

.wc26-app-shell .leaderboard-table th[data-fee-paid-header],
.wc26-app-shell .leaderboard-table .fee-paid-cell {
	width: 78px;
	text-align: center;
}

.wc26-app-shell .fee-paid-checkbox {
	width: 18px;
	height: 18px;
	accent-color: var(--gold);
	cursor: pointer;
}

.wc26-app-shell .fee-paid-checkbox:disabled {
	cursor: wait;
	opacity: 0.55;
}

.wc26-app-shell .admin-card {
	display: grid;
	gap: 14px;
}

.wc26-app-shell .admin-card p {
	margin: 0;
	color: var(--muted);
}

.wc26-app-shell .feedback-text {
	min-height: 20px;
	margin: 0;
	color: var(--muted);
}

.wc26-app-shell .modal {
	position: fixed;
	inset: 0;
	display: grid;
	place-items: center;
	padding: 20px;
	background: rgba(23, 59, 102, 0.28);
	z-index: 9999;
}

.wc26-app-shell .modal.hidden {
	display: none;
}

.wc26-app-shell .point-details-modal {
	align-items: start;
	justify-items: center;
	overflow-x: hidden;
	overflow-y: auto;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
}

.wc26-app-shell .modal-card {
	width: min(520px, 100%);
	padding: 26px;
	position: relative;
	border-radius: var(--radius-lg);
	border: 1px solid var(--line);
	background: var(--panel-strong);
}

.wc26-app-shell .modal-tabs {
	display: flex;
	gap: 10px;
	margin-bottom: 18px;
}

.wc26-app-shell .tab-button {
	padding: 10px 16px;
	color: var(--muted);
	background: rgba(255, 255, 255, 0.78);
}

.wc26-app-shell .tab-button.active {
	color: var(--text);
	background: rgba(200, 157, 76, 0.16);
}

.wc26-app-shell .auth-form {
	display: grid;
	gap: 14px;
}

.wc26-app-shell #register-fields {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.wc26-app-shell .close-button {
	position: absolute;
	top: 16px;
	right: 16px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: 1px solid var(--line-strong);
	background: transparent;
	color: var(--text);
	cursor: pointer;
}

.wc26-app-shell .empty-state {
	padding: 18px;
	border-radius: var(--radius-md);
	color: var(--muted);
	background: rgba(255, 255, 255, 0.6);
	border: 1px dashed var(--line-strong);
}

@keyframes wc26-drift {
	0%,
	100% {
		transform: translate3d(0, 0, 0) scale(1);
	}
	50% {
		transform: translate3d(20px, -18px, 0) scale(1.08);
	}
}

@media (max-width: 1100px) {
	.wc26-app-shell .auth-strip,
	.wc26-app-shell .masthead,
	.wc26-app-shell .top-strip {
		grid-template-columns: 1fr;
	}

	.wc26-app-shell .wc26-brand-logo {
		align-items: flex-start;
		justify-content: flex-start;
		padding: 0 0 6px;
	}

	.wc26-app-shell .compact-session-head,
	.wc26-app-shell .inline-auth-grid {
		grid-template-columns: 1fr;
	}

	.wc26-app-shell .whatsapp-join-card {
		grid-template-columns: 1fr;
	}

	.wc26-app-shell .whatsapp-join-card img {
		margin: 0 auto;
	}

	.wc26-app-shell .brand-stage {
		grid-template-columns: 1fr;
	}

	.wc26-app-shell .hero-trophy {
		justify-content: flex-start;
	}

	.wc26-app-shell .phase-nav-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.wc26-app-shell .browser-toolbar {
		grid-template-columns: 1fr 1fr;
	}

	.wc26-app-shell .panel-heading {
		flex-direction: column;
		align-items: flex-start;
	}
}

@media (max-width: 780px) {
	.wc26-app-shell input[type="number"],
	.wc26-app-shell input[type="text"],
	.wc26-app-shell input[type="password"],
	.wc26-app-shell input[type="email"],
	.wc26-app-shell select,
	.wc26-app-shell textarea {
		font-size: 16px !important;
	}

	.wc26-app-shell .panel,
	.wc26-app-shell .match-group {
		scroll-margin-top: 104px;
	}

	.wc26-app-shell .page-shell {
		width: min(100% - 8px, 100%);
	}

	.wc26-app-shell .brand-block,
	.wc26-app-shell .panel {
		padding: 14px;
	}

	.wc26-app-shell .compact-session-panel {
		padding: 14px;
	}

	.wc26-app-shell .rank-row {
		grid-template-columns: 62px minmax(0, 1fr);
		gap: 6px;
	}

	.wc26-app-shell .rank-row-field,
	.wc26-app-shell .rank-row-meta {
		gap: 4px;
	}

	.wc26-app-shell .rank-row-field select {
		flex-basis: 138px;
		max-width: 138px;
		padding: 8px 10px;
	}

	.wc26-app-shell .rank-status-pill,
	.wc26-app-shell .compare-rank-hint {
		padding: 3px 6px;
		font-size: 0.68rem;
	}

	.wc26-app-shell .whatsapp-join-card {
		padding: 14px;
		gap: 12px;
	}

	.wc26-app-shell .notification-card {
		padding: 14px;
	}

	.wc26-app-shell .notification-card-head {
		grid-template-columns: 1fr;
		display: grid;
	}

	.wc26-app-shell .notification-status-pill {
		width: fit-content;
	}

	.wc26-app-shell .whatsapp-join-copy strong {
		font-size: 0.96rem;
	}

	.wc26-app-shell .whatsapp-join-copy p {
		font-size: 0.88rem;
	}

	.wc26-app-shell .whatsapp-join-card img {
		max-width: 190px;
	}

	.wc26-app-shell .wc26-brand-logo {
		align-items: center;
		justify-content: center;
		padding: 2px 0 6px;
	}

	.wc26-app-shell .wc26-brand-logo img {
		width: min(100%, 168px);
	}

	.wc26-app-shell .wc26-live-clocks {
		gap: 10px;
		width: min(100%, 286px);
	}

	.wc26-app-shell .wc26-live-clock {
		padding: 0;
	}

	.wc26-app-shell .wc26-clock-display {
		width: 139px;
		height: 139px;
	}

	.wc26-app-shell .wc26-analog-clock-face {
		width: 137px;
	}

	.wc26-app-shell .wc26-clock-flag {
		width: 23px;
		height: 18px;
		font-size: 0.7rem;
	}

	.wc26-app-shell .wc26-clock-hour {
		height: 27px;
	}

	.wc26-app-shell .wc26-clock-minute {
		height: 38px;
	}

	.wc26-app-shell .wc26-clock-second {
		height: 40px;
	}

	.wc26-app-shell .compact-session-head {
		gap: 10px;
	}

	.wc26-app-shell .compact-session-head h1 {
		font-size: 1.26rem;
		line-height: 1;
	}

	.wc26-app-shell .compact-session-head p,
	.wc26-app-shell .panel-heading p,
	.wc26-app-shell .match-browser-header .helper-text {
		display: none;
	}

	.wc26-app-shell .panel-heading {
		margin-bottom: 12px;
	}

	.wc26-app-shell .panel-heading h2 {
		font-size: 1.28rem;
	}

	.wc26-app-shell .hero-ribbon {
		font-size: 0.68rem;
	}

	.wc26-app-shell .hero-trophy-card {
		max-width: 164px;
		padding: 16px 14px 14px;
	}

	.wc26-app-shell .phase-nav-copy {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}

	.wc26-app-shell .phase-nav-tools {
		flex: 1;
		justify-content: flex-end;
	}

	.wc26-app-shell .phase-nav-copy strong {
		font-size: 1.18rem;
	}

	.wc26-app-shell .phase-menu-toggle {
		display: none;
	}

	.wc26-app-shell .phase-language-field {
		min-width: 108px;
	}

	.wc26-app-shell .phase-language-field span {
		font-size: 0.58rem;
	}

	.wc26-app-shell .phase-language-field select {
		padding: 7px 24px 7px 8px;
		font-size: 0.82rem;
	}

	.wc26-app-shell .phase-compare-field {
		min-width: 100%;
	}

	.wc26-app-shell .phase-compare-row {
		justify-content: stretch;
	}

	.wc26-app-shell .phase-compare-field span {
		font-size: 0.58rem;
	}

	.wc26-app-shell .phase-compare-field select {
		padding: 7px 24px 7px 8px;
		font-size: 0.82rem;
	}

	.wc26-app-shell .phase-menu-fab {
		position: fixed;
		top: 10px;
		right: 10px;
		z-index: 90;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 46px;
		height: 46px;
		padding: 0;
		border-radius: 999px;
		border: 1px solid rgba(17, 33, 61, 0.12);
		background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 246, 239, 0.96));
		box-shadow: 0 14px 26px rgba(16, 45, 99, 0.24);
	}

	.wc26-app-shell .phase-menu-fab-icon {
		display: grid;
		gap: 4px;
	}

	.wc26-app-shell .phase-menu-fab-icon span {
		display: block;
		width: 18px;
		height: 2px;
		border-radius: 999px;
		background: var(--text);
		transition: transform 180ms ease, opacity 180ms ease;
	}

	.wc26-app-shell .phase-menu-fab.is-open .phase-menu-fab-icon span:nth-child(1) {
		transform: translateY(6px) rotate(45deg);
	}

	.wc26-app-shell .phase-menu-fab.is-open .phase-menu-fab-icon span:nth-child(2) {
		opacity: 0;
	}

	.wc26-app-shell .phase-menu-fab.is-open .phase-menu-fab-icon span:nth-child(3) {
		transform: translateY(-6px) rotate(-45deg);
	}

	.wc26-app-shell .hero-meta,
	.wc26-app-shell .browser-toolbar,
	.wc26-app-shell #register-fields,
	.wc26-app-shell .inline-register-grid,
	.wc26-app-shell .inline-auth-grid,
	.wc26-app-shell .rules-grid,
	.wc26-app-shell .group-fixture-board,
	.wc26-app-shell .match-group-grid,
	.wc26-app-shell .knockout-stage-grid,
	.wc26-app-shell .today-matches-list,
	.wc26-app-shell .daily-chip-grid,
	.wc26-app-shell .topscorer-card {
		grid-template-columns: 1fr;
	}

	.wc26-app-shell .today-matches-panel {
		padding: 10px;
		gap: 9px;
	}

	.wc26-app-shell .today-matches-head {
		align-items: flex-start;
		flex-direction: column;
		gap: 3px;
	}

	.wc26-app-shell .point-details-scores {
		grid-template-columns: 1fr;
	}

	.wc26-app-shell .point-details-modal {
		padding: 8px;
		align-items: start;
		justify-items: stretch;
	}

	.wc26-app-shell .point-details-card {
		width: 100%;
		padding: 22px 14px;
	}

	.wc26-app-shell .point-stadium-scoreboard {
		padding: 12px 10px;
	}

	.wc26-app-shell .point-scoreboard-main {
		grid-template-columns: minmax(0, 1fr) minmax(62px, auto) minmax(0, 1fr);
		align-items: start;
		gap: 5px;
	}

	.wc26-app-shell .point-scoreboard-score {
		justify-self: center;
		order: 0;
		min-width: 62px;
		padding: 6px 7px 16px;
		gap: 3px;
	}

	.wc26-app-shell .point-scoreboard-home {
		order: 0;
	}

	.wc26-app-shell .point-scoreboard-away {
		order: 0;
		text-align: right;
	}

	.wc26-app-shell .point-scoreboard-team-name span {
		font-size: 1.08rem;
	}

	.wc26-app-shell .point-scoreboard-team-name strong {
		font-size: 0.74rem;
		line-height: 1;
	}

	.wc26-app-shell .point-scoreboard-away .point-scoreboard-team-name {
		justify-items: end;
	}

	.wc26-app-shell .point-scoreboard-score strong {
		font-size: 1.58rem;
	}

	.wc26-app-shell .point-scoreboard-scorer {
		grid-template-columns: 30px minmax(0, 1fr);
		gap: 5px;
		padding: 6px 7px;
	}

	.wc26-app-shell .point-scoreboard-scorer-board {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		gap: 6px;
	}

	.wc26-app-shell .point-scoreboard-away .point-scoreboard-scorer {
		grid-template-columns: minmax(0, 1fr) 30px;
		text-align: right;
	}

	.wc26-app-shell .point-scoreboard-away .point-scoreboard-scorer span {
		grid-column: 2;
	}

	.wc26-app-shell .point-scoreboard-away .point-scoreboard-scorer strong {
		grid-column: 1;
	}

	.wc26-app-shell .point-scoreboard-scorer strong,
	.wc26-app-shell .point-scoreboard-empty {
		font-size: 0.62rem;
		white-space: normal;
	}

	.wc26-app-shell .point-scoreboard-summary {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.wc26-app-shell .phase-nav-grid {
		display: none;
		grid-template-columns: 1fr;
	}

	.wc26-app-shell .phase-nav-grid.is-open {
		display: grid;
	}

	.wc26-app-shell .phase-header {
		position: static;
		top: auto;
		margin: 8px 0 12px;
	}

	.wc26-app-shell .phase-nav-shell {
		padding: 10px 12px;
	}

	.wc26-app-shell .phase-nav-copy {
		padding-right: 56px;
	}

	.wc26-app-shell .team-line {
		grid-template-columns: 1fr;
	}

	.wc26-app-shell .team-pill,
	.wc26-app-shell .team-pill.right,
	.wc26-app-shell .group-fixture-team,
	.wc26-app-shell .match-real-team,
	.wc26-app-shell .match-real-team-right,
	.wc26-app-shell .knockout-team-line {
		justify-content: flex-start;
		text-align: left;
	}

	.wc26-app-shell .team-pill,
	.wc26-app-shell .group-fixture-team,
	.wc26-app-shell .match-real-team,
	.wc26-app-shell .knockout-team-line {
		align-items: center;
	}

	.wc26-app-shell .group-fixture-team .flag,
	.wc26-app-shell .knockout-team-line .flag {
		margin-top: 0;
	}

	.wc26-app-shell .team-pill span:last-child,
	.wc26-app-shell .group-fixture-team span:last-child,
	.wc26-app-shell .match-real-team span:last-child,
	.wc26-app-shell .knockout-team-line span:last-child {
		display: block;
		flex: 1 1 auto;
		min-width: 0;
		white-space: normal;
		overflow: visible;
		text-overflow: initial;
	}

	.wc26-app-shell .group-fixture-meta {
		grid-template-columns: auto auto minmax(0, 1fr);
		font-size: 0.58rem;
	}

	.wc26-app-shell .match-browser-shell,
	.wc26-app-shell .group-card,
	.wc26-app-shell .match-group,
	.wc26-app-shell .knockout-stage,
	.wc26-app-shell .topscorer-card,
	.wc26-app-shell .admin-card {
		padding: 12px;
	}

	.wc26-app-shell .board-scroll,
	.wc26-app-shell .table-shell {
		overflow: visible;
	}

	.wc26-app-shell #leaderboard-section .table-shell {
		overflow-x: auto;
		overflow-y: visible;
		-webkit-overflow-scrolling: touch;
	}

	.wc26-app-shell #leaderboard-section .table-shell {
		overflow-x: auto;
		overflow-y: visible;
	}

	.wc26-app-shell .groups-grid,
	.wc26-app-shell .knockout-stage-grid {
		min-width: 0;
		grid-template-columns: 1fr;
	}

	.wc26-app-shell .groups-grid {
		gap: 12px;
	}

	.wc26-app-shell .group-card {
		min-width: 0;
	}

	.wc26-app-shell .group-card .leaderboard-table,
	.wc26-app-shell .rules-score-table {
		font-size: 0.82rem;
	}

	.wc26-app-shell .group-card .leaderboard-table th,
	.wc26-app-shell .group-card .leaderboard-table td {
		padding: 8px 4px;
	}

	.wc26-app-shell .rules-modal-card {
		width: min(100vw - 18px, 100%);
		padding: 22px 18px;
	}

	.wc26-app-shell .group-fixture-vs {
		display: none;
	}

	.wc26-app-shell .group-fixture-score {
		justify-content: flex-end;
	}

	.wc26-app-shell .group-fixture-score input[type="number"] {
		width: 32px;
		min-width: 32px;
		height: 32px;
		padding: 2px 1px;
		text-align: center;
	}

	.wc26-app-shell .group-fixture-score-inline {
		min-width: 32px;
	}

	.wc26-app-shell .group-fixture-line {
		grid-template-columns: minmax(0, 1fr) 48px;
		gap: 6px;
	}

	.wc26-app-shell .group-fixture-line > .group-fixture-team {
		width: 100%;
	}

	.wc26-app-shell .group-fixture-line > .fixture-score-stack-mobile,
	.wc26-app-shell .group-fixture-line > .group-fixture-score-inline {
		width: 48px;
		min-width: 48px;
		justify-self: end;
	}

	.wc26-app-shell .fixture-score-stack-mobile .group-fixture-score-inline {
		width: 100%;
		min-width: 100%;
	}

	.wc26-app-shell .knockout-decision-row,
	.wc26-app-shell .best-third-head {
		grid-template-columns: 1fr;
		display: grid;
	}

	.wc26-app-shell .knockout-mini-toggle {
		justify-content: center;
	}

	.wc26-app-shell .knockout-mini-field select,
	.wc26-app-shell .phase-language-field select {
		min-height: 36px;
	}

	.wc26-app-shell .knockout-controls {
		grid-template-columns: 1fr;
	}
}