@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');

/* =========================================================
   FURIA CLARITY
   One readable type system + one button language.
   Loaded last so it wins over the stacked legacy CSS.
========================================================= */

:root {
	--font: "Inter", Arial, Helvetica, sans-serif;
	--serif: "Barlow Condensed", "Arial Narrow", Arial, sans-serif;
	--f-ui: "Inter", Arial, Helvetica, sans-serif;
	--f-serif: "Barlow Condensed", "Arial Narrow", Arial, sans-serif;
	--furia-ui-font: "Inter", Arial, Helvetica, sans-serif;
	--furia-ui-display: "Barlow Condensed", "Arial Narrow", Arial, sans-serif;
	--fv4-ui: "Inter", Arial, Helvetica, sans-serif;
	--fv4-serif: "Barlow Condensed", "Arial Narrow", Arial, sans-serif;

	--text: #e4ddd6;
	--text-soft: #b7aea6;
	--text-muted: #8f877f;
	--title: #f3ebe3;
	--gold: #e0b07a;

	--btn-h: 40px;
	--btn-radius: 6px;
	--btn-font: 13px;
	--btn-pad: 0 16px;
	--btn-primary: linear-gradient(180deg, #d14d41 0%, #a8332a 100%);
	--btn-primary-hover: linear-gradient(180deg, #e0584c 0%, #b83a30 100%);
	--btn-secondary: linear-gradient(180deg, #222425 0%, #181a1b 100%);
	--btn-secondary-hover: linear-gradient(180deg, #2a2c2d 0%, #1e2021 100%);
}


/* =========================================================
   TYPE
========================================================= */

html,
body,
#content,
#content input,
#content select,
#content textarea,
#content button,
#tabs,
#mainsubmenu,
.furia-sidebar,
.sidebox,
.quick-create,
.quick-secondary {
	font-family: var(--font) !important;
}

body {
	font-size: 15px !important;
	line-height: 1.55 !important;
	color: var(--text) !important;
}

#content {
	font-size: 15px !important;
	line-height: 1.6 !important;
	color: var(--text) !important;
}

#content p,
#content li,
#content td,
#content th,
#content label,
#content span,
#content small,
#content strong,
#content a,
#content input,
#content select,
#content textarea {
	font-family: var(--font) !important;
}

#content p,
#content li,
.furia-news-excerpt,
.furia-news-single-content,
.furia-changelog-body-readable,
.furia-changelog-minimal-body,
.furia-command-description,
.furia-kill-description,
.furia-faq-answer,
.furia-gallery-content p,
.furia-download-desc,
.furia-rules,
.furia-guilds-page p,
.furia-page-intro p,
.furia-minimal-description,
.furia-guild-manager-intro,
.furia-shop-login-note {
	font-size: 15px !important;
	line-height: 1.65 !important;
	color: #d8d0c8 !important;
}

.furia-brand-name,
.page-heading h1,
.furia-news-title,
.furia-news-single-title,
.furia-page-intro h2,
.furia-rule-title,
.furia-download-title,
.furia-account-minimal-name,
.furia-archive-main strong,
.server-side-players strong,
.server-meta-item strong,
.furia-stat strong,
.furia-ranking-value,
.furia-kill-number,
.furia-guild-hero h2,
.furia-guild-member-level strong,
.furia-vocation strong,
.furia-changelog-date-day,
#content h1,
#content h2,
#content h3,
#content .title {
	font-family: var(--serif) !important;
	letter-spacing: .02em !important;
}

.page-heading h1 {
	font-size: 30px !important;
	line-height: 1.1 !important;
	color: var(--title) !important;
	font-weight: 700 !important;
}

.furia-page-intro h2,
.furia-news-title,
.furia-news-single-title,
.furia-rule-title,
.furia-download-title,
.furia-guild-hero h2 {
	font-size: 26px !important;
	line-height: 1.15 !important;
	color: var(--title) !important;
	font-weight: 700 !important;
}

.furia-page-kicker,
.furia-news-date,
.furia-news-author,
.furia-news-readmore,
.furia-home-change-date,
.furia-minimal-help,
.furia-form-help,
.furia-form-error,
.furia-account-notice span,
.furia-empty-state span,
.furia-minimal-empty,
.furia-filter-field label,
.furia-character-summary,
.furia-character-history-date,
.sotd-text small,
.server-meta-item span,
.quick-create small,
.furia-brand-small,
.furia-brand-by,
.furia-brand-description {
	font-size: 13px !important;
	letter-spacing: .02em !important;
}

.furia-brand-small,
.furia-brand-by,
.furia-brand-description {
	font-weight: 600 !important;
}

#tabs span,
#tabs .tab,
#tabs .tab-active {
	font-size: 14px !important;
	font-weight: 700 !important;
	letter-spacing: .04em !important;
}

