.t-banner {
	overflow: hidden;
	border: 1px solid var(--cp-border);
	border-radius: var(--cp-radius);
	background: var(--cp-surface);
	aspect-ratio: 4 / 1;
}

.t-banner img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.t-preview {
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 8px 16px;
}

.t-preview a {
	color: #fff;
	font-weight: 600;
}

.t-header {
	align-items: center;
}

.t-header__text {
	display: flex;
	flex-direction: column;
	gap: 2px;
	flex: 1 1 240px;
	min-width: 0;
}

.t-header__text .eyebrow {
	flex-basis: auto;
}

.t-header__title {
	margin: 0;
	font-size: inherit;
	font-weight: 700;
	color: #fff;
	overflow-wrap: anywhere;
}

.t-header__action {
	margin-left: auto;
}

.t-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 14px;
	flex-basis: 100%;
	font-size: 13px;
	font-weight: 500;
	color: var(--cp-text-2);
}

.t-meta__item {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.t-meta__item i {
	color: var(--cp-text-3);
}

.t-meta__winner {
	color: #fff;
	font-weight: 600;
}

.t-meta__winner i {
	color: var(--cp-warn);
}

.t-pagehead {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 4px 0 0;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
}

.t-pagehead i {
	color: var(--cp-accent-text);
}

.t-list-sub {
	display: block;
	margin-top: 2px;
	color: var(--cp-text-2);
	font-weight: 400;
}

.t-prose {
	display: flex;
	flex-direction: column;
	gap: 12px;
	font-size: 14px;
	line-height: 1.65;
	color: var(--cp-text-1);
	min-width: 0;
}

.t-prose p {
	margin: 0;
}

.t-prose a {
	color: #fff;
	text-decoration: underline;
	text-decoration-color: var(--cp-accent);
}

.t-prose .notice {
	gap: 8px;
}

.t-prose .notice p,
.t-prose .notice li {
	color: inherit;
}

.notice.t-prose {
	position: relative;
	padding-left: 40px;
}

.t-notice-icon {
	position: absolute;
	top: 14px;
	left: 14px;
	color: var(--cp-warn);
}

.t-notice-wrap {
	gap: 10px;
}

.t-subhead {
	margin: 4px 0 0;
	font-size: 15px;
	font-weight: 600;
	color: #fff;
}

.t-olist {
	margin: 0;
	padding-left: 20px;
	display: flex;
	flex-direction: column;
	gap: 6px;
	font-size: 14px;
}

.t-minw0 {
	min-width: 0;
}

.t-tag {
	color: var(--cp-text-2);
	font-weight: 500;
}

.t-team-status {
	margin-top: 6px;
}

.t-team--out {
	opacity: .78;
}

.series-score__team.is-winner {
	color: var(--cp-success);
}

.t-series {
	display: flex;
	flex-direction: column;
	gap: 12px;
	min-width: 0;
}

.t-series__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 14px;
	font-size: 13px;
}

.t-series__notes {
	margin: 0;
}

.t-row--muted td {
	color: var(--cp-text-2);
}

.col-num {
	width: 56px;
	color: var(--cp-text-2);
	font-family: var(--cp-font-mono);
}

.t-lineups {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	padding: 14px 16px;
	border: 1px solid var(--cp-border);
	border-radius: var(--cp-radius-sm);
	background: var(--cp-surface);
}

.t-lineups p {
	margin: 6px 0 0;
}

.t-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 3px 9px;
	border: 1px solid var(--cp-border);
	border-radius: 6px;
	background: var(--cp-surface-3);
	color: var(--cp-text-1);
	font-size: 12px;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
}

.t-link:hover {
	color: #fff;
	border-color: var(--cp-border-strong);
}

.tournament td a.t-link {
	text-decoration: none;
}

