.w40iq-mt-app {
	--w40iq-mt-bg: #090807;
	--w40iq-mt-panel: #16110d;
	--w40iq-mt-panel-2: #211810;
	--w40iq-mt-border: #67442d;
	--w40iq-mt-rust: #e64012;
	--w40iq-mt-rust-dark: #7d1808;
	--w40iq-mt-green: #83b735;
	--w40iq-mt-green-dark: #263f13;
	--w40iq-mt-bone: #f2e7d0;
	--w40iq-mt-red: #b51714;
	--w40iq-mt-yellow: #ffb82e;
	--w40iq-mt-attacker: #d93412;
	--w40iq-mt-defender: #1f6feb;
	--w40iq-mt-muted: #d2b996;
	--w40iq-mt-text: #fff4df;
	background:
		radial-gradient(circle at 12% 0, rgba(230, 64, 18, 0.22), transparent 32rem),
		linear-gradient(145deg, var(--w40iq-mt-bg), #15100d 58%, #24150e);
	border: 3px solid #1a120d;
	box-shadow: 0 18px 45px rgba(0, 0, 0, 0.36);
	color: var(--w40iq-mt-text);
	display: flex;
	flex-direction: column;
	font-family: inherit;
	margin: 0 0 1.5rem;
	max-width: 100%;
	min-height: 100vh;
	min-height: 100svh;
	overflow-x: hidden;
	overflow-y: visible;
	position: relative;
	width: 100%;
}

.w40iq-mt-app * {
	box-sizing: border-box;
}

.w40iq-mt-header {
	align-items: center;
	background:
		linear-gradient(90deg, rgba(0, 0, 0, 0.42), rgba(0, 0, 0, 0.06)),
		linear-gradient(180deg, var(--w40iq-mt-rust) 0 8px, var(--w40iq-mt-rust-dark) 8px 18px, transparent 18px),
		repeating-linear-gradient(135deg, rgba(242, 231, 208, 0.055), rgba(242, 231, 208, 0.055) 1px, transparent 1px, transparent 11px),
		linear-gradient(135deg, #2d1f13, #0e0c08 72%);
	border-bottom: 4px solid var(--w40iq-mt-rust);
	display: grid;
	gap: clamp(1rem, 2.5vw, 1.75rem);
	grid-template-columns: minmax(0, 1fr) minmax(9rem, 14rem);
	min-height: 0;
	padding: clamp(1.15rem, 3vw, 1.8rem);
	position: relative;
}

.w40iq-mt-header::after {
	background:
		linear-gradient(90deg, #180f09, var(--w40iq-mt-rust-dark) 20%, #130d08 42%, var(--w40iq-mt-rust) 63%, #180f09);
	bottom: -4px;
	content: "";
	height: 4px;
	left: 0;
	position: absolute;
	width: 100%;
}

.w40iq-mt-brand {
	align-self: center;
	max-width: 680px;
	min-width: 0;
	padding-right: clamp(3.25rem, 9vw, 4.75rem);
}

.w40iq-mt-logo {
	aspect-ratio: 1;
	filter: drop-shadow(0 7px 0 rgba(0, 0, 0, 0.28));
	object-fit: cover;
	width: min(150px, 100%);
}

.w40iq-mt-kicker {
	color: var(--w40iq-mt-green);
	font-size: 0.85rem;
	font-weight: 800;
	letter-spacing: 0.04em;
	margin: 0 0 0.35rem;
	text-transform: uppercase;
}

.w40iq-mt-header h2,
.w40iq-mt-panel h3 {
	color: var(--w40iq-mt-text);
	line-height: 1.1;
	margin: 0;
	text-shadow: 2px 2px 0 #000;
}

.w40iq-mt-header h2 {
	color: var(--w40iq-mt-bone);
	font-size: clamp(2rem, 4.4vw, 3.35rem);
	font-weight: 900;
	text-transform: uppercase;
}

.w40iq-mt-tagline {
	color: var(--w40iq-mt-muted);
	margin: 0.35rem 0 0;
}

.w40iq-mt-season-filter {
	display: grid;
	gap: 0.35rem;
	max-width: 100%;
	min-width: 0;
	width: min(18rem, 100%);
}

.w40iq-mt-header-actions {
	align-self: center;
	display: grid;
	gap: 0.85rem;
	justify-items: end;
	min-width: 0;
	width: 100%;
}

.w40iq-mt-toolbox-link {
	align-items: center;
	align-self: start;
	background: transparent;
	border: 0;
	color: var(--w40iq-mt-green);
	display: inline-flex;
	font-size: 0.84rem;
	font-weight: 900;
	justify-content: center;
	letter-spacing: 0.03em;
	min-height: 0;
	padding: 0.7rem clamp(1rem, 3vw, 1.8rem) 0.35rem;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
	transition: color 140ms ease;
	white-space: nowrap;
	z-index: 2;
}

.w40iq-mt-toolbox-link:hover,
.w40iq-mt-toolbox-link:focus {
	color: var(--w40iq-mt-bone);
}

.w40iq-mt-season-filter label,
.w40iq-mt-form label span,
.w40iq-mt-player-row label span {
	color: var(--w40iq-mt-muted);
	font-size: 0.8rem;
	font-weight: 800;
	text-transform: uppercase;
}

.w40iq-mt-panel,
.w40iq-mt-login-box {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.025), transparent),
		rgba(13, 10, 8, 0.48);
	border-top: 1px solid rgba(242, 231, 208, 0.16);
	padding: clamp(1rem, 3vw, 1.5rem);
}

.w40iq-mt-login-box {
	flex: 1;
}

.w40iq-mt-workspace {
	display: grid;
	gap: 0;
}

.w40iq-mt-tabs {
	background:
		linear-gradient(180deg, rgba(242, 231, 208, 0.045), transparent),
		rgba(9, 8, 7, 0.72);
	border-bottom: 1px solid rgba(242, 231, 208, 0.14);
	display: flex;
	gap: 0;
	overflow-x: auto;
	padding: 0.55rem clamp(0.75rem, 2vw, 1.25rem) 0;
	scrollbar-width: thin;
}

.w40iq-mt-tabs button {
	background: rgba(35, 24, 16, 0.82);
	border: 1px solid rgba(242, 231, 208, 0.16);
	border-bottom: 0;
	border-radius: 4px 4px 0 0;
	color: var(--w40iq-mt-muted);
	cursor: pointer;
	font: inherit;
	font-size: 0.86rem;
	font-weight: 900;
	letter-spacing: 0.035em;
	min-height: 2.45rem;
	padding: 0.62rem 0.9rem;
	text-transform: uppercase;
	white-space: nowrap;
}

.w40iq-mt-tabs button + button {
	margin-left: 0.35rem;
}

.w40iq-mt-tabs button.is-active {
	background:
		linear-gradient(180deg, rgba(230, 64, 18, 0.22), rgba(230, 64, 18, 0.04)),
		var(--w40iq-mt-panel);
	border-color: rgba(230, 64, 18, 0.76);
	color: var(--w40iq-mt-bone);
}

.w40iq-mt-tab-panel[hidden] {
	display: none;
}

.w40iq-mt-panel--entry {
	background:
		linear-gradient(90deg, rgba(131, 183, 53, 0.1), transparent 32%),
		rgba(35, 24, 16, 0.72);
}

.w40iq-mt-empty-state {
	background:
		linear-gradient(90deg, rgba(230, 64, 18, 0.14), transparent),
		rgba(169, 15, 15, 0.1);
}

.w40iq-mt-panel-heading {
	align-items: end;
	display: flex;
	gap: 1rem;
	justify-content: space-between;
	margin-bottom: 1rem;
}

.w40iq-mt-panel-heading p {
	color: var(--w40iq-mt-muted);
	margin: 0;
	max-width: 42rem;
}

.w40iq-mt-form-grid {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-bottom: 1rem;
}

.w40iq-mt-form-grid--single {
	grid-template-columns: minmax(0, 1fr);
}

.w40iq-mt-inline-form {
	align-items: end;
	display: grid;
	gap: 0.75rem;
	grid-template-columns: minmax(12rem, 1fr) auto;
}

.w40iq-mt-inline-form--season {
	border-top: 1px solid rgba(242, 231, 208, 0.16);
	grid-template-columns: minmax(12rem, 1.2fr) minmax(9rem, 0.8fr) minmax(9rem, 0.8fr) auto;
	margin-top: 1rem;
	padding-top: 1rem;
}

.w40iq-mt-inline-form label {
	display: grid;
	gap: 0.35rem;
}

.w40iq-mt-inline-form label span {
	color: var(--w40iq-mt-muted);
	font-size: 0.8rem;
	font-weight: 800;
	text-transform: uppercase;
}

.w40iq-mt-button--compact {
	margin-top: 0;
	white-space: nowrap;
}

.w40iq-mt-player-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-top: 1rem;
}