#mainsubmenu a {
	font-size: 13px !important;
	font-weight: 700 !important;
	letter-spacing: .04em !important;
	padding: 10px 14px !important;
}

.sidebox-title {
	font-size: 13px !important;
	letter-spacing: .08em !important;
	font-weight: 800 !important;
}

.quick-create small {
	font-size: 11px !important;
	letter-spacing: .08em !important;
}

.quick-create strong {
	font-size: 16px !important;
	font-family: var(--serif) !important;
	letter-spacing: .04em !important;
}

.quick-secondary {
	font-size: 13px !important;
	font-weight: 700 !important;
	min-height: 42px !important;
	border-radius: var(--btn-radius) !important;
}

.server-side-online,
.server-side-players,
.server-meta-item {
	font-size: 14px !important;
}

#content table td,
#content table th,
.furia-data-table td,
.furia-data-table th,
.furia-info-row,
.furia-info-row strong,
.furia-online-row,
.furia-ranking-row,
.furia-house-row,
.furia-bans-row,
.furia-guild-member-row,
.furia-account-character-row,
.furia-account-log-row,
.furia-account-minimal-log-row,
.furia-account-minimal-character-row,
.furia-character-info-value,
.furia-character-history-description,
.furia-team-page .furia-team-row {
	font-size: 14px !important;
}

#content table th,
#content .LabelV,
#content .LabelH,
.furia-data-table th,
.furia-online-head,
.furia-ranking-head,
.furia-house-list-head,
.furia-bans-head,
.furia-guild-members-head,
.furia-account-character-head,
.furia-account-log-head,
.furia-account-minimal-log-head,
.furia-account-minimal-character-head,
.furia-team-page .furia-team-table-head,
.furia-simple-section-head,
.furia-minimal-section-title,
.furia-minimal-section-head,
.furia-minimal-label,
.furia-minimal-field label,
.furia-account-form-field > label,
.furia-form-field > span,
.furia-form-label {
	font-size: 12px !important;
	font-weight: 800 !important;
	letter-spacing: .06em !important;
}

.furia-stat > span,
.furia-stat-note,
.furia-section-count,
.furia-page-count {
	font-size: 12px !important;
}

.furia-stat strong,
.furia-record-value,
.furia-online-page .furia-server-state {
	font-size: 22px !important;
	font-family: var(--serif) !important;
}

.furia-online-name,
.furia-ranking-row a,
.furia-guild-member-row a {
	font-size: 15px !important;
	font-weight: 700 !important;
}

.furia-home-change-text {
	font-size: 14px !important;
	line-height: 1.55 !important;
}

.furia-faq-question > button > span {
	font-size: 15px !important;
	line-height: 1.45 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	font-weight: 600 !important;
}


/* =========================================================
   FORMS
========================================================= */

#content input[type="text"],
#content input[type="password"],
#content input[type="email"],
#content input[type="number"],
#content input[type="search"],
#content select,
#content textarea {
	min-height: 42px !important;
	padding: 10px 13px !important;
	color: #f0e8e0 !important;
	background: #101213 !important;
	border: 1px solid rgba(255,255,255,.12) !important;
	border-radius: var(--btn-radius) !important;
	font-size: 15px !important;
	line-height: 1.4 !important;
}

#content textarea {
	min-height: 120px !important;
}


/* =========================================================
   BUTTONS — one language for the whole site
========================================================= */

