/* Hide legacy Tibia/CipSoft sidebar logo artwork */
#LeftArtwork {
	display: none !important;
	height: 0 !important;
	overflow: hidden;
}

/* Full-page fantasy backdrop — single layer via body::before (desktop) */
html {
	background-color: #0a1814;
}

body {
	background-color: transparent;
}

body::before {
	content: "";
	position: fixed;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background-color: #0a1814;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

@media (min-width: 769px) {
	body::before {
		transform: translateZ(0);
		background-image: image-set(
			url("../images/header/turkeyonline-site-bg.webp") type("image/webp") 1x,
			url("../images/header/turkeyonline-site-bg.jpg") 1x,
			url("../images/header/turkeyonline-site-bg@2x.webp") type("image/webp") 2x,
			url("../images/header/turkeyonline-site-bg@2x.jpg") 2x,
			url("../images/header/turkeyonline-site-bg@3x.webp") type("image/webp") 3x,
			url("../images/header/turkeyonline-site-bg@3x.jpg") 3x
		);
	}
}

#ArtworkHelper {
	background-image: none !important;
	min-height: 100vh;
	min-width: 0 !important;
	padding: 12px 10px 28px;
	box-sizing: border-box;
	text-align: left;
}

/* Site-wide top logo banner — matches to-hero / sidebar panels */
.to-site-banner {
	display: block !important;
	position: relative;
	z-index: 20;
	width: min(98vw, var(--to-layout-max));
	max-width: var(--to-layout-max);
	margin: 0 auto 14px;
	padding: 0;
	box-sizing: border-box;
	font-family: var(--to-font);
}

.to-site-banner__link {
	display: block;
	text-decoration: none;
	color: inherit;
	background: var(--to-surface-2);
	border: 1px solid var(--to-border);
	border-radius: var(--to-radius);
	box-shadow: var(--to-shadow-md);
	overflow: hidden;
	transition: box-shadow 0.15s ease, border-color 0.15s ease;
}

.to-site-banner__link:hover {
	border-color: var(--to-border-strong);
	box-shadow: var(--to-shadow-lg);
}

.to-site-banner__link:focus-visible {
	outline: 2px solid var(--to-primary);
	outline-offset: 2px;
}

.to-site-banner__inner {
	position: relative;
	padding: 14px 18px 13px;
	text-align: center;
	background: linear-gradient(180deg, #f8faf9 0%, var(--to-surface-2) 100%);
	border-top: 3px solid var(--to-primary);
}

.to-site-banner__inner::before {
	content: "";
	position: absolute;
	top: 3px;
	left: 14px;
	right: 14px;
	height: 1px;
	background: linear-gradient(90deg, transparent, var(--to-accent), transparent);
	opacity: 0.75;
	pointer-events: none;
}

.to-site-banner__title {
	margin: 0 0 4px;
	font-family: var(--to-font);
	font-size: clamp(22px, 3.2vw, 28px);
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: -0.02em;
	color: var(--to-primary-dark);
}

.to-site-banner__tld {
	color: var(--to-primary);
}

.to-site-banner__sub {
	margin: 0;
	font-size: 13px;
	line-height: 1.45;
	font-weight: 400;
	color: var(--to-text-muted);
}

#Bodycontainer {
	display: block !important;
	min-width: 0 !important;
	max-width: var(--to-layout-max) !important;
	width: min(98vw, var(--to-layout-max)) !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

#ContentRow {
	display: grid !important;
	grid-template-columns: var(--to-sidebar-left) minmax(0, 1fr) var(--to-sidebar-right);
	gap: var(--to-layout-gap);
	align-items: start;
	position: relative !important;
	top: 0 !important;
}

#ContentRow > #ThemeboxesColumn,
#ContentRow > #ThemeboxesColumn.to-sidebar-right {
	grid-column: 3 !important;
	grid-row: 1;
	align-self: start;
}

#MenuColumn,
#MenuColumn.to-sidebar {
	position: static !important;
	left: auto !important;
	top: auto !important;
	width: 100% !important;
	max-width: var(--to-sidebar-left);
	margin: 0 !important;
	grid-column: 1;
	justify-self: stretch;
}

#ContentColumn {
	position: relative !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
	grid-column: 2;
}

#ThemeboxesColumn,
#ThemeboxesColumn.to-sidebar-right {
	position: static !important;
	right: auto !important;
	top: auto !important;
	width: 100% !important;
	max-width: var(--to-sidebar-right);
	margin: 0 !important;
	grid-column: 3;
	justify-self: stretch;
}

#ContentHelper,
.Content {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
}

.Content .Box {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

/* Turkey Online — modern UI layer (TibiaCOM compatible) */
:root {
	--to-primary: #1a7a52;
	--to-primary-hover: #22966a;
	--to-primary-dark: #0f4a32;
	--to-accent: #d4a017;
	--to-accent-soft: #f5e6b8;
	--to-surface: #faf8f4;
	--to-surface-2: #ffffff;
	--to-border: #ddd4c4;
	--to-border-strong: #c4b59e;
	--to-text: #1c2420;
	--to-text-muted: #5a6560;
	--to-online: #16a34a;
	--to-offline: #dc2626;
	--to-shadow-sm: 0 1px 3px rgba(15, 40, 24, 0.08);
	--to-shadow-md: 0 4px 16px rgba(15, 40, 24, 0.12);
	--to-shadow-lg: 0 8px 28px rgba(15, 40, 24, 0.16);
	--to-radius: 8px;
	--to-radius-sm: 6px;
	--to-font: "Segoe UI", system-ui, -apple-system, Verdana, Arial, sans-serif;
	--to-sidebar-left: 200px;
	--to-sidebar-right: 210px;
	--to-layout-gap: 16px;
	--to-layout-max: 2040px;
}

/* ── Global content typography ── */
.Content .BoxContent {
	font-family: var(--to-font);
	font-size: 13px;
	line-height: 1.6;
	color: var(--to-text);
}

.Content .BoxContent.to-content h3,
.Content .BoxContent h3 {
	margin: 1.25em 0 0.6em;
	font-size: 14px;
	font-weight: 700;
	color: var(--to-primary-dark);
	letter-spacing: 0.02em;
}

.Content .BoxContent.to-content h3:first-child,
.Content .BoxContent h3:first-child {
	margin-top: 0;
}

.Content .BoxContent a:not(.to-btn):not(.to-nav-link) {
	color: var(--to-primary);
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: color 0.15s, border-color 0.15s;
}

.Content .BoxContent a:not(.to-btn):not(.to-nav-link):hover {
	color: var(--to-primary-hover);
	border-bottom-color: var(--to-primary-hover);
}

.Content .BoxContent code {
	background: #eef2ef;
	padding: 2px 6px;
	border-radius: 4px;
	font-size: 12px;
	border: 1px solid #dde5df;
}

.Content .BoxContent ul,
.Content .BoxContent ol {
	padding-left: 1.25em;
}

.Content .BoxContent li {
	margin-bottom: 0.35em;
}

/* ── Left sidebar (login + navigation) ── */
#MenuColumn.to-sidebar {
	width: 100%;
	max-width: 100%;
	font-family: var(--to-font);
}

/* Legacy Tibia loginbox chrome — hidden when modern class is present */
#Loginbox.to-sidebar-login {
	position: relative !important;
	left: 0 !important;
	top: 0 !important;
	width: 100% !important;
	margin-bottom: 14px !important;
	background-image: none !important;
	background-repeat: no-repeat !important;
}

#Loginbox.to-sidebar-login #LoginTop,
#Loginbox.to-sidebar-login #LoginBottom,
#Loginbox.to-sidebar-login .LoginBorder {
	display: none !important;
}

.to-sidebar-login {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	margin-bottom: 14px;
	padding: 14px 12px 12px;
	background: linear-gradient(180deg, rgba(26, 122, 82, 0.95) 0%, rgba(12, 46, 32, 0.98) 100%);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: var(--to-radius);
	box-shadow: var(--to-shadow-md);
	box-sizing: border-box;
}

.to-sidebar-login::before {
	content: "";
	position: absolute;
	top: 0;
	left: 12px;
	right: 12px;
	height: 2px;
	border-radius: 2px;
	background: linear-gradient(90deg, transparent, var(--to-accent), transparent);
	opacity: 0.85;
}

.to-sidebar-login__status {
	margin: 6px 0 12px;
	font-size: 12px;
	font-weight: 700;
	color: rgba(255, 255, 255, 0.94);
	text-align: center;
	line-height: 1.4;
	letter-spacing: 0.02em;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}

.to-sidebar-login__actions {
	margin-bottom: 8px;
}

.to-sidebar-login__btn {
	width: 100%;
	padding: 9px 12px;
	font-size: 13px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.to-sidebar-login__btn:hover {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.28);
}

.to-sidebar-login__link {
	display: block;
	text-align: center;
	font-size: 11px;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.78) !important;
	text-decoration: none !important;
	padding: 4px 0;
	transition: color 0.15s;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}

.to-sidebar-login__link:hover {
	color: var(--to-accent-soft) !important;
	text-decoration: none !important;
}

.to-sidebar-nav {
	position: relative;
	left: 0;
	width: 100%;
}

.to-sidebar-nav__section {
	margin-bottom: 6px;
}

.to-sidebar-nav__header {
	height: 38px !important;
	width: 100% !important;
	background: linear-gradient(180deg, var(--to-primary-hover) 0%, var(--to-primary) 100%) !important;
	border: 1px solid var(--to-primary-dark);
	border-radius: var(--to-radius-sm);
	box-shadow: var(--to-shadow-sm);
	transition: filter 0.15s, box-shadow 0.15s;
}

.to-sidebar-nav__header:hover {
	filter: brightness(1.05);
	box-shadow: var(--to-shadow-md);
}

.to-sidebar-nav__header .Button {
	display: none !important;
}

.to-sidebar-nav__icon {
	left: 10px !important;
	top: 3px !important;
	width: 30px !important;
	height: 30px !important;
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 0.95;
}

.to-sidebar-nav__label {
	left: 44px !important;
	top: 0 !important;
	width: auto !important;
	height: 38px !important;
	background: none !important;
	display: flex;
	align-items: center;
}

.to-sidebar-nav__label span {
	font-family: var(--to-font);
	font-size: 11px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.to-sidebar-nav__toggle {
	top: 50% !important;
	right: 10px !important;
	left: auto !important;
	width: 18px !important;
	height: 18px !important;
	margin-top: -9px;
	background: none !important;
	border-radius: 3px;
	font-family: var(--to-font);
	font-size: 14px;
	font-weight: 700;
	line-height: 18px;
	text-align: center;
	color: rgba(255, 255, 255, 0.9);
}

.to-sidebar-nav__submenu {
	margin: 0 !important;
	width: 100% !important;
	background: rgba(12, 46, 32, 0.94) !important;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-top: none;
	border-radius: 0 0 var(--to-radius-sm) var(--to-radius-sm);
	overflow: hidden;
}

.to-sidebar-nav__link {
	display: block;
	text-decoration: none !important;
}

.to-sidebar-nav__item {
	padding: 0 !important;
	transition: background 0.12s;
}

.to-sidebar-nav__item .SubmenuitemLabel {
	margin: 0;
	padding: 8px 12px 8px 28px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
	font-family: var(--to-font) !important;
	font-size: 12px !important;
	font-weight: 500;
	color: #e8f0ec !important;
	line-height: 1.3;
	overflow: visible;
}

.to-sidebar-nav__item:hover {
	background: rgba(255, 255, 255, 0.08);
}

.to-sidebar-nav__item:hover .SubmenuitemLabel {
	color: #fff !important;
}

.to-sidebar-nav__item--active {
	background: rgba(26, 122, 82, 0.45) !important;
}

.to-sidebar-nav__item--active .SubmenuitemLabel {
	color: #fff !important;
	font-weight: 600;
}

.to-sidebar-nav__item--active::before {
	content: "";
	position: absolute;
	left: 10px;
	top: 50%;
	width: 6px;
	height: 6px;
	margin-top: -3px;
	border-radius: 50%;
	background: var(--to-accent);
}

.to-sidebar-nav .LeftChain,
.to-sidebar-nav .RightChain,
.to-sidebar-nav .ActiveSubmenuItemIcon,
.to-sidebar-nav .Lights,
#Loginbox .LoginBorder,
#Loginbox #LoginTop,
#Loginbox #LoginBottom,
#MenuTop,
#MenuBottom {
	display: none !important;
}

/* ── Content panels (match homepage cards) ── */
.Content .Corner-tl,
.Content .Corner-tr,
.Content .Corner-bl,
.Content .Corner-br,
.Content .Border_1,
.Content .BorderTitleText {
	display: none !important;
}

.Content .Border_2,
.Content .Border_3 {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
}

.Content .Box {
	border: none;
	background: transparent;
	margin: 0 0 16px;
}

.to-page-head {
	margin: 0;
	padding: 14px 18px;
	font-family: var(--to-font);
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	letter-spacing: 0.02em;
	line-height: 1.3;
	background: linear-gradient(135deg, #0a2e1e 0%, #145a3a 40%, #1a7a52 100%);
	border-radius: var(--to-radius) var(--to-radius) 0 0;
	box-shadow: var(--to-shadow-sm);
}

.Content .BoxContent {
	background: var(--to-surface-2) !important;
	background-image: none !important;
	border: 1px solid var(--to-border);
	border-top: none;
	border-radius: 0 0 var(--to-radius) var(--to-radius);
	box-shadow: var(--to-shadow-md);
	min-height: 0 !important;
	color: var(--to-text) !important;
}

.Content .Box:not(:has(.to-home)) .BoxContent {
	padding: 18px 20px !important;
}

.Content .BoxContent .to-content {
	padding: 0;
}

.Content .Box:has(.to-home) .to-page-head {
	display: none;
}

.Content .Box:has(.to-home) .BoxContent {
	border: none;
	background: transparent !important;
	box-shadow: none;
	padding: 0;
}

/* ── Buttons ── */
.to-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 10px 20px;
	font-family: var(--to-font);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none !important;
	border: none;
	border-radius: var(--to-radius-sm);
	cursor: pointer;
	transition: transform 0.15s, box-shadow 0.15s, background 0.15s;
	box-shadow: var(--to-shadow-sm);
	white-space: nowrap;
}

.to-btn:hover {
	transform: translateY(-1px);
	box-shadow: var(--to-shadow-md);
	text-decoration: none !important;
}

.to-btn:active {
	transform: translateY(0);
}

.to-btn--primary {
	background: linear-gradient(180deg, var(--to-primary-hover) 0%, var(--to-primary) 100%);
	color: #fff !important;
	border: 1px solid var(--to-primary-dark);
}

.to-btn--primary:hover {
	background: linear-gradient(180deg, #28a878 0%, var(--to-primary-hover) 100%);
	color: #fff !important;
}

.to-btn--secondary {
	background: linear-gradient(180deg, #4a5568 0%, #374151 100%);
	color: #fff !important;
	border: 1px solid #1f2937;
}

.to-btn--secondary:hover {
	background: linear-gradient(180deg, #5a6578 0%, #4a5568 100%);
	color: #fff !important;
}

.to-btn--outline {
	background: var(--to-surface-2);
	color: var(--to-primary-dark) !important;
	border: 1px solid var(--to-border-strong);
	box-shadow: none;
}

.to-btn--outline:hover {
	background: #f0faf5;
	border-color: var(--to-primary);
	color: var(--to-primary) !important;
}

.to-btn--accent {
	background: linear-gradient(180deg, #e8b820 0%, var(--to-accent) 100%);
	color: #1a1500 !important;
	border: 1px solid #a67c00;
}

.to-btn--accent:hover {
	background: linear-gradient(180deg, #f0c830 0%, #e8b820 100%);
	color: #1a1500 !important;
}

.to-btn--danger {
	background: linear-gradient(180deg, #ef4444 0%, #dc2626 100%);
	color: #fff !important;
	border: 1px solid #b91c1c;
}

.to-btn--danger:hover {
	background: linear-gradient(180deg, #f87171 0%, #ef4444 100%);
	color: #fff !important;
}

.to-btn--sm {
	padding: 7px 14px;
	font-size: 12px;
}

.to-btn-group {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
	margin: 20px 0;
}

.to-btn-group--left {
	justify-content: flex-start;
}

/* ── Cards & panels ── */
.to-card {
	background: var(--to-surface-2);
	border: 1px solid var(--to-border);
	border-radius: var(--to-radius);
	padding: 18px 20px;
	box-shadow: var(--to-shadow-sm);
}

.to-card__title {
	margin: 0 0 12px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--to-border);
	font-size: 14px;
	font-weight: 700;
	color: var(--to-primary-dark);
}

.to-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
	margin-bottom: 16px;
}

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

/* ── Badges & pills ── */
.to-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 12px;
	background: var(--to-surface-2);
	border: 1px solid var(--to-border);
	border-radius: 999px;
	font-size: 12px;
	font-weight: 500;
	box-shadow: var(--to-shadow-sm);
}

.to-badge b {
	font-weight: 700;
	color: var(--to-primary-dark);
}

.to-badge--online {
	border-color: #bbf7d0;
	background: #f0fdf4;
	color: var(--to-online);
	font-weight: 600;
}

.to-badge--offline {
	border-color: #fecaca;
	background: #fef2f2;
	color: var(--to-offline);
	font-weight: 600;
}

.to-badge-row {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
	margin-bottom: 20px;
}

/* ── Feature list ── */
.to-features {
	list-style: none;
	margin: 0;
	padding: 0;
}

.to-features li {
	position: relative;
	padding: 6px 0 6px 22px;
	border-bottom: 1px solid #f0ebe3;
}

.to-features li:last-child {
	border-bottom: none;
}

.to-features li::before {
	content: "✓";
	position: absolute;
	left: 0;
	color: var(--to-primary);
	font-weight: 700;
	font-size: 12px;
}

/* ── Steps ── */
.to-steps {
	counter-reset: tostep;
	list-style: none;
	margin: 0;
	padding: 0;
}

.to-steps li {
	counter-increment: tostep;
	position: relative;
	padding: 12px 0 12px 44px;
	border-bottom: 1px solid #f0ebe3;
}

.to-steps li:last-child {
	border-bottom: none;
}

.to-steps li::before {
	content: counter(tostep);
	position: absolute;
	left: 0;
	top: 10px;
	width: 28px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	background: linear-gradient(180deg, var(--to-primary-hover), var(--to-primary));
	color: #fff;
	font-weight: 700;
	font-size: 12px;
	border-radius: 50%;
	box-shadow: var(--to-shadow-sm);
}

/* ── Nav bar (guidebooks) ── */
.to-nav-bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	margin-bottom: 1.25em;
	padding: 10px 12px;
	background: linear-gradient(180deg, #f8faf9 0%, #f0f4f2 100%);
	border: 1px solid var(--to-border);
	border-radius: var(--to-radius-sm);
}

.to-nav-bar__label {
	font-weight: 700;
	font-size: 12px;
	color: var(--to-primary-dark);
	margin-right: 4px;
}

.to-nav-link {
	display: inline-block;
	padding: 5px 10px;
	font-size: 12px;
	font-weight: 600;
	color: var(--to-primary-dark) !important;
	text-decoration: none !important;
	background: var(--to-surface-2);
	border: 1px solid var(--to-border);
	border-radius: 4px;
	transition: background 0.15s, border-color 0.15s;
}

.to-nav-link:hover {
	background: #e8f5ee;
	border-color: var(--to-primary);
	color: var(--to-primary) !important;
}

/* ── Homepage ── */
.to-home {
	margin: 0;
	width: 100%;
	max-width: 100%;
}

.to-hero {
	position: relative;
	overflow: hidden;
	padding: 24px 20px 20px;
	margin-bottom: 16px;
	text-align: center;
	color: var(--to-text);
	background: var(--to-surface-2);
	border: 1px solid var(--to-border);
	border-radius: var(--to-radius);
	box-shadow: var(--to-shadow-sm);
}

.to-hero::before {
	display: none;
}

.to-hero__inner {
	position: relative;
	z-index: 1;
}

.to-hero__title {
	margin: 0 0 8px;
	font-size: 26px;
	font-weight: 800;
	letter-spacing: -0.02em;
	color: var(--to-primary-dark);
	text-shadow: none;
}

.to-hero__subtitle {
	margin: 0 0 20px;
	font-size: 14px;
	color: var(--to-text-muted);
	opacity: 1;
	font-weight: 400;
}

.to-hero__cta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
}

.to-rate-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
	margin-top: 16px;
}

.to-rate-item {
	padding: 10px 8px;
	background: #f8faf9;
	border: 1px solid var(--to-border);
	border-radius: var(--to-radius-sm);
	text-align: center;
}

.to-rate-item__value {
	display: block;
	font-size: 18px;
	font-weight: 800;
	color: var(--to-primary);
}

.to-rate-item__label {
	display: block;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--to-text-muted);
	opacity: 1;
	margin-top: 2px;
}

.to-screenshot {
	text-align: center;
	margin: 24px 0;
}

.to-screenshot__frame {
	display: inline-block;
	padding: 8px;
	background: var(--to-surface-2);
	border: 1px solid var(--to-border);
	border-radius: var(--to-radius);
	box-shadow: var(--to-shadow-md);
	transition: box-shadow 0.2s;
}

.to-screenshot__frame:hover {
	box-shadow: var(--to-shadow-lg);
}

.to-screenshot img {
	display: block;
	max-width: 100%;
	height: auto;
	border-radius: 4px;
}

.to-screenshot__caption {
	margin-top: 10px;
	font-size: 12px;
	color: var(--to-text-muted);
}

.to-news-card {
	margin-bottom: 12px;
	padding: 14px 16px;
	background: var(--to-surface-2);
	border: 1px solid var(--to-border);
	border-left: 3px solid var(--to-primary);
	border-radius: var(--to-radius-sm);
	transition: box-shadow 0.15s;
}

.to-news-card:hover {
	box-shadow: var(--to-shadow-sm);
}

.to-news-card__meta {
	font-size: 11px;
	color: var(--to-text-muted);
	margin-bottom: 4px;
}

.to-news-card__title {
	font-size: 14px;
	font-weight: 700;
	color: var(--to-text);
	margin-bottom: 6px;
}

.to-news-card__title-link {
	color: inherit;
	text-decoration: none;
}

.to-news-card__title-link:hover {
	color: var(--to-accent, #2b6cb0);
	text-decoration: underline;
}

.to-news-section {
	margin-top: 8px;
}

.to-home-shop-notice {
	margin: 0 0 14px;
	background: #f0faf5 !important;
	border-color: #bbf7d0 !important;
	color: var(--to-text) !important;
}

.to-home-shop-notice__tr {
	margin: 0 0 6px;
	font-size: 13px;
	line-height: 1.55;
	color: var(--to-text);
}

.to-home-shop-notice__en {
	margin: 0;
	padding-top: 6px;
	border-top: 1px solid #d1e7dd;
	font-size: 12px;
	line-height: 1.5;
	color: var(--to-text-muted);
}

.to-news-card__excerpt {
	font-size: 13px;
	line-height: 1.55;
	color: var(--to-text-muted);
}

.to-news-card__actions {
	margin: 8px 0 0;
}

.to-news-section__footer {
	text-align: center;
	margin: 12px 0 0;
}

/* News archive / latest news article body */
.to-news-body {
	color: var(--to-text);
	font-size: 14px;
	line-height: 1.6;
}

.to-news-body a {
	color: var(--to-primary);
}

.to-news-body a:hover {
	color: var(--to-primary-hover);
}

.to-news-announcement {
	margin: 4px 0 0;
}

.to-news-announcement .to-donate-bilingual {
	padding: 0;
	background: var(--to-surface-2);
	border: 1px solid var(--to-border);
	border-radius: var(--to-radius-sm);
	box-shadow: none;
	overflow: hidden;
}

.to-news-announcement .to-donate-bilingual__block--en {
	padding: 14px 16px;
	background: var(--to-surface);
	color: var(--to-text);
}

.to-news-announcement .to-donate-bilingual__block--tr {
	margin-top: 0;
	padding: 14px 16px;
	border-top: 1px solid var(--to-border);
	border-left: 3px solid var(--to-primary);
	border-radius: 0;
	background: linear-gradient(180deg, #f8faf9 0%, #f0f4f2 100%);
	color: var(--to-text);
}

.to-news-announcement .to-shop-email-notice {
	background: #fffbeb !important;
	border-color: #fcd34d !important;
	color: #78350f !important;
}

.to-news-announcement .to-shop-email-notice__en,
.to-news-announcement .to-donate-tr--note {
	color: #78350f !important;
}

.to-news-announcement__steps li {
	color: var(--to-text);
}

.to-news-announcement__lead {
	margin: 8px 0 12px;
	color: var(--to-text);
	line-height: 1.6;
	font-size: 14px;
}

.to-news-announcement .to-shop-email-notice {
	margin: 0 0 12px;
}

.to-news-announcement__steps {
	margin: 0 0 4px;
}

.to-news-announcement__actions {
	margin: 14px 0 0;
	text-align: center;
}

.to-news-announcement .to-donate-lang-tag {
	margin-bottom: 8px;
}

/* Single news article (archive + latest news) */
.to-news-article {
	margin: 0 0 20px;
}

.to-news-article__head {
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--to-border);
}

.to-news-article__meta {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 6px;
	font-size: 12px;
	color: var(--to-text-muted);
}

.to-news-article__icon {
	flex-shrink: 0;
}

.to-news-article__title {
	margin: 0;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.35;
	color: var(--to-primary-dark);
}

.to-news-article__author {
	margin: 6px 0 0;
	font-size: 12px;
	color: var(--to-text-muted);
}

.to-news-article__body {
	padding: 18px 20px;
	margin: 0;
}

.to-news-article__comments {
	margin: 10px 0 0;
	text-align: right;
	font-size: 12px;
}

.Content #newsarchive .BoxContent .to-news-article,
.Content #News .BoxContent .to-news-article,
.Content .BoxContent .to-news-article {
	color: var(--to-text) !important;
}

.Content #newsarchive .BoxContent table,
.Content #News .BoxContent table {
	border: none;
	width: 100%;
}

.Content #newsarchive .BoxContent td,
.Content #News .BoxContent td {
	color: var(--to-text) !important;
	background: transparent !important;
	padding: 0 !important;
}