.t-links {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

td.t-links {
	display: table-cell;
}

td.t-links .t-link + .t-link {
	margin-left: 6px;
}

.t-myapps {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 14px 16px;
	border: 1px solid var(--cp-border);
	border-radius: var(--cp-radius-sm);
	background: var(--cp-surface-2);
}

.t-row-tight {
	gap: 8px;
}

.t-review-note {
	flex-basis: 100%;
	color: var(--cp-text-2);
}

.t-apply {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding-top: 4px;
}

.t-players {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 0;
	padding: 14px 16px;
	border: 1px solid var(--cp-border);
	border-radius: var(--cp-radius-sm);
	background: var(--cp-surface-2);
	min-width: 0;
}

.t-players legend,
.t-players summary {
	padding: 0 6px;
	font-size: 13px;
	font-weight: 600;
	color: #fff;
}

.t-players summary {
	padding: 0;
	cursor: pointer;
}

.t-players--reserve[open] summary {
	margin-bottom: 4px;
}

.t-player-row {
	display: grid;
	grid-template-columns: 28px 110px repeat(4, minmax(0, 1fr));
	align-items: center;
	gap: 8px;
}

.t-player-row .input {
	min-height: 38px;
	padding: 8px 10px;
	font-size: 13px;
}

.t-player-row--head {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--cp-text-2);
}

.t-player-row__no {
	color: var(--cp-text-2);
	font-family: var(--cp-font-mono);
	font-size: 12px;
	text-align: center;
}

.ta-root {
	display: flex;
	flex-direction: column;
	gap: 16px;
	min-width: 0;
}

.ta-root [hidden] {
	display: none !important;
}

.ta-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

.ta-filters {
	gap: 6px;
}

.ta-pending {
	flex-direction: row;
	flex-wrap: wrap;
	gap: 6px 12px;
}

.ta-pending a {
	color: #fff;
}

.ta-table td {
	vertical-align: middle;
}

.ta-link-strong {
	color: #fff;
	font-weight: 600;
	text-decoration: none;
}

.ta-link-strong:hover {
	text-decoration: underline;
	text-decoration-color: var(--cp-accent);
}

.ta-sub {
	display: block;
	margin-top: 2px;
	color: var(--cp-text-2);
	font-size: 12px;
	font-weight: 400;
	overflow-wrap: anywhere;
}

.ta-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 6px;
	margin-left: auto;
}

td.ta-actions {
	display: table-cell;
	white-space: nowrap;
	text-align: right;
}

td.ta-actions .btn + .btn {
	margin-left: 6px;
}

.ta-card {
	gap: 16px;
}

.ta-card__head {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 6px 12px;
}

.ta-card__head .muted {
	font-size: 12px;
}

.ta-editing {
	border-color: rgba(184, 38, 38, .55);
	box-shadow: 0 0 0 3px var(--cp-accent-soft);
}

.ta-inline-form {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) 90px auto;
	gap: 8px;
	align-items: center;
}

.ta-num {
	min-width: 0;
}

.ta-head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 16px;
}

.ta-head__title {
	display: flex;
	flex-direction: column;
	gap: 2px;
	flex: 1 1 220px;
	min-width: 0;
}

.ta-head__title h3 {
	font-size: 18px;
	overflow-wrap: anywhere;
}

.ta-head__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

.ta-tabs {
	display: flex;
	gap: 2px;
	padding: 6px 6px 0;
	border: 1px solid var(--cp-border);
	border-radius: var(--cp-radius);
	background: var(--cp-surface);
	overflow-x: auto;
	scrollbar-width: none;
}

.ta-tabs::-webkit-scrollbar {
	display: none;
}

.ta-tab {
	position: relative;
	flex: none;
	padding: 11px 14px 13px;
	border: 0;
	border-radius: 8px 8px 0 0;
	background: transparent;
	color: var(--cp-text-2);
	font-size: 14px;
	font-weight: 500;
	white-space: nowrap;
	transition: color .15s, background .15s;
}

.ta-tab:hover {
	color: #fff;
	background: var(--cp-surface-2);
}

.ta-tab.is-active {
	color: #fff;
}

.ta-tab.is-active::after {
	content: "";
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 0;
	height: 2px;
	border-radius: 2px;
	background: var(--cp-accent);
}

.ta-section-title {
	margin: 4px 0 -4px;
	padding-top: 12px;
	border-top: 1px solid var(--cp-border);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--cp-text-2);
}

.ta-card > .ta-section-title:first-of-type {
	padding-top: 0;
	border-top: 0;
}

.ta-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px 16px;
}

.ta-col-full {
	grid-column: 1 / -1;
}

.ta-checks {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 20px;
}

.ta-textarea {
	min-height: 0;
	font-family: var(--cp-font);
	line-height: 1.55;
}

textarea.input.ta-textarea {
	min-height: 64px;
}

.ta-image-row {
	display: flex;
	align-items: center;
	gap: 10px;
}