#content a.button,
#content a.Button,
#content .button,
#content .btn,
#content button:not(.furia-expand-toggle):not(.furia-secret-toggle),
#content input[type="submit"],
#content input[type="button"],
#content .ButtonText,
#content .furia-guild-action,
#content .furia-guild-manage-button,
#content .furia-war-new,
#content .furia-war-btn,
#content .furia-wars-btn,
#content .furia-admin-action,
#content .furia-account-action,
#content .furia-ui-btn,
#content .furia-action-link,
#content .furia-secondary-action,
#content .furia-row-action,
#content .furia-small-action,
#content .furia-inline-action,
#content .furia-back-button,
#content .furia-minimal-form-actions button,
#content .furia-minimal-form-actions a,
#content .furia-minimal-row-action,
#content .furia-minimal-section-head > a,
#content .furia-account-minimal-bottom-actions a,
#content .furia-minimal-danger-link,
#content .furia-account-nav-logout,
#content .furia-header-dev-button,
#content .furia-minimal-notice button,
#content .furia-minimal-data-action button,
.quick-create,
.quick-secondary {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	min-height: var(--btn-h) !important;
	height: auto !important;
	padding: var(--btn-pad) !important;
	color: #fff8f4 !important;
	background: var(--btn-primary) !important;
	background-image: var(--btn-primary) !important;
	border: 1px solid #e06558 !important;
	border-left: 1px solid #e06558 !important;
	border-radius: var(--btn-radius) !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 6px 16px rgba(120,22,18,.20) !important;
	font-family: var(--font) !important;
	font-size: var(--btn-font) !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	letter-spacing: .04em !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	text-shadow: none !important;
	cursor: pointer !important;
	transition: background .15s ease, border-color .15s ease, transform .15s ease, filter .15s ease !important;
}

#content a.button:hover,
#content a.Button:hover,
#content .button:hover,
#content .btn:hover,
#content button:not(.furia-expand-toggle):not(.furia-secret-toggle):hover,
#content input[type="submit"]:hover,
#content input[type="button"]:hover,
#content .ButtonText:hover,
#content .furia-guild-action:hover,
#content .furia-guild-manage-button:hover,
#content .furia-war-new:hover,
#content .furia-war-btn:hover,
#content .furia-wars-btn:hover,
#content .furia-admin-action:hover,
#content .furia-account-action:hover,
#content .furia-ui-btn:hover,
#content .furia-action-link:hover,
#content .furia-secondary-action:hover,
#content .furia-row-action:hover,
#content .furia-small-action:hover,
#content .furia-inline-action:hover,
#content .furia-back-button:hover,
#content .furia-minimal-form-actions button:hover,
#content .furia-minimal-form-actions a:hover,
#content .furia-minimal-row-action:hover,
#content .furia-minimal-section-head > a:hover,
#content .furia-account-minimal-bottom-actions a:hover,
#content .furia-minimal-danger-link:hover,
#content .furia-account-nav-logout:hover,
#content .furia-header-dev-button:hover,
#content .furia-minimal-notice button:hover,
#content .furia-minimal-data-action button:hover,
.quick-create:hover,
.quick-secondary:hover {
	color: #fff !important;
	background: var(--btn-primary-hover) !important;
	background-image: var(--btn-primary-hover) !important;
	border-color: #f07a6d !important;
	filter: none !important;
	transform: translateY(-1px) !important;
}

#content .furia-secondary-action,
#content .furia-back-button,
#content .furia-minimal-form-actions a,
#content .furia-minimal-row-action,
#content .furia-account-minimal-bottom-actions a,
#content .quick-secondary,
.quick-secondary,
#content .furia-ui-btn:not(.primary):not(.accept):not(.danger),
#content .furia-wars-btn:not(.primary):not(.accept):not(.danger),
#content .furia-war-btn:not(.accept):not(.danger) {
	color: #efe6de !important;
	background: var(--btn-secondary) !important;
	background-image: var(--btn-secondary) !important;
	border: 1px solid rgba(255,255,255,.12) !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 4px 12px rgba(0,0,0,.16) !important;
}

#content .furia-secondary-action:hover,
#content .furia-back-button:hover,
#content .furia-minimal-form-actions a:hover,
#content .furia-minimal-row-action:hover,
#content .furia-account-minimal-bottom-actions a:hover,
.quick-secondary:hover,
#content .furia-ui-btn:not(.primary):not(.accept):not(.danger):hover,
#content .furia-wars-btn:not(.primary):not(.accept):not(.danger):hover,
#content .furia-war-btn:not(.accept):not(.danger):hover {
	color: #fff !important;
	background: var(--btn-secondary-hover) !important;
	background-image: var(--btn-secondary-hover) !important;
	border-color: rgba(224,90,78,.45) !important;
}