.to-footer-links {
	text-align: center;
	margin-top: 20px;
	padding-top: 16px;
	border-top: 1px solid var(--to-border);
	font-size: 12px;
}

.to-footer-links a {
	color: var(--to-text-muted) !important;
	margin: 0 8px;
}

.to-footer-links a:hover {
	color: var(--to-primary) !important;
}

/* ── Download highlight ── */
.to-download-box {
	text-align: center;
	padding: 24px 20px;
	margin: 20px 0;
	background: linear-gradient(180deg, #f0faf5 0%, var(--to-surface) 100%);
	border: 1px solid var(--to-border);
	border-radius: var(--to-radius);
}

.to-download-box__title {
	font-size: 16px;
	font-weight: 700;
	color: var(--to-primary-dark);
	margin: 0 0 4px;
}

.to-download-box__meta {
	font-size: 12px;
	color: var(--to-text-muted);
	margin-bottom: 16px;
}

/* ── Right sidebar panels (server + highscores) ── */
.to-sidebar-right {
	font-family: var(--to-font);
}

.to-sidebar-panel {
	width: 100%;
	max-width: 100%;
	margin-bottom: 12px;
	background: var(--to-surface-2);
	border: 1px solid var(--to-border);
	border-radius: var(--to-radius);
	box-shadow: var(--to-shadow-md);
	overflow: hidden;
	box-sizing: border-box;
}

/* Reset legacy Tibia absolute positioning on #RightArtwork */
#RightArtwork.to-server-panel {
	position: relative !important;
	top: 0 !important;
	right: auto !important;
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 0 12px !important;
	text-align: left;
	z-index: auto;
	background-repeat: no-repeat;
}

#RightArtwork.to-server-panel #PlayersOnline {
	position: static !important;
	bottom: auto !important;
	left: auto !important;
	width: auto !important;
	margin: 0 !important;
	border-bottom: none !important;
	font-family: var(--to-font) !important;
}

#RightArtwork.to-server-panel #PlayersOnline #players {
	color: var(--to-primary-dark) !important;
	font-size: 28px !important;
}

.to-server-panel__head {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	background: linear-gradient(180deg, var(--to-primary-hover) 0%, var(--to-primary) 100%);
	border-bottom: 1px solid var(--to-primary-dark);
}

.to-server-panel__monster {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	background: rgba(255, 255, 255, 0.15);
	border-radius: var(--to-radius-sm);
	overflow: hidden;
	flex-shrink: 0;
	text-decoration: none;
	transition: background 0.15s;
}

.to-server-panel__monster:hover {
	background: rgba(255, 255, 255, 0.25);
}

.to-server-panel__monster img,
#RightArtwork #Monster {
	position: static;
	width: 36px;
	height: 36px;
	margin: 0;
	cursor: pointer;
}

.to-server-panel__title {
	font-size: 11px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.to-server-panel__body {
	padding: 14px 12px;
	text-align: center;
	cursor: pointer;
	transition: background 0.15s;
}

.to-server-panel__body:hover {
	background: #f0faf5;
}

.to-server-panel__badge {
	display: inline-block;
	padding: 4px 12px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.to-server-panel__badge--online {
	background: #dcfce7;
	color: var(--to-online);
	border: 1px solid #86efac;
}

.to-server-panel__badge--offline {
	background: #fef2f2;
	color: var(--to-offline);
	border: 1px solid #fecaca;
}

.to-server-panel__count {
	margin-top: 8px;
	font-size: 28px;
	font-weight: 800;
	color: var(--to-primary-dark);
	line-height: 1;
}

.to-server-panel__hint {
	display: block;
	margin-top: 8px;
	font-size: 11px;
	color: var(--to-text-muted);
	line-height: 1.35;
}

#PedestalAndOnline {
	display: none !important;
}

/* ── Legacy Tibia tables & forms (account, CMS pages) ── */
.Content .BoxContent .TableContainer {
	margin: 0 0 16px;
	border: 1px solid var(--to-border);
	border-radius: var(--to-radius);
	box-shadow: var(--to-shadow-sm);
	overflow: hidden;
	background: var(--to-surface-2);
}

.Content .BoxContent .CaptionContainer {
	position: relative !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	background: linear-gradient(135deg, #0a2e1e 0%, #145a3a 40%, #1a7a52 100%) !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.Content .BoxContent .CaptionContainer .CaptionInnerContainer {
	position: static !important;
	height: auto !important;
	padding: 11px 16px !important;
}

.Content .BoxContent .CaptionContainer .Text {
	position: static !important;
	display: block;
	width: auto !important;
	height: auto !important;
	font-family: var(--to-font) !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	color: #fff !important;
	text-align: left !important;
}

.Content .BoxContent .CaptionContainer .CaptionEdgeLeftTop,
.Content .BoxContent .CaptionContainer .CaptionEdgeRightTop,
.Content .BoxContent .CaptionContainer .CaptionEdgeLeftBottom,
.Content .BoxContent .CaptionContainer .CaptionEdgeRightBottom,
.Content .BoxContent .CaptionContainer .CaptionBorderTop,
.Content .BoxContent .CaptionContainer .CaptionBorderBottom,
.Content .BoxContent .CaptionContainer .CaptionVerticalLeft,
.Content .BoxContent .CaptionContainer .CaptionVerticalRight,
.Content .BoxContent .TableShadowContainerRightTop,
.Content .BoxContent .TableShadowContainer,
.Content .BoxContent .TableShadowRightTop,
.Content .BoxContent .TableBottomShadow,
.Content .BoxContent .TableBottomLeftShadow,
.Content .BoxContent .TableBottomRightShadow {
	display: none !important;
}

.Content .BoxContent .TableContentAndRightShadow {
	background: none !important;
}

.Content .BoxContent .InnerTableContainer {
	padding: 16px 18px !important;
	background: var(--to-surface-2) !important;
}

.Content .BoxContent .TableContent {
	border: none !important;
	background: transparent !important;
}

.Content .BoxContent .LabelV {
	font-family: var(--to-font);
	font-size: 13px;
	font-weight: 600;
	color: var(--to-primary-dark);
	vertical-align: middle;
	padding: 8px 12px 8px 0 !important;
}

.Content .BoxContent .LabelV .red,
.Content .BoxContent .red {
	color: var(--to-offline) !important;
}

.Content .BoxContent .FormFieldError {
	color: var(--to-offline);
	font-size: 12px;
}

.Content .BoxContent h1:not(.to-hero__title):not(.to-character-hero__name) {
	margin: 1.25em 0 0.75em;
	font-family: var(--to-font);
	font-size: 18px;
	font-weight: 700;
	color: var(--to-primary-dark);
	text-align: center;
}

/* ── White text on green backgrounds ── */
.to-page-head,
.to-account-toolbar,
.to-account-toolbar .to-account-welcome,
.to-account-toolbar .to-account-welcome b,
.to-account-toolbar .to-account-welcome strong,
.Content .BoxContent .CaptionContainer .Text,
.to-data-table thead th,
.memsoria-events-table thead th,
.memsoria-events-table .tableheader th,
.to-highscores-widget__head,
.to-server-panel__head,
.to-shop-points,
.to-shop-points span {
	color: #fff !important;
}

.Content .BoxContent input[type="submit"],
.Content .BoxContent input[type="button"],
.Content .BoxContent button[type="submit"] {
	font-family: var(--to-font);
	font-size: 13px;
	font-weight: 600;
	padding: 8px 18px;
	background: linear-gradient(180deg, var(--to-primary-hover) 0%, var(--to-primary) 100%);
	color: #fff !important;
	border: 1px solid var(--to-primary-dark);
	border-radius: var(--to-radius-sm);
	cursor: pointer;
	box-shadow: var(--to-shadow-sm);
	transition: transform 0.15s, box-shadow 0.15s, background 0.15s;
}

.Content .BoxContent input[type="submit"]:hover,
.Content .BoxContent input[type="button"]:hover,
.Content .BoxContent button[type="submit"]:hover,
.Content .BoxContent button.to-btn:hover {
	transform: translateY(-1px);
	box-shadow: var(--to-shadow-md);
}

.Content .BoxContent .BigButton,
.Content .BoxContent .BigButtonOver,
.Content .BoxContent .ButtonText,
.Content .BoxContent .MediumButtonBackground,
.Content .BoxContent .MediumButtonOver,
.Content .BoxContent .MediumButtonText {
	display: none !important;
}

/* ── Account pages ── */
.Content .Box:has(.to-account) .to-page-head {
	display: none;
}

.Content .Box:has(.to-account) .BoxContent {
	background: var(--to-surface) !important;
	background-image: none !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
}

.Content .Box:has(.to-account) .to-content {
	background: transparent;
	padding: 0;
}

.to-account {
	font-family: var(--to-font);
}

.to-account--login .to-account-card {
	height: 100%;
}

.to-account--create .to-account-toolbar--sub {
	margin-bottom: 12px;
}

.to-badge-row--left {
	justify-content: flex-start;
	margin-bottom: 16px;
}

.to-form-input-wrap {
	display: flex;
	align-items: center;
	gap: 8px;
	max-width: 400px;
}

.to-form-input-wrap .to-form-input {
	flex: 1;
	max-width: none;
}

.to-form-input-wrap--country .to-form-input {
	flex: 1;
}

.to-form-indicator {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
	display: none;
}

.to-form-flag {
	width: 22px;
	height: 14px;
	border: 1px solid var(--to-border);
	border-radius: 2px;
	display: none;
}

.to-account--create select.to-form-input {
	max-width: 400px;
}

.to-account-info .to-data-table__label {
	width: 38%;
}

.to-form-actions--wrap {
	flex-wrap: wrap;
	gap: 8px;
}

.to-form-actions--wrap form {
	margin: 0;
}

.to-alert--info {
	background: #eff6ff;
	border-color: #bfdbfe;
	color: #1e3a5f;
}

.to-text-danger {
	color: var(--to-offline);
}

.to-form-input,
.to-account .to-form-input {
	font-family: var(--to-font);
	font-size: 13px;
	padding: 8px 10px;
	border: 1px solid var(--to-border-strong);
	border-radius: var(--to-radius-sm);
	background: var(--to-surface-2);
	color: var(--to-text);
	transition: border-color 0.15s, box-shadow 0.15s;
}

.to-form-input:focus,
.to-account .to-form-input:focus {
	outline: none;
	border-color: var(--to-primary);
	box-shadow: 0 0 0 3px rgba(26, 122, 82, 0.15);
}

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

.to-account-card,
.to-account-section {
	margin-bottom: 16px;
}

.to-account-intro {
	margin: 0 0 16px;
	color: var(--to-text-muted);
	line-height: 1.55;
}

.to-account-hint {
	margin: 0 0 16px;
	padding: 14px 16px;
	background: var(--to-surface-2);
	border: 1px solid var(--to-border);
	border-radius: var(--to-radius-sm);
	box-shadow: var(--to-shadow-sm);
	color: var(--to-text) !important;
	font-size: 13px;
	line-height: 1.65;
}

.to-account-hint p {
	margin: 0;
	color: var(--to-text) !important;
}

.to-account-hint strong {
	color: var(--to-primary-dark) !important;
	font-weight: 700;
}

.Content .Box:has(.to-account) .to-content,
.Content .Box:has(.to-account) .to-account,
.Content .Box:has(.to-account) .to-account p:not(.to-form-error):not(.to-form-hint),
.Content .Box:has(.to-account) .to-account-hint {
	color: var(--to-text) !important;
}

.to-account-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 16px;
	padding: 14px 18px;
	background: linear-gradient(135deg, #0a2e1e 0%, #145a3a 40%, #1a7a52 100%);
	border-radius: var(--to-radius);
	box-shadow: var(--to-shadow-sm);
}

.to-account-welcome {
	font-size: 15px;
	font-weight: 700;
	color: #fff;
	line-height: 1.4;
}

.to-account-logout {
	margin: 0;
}

.to-account-lost {
	margin-top: 12px;
}

.to-form {
	margin: 0;
}

.to-form-row {
	display: grid;
	grid-template-columns: minmax(140px, 180px) 1fr;
	gap: 8px 14px;
	align-items: start;
	margin-bottom: 12px;
}

.to-form-row--check {
	grid-template-columns: auto 1fr;
	align-items: center;
}

.to-form-label {
	font-size: 13px;
	font-weight: 600;
	color: var(--to-primary-dark);
	padding-top: 8px;
}

.to-form-row--check .to-form-label,
.to-form-row--check label {
	padding-top: 0;
	font-weight: 500;
	color: var(--to-text);
}

.to-form-input {
	width: 100%;
	max-width: 360px;
	box-sizing: border-box;
}

.to-form-field {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.to-form-options {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 16px;
	padding-top: 6px;
}

.to-form-options--stack {
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}

.to-form-option {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	color: var(--to-text);
	cursor: pointer;
}

.to-form-hint {
	margin: 0 0 12px;
	font-size: 12px;
	color: var(--to-text-muted);
}

.to-form-error,
.to-form-field .FormFieldError {
	margin: 0;
	color: var(--to-offline);
	font-size: 12px;
}

.to-form-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 8px;
}

.to-form-actions--submit {
	margin-top: 4px;
	margin-bottom: 8px;
}

.to-alert {
	margin: 0 0 16px;
	padding: 14px 16px;
	border-radius: var(--to-radius-sm);
	border: 1px solid;
	font-size: 13px;
	line-height: 1.5;
}

.to-alert--error {
	background: #fef2f2;
	border-color: #fecaca;
	color: #991b1b;
}

.to-alert__list {
	margin: 8px 0 0;
	padding-left: 1.25em;
}

.to-account .SmallBox {
	margin-bottom: 16px;
}

.to-account .SmallBox .MessageContainer {
	border: 1px solid var(--to-border);
	border-radius: var(--to-radius);
	box-shadow: var(--to-shadow-sm);
	background: var(--to-surface-2);
	overflow: hidden;
}

.to-account .SmallBox .BoxFrameHorizontal,
.to-account .SmallBox .BoxFrameEdgeLeftTop,
.to-account .SmallBox .BoxFrameEdgeRightTop,
.to-account .SmallBox .BoxFrameEdgeLeftBottom,
.to-account .SmallBox .BoxFrameEdgeRightBottom,
.to-account .SmallBox .BoxFrameVerticalLeft,
.to-account .SmallBox .BoxFrameVerticalRight {
	display: none !important;
}

.to-account .SmallBox .Message,
.to-account .SmallBox .ErrorMessage {
	padding: 14px 16px;
	font-family: var(--to-font);
	font-size: 13px;
	line-height: 1.55;
}

.to-account .SmallBox .LabelV {
	font-weight: 700;
	color: var(--to-primary-dark);
	white-space: nowrap;
	padding-right: 12px !important;
}

.to-account .InnerTableButtonRow {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 12px;
}

.to-account .InnerTableButtonRow td {
	border: 0 !important;
	padding: 0 !important;
	width: auto !important;
}

.to-account .InnerTableButtonRow form {
	margin: 0;
}

.to-account .TableContent .LabelH td,
.to-account .TableContent tr.LabelH td {
	background: linear-gradient(180deg, #2d6b4a 0%, var(--to-primary-dark) 100%) !important;
	color: #fff !important;
	font-family: var(--to-font);
	font-size: 12px;
	font-weight: 700;
	padding: 10px 12px !important;
	border: none !important;
}

.to-account .TableContent tr[style*="background-color"] td {
	padding: 9px 12px !important;
	font-size: 13px;
	border-bottom: 1px solid #f0ebe3;
}

.to-account .TableContent tr[style*="background-color"]:last-child td {
	border-bottom: none;
}

.to-account .TopButtonContainer {
	position: fixed;
	right: 24px;
	bottom: 24px;
	z-index: 50;
}

.to-account .TopButton img {
	display: none !important;
}

.to-account .TopButton a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	background: linear-gradient(180deg, var(--to-primary-hover), var(--to-primary));
	color: #fff;
	text-decoration: none !important;
	border-radius: 50%;
	box-shadow: var(--to-shadow-md);
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
}

.to-account .TopButton a::after {
	content: "↑";
}

.to-account .TableContent a {
	color: var(--to-primary);
	font-weight: 600;
	text-decoration: none !important;
}

.to-account .TableContent a:hover {
	color: var(--to-primary-hover);
	text-decoration: underline !important;
}

@media (max-width: 860px) {
	.to-account-grid {
		grid-template-columns: 1fr;
	}

	.to-form-row {
		grid-template-columns: 1fr;
	}

	.to-form-label {
		padding-top: 0;
	}
}

/* Nested legacy box fallback (cached pages) */
.Content .BoxContent > .Box .Corner-tl,
.Content .BoxContent > .Box .Corner-tr,
.Content .BoxContent > .Box .Corner-bl,
.Content .BoxContent > .Box .Corner-br,
.Content .BoxContent > .Box .Border_1,
.Content .BoxContent > .Box .BorderTitleText,
.Content .BoxContent > .Box img.Title,
.Content .BoxContent > .Box > .Title {
	display: none !important;
}

.Content .BoxContent > .Box > .Border_2,
.Content .BoxContent > .Box > .Border_3 {
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
}

.Content .BoxContent > .Box > .Border_2 > .Border_3 > .BoxContent.to-content {
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
	background: transparent !important;
}

/* ── Form inputs (account pages) ── */
.Content .BoxContent input[type="text"],
.Content .BoxContent input[type="password"],
.Content .BoxContent input[type="email"],
.Content .BoxContent select,
.Content .BoxContent textarea {
	font-family: var(--to-font);
	font-size: 13px;
	padding: 6px 10px;
	border: 1px solid var(--to-border-strong);
	border-radius: var(--to-radius-sm);
	background: var(--to-surface-2);
	transition: border-color 0.15s, box-shadow 0.15s;
}

.Content .BoxContent input[type="text"]:focus,
.Content .BoxContent input[type="password"]:focus,
.Content .BoxContent input[type="email"]:focus,
.Content .BoxContent select:focus,
.Content .BoxContent textarea:focus {
	outline: none;
	border-color: var(--to-primary);
	box-shadow: 0 0 0 3px rgba(26, 122, 82, 0.15);
}

/* ── Tables ── */
.Content .BoxContent table {
	border-collapse: collapse;
}

.Content .BoxContent .Odd,
.Content .BoxContent .Even {
	transition: background 0.1s;
}

.Content .BoxContent tr:hover .Odd,
.Content .BoxContent tr:hover .Even {
	filter: brightness(0.97);
}

/* ── Highscores page ── */
.to-highscores-page {
	font-family: var(--to-font);
}

.to-highscores-lead {
	margin: 0 0 16px;
	font-size: 13px;
	color: var(--to-text-muted);
	text-align: center;
}

.to-highscores-lead strong {
	color: var(--to-primary-dark);
}

.to-highscores-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: center;
	margin-bottom: 16px;
}

.to-highscores-tab {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	min-width: 72px;
	padding: 8px 10px;
	font-size: 11px;
	font-weight: 600;
	color: var(--to-primary-dark) !important;
	text-decoration: none !important;
	background: var(--to-surface-2);
	border: 1px solid var(--to-border);
	border-radius: var(--to-radius-sm);
	transition: background 0.15s, border-color 0.15s, transform 0.15s, box-shadow 0.15s;
	opacity: 0.85;
}

.to-highscores-tab img {
	display: block;
	border: 0;
}

.to-highscores-tab__label {
	line-height: 1.2;
	text-align: center;
}

.to-highscores-tab:hover,
.to-highscores-tab--active {
	opacity: 1;
	background: #e8f5ee;
	border-color: var(--to-primary);
	color: var(--to-primary) !important;
	transform: translateY(-1px);
	box-shadow: var(--to-shadow-sm);
}

.to-highscores-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 220px;
	gap: 16px;
	align-items: start;
}