.ta-image-row .input {
	flex: 1 1 auto;
	min-width: 0;
}

.ta-image-preview,
.ta-item__logo {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: none;
	width: 44px;
	height: 44px;
	overflow: hidden;
	border: 1px solid var(--cp-border);
	border-radius: 10px;
	background: var(--cp-surface-3);
	color: var(--cp-text-3);
}

.ta-image-preview img,
.ta-item__logo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ta-upload {
	flex: none;
	cursor: pointer;
}

.ta-help {
	padding: 10px 14px;
	border: 1px solid var(--cp-border);
	border-radius: var(--cp-radius-sm);
	background: var(--cp-surface-2);
	font-size: 13px;
	color: var(--cp-text-2);
}

.ta-help summary {
	cursor: pointer;
	color: var(--cp-text-1);
	font-weight: 500;
}

.ta-help ul {
	margin-top: 10px;
}

.ta-help code {
	padding: 1px 5px;
	border-radius: 4px;
	background: var(--cp-bg);
	color: #fff;
	font-size: 12px;
}

.ta-form-actions {
	padding-top: 12px;
	border-top: 1px solid var(--cp-border);
}

.ta-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.ta-item {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 14px;
	padding: 12px 14px;
	border: 1px solid var(--cp-border);
	border-radius: var(--cp-radius-sm);
	background: var(--cp-surface);
}

.ta-item__main {
	display: flex;
	flex-direction: column;
	flex: 1 1 200px;
	min-width: 0;
	color: #fff;
}

.ta-roster,
.ta-games {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.ta-roster:empty::before,
.ta-games:empty::before {
	content: "Henüz satır yok.";
	color: var(--cp-text-2);
	font-size: 13px;
}

.ta-roster-row {
	display: grid;
	grid-template-columns: 120px minmax(0, 1.1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.3fr) minmax(0, 1.2fr) 100px 36px;
	gap: 6px;
	align-items: center;
}

.ta-game-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) 70px 70px 130px 130px minmax(0, 1fr) 36px;
	gap: 6px;
	align-items: center;
}

.ta-roster-row .input,
.ta-game-row .input,
.ta-roster-row .select,
.ta-game-row .select,
.ta-inline-form .input {
	min-height: 38px;
	padding: 8px 10px;
	font-size: 13px;
}

.ta-roster-row .select-wrap,
.ta-game-row .select-wrap {
	min-width: 0;
}

.ta-stage {
	gap: 12px;
}

.ta-stage__head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 12px;
}

.ta-order {
	display: inline-flex;
	gap: 2px;
}

.ta-order .btn {
	min-height: 32px;
	padding: 4px 9px;
}

.ta-matches {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.ta-match {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 14px;
	padding: 10px 12px;
	border: 1px solid var(--cp-border);
	border-radius: var(--cp-radius-sm);
	background: var(--cp-surface-2);
	font-size: 13px;
}

.ta-match__teams {
	flex: 1 1 240px;
	min-width: 0;
	color: #fff;
	font-weight: 600;
	overflow-wrap: anywhere;
}

.ta-match__meta {
	color: var(--cp-text-2);
	white-space: nowrap;
}

.ta-match .btn-sm {
	min-height: 32px;
	padding: 4px 10px;
}

.ta-app__head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 14px;
}

.ta-kv {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px 16px;
	margin: 0;
}

.ta-kv dt {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--cp-text-2);
}

.ta-kv dd {
	margin: 2px 0 0;
	font-size: 14px;
	overflow-wrap: anywhere;
}

.ta-kv a {
	color: #fff;
}

.ta-message {
	margin: 0;
	font-size: 14px;
	white-space: pre-line;
	overflow-wrap: anywhere;
}