#content .danger,
#content .btn-danger,
#content .delete,
#content button.danger,
#content a.danger,
#content .furia-guild-action.danger,
#content .furia-account-minimal-bottom-actions a.danger,
#content .furia-minimal-form-actions .danger,
#content .furia-minimal-danger-link,
#content .furia-account-nav-logout {
	color: #fff8f4 !important;
	background: var(--btn-primary) !important;
	background-image: var(--btn-primary) !important;
	border: 1px solid #e06558 !important;
}

#content input[type="submit"],
#content input[type="button"] {
	width: auto !important;
}

.quick-create {
	min-height: 68px !important;
	padding: 12px 16px !important;
	justify-content: flex-start !important;
	border-radius: 8px !important;
	text-transform: none !important;
}

.quick-create small,
.quick-create strong {
	text-transform: none !important;
	letter-spacing: .04em !important;
}

.quick-create small {
	text-transform: uppercase !important;
}


/* Accordion / expanders stay as text controls, not action buttons */
#content .furia-faq-question > button,
#content .furia-faq-question > button:hover {
	display: flex !important;
	width: 100% !important;
	justify-content: space-between !important;
	min-height: 0 !important;
	padding: 14px 16px !important;
	color: #efe6de !important;
	background: transparent !important;
	background-image: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	transform: none !important;
	text-transform: none !important;
}

#content .furia-home-change-toggle,
#content .furia-home-change-toggle:hover {
	display: inline-flex !important;
	min-height: 0 !important;
	padding: 0 !important;
	margin-left: 6px !important;
	color: #e05a4d !important;
	background: transparent !important;
	background-image: none !important;
	border: 0 !important;
	box-shadow: none !important;
	transform: none !important;
	font-size: 12px !important;
}

#content .furia-spell-tabs button {
	min-height: 36px !important;
	background: var(--btn-secondary) !important;
	background-image: var(--btn-secondary) !important;
	border: 1px solid rgba(255,255,255,.10) !important;
	box-shadow: none !important;
}

#content .furia-spell-tabs button.active {
	background: var(--btn-primary) !important;
	background-image: var(--btn-primary) !important;
	border-color: #e06558 !important;
}


/* =========================================================
   ACCOUNT MANAGEMENT
========================================================= */

#content .furia-account-minimal {
	max-width: 1180px !important;
	margin: 0 auto !important;
	padding: 4px 0 28px !important;
	font-size: 15px !important;
}

#content .furia-account-minimal-top {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 20px !important;
	margin: 0 0 14px !important;
	padding: 20px 22px !important;
	background: linear-gradient(180deg, #161819, #101213) !important;
	border: 1px solid rgba(255,255,255,.07) !important;
	border-radius: 8px !important;
	overflow: visible !important;
	visibility: visible !important;
	opacity: 1 !important;
}

#content .furia-minimal-label {
	display: block !important;
	margin-bottom: 6px !important;
	color: #c08a5c !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	letter-spacing: .08em !important;
}

#content .furia-account-minimal-name {
	display: block !important;
	color: #f4ece4 !important;
	font-size: 30px !important;
	line-height: 1.1 !important;
	font-weight: 700 !important;
}

#content .furia-account-minimal-premium {
	display: block !important;
	margin-top: 6px !important;
	color: var(--gold) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
}

#content .furia-minimal-danger-link,
#content .furia-account-nav-logout {
	display: inline-flex !important;
	visibility: visible !important;
	opacity: 1 !important;
	position: relative !important;
	z-index: 20 !important;
	min-width: 118px !important;
}

#content .furia-minimal-danger-link i,
#content .furia-account-nav-logout i {
	display: inline-block !important;
	font-size: 13px !important;
}

#content .furia-account-minimal-nav {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 6px !important;
	margin: 0 0 16px !important;
	padding: 8px !important;
	background: #101213 !important;
	border: 1px solid rgba(255,255,255,.06) !important;
	border-radius: 8px !important;
}

#content .furia-account-minimal-nav a {
	display: inline-flex !important;
	align-items: center !important;
	min-height: 38px !important;
	padding: 0 13px !important;
	color: #c9c0b8 !important;
	background: transparent !important;
	border: 1px solid transparent !important;
	border-radius: 6px !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	letter-spacing: .04em !important;
	text-decoration: none !important;
}