.to-highscores-layout--full {
	grid-template-columns: minmax(0, 1fr);
}

.to-highscores-main .to-card {
	margin-bottom: 0;
}

.to-data-table--highscores .to-highscores-col-rank {
	width: 56px;
	text-align: center;
	font-weight: 700;
	color: var(--to-primary-dark);
}

.to-data-table--highscores .to-highscores-col-value {
	width: 120px;
	text-align: center;
	font-weight: 600;
	white-space: nowrap;
}

.to-highscores-player {
	line-height: 1.45;
}

.to-highscores-player__cell {
	display: flex;
	align-items: center;
	gap: 10px;
}

.to-highscores-player__outfit {
	display: block;
	width: 48px;
	height: 48px;
	flex-shrink: 0;
	object-fit: contain;
	image-rendering: pixelated;
	pointer-events: none;
}

.to-highscores-player__text {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.to-highscores-player__name {
	font-weight: 700;
	text-decoration: none !important;
}

.to-highscores-player__name--online {
	color: var(--to-online) !important;
}

.to-highscores-player__name--offline {
	color: var(--to-offline) !important;
}

.to-highscores-player__name:hover {
	text-decoration: underline !important;
}

.to-highscores-player__meta {
	display: block;
	margin-top: 2px;
	font-size: 11px;
	font-weight: 500;
	color: var(--to-text-muted);
}

.to-highscores-reborn {
	display: inline-block;
	margin-left: 4px;
	padding: 1px 5px;
	font-size: 10px;
	font-weight: 700;
	color: var(--to-primary-dark);
	background: #e8f5ee;
	border: 1px solid #b8dcc8;
	border-radius: 4px;
	vertical-align: middle;
}

.to-highscores-pagination {
	justify-content: center;
	align-items: center;
	gap: 8px;
	margin-top: 16px;
	padding-top: 4px;
}

.to-highscores-page-num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 32px;
	height: 32px;
	padding: 0 8px;
	font-size: 12px;
	font-weight: 600;
	color: var(--to-primary-dark) !important;
	text-decoration: none !important;
	background: var(--to-surface-2);
	border: 1px solid var(--to-border);
	border-radius: var(--to-radius-sm);
	transition: background 0.15s, border-color 0.15s;
}

.to-highscores-page-num:hover {
	background: #e8f5ee;
	border-color: var(--to-primary);
	color: var(--to-primary) !important;
}

.to-highscores-page-num--active {
	background: linear-gradient(180deg, var(--to-primary-hover) 0%, var(--to-primary) 100%);
	border-color: var(--to-primary-dark);
	color: #fff !important;
	box-shadow: var(--to-shadow-sm);
}

.to-voc-links {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.to-voc-link {
	display: block;
	padding: 7px 10px;
	font-size: 12px;
	font-weight: 600;
	color: var(--to-primary-dark) !important;
	text-decoration: none !important;
	background: #f8faf9;
	border: 1px solid var(--to-border);
	border-radius: var(--to-radius-sm);
	transition: background 0.15s, border-color 0.15s, color 0.15s;
}

.to-voc-link:hover {
	background: #e8f5ee;
	border-color: var(--to-primary);
	color: var(--to-primary) !important;
}

.to-voc-link--active {
	background: linear-gradient(180deg, #2d6b4a 0%, var(--to-primary-dark) 100%);
	border-color: var(--to-primary-dark);
	color: #fff !important;
}

.to-voc-link--active:hover {
	color: #fff !important;
	background: linear-gradient(180deg, var(--to-primary-hover) 0%, var(--to-primary) 100%);
}

@media (max-width: 900px) {
	.to-highscores-layout {
		display: flex;
		flex-direction: column;
		gap: 16px;
	}

	.to-highscores-main,
	.to-highscores-aside {
		width: 100%;
		min-width: 0;
		position: static;
		z-index: auto;
	}

	/* Rankings first; vocation filter below (no overlap) */
	.to-highscores-main {
		order: 1;
	}

	.to-highscores-aside {
		order: 2;
	}

	.to-highscores-main .to-card,
	.to-highscores-aside .to-card {
		width: 100%;
		box-sizing: border-box;
	}

	.to-highscores-aside .to-voc-links {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 6px;
	}

	.to-highscores-tabs {
		gap: 6px;
	}

	.to-highscores-tab {
		min-width: 0;
		flex: 1 1 calc(33.333% - 6px);
		max-width: calc(33.333% - 4px);
		padding: 6px 4px;
	}

	.to-highscores-tab__label {
		font-size: 10px;
	}

	.to-data-table--highscores {
		min-width: 480px;
	}

	.to-highscores-col-value {
		font-size: 11px;
	}
}

/* ── Guidebook / fetched content ── */
.to-fetched-guide.to-library-page {
	padding: 18px 20px;
}

.to-content .to-guide-prose,
.to-content .memsoria-guide-inline,
.to-content .memsoria-guide-body,
.to-content .to-fetched-guide__body {
	max-width: 100%;
	overflow-wrap: break-word;
	word-wrap: break-word;
	font-family: var(--to-font);
	font-size: 13px;
	line-height: 1.65;
	color: var(--to-text);
}

.to-fetched-guide {
	overflow: hidden;
}

.to-fetched-guide__body {
	margin-top: 4px;
}

.to-content .to-guide-prose h1,
.to-content .to-guide-prose h2,
.to-content .to-guide-prose h3,
.to-content .memsoria-guide-inline h1,
.to-content .memsoria-guide-inline h2,
.to-content .memsoria-guide-inline h3,
.to-content .memsoria-guide-body h1,
.to-content .memsoria-guide-body h2,
.to-content .memsoria-guide-body h3,
.to-content .to-fetched-guide__body h1,
.to-content .to-fetched-guide__body h2,
.to-content .to-fetched-guide__body h3 {
	font-family: var(--to-font);
	color: var(--to-primary-dark);
	margin: 1.6em 0 0.7em;
	padding: 0 0 0 12px;
	border-left: 4px solid var(--to-primary);
	border-top: none;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.01em;
}

.to-content .to-guide-prose h1:first-child,
.to-content .to-guide-prose h2:first-child,
.to-content .to-guide-prose h3:first-child,
.to-content .memsoria-guide-inline h1:first-child,
.to-content .memsoria-guide-inline h2:first-child,
.to-content .memsoria-guide-inline h3:first-child,
.to-content .memsoria-guide-body h1:first-child,
.to-content .memsoria-guide-body h2:first-child,
.to-content .memsoria-guide-body h3:first-child,
.to-content .to-fetched-guide__body h1:first-child,
.to-content .to-fetched-guide__body h2:first-child,
.to-content .to-fetched-guide__body h3:first-child {
	margin-top: 0;
}

.to-content .to-guide-prose p,
.to-content .to-guide-text,
.to-content .memsoria-guide-inline p,
.to-content .memsoria-guide-body p,
.to-content .to-fetched-guide__body p {
	margin: 0 0 12px;
}

.to-content .to-guide-prose strong,
.to-content .memsoria-guide-inline strong,
.to-content .memsoria-guide-body strong,
.to-content .to-fetched-guide__body strong {
	color: var(--to-primary-dark);
	font-weight: 700;
}

.to-content .to-guide-features {
	list-style: none;
	margin: 0 0 16px;
	padding: 0;
	background: var(--to-surface);
	border: 1px solid var(--to-border);
	border-radius: var(--to-radius);
	overflow: hidden;
}

.to-content .to-guide-features li {
	position: relative;
	padding: 11px 14px 11px 34px;
	border-bottom: 1px solid #f0ebe3;
	line-height: 1.55;
}

.to-content .to-guide-features li:last-child {
	border-bottom: none;
}

.to-content .to-guide-features li::before {
	content: "✓";
	position: absolute;
	left: 14px;
	top: 11px;
	color: var(--to-primary);
	font-weight: 700;
	font-size: 12px;
}

.to-content .to-guide-cmd {
	display: inline-block;
	margin: 2px 0;
	padding: 4px 10px;
	background: #fef2f2;
	border: 1px solid #fecaca;
	border-radius: var(--to-radius-sm);
	color: #b42318 !important;
	font-family: ui-monospace, "Cascadia Code", Consolas, monospace;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.01em;
	white-space: normal;
	word-break: break-word;
}

.to-content .to-guide-figure {
	margin: 0 0 16px;
	padding: 0;
	text-align: center;
}

.to-content .to-guide-figure .to-guide-img,
.to-content .to-guide-prose img,
.to-content .memsoria-guide-inline img,
.to-content .memsoria-guide-body img,
.to-content .to-fetched-guide__body img,
.to-content .memsoria-guide-inline .to-guide-img,
.to-content .memsoria-guide-body .to-guide-img,
.to-content .to-fetched-guide__body .to-guide-img {
	max-width: 100% !important;
	width: auto !important;
	height: auto !important;
	display: block;
	margin: 0 auto;
	border-radius: var(--to-radius-sm);
	border: 1px solid var(--to-border) !important;
	box-shadow: var(--to-shadow-sm);
}

.to-content .to-guide-prose .to-guide-figure:first-child img,
.to-content .to-fetched-guide__body .to-guide-figure:first-child img {
	max-width: min(100%, 520px) !important;
}

.to-content .to-guide-prose span[style*="#ff0000"],
.to-content .to-guide-prose strong[style*="#ff0000"],
.to-content .memsoria-guide-inline span[style*="#ff0000"],
.to-content .memsoria-guide-inline strong[style*="#ff0000"],
.to-content .memsoria-guide-body span[style*="#ff0000"],
.to-content .memsoria-guide-body strong[style*="#ff0000"],
.to-content .to-fetched-guide__body span[style*="#ff0000"],
.to-content .to-fetched-guide__body strong[style*="#ff0000"] {
	color: #b42318 !important;
	font-weight: 700;
}

.to-content .to-guide-prose table,
.to-content .memsoria-guide-inline table,
.to-content .memsoria-guide-body table,
.to-content .to-fetched-guide__body table {
	max-width: 100%;
}

/* ── Outfits page (/outfits) ── */
.to-outfits-page.to-fetched-guide {
	padding: 18px 20px;
}

.to-outfits-lead {
	margin: 0 0 16px;
	padding: 12px 14px;
	background: var(--to-surface);
	border: 1px solid var(--to-border);
	border-left: 3px solid var(--to-primary);
	border-radius: var(--to-radius-sm);
	font-size: 13px;
	line-height: 1.6;
	color: var(--to-text);
}

.to-outfits-page .to-outfits-picker {
	margin: 0 0 18px;
	padding: 14px 16px;
	background: linear-gradient(180deg, #f8faf9 0%, #f0f4f2 100%);
	border: 1px solid var(--to-border);
	border-radius: var(--to-radius);
	box-shadow: var(--to-shadow-sm);
}

.to-outfits-page .to-outfits-picker p {
	margin: 0;
	line-height: 1.65;
	color: var(--to-text);
}

.to-outfits-page .to-outfits-picker strong {
	display: block;
	margin-bottom: 8px;
	font-size: 14px;
	color: var(--to-primary-dark);
}

.to-outfits-page #outfit {
	display: block;
	width: 100%;
	max-width: 420px;
	margin: 8px 0 10px;
	padding: 10px 12px;
	font-family: var(--to-font);
	font-size: 13px;
	font-weight: 600;
	color: var(--to-text);
	background: var(--to-surface-2);
	border: 1px solid var(--to-border-strong);
	border-radius: var(--to-radius-sm);
	box-shadow: inset 0 1px 2px rgba(15, 40, 24, 0.04);
	cursor: pointer;
}

.to-outfits-page #outfit:focus {
	outline: none;
	border-color: var(--to-primary);
	box-shadow: 0 0 0 2px rgba(26, 122, 82, 0.15);
}

.to-outfits-page table.to-outfits-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	margin: 0 0 14px;
	border: 1px solid var(--to-border);
	border-radius: var(--to-radius);
	overflow: hidden;
	box-shadow: var(--to-shadow-sm);
	background: var(--to-surface-2);
	font-family: var(--to-font);
	font-size: 13px;
}

.to-outfits-page table.to-outfits-table > tbody > tr:first-child > td {
	background: linear-gradient(180deg, #2d6b4a 0%, var(--to-primary-dark) 100%) !important;
	color: #fff !important;
	font-weight: 700;
	font-size: 13px;
	text-align: center;
	border: none !important;
	padding: 11px 14px !important;
}

.to-outfits-page table.to-outfits-table td {
	padding: 12px 14px !important;
	border-bottom: 1px solid #f0ebe3;
	border-color: #f0ebe3 !important;
	vertical-align: middle;
	color: var(--to-text) !important;
	background: var(--to-surface-2) !important;
	line-height: 1.55;
}

.to-outfits-page table.to-outfits-table tr:last-child td {
	border-bottom: none;
}

.to-outfits-page table.to-outfits-table .out_img {
	width: 150px;
	text-align: center;
	vertical-align: middle;
	background: #f8faf9 !important;
}

.to-outfits-page table.to-outfits-table .out_img img {
	display: inline-block;
	margin: 4px 0 !important;
	max-width: 120px;
	height: auto;
	image-rendering: pixelated;
	border: none !important;
	box-shadow: none !important;
}

.to-outfits-page .img_text {
	display: inline-flex !important;
	align-items: flex-end;
	justify-content: center;
	min-width: 36px;
	min-height: 36px;
	margin: 3px 6px 3px 0;
	padding-bottom: 2px;
	color: var(--to-text) !important;
	text-shadow: none !important;
	font-family: var(--to-font);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0;
	vertical-align: top;
	background-size: 32px 32px !important;
}

.to-outfits-page .memsoria-outfits-body > div[id] {
	margin-bottom: 4px;
}

.to-outfits-page .to-outfits-footer {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 18px;
	padding-top: 16px;
	border-top: 1px solid var(--to-border);
}

@media (max-width: 640px) {
	.to-outfits-page table.to-outfits-table .out_img {
		width: 110px;
	}

	.to-outfits-page table.to-outfits-table .out_img img {
		max-width: 96px;
	}
}

/* ── Right sidebar: highscores ── */
#ThemeboxesColumn.to-sidebar-right {
	display: flex;
	flex-direction: column;
	gap: 0;
}

#Themeboxes {
	margin-top: 0;
	padding-top: 0;
	clear: both;
	flex-shrink: 0;
}

.to-highscores-widget {
	margin-top: 0;
	flex-shrink: 0;
}

#RightArtwork.to-server-panel {
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
}