.ta-app__actions {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

@media (max-width: 1100px) {
	.ta-roster-row {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.ta-game-row {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (max-width: 720px) {
	.t-banner {
		aspect-ratio: 3 / 1;
	}

	.t-lineups,
	.ta-grid,
	.ta-kv {
		grid-template-columns: minmax(0, 1fr);
	}

	.t-player-row {
		grid-template-columns: 22px repeat(2, minmax(0, 1fr));
	}

	.t-player-row--head {
		display: none;
	}

	.t-player-row__no {
		grid-row: span 2;
	}

	.ta-roster-row,
	.ta-game-row {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		padding-bottom: 8px;
		border-bottom: 1px dashed var(--cp-border);
	}

	.ta-inline-form {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}

	.ta-actions {
		margin-left: 0;
	}

	.ta-image-row {
		flex-wrap: wrap;
	}
}

.t-player-name {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
}

.t-avatar {
	flex: none;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	object-fit: cover;
	background: var(--cp-surface-3);
}

.t-group {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.t-details {
	padding: 12px 14px;
	border: 1px solid var(--cp-border);
	border-radius: var(--cp-radius-sm);
	background: var(--cp-surface);
}

.t-details > summary {
	cursor: pointer;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
}

.t-details[open] > summary {
	margin-bottom: 12px;
}

.t-details[open] {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.t-round-title {
	margin: 6px 0 0;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--cp-text-2);
}

.t-standings {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.t-standings__table td,
.t-standings__table th {
	text-align: center;
}

.t-standings__table td:nth-child(2),
.t-standings__table th:nth-child(2) {
	text-align: left;
}

.t-standings__team {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.t-standings__logo,
.t-standings__team .tournament-logo-fallback {
	width: 24px;
	height: 24px;
	border-radius: 6px;
	object-fit: cover;
	font-size: 10px;
}

.tournament tr.t-qualify td:first-child {
	box-shadow: inset 3px 0 0 var(--cp-success);
}

.t-standings__hint {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	font-size: 12px;
	color: var(--cp-text-2);
}

.t-qualify-dot {
	width: 10px;
	height: 10px;
	border-radius: 2px;
	background: var(--cp-success);
}

.t-bracket-title {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 8px;
}

.t-bracket-scroll {
	overflow-x: auto;
	padding-bottom: 6px;
	border: 1px solid var(--cp-border);
	border-radius: var(--cp-radius);
	background: var(--cp-surface);
}

.t-bracket {
	display: flex;
	gap: 18px;
	min-width: max-content;
	padding: 14px;
}

.t-bracket__col {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 220px;
	flex: none;
}

.t-bracket__head {
	padding-bottom: 8px;
	border-bottom: 1px solid var(--cp-border);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--cp-text-2);
	text-align: center;
}

.t-bracket__list {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	gap: 12px;
	flex: 1 1 auto;
}

.t-bm {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid var(--cp-border);
	border-radius: var(--cp-radius-sm);
	background: var(--cp-surface-2);
	font-size: 13px;
}

.t-bm--live {
	border-color: rgba(239, 68, 68, .6);
}

.t-bm--bye,
.t-bm--empty,
.t-bm--pending {
	opacity: .6;
}

.t-bm--pending {
	border-style: dashed;
	background: transparent;
}

.t-bm__team {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 7px 10px;
	color: var(--cp-text-1);
}

.t-bm__team + .t-bm__team {
	border-top: 1px solid var(--cp-border);
}

.t-bm__team.is-winner {
	color: var(--cp-success);
	font-weight: 600;
}

.t-bm__name {
	display: -webkit-box;
	min-width: 0;
	overflow: hidden;
	line-height: 1.3;
	white-space: normal;
	overflow-wrap: anywhere;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.t-bm__score {
	flex: none;
	font-family: var(--cp-font-mono);
	color: #fff;
}

.t-bm__meta {
	padding: 5px 10px;
	border-top: 1px solid var(--cp-border);
	background: var(--cp-surface);
	font-size: 11px;
	color: var(--cp-text-2);
}

.t-owner {
	gap: 14px;
}

.t-owner-logo {
	display: flex;
	align-items: flex-start;
	gap: 14px;
}

.t-owner-logo__preview {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: none;
	width: 64px;
	height: 64px;
	overflow: hidden;
	border: 1px solid var(--cp-border);
	border-radius: 12px;
	background: var(--cp-surface-3);
	color: var(--cp-text-3);
	font-size: 22px;
}

.t-owner-logo__preview img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.t-grow {
	flex: 1 1 auto;
}

.t-owner-roster {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.t-owner-roster:empty::before {
	content: "Kadroda oyuncu yok.";
	color: var(--cp-text-2);
	font-size: 13px;
}

.t-owner-row {
	display: grid;
	grid-template-columns: 90px 120px repeat(6, minmax(0, 1fr)) 36px;
	gap: 6px;
	align-items: center;
}

.t-owner-row .input {
	min-height: 38px;
	padding: 8px 10px;
	font-size: 13px;
}

.ta-stage-tools {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

.ta-stage-tools__hint {
	font-size: 12px;
}

.ta-standings {
	display: flex;
	flex-direction: column;
	gap: 6px;
	font-size: 13px;
}

.ta-match__round {
	flex-basis: 100%;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--cp-text-2);
}

.ta-match--bye {
	opacity: .65;
}

.ta-grid--3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ta-teampick {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 18px;
}

.ta-plan {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding-top: 12px;
	border-top: 1px solid var(--cp-border);
}

.ta-plan-groups,
.ta-plan-rounds {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
	gap: 12px;
}

.ta-plan-group,
.ta-plan-round {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 10px 12px;
	border: 1px solid var(--cp-border);
	border-radius: var(--cp-radius-sm);
	background: var(--cp-surface-2);
}

.ta-plan-round h5 {
	margin: 0 0 2px;
	font-size: 12px;
	font-weight: 600;
	color: var(--cp-text-2);
}

.ta-plan-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.ta-plan-match {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	align-items: center;
	gap: 6px;
}

.ta-chip {
	display: -webkit-box;
	min-width: 0;
	padding: 5px 9px;
	overflow: hidden;
	border: 1px solid var(--cp-border);
	border-radius: 6px;
	background: var(--cp-surface-3);
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.3;
	text-align: left;
	white-space: normal;
	overflow-wrap: anywhere;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	transition: border-color .15s, background .15s;
}

.ta-chip:hover {
	border-color: var(--cp-border-strong);
}

.ta-chip.is-bye {
	color: var(--cp-text-2);
	font-style: italic;
}

.ta-chip.is-picked {
	border-color: var(--cp-accent);
	background: var(--cp-accent-soft);
}

@media (max-width: 900px) {
	.t-owner-row {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		padding-bottom: 8px;
		border-bottom: 1px dashed var(--cp-border);
	}

	.ta-grid--3 {
		grid-template-columns: minmax(0, 1fr);
	}
}

.t-bay {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 8px 12px;
	border: 1px dashed var(--cp-border);
	border-radius: var(--cp-radius-sm);
	font-size: 13px;
	color: var(--cp-text-2);
}

.t-bracket__sub {
	margin-top: 10px;
	padding-bottom: 6px;
	border-bottom: 1px solid var(--cp-border);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--cp-text-2);
	text-align: center;
}

.t-owner-logo__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ta-plan-bay {
	display: flex;
	align-items: center;
	gap: 8px;
	padding-top: 6px;
	border-top: 1px dashed var(--cp-border);
	font-size: 12px;
}

.ta-bays {
	font-size: 13px;
}

.ta-bays ul {
	margin: 4px 0 0;
	padding-left: 18px;
	color: var(--cp-text-2);
}

.tournament_navigation {
	position: relative;
	scroll-snap-type: x proximity;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior-x: contain;
}

.tournament_navigation a {
	scroll-snap-align: center;
}

.ta-tabs {
	position: relative;
	scroll-snap-type: x proximity;
	-webkit-overflow-scrolling: touch;
}

.ta-tab {
	scroll-snap-align: center;
}

.tournament .table-wrap,
.ta-root .table-wrap {
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.tournament .table-wrap > table,
.ta-root .table-wrap > table {
	width: 100%;
	min-width: 560px;
}

.tournament .table-wrap > .t-standings__table {
	min-width: 480px;
}

.tournament th,
.tournament td,
.ta-root .table th,
.ta-root .table td {
	overflow-wrap: normal;
	word-break: normal;
	white-space: nowrap;
}

.tournament td.match-notes,
.tournament td.match-players,
.ta-root .table td.ta-wrap {
	min-width: 180px;
	white-space: normal;
	overflow-wrap: break-word;
}

.tournament .tournament-list-name a,
.tournament .match-team,
.tournament .match-score,
.tournament .match-date,
.t-standings__team {
	white-space: nowrap;
}

.t-acc {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: var(--cp-info);
}

.t-owner-acc,
.ta-acc {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.ta-acc__name,
.t-owner-acc .t-acc {
	overflow: hidden;
	font-size: 11px;
	color: var(--cp-info);
	text-overflow: ellipsis;
	white-space: nowrap;
}

.t-login-prompt {
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px 16px;
}

@media (max-width: 720px) {
	.t-player-row {
		grid-template-columns: 22px repeat(2, minmax(0, 1fr));
	}

	.tournament_navigation a {
		padding: 11px 12px 13px;
	}

	.t-player-row__no {
		grid-row: span 3;
	}
}

.t-cr {
	border-color: rgba(245, 158, 11, .45);
}

.t-cr-diff,
.ta-cr-diff {
	display: flex;
	flex-direction: column;
	gap: 8px;
	min-width: 0;
	font-size: 13px;
}

.t-cr-list {
	margin: 4px 0 0;
	padding-left: 18px;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.t-cr-diff del,
.ta-cr-old {
	color: #fca5a5;
	text-decoration: line-through;
	text-decoration-color: rgba(239, 68, 68, .6);
}

.t-cr-diff ins,
.ta-cr-new {
	color: #86efac;
	text-decoration: none;
}

.t-cr-row,
.ta-cr-row {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	padding: 8px 10px;
	border: 1px solid var(--cp-border);
	border-left-width: 3px;
	border-radius: var(--cp-radius-sm);
	background: var(--cp-surface-2);
	overflow-wrap: anywhere;
}

.t-cr-row > i,
.ta-cr-row > i {
	margin-top: 3px;
}

.t-cr-row--add,
.ta-cr-row--add {
	border-left-color: var(--cp-success);
}

.t-cr-row--del,
.ta-cr-row--del {
	border-left-color: var(--cp-danger);
}

.t-cr-row--mod,
.ta-cr-row--mod {
	border-left-color: var(--cp-warn);
}

.ta-cr-row > div {
	flex: 1 1 auto;
	min-width: 0;
}

.t-cr-img,
.ta-cr-img {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	max-width: 100%;
	vertical-align: middle;
}

.t-cr-thumb,
.ta-cr-img img,
.ta-cr-avatar {
	flex: none;
	width: 32px;
	height: 32px;
	border-radius: 6px;
	object-fit: cover;
	background: var(--cp-surface-3);
}

.ta-cr-avatar {
	float: left;
	margin-right: 8px;
	border-radius: 50%;
}

.t-cr-url,
.ta-cr-url {
	overflow-wrap: anywhere;
	font-size: 11px;
}

.ta-root .table.ta-cr-table {
	min-width: 0;
	margin-top: 6px;
}

.ta-root .ta-cr-table td {
	white-space: normal;
	overflow-wrap: anywhere;
	vertical-align: top;
}

.ta-root .ta-cr-table td:first-child {
	width: 120px;
	color: var(--cp-text-2);
	white-space: nowrap;
}

.t-errors ul,
.ta-cr-errors ul {
	margin: 6px 0 0;
	padding-left: 18px;
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.ta-cr-errors {
	border-left-color: var(--cp-danger);
	background: var(--cp-danger-soft);
	color: #fecaca;
}

.t-list-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.t-list-card {
	display: flex;
	flex-direction: column;
	gap: 12px;
	min-width: 0;
	padding: 16px;
	border: 1px solid var(--cp-border);
	border-radius: var(--cp-radius);
	background: var(--cp-surface);
}

.t-list-card--open {
	border-color: rgba(34, 197, 94, .45);
	background: radial-gradient(120% 140% at 0% 0%, rgba(34, 197, 94, .08) 0%, rgba(34, 197, 94, 0) 55%), var(--cp-surface);
}

.t-list-card__head {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
}

.t-list-card__title {
	display: block;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
	overflow-wrap: anywhere;
}

.t-list-card__title:hover {
	text-decoration: underline;
	text-decoration-color: var(--cp-accent);
}

.t-list-card__meta,
.t-badges,
.t-mine__badges {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 8px;
	font-size: 13px;
}

.t-cta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 10px;
	margin-top: auto;
	padding-top: 12px;
	border-top: 1px dashed var(--cp-border);
}

.t-cta__btn {
	min-height: 38px;
}

.t-cta__deadline {
	color: var(--cp-text-2);
	white-space: nowrap;
}

.t-header__cta {
	flex-basis: 100%;
	font-size: 13px;
	font-weight: 500;
}

.t-header__cta .t-cta {
	margin-top: 0;
	padding-top: 10px;
}

.t-mine__list {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.t-mine__item {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px 14px;
	padding: 12px 14px;
	border: 1px solid var(--cp-border);
	border-radius: var(--cp-radius-sm);
	background: var(--cp-surface-2);
}

.t-mine__main {
	display: flex;
	flex-direction: column;
	gap: 4px;
	flex: 1 1 260px;
	min-width: 0;
}

.t-mine__title {
	color: #fff;
	font-weight: 600;
	text-decoration: none;
	overflow-wrap: anywhere;
}

.t-mine__title:hover {
	text-decoration: underline;
	text-decoration-color: var(--cp-accent);
}

.t-mine__links {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

@media (max-width: 720px) {
	.t-list-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.t-mine__links {
		width: 100%;
	}

	.t-mine__links .btn {
		flex: 1 1 auto;
	}

	.t-cta__btn {
		flex: 1 1 100%;
	}
}

.t-badge-sm {
	padding: 1px 6px;
	font-size: 10px;
	vertical-align: middle;
}

.t-role {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 18px;
	margin: 0;
	padding: 12px 14px;
	border: 1px solid var(--cp-border);
	border-radius: var(--cp-radius-sm);
	background: var(--cp-surface-2);
}

.t-role legend {
	padding: 0 6px;
	font-size: 13px;
	font-weight: 600;
	color: #fff;
}

.t-role .field-hint {
	flex-basis: 100%;
}

.t-role-line {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 0;
	font-size: 13px;
}

.t-transfer {
	padding: 10px 14px;
	border: 1px solid var(--cp-border);
	border-radius: var(--cp-radius-sm);
	background: var(--cp-surface-2);
}

.t-transfer > summary {
	cursor: pointer;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
}

.t-transfer__body {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding-top: 12px;
}



.t-card-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 440px), 1fr));
	gap: 14px;
	align-items: stretch;
}

.t-card {
	container-type: inline-size;
	height: 100%;
	gap: 14px;
}

.t-card__head {
	display: grid;
	grid-template-columns: 56px minmax(0, 1fr);
	align-items: center;
	gap: 12px;
	min-height: 56px;
}

.t-card__logo,
.t-card__head .tournament-logo-fallback {
	flex: none;
	width: 56px;
	height: 56px;
	border-radius: 12px;
	object-fit: cover;
}

.t-mono {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: none;
	border-radius: 12px;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: .02em;
	line-height: 1;
	user-select: none;
}

.t-card__title {
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
}

.t-card .team-card__name {
	display: flex;
	align-items: baseline;
	gap: 6px;
	min-width: 0;
	margin: 0;
	font-size: 17px;
	line-height: 1.3;
	overflow-wrap: normal;
}

.t-card__name {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.t-card .t-tag {
	flex: none;
}

.t-card__meta {
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
	font-size: 12px;
	color: var(--cp-text-2);
}

.t-card__manager {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.t-card__manager a {
	color: var(--cp-text-1);
}

.t-card__meta .badge {
	flex: none;
	margin-left: auto;
}

.t-crown {
	color: #f2c14e;
	font-size: 11px;
}

.t-card__section {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
}

.t-card__empty {
	margin: 0;
	font-size: 13px;
}

.t-roster {
	display: flex;
	flex-direction: column;
	min-width: 0;
	border: 1px solid var(--cp-border);
	border-radius: var(--cp-radius-sm);
	overflow: hidden;
}

.t-prow {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(0, 1.2fr) minmax(0, 1fr) 64px;
	align-items: center;
	gap: 10px;
	min-height: 38px;
	padding: 7px 10px;
	font-size: 13px;
	border-top: 1px solid var(--cp-border);
}

.t-prow:first-child {
	border-top: 0;
}

.t-prow:nth-child(even) {
	background: rgba(255, 255, 255, .02);
}

.t-prow--head {
	min-height: 0;
	padding-top: 6px;
	padding-bottom: 6px;
	background: var(--cp-surface-2);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .05em;
	text-transform: uppercase;
	color: var(--cp-text-3);
}

.t-prow--head span:last-child,
.t-cell--club {
	justify-content: flex-end;
	text-align: right;
}

.t-cell {
	display: flex;
	align-items: center;
	gap: 6px;
	min-width: 0;
	color: var(--cp-text-1);
}

.t-cell__txt {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.t-cell__txt > a,
.t-cell__txt > span {
	color: inherit;
}

.t-cell--name {
	font-weight: 600;
	color: #fff;
}

.t-cell--name .t-avatar {
	width: 22px;
	height: 22px;
}

.t-cell--club {
	font-variant-numeric: tabular-nums;
	color: var(--cp-text-2);
}

.t-cell__icon {
	display: none;
	flex: none;
	width: 12px;
	font-size: 11px;
	color: var(--cp-text-3);
}

.t-cell--empty .t-cell__txt {
	color: var(--cp-text-3);
}

@container (max-width: 430px) {
	.t-prow--head {
		display: none;
	}

	.t-prow {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
		grid-template-areas:
			"name name club"
			"char game game";
		row-gap: 3px;
		padding: 8px 10px;
	}

	.t-cell--name { grid-area: name; }
	.t-cell--char { grid-area: char; }
	.t-cell--game { grid-area: game; }
	.t-cell--club { grid-area: club; }

	.t-cell--char,
	.t-cell--game {
		font-size: 12px;
		color: var(--cp-text-2);
	}

	.t-cell__icon {
		display: inline-flex;
		justify-content: center;
	}

	.t-cell--name .t-cell__icon,
	.t-cell--club .t-cell__icon {
		display: none;
	}
}

@supports not (container-type: inline-size) {
	@media (max-width: 720px) {
		.t-prow--head {
			display: none;
		}

		.t-prow {
			grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
			grid-template-areas:
				"name name club"
				"char game game";
			row-gap: 3px;
		}

		.t-cell--name { grid-area: name; }
		.t-cell--char { grid-area: char; }
		.t-cell--game { grid-area: game; }
		.t-cell--club { grid-area: club; }

		.t-cell__icon {
			display: inline-flex;
		}

		.t-cell--name .t-cell__icon,
		.t-cell--club .t-cell__icon {
			display: none;
		}
	}
}


.t-danger {
	border-color: rgba(239, 68, 68, .35);
}

.t-danger h2 {
	color: #fca5a5;
}

.t-danger p {
	margin: 0 0 12px;
	font-size: 13px;
	color: var(--cp-text-2);
}

.t-withdraw .form-actions {
	margin-top: 10px;
}

.t-role__fields {
	flex-basis: 100%;
	width: 100%;
}


.ta-warnings ul {
	margin: 6px 0 0;
	padding-left: 18px;
}

.ta-warnings li + li {
	margin-top: 4px;
}

.ta-withdrawn {
	margin-top: 12px;
	padding: 10px 14px;
	border: 1px dashed var(--cp-border);
	border-radius: var(--cp-radius-sm);
}

.ta-withdrawn > summary {
	cursor: pointer;
	font-size: 13px;
	font-weight: 600;
	color: var(--cp-text-2);
}

.ta-withdrawn[open] > summary {
	margin-bottom: 10px;
}

.ta-item--withdrawn {
	opacity: .75;
}


.t-acct {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.t-acct__list {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.t-acct__item {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 14px 16px;
	border: 1px solid var(--cp-border);
	border-radius: var(--cp-radius);
	background: var(--cp-surface);
}

.t-acct__list--past .t-acct__item {
	background: var(--cp-surface-2);
}

.t-acct__head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 6px 10px;
}

.t-acct__title {
	min-width: 0;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	overflow-wrap: anywhere;
}

.t-acct__title:hover {
	text-decoration: underline;
	text-decoration-color: var(--cp-accent);
}

.t-acct__facts {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin: 2px 0 0;
}

.t-acct__fact {
	display: grid;
	grid-template-columns: 140px minmax(0, 1fr);
	align-items: baseline;
	gap: 4px 12px;
	font-size: 13px;
}

.t-acct__fact dt {
	color: var(--cp-text-3);
}

.t-acct__fact dd {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	margin: 0;
	min-width: 0;
	color: var(--cp-text-1);
	overflow-wrap: anywhere;
}

.t-acct__fact .t-review-note {
	flex-basis: 100%;
}

.t-acct__links {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	padding-top: 8px;
	border-top: 1px dashed var(--cp-border);
}

.t-acct__group {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 10px 0 0;
	font-size: 14px;
	font-weight: 600;
	color: var(--cp-text-2);
}

.t-acct__none {
	margin: 0;
	font-size: 13px;
}

.t-acct__empty {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}

.t-acct__empty p {
	margin: 0;
}

.t-new {
	padding: 0 6px;
	font-size: 10px;
}

@media (max-width: 560px) {
	.t-acct__fact {
		grid-template-columns: minmax(0, 1fr);
		gap: 2px;
	}

	.t-acct__links .btn {
		flex: 1 1 auto;
	}
}