#content .furia-account-minimal-nav a:hover,
#content .furia-account-minimal-nav a.active {
	color: #fff !important;
	background: #1a1c1d !important;
	border-color: rgba(255,255,255,.08) !important;
}

#content .furia-account-minimal-nav a.active {
	border-color: rgba(224,90,78,.42) !important;
	box-shadow: inset 0 -2px 0 #d14d41 !important;
}

#content .furia-account-minimal-nav a.active::after {
	display: none !important;
}

#content .furia-account-minimal-nav .furia-account-nav-logout {
	margin-left: auto !important;
	color: #fff8f4 !important;
	background: var(--btn-primary) !important;
	background-image: var(--btn-primary) !important;
	border: 1px solid #e06558 !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 6px 16px rgba(120,22,18,.20) !important;
}

#content .furia-minimal-notice {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 18px !important;
	margin-bottom: 14px !important;
	padding: 14px 16px !important;
	color: #d8cfc7 !important;
	background: #141617 !important;
	border: 1px solid rgba(255,255,255,.06) !important;
	border-left: 3px solid #c7473b !important;
	border-radius: 8px !important;
	font-size: 14px !important;
}

#content .furia-minimal-section {
	margin: 0 0 16px !important;
	overflow: hidden !important;
	background: linear-gradient(180deg, #141617, #101213) !important;
	border: 1px solid rgba(255,255,255,.06) !important;
	border-radius: 8px !important;
	box-shadow: 0 10px 24px rgba(0,0,0,.12) !important;
}

#content .furia-minimal-section-title,
#content .furia-minimal-section-head {
	min-height: 50px !important;
	display: flex !important;
	align-items: center !important;
	color: var(--gold) !important;
	background: #0e1011 !important;
	border-bottom: 1px solid rgba(255,255,255,.06) !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	letter-spacing: .08em !important;
}

#content .furia-minimal-section > .furia-minimal-section-title {
	padding: 0 22px !important;
}

#content .furia-minimal-section-head {
	justify-content: space-between !important;
	padding: 0 14px 0 22px !important;
}

#content .furia-minimal-data-row {
	min-height: 52px !important;
	display: grid !important;
	grid-template-columns: 190px minmax(0,1fr) !important;
	align-items: center !important;
	gap: 18px !important;
	padding: 10px 22px !important;
	border-bottom: 1px solid rgba(255,255,255,.04) !important;
}

#content .furia-minimal-data-row > span:first-child {
	color: #a79e96 !important;
	font-size: 12px !important;
}

#content .furia-minimal-data-row strong {
	color: #eee5dd !important;
	font-size: 15px !important;
	font-weight: 600 !important;
}

#content .furia-account-minimal-log-head,
#content .furia-account-minimal-log-row {
	display: grid !important;
	grid-template-columns: minmax(220px,1fr) 200px 160px !important;
	align-items: center !important;
	gap: 16px !important;
	padding: 12px 22px !important;
}

#content .furia-account-minimal-log-head {
	color: #a79e96 !important;
	background: #131516 !important;
	font-size: 12px !important;
}

#content .furia-account-minimal-log-row {
	min-height: 50px !important;
	color: #d8cfc7 !important;
	font-size: 14px !important;
}

#content .furia-account-minimal-character-head,
#content .furia-account-minimal-character-row {
	display: grid !important;
	grid-template-columns: minmax(210px,1.5fr) 70px 120px 110px 150px 96px 78px !important;
	align-items: center !important;
	gap: 12px !important;
	padding: 12px 28px !important;
}

#content .furia-account-minimal-character-head {
	min-height: 46px !important;
	color: #a79e96 !important;
	background: #131516 !important;
	font-size: 12px !important;
}

#content .furia-account-minimal-character-row {
	min-height: 62px !important;
	color: #d8cfc7 !important;
	background: transparent !important;
	border-bottom: 1px solid rgba(255,255,255,.04) !important;
}

#content .furia-account-minimal-character-row:hover {
	background: rgba(255,255,255,.02) !important;
}

#content .furia-account-minimal-character-name {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	min-width: 0 !important;
	padding-left: 4px !important;
}