.w40iq-mt-player-chips span {
	align-items: center;
	background: rgba(131, 183, 53, 0.14);
	border: 1px solid rgba(131, 183, 53, 0.55);
	border-radius: 3px;
	color: var(--w40iq-mt-bone);
	display: inline-flex;
	gap: 0.45rem;
	padding: 0.35rem 0.6rem;
}

.w40iq-mt-player-chips form,
.w40iq-mt-season-list form {
	margin: 0;
}

.w40iq-mt-player-chips button,
.w40iq-mt-danger-button {
	background: linear-gradient(180deg, #d93412, #7d1808);
	border: 1px solid #300905;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	font: inherit;
	font-size: 0.8rem;
	font-weight: 800;
	min-height: 1.8rem;
	padding: 0.2rem 0.45rem;
	text-shadow: 1px 1px 0 #000;
}

.w40iq-mt-join-panel {
	border-top-color: rgba(131, 183, 53, 0.34);
}

.w40iq-mt-code-box {
	background: rgba(255, 184, 46, 0.1);
	border: 1px solid rgba(255, 184, 46, 0.32);
	margin-bottom: 1rem;
	padding: 0.85rem;
}

.w40iq-mt-code-box label {
	display: grid;
	gap: 0.35rem;
}

.w40iq-mt-code-box label span {
	color: var(--w40iq-mt-yellow);
	font-size: 0.8rem;
	font-weight: 900;
	text-transform: uppercase;
}

.w40iq-mt-code-box input {
	font-size: clamp(1.55rem, 8vw, 2.35rem);
	font-weight: 900;
	letter-spacing: 0.12em;
	font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
	text-align: center;
}

.w40iq-mt-code-box p {
	color: var(--w40iq-mt-muted);
	margin: 0.55rem 0 0;
}

.w40iq-mt-member-list {
	border-bottom: 1px solid rgba(242, 231, 208, 0.16);
	margin-bottom: 1rem;
	padding-bottom: 1rem;
}

.w40iq-mt-member-list h4 {
	color: var(--w40iq-mt-text);
	margin: 0 0 0.65rem;
}

.w40iq-mt-member-list ul {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.w40iq-mt-member-list li {
	background: rgba(131, 183, 53, 0.12);
	border: 1px solid rgba(131, 183, 53, 0.42);
	display: grid;
	gap: 0.15rem;
	padding: 0.45rem 0.65rem;
}

.w40iq-mt-member-list small {
	color: var(--w40iq-mt-muted);
	font-size: 0.72rem;
	font-weight: 900;
	text-transform: uppercase;
}

.w40iq-mt-season-list {
	border-top: 1px solid rgba(240, 217, 166, 0.12);
	margin-top: 1rem;
	padding-top: 1rem;
}

.w40iq-mt-season-list h4 {
	color: var(--w40iq-mt-text);
	margin: 0 0 0.65rem;
}

.w40iq-mt-season-list ul {
	display: grid;
	gap: 0.5rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.w40iq-mt-season-list li {
	align-items: end;
	background: rgba(242, 231, 208, 0.06);
	border: 1px solid rgba(242, 231, 208, 0.16);
	display: grid;
	gap: 0.75rem;
	grid-template-columns: minmax(0, 1fr) auto;
	padding: 0.65rem;
}

.w40iq-mt-season-list small {
	color: var(--w40iq-mt-muted);
	display: block;
	margin-top: 0.15rem;
}

.w40iq-mt-season-rename-form {
	align-items: end;
	display: grid;
	gap: 0.55rem;
	grid-template-columns: minmax(0, 1fr) auto;
}

.w40iq-mt-season-rename-form label {
	display: grid;
	gap: 0.3rem;
	min-width: 0;
}

.w40iq-mt-season-rename-form label span {
	color: var(--w40iq-mt-muted);
	font-size: 0.74rem;
	font-weight: 900;
	text-transform: uppercase;
}

.w40iq-mt-season-rename-form small {
	grid-column: 1 / -1;
}

.w40iq-mt-season-delete-form {
	align-self: end;
}

.w40iq-mt-teams {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.w40iq-mt-team {
	background:
		repeating-linear-gradient(135deg, rgba(242, 231, 208, 0.035), rgba(242, 231, 208, 0.035) 1px, transparent 1px, transparent 9px),
		linear-gradient(180deg, rgba(11, 10, 7, 0.82), rgba(35, 26, 16, 0.9));
	border: 2px solid var(--w40iq-mt-border);
	margin: 0;
	padding: 1rem;
}

.w40iq-mt-team legend {
	color: #fff;
	font-weight: 900;
	padding: 0.25rem 0.65rem;
	text-transform: uppercase;
}

.w40iq-mt-team[data-team="team_a"] {
	border-color: rgba(217, 52, 18, 0.82);
	box-shadow: inset 5px 0 0 var(--w40iq-mt-attacker);
}

.w40iq-mt-team[data-team="team_a"] legend {
	background: linear-gradient(180deg, #ff5a26, var(--w40iq-mt-attacker));
	border: 1px solid #4c0909;
}

.w40iq-mt-team[data-team="team_b"] {
	border-color: rgba(31, 111, 235, 0.72);
	box-shadow: inset 5px 0 0 var(--w40iq-mt-defender);
}

.w40iq-mt-team[data-team="team_b"] legend {
	background: var(--w40iq-mt-defender);
	border: 1px solid #0a2d63;
}

.w40iq-mt-player-list {
	display: grid;
	gap: 0.75rem;
}

.w40iq-mt-player-row {
	align-items: end;
	display: grid;
	gap: 0.6rem;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 2.4rem;
}

.w40iq-mt-form label,
.w40iq-mt-player-row label {
	display: grid;
	gap: 0.35rem;
}

.w40iq-mt-app input,
.w40iq-mt-app select {
	background: #f2e7d0;
	border: 2px solid #4c3020;
	border-radius: 3px;
	color: #16110b;
	min-height: 2.65rem;
	padding: 0.55rem 0.7rem;
	width: 100%;
}

.w40iq-mt-app input:focus,
.w40iq-mt-app select:focus {
	border-color: var(--w40iq-mt-rust);
	box-shadow: 0 0 0 3px rgba(230, 64, 18, 0.2);
	outline: none;
}

.w40iq-mt-button,
.w40iq-mt-add-player,
.w40iq-mt-remove-player {
	border-radius: 3px;
	cursor: pointer;
	font: inherit;
	font-weight: 900;
	min-height: 2.5rem;
	transition: transform 140ms ease, filter 140ms ease, opacity 140ms ease;
	text-transform: uppercase;
}

.w40iq-mt-button {
	background: linear-gradient(180deg, #ff5a26 0%, var(--w40iq-mt-rust) 52%, var(--w40iq-mt-rust-dark) 100%);
	border: 2px solid #3b0c05;
	box-shadow: 6px 6px 18px rgba(0, 0, 0, 0.3);
	color: #fff;
	display: inline-flex;
	margin-top: 1rem;
	padding: 0.7rem 1.1rem;
	text-decoration: none;
	text-shadow: 1px 1px 0 #000;
}

.w40iq-mt-add-player {
	background: linear-gradient(180deg, #3b2a1c, #1b130e);
	border: 1px solid #7a5235;
	color: var(--w40iq-mt-bone);
	margin-top: 0.75rem;
	padding: 0.5rem 0.75rem;
}

.w40iq-mt-remove-player {
	background: var(--w40iq-mt-red);
	border: 1px solid #2e0909;
	color: #fff;
	padding: 0;
}

.w40iq-mt-button:hover,
.w40iq-mt-add-player:hover,
.w40iq-mt-remove-player:hover {
	filter: brightness(1.08);
	transform: translateY(-1px);
}

.w40iq-mt-remove-player:disabled {
	cursor: not-allowed;
	opacity: 0.35;
	transform: none;
}

.w40iq-mt-notice {
	border-left: 5px solid var(--w40iq-mt-green);
	margin: 1rem;
	padding: 0.85rem 1rem;
}

.w40iq-mt-notice--success {
	background: rgba(131, 183, 53, 0.14);
}

.w40iq-mt-notice--info {
	background: rgba(255, 184, 46, 0.14);
	border-left-color: var(--w40iq-mt-yellow);
}

.w40iq-mt-notice--error {
	background: rgba(169, 15, 15, 0.22);
	border-left-color: var(--w40iq-mt-red);
}

.w40iq-mt-table-wrap {
	overflow-x: auto;
}

.w40iq-mt-ladder-mobile {
	display: none;
}

.w40iq-mt-table {
	border-collapse: collapse;
	min-width: 48rem;
	width: 100%;
}

.w40iq-mt-table th,
.w40iq-mt-table td {
	border-bottom: 1px solid rgba(242, 231, 208, 0.16);
	padding: 0.75rem;
	text-align: left;
	vertical-align: middle;
}

.w40iq-mt-table th {
	color: #ff6b2e;
	font-size: 0.82rem;
	font-weight: 900;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.w40iq-mt-table tbody tr:hover {
	background: rgba(230, 64, 18, 0.09);
}

.w40iq-mt-army-details {
	min-width: 12rem;
}

.w40iq-mt-army-details summary {
	align-items: center;
	background: rgba(242, 231, 208, 0.07);
	border: 1px solid rgba(242, 231, 208, 0.18);
	color: var(--w40iq-mt-bone);
	cursor: pointer;
	display: inline-flex;
	gap: 0.5rem;
	list-style: none;
	min-height: 2rem;
	padding: 0.3rem 0.55rem;
}

.w40iq-mt-army-details summary::-webkit-details-marker {
	display: none;
}

.w40iq-mt-army-details summary::after {
	color: var(--w40iq-mt-rust);
	content: "+";
	font-weight: 900;
	line-height: 1;
}

.w40iq-mt-army-details[open] summary::after {
	content: "-";
}

.w40iq-mt-army-details summary span {
	font-weight: 900;
}

.w40iq-mt-army-details summary small,
.w40iq-mt-army-row small {
	color: var(--w40iq-mt-muted);
}

.w40iq-mt-army-breakdown {
	background: #110d0a;
	border: 1px solid rgba(242, 231, 208, 0.18);
	display: grid;
	gap: 0;
	margin-top: 0.45rem;
	min-width: 18rem;
}

.w40iq-mt-army-row {
	align-items: center;
	display: grid;
	gap: 0.5rem;
	grid-template-columns: minmax(7rem, 1fr) 4.5rem 4rem 4.5rem;
	padding: 0.45rem 0.55rem;
}

.w40iq-mt-army-row + .w40iq-mt-army-row {
	border-top: 1px solid rgba(242, 231, 208, 0.12);
}

.w40iq-mt-army-row strong {
	color: var(--w40iq-mt-bone);
}

.w40iq-mt-ladder-card {
	background: rgba(242, 231, 208, 0.06);
	border: 1px solid rgba(242, 231, 208, 0.16);
}

.w40iq-mt-ladder-card + .w40iq-mt-ladder-card {
	margin-top: 0.55rem;
}

.w40iq-mt-ladder-card summary {
	align-items: center;
	cursor: pointer;
	display: grid;
	gap: 0.75rem;
	grid-template-columns: minmax(0, 1fr) auto auto;
	list-style: none;
	min-height: 3.4rem;
	padding: 0.75rem 0.85rem;
}

.w40iq-mt-ladder-card summary::-webkit-details-marker {
	display: none;
}

.w40iq-mt-ladder-card summary > span {
	align-items: baseline;
	display: flex;
	gap: 0.6rem;
	min-width: 0;
}

.w40iq-mt-ladder-card summary small {
	color: var(--w40iq-mt-rust);
	font-weight: 900;
}

.w40iq-mt-ladder-card summary strong {
	color: var(--w40iq-mt-bone);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.w40iq-mt-ladder-card summary b {
	color: var(--w40iq-mt-green);
	font-size: 1.05rem;
	white-space: nowrap;
}

.w40iq-mt-ladder-card summary::after {
	color: var(--w40iq-mt-rust);
	content: "+";
	font-weight: 900;
}

.w40iq-mt-ladder-card[open] summary::after {
	content: "-";
}

.w40iq-mt-ladder-card dl {
	border-top: 1px solid rgba(242, 231, 208, 0.14);
	display: grid;
	gap: 0.65rem;
	margin: 0;
	padding: 0.75rem 0.85rem 0.9rem;
}

.w40iq-mt-ladder-card dl > div {
	display: grid;
	gap: 0.25rem;
}

.w40iq-mt-ladder-card dt {
	color: var(--w40iq-mt-muted);
	font-size: 0.75rem;
	font-weight: 900;
	text-transform: uppercase;
}

.w40iq-mt-ladder-card dd {
	margin: 0;
}

.w40iq-mt-recent {
	display: grid;
	gap: 0.65rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.w40iq-mt-recent li {
	background: rgba(242, 231, 208, 0.06);
	border: 1px solid rgba(242, 231, 208, 0.16);
	display: grid;
	gap: 0.75rem;
	grid-template-columns: minmax(0, 1fr);
	padding: 0.7rem;
}

.w40iq-mt-recent-summary {
	align-items: center;
	display: grid;
	gap: 0.4rem;
	grid-template-columns: 7rem 9rem minmax(0, 1fr);
}

.w40iq-mt-pagination {
	align-items: center;
	color: var(--w40iq-mt-muted);
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem;
	justify-content: flex-end;
	margin-top: 1rem;
}

.w40iq-mt-page-link {
	background: linear-gradient(180deg, #3b2a1c, #1b130e);
	border: 1px solid #7a5235;
	border-radius: 3px;
	color: var(--w40iq-mt-bone);
	font-weight: 900;
	min-width: 6.5rem;
	padding: 0.45rem 0.7rem;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

.w40iq-mt-page-link.is-disabled {
	cursor: not-allowed;
	opacity: 0.45;
}

.w40iq-mt-match-actions {
	align-items: center;
	display: grid;
	gap: 0.5rem;
	justify-content: end;
}

.w40iq-mt-match-actions details {
	width: min(56rem, 100%);
}

.w40iq-mt-match-actions summary {
	background: linear-gradient(180deg, #3b2a1c, #1b130e);
	border: 1px solid #7a5235;
	border-radius: 3px;
	color: var(--w40iq-mt-bone);
	cursor: pointer;
	font-weight: 900;
	list-style: none;
	min-height: 1.8rem;
	padding: 0.25rem 0.55rem;
	text-transform: uppercase;
}

.w40iq-mt-match-actions summary::-webkit-details-marker {
	display: none;
}

.w40iq-mt-edit-form {
	background: #14100b;
	border: 1px solid rgba(242, 231, 208, 0.24);
	display: grid;
	gap: 1rem;
	margin-top: 0.75rem;
	padding: 1rem;
	width: 100%;
}

.w40iq-mt-recent small,
.w40iq-mt-empty,
.w40iq-mt-login-box p {
	color: var(--w40iq-mt-muted);
}

@media (max-width: 820px) {
	.w40iq-mt-header,
	.w40iq-mt-brand,
	.w40iq-mt-header-actions,
	.w40iq-mt-panel-heading,
	.w40iq-mt-teams,
	.w40iq-mt-form-grid,
	.w40iq-mt-inline-form {
		display: grid;
		grid-template-columns: 1fr;
	}

	.w40iq-mt-app {
		margin: 0;
		max-width: 100%;
		min-height: 100vh;
		min-height: 100svh;
		width: 100%;
	}

	.w40iq-mt-header {
		gap: 0.9rem;
		padding: 1.05rem;
		padding-top: 1.45rem;
	}

	.w40iq-mt-brand {
		padding-right: 0;
	}

	.w40iq-mt-header h2 {
		font-size: clamp(2rem, 10vw, 2.75rem);
		line-height: 1;
	}

	.w40iq-mt-header-actions {
		align-items: start;
		justify-items: start;
	}

	.w40iq-mt-toolbox-link {
		justify-content: flex-start;
		padding-left: 1.05rem;
		padding-right: 1.05rem;
	}

	.w40iq-mt-logo {
		width: min(118px, 38vw);
	}

	.w40iq-mt-season-filter {
		width: min(100%, 22rem);
	}

	.w40iq-mt-player-row,
	.w40iq-mt-recent li,
	.w40iq-mt-recent-summary,
	.w40iq-mt-season-list li {
		grid-template-columns: 1fr;
	}

	.w40iq-mt-season-list li {
		align-items: stretch;
		display: grid;
	}

	.w40iq-mt-season-list li,
	.w40iq-mt-season-rename-form {
		grid-template-columns: 1fr;
	}

	.w40iq-mt-season-delete-form,
	.w40iq-mt-season-rename-form .w40iq-mt-button,
	.w40iq-mt-season-delete-form .w40iq-mt-danger-button {
		width: 100%;
	}

	.w40iq-mt-match-actions {
		align-items: stretch;
		display: grid;
		justify-content: stretch;
	}

	.w40iq-mt-edit-form {
		position: static;
		width: 100%;
	}

	.w40iq-mt-remove-player {
		width: 100%;
	}
}

@media (max-width: 700px) {
	.w40iq-mt-tabs {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		overflow: visible;
		padding: 0.55rem 0.75rem 0;
	}

	.w40iq-mt-tabs button {
		font-size: 0.8rem;
		min-height: 2.25rem;
		padding: 0.52rem 0.45rem;
		width: 100%;
	}

	.w40iq-mt-tabs button + button {
		margin-left: 0;
	}

	.w40iq-mt-tabs button:nth-child(n + 3) {
		margin-top: 0.35rem;
	}

	.w40iq-mt-table-wrap {
		display: none;
	}

	.w40iq-mt-ladder-mobile {
		display: block;
	}

	.w40iq-mt-ladder-card .w40iq-mt-army-details,
	.w40iq-mt-ladder-card .w40iq-mt-army-breakdown {
		min-width: 0;
		width: 100%;
	}

	.w40iq-mt-ladder-card .w40iq-mt-army-details summary {
		display: flex;
		width: 100%;
	}

	.w40iq-mt-ladder-card .w40iq-mt-army-row {
		grid-template-columns: 1fr;
	}
}