.to-highscores-widget__head {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 38px;
	padding: 0 12px;
	background: linear-gradient(180deg, var(--to-primary-hover) 0%, var(--to-primary) 100%);
	border-bottom: 1px solid var(--to-primary-dark);
	font-size: 11px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.to-highscores-widget__head::before {
	content: "";
	width: 18px;
	height: 18px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E") center/contain no-repeat;
	opacity: 0.9;
}

.to-highscores-widget__body {
	padding: 6px;
	overflow: visible;
}

.to-highscores-row {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px;
	margin-bottom: 4px;
	border-radius: var(--to-radius-sm);
	text-decoration: none !important;
	background: var(--to-surface);
	border: 1px solid transparent;
	transition: background 0.12s, border-color 0.12s, box-shadow 0.12s;
}

.to-highscores-row:last-child {
	margin-bottom: 0;
}

.to-highscores-row:hover {
	background: #f0faf5;
	border-color: var(--to-border);
	box-shadow: var(--to-shadow-sm);
}

.to-highscores-row--online .to-highscores-row__name {
	color: var(--to-online);
}

.to-highscores-row__rank {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	flex-shrink: 0;
	border-radius: 50%;
	background: var(--to-primary);
	color: #fff;
	font-size: 11px;
	font-weight: 700;
}

.to-highscores-row:nth-child(1) .to-highscores-row__rank {
	background: linear-gradient(180deg, #e8b820 0%, var(--to-accent) 100%);
	color: #1a1500;
}

.to-highscores-row:nth-child(2) .to-highscores-row__rank {
	background: #94a3b8;
	color: #fff;
}

.to-highscores-row:nth-child(3) .to-highscores-row__rank {
	background: #b45309;
	color: #fff;
}

.to-highscores-row__outfit {
	display: block;
	width: 40px;
	height: 40px;
	flex-shrink: 0;
	object-fit: contain;
	image-rendering: pixelated;
	pointer-events: none;
}

.to-highscores-row__info {
	display: flex;
	flex-direction: column;
	min-width: 0;
	flex: 1;
}

.to-highscores-row__name {
	font-size: 12px;
	font-weight: 600;
	color: var(--to-text);
	line-height: 1.25;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.to-highscores-row__reborn {
	font-size: 10px;
	font-weight: 700;
	color: var(--to-accent);
}

.to-highscores-row__level {
	font-size: 10px;
	color: var(--to-text-muted);
	margin-top: 1px;
}

.to-highscores-widget__more {
	display: block;
	padding: 10px 12px;
	text-align: center;
	font-size: 11px;
	font-weight: 600;
	color: var(--to-primary) !important;
	text-decoration: none !important;
	border-top: 1px solid var(--to-border);
	background: #fafaf8;
	transition: background 0.15s, color 0.15s;
}

.to-highscores-widget__more:hover {
	background: #f0faf5;
	color: var(--to-primary-hover) !important;
}

/* ── Guidebooks: difficulty stars & availability skull ── */
.to-rating {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	vertical-align: middle;
}

.to-rating-empty {
	color: var(--to-text-muted);
	font-size: 14px;
}

.to-stars {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	line-height: 1;
}

.to-star {
	display: inline-block;
	width: 14px;
	height: 14px;
	flex-shrink: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	vertical-align: middle;
	filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.18));
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0%25' stop-color='%23ece7df'/%3E%3Cstop offset='100%25' stop-color='%23b8b0a3'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23g)' stroke='%23989184' stroke-width='.6' d='M10 2.2l2.2 4.5 5 .7-3.6 3.5.9 5-4.5-2.4-4.5 2.4.9-5-3.6-3.5 5-.7L10 2.2z'/%3E%3C/svg%3E");
}

.to-star--filled {
	opacity: 1;
}

.to-star--filled:not(.to-star--white):not(.to-star--red) {
	filter: drop-shadow(0 1px 1px rgba(120, 53, 15, 0.35)) drop-shadow(0 2px 3px rgba(0, 0, 0, 0.2));
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0%25' stop-color='%23fff3a3'/%3E%3Cstop offset='45%25' stop-color='%23f59e0b'/%3E%3Cstop offset='100%25' stop-color='%23b45309'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23g)' stroke='%2392400e' stroke-width='.6' d='M10 2.2l2.2 4.5 5 .7-3.6 3.5.9 5-4.5-2.4-4.5 2.4.9-5-3.6-3.5 5-.7L10 2.2z'/%3E%3C/svg%3E");
}

.to-star--red.to-star--filled {
	filter: drop-shadow(0 1px 1px rgba(120, 53, 15, 0.35)) drop-shadow(0 2px 3px rgba(0, 0, 0, 0.2));
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0%25' stop-color='%23fff3a3'/%3E%3Cstop offset='45%25' stop-color='%23f59e0b'/%3E%3Cstop offset='100%25' stop-color='%23b45309'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23g)' stroke='%2392400e' stroke-width='.6' d='M10 2.2l2.2 4.5 5 .7-3.6 3.5.9 5-4.5-2.4-4.5 2.4.9-5-3.6-3.5 5-.7L10 2.2z'/%3E%3C/svg%3E");
}

.to-star--white.to-star--filled {
	filter: drop-shadow(0 1px 1px rgba(71, 85, 105, 0.3)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.15));
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0%25' stop-color='%23f8fafc'/%3E%3Cstop offset='50%25' stop-color='%23cbd5e1'/%3E%3Cstop offset='100%25' stop-color='%2394a3b8'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23g)' stroke='%2364748b' stroke-width='.6' d='M10 2.2l2.2 4.5 5 .7-3.6 3.5.9 5-4.5-2.4-4.5 2.4.9-5-3.6-3.5 5-.7L10 2.2z'/%3E%3C/svg%3E");
}

.to-skull {
	display: inline-block;
	width: 22px;
	height: 22px;
	flex-shrink: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	vertical-align: middle;
	image-rendering: pixelated;
	image-rendering: crisp-edges;
	background-image: url("https://item-images.ots.me/860/2229.png");
}

.to-skull--red {
	filter:
		drop-shadow(0 2px 2px rgba(127, 29, 29, 0.45))
		drop-shadow(0 1px 0 rgba(255, 255, 255, 0.25))
		sepia(1) saturate(7) hue-rotate(-25deg) brightness(1.05);
	transform: translateY(-1px);
}

.to-skull--white {
	filter:
		drop-shadow(0 2px 2px rgba(71, 85, 105, 0.35))
		drop-shadow(0 1px 0 rgba(255, 255, 255, 0.35))
		grayscale(0.25) brightness(1.18) contrast(0.95);
	transform: translateY(-1px);
}

.to-rating--availability .to-skull--red {
	width: 22px;
	height: 22px;
}

/* ── Inner pages: shared content wrapper ── */
.Content .BoxContent .to-content {
	font-family: var(--to-font);
	font-size: 13px;
	line-height: 1.65;
	color: var(--to-text);
}

.Content .BoxContent .to-content > .to-card,
.Content .BoxContent .to-content > .to-account-section {
	margin-bottom: 16px;
}

/* Legacy bgcolor tables (characters, bans, polls, etc.) */
.Content .BoxContent .to-content table[cellspacing]:not(.to-data-table):not(.TableContent):not(.Table1):not(.Table3):not(.Table4):not(.Table5),
.Content .BoxContent .to-content table[cellpadding]:not(.to-data-table):not(.TableContent) {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	margin-bottom: 16px;
	border: 1px solid var(--to-border);
	border-radius: var(--to-radius);
	overflow: hidden;
	box-shadow: var(--to-shadow-sm);
	background: var(--to-surface-2);
}

.Content .BoxContent .to-content tr[bgcolor] td,
.Content .BoxContent .to-content td[bgcolor] {
	padding: 10px 14px !important;
	font-size: 13px;
	border-bottom: 1px solid #f0ebe3;
	background-color: #faf8f4 !important;
	color: var(--to-text) !important;
}

.Content .BoxContent .to-content tr[bgcolor]:last-child td,
.Content .BoxContent .to-content tr:last-child td[bgcolor] {
	border-bottom: none;
}

.Content .BoxContent .to-content tr[bgcolor] td.white,
.Content .BoxContent .to-content tr[bgcolor] .white,
.Content .BoxContent .to-content td[bgcolor].white,
.Content .BoxContent .to-content tr[bgcolor] td .white {
	background: linear-gradient(135deg, #0a2e1e 0%, #145a3a 40%, #1a7a52 100%) !important;
	color: #fff !important;
	font-weight: 700;
	border-bottom: none !important;
}

.Content .BoxContent .to-content tr[bgcolor] td.white a,
.Content .BoxContent .to-content tr[bgcolor] a.white {
	color: #fff !important;
	text-decoration: underline !important;
}

.Content .BoxContent .to-content tr[bgcolor] td.white a:hover,
.Content .BoxContent .to-content tr[bgcolor] a.white:hover {
	color: #d4f5e4 !important;
}

/* Data tables (events, online, changelog, news, guilds) */
.to-data-table,
.memsoria-events-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	margin: 0 0 16px;
	border: 1px solid var(--to-border);
	border-radius: var(--to-radius);
	overflow: hidden;
	box-shadow: var(--to-shadow-sm);
	background: var(--to-surface-2);
	font-family: var(--to-font);
	font-size: 13px;
}