#content .furia-account-minimal-character-name > a {
	color: #e8b06a !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

#content .furia-account-minimal-character-name small {
	color: #9a9189 !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	letter-spacing: .05em !important;
}

#content .furia-account-minimal-character-name small.danger {
	color: #e08a82 !important;
}

#content .furia-account-minimal-character-row > strong {
	color: #efb15f !important;
	font-size: 16px !important;
}

#content .furia-account-minimal-character-row > span,
#content .furia-account-minimal-character-row > time {
	color: #c4bbb3 !important;
	font-size: 14px !important;
}

#content .furia-minimal-status {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 78px !important;
	min-height: 28px !important;
	padding: 0 10px !important;
	color: #c4bbb3 !important;
	background: #161819 !important;
	border: 1px solid rgba(255,255,255,.08) !important;
	border-radius: 999px !important;
	font-size: 11px !important;
	font-weight: 800 !important;
}

#content .furia-minimal-status.online {
	color: #8ad67c !important;
	border-color: rgba(121,213,104,.28) !important;
}

#content .furia-account-minimal-bottom-actions {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	flex-wrap: wrap !important;
	padding: 14px 22px !important;
	background: #0e1011 !important;
	border-top: 1px solid rgba(255,255,255,.06) !important;
}

#content .furia-minimal-empty {
	padding: 36px 22px !important;
	color: #a79e96 !important;
	font-size: 15px !important;
}

#content .furia-referral-stats {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

#content .furia-referral-stats small {
	font-size: 11px !important;
}

#content .furia-referral-stats strong {
	font-size: 22px !important;
}

#content button.furia-minimal-row-action {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 34px !important;
	padding: 0 13px !important;
	color: #d8cfc8 !important;
	background: #141617 !important;
	border: 1px solid rgba(255,255,255,.085) !important;
	cursor: pointer;
	font-size: 10px !important;
	font-weight: 900 !important;
	letter-spacing: .4px !important;
	text-transform: uppercase;
}


/* =========================================================
   STARTING CITY PICKER
========================================================= */

#content .furia-town-help {
	margin: 0 0 12px !important;
	color: #b7aea6 !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
}

#content .furia-town-picker {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 8px !important;
}

#content .furia-town-option {
	display: block !important;
	margin: 0 !important;
	cursor: pointer !important;
}

#content .furia-town-option input {
	position: absolute !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

#content .furia-town-card {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 48px !important;
	padding: 10px 12px !important;
	color: #e8dfd7 !important;
	background: #161819 !important;
	border: 1px solid rgba(255,255,255,.08) !important;
	border-radius: 6px !important;
	text-align: center !important;
	transition: background .15s ease, border-color .15s ease, color .15s ease !important;
}

#content .furia-town-card strong {
	font-size: 14px !important;
	font-weight: 700 !important;
	letter-spacing: .02em !important;
}

#content .furia-town-option:hover .furia-town-card {
	color: #fff !important;
	background: #1d1f20 !important;
	border-color: rgba(224,90,78,.38) !important;
}

#content .furia-town-option input:checked + .furia-town-card {
	color: #fff !important;
	background: linear-gradient(180deg, #d14d41, #a8332a) !important;
	border-color: #e06558 !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 6px 14px rgba(120,22,18,.18) !important;
}

@media (max-width: 720px) {
	#content .furia-town-picker {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

/* =========================================================
   PANELS / CARDS
========================================================= */

#content .furia-simple-section,
#content .furia-stat,
#content .furia-news-card,
#content .furia-news-single,
#content .furia-faq-item,
#content .furia-download-card,
#content .furia-guild-card,
#content .furia-war-match,
#content .BoxContent {
	border-radius: 8px !important;
}

.page-heading,
.sidebox {
	border-radius: 8px !important;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 900px) {
	#content .furia-account-minimal-character-head,
	#content .furia-account-minimal-character-row {
		grid-template-columns: minmax(160px,1.4fr) 60px 100px 90px 130px 80px 70px !important;
		padding: 12px 18px !important;
	}
}

@media (max-width: 720px) {
	#content,
	#content p,
	#content li,
	#content table td,
	#content table th {
		font-size: 14px !important;
	}

	#content .furia-account-minimal-top {
		align-items: flex-start !important;
		flex-direction: column !important;
	}

	#content .furia-account-minimal-nav .furia-account-nav-logout {
		margin-left: 0 !important;
	}

	#content .furia-account-minimal-character-head {
		display: none !important;
	}

	#content .furia-account-minimal-character-row {
		grid-template-columns: 1fr auto !important;
		gap: 8px 14px !important;
		padding: 14px 18px !important;
	}

	#content .furia-account-minimal-character-name {
		grid-column: 1 / -1 !important;
		padding-left: 2px !important;
	}

	#content .furia-minimal-data-row,
	#content .furia-account-minimal-log-head,
	#content .furia-account-minimal-log-row {
		grid-template-columns: 1fr !important;
		gap: 6px !important;
	}
}

/* =========================================================
   COMPACT TEXT CONTROLS — changelog more/less + secret reveal
========================================================= */

#content button.furia-expand-toggle,
#content .furia-expand-toggle {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 5px !important;
	width: auto !important;
	min-width: 0 !important;
	min-height: 0 !important;
	height: auto !important;
	margin: 8px 0 0 !important;
	padding: 0 !important;
	color: #d36a5e !important;
	background: transparent !important;
	background-image: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	font-family: var(--font) !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: .08em !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
	text-shadow: none !important;
	transform: none !important;
	cursor: pointer !important;
}

#content button.furia-expand-toggle:hover,
#content .furia-expand-toggle:hover {
	color: #f0c2b8 !important;
	background: transparent !important;
	background-image: none !important;
	border: 0 !important;
	transform: none !important;
	filter: none !important;
}

#content .furia-expand-toggle i {
	font-size: 9px !important;
	color: currentColor !important;
}

#content button.furia-secret-toggle,
#content .furia-secret-toggle {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	min-width: 0 !important;
	min-height: 22px !important;
	height: auto !important;
	margin: 0 0 0 8px !important;
	padding: 0 7px !important;
	color: #c9b8ae !important;
	background: rgba(255,255,255,.04) !important;
	background-image: none !important;
	border: 1px solid rgba(255,255,255,.08) !important;
	border-radius: 3px !important;
	box-shadow: none !important;
	font-family: var(--font) !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	letter-spacing: .06em !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
	text-shadow: none !important;
	transform: none !important;
	cursor: pointer !important;
}

#content button.furia-secret-toggle:hover,
#content .furia-secret-toggle:hover {
	color: #fff !important;
	background: rgba(255,255,255,.08) !important;
	border-color: rgba(211,106,94,.4) !important;
	transform: none !important;
}

.furia-secret {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 2px;
	min-width: 0;
}

.furia-secret-value {
	display: none;
	word-break: break-all;
}

.furia-secret-mask {
	display: inline;
	letter-spacing: 1px;
	color: #9a918a;
}

.furia-secret.is-revealed .furia-secret-value {
	display: inline;
}

.furia-secret.is-revealed .furia-secret-mask {
	display: none;
}

.furia-account-minimal-name .furia-secret {
	display: flex;
	align-items: center;
	gap: 10px;
}

.furia-account-minimal-name .furia-secret-mask,
.furia-account-minimal-name .furia-secret-value {
	font-size: inherit;
}

.account-box {
	overflow: hidden !important;
	max-width: 100% !important;
	min-width: 0 !important;
}

.furia-sidebar,
.furia-sidebar .sidebox {
	min-width: 0 !important;
	max-width: 100%;
}

.account-box .quick-buttons,
.account-box .quick-buttons-row,
.account-box .quick-create,
.account-box .quick-secondary {
	min-width: 0 !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}

.account-box .quick-buttons {
	display: flex !important;
	flex-direction: column !important;
	width: 100% !important;
}

.account-box .quick-create {
	width: 100% !important;
	display: flex !important;
}

.account-box .quick-buttons-row {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
	width: 100% !important;
}

.account-box .quick-secondary {
	display: flex !important;
	width: 100% !important;
	overflow: hidden !important;
	padding: 0 6px !important;
	font-size: 11px !important;
	gap: 4px !important;
	white-space: nowrap !important;
	letter-spacing: .02em !important;
}

.account-box .quick-secondary i {
	flex: 0 0 auto;
	font-size: 12px !important;
}

.account-box .quick-secondary span {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}