.to-data-table thead th,
.to-data-table .tableheader th,
.memsoria-events-table thead th,
.memsoria-events-table .tableheader th {
	background: linear-gradient(180deg, #2d6b4a 0%, var(--to-primary-dark) 100%) !important;
	color: #fff !important;
	font-weight: 700;
	font-size: 12px;
	padding: 11px 14px !important;
	text-align: left;
	border: none !important;
}

.to-data-table thead th a,
.memsoria-events-table thead th a {
	color: #fff !important;
	text-decoration: none;
}

.to-data-table thead th a:hover,
.memsoria-events-table thead th a:hover {
	color: #d4f5e4 !important;
	text-decoration: underline;
}

.to-data-table .col-center,
.memsoria-events-table .col-center {
	text-align: center;
}

.to-data-table tbody td,
.memsoria-events-table tbody td,
.memsoria-events-table .tablerow td {
	padding: 10px 14px !important;
	border-bottom: 1px solid #f0ebe3;
	vertical-align: middle;
}

.to-data-table tbody tr:last-child td,
.memsoria-events-table tbody tr:last-child td {
	border-bottom: none;
}

.to-table-scroll {
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior-x: contain;
}

.to-table-scroll > .to-data-table,
.to-table-scroll > table {
	min-width: 520px;
}

.to-data-table tbody tr:nth-child(even) td,
.memsoria-events-table .tablerow:nth-child(even) td {
	background: #f8faf9;
}

.to-data-table a,
.memsoria-events-table a,
.to-content a:not(.to-btn):not(.to-nav-link):not(.to-sidebar-nav__link) {
	color: var(--to-primary);
	font-weight: 600;
	text-decoration: none;
}

.to-data-table a:hover,
.memsoria-events-table a:hover {
	color: var(--to-primary-hover);
	text-decoration: underline;
}

.to-data-table__label {
	font-weight: 600;
	color: var(--to-primary-dark);
	width: 35%;
}

/* Guidebook / quest pages */
.to-content .to-guide-img,
.to-content img.to-guide-img {
	max-width: 100%;
	height: auto;
	border-radius: var(--to-radius-sm);
	border: 1px solid var(--to-border);
	margin: 8px 0 12px;
	box-shadow: var(--to-shadow-sm);
}

.to-content .to-reward {
	color: var(--to-primary-dark);
	font-weight: 700;
}

.to-content h3 {
	margin: 1.25em 0 0.6em;
	font-size: 14px;
	font-weight: 700;
	color: var(--to-primary-dark);
}

.to-content h3:first-child {
	margin-top: 0;
}

/* ── Guidebooks / events page ── */
.to-events-page {
	font-family: var(--to-font);
}

.to-events-lead {
	margin: 0 0 10px;
	font-size: 13px;
	color: var(--to-text-muted);
	line-height: 1.6;
}

.to-events-legend {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 14px 18px;
	margin: 0 0 16px;
	padding: 10px 14px;
	font-size: 12px;
	color: var(--to-text-muted);
	background: var(--to-surface-2, #f8f6f1);
	border: 1px solid var(--to-border, #e5e0d6);
	border-radius: 6px;
}

.to-events-legend__item {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	white-space: nowrap;
}

.to-events-legend .to-stars {
	gap: 1px;
}

.to-events-legend .to-skull {
	width: 18px;
	height: 18px;
}

.to-events-section {
	margin-bottom: 16px;
}

.to-events-section .to-card__title {
	text-transform: none;
}

.to-events-table-wrap {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.to-data-table--events {
	margin-bottom: 0;
}

.to-data-table--events .to-events-col-level {
	width: 90px;
}

.to-data-table--events .to-events-col-difficulty {
	width: 100px;
}

.to-data-table--events .to-events-col-availability {
	width: 140px;
}

.to-events-guide a {
	font-weight: 700;
}

.to-events-links .to-btn-group {
	margin: 0;
}

.to-events-links .to-card__title {
	margin-bottom: 14px;
}

/* ── Library pages (shared) ── */
.to-library-page,
.to-guide-page {
	font-family: var(--to-font);
}

.to-library-lead,
.to-serverinfo-lead {
	margin: 0 0 14px;
	font-size: 13px;
	color: var(--to-text-muted);
	line-height: 1.65;
}

.to-library-empty {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	color: var(--to-text-muted);
}

.to-library-admin-form {
	margin-bottom: 14px;
}

.to-library-table-wrap {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.to-info-list {
	margin: 0;
	padding-left: 1.2em;
	line-height: 1.7;
	color: var(--to-text);
}

.to-info-list li {
	margin-bottom: 6px;
}

.to-guide-page .to-card {
	margin-bottom: 16px;
}

.to-guide-page h3 {
	margin: 1.25em 0 0.6em;
	font-size: 14px;
	font-weight: 700;
	color: var(--to-primary-dark);
}

.to-guide-page h3:first-child,
.to-guide-page .to-card__title {
	margin-top: 0;
}

.to-guide-list {
	margin: 0 0 12px;
	padding-left: 1.25em;
	line-height: 1.7;
}

.to-guide-related {
	margin-top: 14px;
	color: var(--to-text-muted);
	font-size: 13px;
}

.to-guide-video {
	position: relative;
	width: 100%;
	max-width: 640px;
	margin: 14px 0;
	aspect-ratio: 16 / 9;
}

.to-guide-video iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
	border-radius: var(--to-radius-sm);
	box-shadow: var(--to-shadow-sm);
}

.to-fetched-guide__back {
	margin: 0 0 14px;
}

.to-chest-icon {
	vertical-align: middle;
	margin-right: 4px;
}

/* Spells */
/* basic.css .Content .BoxContent .Odd/.Even match DataTables tr.odd/tr.even (HTML classes are case-insensitive) */
.to-spells-page .to-data-table tbody tr.odd,
.to-spells-page .to-data-table tbody tr.even,
.to-spells-page table.dataTable tbody tr.odd,
.to-spells-page table.dataTable tbody tr.even {
	background: transparent !important;
}

.to-spells-page .to-card {
	margin-bottom: 16px;
}

.to-spells-lead,
.to-spells-filter-note {
	margin: 0 0 12px;
	font-size: 13px;
	color: var(--to-text-muted);
	line-height: 1.55;
}

.to-spells-lead code {
	padding: 2px 6px;
	border-radius: var(--to-radius-sm);
	background: #f3f6f4;
	border: 1px solid var(--to-border);
	font-family: Consolas, Monaco, "Courier New", monospace;
	font-size: 12px;
	color: var(--to-primary-dark);
}

.to-spells-quick-filters {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 0 0 14px;
}

.to-spells-quick-filters__label {
	font-size: 12px;
	font-weight: 600;
	color: var(--to-text-muted);
}

.to-spells-quick-filter {
	display: inline-block;
	padding: 5px 12px;
	border-radius: 999px;
	border: 1px solid var(--to-border);
	background: #fff;
	font-size: 12px;
	font-weight: 600;
	color: var(--to-primary-dark);
	text-decoration: none;
}

.to-spells-quick-filter:hover {
	border-color: var(--to-primary);
	color: var(--to-primary);
}

.to-spells-quick-filter--active {
	background: var(--to-primary);
	border-color: var(--to-primary);
	color: #fff;
}

.to-spells-filter-note {
	margin-top: 10px;
	margin-bottom: 0;
}

.to-spells-search__row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 12px;
}

.to-spells-search__select {
	min-width: 220px;
	max-width: 100%;
}

.to-spells-list-card .to-card__title {
	margin-bottom: 12px;
}

.to-spells-page .ts_Spells > input[type="radio"] {
	position: absolute;
	left: -200vw;
}

.to-spells-list-card.ts_Spells > .to-spells-tab {
	margin: 0 8px 12px 0;
}

.to-spells-list-card.ts_Spells > .tab-panels {
	padding-top: 4px;
	border-top: 1px solid var(--to-border);
}

.to-spells-page .ts_Spells .tab-panel {
	display: none;
}

.to-spells-page .ts_Spells > input[type="radio"]:nth-of-type(1):checked ~ .tab-panels > .tab-panel:nth-child(1),
.to-spells-page .ts_Spells > input[type="radio"]:nth-of-type(2):checked ~ .tab-panels > .tab-panel:nth-child(2),
.to-spells-page .ts_Spells > input[type="radio"]:nth-of-type(3):checked ~ .tab-panels > .tab-panel:nth-child(3) {
	display: block;
}

.to-spells-tab {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 8px 14px;
	font-size: 12px;
	font-weight: 600;
	color: var(--to-primary-dark) !important;
	background: var(--to-surface-2);
	border: 1px solid var(--to-border);
	border-radius: var(--to-radius-sm);
	cursor: pointer;
	transition: background 0.15s, border-color 0.15s, color 0.15s;
}

.to-spells-tab__count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 22px;
	height: 22px;
	padding: 0 6px;
	border-radius: 999px;
	background: #eef2ef;
	color: var(--to-primary-dark);
	font-size: 11px;
	font-weight: 700;
}

.to-spells-page .ts_Spells > input[type="radio"]:checked + .to-spells-tab {
	background: #e8f5ee;
	border-color: var(--to-primary);
	color: var(--to-primary) !important;
}

.to-spells-page .ts_Spells > input[type="radio"]:checked + .to-spells-tab .to-spells-tab__count {
	background: var(--to-primary);
	color: #fff;
}

.to-spells-name {
	font-weight: 600;
}

.to-spells-words code {
	display: inline-block;
	padding: 2px 6px;
	border-radius: var(--to-radius-sm);
	background: #f3f6f4;
	border: 1px solid var(--to-border);
	font-family: Consolas, Monaco, "Courier New", monospace;
	font-size: 11px;
	color: var(--to-primary-dark);
}

.to-spells-col-num {
	width: 72px;
	text-align: right;
	white-space: nowrap;
}

.to-spells-col-item {
	width: 72px;
	text-align: center;
}

.to-spells-vocations {
	min-width: 160px;
	max-width: 280px;
	font-size: 11px;
	line-height: 1.45;
	color: var(--to-text-muted);
}

.to-spells-empty {
	color: var(--to-text-muted);
	font-style: italic;
}

.to-spells-item {
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
}

.to-spells-item img {
	display: inline-block;
	vertical-align: middle;
	image-rendering: pixelated;
}

.to-spells-item__count {
	display: block;
	font-size: 10px;
	font-weight: 700;
	color: var(--to-text-muted);
	margin-bottom: 2px;
}

.to-data-table--spells {
	margin-bottom: 0;
	font-size: 12px;
}

.to-spells-page .dataTables_wrapper {
	font-family: var(--to-font);
	font-size: 13px;
	margin-top: 8px;
}

.to-spells-page .dataTables_wrapper .dataTables_filter input,
.to-spells-page .dataTables_wrapper .dataTables_length select {
	font-family: var(--to-font);
	padding: 6px 8px;
	border: 1px solid var(--to-border);
	border-radius: var(--to-radius-sm);
}

.to-spells-page table.dataTable thead th {
	background: linear-gradient(180deg, #2d6b4a 0%, var(--to-primary-dark) 100%) !important;
	color: #fff !important;
	border: none !important;
}

.to-spells-page table.dataTable tbody td,
.to-spells-page .to-data-table tbody td {
	border-bottom: 1px solid #f0ebe3;
	color: var(--to-text) !important;
	background: var(--to-surface-2) !important;
}

.to-spells-page table.dataTable tbody tr.even td,
.to-spells-page .to-data-table tbody tr.even td,
.to-spells-page table.dataTable tbody tr:nth-child(even) td,
.to-spells-page .to-data-table tbody tr:nth-child(even) td {
	background: #f8faf9 !important;
}

.to-spells-page table.dataTable.display tbody tr.odd > .sorting_1,
.to-spells-page table.dataTable.display tbody tr.even > .sorting_1,
.to-spells-page table.dataTable.order-column tbody tr > .sorting_1,
.to-spells-page table.dataTable.order-column tbody tr > .sorting_2,
.to-spells-page table.dataTable.order-column tbody tr > .sorting_3 {
	background-color: transparent !important;
}

.to-spells-page table.dataTable tbody tr:hover td,
.to-spells-page .to-data-table tbody tr:hover td {
	background: #eef5f0 !important;
}

.to-spells-page table.dataTable.no-footer {
	border-bottom: none;
}

.to-spells-page .dataTables_wrapper .dataTables_paginate .paginate_button {
	border-radius: var(--to-radius-sm) !important;
}

@media (max-width: 768px) {
	.to-spells-search__row {
		flex-direction: column;
		align-items: stretch;
	}

	.to-spells-search__select {
		width: 100%;
	}
}

/* Commands */
.to-commands-page .to-card {
	margin-bottom: 16px;
}

.to-commands-section__title {
	margin: 0 0 12px;
	padding-bottom: 8px;
	border-bottom: 1px solid var(--to-border);
	font-size: 14px;
	font-weight: 700;
	color: var(--to-primary-dark);
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

.to-commands-section .to-commands-table-wrap {
	margin-top: 0;
}

.to-commands-lead {
	margin: 0 0 14px;
	font-size: 13px;
	color: var(--to-text-muted);
	line-height: 1.55;
}

.to-commands-lead code {
	padding: 2px 6px;
	border-radius: var(--to-radius-sm);
	background: #f3f6f4;
	border: 1px solid var(--to-border);
	font-family: Consolas, Monaco, "Courier New", monospace;
	font-size: 12px;
	color: var(--to-primary-dark);
}

.to-commands-admin-hint {
	margin: 0 0 14px;
}

.to-commands-table-wrap {
	overflow-x: auto;
}

.to-data-table--commands .to-commands-col-words {
	width: 180px;
	white-space: nowrap;
}

.to-data-table--commands .to-commands-col-words code {
	display: inline-block;
	padding: 3px 8px;
	border-radius: var(--to-radius-sm);
	background: #f3f6f4;
	border: 1px solid var(--to-border);
	font-family: Consolas, Monaco, "Courier New", monospace;
	font-size: 12px;
	font-weight: 600;
	color: var(--to-primary-dark);
}

.to-commands-desc {
	color: var(--to-text);
	line-height: 1.5;
}

.to-commands-empty {
	color: var(--to-text-muted);
	font-style: italic;
}

.to-commands-page .dataTables_wrapper {
	font-family: var(--to-font);
	font-size: 13px;
	margin-top: 8px;
}

.to-commands-page .dataTables_wrapper .dataTables_filter input,
.to-commands-page .dataTables_wrapper .dataTables_length select {
	font-family: var(--to-font);
	padding: 6px 8px;
	border: 1px solid var(--to-border);
	border-radius: var(--to-radius-sm);
}

.to-commands-page table.dataTable thead th {
	background: linear-gradient(180deg, #2d6b4a 0%, var(--to-primary-dark) 100%) !important;
	color: #fff !important;
	border: none !important;
}

.to-commands-page table.dataTable tbody td {
	border-bottom: 1px solid #f0ebe3;
}

/* Server info */
.to-serverinfo-page {
	display: flex;
	flex-direction: column;
	gap: 16px;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	font-family: var(--to-font);
}

.to-serverinfo-page .to-grid {
	margin-bottom: 0;
	gap: 16px;
}

.to-serverinfo-page > .to-card {
	margin-bottom: 0;
}

.to-serverinfo-page .to-card__title {
	margin-bottom: 10px;
}

.to-serverinfo-lead a {
	color: var(--to-primary);
	font-weight: 600;
	text-decoration: none;
}

.to-serverinfo-lead a:hover {
	text-decoration: underline;
}

/* Experience table / stages */
.to-exp-table-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 12px;
}

.to-exp-table-col .to-data-table {
	margin-bottom: 0;
}

.to-data-table--compact thead th,
.to-data-table--compact tbody td {
	padding: 8px 12px !important;
	font-size: 12px;
}

/* Experience stages */
.to-stages-lead {
	margin: 0 0 14px;
	font-size: 13px;
	line-height: 1.55;
	color: var(--to-text-muted);
}

.to-stages-lead code {
	font-size: 12px;
	padding: 1px 6px;
	border-radius: 4px;
	background: rgba(0, 0, 0, 0.25);
	color: var(--to-text);
}

.to-stages-table-wrap {
	overflow-x: auto;
}

.to-data-table--stages .to-stages-col-effective {
	text-align: right;
	white-space: nowrap;
	color: #f0d080;
}

.to-data-table--stages .to-stages-col-effective strong {
	font-weight: 700;
}

/* Gallery */
.to-gallery-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 16px;
}

.to-gallery-item {
	display: flex;
	flex-direction: column;
	background: var(--to-surface-2);
	border: 1px solid var(--to-border);
	border-radius: var(--to-radius);
	overflow: hidden;
	box-shadow: var(--to-shadow-sm);
}

.to-gallery-item__thumb {
	display: block;
	padding: 12px;
	text-align: center;
	background: #f8faf9;
}

.to-gallery-item__thumb img {
	max-height: 120px;
	width: auto;
	border-radius: var(--to-radius-sm);
}

.to-gallery-item__body {
	padding: 12px 14px 14px;
}

.to-gallery-item__comment {
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 1.5;
}

.to-gallery-item__admin {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

/* Creatures + DataTables */
.to-creatures-page .to-data-table tbody tr.odd,
.to-creatures-page .to-data-table tbody tr.even,
.to-creatures-page table.dataTable tbody tr.odd,
.to-creatures-page table.dataTable tbody tr.even {
	background: transparent !important;
}

.to-creatures-page .to-card {
	margin-bottom: 16px;
}

.to-creatures-lead,
.to-creatures-filter-note {
	margin: 0 0 12px;
	font-size: 13px;
	color: var(--to-text-muted);
	line-height: 1.55;
}

.to-creatures-filter-note {
	margin-top: 0;
}

.to-creatures-quick-filters {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 0 0 14px;
}

.to-creatures-quick-filters__label {
	font-size: 12px;
	font-weight: 600;
	color: var(--to-text-muted);
}

.to-creatures-quick-filter {
	display: inline-block;
	padding: 5px 12px;
	border-radius: 999px;
	border: 1px solid var(--to-border);
	background: #fff;
	font-size: 12px;
	font-weight: 600;
	color: var(--to-primary-dark);
	text-decoration: none;
}

.to-creatures-quick-filter:hover {
	border-color: var(--to-primary);
	color: var(--to-primary);
}

.to-creatures-quick-filter--active {
	background: var(--to-primary);
	border-color: var(--to-primary);
	color: #fff;
}

.to-creatures-col-img {
	width: 56px;
	text-align: center;
}

.to-creatures-thumb {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	background: #eef2ef;
	border: 1px solid var(--to-border);
	border-radius: var(--to-radius-sm);
	overflow: hidden;
}

.to-creatures-thumb img {
	display: block;
	image-rendering: pixelated;
}

.to-creatures-name a {
	font-weight: 700;
}

.to-data-table--creatures .to-creatures-col-num {
	width: 110px;
	white-space: nowrap;
	text-align: right;
}

.to-data-table--creatures .to-creatures-col-race {
	width: 100px;
}

.to-creature-detail__hero {
	display: grid;
	grid-template-columns: 140px minmax(0, 1fr);
	gap: 20px;
	align-items: start;
	margin-bottom: 8px;
}

.to-creature-detail__image {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 12px;
	background: #eef2ef;
	border: 1px solid var(--to-border);
	border-radius: var(--to-radius);
	box-shadow: var(--to-shadow-sm);
}

.to-creature-detail__image img {
	display: block;
	image-rendering: pixelated;
}

.to-creature-stats {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px 16px;
	margin: 12px 0 0;
}

.to-creature-stat {
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding: 10px 12px;
	background: #f8faf9;
	border: 1px solid var(--to-border);
	border-radius: var(--to-radius-sm);
}

.to-creature-stat dt {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: var(--to-text-muted);
}

.to-creature-stat dd {
	margin: 0;
	font-size: 14px;
	font-weight: 600;
	color: var(--to-text);
}

.to-creature-note {
	font-size: 12px;
	font-weight: 500;
	color: var(--to-text-muted);
}

.to-creature-section {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid var(--to-border);
}

.to-creature-section__title {
	margin: 0 0 8px;
	font-size: 14px;
	font-weight: 700;
	color: var(--to-primary-dark);
}

.to-creature-section__text {
	margin: 0;
	color: var(--to-text);
	line-height: 1.55;
}

.to-creature-loot {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	padding: 12px;
	background: #f8faf9;
	border: 1px solid var(--to-border);
	border-radius: var(--to-radius);
}

.to-creature-loot__item {
	display: block;
	padding: 4px;
	background: #fff;
	border: 1px solid var(--to-border);
	border-radius: var(--to-radius-sm);
	image-rendering: pixelated;
	cursor: help;
}

.to-creatures-back {
	margin-top: 12px;
}

.to-page-back {
	margin-top: 16px;
	text-align: center;
}

.to-creatures-page .dataTables_wrapper {
	font-family: var(--to-font);
	font-size: 13px;
}

.to-creatures-page .dataTables_wrapper .dataTables_filter input,
.to-creatures-page .dataTables_wrapper .dataTables_length select {
	font-family: var(--to-font);
	padding: 6px 8px;
	border: 1px solid var(--to-border);
	border-radius: var(--to-radius-sm);
}

.to-creatures-page table.dataTable thead th {
	background: linear-gradient(180deg, #2d6b4a 0%, var(--to-primary-dark) 100%) !important;
	color: #fff !important;
	border: none !important;
}

.to-creatures-page table.dataTable tbody td,
.to-creatures-page .to-data-table tbody td {
	border-bottom: 1px solid #f0ebe3;
	color: var(--to-text) !important;
	background: var(--to-surface-2) !important;
}

.to-creatures-page table.dataTable tbody tr.even td,
.to-creatures-page .to-data-table tbody tr.even td,
.to-creatures-page table.dataTable tbody tr:nth-child(even) td,
.to-creatures-page .to-data-table tbody tr:nth-child(even) td {
	background: #f8faf9 !important;
}

.to-creatures-page table.dataTable.display tbody tr.odd > .sorting_1,
.to-creatures-page table.dataTable.display tbody tr.even > .sorting_1,
.to-creatures-page table.dataTable.order-column tbody tr > .sorting_1 {
	background-color: transparent !important;
}

.to-creatures-page table.dataTable tbody tr:hover td,
.to-creatures-page .to-data-table tbody tr:hover td {
	background: #eef5f0 !important;
}

@media (max-width: 768px) {
	.to-creature-detail__hero {
		grid-template-columns: 1fr;
	}

	.to-creature-stats {
		grid-template-columns: 1fr;
	}
}

/* CMS / legacy tables inside content */
.Content .BoxContent .to-content > table,
.Content .BoxContent .to-content table[border],
.to-guide-page table:not(.to-data-table) {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	margin: 0 0 16px;
	border: 1px solid var(--to-border) !important;
	border-radius: var(--to-radius);
	overflow: hidden;
	box-shadow: var(--to-shadow-sm);
	background: var(--to-surface-2);
	font-family: var(--to-font);
	font-size: 13px;
}

.Content .BoxContent .to-content table[border] td,
.Content .BoxContent .to-content table[border] th,
.to-guide-page table:not(.to-data-table) td,
.to-guide-page table:not(.to-data-table) th {
	padding: 10px 14px !important;
	border: none !important;
	border-bottom: 1px solid #f0ebe3 !important;
	color: var(--to-text) !important;
	background: transparent !important;
}

.Content .BoxContent .to-content table[border] tr:first-child td,
.Content .BoxContent .to-content table[border] thead th,
.to-guide-page table:not(.to-data-table) tr:first-child td {
	background: linear-gradient(180deg, #2d6b4a 0%, var(--to-primary-dark) 100%) !important;
	color: #fff !important;
	font-weight: 700;
}

/* Rules */
.to-rules-body {
	line-height: 1.65;
}

.to-rules-body p {
	margin: 0 0 0.75em;
}

/* Guilds page */
.to-guilds-page {
	font-family: var(--to-font);
}

.to-guilds-page .to-card {
	margin-bottom: 16px;
}

.to-guilds-table-wrap {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.to-data-table--guilds {
	margin-bottom: 0;
}

.to-data-table--guilds .to-guilds-col-logo {
	width: 84px;
	text-align: center;
}

.to-data-table--guilds .to-guilds-col-action {
	width: 90px;
	text-align: center;
}

.to-data-table--guilds .to-guilds-col-action form {
	margin: 0;
}

.to-guilds-logo {
	display: block;
	margin: 0 auto;
	border: 1px solid var(--to-border);
	border-radius: var(--to-radius-sm);
	background: #f8faf9;
}

.to-guilds-name {
	margin-bottom: 4px;
	font-size: 14px;
}

.to-guilds-name strong {
	color: var(--to-primary-dark);
}

.to-guilds-admin-delete {
	margin-left: 10px;
	font-size: 11px;
	font-weight: 600;
	color: var(--to-offline) !important;
}

.to-guilds-desc {
	font-size: 12px;
	line-height: 1.55;
	color: var(--to-text-muted);
}

.to-guilds-empty {
	padding: 12px 0 4px;
	text-align: center;
}

.to-guilds-empty p {
	margin: 0 0 14px;
	color: var(--to-text-muted);
	line-height: 1.6;
}

.to-guilds-empty__form {
	margin: 0;
}

.to-guilds-actions__lead {
	margin: 0 0 12px;
	color: var(--to-text);
	line-height: 1.55;
}

.to-guilds-actions__form {
	margin: 0 0 16px;
}

.to-guilds-tools {
	padding-top: 14px;
	border-top: 1px solid var(--to-border);
}

.to-guilds-tools__title {
	margin: 0 0 8px;
	font-size: 13px;
	font-weight: 700;
	color: var(--to-primary-dark);
}

.to-guilds-tools__list {
	margin: 0;
	padding-left: 1.2em;
	color: var(--to-text-muted);
	font-size: 12px;
	line-height: 1.65;
}

.to-guilds-tools__list a {
	font-weight: 700;
}

/* Houses page */
.to-houses-page {
	font-family: var(--to-font);
}

.to-houses-lead {
	margin: 0 0 16px;
	font-size: 13px;
	color: var(--to-text-muted);
	line-height: 1.65;
}

.to-houses-lead strong {
	color: var(--to-primary-dark);
}

.to-houses-notice {
	margin-bottom: 16px;
}

.to-houses-results,
.to-houses-search {
	margin-bottom: 16px;
}

.to-houses-table-wrap {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.to-data-table--houses {
	margin-bottom: 0;
}

.to-data-table--houses .to-houses-col-size,
.to-data-table--houses .to-houses-col-rent {
	width: 100px;
	white-space: nowrap;
}

.to-data-table--houses .to-houses-col-action {
	width: 90px;
	text-align: center;
}

.to-data-table--houses .to-houses-col-action form {
	margin: 0;
}

.to-houses-name {
	font-weight: 700;
}

.to-houses-status a {
	font-weight: 700;
}

.to-houses-empty {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	color: var(--to-text-muted);
}

.to-houses-filters {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
	margin-bottom: 8px;
}

.to-houses-filter__label {
	display: block;
	margin-bottom: 10px;
	font-size: 13px;
	font-weight: 700;
	color: var(--to-primary-dark);
}

.to-houses-form .to-form-actions {
	margin-top: 4px;
}

.to-houses-detail {
	display: grid;
	grid-template-columns: 220px minmax(0, 1fr);
	gap: 20px;
	align-items: start;
}

.to-houses-detail__img {
	display: block;
	max-width: 100%;
	height: auto;
	border: 1px solid var(--to-border);
	border-radius: var(--to-radius-sm);
	box-shadow: var(--to-shadow-sm);
	background: #f8faf9;
}

.to-houses-detail__img--placeholder {
	opacity: 0.55;
	filter: grayscale(0.35);
}

.to-houses-detail__placeholder-note {
	margin: 10px 0 0;
	font-size: 0.85rem;
	line-height: 1.45;
	color: var(--to-text-muted, #64748b);
}

.to-houses-detail__info p {
	margin: 0 0 12px;
	line-height: 1.65;
	color: var(--to-text);
}

.to-houses-detail__info p:last-child {
	margin-bottom: 0;
}

.to-houses-detail__owner a {
	font-weight: 700;
}

@media (max-width: 900px) {
	.to-houses-filters {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.to-houses-detail {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 560px) {
	.to-houses-filters {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* Last kills page */
.to-lastkills-page .to-card {
	margin-bottom: 0;
}

.to-lastkills-table-wrap {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.to-data-table--lastkills {
	margin-bottom: 0;
}

.to-data-table--lastkills .to-lastkills-col-rank {
	width: 48px;
	text-align: center;
	font-weight: 700;
	color: var(--to-primary-dark);
}

.to-data-table--lastkills .to-lastkills-col-time {
	width: 150px;
	white-space: nowrap;
	font-size: 12px;
	color: var(--to-text-muted);
}

.to-data-table--lastkills .to-lastkills-col-world {
	width: 100px;
	text-align: center;
}

.to-lastkills-desc {
	line-height: 1.55;
}

.to-lastkills-desc a {
	font-weight: 700;
}

.to-lastkills-desc b,
.to-lastkills-desc strong {
	color: var(--to-primary-dark);
	font-weight: 700;
}

.to-lastkills-empty {
	padding: 24px 14px !important;
	color: var(--to-text-muted);
}

/* Online page */
.to-online-page .to-card {
	margin-bottom: 16px;
}

.to-voc-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 12px;
}

.to-voc-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	padding: 12px;
	background: #f8faf9;
	border: 1px solid var(--to-border);
	border-radius: var(--to-radius-sm);
	text-align: center;
	font-size: 12px;
}

.to-voc-item b {
	font-size: 18px;
	color: var(--to-primary-dark);
}

.to-online-outfit img {
	max-height: 48px;
}

.to-online-page--memsoria .to-online-status__lead {
	margin: 0 0 12px;
	line-height: 1.6;
}

.to-online-status__count {
	color: #dc2626;
}

.to-online-status__server {
	color: var(--to-online);
}

.to-online-status__contact,
.to-online-record {
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 1.55;
	color: var(--to-text-muted);
}

.to-online-event {
	margin-top: 8px;
	padding-top: 10px;
	border-top: 1px solid var(--to-border);
}

.to-online-event__label,
.to-online-event__timer {
	margin: 0 0 6px;
	line-height: 1.5;
}

.to-online-event__when {
	color: var(--to-text-muted);
	font-size: 12px;
}

.to-voc-grid--memsoria {
	max-width: 360px;
	margin: 0 auto;
	gap: 8px;
}

.to-voc-grid--memsoria .to-voc-item {
	padding: 10px 8px;
	background: #fff;
}

.to-voc-grid--memsoria .to-voc-item img {
	width: 42px;
	height: auto;
}

.to-voc-grid--memsoria .to-voc-item b {
	font-size: 16px;
}

.to-online-outfit__wrap {
	position: relative;
	width: 64px;
	height: 32px;
	margin: 0 auto;
	overflow: hidden;
}

.to-online-outfit__sprite {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 64px;
	height: 80px;
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: auto;
}

.to-data-table--online {
	table-layout: fixed;
	width: 100%;
}

.to-data-table--online .col-lp {
	width: 42px;
	text-align: center;
	white-space: nowrap;
}

.to-data-table--online .col-country {
	width: 36px;
	text-align: center;
}

.to-data-table--online .col-outfit {
	width: 72px;
	text-align: center;
}

.to-data-table--online .col-name {
	width: auto;
}

.to-data-table--online .col-level {
	width: 72px;
}

.to-data-table--online .col-vocation {
	width: 120px;
}

.to-data-table--online .col-status {
	width: 72px;
}

.to-data-table--online thead th.col-center,
.to-data-table--online tbody td.col-center {
	text-align: center;
}

.to-online-svip {
	color: #dc2626;
}

.to-skull-legend {
	margin: 0;
	font-size: 12px;
	color: var(--to-text-muted);
}

.to-card--compact {
	padding: 12px 16px;
}

/* Alerts */
.to-alert--success {
	background: #f0fdf4;
	border-color: #86efac;
	color: #166534;
}

.to-alert--success strong {
	display: block;
	font-size: 15px;
	font-weight: 700;
	color: #14532d;
}

.to-alert--success a {
	color: var(--to-primary-dark, #145a3a);
	font-weight: 600;
	text-decoration: underline;
}

.to-alert--success a:hover {
	color: var(--to-primary, #1a7a52);
}

.to-alert__body {
	margin-top: 6px;
	font-size: 13px;
	line-height: 1.55;
	color: inherit;
}

.to-account--logout {
	max-width: 560px;
}

.to-account--logout .to-form-actions {
	margin-top: 14px;
}

/* Pagination */
.to-pagination {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 12px;
}

/* Shop */
.to-shop-header {
	margin-bottom: 14px;
}

.to-shop-points {
	margin: 0;
	padding: 12px 16px;
	background: linear-gradient(135deg, #0a2e1e 0%, #145a3a 40%, #1a7a52 100%);
	color: #fff;
	border-radius: var(--to-radius-sm);
	font-weight: 600;
}

.to-shop-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 14px;
}

.to-shop-tab {
	display: inline-block;
	padding: 7px 14px;
	font-size: 12px;
	font-weight: 600;
	color: var(--to-primary-dark) !important;
	text-decoration: none !important;
	background: var(--to-surface-2);
	border: 1px solid var(--to-border);
	border-radius: var(--to-radius-sm);
	transition: background 0.15s, border-color 0.15s;
}

.to-shop-tab:hover,
.to-shop-tab--active {
	background: #e8f5ee;
	border-color: var(--to-primary);
	color: var(--to-primary) !important;
}

.to-shop-tab--voc {
	min-width: 42px;
	text-align: center;
	font-weight: 700;
	letter-spacing: 0.04em;
}

.to-shop-tab--voc-ek.to-shop-tab--active { background: #fde8e8; border-color: #c0392b; color: #922b21 !important; }
.to-shop-tab--voc-ed.to-shop-tab--active { background: #e8f8ef; border-color: #1e8449; color: #145a32 !important; }
.to-shop-tab--voc-ms.to-shop-tab--active { background: #eaf2fb; border-color: #2471a3; color: #1a5276 !important; }
.to-shop-tab--voc-rp.to-shop-tab--active { background: #fef9e7; border-color: #b7950b; color: #7d6608 !important; }

.to-shop-voc-hint {
	margin: -4px 0 14px;
	padding: 10px 12px;
	font-size: 12px;
	line-height: 1.5;
	color: var(--to-text-muted);
	background: var(--to-surface);
	border: 1px solid var(--to-border);
	border-radius: var(--to-radius-sm);
}

.to-shop-voc-hint a {
	font-weight: 600;
}

.to-shop-table__img {
	text-align: center;
	vertical-align: middle;
	width: 88px;
}

.to-shop-item-preview {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	min-width: 40px;
	min-height: 40px;
	padding: 4px;
	background: #fff;
	border: 1px solid var(--to-border);
	border-radius: var(--to-radius-sm);
	box-shadow: var(--to-shadow-sm);
}

.to-shop-item-preview img,
.to-shop-table__img .item_image {
	display: block;
	width: 32px;
	height: 32px;
	border: 0;
	image-rendering: pixelated;
}

.to-shop-item-preview--asset img {
	width: auto;
	height: auto;
	max-width: 48px;
	max-height: 48px;
	image-rendering: auto;
}

.to-shop-item-preview--outfit {
	padding: 2px;
	background: #f8faf9;
}

.to-shop-item-preview--outfit img {
	width: 48px;
	height: 48px;
	image-rendering: auto;
}

.to-shop-outfits {
	display: flex;
	gap: 6px;
	justify-content: center;
	flex-wrap: wrap;
}

.to-shop-empty {
	text-align: center;
	color: var(--to-text-muted);
	padding: 20px !important;
}

.to-shop-checkout .to-card__title {
	margin: 0 0 10px;
}

.to-shop-offer__title,
.to-shop-give__title {
	margin: 0 0 12px;
	font-size: 14px;
	font-weight: 700;
	color: var(--to-primary-dark);
}

.to-shop-offer__name {
	margin: 0 0 6px;
}

.to-shop-offer__desc {
	margin: 0 0 10px;
	color: var(--to-text-muted);
	font-size: 13px;
}

.to-shop-offer__price {
	margin: 0;
	padding-top: 10px;
	border-top: 1px solid var(--to-border);
}

.to-shop-give {
	margin-top: 14px;
}

.to-shop-give__row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

.to-shop-give__select {
	min-width: 200px;
	flex: 1 1 180px;
}

.to-shop-give__form--stacked .to-shop-give__field {
	margin-bottom: 12px;
}

.to-shop-give__form--stacked .to-btn {
	margin-top: 4px;
}

.to-shop-note {
	margin: 14px 0 0;
	font-size: 12px;
	color: var(--to-text-muted);
}

.to-shop-back {
	margin: 12px 0 0;
}

.to-shop-summary {
	margin: 0;
}

.to-shop-summary__row {
	display: grid;
	grid-template-columns: 120px 1fr;
	gap: 8px 14px;
	padding: 8px 0;
	border-bottom: 1px solid var(--to-border);
}

.to-shop-summary__row:last-child {
	border-bottom: 0;
}

.to-shop-summary__row dt {
	margin: 0;
	font-weight: 600;
	color: var(--to-text-muted);
}

.to-shop-summary__row dd {
	margin: 0;
}

.to-shop-summary__highlight {
	color: var(--to-primary);
	font-weight: 700;
}

.to-shop-confirm-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 14px;
}

.to-shop-success__lead {
	margin: 0 0 10px;
	font-size: 14px;
	line-height: 1.5;
}

.to-shop-success__note {
	margin: 0 0 16px;
	color: var(--to-text-muted);
	font-size: 13px;
}

.to-shop-header__actions {
	margin: 10px 0 0;
}

.to-shop-header--history .to-shop-header__top {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 10px;
}

.to-shop-history-stats {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	margin-bottom: 14px;
}

.to-shop-history-stat {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 12px 14px;
	background: var(--to-surface-2);
	border: 1px solid var(--to-border);
	border-radius: var(--to-radius-sm);
	box-shadow: var(--to-shadow-sm);
}

.to-shop-history-stat__value {
	font-size: 22px;
	font-weight: 800;
	line-height: 1;
	color: var(--to-primary-dark);
}

.to-shop-history-stat__label {
	font-size: 12px;
	color: var(--to-text-muted);
}

.to-shop-history-stat--ok .to-shop-history-stat__value {
	color: var(--to-online);
}

.to-shop-history-stat--pending .to-shop-history-stat__value {
	color: var(--to-offline);
}

.to-shop-history-section {
	margin-bottom: 0;
}

.to-shop-history__title {
	margin: 0 0 12px;
	font-size: 14px;
	font-weight: 700;
	color: var(--to-primary-dark);
}

.to-shop-history-table-wrap {
	overflow-x: auto;
}

.to-shop-history-table-wrap--desktop {
	display: block;
}

.to-shop-history-cards--mobile {
	display: none;
}

.to-shop-history__product strong {
	display: block;
}

.to-shop-history__detail {
	display: block;
	margin-top: 2px;
	font-size: 12px;
	color: var(--to-text-muted);
}

.to-data-table--shop-history {
	table-layout: fixed;
}

.to-data-table--shop-history tbody td {
	vertical-align: top;
}

.to-data-table--shop-history thead th:nth-child(1) {
	width: 28%;
}

.to-data-table--shop-history thead th:nth-child(2) {
	width: 12%;
}

.to-data-table--shop-history thead th:nth-child(3) {
	width: 14%;
}

.to-data-table--shop-history thead th:nth-child(4) {
	width: 10%;
}

.to-data-table--shop-history thead th:nth-child(5) {
	width: 18%;
}

.to-data-table--shop-history thead th:nth-child(6) {
	width: 18%;
}

.to-shop-history__date,
.to-shop-history__delivered-at {
	display: block;
	white-space: nowrap;
	font-size: 12px;
	color: var(--to-text-muted);
	line-height: 1.35;
}

.to-shop-history__status {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	min-width: 0;
}

.to-shop-history__delivered-at {
	margin-top: 0;
}

.to-shop-history__player {
	font-weight: 700;
}

.to-shop-history__player--own {
	color: var(--to-online);
}

.to-shop-history__player--other {
	color: var(--to-offline);
}

.to-data-table--shop-history .to-badge {
	white-space: nowrap;
	font-size: 11px;
}

.to-shop-history-card {
	padding: 14px;
	border: 1px solid var(--to-border);
	border-radius: var(--to-radius-sm);
	background: #fff;
	box-shadow: var(--to-shadow-sm);
}

.to-shop-history-card + .to-shop-history-card {
	margin-top: 10px;
}

.to-shop-history-card__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 10px;
}

.to-shop-history-card__title {
	margin: 0;
	font-size: 14px;
	color: var(--to-primary-dark);
}

.to-shop-history-card__detail {
	margin: 4px 0 0;
	font-size: 12px;
	color: var(--to-text-muted);
}

.to-shop-history-card__meta {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px 12px;
	margin: 0;
}

.to-shop-history-card__meta div {
	min-width: 0;
}

.to-shop-history-card__meta dt {
	margin: 0 0 2px;
	font-size: 11px;
	font-weight: 600;
	color: var(--to-text-muted);
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

.to-shop-history-card__meta dd {
	margin: 0;
	font-size: 13px;
}

.to-shop-history-empty {
	padding: 28px 16px;
	text-align: center;
}

.to-shop-history-empty p {
	margin: 0 0 14px;
	color: var(--to-text-muted);
}

.to-shop-history-note {
	margin-top: 14px;
}

@media (max-width: 760px) {
	.to-shop-history-stats {
		grid-template-columns: 1fr;
	}

	.to-shop-history-table-wrap--desktop {
		display: none;
	}

	.to-shop-history-cards--mobile {
		display: block;
	}
}

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

/* Community pages: extend table panel styles to all to-content */
.to-content .TableContainer,
.to-content .InnerTableButtonRow {
	/* inherits from .Content .BoxContent rules */
}

.to-content .TableContent .LabelH td,
.to-content .TableContent tr.LabelH td {
	background: linear-gradient(180deg, #2d6b4a 0%, var(--to-primary-dark) 100%) !important;
	color: #fff !important;
	font-family: var(--to-font);
	font-size: 12px;
	font-weight: 700;
	padding: 10px 12px !important;
	border: none !important;
}

.to-content .TableContent tr[style*="background-color"] td,
.to-content .TableContent tr[bgcolor] td {
	padding: 9px 12px !important;
	font-size: 13px;
}

.to-content .InnerTableButtonRow {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 12px;
}

.to-content .InnerTableButtonRow td {
	border: 0 !important;
	padding: 0 !important;
	width: auto !important;
}

.to-content .InnerTableButtonRow form {
	margin: 0;
}

.to-content .TopButtonContainer {
	position: fixed;
	right: 24px;
	bottom: 24px;
	z-index: 50;
}

.to-content .TopButton img {
	display: none !important;
}

.to-content .TopButton a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	background: linear-gradient(180deg, var(--to-primary-hover), var(--to-primary));
	color: #fff;
	text-decoration: none !important;
	border-radius: 50%;
	box-shadow: var(--to-shadow-md);
	font-size: 18px;
	font-weight: 700;
}

.to-content .TopButton a::after {
	content: "↑";
}

/* ── Team page ── */
.to-team-page {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.to-team-table-wrap {
	overflow-x: auto;
}

.to-data-table--team .to-team-col-outfit {
	width: 56px;
	text-align: center;
}

.to-data-table--team .to-team-col-group {
	width: 110px;
	white-space: nowrap;
}

.to-data-table--team .to-team-col-status {
	width: 100px;
	white-space: nowrap;
}

.to-data-table--team .to-team-col-world {
	width: 100px;
}

.to-data-table--team .to-team-col-login {
	width: 180px;
	white-space: nowrap;
	font-size: 12px;
	color: var(--to-text-muted);
}

.to-team-outfit-wrap {
	display: inline-flex;
	align-items: flex-end;
	justify-content: center;
	width: 48px;
	height: 48px;
	overflow: hidden;
	background: #eef2ef;
	border-radius: var(--to-radius-sm);
	border: 1px solid var(--to-border);
	vertical-align: middle;
}

.to-team-outfit-wrap--compact {
	height: 40px;
}

.to-team-outfit {
	display: block;
	width: 64px;
	height: 64px;
	margin: -8px 0 0 -8px;
	pointer-events: none;
}

.to-team-outfit-wrap--compact .to-team-outfit {
	width: 48px;
	height: 48px;
	margin: 0;
}

.to-team-name {
	font-weight: 600;
}

.to-team-name img {
	vertical-align: middle;
	margin-right: 6px;
}

.to-team-empty {
	color: var(--to-text-muted);
	font-style: italic;
	margin: 0;
}

/* ── Polls page ── */
.to-polls-page {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.to-polls-table-wrap {
	overflow-x: auto;
}

.to-data-table--polls .to-polls-col-end {
	width: 120px;
	white-space: nowrap;
}

.to-polls-empty {
	color: var(--to-text-muted);
	font-style: italic;
}

.to-polls-question {
	margin-bottom: 16px;
}

.to-polls-question strong {
	font-size: 15px;
	color: var(--to-text);
}

.to-polls-description {
	margin: 8px 0 0;
	color: var(--to-text-muted);
	line-height: 1.55;
}

.to-polls-vote-form {
	margin-top: 8px;
}

.to-polls-options {
	list-style: none;
	margin: 0 0 16px;
	padding: 0;
	border: 1px solid var(--to-border);
	border-radius: var(--to-radius);
	overflow: hidden;
	background: var(--to-surface-2);
}

.to-polls-option + .to-polls-option {
	border-top: 1px solid #f0ebe3;
}

.to-polls-option label {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 14px;
	cursor: pointer;
	margin: 0;
}

.to-polls-option label:hover {
	background: #f8faf9;
}

.to-polls-option input[type="radio"] {
	accent-color: var(--to-primary);
	flex-shrink: 0;
}

.to-polls-results {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.to-polls-result-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(120px, 1.4fr) 90px;
	gap: 12px;
	align-items: center;
	padding: 10px 0;
	border-bottom: 1px solid #f0ebe3;
}

.to-polls-result-row:last-child {
	border-bottom: none;
}

.to-polls-result-label {
	font-weight: 600;
	color: var(--to-text);
}

.to-polls-bar {
	height: 14px;
	background: #eef2ef;
	border: 1px solid var(--to-border);
	border-radius: 999px;
	overflow: hidden;
}

.to-polls-bar__fill {
	height: 100%;
	border-radius: 999px;
	background: linear-gradient(90deg, #6fcf97, var(--to-primary));
	transition: width 0.25s ease;
}

.to-polls-bar__fill--low {
	background: linear-gradient(90deg, #e57373, #c62828);
}

.to-polls-bar__fill--mid {
	background: linear-gradient(90deg, #ffb74d, #ef6c00);
}

.to-polls-bar__fill--warn {
	background: linear-gradient(90deg, #fff176, #f9a825);
}

.to-polls-bar__fill--good {
	background: linear-gradient(90deg, #81c784, #2e7d32);
}

.to-polls-result-stats {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 2px;
	font-size: 12px;
}

.to-polls-result-votes {
	color: var(--to-text-muted);
}

.to-polls-result-percent {
	font-weight: 700;
}

.to-polls-result-percent--low { color: #c62828; }
.to-polls-result-percent--mid { color: #ef6c00; }
.to-polls-result-percent--warn { color: #f9a825; }
.to-polls-result-percent--good { color: #2e7d32; }

.to-polls-meta {
	margin-top: 4px;
	padding: 14px 16px;
	background: #f8faf9;
	border: 1px solid var(--to-border);
	border-radius: var(--to-radius);
	color: var(--to-text-muted);
	font-size: 13px;
	line-height: 1.6;
}

.to-polls-meta p {
	margin: 0 0 6px;
}

.to-polls-meta p:last-child {
	margin-bottom: 0;
}

.to-polls-back,
.to-polls-admin-link {
	margin: 0;
}

.to-polls-admin-form {
	display: flex;
	flex-direction: column;
	gap: 12px;
	max-width: 480px;
}

.to-polls-admin-field {
	display: flex;
	flex-direction: column;
	gap: 6px;
	font-size: 13px;
	font-weight: 600;
	color: var(--to-text);
}

.to-polls-admin-field input {
	padding: 10px 12px;
	border: 1px solid var(--to-border);
	border-radius: var(--to-radius-sm);
	font-family: var(--to-font);
	font-size: 13px;
}

.to-polls-admin-field input:focus {
	outline: none;
	border-color: var(--to-primary);
	box-shadow: 0 0 0 2px rgba(26, 122, 82, 0.15);
}

@media (max-width: 768px) {
	.to-polls-result-row {
		grid-template-columns: 1fr;
		gap: 6px;
	}

	.to-polls-result-stats {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}
}

/* ── Character page ── */
.Content .BoxContent--modern,
.Content .BoxContent:has(.to-characters-page),
.Content .BoxContent:has(.to-serverinfo-page) {
	background-image: none !important;
	background: transparent !important;
	padding-top: 8px !important;
}

.to-characters-page {
	position: relative;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	font-family: var(--to-font);
}

.to-characters-admin {
	margin: 0 0 12px;
}

.to-character-hero {
	display: flex;
	align-items: center;
	gap: 18px;
	margin-bottom: 16px;
	padding: 18px 20px;
	background: var(--to-surface-2);
	border: 1px solid var(--to-border);
	border-radius: var(--to-radius);
	box-shadow: var(--to-shadow-sm);
}

.to-character-hero__outfit {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 92px;
	height: 92px;
	box-sizing: border-box;
	overflow: hidden;
	border: 2px solid var(--to-border);
	border-radius: 18px;
	background: linear-gradient(180deg, #f8faf9 0%, #eef3f0 100%);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

.to-character-hero__outfit-img {
	display: block;
	width: 64px;
	height: 64px;
	flex-shrink: 0;
	image-rendering: pixelated;
	image-rendering: crisp-edges;
	pointer-events: none;
	transform: scale(1.25);
	transform-origin: center center;
}

.to-character-hero__outfit-img--compact {
	transform: scale(1.05);
}

.to-character-hero__body {
	min-width: 0;
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.to-character-hero__name {
	margin: 0 0 6px;
	font-size: 22px;
	font-weight: 700;
	color: var(--to-primary-dark);
	line-height: 1.25;
	text-align: left;
}

.to-character-hero__name img {
	vertical-align: middle;
	margin: 0 8px 0 0;
	border: 0;
}

.to-character-hero__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 14px;
	margin: 0 0 10px;
	font-size: 13px;
	color: var(--to-text-muted);
}

.to-character-hero__level,
.to-character-hero__vocation {
	font-weight: 600;
	color: var(--to-text);
}

.to-status-pill {
	display: inline-flex;
	align-items: center;
	padding: 4px 10px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	border: 1px solid transparent;
}

.to-status-pill--sm {
	padding: 2px 8px;
	font-size: 10px;
}

.to-status-pill--online {
	color: #166534;
	background: #ecfdf3;
	border-color: #86efac;
}

.to-status-pill--offline {
	color: #991b1b;
	background: #fef2f2;
	border-color: #fecaca;
}

.to-status-pill--premium {
	color: #92400e;
	background: #fffbeb;
	border-color: #fcd34d;
	text-transform: none;
	font-size: 12px;
}

.to-character-section {
	margin-bottom: 16px;
}

.to-character-facts {
	margin: 0;
}

.to-character-facts__row {
	display: grid;
	grid-template-columns: minmax(120px, 28%) 1fr;
	gap: 8px 16px;
	padding: 10px 0;
	border-bottom: 1px solid #f0ebe3;
	font-size: 13px;
	line-height: 1.55;
}

.to-character-facts__row:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.to-character-facts__row dt {
	margin: 0;
	font-weight: 600;
	color: var(--to-primary-dark);
}

.to-character-facts__row dd {
	margin: 0;
	color: var(--to-text);
}

.to-character-facts__row--comment dd {
	white-space: pre-wrap;
}

.to-character-facts__house {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

.to-characters-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 16px;
	margin-bottom: 16px;
}

.to-characters-grid .to-card {
	margin-bottom: 0;
	height: 100%;
}

.to-characters-grid--duo {
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: start;
}

.to-characters-grid--duo .to-character-section--equipment {
	justify-self: end;
}

.to-characters-row--active td {
	background: #ecfdf3 !important;
}

.to-characters-row--active td:first-child {
	font-weight: 700;
	color: var(--to-primary-dark);
}

.to-data-table--compact tbody th {
	padding: 8px 12px !important;
	font-weight: 600;
	color: var(--to-primary-dark);
	background: #faf8f4 !important;
	border-bottom: 1px solid #f0ebe3;
	text-align: left;
}

.to-data-table--compact tbody td {
	padding: 8px 12px !important;
}

.to-quest-status {
	display: inline-flex;
	align-items: center;
	padding: 2px 8px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 700;
}

.to-quest-status--done {
	color: #166534;
	background: #ecfdf3;
}

.to-quest-status--pending {
	color: #6b7280;
	background: #f3f4f6;
}

.to-character-section--equipment .to-card__title {
	margin-bottom: 14px;
}

.to-character-equipment-wrap {
	display: flex;
	justify-content: center;
}

.to-character-equipment-empty {
	margin: 0 0 10px;
	font-size: 12px;
	color: var(--to-text-muted);
	text-align: center;
}

.to-character-equipment {
	display: grid;
	grid-template-columns: repeat(3, auto);
	gap: 8px;
	padding: 16px 18px;
	background: linear-gradient(180deg, #f8faf9 0%, #eef3f0 100%);
	border: 1px solid var(--to-border);
	border-radius: var(--to-radius);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), var(--to-shadow-sm);
}

.to-character-equipment__col {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.to-character-equipment__col--body {
	padding: 0 2px;
}

.to-character-equipment__slot {
	position: relative;
	width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	border: 1px solid var(--to-border);
	border-radius: 10px;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
	transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.to-character-equipment__slot:hover {
	border-color: #86c9a8;
	box-shadow: 0 0 0 3px rgba(26, 122, 82, 0.12);
	transform: translateY(-1px);
}

.to-character-equipment__slot img,
.to-character-equipment__slot .item_image {
	display: block;
	width: 32px !important;
	height: 32px !important;
	max-width: 32px;
	max-height: 32px;
	object-fit: contain;
	image-rendering: pixelated;
	border: 0 !important;
}

/* Legacy empty-slot GIFs use Tibia black tiles — keep modern white slots */
.to-character-equipment__slot img[src*="images/items/no_"] {
	display: none;
}

.to-character-equipment__slot:has(img[src*="images/items/no_"])::before {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	border: 1.5px dashed rgba(26, 122, 82, 0.22);
	border-radius: 5px;
	pointer-events: none;
}

.to-character-equipment__slot--skull {
	min-height: 14px;
	height: 14px;
	margin-top: 2px;
	border: none;
	background: transparent;
	box-shadow: none;
}

.to-character-equipment__slot--skull:hover {
	transform: none;
	box-shadow: none;
	border-color: transparent;
}

.to-characters-col-time {
	width: 140px;
	white-space: nowrap;
}

.to-frag-tag {
	display: inline-block;
	margin-left: 6px;
	padding: 1px 7px;
	border-radius: 999px;
	font-size: 10px;
	font-weight: 700;
	vertical-align: middle;
}

.to-frag-tag--justified {
	color: #166534;
	background: #ecfdf3;
}

.to-frag-tag--unjustified {
	color: #991b1b;
	background: #fef2f2;
}

.to-characters-view-form {
	display: inline-block;
	margin: 0;
}

.to-characters-view-form .to-btn {
	min-width: 72px;
}

.to-characters-search {
	margin-top: 16px;
}

.to-characters-search-card {
	margin-bottom: 0;
}

.to-characters-search-form {
	margin: 0;
}

.to-characters-search-form__bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 12px;
}

.to-characters-search-form__label {
	flex: 0 0 auto;
	font-family: var(--to-font);
	font-size: 13px;
	font-weight: 600;
	color: var(--to-primary-dark);
}

.to-characters-search-form__input {
	flex: 1 1 220px;
	min-width: 0;
	max-width: 360px;
	box-sizing: border-box;
	font-family: var(--to-font);
	font-size: 13px;
	padding: 8px 10px;
	border: 1px solid var(--to-border-strong);
	border-radius: var(--to-radius-sm);
	background: var(--to-surface-2);
	color: var(--to-text);
	height: auto;
	min-height: 0;
}

.to-characters-search-form__input:focus {
	outline: none;
	border-color: var(--to-primary);
	box-shadow: 0 0 0 3px rgba(26, 122, 82, 0.15);
}

.to-characters-search-form__btn {
	flex: 0 0 auto;
	min-width: 96px;
}

/* ── Responsive ── */

@media (max-width: 1200px) {
	:root {
		--to-sidebar-left: 180px;
		--to-sidebar-right: 190px;
		--to-layout-gap: 12px;
	}

	#Bodycontainer {
		width: min(99vw, var(--to-layout-max)) !important;
	}
}

@media (max-width: 1100px) {
	#Bodycontainer {
		width: 100% !important;
		max-width: none !important;
	}

	#ContentRow {
		top: 0;
		grid-template-columns: 170px minmax(0, 1fr) 180px;
		gap: 10px;
	}

	.to-site-banner {
		margin-bottom: 10px;
	}

	.to-site-banner__inner {
		padding: 12px 14px;
	}
}

@media (max-width: 900px) {
	#ArtworkHelper {
		min-width: 0 !important;
		padding: 8px 6px 20px;
	}

	.to-site-banner {
		margin-bottom: 8px;
		width: 100%;
	}

	.to-site-banner__inner {
		padding: 10px 12px;
	}

	.to-site-banner__title {
		font-size: 20px;
	}

	.to-site-banner__sub {
		font-size: 12px;
	}

	#Bodycontainer {
		min-width: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	#ContentRow {
		display: flex !important;
		flex-direction: column !important;
		grid-template-columns: unset !important;
		top: 0 !important;
		gap: 12px;
	}

	#MenuColumn,
	#MenuColumn.to-sidebar,
	#ContentColumn,
	#ThemeboxesColumn,
	#ThemeboxesColumn.to-sidebar-right {
		position: static !important;
		left: auto !important;
		right: auto !important;
		top: auto !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		grid-column: auto !important;
		grid-row: auto !important;
	}

	.Content .Box:not(:has(.to-home)) .BoxContent {
		padding: 14px 12px !important;
	}

	.to-page-head {
		padding: 12px 14px;
		font-size: 15px;
	}

	.to-card {
		padding: 14px 12px;
	}

	.to-content,
	.to-guide-page,
	.to-highscores-page,
	.to-online-page,
	.to-shop,
	.to-elfbot-page,
	.to-outfits-page,
	.to-characters-page,
	.to-serverinfo-page {
		max-width: 100%;
		min-width: 0;
	}

	.to-serverinfo-page {
		gap: 12px;
		overflow-x: hidden;
	}

	.to-serverinfo-lead {
		font-size: 12px;
		line-height: 1.55;
	}

	.to-serverinfo-page .to-info-list {
		padding-left: 1em;
		font-size: 13px;
	}

	.to-serverinfo-page .to-info-list li {
		margin-bottom: 8px;
		word-break: break-word;
	}

	.to-stages-lead {
		font-size: 12px;
	}

	.to-stages-table-wrap {
		margin: 0;
		max-width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.to-data-table--stages {
		min-width: 300px;
	}

	.to-data-table--stages thead th,
	.to-data-table--stages tbody td {
		padding: 7px 8px !important;
		font-size: 11px;
	}

	.to-data-table--stages .to-stages-col-effective {
		font-size: 11px;
	}

	.to-characters-page {
		overflow-x: hidden;
	}

	.to-character-hero {
		flex-direction: column;
		align-items: flex-start;
		padding: 14px 16px;
	}

	.to-character-hero__name {
		font-size: 18px;
	}

	.to-character-facts__row {
		grid-template-columns: 1fr;
		gap: 4px;
	}

	.to-characters-grid,
	.to-characters-grid--duo {
		grid-template-columns: 1fr;
	}

	.to-characters-grid--duo .to-character-section--equipment {
		justify-self: stretch;
	}

	.to-character-equipment {
		padding: 14px 12px;
		gap: 6px;
	}

	.to-character-equipment__slot {
		width: 38px;
		height: 38px;
		border-radius: 8px;
	}

	.to-characters-search-form__bar {
		flex-direction: column;
		align-items: stretch;
	}

	.to-characters-search-form__input {
		flex: 1 1 auto;
		max-width: none;
		width: 100%;
	}

	.to-characters-search-form__btn {
		width: 100%;
	}
}

@media (max-width: 768px) {
	/* Fixed viewport backdrop — must not grow with page scroll */
	html {
		background-color: #0a1814;
	}

	body {
		background-color: transparent;
	}

	body::before {
		position: fixed !important;
		top: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		left: 0 !important;
		width: 100vw !important;
		height: 100vh !important;
		height: 100svh !important;
		min-height: 0 !important;
		max-height: 100svh !important;
		margin: 0;
		padding: 0;
		transform: none !important;
		-webkit-transform: none !important;
		background-color: #0a1814;
		background-image: image-set(
			url("../images/header/turkeyonline-site-bg-mobile.webp") type("image/webp") 1x,
			url("../images/header/turkeyonline-site-bg-mobile.jpg") 1x,
			url("../images/header/turkeyonline-site-bg-mobile@2x.webp") type("image/webp") 2x,
			url("../images/header/turkeyonline-site-bg-mobile@2x.jpg") 2x,
			url("../images/header/turkeyonline-site-bg-mobile@3x.webp") type("image/webp") 3x,
			url("../images/header/turkeyonline-site-bg-mobile@3x.jpg") 3x
		);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center 38%;
		background-attachment: scroll;
	}

	#ArtworkHelper {
		background-image: none !important;
		background-color: transparent;
		padding: 8px 4px 20px;
		min-width: 0 !important;
	}

	#Bodycontainer {
		min-width: 0 !important;
		width: 100% !important;
	}

	#ContentRow {
		display: flex !important;
		flex-direction: column !important;
		grid-template-columns: unset !important;
		top: 8px;
		gap: 12px;
	}

	#MenuColumn,
	#MenuColumn.to-sidebar,
	#ContentColumn,
	#ThemeboxesColumn,
	#ThemeboxesColumn.to-sidebar-right {
		position: static !important;
		left: auto !important;
		right: auto !important;
		top: auto !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		grid-column: auto !important;
		grid-row: auto !important;
	}

	.to-grid,
	.to-grid--3 {
		grid-template-columns: 1fr;
	}

	.to-rate-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.to-hero__title {
		font-size: 22px;
	}

	.to-hero__subtitle {
		font-size: 13px;
		margin-bottom: 16px;
	}

	.to-btn-group {
		flex-direction: column;
		align-items: stretch;
	}

	.to-btn {
		width: 100%;
	}

	.to-voc-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.Content .Box:not(:has(.to-home)) .BoxContent {
		padding: 10px 8px !important;
	}

	.to-page-head {
		padding: 10px 12px;
		font-size: 14px;
	}

	.to-card {
		padding: 12px 10px;
	}

	.to-btn {
		white-space: normal;
	}

	/* Highscores */
	.to-highscores-page {
		overflow-x: hidden;
	}

	.to-highscores-lead {
		font-size: 12px;
		margin-bottom: 12px;
	}

	.to-highscores-tab img {
		width: 26px !important;
		height: 26px !important;
	}

	.to-highscores-tab__label {
		font-size: 9px;
	}

	.to-highscores-player__outfit {
		width: 36px;
		height: 36px;
	}

	.to-highscores-player__cell {
		gap: 8px;
	}

	.to-highscores-player__name {
		font-size: 12px;
		word-break: break-word;
	}

	.to-highscores-player__meta {
		font-size: 10px;
	}

	.to-data-table--highscores .to-highscores-col-rank {
		width: 40px;
		padding-left: 6px !important;
		padding-right: 6px !important;
	}

	.to-data-table--highscores .to-highscores-col-value {
		width: auto;
		min-width: 72px;
		font-size: 10px;
		padding-left: 6px !important;
		padding-right: 6px !important;
	}

	.to-data-table--highscores tbody td {
		padding: 8px 6px !important;
	}

	.to-highscores-pagination {
		flex-direction: column;
		align-items: stretch;
	}

	.to-highscores-pagination .to-btn,
	.to-highscores-pagination .to-highscores-page-num {
		width: 100%;
		justify-content: center;
	}

	/* Online / tables */
	.to-data-table--online {
		min-width: 480px;
	}

	.to-voc-grid--memsoria {
		grid-template-columns: repeat(2, 1fr);
	}

	/* Shop / gifts */
	.to-shop-table {
		min-width: 520px;
	}

	.to-shop-tab {
		padding: 6px 10px;
		font-size: 11px;
	}

	.to-shop-points {
		padding: 10px 12px;
		font-size: 13px;
	}

	.to-shop-voc-hint {
		font-size: 11px;
		padding: 8px 10px;
	}

	/* Elfbot scripts */
	.to-elfbot-item {
		grid-template-columns: 1fr;
		padding: 10px;
	}

	.to-elfbot-code {
		font-size: 11px;
	}

	/* Events / guides */
	.to-events-section .to-card,
	.to-guide-page .to-card,
	.to-fetched-guide.to-library-page {
		padding: 12px 10px;
	}

	.to-content .to-guide-prose img,
	.to-content .to-fetched-guide__body img,
	.to-content .memsoria-guide-inline img {
		max-width: 100% !important;
		height: auto !important;
	}

	.to-library-table-wrap,
	.to-lastkills-table-wrap,
	.to-spells-list-card .to-table-scroll,
	.to-commands-table-wrap {
		max-width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.to-content .to-content table[cellspacing]:not(.to-data-table),
	.Content .BoxContent .to-content .TableContent {
		display: block;
		max-width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.to-sidebar-panel,
	.to-highscores-widget {
		max-width: 100%;
	}
}

/* Donate packages on /news homepage */
.to-donate-section {
	margin-top: 18px;
}

.to-donate-section--top {
	margin-top: 0;
	margin-bottom: 18px;
}

.to-donate-section--bottom {
	margin-top: 20px;
	margin-bottom: 0;
}

.to-donate-lead {
	margin: 0 0 14px;
	font-size: 14px;
	line-height: 1.55;
	color: var(--to-text-muted);
}

.to-donate-tr {
	display: block;
	margin: 0;
	font-size: 13px;
	line-height: 1.55;
	color: var(--to-text-muted);
	font-style: normal;
}

.to-donate-page-title {
	display: flex;
	flex-direction: column;
	gap: 3px;
	line-height: 1.35;
}

.to-donate-page-title__en {
	display: block;
	font-size: 14px;
	font-weight: 700;
	color: var(--to-primary-dark);
}

.to-donate-page-title__tr {
	display: block;
	font-size: 13px;
	font-weight: 600;
	color: var(--to-text-muted);
}

.to-donate-tr--title {
	margin: -6px 0 12px;
	font-size: 14px;
	font-weight: 600;
	color: var(--to-primary-dark);
}

.to-donate-tr--lead {
	margin: -8px 0 14px;
	padding-left: 10px;
	border-left: 3px solid var(--to-primary);
	background: #f8faf9;
	padding: 8px 10px 8px 12px;
	border-radius: 0 var(--to-radius-sm) var(--to-radius-sm) 0;
}

.to-donate-tr--inline {
	display: block;
	margin-top: 2px;
	font-size: 11px;
	font-weight: 500;
	color: var(--to-text-muted);
}

.to-donate-tr--subtitle {
	display: block;
	margin-top: 4px;
	font-size: 13px;
	font-weight: 600;
	color: var(--to-text-muted);
}

.to-donate-tr--step {
	margin-top: 4px;
	padding-left: 0;
}

.to-donate-tr--note {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px dashed rgba(0, 0, 0, 0.12);
}

.to-donate-contact__label,
.to-donate-contact__hint {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2px;
}

.to-donate-tr--contact,
.to-donate-tr--hint {
	font-size: 12px;
	font-style: italic;
	opacity: 0.92;
}

.to-donate-step-en {
	line-height: 1.55;
}

.to-donate-intl {
	margin-top: 18px;
	padding-top: 16px;
	border-top: 1px solid var(--to-border);
}

.to-donate-intl__title {
	margin: 0 0 10px;
	padding-bottom: 8px;
	border-bottom: 1px solid var(--to-border);
	font-size: 14px;
	font-weight: 700;
	color: var(--to-primary-dark);
	line-height: 1.4;
}

.to-donate-intl__title .to-donate-tr--subtitle {
	margin-top: 4px;
	padding-bottom: 0;
	border-bottom: none;
	font-size: 13px;
	font-weight: 600;
}

.to-donate-intl__lead {
	margin: 0 0 12px;
	font-size: 13px;
	line-height: 1.6;
	color: var(--to-text);
}

.to-donate-intl__lead + .to-donate-tr--lead {
	margin: -4px 0 14px;
}

.to-donate-intl-bank {
	margin-bottom: 16px;
}

.to-data-table--intl-bank {
	margin-bottom: 0;
}

.to-data-table--intl-bank th {
	width: 38%;
	font-weight: 600;
}

.to-data-table--intl-bank td {
	font-weight: 500;
	color: var(--to-text);
}

.to-data-table--intl-bank .to-donate-tr--inline {
	margin-top: 2px;
	font-size: 11px;
}

.to-donate-faq {
	display: flex;
	flex-direction: column;
	gap: 0;
	border: 1px solid var(--to-border);
	border-radius: var(--to-radius);
	background: var(--to-surface-2);
	box-shadow: var(--to-shadow-sm);
	overflow: hidden;
}

.to-donate-faq__item {
	padding: 0;
	border-bottom: 1px solid #f0ebe3;
}

.to-donate-faq__item:last-child {
	border-bottom: none;
}

.to-donate-bilingual {
	display: flex;
	flex-direction: column;
	gap: 0;
	padding: 14px 16px;
	border: none;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.to-donate-bilingual__block {
	padding: 0;
	border-radius: 0;
}

.to-donate-bilingual__block--en {
	border-left: none;
	background: transparent;
}

.to-donate-bilingual__block--tr {
	margin-top: 10px;
	padding: 10px 12px 10px 14px;
	border-left: 3px solid var(--to-primary);
	background: linear-gradient(180deg, #f8faf9 0%, #f0f4f2 100%);
	border-radius: 0 var(--to-radius-sm) var(--to-radius-sm) 0;
}

.to-donate-lang-tag {
	display: inline-block;
	margin-bottom: 6px;
	padding: 2px 8px;
	border-radius: 999px;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--to-primary-dark);
	background: #e8f5ee;
	border: 1px solid #bbf7d0;
}

.to-donate-lang-tag--tr {
	color: #5c4a12;
	background: var(--to-accent-soft);
	border-color: var(--to-border);
}

.to-donate-faq__q {
	font-size: 13px;
	font-weight: 700;
	line-height: 1.45;
	color: var(--to-primary-dark);
}

.to-donate-bilingual__block--tr .to-donate-faq__q {
	color: var(--to-text);
}

.to-donate-faq__a {
	margin-top: 6px;
	font-size: 13px;
	line-height: 1.6;
	color: var(--to-text-muted);
}

.to-donate-bilingual__block--tr .to-donate-faq__a {
	color: var(--to-text-muted);
}

.to-donate-tr--faq-q,
.to-donate-tr--faq-a {
	display: none;
}

.to-data-table--donate th,
.to-data-table--donate td {
	text-align: center;
}

.to-data-table--donate td:first-child,
.to-data-table--donate th:first-child {
	text-align: left;
}

.to-data-table--donate thead th {
	vertical-align: middle;
	line-height: 1.25;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.to-data-table--donate thead th:not(:first-child) {
	text-align: center;
}

.to-donate-th {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	gap: 1px;
}

.to-data-table--donate th:first-child .to-donate-th {
	align-items: flex-start;
}

.to-donate-th__en {
	display: block;
	font-weight: 700;
	font-size: 12px;
	color: #fff;
	letter-spacing: 0.02em;
	line-height: 1.3;
}

.to-donate-th__tr {
	display: block;
	font-weight: 500;
	font-size: 10px;
	color: rgba(255, 255, 255, 0.78);
	letter-spacing: 0.01em;
	line-height: 1.25;
	text-transform: none;
}

.to-data-table--donate thead th:not(:first-child) .to-donate-th__en,
.to-data-table--donate thead th:not(:first-child) .to-donate-th__tr {
	text-align: center;
	width: 100%;
}

.to-donate-col-buy {
	width: 110px;
	white-space: nowrap;
}

.to-shop-payment-notice {
	margin: 0 0 14px;
}

.to-shop-payment-notice__en {
	margin: 0;
}

.to-donate-guide {
	margin-top: 18px;
	padding-top: 16px;
	border-top: 1px solid var(--to-border);
}

.to-donate-guide__title {
	margin: 0 0 10px;
	font-size: 15px;
	font-weight: 700;
	color: var(--to-text);
}

.to-donate-steps {
	margin: 0;
}

.to-donate-note-box {
	margin-top: 16px;
}

.to-donate-note-box.to-alert--info {
	background: #f0faf5;
	border-color: #bbf7d0;
	color: var(--to-text);
}

.to-donate-note-box .to-donate-note {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
}

.to-shop-email-notice {
	margin: 0 0 16px;
	background: #fffbeb;
	border-color: #fcd34d;
}

.to-shop-email-notice__en {
	margin: 0 0 8px;
}

.to-shop-email-notice__account {
	margin: 10px 0 0;
	padding-top: 10px;
	border-top: 1px solid rgba(217, 119, 6, 0.2);
	font-size: 13px;
}

.to-shop-email-notice__label {
	color: var(--to-text-muted);
}

.to-points-page {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.to-donate-note {
	margin: 14px 0 0;
	padding: 12px 14px;
	background: #f8faf9;
	border: 1px solid var(--to-border);
	border-radius: var(--to-radius);
	font-size: 13px;
	line-height: 1.55;
	color: var(--to-text-muted);
}

.to-donate-contact {
	margin-top: 18px;
	padding: 14px 16px;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 10px;
	text-align: center;
	border: 1px solid var(--to-border);
	border-radius: var(--to-radius);
	background: linear-gradient(180deg, #f8faf9 0%, var(--to-surface-2) 100%);
	box-shadow: var(--to-shadow-sm);
}

.to-donate-contact__hint {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin: 0;
	padding: 10px 12px;
	border-radius: var(--to-radius-sm);
	background: #f0faf5;
	border-left: 3px solid var(--to-primary);
	font-size: 13px;
	line-height: 1.55;
	color: var(--to-text);
	text-align: left;
}

.to-donate-contact__hint-en {
	color: var(--to-text);
	font-weight: 500;
}

.to-donate-contact__label {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2px;
}

.to-donate-contact__label-en {
	font-weight: 700;
	line-height: 1.35;
}

.to-donate-tr--contact,
.to-donate-tr--hint {
	font-size: 12px;
	font-style: normal;
	color: var(--to-text-muted);
}

.to-btn--telegram {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	max-width: 420px;
	margin: 0 auto;
	background: linear-gradient(180deg, var(--to-primary-hover) 0%, var(--to-primary) 100%);
	color: #fff !important;
	border: 1px solid var(--to-primary-dark);
	padding: 12px 20px;
	font-size: 14px;
	font-weight: 700;
	border-radius: var(--to-radius-sm);
	box-shadow: var(--to-shadow-md);
}

.to-btn--telegram:hover {
	background: linear-gradient(180deg, #28a878 0%, var(--to-primary-hover) 100%);
	color: #fff !important;
	transform: translateY(-1px);
	box-shadow: var(--to-shadow-lg);
}

.to-btn--telegram .to-btn__icon {
	flex-shrink: 0;
	padding: 5px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.18);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
}

.to-btn__icon {
	flex-shrink: 0;
}

/* Event Tokens page */
.to-tokens-page {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.to-tokens-lead {
	margin: 0 0 12px;
	color: var(--to-text-muted);
	line-height: 1.55;
}

.to-tokens-banner-wrap {
	margin: 0;
}

.to-tokens-banner {
	display: block;
	width: 100%;
	max-width: 520px;
	margin: 0 auto;
	border-radius: var(--to-radius);
	border: 2px solid var(--to-border);
	box-shadow: var(--to-shadow-sm);
}

.to-tokens-section .to-card__title {
	margin-bottom: 10px;
}

.to-data-table--tokens .to-tokens-col-icon {
	width: 52px;
}

.to-data-table--tokens .to-events-col-level {
	width: 90px;
}

.to-data-table--tokens .to-tokens-col-time {
	min-width: 140px;
}

.to-data-table--tokens .to-tokens-col-guide {
	width: 90px;
}

.to-event-icon {
	vertical-align: middle;
	width: 32px;
	height: 32px;
	object-fit: contain;
	image-rendering: pixelated;
}

.to-event-name--run { color: #228b22; }
.to-event-name--firestorm { color: #c0392b; }
.to-event-name--base { color: #2563eb; }
.to-event-name--zombie { color: #1a1a1a; }
.to-event-name--dice { color: #8b4513; }
.to-event-name--serek { color: #6a0dad; }

.to-tokens-rewards {
	margin: 12px 0 0;
}

.to-reward-name--bag { color: #228b22; }
.to-reward-name--bones { color: #8b4513; }
.to-reward-name--pp { color: #c0392b; }

.to-tokens-note {
	margin: 12px 0 0;
	font-style: italic;
	color: var(--to-text-muted);
}

.to-tokens-col-guide a {
	font-weight: 600;
}

.to-events-schedule {
	font-size: 12px;
	line-height: 1.35;
	color: var(--to-text-muted);
	white-space: normal;
}

/* Elfbot scripts page */
.to-elfbot-page {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.to-elfbot-lead {
	margin: 0 0 12px;
	color: var(--to-text-muted);
	line-height: 1.55;
}

.to-elfbot-actions {
	margin-top: 4px;
}

.to-elfbot-section .to-card__title {
	margin-bottom: 12px;
}

.to-elfbot-list {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.to-elfbot-item {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
	gap: 12px 16px;
	align-items: start;
	padding: 12px 14px;
	border: 1px solid var(--to-border);
	border-radius: var(--to-radius);
	background: #f8faf9;
}

.to-elfbot-item__desc {
	font-size: 14px;
	line-height: 1.5;
	color: var(--to-text);
}

.to-elfbot-item__desc code {
	font-size: 12px;
	padding: 1px 5px;
	border-radius: 4px;
	background: #eef2ef;
	border: 1px solid #dde5df;
	color: var(--to-primary-dark);
}

.to-elfbot-code {
	margin: 0;
	padding: 10px 12px;
	border-radius: var(--to-radius);
	background: #1a1f2e !important;
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
	overflow-x: auto;
	font-family: Consolas, "Courier New", monospace;
	font-size: 12px;
	line-height: 1.45;
	color: #e8ecf4 !important;
	white-space: pre-wrap;
	word-break: break-word;
}

.to-elfbot-code code {
	font-family: inherit;
	font-size: inherit;
	color: #e8ecf4 !important;
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
}

/* Beat global .Content .BoxContent code (light chip) inside script blocks */
.Content .BoxContent .to-elfbot-page pre.to-elfbot-code,
.Content .BoxContent .to-elfbot-page .to-elfbot-code,
.Content .BoxContent .to-elfbot-page .to-elfbot-code code {
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
	color: #e8ecf4 !important;
}

.Content .BoxContent .to-elfbot-page pre.to-elfbot-code,
.Content .BoxContent .to-elfbot-page .to-elfbot-code {
	background: #1a1f2e !important;
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
	padding: 10px 12px !important;
}

@media (max-width: 860px) {
	.to-elfbot-item {
		grid-template-columns: 1fr;
	}
}

/* Homepage hero — force white card (beats legacy green + white-text rules) */
.Content .BoxContent .to-home .to-hero.to-card,
.to-home .to-hero.to-card {
	background: #ffffff !important;
	background-image: none !important;
	color: var(--to-text) !important;
	border: 1px solid var(--to-border) !important;
	box-shadow: var(--to-shadow-sm) !important;
}

.Content .BoxContent .to-home .to-hero::before,
.to-home .to-hero::before {
	display: none !important;
}

.Content .BoxContent .to-home .to-hero .to-hero__title,
.to-home .to-hero .to-hero__title,
.Content .BoxContent .to-home .to-hero h1,
.to-home .to-hero h1 {
	color: var(--to-primary-dark) !important;
	text-shadow: none !important;
}

.Content .BoxContent .to-home .to-hero .to-hero__subtitle,
.to-home .to-hero .to-hero__subtitle {
	color: var(--to-text-muted) !important;
}

.Content .BoxContent .to-home .to-hero .to-rate-item,
.to-home .to-hero .to-rate-item {
	background: #f8faf9 !important;
	border: 1px solid var(--to-border) !important;
}

.Content .BoxContent .to-home .to-hero .to-rate-item__value,
.to-home .to-hero .to-rate-item__value {
	color: var(--to-primary) !important;
}

.Content .BoxContent .to-home .to-hero .to-rate-item__label,
.to-home .to-hero .to-rate-item__label {
	color: var(--to-text-muted) !important;
}

/* Outfits page (addon item requirements) */
.to-outfits-page {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.to-outfits-lead {
	margin: 0 0 4px;
	color: var(--to-text-muted);
	line-height: 1.55;
	font-size: 14px;
}

.to-outfits-picker {
	margin: 0 0 16px;
	padding: 14px 16px;
	background: var(--to-surface-2);
	border: 1px solid var(--to-border);
	border-radius: var(--to-radius);
	box-shadow: var(--to-shadow-sm);
	font-size: 14px;
	line-height: 1.5;
}

.to-outfits-picker label,
.to-outfits-picker b,
.to-outfits-picker strong {
	color: var(--to-primary-dark);
	font-weight: 700;
}

.to-outfits-picker select {
	margin: 6px 0 0;
	min-width: min(100%, 320px);
	padding: 8px 12px;
	border: 1px solid var(--to-border);
	border-radius: var(--to-radius-sm);
	background: #fff;
	color: var(--to-text);
	font-family: var(--to-font);
	font-size: 14px;
}

.memsoria-outfits-body {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.to-outfits-page #outfit {
	width: 100%;
}

.to-outfits-page .to-outfits-table,
.to-outfits-page table.outfit {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	margin: 0 0 12px;
	border: 1px solid var(--to-border);
	border-radius: var(--to-radius);
	overflow: hidden;
	box-shadow: var(--to-shadow-sm);
	background: var(--to-surface-2);
	font-family: var(--to-font);
	font-size: 13px;
}

.to-outfits-page .to-outfits-table td,
.to-outfits-page table.outfit td {
	padding: 10px 14px !important;
	border-bottom: 1px solid #f0ebe3;
	vertical-align: middle;
	color: var(--to-text) !important;
	background: #fff !important;
}

.to-outfits-page .to-outfits-table tr:last-child td,
.to-outfits-page table.outfit tr:last-child td {
	border-bottom: none;
}

.to-outfits-page .to-outfits-table tr:first-child td,
.to-outfits-page table.outfit tr:first-child td {
	background: linear-gradient(180deg, #2d6b4a 0%, var(--to-primary-dark) 100%) !important;
	color: #fff !important;
	font-weight: 700;
	font-size: 13px;
	border-bottom: none !important;
}

.to-outfits-page .to-outfits-table tr:first-child td a,
.to-outfits-page table.outfit tr:first-child td a {
	color: #fff !important;
}

.to-outfits-page .to-outfits-table img,
.to-outfits-page table.outfit img {
	vertical-align: middle;
	margin: 2px 4px;
	image-rendering: pixelated;
}

.to-outfits-page .to-outfits-table .item,
.to-outfits-page table.outfit .item {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 36px;
	min-height: 36px;
	padding: 2px;
	border-radius: var(--to-radius-sm);
	background: #f8faf9;
	border: 1px solid var(--to-border);
}

.to-outfits-footer {
	margin-top: 8px;
	padding-top: 12px;
	border-top: 1px solid var(--to-border);
}

.to-outfits-page .ui-widget,
.to-outfits-page .ui-state-highlight {
	background: transparent !important;
	border: 0 !important;
}

/* ── Account: Edit Character Information (comment / hide) ── */
.Content .BoxContent .to-account-comment,
.to-account-comment {
	display: block;
	width: 100%;
	max-width: none;
	margin: 0;
	box-sizing: border-box;
}

.Content .BoxContent > .to-form-hint {
	margin: 0 0 14px;
	max-width: none;
}

.to-account-comment__card {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	box-sizing: border-box;
}

.to-account-comment__head {
	margin: 0;
	padding: 14px 22px;
	font-family: var(--to-font);
	font-size: 15px;
	font-weight: 700;
	color: #fff;
	background: linear-gradient(135deg, #0a2e1e 0%, #145a3a 40%, #1a7a52 100%);
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.to-account-comment__body {
	padding: 22px 24px 12px;
	background: var(--to-surface-2);
}

.to-account-comment .to-form-row {
	grid-template-columns: minmax(140px, 22%) 1fr;
	gap: 10px 20px;
	margin-bottom: 16px;
	align-items: start;
}

.to-account-comment .to-form-row--check {
	grid-template-columns: minmax(140px, 22%) 1fr;
	align-items: center;
}

.to-account-comment .to-form-field {
	width: 100%;
	min-width: 0;
}

.to-account-comment__name {
	display: block;
	padding-top: 8px;
	font-size: 15px;
	color: var(--to-text);
}

.to-account-comment__textarea,
.to-account-comment .to-form-input {
	display: block;
	width: 100%;
	max-width: none;
	min-height: 180px;
	box-sizing: border-box;
	resize: vertical;
	line-height: 1.45;
}

.to-account-comment .to-form-actions,
.to-account-comment .to-btn-group {
	width: 100%;
	margin: 16px 0 4px;
	justify-content: center;
	gap: 12px;
}

.to-account-comment .to-form-option input[type="checkbox"] {
	width: 16px;
	height: 16px;
	accent-color: var(--to-primary);
}

@media (max-width: 700px) {
	.to-account-comment .to-form-row,
	.to-account-comment .to-form-row--check {
		grid-template-columns: 1fr;
		gap: 6px;
	}

	.to-account-comment .to-form-label {
		padding-top: 0;
	}
}

/* ========== Guilds (modern Turkey Online) ========== */
.to-guild-page {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	font-family: var(--to-font);
	color: var(--to-text);
}

.to-guild-hero {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin: 0 0 16px;
	padding: 18px 20px;
	background: linear-gradient(135deg, #0a2e1e 0%, #145a3a 42%, #1a7a52 100%);
	border: 1px solid var(--to-primary-dark);
	border-radius: var(--to-radius);
	box-shadow: var(--to-shadow-md);
}

.to-guild-hero--list {
	justify-content: center;
	text-align: center;
}

.to-guild-hero__logo {
	width: 72px;
	height: 72px;
	object-fit: contain;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.18);
	padding: 4px;
	box-sizing: border-box;
}

.to-guild-hero__text {
	flex: 1;
	min-width: 0;
	text-align: center;
}

.to-guild-hero__title {
	margin: 0 0 4px !important;
	font-size: clamp(22px, 3vw, 30px) !important;
	font-weight: 800 !important;
	color: #fff !important;
	letter-spacing: -0.02em;
}

.to-guild-hero__meta {
	margin: 0;
	font-size: 13px;
	color: rgba(255, 255, 255, 0.88) !important;
}

.to-guild-card {
	margin: 0 0 14px;
}

.to-guild-card .to-card__title {
	margin: 0 0 12px;
	padding: 10px 14px;
	background: linear-gradient(135deg, #0a2e1e 0%, #145a3a 40%, #1a7a52 100%);
	color: #fff !important;
	border-radius: var(--to-radius);
	font-size: 14px;
	font-weight: 700;
}

.to-guild-info {
	padding: 4px 2px 2px;
}

.to-guild-info__desc {
	margin: 0 0 12px;
	padding: 12px 14px;
	background: var(--to-surface);
	border: 1px solid var(--to-border);
	border-radius: var(--to-radius);
	line-height: 1.45;
	color: var(--to-text);
}

.to-guild-info__lead {
	margin: 0 0 12px;
	line-height: 1.5;
	color: var(--to-text);
}

.to-guild-info__lead a,
.to-guild-info__lead strong {
	color: var(--to-primary-dark);
}

.to-guild-info__actions {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
}

.to-guild-table thead th {
	background: linear-gradient(135deg, #0a2e1e 0%, #145a3a 40%, #1a7a52 100%) !important;
	color: #fff !important;
}

.to-guild-table__rank {
	font-weight: 600;
	color: var(--to-primary-dark);
	white-space: nowrap;
}

.to-guild-member {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

.to-guild-member__nick {
	color: var(--to-text-muted);
	font-size: 12px;
}

.to-guild-member__kick {
	margin-left: auto;
	font-size: 12px;
	font-weight: 600;
	color: var(--to-offline) !important;
	text-decoration: none !important;
}

.to-guild-member__kick:hover {
	text-decoration: underline !important;
}

.to-guild-nick-form {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 0;
}

.to-guild-page .to-input,
.to-guild-nick-form .to-input {
	font-family: var(--to-font);
	font-size: 13px;
	padding: 6px 10px;
	border: 1px solid var(--to-border);
	border-radius: var(--to-radius);
	background: #fff;
	color: var(--to-text);
	min-width: 100px;
}

.to-guild-page .to-input--sm,
.to-guild-nick-form .to-input--sm {
	padding: 5px 8px;
	font-size: 12px;
	min-width: 90px;
}

.to-status {
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	padding: 3px 8px;
	border-radius: 999px;
}

.to-status--online {
	color: #fff !important;
	background: var(--to-online);
}

.to-status--offline {
	color: #fff !important;
	background: var(--to-offline);
}

.to-guild-empty {
	margin: 0;
	padding: 14px 4px;
	color: var(--to-text-muted);
	text-align: center;
}

.to-guild-actions {
	margin-top: 8px;
	flex-wrap: wrap;
}

.to-guild-list-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 4px;
}

.to-guild-list-head .to-card__title {
	margin-bottom: 0;
	flex: 1;
}

.to-guild-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.to-guild-list__item {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 12px 14px;
	background: var(--to-surface);
	border: 1px solid var(--to-border);
	border-radius: var(--to-radius);
	box-shadow: var(--to-shadow-sm);
}

.to-guild-list__logo {
	width: 64px;
	height: 64px;
	object-fit: contain;
	border-radius: 8px;
	background: #fff;
	border: 1px solid var(--to-border);
	padding: 3px;
	box-sizing: border-box;
}

.to-guild-list__body {
	flex: 1;
	min-width: 0;
}

.to-guild-list__name {
	margin: 0 0 4px;
	font-size: 16px;
	font-weight: 700;
	color: var(--to-primary-dark);
}

.to-guild-list__name a {
	color: var(--to-primary-dark) !important;
	text-decoration: none !important;
}

.to-guild-list__name a:hover {
	color: var(--to-primary) !important;
	text-decoration: underline !important;
}

.to-guild-list__admin {
	margin-left: 8px;
	font-size: 12px;
	font-weight: 600;
	color: var(--to-offline) !important;
}

.to-guild-list__desc {
	font-size: 13px;
	line-height: 1.4;
	color: var(--to-text-muted);
}

.to-guild-foot {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin: 14px 0 0;
	color: var(--to-text-muted);
	font-size: 13px;
}

@media (max-width: 640px) {
	.to-guild-hero__logo--right {
		display: none;
	}

	.to-guild-list__item {
		flex-wrap: wrap;
	}

	.to-guild-list-head {
		flex-direction: column;
		align-items: stretch;
	}
}

.to-guild-form .to-form-row {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin: 0 0 14px;
}

.to-guild-form .to-label {
	font-size: 13px;
	font-weight: 600;
	color: var(--to-primary-dark);
}

.to-guild-form .to-help {
	font-size: 12px;
	color: var(--to-text-muted);
}

.to-guild-form .to-input,
.to-guild-form select.to-input {
	width: 100%;
	max-width: 420px;
	box-sizing: border-box;
}

.to-guild-manager-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.to-guild-manager-item {
	display: block;
	padding: 12px 14px;
	background: var(--to-surface);
	border: 1px solid var(--to-border);
	border-radius: var(--to-radius);
	text-decoration: none !important;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.to-guild-manager-item:hover {
	border-color: var(--to-primary);
	box-shadow: var(--to-shadow-sm);
}

.to-guild-manager-item strong {
	display: block;
	margin-bottom: 3px;
	color: var(--to-primary-dark) !important;
	font-size: 14px;
}

.to-guild-manager-item span {
	display: block;
	font-size: 12px;
	color: var(--to-text-muted) !important;
}

.to-guild-inline-fields {
	display: flex;
	flex-wrap: wrap;
	gap: 14px 18px;
	align-items: flex-end;
}

.to-guild-inline-fields .to-form-row {
	margin-bottom: 0;
	min-width: 200px;
	flex: 1;
}

.to-textarea {
	min-height: 110px;
	resize: vertical;
	line-height: 1.45;
}

.to-guild-radio-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.to-guild-radio {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	background: var(--to-surface);
	border: 1px solid var(--to-border);
	border-radius: var(--to-radius);
	cursor: pointer;
}

.to-guild-radio:hover {
	border-color: var(--to-primary);
}

.to-guild-radio input {
	accent-color: var(--to-primary);
}

/* Sidebar Top 5 Guilds (under highscores) */
.to-guilds-widget {
	margin-top: 12px;
}

.to-guilds-widget__head::before {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.to-guilds-row__logo {
	width: 36px;
	height: 36px;
	padding: 2px;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid var(--to-border);
	border-radius: 6px;
	image-rendering: auto;
}

.to-guilds-widget__empty {
	margin: 0;
	padding: 12px 8px;
	text-align: center;
	font-size: 12px;
	color: var(--to-text-muted);
}

/* Bug tracker */
.to-bugtracker {
	margin-bottom: 16px;
}

.to-bugtracker__head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 12px;
}

.to-bugtracker__head .to-card__title {
	margin: 0;
}

.to-bugtracker__body {
	padding: 12px 4px 4px;
	font-size: 13px;
	line-height: 1.6;
	color: var(--to-text);
	word-break: break-word;
}

.to-bugtracker--reply {
	border-left: 3px solid var(--to-primary);
}

.to-badge--success {
	border-color: #bbf7d0;
	background: #f0fdf4;
	color: #166534;
	font-weight: 600;
}

.to-badge--danger {
	border-color: #fecaca;
	background: #fef2f2;
	color: #991b1b;
	font-weight: 600;
}

.to-badge--info {
	border-color: #bfdbfe;
	background: #eff6ff;
	color: #1d4ed8;
	font-weight: 600;
}

.to-btn-group {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
}

.to-text-muted {
	color: var(--to-text-muted, #6b7280);
	font-style: italic;
}

.to-list {
	margin: 0;
	padding-left: 1.25em;
}

.to-table-scroll {
	overflow-x: auto;
	margin-bottom: 8px;
}

.to-form-option {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	color: var(--to-text);
	cursor: pointer;
}