@charset "utf-8";

/* ==========================================================================
   RETRO KARMIA — ECLIPSE V4
   Minimal cinematic dark skin for MyAAC / Kathrine.
   ========================================================================== */

:root {
	--black: #040609;
	--base: #06090d;
	--surface: #0a0e13;
	--surface-2: #0d1218;
	--surface-3: #111820;
	--hover: #141c25;
	--edge: #1a232d;
	--edge-soft: #121920;
	--edge-accent: rgba(177, 139, 75, .46);
	--gold: #af894d;
	--gold-bright: #d8b879;
	--gold-soft: #8f713f;
	--white: #edf1f4;
	--text: #c4cbd2;
	--muted: #78838e;
	--muted-low: #58636f;
	--green: #42bd7c;
	--red: #e06b58;
	--steel: #7590a6;
	--radius: 10px;
	--display: Cinzel, Georgia, serif;
	--ui: Inter, Arial, sans-serif;
	--shadow: 0 28px 80px rgba(0, 0, 0, .44);
	--hero-x: 70%;
	--hero-y: 28%;
}

*,
*::before,
*::after { box-sizing: border-box; }

html { min-height: 100%; scroll-behavior: smooth; }

body {
	min-width: 0;
	min-height: 100vh;
	margin: 0;
	background: var(--black);
	color: var(--text);
	font: 13px/1.55 var(--ui);
	-webkit-font-smoothing: antialiased;
}

.rk-bg {
	position: fixed;
	inset: 0;
	z-index: -1;
	overflow: hidden;
	pointer-events: none;
	background:
		linear-gradient(180deg, #05080c 0%, #040609 68%),
		radial-gradient(circle at 50% 0%, rgba(175,137,77,.07), transparent 37%);
}

.rk-bg::before {
	content: "";
	position: absolute;
	inset: 0;
	opacity: .22;
	background-image:
		linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
	background-size: 72px 72px;
	mask-image: radial-gradient(circle at 50% 7%, #000 0%, transparent 59%);
}

.rk-orb {
	position: absolute;
	border-radius: 50%;
	filter: blur(80px);
	opacity: .13;
	animation: rkOrbFloat 14s ease-in-out infinite alternate;
}

.rk-orb-one {
	top: -120px;
	right: 15%;
	width: 420px;
	height: 420px;
	background: #9c733d;
}

.rk-orb-two {
	top: 430px;
	left: -160px;
	width: 340px;
	height: 340px;
	background: #32526a;
	animation-delay: -7s;
}

@keyframes rkOrbFloat {
	from { transform: translate3d(0, -8px, 0) scale(1); }
	to { transform: translate3d(20px, 22px, 0) scale(1.1); }
}

#top { display: none; }

a {
	color: var(--gold-bright);
	text-decoration: none;
	font-weight: 500;
	transition: color .17s ease, border-color .17s ease, background .17s ease, transform .17s ease;
}

a:hover { color: #edd49e; text-decoration: none; }

img { max-width: 100%; }

#page,
.rk-page {
	width: min(1320px, calc(100% - 48px));
	margin: 24px auto 34px;
}

/* --------------------------------------------------------------------------
   TOPBAR
   -------------------------------------------------------------------------- */

.rk-topbar {
	display: flex;
	align-items: center;
	min-height: 74px;
	padding: 0 23px;
	border: 1px solid var(--edge);
	border-radius: var(--radius);
	background: rgba(7,10,14,.82);
	backdrop-filter: blur(13px);
	box-shadow: 0 16px 48px rgba(0,0,0,.22);
	transition: border-color .24s ease, background .24s ease;
}

.rk-topbar.is-scrolled {
	border-color: rgba(175,137,77,.29);
	background: rgba(7,10,14,.96);
}

.rk-brand {
	display: inline-flex;
	align-items: center;
	gap: 13px;
	flex-shrink: 0;
	margin-right: 38px;
	color: var(--white);
}


.rk-brand-type {
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.rk-brand-type strong {
	color: var(--white);
	font: 600 16px var(--display);
	letter-spacing: .075em;
	white-space: nowrap;
}

.rk-brand-type em { color: var(--gold); font-style: normal; }

.rk-brand-type small {
	color: var(--muted);
	font-size: 8.5px;
	font-weight: 700;
	letter-spacing: .27em;
}

#tabs,
.rk-primary-nav {
	display: flex;
	align-self: stretch;
	align-items: stretch;
	gap: 3px;
}

#tabs .tab,
#tabs .tab-active {
	position: relative;
	display: flex;
	align-items: center;
	padding: 0 17px;
	border-bottom: 2px solid transparent;
	color: #818b96;
	font-size: 12px;
	font-weight: 500;
	cursor: pointer;
	transition: color .18s ease, border-color .18s ease, background .18s ease;
}

#tabs .tab:hover {
	color: var(--white);
	background: rgba(255,255,255,.018);
}

#tabs .tab-active {
	color: var(--gold-bright);
	border-bottom-color: var(--gold);
	background: linear-gradient(180deg, transparent, rgba(175,137,77,.055));
}

.rk-top-actions {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-left: auto;
}

.rk-top-link {
	padding: 10px 12px;
	color: var(--muted);
	font-size: 12px;
}

.rk-top-link:hover { color: var(--white); }

.rk-top-cta {
	display: inline-flex;
	align-items: center;
	height: 39px;
	padding: 0 16px;
	border: 1px solid rgba(175,137,77,.5);
	border-radius: 6px;
	color: var(--gold-bright);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.rk-top-cta:hover {
	border-color: var(--gold);
	background: rgba(175,137,77,.08);
	color: #efd6a2;
}

#mainsubmenu,
.rk-secondary-nav {
	min-height: 48px;
	margin-top: 10px;
	padding: 0 23px;
	border: 1px solid var(--edge);
	border-radius: 8px;
	background: rgba(7,10,14,.65);
}

#news-submenu,
#account-submenu,
#community-submenu,
#library-submenu,
#wikipedia-submenu,
#shops-submenu {
	display: none;
	min-height: 46px;
	padding: 7px 0;
}

#mainsubmenu a {
	display: inline-flex;
	align-items: center;
	padding: 8px 12px;
	color: #7f8994;
	font-size: 12px;
}

#mainsubmenu a:hover { color: var(--gold-bright); }

#mainsubmenu .separator {
	display: inline-block;
	vertical-align: middle;
	width: 1px;
	height: 17px;
	margin: 0 3px;
	background: var(--edge);
}

/* --------------------------------------------------------------------------
   HERO / BRAND — FINAL ECLIPSE
   -------------------------------------------------------------------------- */

.rk-brand-logo {
	display: block;
	flex: 0 0 auto;
	width: 45px;
	height: 45px;
	object-fit: cover;
	border-radius: 10px;
	box-shadow:
		0 0 0 1px rgba(175,137,77,.34),
		0 9px 25px rgba(0,0,0,.34),
		0 0 21px rgba(175,137,77,.11);
	transition: transform .18s ease, box-shadow .18s ease;
}

.rk-brand:hover .rk-brand-logo {
	transform: translateY(-1px);
	box-shadow:
		0 0 0 1px rgba(216,184,121,.52),
		0 12px 30px rgba(0,0,0,.39),
		0 0 25px rgba(175,137,77,.18);
}

#header,
.rk-hero {
	position: relative;
	display: block;
	min-height: 388px;
	margin-top: 18px;
	padding: 50px 48px 44px;
	overflow: hidden;
	border: 1px solid var(--edge);
	border-radius: var(--radius);
	background:
		radial-gradient(circle at var(--hero-x) var(--hero-y), rgba(198,151,72,.16), transparent 21%),
		linear-gradient(90deg,
			rgba(4,6,9,.98) 0%,
			rgba(4,6,9,.94) 34%,
			rgba(4,6,9,.58) 53%,
			rgba(4,6,9,.26) 100%
		),
		url("images/rk-hero-world.webp") right center / cover no-repeat;
	box-shadow: var(--shadow);
}

.rk-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		linear-gradient(112deg, transparent 0 39%, rgba(175,137,77,.055) 51%, transparent 66%),
		linear-gradient(180deg, rgba(255,255,255,.019), transparent 29%, rgba(0,0,0,.36));
}

/* Decorative growing gold line removed intentionally. */
.rk-hero::after,
.rk-hero-copy::after {
	display: none;
	content: none;
	animation: none;
}

.rk-hero-copy {
	position: relative;
	z-index: 1;
	max-width: 565px;
}

.rk-eyebrow {
	margin: 0 0 15px;
	color: var(--gold);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .31em;
}

.rk-hero h1 {
	margin: 0 0 16px;
	color: var(--white);
	font: 500 clamp(39px, 4.2vw, 52px)/1.14 var(--display);
	letter-spacing: -.032em;
}

.rk-hero h1 span {
	color: var(--gold-bright);
}

.rk-description {
	max-width: 480px;
	margin: 0 0 27px;
	color: #8e99a4;
	font-size: 13.5px;
	line-height: 1.78;
}

.rk-hero-actions {
	display: flex;
	align-items: center;
	gap: 10px;
}

.rk-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 43px;
	padding: 0 19px;
	border: 1px solid var(--edge);
	border-radius: 5px;
	color: #aab3bc;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .13em;
	text-transform: uppercase;
}

.rk-button:hover {
	border-color: var(--edge-accent);
	color: var(--white);
	transform: translateY(-1px);
}

.rk-button-main {
	border-color: rgba(175,137,77,.62);
	background: linear-gradient(180deg, #c9a05b, #96703a);
	color: #11100d;
}

.rk-button-main:hover {
	background: linear-gradient(180deg, #dbba78, #a57a42);
	color: #0b0c0d;
}

/* Identity only: live status remains in sidebar, not duplicated in hero. */
.rk-hero-meta {
	position: absolute;
	z-index: 2;
	top: 27px;
	right: 28px;
	display: grid;
	grid-template-columns: 76px 120px 158px;
	width: auto;
	margin: 0;
	overflow: hidden;
	border: 1px solid rgba(175,137,77,.27);
	border-radius: 7px;
	background: rgba(5,8,12,.76);
	backdrop-filter: blur(9px);
	box-shadow: 0 15px 44px rgba(0,0,0,.25);
}

.rk-hero-meta div {
	min-height: 58px;
	padding: 10px 13px 9px;
	border-right: 1px solid rgba(175,137,77,.16);
}

.rk-hero-meta div:last-child {
	border-right: 0;
}

.rk-hero-meta small {
	display: block;
	margin-bottom: 6px;
	color: var(--gold);
	font-size: 7.5px;
	font-weight: 700;
	letter-spacing: .23em;
}

.rk-hero-meta strong {
	color: var(--white);
	font: 500 13.5px/1.15 var(--display);
	letter-spacing: .035em;
	text-transform: uppercase;
	white-space: nowrap;
}

.rk-hero-meta div:last-child strong {
	font-size: 13.2px;
	letter-spacing: .025em;
}

.rk-status-panel {
	border-color: rgba(66,189,124,.14);
}

.rk-status-panel .rk-side-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.rk-status-panel .rk-side-title::after {
	content: "LIVE";
	padding: 3px 7px;
	border: 1px solid rgba(66,189,124,.2);
	border-radius: 20px;
	color: var(--green);
	font-size: 8px;
	font-weight: 700;
	letter-spacing: .18em;
}

/* --------------------------------------------------------------------------
   BODY: CONTENT LEFT / SIDEBAR RIGHT
   -------------------------------------------------------------------------- */

.rk-body-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 286px;
	gap: 18px;
	margin-top: 18px;
	align-items: start;
}

#content,
.rk-content {
	min-width: 0;
	overflow: hidden;
	border: 1px solid var(--edge);
	border-radius: var(--radius);
	background: var(--surface);
	box-shadow: 0 22px 64px rgba(0,0,0,.28);
}

.rk-content-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	min-height: 58px;
	padding: 0 20px;
	border-bottom: 1px solid var(--edge);
	background: #070a0e;
}

.rk-breadcrumb {
	display: flex;
	align-items: center;
	gap: 10px;
	color: var(--muted);
	font-size: 12px;
}

.rk-breadcrumb a { color: var(--gold-bright); }
.rk-breadcrumb span { color: #3d4954; }
.rk-breadcrumb strong { color: var(--text); font-weight: 500; }

.rk-context {
	color: var(--muted-low);
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .2em;
}

#margins {
	margin: 0;
	padding: 20px;
	text-align: left;
}

.Content,
#ContentHelper {
	min-width: 0;
	color: var(--text);
}

.rk-sidebar {
	display: grid;
	gap: 13px;
}

.rk-side-panel {
	overflow: hidden;
	border: 1px solid var(--edge);
	border-radius: var(--radius);
	background: var(--surface);
	box-shadow: 0 18px 47px rgba(0,0,0,.22);
	transition: border-color .19s ease, transform .19s ease;
}

.rk-side-panel:hover {
	border-color: rgba(175,137,77,.28);
	transform: translateY(-1px);
}

.rk-side-title {
	padding: 13px 15px;
	border-bottom: 1px solid var(--edge);
	color: var(--gold);
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .22em;
}

.rk-server-state {
	display: flex;
	align-items: center;
	gap: 11px;
	padding: 18px 15px 11px;
}

.rk-server-state .rk-status-dot {
	position: relative;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: currentColor;
	box-shadow: 0 0 10px currentColor;
}

.rk-server-state.online { color: var(--green); }
.rk-server-state.offline { color: var(--red); }

.rk-server-state.online .rk-status-dot::after {
	content: "";
	position: absolute;
	inset: -1px;
	border-radius: 50%;
	background: rgba(66,189,124,.38);
	animation: rkPulse 1.9s ease-out infinite;
}

.rk-server-state strong {
	display: block;
	font-size: 13px;
	font-weight: 600;
}

.rk-server-state small {
	display: block;
	margin-top: 2px;
	color: var(--muted);
	font-size: 11px;
}

.rk-side-stats {
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin: 0 15px 16px;
	padding-top: 11px;
	border-top: 1px solid var(--edge-soft);
}

.rk-side-stats div { padding: 5px 0 9px; }

.rk-side-stats .wide {
	grid-column: 1 / -1;
	padding-top: 11px;
	border-top: 1px solid var(--edge-soft);
}

.rk-side-stats small {
	display: block;
	margin-bottom: 5px;
	color: var(--muted-low);
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .14em;
}

.rk-side-stats strong {
	color: var(--white);
	font-size: 13px;
	font-weight: 600;
}

.rk-server-message {
	margin: 0;
	padding: 0 15px 18px;
	color: var(--muted);
	font-size: 12px;
	line-height: 1.65;
}

.rk-play-panel { padding-bottom: 13px; }

.rk-play-panel h2 {
	margin: 17px 15px 7px;
	color: var(--white);
	font: 500 19px var(--display);
}

.rk-play-panel p {
	margin: 0 15px 17px;
	color: var(--muted);
	font-size: 12px;
	line-height: 1.66;
}

.rk-side-cta {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 37px;
	margin: 0 15px 9px;
	border: 1px solid var(--edge);
	border-radius: 5px;
	color: #9eabb6;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.rk-side-cta:hover {
	border-color: rgba(175,137,77,.45);
	color: var(--white);
}

.rk-side-cta.primary {
	border-color: rgba(175,137,77,.5);
	background: rgba(175,137,77,.08);
	color: var(--gold-bright);
}

.rk-links-panel a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 15px;
	border-bottom: 1px solid var(--edge-soft);
	color: #8b97a2;
	font-size: 12px;
}

.rk-links-panel a:last-child { border-bottom: 0; }
.rk-links-panel a span { color: var(--gold); font-size: 15px; }
.rk-links-panel a:hover { color: var(--gold-bright); background: rgba(175,137,77,.027); }

/* --------------------------------------------------------------------------
   MYAAC GLOBAL DARK COMPONENTS
   -------------------------------------------------------------------------- */

.TableContainer {
	position: relative !important;
	overflow: hidden !important;
	width: 100% !important;
	margin: 0 0 16px !important;
	border: 1px solid var(--edge) !important;
	border-radius: 7px !important;
	background: var(--surface-2) !important;
	background-image: none !important;
	color: var(--text) !important;
	font: 13px var(--ui) !important;
}

.TableContainer .CaptionEdgeLeftTop,
.TableContainer .CaptionEdgeRightTop,
.TableContainer .CaptionEdgeLeftBottom,
.TableContainer .CaptionEdgeRightBottom,
.TableContainer .CaptionBorderTop,
.TableContainer .CaptionBorderBottom,
.TableContainer .CaptionVerticalLeft,
.TableContainer .CaptionVerticalRight,
.TableContainer .TableShadowContainerRightTop,
.TableContainer .TableShadowRightTop,
.TableContainer .TableBottomShadow,
.TableContainer .TableBottomLeftShadow,
.TableContainer .TableBottomRightShadow,
.TableContainer img[src*="table-shadow"],
.TableContainer img[src*="box-frame"] {
	display: none !important;
	background: none !important;
	background-image: none !important;
}

.TableShadowContainer,
.TableContentAndRightShadow,
.TableContainer .TableShadowContainer,
.TableContainer .TableContentAndRightShadow {
	width: 100% !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	background-image: none !important;
}

.TableContainer .CaptionContainer,
.TableContainer .CaptionInnerContainer {
	position: relative !important;
	width: 100% !important;
	height: auto !important;
	min-height: 40px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: #080b0f !important;
	background-image: none !important;
}

.TableContainer .CaptionContainer { border-bottom: 1px solid var(--edge) !important; }

.TableContainer .CaptionContainer::after {
	content: "";
	position: absolute;
	left: 14px;
	bottom: -1px;
	width: 34px;
	height: 1px;
	background: var(--gold);
}

.TableContainer .CaptionContainer .Text {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	min-height: 40px !important;
	margin: 0 !important;
	padding: 0 14px !important;
	color: var(--gold-bright) !important;
	font: 700 10px var(--ui) !important;
	letter-spacing: .16em !important;
	text-transform: uppercase;
}

.TableContentContainer,
.TableContainer .TableContentContainer,
.TableContainer .Table1,
.TableContainer .Table2,
.TableContainer .Table3,
.TableContainer .Table4,
.TableContainer .Table5,
.TableContainer .InnerTableContainer,
.TableContainer .TableContent,
.TableContainer table,
.TableContainer tbody {
	border: 0 !important;
	background: var(--surface-2) !important;
	background-image: none !important;
	color: var(--text) !important;
}

.TableContentContainer,
.TableContainer .TableContentContainer {
	width: 100% !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
}

.TableContainer .Table1,
.TableContainer .Table2,
.TableContainer .Table3,
.TableContainer .Table4,
.TableContainer .Table5,
.TableContainer .TableContent,
.TableContainer table {
	width: 100% !important;
	margin: 0 !important;
	border-collapse: collapse !important;
	border-spacing: 0 !important;
}

.TableContainer .InnerTableContainer {
	width: 100% !important;
	margin: 0 !important;
	padding: 10px !important;
}

.TableContainer .Odd,
.TableContainer .Even,
.TableContainer tr,
.TableContainer td,
.TableContainer th,
.TableContainer tr.Odd,
.TableContainer tr.Even,
.TableContainer .Odd td,
.TableContainer .Even td,
.TableContainer tr[bgcolor],
.TableContainer td[bgcolor],
.TableContainer tr[style*="background"],
.TableContainer td[style*="background"],
.TableContainer tr[style*="Background"],
.TableContainer td[style*="Background"] {
	background: var(--surface-2) !important;
	background-color: var(--surface-2) !important;
	background-image: none !important;
	color: var(--text) !important;
}

.TableContainer td {
	padding: 8px 10px !important;
	border: 0 !important;
	border-bottom: 1px solid var(--edge-soft) !important;
	color: var(--text) !important;
	font-size: 12.5px !important;
	line-height: 1.42 !important;
}

.TableContainer tr:last-child > td { border-bottom-color: transparent !important; }

.TableContainer tr:hover > td {
	background: var(--hover) !important;
	background-color: var(--hover) !important;
}

.TableContainer .LabelV,
.TableContainer .LabelV120,
.TableContainer .LabelV150,
.TableContainer .LabelV200,
.TableContainer td.LabelV,
.TableContainer td.LabelV120,
.TableContainer td.LabelV150,
.TableContainer td.LabelV200 {
	color: var(--muted) !important;
	font-size: 11.5px !important;
	font-weight: 500 !important;
	white-space: nowrap;
}

.TableContainer .LabelV120 { width: 126px !important; }
.TableContainer .LabelV150 { width: 150px !important; }
.TableContainer .LabelV200 { width: 200px !important; }

.TableContainer .LabelH,
.TableContainer tr.LabelH,
.TableContainer .LabelH td,
.TableContainer th,
.TableContainer td[class*="LabelH"] {
	padding: 9px 10px !important;
	border: 0 !important;
	border-bottom: 1px solid var(--edge) !important;
	background: #0b1015 !important;
	background-image: none !important;
	color: var(--gold-bright) !important;
	font: 700 10px var(--ui) !important;
	letter-spacing: .13em !important;
	text-transform: uppercase;
}

.TableContainer a {
	color: var(--gold-bright) !important;
	font-weight: 600 !important;
}

.TableContainer strong { color: var(--white); }

/* Kathrine/MyAAC legacy buttons — compact and consistent with the navigation. */
.InnerTableButtonRow {
	padding: 8px 0 2px !important;
	border: 0 !important;
	background: transparent !important;
}

.InnerTableButtonRow td {
	padding: 0 7px 0 0 !important;
	border: 0 !important;
	background: transparent !important;
}

.BigButton {
	position: relative !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: auto !important;
	min-width: 82px !important;
	height: 32px !important;
	padding: 0 13px !important;
	overflow: hidden;
	border: 1px solid rgba(175,137,77,.38) !important;
	border-radius: 5px !important;
	background: rgba(175,137,77,.045) !important;
	background-image: none !important;
	color: var(--gold-bright) !important;
	vertical-align: middle;
	transition: background .17s ease, border-color .17s ease;
}

.BigButton:hover {
	border-color: rgba(175,137,77,.66) !important;
	background: rgba(175,137,77,.11) !important;
}

.BigButtonOver {
	display: none !important;
	background: none !important;
	background-image: none !important;
}

.ButtonText {
	position: static !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: auto !important;
	height: auto !important;
	color: var(--gold-bright) !important;
	font: 700 10px var(--ui) !important;
	letter-spacing: .13em !important;
	text-transform: uppercase;
	line-height: 1 !important;
	z-index: auto !important;
}

#ContentHelper input[type="text"],
#ContentHelper input[type="password"],
#ContentHelper input[type="email"],
#ContentHelper input[type="number"],
#ContentHelper input[type="date"],
#ContentHelper select,
#ContentHelper textarea {
	min-height: 35px;
	max-width: 100%;
	padding: 7px 10px;
	border: 1px solid var(--edge) !important;
	border-radius: 5px;
	background: #070b0f !important;
	color: var(--white) !important;
	font: 12px var(--ui);
	outline: 0;
}

#ContentHelper textarea { min-height: 92px; }

#ContentHelper input:focus,
#ContentHelper select:focus,
#ContentHelper textarea:focus {
	border-color: rgba(175,137,77,.55) !important;
	box-shadow: 0 0 0 3px rgba(175,137,77,.1);
}

#ContentHelper button,
#ContentHelper input[type="submit"]:not([src]),
#ContentHelper input[type="button"]:not([src]) {
	min-height: 32px;
	padding: 0 13px;
	border: 1px solid rgba(175,137,77,.4) !important;
	border-radius: 5px;
	background: rgba(175,137,77,.06) !important;
	color: var(--gold-bright) !important;
	font: 700 10px var(--ui);
	letter-spacing: .13em;
	text-transform: uppercase;
	cursor: pointer;
}

#ContentHelper button:hover,
#ContentHelper input[type="submit"]:not([src]):hover,
#ContentHelper input[type="button"]:not([src]):hover {
	border-color: rgba(175,137,77,.65) !important;
	background: rgba(175,137,77,.13) !important;
}

.BoxContent,
.SmallBox,
.MessageContainer {
	overflow: hidden !important;
	margin: 0 0 16px !important;
	padding: 11px !important;
	border: 1px solid var(--edge) !important;
	border-radius: 7px !important;
	background: var(--surface-2) !important;
	background-image: none !important;
	color: var(--text) !important;
}

.BoxContent .Odd,
.BoxContent .Even,
.BoxContent tr,
.BoxContent td,
.SmallBox .Odd,
.SmallBox .Even,
.MessageContainer td {
	background: var(--surface-2) !important;
	background-image: none !important;
	color: var(--text) !important;
}

/* --------------------------------------------------------------------------
   NEWS
   -------------------------------------------------------------------------- */

#News,
.rk-news-entry {
	overflow: hidden;
	margin: 0 0 16px;
	border: 1px solid var(--edge);
	border-radius: 7px;
	background: var(--surface-2);
}

#News .NewsHeadlineBackground,
.rk-news-entry .NewsHeadlineBackground {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 44px;
	padding: 0 14px;
	border-bottom: 1px solid var(--edge);
	background: #080b0f !important;
}

#News .NewsHeadlineIcon,
.rk-news-entry .NewsHeadlineIcon {
	position: static !important;
	width: 25px;
	height: 25px;
	margin-right: 11px;
}

#News .NewsHeadlineDate,
.rk-news-entry .NewsHeadlineDate {
	position: static !important;
	margin-right: 13px;
	color: var(--muted);
	font-size: 11px;
}

#News .NewsHeadlineText,
.rk-news-entry .NewsHeadlineText {
	position: static !important;
	flex: 1;
	color: var(--gold-bright);
	font-size: 12.5px;
	font-weight: 600;
}

#News .NewsHeadlineAuthor,
.rk-news-entry .NewsHeadlineAuthor {
	position: static !important;
	color: var(--muted);
	font-size: 11px;
}

.rk-news-body { padding: 16px; color: var(--text); }
.rk-news-footer { padding: 0 16px 15px; }

.red, .Error, .error { color: var(--red) !important; }
.green, .Success, .success { color: var(--green) !important; }
.white, .whites { color: var(--white) !important; }

/* --------------------------------------------------------------------------
   FOOTER / MOTION
   -------------------------------------------------------------------------- */

.rk-footer {
	padding: 32px 0 17px;
	text-align: center;
	color: var(--muted-low);
	font-size: 11px;
}

.rk-footer-rule {
	height: 1px;
	margin-bottom: 22px;
	background: linear-gradient(90deg, transparent, var(--edge), transparent);
}

.rk-footer-inner p { margin: 0 0 8px; }

.rk-footer-logo {
	color: var(--text);
	font: 600 13px var(--display);
	letter-spacing: .18em;
}

.rk-footer-logo span { color: var(--gold); }
.rk-template-change { margin-top: 14px; }

.has-motion [data-rk-reveal] {
	opacity: 0;
	transform: translateY(10px);
	transition: opacity .6s ease, transform .6s ease;
}

.has-motion [data-rk-reveal].is-visible {
	opacity: 1;
	transform: translateY(0);
}

.has-motion [data-rk-reveal="hero"] { transition-delay: .06s; }
.has-motion [data-rk-reveal="content"] { transition-delay: .12s; }
.has-motion [data-rk-reveal="sidebar"] { transition-delay: .16s; }

/* --------------------------------------------------------------------------
   RESPONSIVE — CORE / HERO
   -------------------------------------------------------------------------- */

@media (max-width: 1130px) {
	.rk-topbar {
		flex-wrap: wrap;
		padding: 16px 19px;
		gap: 14px 27px;
	}

	.rk-primary-nav {
		order: 3;
		width: 100%;
		min-height: 47px;
		overflow-x: auto;
		border-top: 1px solid var(--edge);
	}

	#tabs .tab,
	#tabs .tab-active {
		min-width: max-content;
		padding: 0 16px;
	}
}

@media (max-width: 920px) {
	#page,
	.rk-page {
		width: calc(100% - 24px);
		margin-top: 12px;
	}

	#header,
	.rk-hero {
		min-height: 420px;
		padding: 33px 25px 27px;
		background:
			linear-gradient(180deg,
				rgba(4,6,9,.80) 0%,
				rgba(4,6,9,.94) 46%,
				rgba(4,6,9,.99) 100%
			),
			url("images/rk-hero-world.webp") 70% top / auto 58% no-repeat,
			#05080c;
	}

	.rk-hero-copy {
		padding-top: 188px;
		max-width: none;
	}

	.rk-hero-meta {
		top: 16px;
		right: 16px;
		grid-template-columns: 65px 98px 132px;
	}

	.rk-hero-meta div {
		min-height: 49px;
		padding: 9px 8px;
	}

	.rk-hero-meta strong {
		font-size: 11.5px;
	}

	.rk-hero-meta div:last-child strong {
		font-size: 10.8px;
	}

	.rk-body-layout {
		grid-template-columns: 1fr;
	}

	.rk-sidebar {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.rk-links-panel {
		grid-column: 1 / -1;
	}
}

@media (max-width: 640px) {
	#page,
	.rk-page {
		width: calc(100% - 14px);
		margin-top: 7px;
	}

	.rk-topbar {
		padding: 13px;
	}

	.rk-brand {
		margin-right: 0;
	}

	.rk-brand-logo {
		width: 41px;
		height: 41px;
	}

	.rk-brand-type strong {
		font-size: 14px;
	}

	.rk-top-actions {
		width: 100%;
		justify-content: space-between;
	}

	#mainsubmenu,
	.rk-secondary-nav {
		padding: 0 7px;
	}

	#header,
	.rk-hero {
		min-height: 405px;
		padding: 25px 17px 19px;
		background:
			linear-gradient(180deg,
				rgba(4,6,9,.75) 0%,
				rgba(4,6,9,.93) 42%,
				rgba(4,6,9,1) 100%
			),
			url("images/rk-hero-world.webp") 73% top / auto 51% no-repeat,
			#05080c;
	}

	.rk-hero-meta {
		top: 12px;
		left: 12px;
		right: 12px;
		grid-template-columns: .68fr .92fr 1.38fr;
	}

	.rk-hero-meta strong {
		font-size: 11px;
	}

	.rk-hero-meta div:last-child strong {
		font-size: 10px;
	}

	.rk-hero-copy {
		padding-top: 158px;
	}

	.rk-hero h1 {
		font-size: 29px;
	}

	.rk-description {
		font-size: 12.5px;
	}

	.rk-hero-actions {
		flex-direction: column;
	}

	.rk-button {
		width: 100%;
	}

	.rk-sidebar {
		display: block;
	}

	.rk-side-panel {
		margin-bottom: 12px;
	}

	.rk-content-bar {
		align-items: flex-start;
		flex-direction: column;
		justify-content: center;
		padding: 12px;
	}

	#margins {
		padding: 12px;
	}

	.TableContainer td {
		padding: 7px !important;
		font-size: 12px !important;
	}

	.TableContainer .LabelV120,
	.TableContainer .LabelV150,
	.TableContainer .LabelV200 {
		width: auto !important;
		white-space: normal;
	}
}

@media (prefers-reduced-motion: reduce) {
	.rk-orb,
	.rk-inline-state.online i::after,
	.rk-server-state.online .rk-status-dot::after {
		animation: none !important;
	}

	.has-motion [data-rk-reveal] {
		opacity: 1;
		transform: none;
		transition: none;
	}
}

/* ==========================================================================
   RETRO KARMIA — ECLIPSE CHARACTERS V1
   New character profile. Equipment intentionally not displayed.
   ========================================================================== */

.rk-character-profile {
	display: grid;
	gap: 16px;
}

.rk-character-cover {
	position: relative;
	display: grid;
	grid-template-columns: 148px minmax(250px, 1fr) minmax(230px, 280px);
	align-items: center;
	gap: 22px;
	min-height: 190px;
	padding: 22px 24px;
	overflow: hidden;
	border: 1px solid var(--edge);
	border-radius: 9px;
	background:
		radial-gradient(circle at 9% 42%, rgba(175,137,77,.12), transparent 21%),
		linear-gradient(104deg, #0d1218 0%, #0a0e13 66%, #080b0f 100%);
}

.rk-character-cover::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 92px;
	height: 1px;
	background: linear-gradient(90deg, var(--gold), transparent);
}

.rk-character-avatar {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 132px;
	height: 148px;
	overflow: hidden;
	border: 1px solid rgba(175,137,77,.27);
	border-radius: 8px;
	background:
		radial-gradient(circle at 50% 48%, rgba(175,137,77,.08), transparent 56%),
		#080b0f;
}

.rk-character-avatar img {
	display: block;
	width: auto !important;
	height: auto !important;
	max-width: none !important;
	max-height: none !important;
	margin: 0 !important;
	position: static !important;
	image-rendering: pixelated;
}

.rk-character-avatar-empty {
	color: var(--gold);
	font: 600 22px var(--display);
}

.rk-character-status {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 12px;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .18em;
	text-transform: uppercase;
}

.rk-character-status span {
	position: relative;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: currentColor;
	box-shadow: 0 0 9px currentColor;
}

.rk-character-status.online { color: var(--green); }
.rk-character-status.offline { color: var(--red); }

.rk-character-status.online span::after {
	content: "";
	position: absolute;
	inset: -1px;
	border-radius: 50%;
	background: rgba(66,189,124,.38);
	animation: rkPulse 1.9s ease-out infinite;
}

.rk-character-identity h1 {
	display: flex;
	align-items: center;
	gap: 7px;
	margin: 0 0 8px;
	color: var(--white);
	font: 500 clamp(25px, 3vw, 31px) var(--display);
	letter-spacing: -.025em;
}

.rk-character-identity h1 img {
	width: auto;
	vertical-align: middle;
}

.rk-character-former {
	margin: -1px 0 9px;
	color: var(--muted);
	font-size: 11px;
}

.rk-character-class {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 17px;
	color: var(--text);
	font-size: 14px;
}

.rk-character-class span {
	padding-left: 12px;
	border-left: 1px solid var(--edge);
	color: var(--gold-bright);
}

.rk-character-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
}

.rk-character-tags span {
	padding: 6px 10px;
	border: 1px solid var(--edge);
	border-radius: 30px;
	color: #8e99a4;
	background: rgba(255,255,255,.012);
	font-size: 11px;
}

.rk-character-highlights {
	display: grid;
	gap: 10px;
	padding-left: 21px;
	border-left: 1px solid var(--edge);
}

.rk-character-highlights div {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--edge-soft);
}

.rk-character-highlights div:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

.rk-character-highlights small {
	color: var(--muted-low);
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .17em;
}

.rk-character-highlights strong {
	color: var(--white);
	font-size: 13px;
	font-weight: 600;
	text-align: right;
}

.rk-character-admin {
	position: absolute;
	top: 15px;
	right: 16px;
	color: var(--muted);
	font-size: 11px;
}

.rk-character-columns {
	display: grid;
	grid-template-columns: minmax(0, 1.36fr) minmax(260px, .78fr);
	gap: 16px;
	align-items: start;
}

.rk-character-card {
	overflow: hidden;
	border: 1px solid var(--edge);
	border-radius: 8px;
	background: var(--surface-2);
}

.rk-character-card > header {
	position: relative;
	min-height: 42px;
	display: flex;
	align-items: center;
	padding: 0 15px;
	border-bottom: 1px solid var(--edge);
	background: #080b0f;
}

.rk-character-card > header::after {
	content: "";
	position: absolute;
	left: 15px;
	bottom: -1px;
	width: 35px;
	height: 1px;
	background: var(--gold);
}

.rk-character-card > header span {
	color: var(--gold-bright);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .17em;
}

.rk-character-detail-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.rk-character-detail-list > div {
	display: flex;
	flex-direction: column;
	gap: 5px;
	min-height: 55px;
	padding: 12px 15px;
	border-bottom: 1px solid var(--edge-soft);
}

.rk-character-detail-list > div:nth-child(odd):not(.wide) {
	border-right: 1px solid var(--edge-soft);
}

.rk-character-detail-list > div.wide {
	grid-column: 1 / -1;
}

.rk-character-detail-list small,
.rk-character-account-details small {
	color: var(--muted-low);
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .15em;
	text-transform: uppercase;
}

.rk-character-detail-list strong,
.rk-character-account-details strong {
	color: var(--text);
	font-size: 12.5px;
	font-weight: 500;
}

.rk-character-detail-list strong.online { color: var(--green); }
.rk-character-detail-list strong.offline { color: var(--red); }

.rk-character-house {
	display: flex;
	align-items: center;
	gap: 12px;
}

.rk-character-mini-button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: 29px !important;
	padding: 0 12px !important;
	border: 1px solid rgba(175,137,77,.38) !important;
	border-radius: 5px !important;
	background: rgba(175,137,77,.06) !important;
	color: var(--gold-bright) !important;
	font: 700 9.5px var(--ui) !important;
	letter-spacing: .13em !important;
	text-transform: uppercase;
	cursor: pointer;
}

.rk-character-mini-button:hover {
	border-color: rgba(175,137,77,.65) !important;
	background: rgba(175,137,77,.13) !important;
}

.rk-character-comment p {
	margin: 0;
	color: var(--text);
	line-height: 1.65;
}

.rk-skill-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	padding: 10px;
	gap: 8px;
}

.rk-skill-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 9px;
	padding: 11px 10px;
	border: 1px solid var(--edge-soft);
	border-radius: 5px;
	background: #0b1015;
}

.rk-skill-item small {
	color: var(--muted);
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .11em;
}

.rk-skill-item strong {
	color: var(--white);
	font-size: 16px;
	font-weight: 600;
}

.rk-character-quests {
	margin-top: 0;
}

.rk-quest-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1px;
	background: var(--edge-soft);
}

.rk-quest-grid > div {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	padding: 13px 15px;
	background: var(--surface-2);
}

.rk-quest-grid span {
	color: var(--text);
	font-size: 12px;
}

.rk-quest-grid strong {
	font-size: 10px;
	font-weight: 600;
}

.rk-quest-grid .complete strong { color: var(--green); }
.rk-quest-grid .incomplete strong { color: var(--muted); }

.rk-character-combat {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.rk-character-events {
	padding: 5px 13px;
}

.rk-character-event {
	padding: 12px 2px;
	border-bottom: 1px solid var(--edge-soft);
}

.rk-character-event:last-child { border-bottom: 0; }

.rk-character-event time {
	display: block;
	margin-bottom: 6px;
	color: var(--muted-low);
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .07em;
}

.rk-character-event p {
	margin: 0;
	color: var(--text);
	font-size: 12px;
	line-height: 1.6;
}

.rk-character-event b {
	color: var(--white);
}

.rk-frag-state {
	display: inline-flex;
	margin-left: 7px;
	padding: 2px 7px;
	border-radius: 30px;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.rk-frag-state.justified {
	color: var(--green);
	background: rgba(66,189,124,.08);
}

.rk-frag-state.unjustified {
	color: var(--red);
	background: rgba(224,107,88,.09);
}


.rk-character-account-details {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.rk-character-account-details > div {
	display: flex;
	flex-direction: column;
	gap: 5px;
	padding: 13px 15px;
	border-bottom: 1px solid var(--edge-soft);
}

.rk-banish {
	margin-left: 8px;
	color: var(--red);
}

.rk-character-list {
	padding: 0;
}

.rk-character-list-head,
.rk-character-list-row {
	display: grid;
	grid-template-columns: minmax(150px, 1.05fr) minmax(190px, 1fr) 90px 62px;
	align-items: center;
	gap: 13px;
	padding: 11px 15px;
}

.rk-character-list-head {
	color: var(--muted-low);
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .16em;
	text-transform: uppercase;
	background: #0b1015;
}

.rk-character-list-row {
	border-top: 1px solid var(--edge-soft);
}

.rk-character-list-row strong {
	color: var(--white);
	font-size: 12.5px;
	font-weight: 550;
}

.rk-character-list-row strong em {
	margin-left: 6px;
	color: var(--red);
	font-size: 10px;
	font-style: normal;
}

.rk-character-list-row > span {
	color: var(--muted);
	font-size: 12px;
}

.rk-list-status.online { color: var(--green); }
.rk-list-status.offline { color: var(--muted-low); }

.rk-character-search {
	margin-top: 2px;
}

.rk-character-search .TableContainer {
	margin-bottom: 0 !important;
}

@media (max-width: 1040px) {
	.rk-character-cover {
		grid-template-columns: 132px minmax(220px, 1fr);
	}

	.rk-character-highlights {
		grid-column: 1 / -1;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		display: grid;
		padding: 15px 0 0;
		border-left: 0;
		border-top: 1px solid var(--edge);
	}

	.rk-character-highlights div {
		padding: 0 14px;
		border-bottom: 0;
		border-right: 1px solid var(--edge-soft);
	}

	.rk-character-highlights div:last-child {
		border-right: 0;
	}
}

@media (max-width: 760px) {
	.rk-character-cover {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		padding: 17px;
	}

	.rk-character-avatar {
		width: 128px;
		height: 136px;
	}

	.rk-character-highlights {
		width: 100%;
	}

	.rk-character-columns,
	.rk-character-combat {
		grid-template-columns: 1fr;
	}

	.rk-character-detail-list,
	.rk-character-account-details,
	.rk-quest-grid {
		grid-template-columns: 1fr;
	}

	.rk-character-detail-list > div:nth-child(odd):not(.wide) {
		border-right: 0;
	}

	.rk-character-list-head {
		display: none;
	}

	.rk-character-list-row {
		grid-template-columns: 1fr auto;
		gap: 6px 12px;
	}

	.rk-character-list-row strong,
	.rk-character-list-row > span {
		grid-column: 1;
	}

	.rk-character-list-row form {
		grid-column: 2;
		grid-row: 1 / 4;
		align-self: center;
	}
}


.rk-character-empty {
	padding: 18px 2px;
	color: var(--muted);
	font-size: 12px;
	font-style: italic;
	line-height: 1.6;
}

/* ==========================================================================
   RETRO KARMIA — ECLIPSE DOWNLOADS V1
   Append to the end of templates/kathrine/style.css
   ========================================================================== */

.rk-download-page {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 286px;
	gap: 16px;
	align-items: start;
}

.rk-download-main,
.rk-download-card {
	overflow: hidden;
	border: 1px solid var(--edge);
	border-radius: 8px;
	background: var(--surface-2);
}

.rk-download-main {
	padding: 28px;
}

.rk-download-overline {
	margin: 0 0 11px;
	color: var(--gold);
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .28em;
}

.rk-download-header h1 {
	margin: 0 0 11px;
	color: var(--white);
	font: 500 clamp(28px, 3vw, 36px)/1.2 var(--display);
	letter-spacing: -.025em;
}

.rk-download-lead {
	max-width: 530px;
	margin: 0 0 27px;
	color: var(--muted);
	font-size: 13px;
	line-height: 1.75;
}

.rk-download-product {
	display: grid;
	grid-template-columns: 88px minmax(0, 1fr);
	align-items: center;
	gap: 20px;
	padding: 19px;
	border: 1px solid var(--edge-soft);
	border-radius: 7px;
	background: #090d12;
}

.rk-download-icon {
	display: grid;
	place-items: center;
	width: 88px;
	height: 88px;
	border: 1px solid rgba(175,137,77,.27);
	border-radius: 14px;
	background: #070a0e;
}

.rk-download-icon img {
	display: block;
	width: 70px;
	height: 70px;
	border-radius: 11px;
}

.rk-download-product-info h2 {
	margin: 0 0 5px;
	color: var(--white);
	font: 500 20px var(--display);
}

.rk-download-product-info > p {
	margin: 0 0 18px;
	color: var(--muted);
	font-size: 12px;
}

.rk-download-specs {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0;
}

.rk-download-specs div {
	padding: 0 13px;
	border-left: 1px solid var(--edge);
}

.rk-download-specs div:first-child {
	padding-left: 0;
	border-left: 0;
}

.rk-download-specs small,
.rk-download-requirements small {
	display: block;
	margin-bottom: 5px;
	color: var(--muted-low);
	font-size: 8px;
	font-weight: 700;
	letter-spacing: .19em;
}

.rk-download-specs strong,
.rk-download-requirements strong {
	color: var(--text);
	font-size: 12px;
	font-weight: 600;
}

.rk-download-actions {
	display: flex;
	gap: 10px;
	margin-top: 21px;
}

.rk-download-button {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 2px;
	min-height: 49px;
	padding: 0 23px;
	border: 1px solid var(--edge);
	border-radius: 5px;
	color: var(--text);
}

.rk-download-button span {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .13em;
	text-transform: uppercase;
}

.rk-download-button small {
	color: var(--muted);
	font-size: 10px;
	font-weight: 500;
}

.rk-download-button.primary {
	min-width: 192px;
	border-color: rgba(175,137,77,.6);
	background: linear-gradient(180deg, #c9a05b, #96703a);
	color: #11100d;
}

.rk-download-button.primary small {
	color: rgba(17,16,13,.68);
}

.rk-download-button.primary:hover {
	background: linear-gradient(180deg, #ddb875, #a77b42);
	color: #10100d;
	transform: translateY(-1px);
}

.rk-download-button.secondary {
	min-width: 165px;
}

.rk-download-button.secondary:hover {
	border-color: rgba(175,137,77,.45);
	color: var(--white);
}

.rk-download-notice {
	margin: 21px 0 0;
	padding-top: 18px;
	border-top: 1px solid var(--edge-soft);
	color: var(--muted-low);
	font-size: 11px;
	line-height: 1.6;
}

.rk-download-side {
	display: grid;
	gap: 13px;
}

.rk-download-card header {
	padding: 13px 15px;
	border-bottom: 1px solid var(--edge);
	color: var(--gold);
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .22em;
}

.rk-download-card ol {
	margin: 0;
	padding: 16px 18px 16px 38px;
	color: var(--text);
	font-size: 12px;
	line-height: 1.7;
}

.rk-download-card li {
	padding-left: 4px;
	margin-bottom: 7px;
}

.rk-download-card li:last-child {
	margin-bottom: 0;
}

.rk-download-card li::marker {
	color: var(--gold);
	font-weight: 700;
}

.rk-download-requirements {
	padding: 4px 15px;
}

.rk-download-requirements div {
	padding: 12px 0;
	border-bottom: 1px solid var(--edge-soft);
}

.rk-download-requirements div:last-child {
	border-bottom: 0;
}

.rk-download-help p {
	margin: 0;
	padding: 15px;
	color: var(--muted);
	font-size: 12px;
	line-height: 1.7;
}

@media (max-width: 980px) {
	.rk-download-page {
		grid-template-columns: 1fr;
	}

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

@media (max-width: 700px) {
	.rk-download-main {
		padding: 17px;
	}

	.rk-download-product {
		grid-template-columns: 1fr;
	}

	.rk-download-specs {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 13px 0;
	}

	.rk-download-specs div:nth-child(3) {
		padding-left: 0;
		border-left: 0;
	}

	.rk-download-actions {
		flex-direction: column;
	}

	.rk-download-button {
		width: 100%;
	}

	.rk-download-side {
		display: block;
	}

	.rk-download-card {
		margin-bottom: 12px;
	}
}

/* ==========================================================================
   RETRO KARMIA — ECLIPSE ACCOUNT MANAGEMENT V1
   Append to the end of templates/kathrine/style.css
   ========================================================================== */

.rk-account-page {
	display: grid;
	gap: 16px;
}

.rk-account-cover {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 28px;
	padding: 25px 26px;
	border: 1px solid var(--edge);
	border-radius: 9px;
	background:
		radial-gradient(circle at 4% 20%, rgba(175,137,77,.095), transparent 27%),
		linear-gradient(104deg, #0d1218 0%, #0a0e13 64%, #080b0f 100%);
}

.rk-account-overline {
	margin: 0 0 9px;
	color: var(--gold);
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .26em;
}

.rk-account-cover h1 {
	margin: 0 0 7px;
	color: var(--white);
	font: 500 29px/1.2 var(--display);
}

.rk-account-welcome {
	margin: 0;
	color: var(--muted);
	font-size: 12.5px;
}

.rk-account-user {
	color: var(--gold-bright);
	font-weight: 600;
}

.rk-account-cover-stats {
	display: grid;
	grid-template-columns: repeat(2, minmax(155px, 1fr));
	gap: 0;
	min-width: 355px;
	border: 1px solid var(--edge-soft);
	border-radius: 7px;
	background: rgba(4,6,9,.3);
}

.rk-account-cover-stats > div {
	padding: 14px 16px;
	border-left: 1px solid var(--edge-soft);
}

.rk-account-cover-stats > div:first-child {
	border-left: 0;
}

.rk-account-cover-stats small,
.rk-account-data small {
	display: block;
	margin-bottom: 6px;
	color: var(--muted-low);
	font-size: 8.5px;
	font-weight: 700;
	letter-spacing: .18em;
}

.rk-account-raw-status {
	color: var(--text);
	font-size: 12px;
	font-weight: 500;
}

.rk-account-raw-status b {
	font-weight: 600;
}

.rk-account-raw-status span[style*="green"] {
	color: var(--green) !important;
}

.rk-account-raw-status span[style*="red"] {
	color: var(--red) !important;
}

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

.rk-account-nav {
	overflow: hidden;
	border: 1px solid var(--edge);
	border-radius: 8px;
	background: var(--surface-2);
}

.rk-account-nav-title {
	margin: 0;
	padding: 15px 14px 13px;
	border-bottom: 1px solid var(--edge);
	color: var(--gold);
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .2em;
}

.rk-account-nav a {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding: 12px 14px;
	border-bottom: 1px solid var(--edge-soft);
	color: #87939e;
	font-size: 12px;
	font-weight: 500;
}

.rk-account-nav a:last-child {
	border-bottom: 0;
}

.rk-account-nav a:hover,
.rk-account-nav a.active {
	color: var(--white);
	background: rgba(175,137,77,.045);
}

.rk-account-nav a.active::before {
	content: "";
	position: absolute;
	top: 10px;
	bottom: 10px;
	left: 0;
	width: 2px;
	background: var(--gold);
}

.rk-account-nav a.attention {
	color: var(--gold-bright);
}

.rk-account-nav a small {
	color: var(--gold);
	font-size: 8px;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.rk-account-nav a.logout {
	margin-top: 8px;
	color: var(--red);
}

.rk-account-content {
	display: grid;
	gap: 16px;
	min-width: 0;
}

.rk-account-alert {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 17px 18px;
	border: 1px solid rgba(175,137,77,.28);
	border-radius: 8px;
	background: rgba(175,137,77,.055);
}

.rk-account-alert.warning {
	border-color: rgba(224,107,88,.3);
	background: rgba(224,107,88,.055);
}

.rk-account-alert small {
	display: block;
	margin-bottom: 5px;
	color: var(--gold);
	font-size: 8.5px;
	font-weight: 700;
	letter-spacing: .18em;
}

.rk-account-alert.warning small {
	color: var(--red);
}

.rk-account-alert strong {
	display: block;
	margin-bottom: 4px;
	color: var(--white);
	font-size: 13px;
	font-weight: 600;
}

.rk-account-alert p {
	margin: 0;
	color: var(--muted);
	font-size: 11.5px;
	line-height: 1.6;
}

.rk-account-panels {
	display: grid;
	grid-template-columns: minmax(0, 1.28fr) minmax(230px, .72fr);
	gap: 16px;
	align-items: start;
}

.rk-account-card {
	overflow: hidden;
	border: 1px solid var(--edge);
	border-radius: 8px;
	background: var(--surface-2);
}

.rk-account-card > header {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 43px;
	padding: 0 15px;
	border-bottom: 1px solid var(--edge);
	background: #080b0f;
}

.rk-account-card > header::after {
	content: "";
	position: absolute;
	left: 15px;
	bottom: -1px;
	width: 34px;
	height: 1px;
	background: var(--gold);
}

.rk-account-card > header span {
	color: var(--gold-bright);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .16em;
}

.rk-account-card > header a,
.rk-account-card > header em {
	color: var(--muted);
	font-size: 10.5px;
	font-style: normal;
	font-weight: 500;
}

.rk-account-card > header a:hover {
	color: var(--gold-bright);
}

.rk-account-data {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.rk-account-data > div {
	min-height: 57px;
	padding: 12px 15px;
	border-bottom: 1px solid var(--edge-soft);
}

.rk-account-data > div:nth-child(odd):not(.wide) {
	border-right: 1px solid var(--edge-soft);
}

.rk-account-data > div.wide {
	grid-column: 1 / -1;
}

.rk-account-data strong {
	color: var(--text);
	font-size: 12px;
	font-weight: 500;
	line-height: 1.6;
}

.rk-account-data.public {
	grid-template-columns: 1fr;
}

.rk-account-data.public > div {
	border-right: 0 !important;
}

.rk-account-card-actions {
	padding: 13px 15px;
}

.rk-account-button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: 32px !important;
	padding: 0 14px !important;
	border: 1px solid rgba(175,137,77,.4) !important;
	border-radius: 5px !important;
	background: rgba(175,137,77,.055) !important;
	color: var(--gold-bright) !important;
	font: 700 9.5px var(--ui) !important;
	letter-spacing: .13em !important;
	text-transform: uppercase;
	cursor: pointer;
}

.rk-account-button:hover {
	border-color: rgba(175,137,77,.65) !important;
	background: rgba(175,137,77,.12) !important;
}

.rk-account-button.primary {
	background: linear-gradient(180deg, #c9a05b, #96703a) !important;
	border-color: rgba(175,137,77,.62) !important;
	color: #11100d !important;
}

.rk-account-button.danger {
	border-color: rgba(224,107,88,.32) !important;
	background: rgba(224,107,88,.045) !important;
	color: #d98477 !important;
}

.rk-account-characters-head,
.rk-account-character-row {
	display: grid;
	grid-template-columns: minmax(150px, 1fr) minmax(180px, 1fr) 128px 86px 48px;
	align-items: center;
	gap: 12px;
	padding: 11px 15px;
}

.rk-account-characters-head {
	background: #0b1015;
	color: var(--muted-low);
	font-size: 8.5px;
	font-weight: 700;
	letter-spacing: .15em;
	text-transform: uppercase;
}

.rk-account-character-row {
	border-top: 1px solid var(--edge-soft);
}

.rk-account-character-row > strong a {
	color: var(--white);
	font-size: 12.5px;
	font-weight: 600;
}

.rk-account-character-row > span {
	color: var(--muted);
	font-size: 11.5px;
}

.rk-account-character-row .deleted {
	margin-left: 5px;
	color: var(--red);
	font-size: 9px;
	text-transform: uppercase;
}

.rk-account-character-status {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font-size: 10px !important;
	font-weight: 700;
	text-transform: uppercase;
}

.rk-account-character-status i {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: currentColor;
}

.rk-account-character-status.online {
	color: var(--green) !important;
}

.rk-account-character-status.offline {
	color: var(--muted-low) !important;
}

.rk-account-row-action {
	padding: 5px 0;
	color: var(--gold-bright);
	font-size: 10px;
	font-weight: 600;
	text-transform: uppercase;
}

.rk-account-character-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	padding: 15px;
	border-top: 1px solid var(--edge);
}

.rk-account-log-head,
.rk-account-log-row {
	display: grid;
	grid-template-columns: minmax(170px, 1fr) 182px 148px;
	gap: 13px;
	padding: 11px 15px;
	align-items: center;
}

.rk-account-log-head {
	background: #0b1015;
	color: var(--muted-low);
	font-size: 8.5px;
	font-weight: 700;
	letter-spacing: .16em;
	text-transform: uppercase;
}

.rk-account-log-row {
	border-top: 1px solid var(--edge-soft);
}

.rk-account-log-row strong {
	color: var(--text);
	font-size: 11.5px;
	font-weight: 500;
}

.rk-account-log-row span {
	color: var(--muted);
	font-size: 11.5px;
}

.rk-account-empty {
	padding: 19px 15px;
	color: var(--muted);
	font-size: 12px;
	font-style: italic;
}

@media (max-width: 1040px) {
	.rk-account-cover {
		flex-direction: column;
		align-items: flex-start;
	}

	.rk-account-cover-stats {
		width: 100%;
		min-width: 0;
	}

	.rk-account-layout {
		grid-template-columns: 1fr;
	}

	.rk-account-nav {
		display: flex;
		flex-wrap: wrap;
	}

	.rk-account-nav-title {
		width: 100%;
	}

	.rk-account-nav a {
		flex: 1 1 150px;
		border-right: 1px solid var(--edge-soft);
	}
}

@media (max-width: 760px) {
	.rk-account-cover {
		padding: 18px 16px;
	}

	.rk-account-cover-stats,
	.rk-account-panels,
	.rk-account-data {
		grid-template-columns: 1fr;
	}

	.rk-account-cover-stats > div {
		border-left: 0;
		border-bottom: 1px solid var(--edge-soft);
	}

	.rk-account-data > div:nth-child(odd):not(.wide) {
		border-right: 0;
	}

	.rk-account-alert {
		flex-direction: column;
		align-items: flex-start;
	}

	.rk-account-characters-head,
	.rk-account-log-head {
		display: none;
	}

	.rk-account-character-row {
		grid-template-columns: 1fr auto;
		gap: 7px 12px;
		padding: 14px 15px;
	}

	.rk-account-character-row > strong,
	.rk-account-character-row > span {
		grid-column: 1;
	}

	.rk-account-row-action {
		grid-column: 2;
		grid-row: 1 / 5;
		align-self: center;
	}

	.rk-account-log-row {
		grid-template-columns: 1fr;
		gap: 5px;
		padding: 13px 15px;
	}
}

/* ==========================================================================
   RETRO KARMIA — ECLIPSE CREATE ACCOUNT V1
   Append to the end of templates/kathrine/style.css
   ========================================================================== */

.rk-register-page {
	display: grid;
	grid-template-columns: minmax(250px, 306px) minmax(0, 1fr);
	gap: 16px;
	align-items: start;
}

.rk-register-intro {
	position: sticky;
	top: 18px;
	overflow: hidden;
	padding: 26px 23px;
	border: 1px solid var(--edge);
	border-radius: 9px;
	background:
		radial-gradient(circle at 8% 9%, rgba(175,137,77,.115), transparent 30%),
		linear-gradient(145deg, #0e141a, #080c10);
}


.rk-register-overline {
	margin: 0 0 11px;
	color: var(--gold);
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .28em;
}

.rk-register-intro h1 {
	margin: 0 0 13px;
	color: var(--white);
	font: 500 30px/1.18 var(--display);
	letter-spacing: -.025em;
}

.rk-register-intro > p:not(.rk-register-overline) {
	margin: 0 0 26px;
	color: var(--muted);
	font-size: 12.5px;
	line-height: 1.72;
}

.rk-register-feature-list {
	display: grid;
	gap: 15px;
	margin-bottom: 25px;
}

.rk-register-feature-list div {
	display: grid;
	grid-template-columns: 30px minmax(0, 1fr);
	column-gap: 11px;
}

.rk-register-feature-list span {
	grid-row: 1 / 3;
	display: grid;
	place-items: center;
	width: 30px;
	height: 30px;
	border: 1px solid rgba(175,137,77,.25);
	border-radius: 6px;
	color: var(--gold);
	font-size: 9px;
	font-weight: 700;
}

.rk-register-feature-list strong {
	color: var(--text);
	font-size: 12px;
	font-weight: 600;
}

.rk-register-feature-list small {
	color: var(--muted);
	font-size: 10.5px;
	line-height: 1.5;
}


.rk-register-form {
	display: grid;
	gap: 16px;
}

.rk-register-card {
	overflow: hidden;
	border: 1px solid var(--edge);
	border-radius: 9px;
	background: var(--surface-2);
}

.rk-register-card-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 15px 18px;
	border-bottom: 1px solid var(--edge);
	background: #080b0f;
}

.rk-register-card-title small {
	display: block;
	margin-bottom: 4px;
	color: var(--gold);
	font-size: 8px;
	font-weight: 700;
	letter-spacing: .22em;
}

.rk-register-card-title h2 {
	margin: 0;
	color: var(--white);
	font-size: 16px;
	font-weight: 550;
}

.rk-register-card-title p {
	max-width: 250px;
	margin: 0;
	color: var(--muted);
	font-size: 11px;
	text-align: right;
	line-height: 1.5;
}

.rk-register-fields {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px 16px;
	padding: 19px 18px 20px;
}

.rk-register-field {
	min-width: 0;
}

.rk-register-field.wide {
	grid-column: 1 / -1;
}

.rk-register-field label:not(.rk-register-option),
.rk-register-choice-label {
	display: block;
	margin: 0 0 7px;
	color: #aab4bd;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.rk-register-field .has-error,
.rk-register-choice-label.has-error {
	color: var(--red);
}

.rk-register-control {
	position: relative;
	display: flex;
	align-items: center;
}

#createaccount .rk-register-control input,
#createaccount .rk-register-control select {
	width: 100%;
	min-height: 43px;
	padding: 0 42px 0 13px;
	border: 1px solid var(--edge) !important;
	border-radius: 6px;
	background: #070b0f !important;
	color: var(--white) !important;
	font: 13px var(--ui);
	outline: none;
	transition: border-color .16s ease, box-shadow .16s ease;
}

#createaccount .rk-register-control input::placeholder {
	color: #4d5963;
}

#createaccount .rk-register-control input:focus,
#createaccount .rk-register-control select:focus {
	border-color: rgba(175,137,77,.58) !important;
	box-shadow: 0 0 0 3px rgba(175,137,77,.09);
}

.rk-register-indicator {
	position: absolute;
	right: 13px;
	width: 14px;
	height: 14px;
	image-rendering: auto;
}

.rk-register-country select {
	padding-right: 86px !important;
}

.rk-register-country #account_country_img {
	position: absolute;
	right: 41px;
	width: 21px;
	height: auto;
}

.rk-register-error {
	display: block;
	min-height: 17px;
	margin-top: 6px;
	color: var(--red);
	font-size: 10.5px;
	line-height: 1.45;
}

.rk-register-note {
	display: block;
	margin-top: 5px;
	color: var(--muted);
	font-size: 10.5px;
	line-height: 1.45;
}

.rk-register-suggest {
	margin-top: 6px;
	font-size: 10.5px;
}

.rk-register-suggest a {
	color: var(--gold);
}

.rk-register-choice-group {
	grid-column: 1 / -1;
	padding-top: 3px;
}

.rk-register-options {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
}

.rk-register-option {
	position: relative;
	cursor: pointer;
}

.rk-register-option input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.rk-register-option span {
	display: inline-flex;
	align-items: center;
	min-height: 38px;
	padding: 0 15px;
	border: 1px solid var(--edge);
	border-radius: 6px;
	background: #090e13;
	color: var(--muted);
	font-size: 12px;
	transition: border-color .16s ease, background .16s ease, color .16s ease;
}

.rk-register-option span::before {
	content: "";
	width: 9px;
	height: 9px;
	margin-right: 9px;
	border: 1px solid #42505e;
	border-radius: 50%;
	background: transparent;
}

.rk-register-option input:checked + span {
	border-color: rgba(175,137,77,.5);
	background: rgba(175,137,77,.08);
	color: var(--white);
}

.rk-register-option input:checked + span::before {
	border-color: var(--gold);
	background: var(--gold);
	box-shadow: 0 0 0 3px rgba(175,137,77,.13);
}

.rk-register-rules {
	padding-bottom: 2px;
}

.rk-register-checkbox {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin: 19px 18px 14px;
	padding: 16px;
	border: 1px solid var(--edge-soft);
	border-radius: 6px;
	background: #090d12;
	color: var(--text);
	font-size: 12px;
	line-height: 1.65;
	cursor: pointer;
}

.rk-register-checkbox input {
	flex: 0 0 auto;
	margin-top: 4px;
	accent-color: var(--gold);
}

.rules-error {
	margin: 0 18px 13px;
}

.rk-register-submit {
	display: flex;
	align-items: center;
	gap: 19px;
	padding-bottom: 3px;
}

.rk-register-submit-button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 2px;
	min-width: 209px;
	min-height: 53px !important;
	padding: 0 22px !important;
	border: 1px solid rgba(175,137,77,.62) !important;
	border-radius: 6px !important;
	background: linear-gradient(180deg, #c9a05b, #96703a) !important;
	color: #11100d !important;
	font: 700 10px var(--ui) !important;
	letter-spacing: .14em !important;
	text-transform: uppercase;
	cursor: pointer;
}


.rk-register-submit-button:hover {
	background: linear-gradient(180deg, #dbba78, #a57a42) !important;
	transform: translateY(-1px);
}

.rk-register-submit p {
	margin: 0;
	color: var(--muted);
	font-size: 11.5px;
}

.rk-register-submit p a {
	color: var(--gold-bright);
}

/* Hide empty/legacy plugin wrappers if the account hint plugin still outputs spacing. */
.rk-register-page + br {
	display: none;
}

@media (max-width: 1040px) {
	.rk-register-page {
		grid-template-columns: 1fr;
	}

	.rk-register-intro {
		position: static;
	}

	.rk-register-feature-list {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 12px;
	}

}

@media (max-width: 680px) {
	.rk-register-intro {
		padding: 20px 17px;
	}

	.rk-register-feature-list {
		grid-template-columns: 1fr;
	}

	.rk-register-card-title {
		align-items: flex-start;
		flex-direction: column;
	}

	.rk-register-card-title p {
		text-align: left;
	}

	.rk-register-fields {
		grid-template-columns: 1fr;
		padding: 15px;
	}

	.rk-register-field.wide {
		grid-column: auto;
	}

	.rk-register-submit {
		align-items: flex-start;
		flex-direction: column;
	}

	.rk-register-submit-button {
		width: 100%;
	}
}


/* ==========================================================================
   RETRO KARMIA — ECLIPSE SERVER INFO V1
   Consolidated server information page.
   ========================================================================== */

.rk-serverinfo-page {
	display: grid;
	gap: 16px;
}

.rk-serverinfo-hero {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	padding: 27px 28px;
	overflow: hidden;
	border: 1px solid var(--edge);
	border-radius: 9px;
	background:
		radial-gradient(circle at 6% 16%, rgba(175,137,77,.12), transparent 29%),
		linear-gradient(108deg, #0d1218 0%, #0a0e13 63%, #080b0f 100%);
}

.rk-serverinfo-overline {
	margin: 0 0 9px;
	color: var(--gold);
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .27em;
}

.rk-serverinfo-heading h1 {
	margin: 0 0 9px;
	color: var(--white);
	font: 500 33px/1.15 var(--display);
	letter-spacing: -.02em;
}

.rk-serverinfo-lead {
	max-width: 500px;
	margin: 0;
	color: var(--muted);
	font-size: 12.5px;
	line-height: 1.72;
}

.rk-serverinfo-identity {
	display: grid;
	grid-template-columns: repeat(2, 142px);
	border: 1px solid var(--edge-soft);
	border-radius: 7px;
	background: rgba(4,6,9,.3);
}

.rk-serverinfo-identity div {
	min-height: 61px;
	padding: 12px 15px;
	border-bottom: 1px solid var(--edge-soft);
	border-right: 1px solid var(--edge-soft);
}

.rk-serverinfo-identity div:nth-child(even) {
	border-right: 0;
}

.rk-serverinfo-identity div:nth-last-child(-n+2) {
	border-bottom: 0;
}

.rk-serverinfo-identity small,
.rk-serverinfo-stat-grid small,
.rk-serverinfo-save small {
	display: block;
	margin-bottom: 6px;
	color: var(--muted-low);
	font-size: 8px;
	font-weight: 700;
	letter-spacing: .2em;
}

.rk-serverinfo-identity strong {
	color: var(--white);
	font: 500 15px var(--display);
	letter-spacing: .035em;
}

.rk-serverinfo-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	align-items: start;
}

.rk-serverinfo-card {
	overflow: hidden;
	border: 1px solid var(--edge);
	border-radius: 8px;
	background: var(--surface-2);
}

.rk-serverinfo-card > header {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 43px;
	padding: 0 15px;
	border-bottom: 1px solid var(--edge);
	background: #080b0f;
}

.rk-serverinfo-card > header::after {
	content: "";
	position: absolute;
	left: 15px;
	bottom: -1px;
	width: 34px;
	height: 1px;
	background: var(--gold);
}

.rk-serverinfo-card > header span {
	color: var(--gold-bright);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .16em;
}

.rk-serverinfo-card > header em {
	color: var(--muted);
	font-size: 10px;
	font-style: normal;
}

.rk-serverinfo-card.pvp,
.rk-serverinfo-card.world {
	grid-column: span 1;
}

.rk-stage-table {
	padding: 8px 14px 13px;
}

.rk-stage-table > div {
	display: grid;
	grid-template-columns: 1fr 92px;
	align-items: center;
	min-height: 36px;
	border-bottom: 1px solid var(--edge-soft);
}

.rk-stage-table > div:last-child {
	border-bottom: 0;
}

.rk-stage-table .head span {
	color: var(--muted-low);
	font-size: 8.5px;
	font-weight: 700;
	letter-spacing: .17em;
	text-transform: uppercase;
}

.rk-stage-table strong {
	color: var(--text);
	font-size: 12px;
	font-weight: 500;
}

.rk-stage-table b {
	color: var(--gold-bright);
	font-size: 13px;
	font-weight: 650;
	text-align: right;
}

.rk-serverinfo-stat-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.rk-serverinfo-stat-grid div {
	min-height: 86px;
	padding: 20px 18px;
	border-right: 1px solid var(--edge-soft);
	border-bottom: 1px solid var(--edge-soft);
}

.rk-serverinfo-stat-grid div:nth-child(even) {
	border-right: 0;
}

.rk-serverinfo-stat-grid div:nth-last-child(-n+2) {
	border-bottom: 0;
}

.rk-serverinfo-stat-grid strong {
	color: var(--white);
	font-size: 27px;
	font-weight: 600;
}

.rk-serverinfo-lines {
	padding: 8px 15px 0;
}

.rk-serverinfo-lines div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-height: 36px;
	border-bottom: 1px solid var(--edge-soft);
}

.rk-serverinfo-lines span {
	color: var(--muted);
	font-size: 12px;
}

.rk-serverinfo-lines strong {
	color: var(--text);
	font-size: 12px;
	font-weight: 550;
}

.rk-serverinfo-lines .enabled {
	color: var(--green);
}

.rk-serverinfo-thresholds {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	padding: 14px 15px 15px;
}

.rk-serverinfo-thresholds div {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 4px 9px;
	padding: 12px;
	border: 1px solid var(--edge-soft);
	border-radius: 6px;
	background: #090d12;
}

.rk-serverinfo-thresholds small {
	grid-column: 1 / -1;
	margin-bottom: 6px;
	color: var(--gold);
	font-size: 8px;
	font-weight: 700;
	letter-spacing: .18em;
}

.rk-serverinfo-thresholds strong {
	color: var(--white);
	font-size: 13px;
}

.rk-serverinfo-thresholds span {
	align-self: center;
	color: var(--muted);
	font-size: 10.5px;
}

.rk-serverinfo-features {
	padding: 7px 15px 13px;
}

.rk-serverinfo-features div {
	padding: 12px 0;
	border-bottom: 1px solid var(--edge-soft);
}

.rk-serverinfo-features div:last-child {
	border-bottom: 0;
}

.rk-serverinfo-features strong {
	display: block;
	margin-bottom: 3px;
	color: var(--white);
	font-size: 12px;
	font-weight: 550;
}

.rk-serverinfo-features span {
	color: var(--muted);
	font-size: 11px;
}

.rk-serverinfo-card.operations {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: 205px 1fr;
}

.rk-serverinfo-card.operations header {
	grid-column: 1 / -1;
}

.rk-serverinfo-save {
	padding: 19px 18px;
	border-right: 1px solid var(--edge-soft);
}

.rk-serverinfo-save strong {
	color: var(--white);
	font: 500 31px var(--display);
	letter-spacing: .045em;
}

.rk-serverinfo-save span {
	margin-left: 8px;
	color: var(--gold);
	font-size: 11px;
	font-weight: 600;
}

.rk-serverinfo-card.operations p {
	align-self: center;
	margin: 0;
	padding: 18px 21px;
	color: var(--muted);
	font-size: 12px;
	line-height: 1.7;
}

.rk-serverinfo-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 22px 26px;
	border: 1px solid var(--edge);
	border-radius: 8px;
	background: #090d12;
}

.rk-serverinfo-footer h2 {
	margin: 0 0 5px;
	color: var(--white);
	font: 500 23px var(--display);
}

.rk-serverinfo-footer div > p:last-child {
	margin: 0;
	color: var(--muted);
	font-size: 12px;
}

.rk-serverinfo-actions {
	display: flex;
	gap: 9px;
}

.rk-serverinfo-actions a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 41px;
	padding: 0 18px;
	border: 1px solid var(--edge);
	border-radius: 5px;
	color: var(--text);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.rk-serverinfo-actions a:hover {
	border-color: rgba(175,137,77,.48);
	color: var(--white);
}

.rk-serverinfo-actions a.primary {
	border-color: rgba(175,137,77,.56);
	background: rgba(175,137,77,.09);
	color: var(--gold-bright);
}

@media (max-width: 900px) {
	.rk-serverinfo-hero,
	.rk-serverinfo-footer {
		flex-direction: column;
		align-items: flex-start;
	}

	.rk-serverinfo-grid {
		grid-template-columns: 1fr;
	}

	.rk-serverinfo-identity {
		width: 100%;
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.rk-serverinfo-identity div {
		border-bottom: 0;
	}

	.rk-serverinfo-card.operations {
		grid-template-columns: 1fr;
	}

	.rk-serverinfo-save {
		border-right: 0;
		border-bottom: 1px solid var(--edge-soft);
	}
}

@media (max-width: 620px) {
	.rk-serverinfo-hero {
		padding: 18px 16px;
	}

	.rk-serverinfo-identity,
	.rk-serverinfo-stat-grid,
	.rk-serverinfo-thresholds {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.rk-serverinfo-identity div:nth-child(-n+2) {
		border-bottom: 1px solid var(--edge-soft);
	}

	.rk-serverinfo-identity div:nth-child(2) {
		border-right: 0;
	}

	.rk-serverinfo-actions {
		flex-direction: column;
		width: 100%;
	}

	.rk-serverinfo-actions a {
		width: 100%;
	}
}

/* ==========================================================================
   RETRO KARMIA — ECLIPSE DEVELOPMENT CHANGELOG V1.3
   Custom icon set + readable legend.
   ========================================================================== */

.rk-changelog-page{display:grid;gap:16px}.rk-changelog-header{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:25px 26px;border:1px solid var(--edge);border-radius:9px;background:radial-gradient(circle at 6% 18%,rgba(175,137,77,.11),transparent 28%),linear-gradient(107deg,#0d1218 0%,#0a0e13 66%,#080b0f 100%)}.rk-changelog-overline{margin:0 0 8px;color:var(--gold);font-size:9px;font-weight:700;letter-spacing:.27em}.rk-changelog-header h1{margin:0 0 8px;color:var(--white);font:500 30px/1.2 var(--display);letter-spacing:-.02em}.rk-changelog-header p:last-child{max-width:585px;margin:0;color:var(--muted);font-size:12.5px;line-height:1.7}.rk-changelog-admin{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 17px;border:1px solid rgba(175,137,77,.5);border-radius:5px;background:rgba(175,137,77,.07);color:var(--gold-bright);font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.rk-changelog-admin:hover{border-color:rgba(175,137,77,.7);background:rgba(175,137,77,.13)}
.rk-change-legend{display:grid;gap:10px;padding:12px 14px;border:1px solid var(--edge);border-radius:8px;background:var(--surface-2)}.rk-change-legend-group{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.rk-change-legend-group small{width:48px;color:var(--gold);font-size:8px;font-weight:700;letter-spacing:.2em}.rk-change-legend-group span{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:3px 10px 3px 5px;border:1px solid var(--edge-soft);border-radius:5px;background:#090d12;color:var(--muted);font-size:10px;font-weight:600}.rk-change-legend-group img{display:block;width:25px;height:25px;object-fit:contain}
.rk-changelog-board{overflow:hidden;border:1px solid var(--edge);border-radius:8px;background:var(--surface-2)}.rk-changelog-board-head{display:grid;grid-template-columns:56px 56px 118px minmax(0,1fr);gap:10px;min-height:43px;padding:0 16px;align-items:center;border-bottom:1px solid var(--edge);background:#080b0f}.rk-changelog-board-head span{color:var(--muted-low);font-size:8.5px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.rk-changelog-board-head span.icon{text-align:center}.rk-changelog-list{padding:5px 15px}.rk-changelog-entry{display:grid;grid-template-columns:56px 56px 118px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:62px;padding:9px 1px;border-bottom:1px solid var(--edge-soft)}.rk-changelog-entry:last-child{border-bottom:0}.rk-changelog-native-icon{display:grid;place-items:center;width:100%;height:42px;border-right:1px solid var(--edge-soft)}.rk-changelog-native-icon img{display:block;width:40px;height:40px;object-fit:contain}.rk-changelog-date{color:var(--muted-low);font-size:10px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}.rk-changelog-body{color:var(--text);font-size:12px;line-height:1.72}.rk-changelog-body br{display:block;content:"";margin-top:5px}.rk-changelog-body strong,.rk-changelog-body b{color:var(--white);font-weight:600}.rk-changelog-tools{padding-left:9px;white-space:nowrap}.rk-changelog-empty{padding:32px 20px;color:var(--muted);font-size:12px;font-style:italic;text-align:center}.rk-changelog-pagination{display:flex;justify-content:flex-end;gap:8px;padding:13px 17px;border-top:1px solid var(--edge);background:#090d12}.rk-changelog-pagination a{display:inline-flex;align-items:center;min-height:31px;padding:0 12px;border:1px solid var(--edge);border-radius:5px;color:var(--text);font-size:10px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.rk-home-changelog{overflow:hidden;margin:0 0 16px;border:1px solid var(--edge);border-radius:7px;background:var(--surface-2)}.rk-home-changelog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:42px;padding:0 14px;border-bottom:1px solid var(--edge);background:#080b0f}.rk-home-changelog-header div{display:flex;align-items:baseline;gap:12px}.rk-home-changelog-header span{color:var(--gold-bright);font-size:9px;font-weight:700;letter-spacing:.2em}.rk-home-changelog-header small{color:var(--muted-low);font-size:10px}.rk-home-changelog-header a{color:var(--gold);font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.rk-home-changelog-key{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:7px 14px;border-bottom:1px solid var(--edge-soft);background:#090d12}.rk-home-changelog-key span{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:9px;font-weight:600;text-transform:uppercase}.rk-home-changelog-key img{display:block;width:18px;height:18px;object-fit:contain}.rk-home-changelog-key i{width:1px;height:19px;margin:0 4px;background:var(--edge)}.rk-home-changelog-list{padding:4px 14px}.rk-home-changelog-row{display:grid;grid-template-columns:78px 86px minmax(0,1fr);align-items:center;gap:12px;min-height:54px;border-bottom:1px solid var(--edge-soft)}.rk-home-changelog-row:last-child{border-bottom:0}.rk-home-changelog-icons{display:flex;align-items:center;gap:5px}.rk-home-changelog-icons img{display:block;width:34px;height:34px;object-fit:contain}.rk-home-changelog-row time{color:var(--muted-low);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.rk-home-changelog-body{overflow:hidden;color:var(--text);font-size:11.5px;line-height:1.48;white-space:nowrap;text-overflow:ellipsis}.rk-home-changelog-body p{display:inline;margin:0}
@media(max-width:760px){.rk-changelog-header{align-items:flex-start;flex-direction:column;padding:19px 16px}.rk-changelog-board-head{display:none}.rk-changelog-list{padding:4px 13px}.rk-changelog-entry{grid-template-columns:44px 44px 1fr;gap:8px;padding:13px 0;align-items:start}.rk-changelog-native-icon{height:36px;border-right:0}.rk-changelog-native-icon img{width:34px;height:34px}.rk-changelog-date{align-self:center}.rk-changelog-body{grid-column:1/-1;padding:7px 0 0}.rk-changelog-tools{grid-column:1/-1;padding:4px 0 0}}@media(max-width:640px){.rk-change-legend-group small{width:100%}.rk-home-changelog-header{align-items:flex-start;flex-direction:column;justify-content:center;gap:4px;padding:10px 12px}.rk-home-changelog-header div{align-items:flex-start;flex-direction:column;gap:3px}.rk-home-changelog-list{padding:3px 12px}.rk-home-changelog-row{grid-template-columns:78px 1fr;gap:4px 10px;padding:9px 0}.rk-home-changelog-icons{grid-row:1/3}.rk-home-changelog-row time{grid-column:2}.rk-home-changelog-body{grid-column:2;white-space:normal}}

/* ==========================================================================
   RETRO KARMIA — ECLIPSE SIDEBAR: HIGHSCORES & CAST SYSTEM V1
   Isolated module. Uses existing .rk-side-panel / .rk-side-title base styles.
   ========================================================================== */

.rk-ranking-panel .rk-side-title,
.rk-casts-panel .rk-side-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.rk-ranking-panel .rk-side-title a {
	color: var(--muted-low);
	font-size: 8px;
	font-weight: 700;
	letter-spacing: .17em;
}

.rk-ranking-panel .rk-side-title a:hover {
	color: var(--gold-bright);
}

.rk-ranking-list {
	padding: 5px 13px;
}

.rk-ranking-row {
	display: grid;
	grid-template-columns: 27px minmax(0, 1fr) auto;
	align-items: center;
	gap: 9px;
	min-height: 47px;
	border-bottom: 1px solid var(--edge-soft);
	color: var(--text);
}

.rk-ranking-row:last-child {
	border-bottom: 0;
}

.rk-ranking-row:hover {
	color: var(--white);
}

.rk-ranking-position {
	display: grid;
	place-items: center;
	width: 25px;
	height: 25px;
	border: 1px solid var(--edge);
	border-radius: 5px;
	color: var(--muted-low);
	font-size: 10px;
	font-weight: 700;
}

.rk-ranking-row:first-child .rk-ranking-position {
	border-color: rgba(175,137,77,.4);
	background: rgba(175,137,77,.08);
	color: var(--gold-bright);
}

.rk-ranking-player {
	display: flex;
	flex-direction: column;
	min-width: 0;
	gap: 2px;
}

.rk-ranking-player strong {
	overflow: hidden;
	color: var(--white);
	font-size: 11.5px;
	font-weight: 600;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.rk-ranking-player small {
	overflow: hidden;
	color: var(--muted);
	font-size: 9.5px;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.rk-ranking-level {
	display: flex;
	align-items: baseline;
	gap: 4px;
	color: var(--gold-bright);
}

.rk-ranking-level small {
	color: var(--muted-low);
	font-size: 7.5px;
	font-weight: 700;
	letter-spacing: .13em;
}

.rk-ranking-level strong {
	color: var(--gold-bright);
	font-size: 12px;
	font-weight: 650;
}

.rk-side-empty {
	padding: 17px 2px;
	text-align: center;
}

.rk-side-empty strong {
	display: block;
	margin-bottom: 4px;
	color: var(--text);
	font-size: 11.5px;
	font-weight: 600;
}

.rk-side-empty small {
	color: var(--muted);
	font-size: 10.5px;
}

.rk-casts-panel .rk-side-title em {
	padding: 3px 6px;
	border: 1px solid rgba(175,137,77,.22);
	border-radius: 20px;
	color: var(--gold);
	font-size: 7px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: .17em;
}

.rk-casts-empty {
	padding: 18px 15px 20px;
	text-align: center;
}

.rk-casts-icon {
	position: relative;
	display: block;
	width: 32px;
	height: 22px;
	margin: 0 auto 12px;
	border: 1px solid rgba(175,137,77,.32);
	border-radius: 4px;
}

.rk-casts-icon::before {
	content: "";
	position: absolute;
	top: 6px;
	left: 12px;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 8px solid var(--gold);
}

.rk-casts-icon::after {
	content: "";
	position: absolute;
	bottom: -6px;
	left: 11px;
	width: 10px;
	height: 1px;
	background: rgba(175,137,77,.42);
}

.rk-casts-empty strong {
	display: block;
	margin-bottom: 5px;
	color: var(--text);
	font-size: 12px;
	font-weight: 600;
}

.rk-casts-empty p {
	margin: 0;
	color: var(--muted);
	font-size: 10.5px;
	line-height: 1.6;
}

/* ==========================================================================
   RETRO KARMIA — ECLIPSE ONLINE & HIGHSCORES V1
   Dedicated modern views for community pages.
   ========================================================================== */

.rk-page-overline {
	margin: 0 0 9px;
	color: var(--gold);
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .27em;
}

.rk-page-lead {
	margin: 0;
	color: var(--muted);
	font-size: 12.5px;
	line-height: 1.7;
}

.rk-online-page,
.rk-highscores-page {
	display: grid;
	gap: 16px;
}

.rk-online-cover,
.rk-highscores-cover {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 24px 25px;
	border: 1px solid var(--edge);
	border-radius: 9px;
	background:
		radial-gradient(circle at 6% 18%, rgba(175,137,77,.11), transparent 27%),
		linear-gradient(108deg, #0d1218 0%, #0a0e13 66%, #080b0f 100%);
}

.rk-online-cover h1,
.rk-highscores-cover h1 {
	margin: 0 0 8px;
	color: var(--white);
	font: 500 29px/1.2 var(--display);
	letter-spacing: -.02em;
}

.rk-online-summary {
	display: flex;
	overflow: hidden;
	border: 1px solid var(--edge-soft);
	border-radius: 7px;
	background: rgba(4,6,9,.3);
}

.rk-online-summary > div {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 105px;
	min-height: 65px;
	padding: 10px 14px;
	border-left: 1px solid var(--edge-soft);
}

.rk-online-summary > div:first-child {
	border-left: 0;
}

.rk-online-summary small,
.rk-online-info-grid small {
	display: block;
	margin-bottom: 5px;
	color: var(--muted-low);
	font-size: 8px;
	font-weight: 700;
	letter-spacing: .17em;
}

.rk-online-summary strong {
	color: var(--white);
	font-size: 13px;
	font-weight: 600;
}

.rk-online-state {
	flex-direction: row !important;
	align-items: center;
	gap: 10px;
}

.rk-online-state i {
	position: relative;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: currentColor;
	box-shadow: 0 0 9px currentColor;
}

.rk-online-state.online { color: var(--green); }
.rk-online-state.offline { color: var(--red); }

.rk-online-state.online i::after {
	content: "";
	position: absolute;
	inset: -1px;
	border-radius: 50%;
	background: rgba(66,189,124,.35);
	animation: rkPulse 1.9s ease-out infinite;
}

.rk-online-state strong {
	color: currentColor;
}

.rk-online-cache-note {
	margin: -4px 0 0;
	color: var(--muted-low);
	font-size: 10.5px;
}

.rk-online-panels {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(270px, .86fr);
	gap: 16px;
}

.rk-online-card,
.rk-online-list,
.rk-highscores-board {
	overflow: hidden;
	border: 1px solid var(--edge);
	border-radius: 8px;
	background: var(--surface-2);
}

.rk-online-card > header,
.rk-highscores-board > header {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 43px;
	padding: 0 15px;
	border-bottom: 1px solid var(--edge);
	background: #080b0f;
}

.rk-online-card > header::after,
.rk-highscores-board > header::after {
	content: "";
	position: absolute;
	left: 15px;
	bottom: -1px;
	width: 34px;
	height: 1px;
	background: var(--gold);
}

.rk-online-card > header span,
.rk-highscores-board > header span {
	color: var(--gold-bright);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .16em;
}

.rk-online-info-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.rk-online-info-grid > div {
	min-height: 62px;
	padding: 13px 15px;
	border-bottom: 1px solid var(--edge-soft);
}

.rk-online-info-grid > div:nth-child(odd) {
	border-right: 1px solid var(--edge-soft);
}

.rk-online-info-grid strong {
	color: var(--text);
	font-size: 12px;
	font-weight: 550;
}

.rk-online-info-grid strong.online { color: var(--green); }
.rk-online-info-grid strong.offline { color: var(--red); }

.rk-vocation-stats {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	padding: 14px 10px;
}

.rk-vocation-stats div {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 5px;
	padding: 0 7px;
	border-right: 1px solid var(--edge-soft);
	text-align: center;
}

.rk-vocation-stats div:last-child {
	border-right: 0;
}

.rk-vocation-stats img {
	display: block;
	width: 39px;
	height: 39px;
	object-fit: contain;
	margin-bottom: 3px;
}

.rk-vocation-stats small {
	color: var(--muted);
	font-size: 9px;
	font-weight: 600;
}

.rk-vocation-stats strong {
	color: var(--white);
	font-size: 16px;
	font-weight: 600;
}

.rk-online-skulls {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 18px;
	padding: 11px 15px;
	border: 1px solid var(--edge);
	border-radius: 7px;
	background: #090d12;
}

.rk-online-skulls .title {
	color: var(--gold);
	font-size: 8.5px;
	font-weight: 700;
	letter-spacing: .18em;
}

.rk-online-skulls span:not(.title) {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--muted);
	font-size: 10.5px;
}

.rk-online-skulls img {
	display: block;
	width: auto;
	height: auto;
}

.rk-online-list > header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px;
	border-bottom: 1px solid var(--edge);
	background: #080b0f;
}

.rk-online-list > header h2 {
	margin: 0;
	color: var(--white);
	font: 500 18px/1.2 var(--display);
}

.rk-online-list > header > strong {
	padding: 6px 10px;
	border: 1px solid rgba(66,189,124,.22);
	border-radius: 30px;
	color: var(--green);
	font-size: 10px;
	font-weight: 700;
}

.rk-online-table-head,
.rk-online-player-row {
	display: grid;
	grid-template-columns: 58px 62px minmax(150px, 1fr) 80px 150px;
	align-items: center;
	gap: 10px;
	padding: 0 15px;
}

.rk-online-table-head {
	min-height: 38px;
	background: #0b1015;
}

.rk-online-table-head a,
.rk-online-table-head span {
	color: var(--muted-low);
	font-size: 8.5px;
	font-weight: 700;
	letter-spacing: .15em;
	text-transform: uppercase;
}

.rk-online-table-head a:hover {
	color: var(--gold-bright);
}

.rk-online-player-row {
	min-height: 54px;
	border-bottom: 1px solid var(--edge-soft);
}

.rk-online-player-row:last-child {
	border-bottom: 0;
}

.rk-online-country img {
	display: block;
	max-width: 25px;
}

.rk-online-outfit {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 52px;
	overflow: hidden;
}

.rk-online-outfit img {
	display: block;
	max-width: none;
	max-height: none;
	image-rendering: pixelated;
}

.rk-online-player-name {
	color: var(--white);
	font-size: 12px;
	font-weight: 600;
}

.rk-online-player-name a {
	color: var(--white);
}

.rk-online-level {
	color: var(--gold-bright);
	font-size: 12px;
	font-weight: 600;
}

.rk-online-vocation {
	color: var(--muted);
	font-size: 12px;
}

.rk-online-empty,
.rk-highscores-empty {
	padding: 26px 17px;
	color: var(--muted);
	font-size: 12px;
	font-style: italic;
}

/* Highscores */
.rk-highscores-feature {
	min-width: 196px;
	padding: 14px 17px;
	border: 1px solid var(--edge-soft);
	border-radius: 7px;
	background: rgba(4,6,9,.3);
}

.rk-highscores-feature small {
	display: block;
	margin-bottom: 6px;
	color: var(--muted-low);
	font-size: 8px;
	font-weight: 700;
	letter-spacing: .19em;
}

.rk-highscores-feature strong {
	display: block;
	color: var(--white);
	font: 500 17px var(--display);
}

.rk-highscores-feature span {
	color: var(--muted);
	font-size: 11px;
}

.rk-highscores-filters {
	display: flex;
	gap: 12px;
	padding: 15px;
	border: 1px solid var(--edge);
	border-radius: 8px;
	background: var(--surface-2);
}

.rk-highscores-filters > div {
	flex: 1;
}

.rk-highscores-filters label {
	display: block;
	margin-bottom: 6px;
	color: var(--muted-low);
	font-size: 8.5px;
	font-weight: 700;
	letter-spacing: .17em;
	text-transform: uppercase;
}

.rk-highscores-filters select {
	width: 100%;
	min-height: 40px;
	padding: 0 12px;
	border: 1px solid var(--edge);
	border-radius: 5px;
	background: #070b0f;
	color: var(--text);
	font: 12px var(--ui);
}

.rk-highscores-board > header small {
	color: var(--muted-low);
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .16em;
}

.rk-highscores-head,
.rk-highscores-row {
	display: grid;
	grid-template-columns: 56px 62px 66px minmax(170px, 1fr) 100px 135px;
	align-items: center;
	gap: 10px;
	padding: 0 15px;
}

.rk-highscores-head {
	min-height: 39px;
	background: #0b1015;
}

.rk-highscores-head span {
	color: var(--muted-low);
	font-size: 8.5px;
	font-weight: 700;
	letter-spacing: .15em;
	text-transform: uppercase;
}

.rk-highscores-row {
	min-height: 60px;
	border-bottom: 1px solid var(--edge-soft);
}

.rk-highscores-row:last-child {
	border-bottom: 0;
}

.rk-highscores-flag img {
	display: block;
	max-width: 25px;
}

.rk-highscores-rank {
	color: var(--gold-bright);
	font-size: 13px;
}

.rk-highscores-outfit {
	display: flex;
	align-items: center;
	height: 58px;
	overflow: hidden;
}

.rk-highscores-outfit img {
	display: block;
	max-height: 52px;
	image-rendering: pixelated;
}

.rk-highscores-player {
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.rk-highscores-player strong {
	color: var(--white);
	font-size: 12.5px;
	font-weight: 600;
}

.rk-highscores-player strong.online { color: var(--green); }
.rk-highscores-player strong.offline { color: var(--text); }

.rk-highscores-player small {
	color: var(--muted);
	font-size: 10.5px;
}

.rk-highscores-value {
	color: var(--white);
	font-size: 13px;
	font-weight: 600;
}

.rk-highscores-exp {
	color: var(--muted);
	font-size: 11px;
}

.rk-highscores-pagination {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
	padding: 13px 15px;
	border-top: 1px solid var(--edge);
	background: #090d12;
}

.rk-highscores-pagination a {
	display: inline-flex;
	align-items: center;
	min-height: 32px;
	padding: 0 13px;
	border: 1px solid var(--edge);
	border-radius: 5px;
	color: var(--text);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.rk-highscores-pagination a:hover {
	border-color: rgba(175,137,77,.45);
	color: var(--gold-bright);
}

@media (max-width: 900px) {
	.rk-online-cover,
	.rk-highscores-cover {
		align-items: flex-start;
		flex-direction: column;
	}

	.rk-online-summary {
		width: 100%;
	}

	.rk-online-panels {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 680px) {
	.rk-online-cover,
	.rk-highscores-cover {
		padding: 18px 16px;
	}

	.rk-online-summary {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.rk-online-summary > div {
		border-left: 0;
		border-right: 1px solid var(--edge-soft);
		border-bottom: 1px solid var(--edge-soft);
	}

	.rk-vocation-stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 14px 0;
	}

	.rk-online-table-head {
		display: none;
	}

	.rk-online-player-row {
		grid-template-columns: 40px 53px minmax(0, 1fr) auto;
		gap: 7px;
		padding: 8px 12px;
	}

	.rk-online-vocation {
		grid-column: 3;
		font-size: 10px;
	}

	.rk-highscores-filters {
		flex-direction: column;
	}

	.rk-highscores-head {
		display: none;
	}

	.rk-highscores-row {
		grid-template-columns: 34px 48px minmax(0, 1fr) auto;
		gap: 8px;
		padding: 10px 12px;
	}

	.rk-highscores-outfit {
		display: none;
	}

	.rk-highscores-player {
		grid-column: 3;
	}

	.rk-highscores-value {
		grid-column: 4;
	}

	.rk-highscores-exp {
		grid-column: 3 / -1;
	}
}

/* ==========================================================================
   RETRO KARMIA — ECLIPSE GUILDS PUBLIC V1
   Public list and guild profile. Management forms remain legacy for next step.
   ========================================================================== */

.rk-guilds-page,
.rk-guild-profile {
	display: grid;
	gap: 16px;
}

.rk-guilds-cover,
.rk-guild-profile-cover {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 24px 25px;
	border: 1px solid var(--edge);
	border-radius: 9px;
	background:
		radial-gradient(circle at 6% 18%, rgba(175,137,77,.11), transparent 27%),
		linear-gradient(108deg, #0d1218 0%, #0a0e13 66%, #080b0f 100%);
}

.rk-guilds-cover h1,
.rk-guild-profile-identity h1 {
	margin: 0 0 8px;
	color: var(--white);
	font: 500 30px/1.2 var(--display);
	letter-spacing: -.02em;
}

.rk-guilds-cover-stat {
	min-width: 174px;
	padding: 14px 17px;
	border: 1px solid var(--edge-soft);
	border-radius: 7px;
	background: rgba(4,6,9,.3);
}

.rk-guilds-cover-stat small {
	display: block;
	margin-bottom: 5px;
	color: var(--muted-low);
	font-size: 8px;
	font-weight: 700;
	letter-spacing: .19em;
}

.rk-guilds-cover-stat strong {
	display: block;
	color: var(--gold-bright);
	font: 500 30px var(--display);
}

.rk-guilds-cover-stat span {
	color: var(--muted);
	font-size: 11px;
}

.rk-guilds-board,
.rk-guilds-empty,
.rk-guild-card,
.rk-guild-actionbar {
	overflow: hidden;
	border: 1px solid var(--edge);
	border-radius: 8px;
	background: var(--surface-2);
}

.rk-guilds-board > header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	padding: 15px;
	border-bottom: 1px solid var(--edge);
	background: #080b0f;
}

.rk-guilds-board > header h2 {
	margin: 0;
	color: var(--white);
	font: 500 18px var(--display);
}

.rk-guild-row {
	display: grid;
	grid-template-columns: 78px minmax(0, 1fr) auto;
	align-items: center;
	gap: 16px;
	min-height: 94px;
	padding: 14px 16px;
	border-bottom: 1px solid var(--edge-soft);
}

.rk-guild-row:last-child {
	border-bottom: 0;
}

.rk-guild-logo {
	display: grid;
	place-items: center;
	width: 72px;
	height: 72px;
	overflow: hidden;
	border: 1px solid rgba(175,137,77,.23);
	border-radius: 7px;
	background: #080b0f;
}

.rk-guild-logo img {
	display: block;
	object-fit: contain;
}

.rk-guild-name-row {
	display: flex;
	align-items: center;
	gap: 11px;
	margin-bottom: 6px;
}

.rk-guild-name-row h3 {
	margin: 0;
	color: var(--white);
	font: 500 17px var(--display);
}

.rk-guild-admin-delete {
	color: var(--red);
	font-size: 9px;
	font-weight: 700;
	text-transform: uppercase;
}

.rk-guild-summary p {
	max-width: 540px;
	margin: 0;
	color: var(--muted);
	font-size: 11.5px;
	line-height: 1.65;
}

.rk-guild-summary p.empty {
	font-style: italic;
}

.rk-guild-button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: 36px !important;
	padding: 0 15px !important;
	border: 1px solid rgba(175,137,77,.37) !important;
	border-radius: 5px !important;
	background: rgba(175,137,77,.055) !important;
	color: var(--gold-bright) !important;
	font: 700 9.5px var(--ui) !important;
	letter-spacing: .13em !important;
	text-transform: uppercase;
	cursor: pointer;
	white-space: nowrap;
}

.rk-guild-button:hover {
	border-color: rgba(175,137,77,.63) !important;
	background: rgba(175,137,77,.12) !important;
}

.rk-guild-button.primary {
	border-color: rgba(175,137,77,.6) !important;
	background: linear-gradient(180deg, #c9a05b, #96703a) !important;
	color: #11100d !important;
}

.rk-guild-button.primary:hover {
	background: linear-gradient(180deg, #dbba78, #a57a42) !important;
}

.rk-guild-button.danger {
	border-color: rgba(224,107,88,.34) !important;
	background: rgba(224,107,88,.06) !important;
	color: #d98578 !important;
}

.rk-guilds-empty {
	padding: 30px 24px;
	text-align: center;
}

.rk-guilds-empty h2 {
	margin: 0 0 8px;
	color: var(--white);
	font: 500 24px var(--display);
}

.rk-guilds-empty > p:not(.rk-page-overline) {
	margin: 0 0 18px;
	color: var(--muted);
	font-size: 12px;
}

.rk-guilds-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 20px 23px;
	border: 1px solid var(--edge);
	border-radius: 8px;
	background: #090d12;
}

.rk-guilds-footer h2 {
	margin: 0 0 5px;
	color: var(--white);
	font: 500 21px var(--display);
}

.rk-guilds-footer div > p:last-child {
	max-width: 510px;
	margin: 0;
	color: var(--muted);
	font-size: 12px;
	line-height: 1.65;
}

.rk-guilds-footer-actions {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 8px;
}

.rk-guild-text-link {
	color: var(--muted);
	font-size: 10px;
}

/* Guild profile */
.rk-guild-profile-cover {
	justify-content: flex-start;
}

.rk-guild-profile-logo {
	display: grid;
	place-items: center;
	flex-shrink: 0;
	width: 106px;
	height: 106px;
	border: 1px solid rgba(175,137,77,.25);
	border-radius: 9px;
	background: #080b0f;
}

.rk-guild-profile-logo img {
	display: block;
	width: 88px;
	height: 88px;
	object-fit: contain;
}

.rk-guild-profile-identity {
	min-width: 0;
	flex: 1;
}

.rk-guild-profile-identity p:last-child {
	margin: 0;
	color: var(--muted);
	font-size: 12px;
}

.rk-guild-profile-actions {
	display: flex;
	align-items: center;
	gap: 9px;
}

.rk-guild-profile-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(250px, .8fr);
	gap: 16px;
	align-items: start;
}

.rk-guild-card > header {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 43px;
	padding: 0 15px;
	border-bottom: 1px solid var(--edge);
	background: #080b0f;
}

.rk-guild-card > header::after {
	content: "";
	position: absolute;
	left: 15px;
	bottom: -1px;
	width: 34px;
	height: 1px;
	background: var(--gold);
}

.rk-guild-card > header span {
	color: var(--gold-bright);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .16em;
}

.rk-guild-description {
	min-height: 78px;
	padding: 15px;
	border-bottom: 1px solid var(--edge-soft);
}

.rk-guild-description p {
	margin: 0;
	color: var(--text);
	font-size: 12px;
	line-height: 1.7;
}

.rk-guild-description p.empty {
	color: var(--muted);
	font-style: italic;
}

.rk-guild-information-meta {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.rk-guild-information-meta div {
	padding: 13px 15px;
	border-right: 1px solid var(--edge-soft);
}

.rk-guild-information-meta div:last-child {
	border-right: 0;
}

.rk-guild-information-meta small {
	display: block;
	margin-bottom: 5px;
	color: var(--muted-low);
	font-size: 8px;
	font-weight: 700;
	letter-spacing: .18em;
}

.rk-guild-information-meta strong {
	color: var(--text);
	font-size: 12px;
	font-weight: 550;
}

.rk-guild-invite-list {
	padding: 6px 14px;
}

.rk-guild-invite-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	min-height: 40px;
	border-bottom: 1px solid var(--edge-soft);
	font-size: 12px;
}

.rk-guild-invite-row:last-child {
	border-bottom: 0;
}

.rk-guild-invite-row > a:last-child {
	color: var(--red);
	font-size: 9px;
	font-weight: 700;
	text-transform: uppercase;
}

.rk-guild-empty-text {
	margin: 0;
	padding: 17px 1px;
	color: var(--muted);
	font-size: 11.5px;
	font-style: italic;
}

.rk-guild-members-head,
.rk-guild-member-row {
	display: grid;
	grid-template-columns: 135px minmax(230px, 1fr) 125px 63px 85px;
	align-items: center;
	gap: 12px;
	padding: 0 15px;
}

.rk-guild-members-head {
	min-height: 39px;
	background: #0b1015;
}

.rk-guild-members-head span {
	color: var(--muted-low);
	font-size: 8.5px;
	font-weight: 700;
	letter-spacing: .15em;
	text-transform: uppercase;
}

.rk-guild-member-row {
	min-height: 55px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid var(--edge-soft);
}

.rk-guild-member-row:last-child {
	border-bottom: 0;
}

.rk-guild-rank {
	color: var(--gold-bright);
	font-size: 11px;
	font-weight: 600;
}

.rk-guild-member-name {
	display: flex;
	align-items: center;
	gap: 9px;
	min-width: 0;
	color: var(--white);
	font-size: 12px;
}

.rk-guild-member-name form {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 7px;
	min-width: 0;
}

.rk-guild-nick {
	color: var(--muted);
	font-size: 11px;
}

.rk-guild-nick-edit {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.rk-guild-nick-edit input {
	max-width: 112px !important;
	min-height: 28px !important;
	padding: 4px 7px !important;
}

.rk-guild-nick-edit button {
	min-height: 27px !important;
	padding: 0 8px !important;
	font-size: 8px !important;
}

.rk-guild-danger-link {
	color: var(--red);
	font-size: 9px;
	font-weight: 700;
	text-transform: uppercase;
}

.rk-guild-member-vocation {
	color: var(--muted);
	font-size: 11.5px;
}

.rk-guild-member-level {
	color: var(--gold-bright);
	font-size: 12px;
	font-weight: 600;
}

.rk-guild-member-status {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 9.5px;
	font-weight: 700;
	text-transform: uppercase;
}

.rk-guild-member-status i {
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: currentColor;
}

.rk-guild-member-status.online { color: var(--green); }
.rk-guild-member-status.offline { color: var(--muted-low); }

.rk-guild-actionbar {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 9px;
	padding: 13px 15px;
}

.rk-guild-actionbar .back {
	margin-left: auto;
}

@media (max-width: 900px) {
	.rk-guilds-cover,
	.rk-guild-profile-cover,
	.rk-guilds-footer {
		align-items: flex-start;
		flex-direction: column;
	}

	.rk-guild-profile-actions {
		flex-wrap: wrap;
	}

	.rk-guild-profile-grid {
		grid-template-columns: 1fr;
	}

	.rk-guild-members-head {
		display: none;
	}

	.rk-guild-member-row {
		grid-template-columns: 112px minmax(0, 1fr) auto;
		gap: 6px 11px;
	}

	.rk-guild-member-vocation {
		grid-column: 2;
	}

	.rk-guild-member-level {
		grid-column: 3;
		grid-row: 1;
	}

	.rk-guild-member-status {
		grid-column: 3;
		grid-row: 2;
	}
}

@media (max-width: 640px) {
	.rk-guilds-cover,
	.rk-guild-profile-cover {
		padding: 17px;
	}

	.rk-guild-row {
		grid-template-columns: 68px minmax(0, 1fr);
		gap: 12px;
		padding: 12px;
	}

	.rk-guild-logo {
		width: 64px;
		height: 64px;
	}

	.rk-guild-open {
		grid-column: 1 / -1;
	}

	.rk-guild-open .rk-guild-button {
		width: 100%;
	}

	.rk-guilds-footer-actions {
		align-items: flex-start;
	}

	.rk-guild-profile-actions {
		width: 100%;
	}

	.rk-guild-profile-actions .rk-guild-button {
		flex: 1;
	}

	.rk-guild-information-meta {
		grid-template-columns: 1fr;
	}

	.rk-guild-information-meta div {
		border-right: 0;
		border-bottom: 1px solid var(--edge-soft);
	}

	.rk-guild-members-list {
		padding: 0 12px;
	}

	.rk-guild-member-row {
		grid-template-columns: 1fr auto;
		padding-left: 0;
		padding-right: 0;
	}

	.rk-guild-rank {
		grid-column: 1 / -1;
	}

	.rk-guild-member-name,
	.rk-guild-member-vocation {
		grid-column: 1;
	}

	.rk-guild-member-level,
	.rk-guild-member-status {
		grid-column: 2;
	}
}

/* ==========================================================================
   RETRO KARMIA — ECLIPSE HOUSES V1
   Modern house browser and property search panel.
   ========================================================================== */

.rk-houses-page {
	display: grid;
	gap: 16px;
}

.rk-houses-cover {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 24px 25px;
	border: 1px solid var(--edge);
	border-radius: 9px;
	background:
		radial-gradient(circle at 6% 18%, rgba(175,137,77,.11), transparent 27%),
		linear-gradient(108deg, #0d1218 0%, #0a0e13 66%, #080b0f 100%);
}

.rk-houses-cover h1 {
	margin: 0 0 8px;
	color: var(--white);
	font: 500 30px/1.2 var(--display);
	letter-spacing: -.02em;
}

.rk-houses-cover-meta {
	overflow: hidden;
	border: 1px solid var(--edge-soft);
	border-radius: 7px;
	background: rgba(4,6,9,.3);
}

.rk-houses-rent-info {
	min-width: 320px;
	padding: 12px 15px 10px;
}

.rk-houses-rent-title {
	display: block;
	margin-bottom: 9px;
	color: var(--gold);
	font-size: 8px;
	font-weight: 700;
	letter-spacing: .21em;
}

.rk-houses-rent-row {
	display: grid;
	grid-template-columns: 100px minmax(0, 1fr);
	align-items: baseline;
	gap: 10px;
	min-height: 27px;
	padding: 5px 0;
	border-top: 1px solid var(--edge-soft);
}

.rk-houses-rent-row span {
	color: var(--muted-low);
	font-size: 8px;
	font-weight: 700;
	letter-spacing: .14em;
}

.rk-houses-rent-row strong {
	color: var(--white);
	font-size: 11.5px;
	font-weight: 600;
	white-space: nowrap;
}

.rk-houses-rent-row strong em {
	margin-left: 6px;
	color: var(--muted);
	font-size: 10px;
	font-style: normal;
	font-weight: 500;
}

.rk-houses-errors,
.rk-houses-notice,
.rk-houses-results,
.rk-house-search {
	overflow: hidden;
	border: 1px solid var(--edge);
	border-radius: 8px;
	background: var(--surface-2);
}

.rk-houses-errors {
	border-color: rgba(224,107,88,.28);
	padding: 15px 17px;
}

.rk-houses-errors header {
	margin-bottom: 8px;
	color: var(--red);
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .18em;
}

.rk-houses-errors p {
	margin: 0 0 5px;
	color: var(--text);
	font-size: 12px;
}

.rk-houses-notice {
	padding: 15px 18px;
	background: #090d12;
}

.rk-houses-notice p {
	margin: 0;
	color: var(--muted);
	font-size: 12px;
	line-height: 1.75;
}

.rk-houses-notice p + p {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid var(--edge-soft);
}

.rk-houses-notice strong {
	color: var(--gold-bright);
	font-weight: 600;
}

.rk-houses-results > header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 15px;
	border-bottom: 1px solid var(--edge);
	background: #080b0f;
}

.rk-houses-results > header h2 {
	margin: 0;
	color: var(--white);
	font: 500 18px var(--display);
}

.rk-houses-results > header > strong {
	padding: 6px 10px;
	border: 1px solid rgba(175,137,77,.27);
	border-radius: 30px;
	color: var(--gold-bright);
	font-size: 10px;
	font-weight: 700;
}

.rk-houses-table-head,
.rk-house-row {
	display: grid;
	grid-template-columns: minmax(165px, 1fr) 82px 112px minmax(130px, .9fr) 68px;
	align-items: center;
	gap: 12px;
	padding: 0 15px;
}

.rk-houses-table-head {
	min-height: 39px;
	background: #0b1015;
}

.rk-houses-table-head span {
	color: var(--muted-low);
	font-size: 8.5px;
	font-weight: 700;
	letter-spacing: .15em;
	text-transform: uppercase;
}

.rk-house-row {
	min-height: 54px;
	border-bottom: 1px solid var(--edge-soft);
}

.rk-house-row:last-child {
	border-bottom: 0;
}

.rk-house-name {
	color: var(--white);
	font-size: 12px;
	font-weight: 600;
}

.rk-house-size {
	color: var(--muted);
	font-size: 11.5px;
}

.rk-house-rent {
	color: var(--gold-bright);
	font-size: 11.5px;
	font-weight: 600;
}

.rk-house-status {
	color: var(--text);
	font-size: 11.5px;
}

.rk-house-view {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 30px;
	padding: 0 10px;
	border: 1px solid rgba(175,137,77,.36);
	border-radius: 5px;
	color: var(--gold-bright);
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.rk-house-view:hover {
	border-color: rgba(175,137,77,.62);
	background: rgba(175,137,77,.08);
}

.rk-houses-empty {
	padding: 25px 17px;
	color: var(--muted);
	font-size: 12px;
	font-style: italic;
}

.rk-house-search > header {
	padding: 15px 17px;
	border-bottom: 1px solid var(--edge);
	background: #080b0f;
}

.rk-house-search > header h2 {
	margin: 0;
	color: var(--white);
	font: 500 19px var(--display);
}

.rk-house-search-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0;
}

.rk-house-search fieldset {
	min-width: 0;
	margin: 0;
	padding: 17px;
	border: 0;
	border-right: 1px solid var(--edge-soft);
}

.rk-house-search fieldset:last-child {
	border-right: 0;
}

.rk-house-search legend {
	display: block;
	width: 100%;
	margin: 0 0 10px;
	padding: 0;
	color: var(--gold);
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .16em;
	text-transform: uppercase;
}

.rk-house-search legend.second {
	margin-top: 19px;
}

.rk-house-options {
	display: flex;
	flex-direction: column;
	gap: 7px;
}

.rk-house-option {
	position: relative;
	cursor: pointer;
}

.rk-house-option input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.rk-house-option span {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 34px;
	padding: 0 10px 0 34px;
	border: 1px solid var(--edge-soft);
	border-radius: 5px;
	background: #090d12;
	color: var(--muted);
	font-size: 11px;
}

.rk-house-option span::before {
	content: "";
	position: absolute;
	left: 11px;
	width: 10px;
	height: 10px;
	border: 1px solid #43505c;
	border-radius: 50%;
}

.rk-house-option input:checked + span {
	border-color: rgba(175,137,77,.37);
	background: rgba(175,137,77,.065);
	color: var(--white);
}

.rk-house-option input:checked + span::before {
	border-color: var(--gold);
	background: var(--gold);
	box-shadow: 0 0 0 3px rgba(175,137,77,.13);
}

.rk-house-search-submit {
	display: flex;
	justify-content: flex-end;
	padding: 13px 17px;
	border-top: 1px solid var(--edge);
	background: #090d12;
}

.rk-house-submit {
	min-height: 38px;
	padding: 0 21px;
	border: 1px solid rgba(175,137,77,.6);
	border-radius: 5px;
	background: linear-gradient(180deg, #c9a05b, #96703a);
	color: #11100d;
	font: 700 10px var(--ui);
	letter-spacing: .13em;
	text-transform: uppercase;
	cursor: pointer;
}

.rk-house-submit:hover {
	background: linear-gradient(180deg, #dbba78, #a57a42);
}

@media (max-width: 880px) {
	.rk-houses-cover {
		align-items: flex-start;
		flex-direction: column;
	}

	.rk-house-search-grid {
		grid-template-columns: 1fr;
	}

	.rk-house-search fieldset {
		border-right: 0;
		border-bottom: 1px solid var(--edge-soft);
	}

	.rk-house-search fieldset:last-child {
		border-bottom: 0;
	}
}

@media (max-width: 650px) {
	.rk-houses-cover {
		padding: 17px;
	}

	.rk-houses-cover-meta {
		width: 100%;
	}

	.rk-houses-rent-info {
		min-width: 0;
	}

	.rk-houses-rent-row {
		grid-template-columns: 1fr;
		gap: 3px;
	}

	.rk-houses-rent-row strong {
		white-space: normal;
	}

	.rk-houses-table-head {
		display: none;
	}

	.rk-house-row {
		grid-template-columns: 1fr auto;
		gap: 5px 12px;
		padding: 12px 14px;
	}

	.rk-house-name,
	.rk-house-status {
		grid-column: 1;
	}

	.rk-house-size,
	.rk-house-rent {
		grid-column: 1;
	}

	.rk-house-view {
		grid-column: 2;
		grid-row: 1 / 5;
		align-self: center;
	}
}

/* ==========================================================================
   RETRO KARMIA — SERVER RULES V2
   Styled bilingual page stored in MyAAC Pages editor; CSS-only language tabs.
   ========================================================================== */

.rk-rules-document {
	display: grid;
	gap: 15px;
}

.rk-rules-banner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 25px 25px;
	border: 1px solid var(--edge);
	border-radius: 9px;
	background:
		radial-gradient(circle at 8% 18%, rgba(175,137,77,.12), transparent 28%),
		linear-gradient(107deg, #0d1218 0%, #0a0e13 64%, #080b0f 100%);
}

.rk-rules-banner-copy h1 {
	margin: 0 0 8px;
	color: var(--white);
	font: 500 30px/1.16 var(--display);
	letter-spacing: -.025em;
}

.rk-rules-banner-copy > p:last-child {
	max-width: 530px;
	margin: 0;
	color: var(--muted);
	font-size: 12px;
	line-height: 1.72;
}

.rk-rules-banner-meta {
	display: flex;
	flex-shrink: 0;
	overflow: hidden;
	border: 1px solid var(--edge-soft);
	border-radius: 7px;
	background: rgba(4,6,9,.33);
}

.rk-rules-banner-meta div {
	min-width: 102px;
	padding: 13px 13px;
	border-left: 1px solid var(--edge-soft);
}

.rk-rules-banner-meta div:first-child {
	border-left: 0;
}

.rk-rules-banner-meta small {
	display: block;
	margin-bottom: 6px;
	color: var(--muted-low);
	font-size: 7.5px;
	font-weight: 700;
	letter-spacing: .18em;
}

.rk-rules-banner-meta strong {
	color: var(--white);
	font-size: 12px;
	font-weight: 600;
	white-space: nowrap;
}

.rk-rules-switchbox {
	overflow: hidden;
	border: 1px solid var(--edge);
	border-radius: 8px;
	background: var(--surface-2);
}

.rk-rules-toggle {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.rk-rules-switcher {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	padding: 11px 15px;
	border-bottom: 1px solid var(--edge);
	background: #080b0f;
}

.rk-rules-switcher > p {
	margin: 0;
	color: var(--gold);
	font-size: 8.5px;
	font-weight: 700;
	letter-spacing: .23em;
}

.rk-rules-switcher > div {
	display: flex;
	gap: 7px;
}

.rk-rules-switcher label {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-height: 38px;
	padding: 0 14px;
	border: 1px solid var(--edge);
	border-radius: 5px;
	background: #0a0e13;
	color: var(--muted);
	font-size: 11px;
	font-weight: 600;
	cursor: pointer;
	transition: border-color .18s ease, background .18s ease, color .18s ease;
}

.rk-rules-switcher label:hover {
	border-color: rgba(175,137,77,.38);
	color: var(--white);
}

.rk-rule-flag {
	font-size: 17px;
	line-height: 1;
}

#rk-rules-language-pl:checked ~ .rk-rules-switcher label[for="rk-rules-language-pl"],
#rk-rules-language-en:checked ~ .rk-rules-switcher label[for="rk-rules-language-en"] {
	border-color: rgba(175,137,77,.53);
	background: rgba(175,137,77,.08);
	color: var(--gold-bright);
}

.rk-rules-language {
	display: none;
}

#rk-rules-language-pl:checked ~ .rk-rules-panels .rk-rules-polish,
#rk-rules-language-en:checked ~ .rk-rules-panels .rk-rules-english {
	display: block;
}

.rk-rules-language-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 19px 18px 14px;
}

.rk-rules-language-head h2 {
	margin: 0;
	color: var(--white);
	font: 500 23px/1.2 var(--display);
}

.rk-rules-language-head > span {
	padding: 6px 10px;
	border: 1px solid var(--edge);
	border-radius: 30px;
	color: var(--muted);
	font-size: 8.5px;
	font-weight: 700;
	letter-spacing: .13em;
	text-transform: uppercase;
}

.rk-rules-lead {
	margin: 0 18px 4px;
	padding: 13px 15px;
	border: 1px solid rgba(175,137,77,.15);
	border-radius: 6px;
	background: rgba(175,137,77,.035);
}

.rk-rules-lead p {
	margin: 0;
	color: var(--text);
	font-size: 12px;
	line-height: 1.72;
}

.rk-rules-lead strong {
	color: var(--gold-bright);
}

.rk-rules-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	padding: 12px 12px 8px;
	gap: 8px;
}

.rk-rule-card {
	display: grid;
	grid-template-columns: 38px minmax(0, 1fr);
	gap: 11px;
	min-height: 121px;
	padding: 14px 13px;
	border: 1px solid var(--edge-soft);
	border-radius: 6px;
	background: #0a0f14;
}

.rk-rule-card > span {
	display: grid;
	place-items: center;
	align-self: start;
	width: 35px;
	height: 35px;
	border: 1px solid rgba(175,137,77,.25);
	border-radius: 5px;
	background: rgba(175,137,77,.055);
	color: var(--gold-bright);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .08em;
}

.rk-rule-card h3 {
	margin: 1px 0 6px;
	color: var(--white);
	font-size: 12px;
	font-weight: 600;
}

.rk-rule-card p {
	margin: 0;
	color: var(--muted);
	font-size: 11px;
	line-height: 1.66;
}

.rk-rules-note {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin: 2px 12px 12px;
	padding: 12px 14px;
	border: 1px solid var(--edge-soft);
	border-radius: 6px;
	background: #090d12;
}

.rk-rules-note strong {
	color: var(--gold-bright);
	font-size: 11px;
}

.rk-rules-note span {
	color: var(--muted);
	font-size: 11px;
	line-height: 1.55;
}

@media (max-width: 920px) {
	.rk-rules-banner {
		align-items: flex-start;
		flex-direction: column;
	}

	.rk-rules-banner-meta {
		width: 100%;
	}
}

@media (max-width: 680px) {
	.rk-rules-banner {
		padding: 17px 15px;
	}

	.rk-rules-banner-meta {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.rk-rules-banner-meta div {
		min-width: 0;
		padding: 11px 8px;
	}

	.rk-rules-switcher {
		align-items: flex-start;
		flex-direction: column;
	}

	.rk-rules-switcher > div {
		width: 100%;
	}

	.rk-rules-switcher label {
		flex: 1;
		justify-content: center;
	}

	.rk-rules-language-head {
		padding: 16px 14px 12px;
	}

	.rk-rules-lead {
		margin: 0 12px 4px;
	}

	.rk-rules-grid {
		grid-template-columns: 1fr;
		padding: 10px;
	}

	.rk-rule-card {
		min-height: 0;
	}
}

/* ==========================================================================
   RETRO KARMIA — ECLIPSE FAQ V1
   Modern knowledge base view for system/templates/faq.html.twig.
   ========================================================================== */

.rk-faq-page {
	display: grid;
	gap: 16px;
}

.rk-faq-hero {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 25px;
	border: 1px solid var(--edge);
	border-radius: 9px;
	background:
		radial-gradient(circle at 8% 18%, rgba(175,137,77,.12), transparent 28%),
		linear-gradient(107deg, #0d1218 0%, #0a0e13 64%, #080b0f 100%);
}

.rk-faq-hero h1 {
	margin: 0 0 8px;
	color: var(--white);
	font: 500 29px/1.18 var(--display);
	letter-spacing: -.025em;
}

.rk-faq-lead {
	max-width: 555px;
	margin: 0;
	color: var(--muted);
	font-size: 12px;
	line-height: 1.72;
}

.rk-faq-hero-meta {
	min-width: 204px;
	padding: 15px 17px;
	border: 1px solid var(--edge-soft);
	border-radius: 7px;
	background: rgba(4,6,9,.33);
}

.rk-faq-hero-meta small {
	display: block;
	margin-bottom: 6px;
	color: var(--muted-low);
	font-size: 8px;
	font-weight: 700;
	letter-spacing: .18em;
}

.rk-faq-hero-meta strong {
	display: block;
	margin-bottom: 4px;
	color: var(--white);
	font: 500 18px var(--display);
}

.rk-faq-hero-meta span {
	color: var(--muted);
	font-size: 10.5px;
}

.rk-faq-board {
	overflow: hidden;
	border: 1px solid var(--edge);
	border-radius: 8px;
	background: var(--surface-2);
}

.rk-faq-board-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 15px 17px;
	border-bottom: 1px solid var(--edge);
	background: #080b0f;
}

.rk-faq-board-head h2 {
	margin: 0;
	color: var(--white);
	font: 500 19px var(--display);
}

.rk-faq-tools {
	display: flex;
	gap: 7px;
}

.rk-faq-tools button {
	min-height: 32px;
	padding: 0 12px;
	border: 1px solid var(--edge);
	border-radius: 5px;
	background: #0a0e13;
	color: var(--muted);
	font: 700 8.5px var(--ui);
	letter-spacing: .13em;
	text-transform: uppercase;
	cursor: pointer;
}

.rk-faq-tools button:hover {
	border-color: rgba(175,137,77,.4);
	color: var(--gold-bright);
}

.rk-faq-list {
	padding: 8px 13px;
}

.rk-faq-item {
	overflow: hidden;
	margin: 0 0 7px;
	border: 1px solid var(--edge-soft);
	border-radius: 6px;
	background: #090d12;
}

.rk-faq-item:last-child {
	margin-bottom: 0;
}

.rk-faq-item summary {
	display: grid;
	grid-template-columns: 39px minmax(0, 1fr) 18px;
	align-items: center;
	gap: 12px;
	min-height: 56px;
	padding: 8px 15px 8px 11px;
	color: var(--white);
	cursor: pointer;
	list-style: none;
}

.rk-faq-item summary::-webkit-details-marker {
	display: none;
}

.rk-faq-item[open] summary {
	border-bottom: 1px solid var(--edge-soft);
	background: rgba(175,137,77,.035);
}

.rk-faq-number {
	display: grid;
	place-items: center;
	width: 35px;
	height: 35px;
	border: 1px solid rgba(175,137,77,.24);
	border-radius: 5px;
	background: rgba(175,137,77,.05);
	color: var(--gold-bright);
	font-size: 10px;
	font-weight: 700;
}

.rk-faq-question {
	color: var(--white);
	font-size: 12px;
	font-weight: 600;
	line-height: 1.55;
}

.rk-faq-chevron {
	width: 8px;
	height: 8px;
	border-right: 1px solid var(--gold);
	border-bottom: 1px solid var(--gold);
	transform: rotate(45deg);
	transition: transform .18s ease;
}

.rk-faq-item[open] .rk-faq-chevron {
	transform: rotate(-135deg);
}

.rk-faq-answer {
	padding: 14px 20px 15px 62px;
	color: var(--muted);
	font-size: 11.5px;
	line-height: 1.75;
}

.rk-faq-answer p {
	margin: 0 0 8px;
}

.rk-faq-answer p:last-child {
	margin-bottom: 0;
}

.rk-faq-answer a {
	color: var(--gold-bright);
}

.rk-faq-admin {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin-top: 13px;
	padding-top: 11px;
	border-top: 1px solid var(--edge-soft);
}

.rk-faq-admin a {
	min-height: 27px;
	padding: 6px 9px;
	border: 1px solid var(--edge);
	border-radius: 4px;
	color: var(--text);
	font-size: 8.5px;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.rk-faq-admin a.danger {
	border-color: rgba(224,107,88,.25);
	color: var(--red);
}

.rk-faq-empty {
	padding: 34px 18px;
	text-align: center;
}

.rk-faq-empty h3 {
	margin: 0 0 7px;
	color: var(--white);
	font: 500 19px var(--display);
}

.rk-faq-empty p {
	margin: 0;
	color: var(--muted);
	font-size: 12px;
}

.rk-faq-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 19px 22px;
	border: 1px solid var(--edge);
	border-radius: 8px;
	background: #090d12;
}

.rk-faq-bottom h2 {
	margin: 0 0 5px;
	color: var(--white);
	font: 500 19px var(--display);
}

.rk-faq-bottom div > p:last-child {
	margin: 0;
	color: var(--muted);
	font-size: 11.5px;
}

.rk-faq-bottom > a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 37px;
	padding: 0 16px;
	border: 1px solid rgba(175,137,77,.38);
	border-radius: 5px;
	color: var(--gold-bright);
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	white-space: nowrap;
}

.rk-faq-bottom > a:hover {
	border-color: rgba(175,137,77,.63);
	background: rgba(175,137,77,.08);
}


/* ==========================================================================
   RETRO KARMIA — ECLIPSE BUY POINTS COMING SOON V1
   Static Pages content used before the payment system is released.
   ========================================================================== */

.rk-points-page {
	display: grid;
	gap: 16px;
}

.rk-points-hero {
	display: block;
	padding: 26px 25px;
	border: 1px solid var(--edge);
	border-radius: 9px;
	background:
		radial-gradient(circle at 8% 18%, rgba(175,137,77,.12), transparent 28%),
		linear-gradient(107deg, #0d1218 0%, #0a0e13 64%, #080b0f 100%);
}

.rk-points-copy h1 {
	margin: 0 0 8px;
	color: var(--white);
	font: 500 30px/1.17 var(--display);
}

.rk-points-copy > p:last-child {
	max-width: 540px;
	margin: 0;
	color: var(--muted);
	font-size: 12px;
	line-height: 1.72;
}


.rk-points-card {
	padding: 28px 30px;
	border: 1px solid var(--edge);
	border-radius: 8px;
	background: var(--surface-2);
}


.rk-points-information h2 {
	margin: 0 0 8px;
	color: var(--white);
	font: 500 23px var(--display);
}

.rk-points-information > p:not(.rk-page-overline) {
	max-width: 600px;
	margin: 0;
	color: var(--muted);
	font-size: 12px;
	line-height: 1.7;
}

.rk-points-features {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
	margin-top: 19px;
}

.rk-points-features div {
	padding: 12px 13px;
	border: 1px solid var(--edge-soft);
	border-radius: 6px;
	background: #090d12;
}

.rk-points-features small {
	display: block;
	margin-bottom: 6px;
	color: var(--muted-low);
	font-size: 7.5px;
	font-weight: 700;
	letter-spacing: .16em;
}

.rk-points-features strong {
	color: var(--text);
	font-size: 11px;
	font-weight: 600;
}

.rk-points-note {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 19px 22px;
	border: 1px solid var(--edge);
	border-radius: 8px;
	background: #090d12;
}

.rk-points-note h2 {
	margin: 0 0 5px;
	color: var(--white);
	font: 500 19px var(--display);
}

.rk-points-note div > p:last-child {
	max-width: 610px;
	margin: 0;
	color: var(--muted);
	font-size: 11.5px;
	line-height: 1.65;
}

.rk-points-note > a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 37px;
	padding: 0 16px;
	border: 1px solid rgba(175,137,77,.38);
	border-radius: 5px;
	color: var(--gold-bright);
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	white-space: nowrap;
}

@media (max-width: 760px) {
	.rk-faq-hero,
	.rk-faq-bottom,
	.rk-points-hero,
	.rk-points-note {
		align-items: flex-start;
		flex-direction: column;
	}

	.rk-faq-board-head {
		align-items: flex-start;
		flex-direction: column;
	}

	.rk-faq-answer {
		padding-left: 16px;
	}

	.rk-points-card {
		padding: 20px 17px;
	}

	.rk-points-features {
		grid-template-columns: 1fr;
	}
}

/* ==========================================================================
   RETRO KARMIA — ECLIPSE V5
   Legacy MyAAC window compatibility + soft gradient submenu hover consistency.
   This block is intentionally scoped to native MyAAC markup that is still
   used by character search, account subforms and guild management actions.
   ========================================================================== */

/* --------------------------------------------------------------------------
   SECONDARY MENU — ignore legacy inline link colours and keep one hover style.
   -------------------------------------------------------------------------- */

#mainsubmenu a,
#mainsubmenu a:visited {
	position: relative;
	isolation: isolate;
	border-radius: 0;
	background: transparent !important;
	color: #7f8994 !important;
	text-shadow: none;
}

#mainsubmenu a::before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 2px;
	right: 2px;
	bottom: 2px;
	height: 24px;
	opacity: 0;
	transform: scaleX(.84);
	background: radial-gradient(ellipse at 50% 100%,
		rgba(175,137,77,.13) 0%,
		rgba(175,137,77,.055) 36%,
		transparent 72%);
	transition: opacity .2s ease, transform .2s ease;
	pointer-events: none;
}

#mainsubmenu a::after {
	content: "";
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 4px;
	height: 1px;
	opacity: 0;
	transform: scaleX(.58);
	transform-origin: center;
	background: linear-gradient(90deg,
		transparent 0%,
		rgba(175,137,77,.18) 17%,
		rgba(216,184,121,.8) 50%,
		rgba(175,137,77,.18) 83%,
		transparent 100%);
	box-shadow: 0 0 10px rgba(175,137,77,.24);
	transition: opacity .2s ease, transform .22s ease;
	pointer-events: none;
}

#mainsubmenu a:hover,
#mainsubmenu a:focus-visible {
	color: var(--gold-bright) !important;
	background: transparent !important;
	text-shadow: 0 0 14px rgba(175,137,77,.16);
	outline: none;
}

#mainsubmenu a:hover::before,
#mainsubmenu a:focus-visible::before {
	opacity: 1;
	transform: scaleX(1);
}

#mainsubmenu a:hover::after,
#mainsubmenu a:focus-visible::after {
	opacity: 1;
	transform: scaleX(1);
}

/* --------------------------------------------------------------------------
   STANDARD TABLECONTAINER PANELS — stronger final skin for MyAAC system forms.
   -------------------------------------------------------------------------- */

#ContentHelper .TableContainer {
	border-color: var(--edge) !important;
	border-radius: 8px !important;
	background: var(--surface-2) !important;
	box-shadow: 0 14px 34px rgba(0,0,0,.16) !important;
}

#ContentHelper .TableContainer .CaptionContainer,
#ContentHelper .TableContainer .CaptionContainer .CaptionInnerContainer {
	min-height: 43px !important;
	background:
		linear-gradient(90deg, rgba(175,137,77,.09), transparent 38%),
		#080b0f !important;
}

#ContentHelper .TableContainer .CaptionContainer {
	border-bottom: 1px solid var(--edge) !important;
}

#ContentHelper .TableContainer .CaptionContainer .Text {
	min-height: 43px !important;
	padding: 0 14px 0 17px !important;
	color: var(--gold-bright) !important;
	font: 700 10px var(--ui) !important;
	letter-spacing: .17em !important;
	text-transform: uppercase;
}

#ContentHelper .TableContainer .TableContentContainer,
#ContentHelper .TableContainer .InnerTableContainer,
#ContentHelper .TableContainer .TableContent,
#ContentHelper .TableContainer .Table1,
#ContentHelper .TableContainer .Table2,
#ContentHelper .TableContainer .Table3,
#ContentHelper .TableContainer .Table4,
#ContentHelper .TableContainer .Table5 {
	background: var(--surface-2) !important;
	background-image: none !important;
}

/* --------------------------------------------------------------------------
   BARE LEGACY TABLES — guild management / older account forms.
   Some native templates use only bgcolor rows instead of TableContainer.
   -------------------------------------------------------------------------- */

#ContentHelper table:has(> tbody > tr[bgcolor="#af894d" i]),
#ContentHelper table:has(> tr[bgcolor="#af894d" i]) {
	width: 100% !important;
	margin: 0 0 16px !important;
	overflow: hidden;
	border: 1px solid var(--edge) !important;
	border-radius: 8px;
	border-spacing: 0 !important;
	border-collapse: separate !important;
	background: var(--surface-2) !important;
	box-shadow: 0 14px 34px rgba(0,0,0,.16);
}

#ContentHelper tr[bgcolor="#af894d" i] > td,
#ContentHelper td[bgcolor="#af894d" i] {
	padding: 13px 15px !important;
	border: 0 !important;
	border-bottom: 1px solid var(--edge) !important;
	background:
		linear-gradient(90deg, rgba(175,137,77,.09), transparent 38%),
		#080b0f !important;
	background-color: #080b0f !important;
	color: var(--gold-bright) !important;
	font: 700 10px var(--ui) !important;
	letter-spacing: .17em !important;
	text-transform: uppercase;
}

#ContentHelper tr[bgcolor="#1a232d" i] > td,
#ContentHelper tr[bgcolor="#0d1218" i] > td,
#ContentHelper td[bgcolor="#1a232d" i],
#ContentHelper td[bgcolor="#0d1218" i] {
	padding: 12px 14px !important;
	border: 0 !important;
	border-bottom: 1px solid var(--edge-soft) !important;
	background: var(--surface-2) !important;
	background-color: var(--surface-2) !important;
	color: var(--text) !important;
	font: 12.5px/1.55 var(--ui) !important;
	letter-spacing: normal !important;
	text-transform: none;
}

#ContentHelper tr[bgcolor="#1a232d" i]:hover > td,
#ContentHelper tr[bgcolor="#0d1218" i]:hover > td {
	background: var(--hover) !important;
	background-color: var(--hover) !important;
}

#ContentHelper tr[bgcolor="#af894d" i] a,
#ContentHelper td[bgcolor="#af894d" i] a {
	color: var(--gold-bright) !important;
}

#ContentHelper input[type="checkbox"],
#ContentHelper input[type="radio"] {
	accent-color: var(--gold);
}

#ContentHelper tr[bgcolor] label {
	color: var(--text);
}

/* Character search is a standard MyAAC form; remove the old loose gap. */
.rk-character-search > br:first-child,
.rk-character-profile + br + form > br:first-child {
	display: none;
}

/* ==========================================================================
   RETRO KARMIA — ECLIPSE V6
   Hero Beta Tests countdown.
   ========================================================================== */

.rk-beta-countdown {
	position: relative;
	max-width: 530px;
	margin: 0 0 21px;
	padding: 16px 16px 14px;
	overflow: hidden;
	border: 1px solid rgba(175,137,77,.38);
	border-radius: 8px;
	background:
		radial-gradient(circle at 18% 0%, rgba(216,184,121,.13), transparent 34%),
		linear-gradient(145deg, rgba(13,18,24,.88), rgba(5,8,12,.96));
	box-shadow:
		inset 0 1px 0 rgba(216,184,121,.075),
		0 18px 52px rgba(0,0,0,.26),
		0 0 34px rgba(175,137,77,.055);
	backdrop-filter: blur(8px);
}

.rk-beta-countdown::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		linear-gradient(112deg, transparent 0 31%, rgba(216,184,121,.06) 45%, transparent 62%),
		linear-gradient(180deg, rgba(255,255,255,.022), transparent 48%);
}

.rk-beta-countdown::after {
	content: "";
	position: absolute;
	left: 16px;
	right: 16px;
	bottom: 0;
	height: 1px;
	background: linear-gradient(90deg,
		transparent,
		rgba(175,137,77,.18),
		rgba(216,184,121,.55),
		rgba(175,137,77,.18),
		transparent);
	box-shadow: 0 0 13px rgba(175,137,77,.22);
}

.rk-beta-countdown-head {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	gap: 9px;
	margin-bottom: 7px;
	color: var(--gold);
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .24em;
	text-transform: uppercase;
}

.rk-beta-spark {
	position: relative;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--gold-bright);
	box-shadow: 0 0 13px rgba(216,184,121,.7);
}

.rk-beta-spark::after {
	content: "";
	position: absolute;
	inset: -3px;
	border-radius: inherit;
	border: 1px solid rgba(216,184,121,.32);
	animation: rkBetaPulse 1.8s ease-out infinite;
}

@keyframes rkBetaPulse {
	from {
		opacity: .8;
		transform: scale(.72);
	}
	to {
		opacity: 0;
		transform: scale(1.75);
	}
}

.rk-beta-title {
	position: relative;
	z-index: 1;
	display: block;
	margin: 0 0 12px;
	color: var(--white);
	font: 500 21px/1.1 var(--display);
	letter-spacing: .018em;
	text-shadow:
		0 0 24px rgba(175,137,77,.13),
		0 2px 16px rgba(0,0,0,.34);
}

.rk-beta-clock {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 8px;
}

.rk-beta-clock div {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 67px;
	padding: 9px 5px 8px;
	border: 1px solid rgba(175,137,77,.22);
	border-radius: 6px;
	background:
		radial-gradient(circle at 50% 0%, rgba(175,137,77,.10), transparent 44%),
		rgba(4,6,9,.42);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.025),
		0 10px 24px rgba(0,0,0,.16);
}

.rk-beta-clock strong {
	display: block;
	color: var(--gold-bright);
	font: 600 clamp(22px, 2.7vw, 30px)/1 var(--display);
	letter-spacing: .015em;
	font-variant-numeric: tabular-nums;
	text-shadow: 0 0 18px rgba(175,137,77,.18);
}

.rk-beta-clock small {
	display: block;
	margin-top: 7px;
	color: var(--muted);
	font-size: 8px;
	font-weight: 800;
	letter-spacing: .17em;
	text-transform: uppercase;
}

.rk-beta-date {
	position: relative;
	z-index: 1;
	margin: 11px 0 0;
	color: #8e99a4;
	font-size: 11.5px;
	line-height: 1.45;
}

.rk-beta-countdown.is-live {
	border-color: rgba(66,189,124,.34);
	box-shadow:
		inset 0 1px 0 rgba(66,189,124,.06),
		0 18px 52px rgba(0,0,0,.26),
		0 0 34px rgba(66,189,124,.065);
}

.rk-beta-countdown.is-live .rk-beta-spark,
.rk-beta-countdown.is-live .rk-beta-clock strong {
	color: var(--green);
	background: var(--green);
	text-shadow: 0 0 18px rgba(66,189,124,.18);
	box-shadow: 0 0 13px rgba(66,189,124,.65);
}

.rk-beta-countdown.is-live .rk-beta-clock div {
	border-color: rgba(66,189,124,.20);
	background:
		radial-gradient(circle at 50% 0%, rgba(66,189,124,.08), transparent 44%),
		rgba(4,6,9,.42);
}

@media (max-width: 920px) {
	.rk-beta-countdown {
		max-width: none;
	}
}

@media (max-width: 640px) {
	.rk-beta-countdown {
		padding: 14px 13px 13px;
	}

	.rk-beta-title {
		font-size: 18px;
	}

	.rk-beta-clock {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.rk-beta-clock div {
		min-height: 62px;
	}

	.rk-beta-countdown-head {
		font-size: 8px;
		letter-spacing: .18em;
	}
}

@media (prefers-reduced-motion: reduce) {
	.rk-beta-spark::after {
		animation: none !important;
	}
}

/* ==========================================================================
   RETRO KARMIA — ECLIPSE V6.1
   Standalone Beta Tests countdown strip between hero and content.
   ========================================================================== */

.rk-countdown-strip {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(460px, 540px);
	align-items: center;
	gap: 24px;
	min-height: 112px;
	margin-top: 14px;
	padding: 18px 23px;
	overflow: hidden;
	border: 1px solid rgba(175,137,77,.34);
	border-radius: var(--radius);
	background:
		radial-gradient(circle at 16% 0%, rgba(216,184,121,.13), transparent 28%),
		radial-gradient(circle at 86% 100%, rgba(117,144,166,.075), transparent 34%),
		linear-gradient(112deg, rgba(13,18,24,.96), rgba(6,9,13,.98) 58%, rgba(4,6,9,.99));
	box-shadow:
		inset 0 1px 0 rgba(216,184,121,.07),
		0 20px 62px rgba(0,0,0,.24),
		0 0 36px rgba(175,137,77,.05);
}

.rk-countdown-strip::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		linear-gradient(108deg, transparent 0 33%, rgba(216,184,121,.055) 47%, transparent 64%),
		linear-gradient(180deg, rgba(255,255,255,.018), transparent 50%);
}

.rk-countdown-strip::after {
	content: "";
	position: absolute;
	left: 22px;
	right: 22px;
	bottom: 0;
	height: 1px;
	background: linear-gradient(90deg,
		transparent,
		rgba(175,137,77,.16),
		rgba(216,184,121,.58),
		rgba(175,137,77,.16),
		transparent);
	box-shadow: 0 0 16px rgba(175,137,77,.24);
}

.rk-countdown-strip-copy,
.rk-countdown-strip-clock {
	position: relative;
	z-index: 1;
}

.rk-countdown-overline {
	display: flex;
	align-items: center;
	gap: 9px;
	margin: 0 0 7px;
	color: var(--gold);
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .25em;
	text-transform: uppercase;
}

.rk-countdown-title {
	display: block;
	margin: 0;
	color: var(--white);
	font: 500 clamp(22px, 2.25vw, 31px)/1.08 var(--display);
	letter-spacing: -.012em;
	text-shadow:
		0 0 26px rgba(175,137,77,.13),
		0 2px 18px rgba(0,0,0,.34);
}

.rk-countdown-subtitle {
	margin: 8px 0 0;
	color: #8e99a4;
	font-size: 12px;
	line-height: 1.45;
}

.rk-countdown-strip-clock {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 8px;
}

.rk-countdown-strip-clock div {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 73px;
	padding: 9px 5px 8px;
	border: 1px solid rgba(175,137,77,.22);
	border-radius: 7px;
	background:
		radial-gradient(circle at 50% 0%, rgba(175,137,77,.10), transparent 44%),
		rgba(4,6,9,.46);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.025),
		0 10px 24px rgba(0,0,0,.17);
}

.rk-countdown-strip-clock strong {
	display: block;
	color: var(--gold-bright);
	font: 600 clamp(24px, 2.4vw, 33px)/1 var(--display);
	letter-spacing: .015em;
	font-variant-numeric: tabular-nums;
	text-shadow: 0 0 19px rgba(175,137,77,.18);
}

.rk-countdown-strip-clock small {
	display: block;
	margin-top: 7px;
	color: var(--muted);
	font-size: 8px;
	font-weight: 800;
	letter-spacing: .17em;
	text-transform: uppercase;
}

.rk-countdown-strip.is-live {
	border-color: rgba(66,189,124,.34);
	box-shadow:
		inset 0 1px 0 rgba(66,189,124,.06),
		0 20px 62px rgba(0,0,0,.24),
		0 0 36px rgba(66,189,124,.06);
}

.rk-countdown-strip.is-live .rk-beta-spark,
.rk-countdown-strip.is-live .rk-countdown-strip-clock strong {
	color: var(--green);
	background: var(--green);
	text-shadow: 0 0 18px rgba(66,189,124,.18);
	box-shadow: 0 0 13px rgba(66,189,124,.65);
}

.rk-countdown-strip.is-live .rk-countdown-strip-clock div {
	border-color: rgba(66,189,124,.20);
	background:
		radial-gradient(circle at 50% 0%, rgba(66,189,124,.08), transparent 44%),
		rgba(4,6,9,.46);
}

@media (max-width: 1030px) {
	.rk-countdown-strip {
		grid-template-columns: 1fr;
		gap: 15px;
	}

	.rk-countdown-strip-clock {
		max-width: 560px;
	}
}

@media (max-width: 640px) {
	.rk-countdown-strip {
		margin-top: 10px;
		padding: 15px 13px;
	}

	.rk-countdown-overline {
		font-size: 8px;
		letter-spacing: .18em;
	}

	.rk-countdown-title {
		font-size: 21px;
	}

	.rk-countdown-strip-clock {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.rk-countdown-strip-clock div {
		min-height: 64px;
	}
}

/* ==========================================================================
   RETRO KARMIA — ECLIPSE V6.2
   Team / Staff page.
   ========================================================================== */

.rk-team-page {
	display: grid;
	gap: 16px;
}

.rk-team-hero {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 330px;
	gap: 24px;
	align-items: center;
	min-height: 210px;
	padding: 25px 26px;
	overflow: hidden;
	border: 1px solid var(--edge);
	border-radius: 9px;
	background:
		radial-gradient(circle at 12% 8%, rgba(175,137,77,.13), transparent 29%),
		radial-gradient(circle at 90% 90%, rgba(117,144,166,.08), transparent 35%),
		linear-gradient(112deg, rgba(13,18,24,.98), rgba(6,9,13,.99) 66%, rgba(4,6,9,.99));
	box-shadow:
		inset 0 1px 0 rgba(216,184,121,.06),
		0 22px 64px rgba(0,0,0,.24);
}

.rk-team-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		linear-gradient(112deg, transparent 0 36%, rgba(216,184,121,.045) 50%, transparent 66%),
		linear-gradient(180deg, rgba(255,255,255,.018), transparent 42%);
}

.rk-team-hero::after {
	content: "";
	position: absolute;
	left: 26px;
	bottom: 0;
	width: 92px;
	height: 1px;
	background: linear-gradient(90deg, var(--gold), transparent);
	box-shadow: 0 0 14px rgba(175,137,77,.28);
}

.rk-team-hero-copy,
.rk-team-hero-meta {
	position: relative;
	z-index: 1;
}

.rk-team-hero .rk-page-overline {
	margin: 0 0 13px;
	color: var(--gold);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .29em;
	text-transform: uppercase;
}

.rk-team-hero h1 {
	margin: 0 0 12px;
	color: var(--white);
	font: 500 clamp(31px, 3.4vw, 43px)/1.1 var(--display);
	letter-spacing: -.026em;
}

.rk-team-hero p {
	max-width: 640px;
	margin: 0;
	color: #8e99a4;
	font-size: 13.5px;
	line-height: 1.75;
}

.rk-team-hero-meta {
	display: grid;
	overflow: hidden;
	border: 1px solid rgba(175,137,77,.24);
	border-radius: 7px;
	background: rgba(5,8,12,.72);
	backdrop-filter: blur(8px);
	box-shadow: 0 15px 44px rgba(0,0,0,.22);
}

.rk-team-hero-meta div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	min-height: 55px;
	padding: 12px 14px;
	border-bottom: 1px solid rgba(175,137,77,.13);
}

.rk-team-hero-meta div:last-child {
	border-bottom: 0;
}

.rk-team-hero-meta small {
	color: var(--gold);
	font-size: 8px;
	font-weight: 800;
	letter-spacing: .22em;
}

.rk-team-hero-meta strong {
	color: var(--white);
	font: 500 13px var(--display);
	letter-spacing: .05em;
	text-transform: uppercase;
	text-align: right;
}

.rk-team-discord {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 17px 18px;
	overflow: hidden;
	border: 1px solid rgba(175,137,77,.30);
	border-radius: 8px;
	background:
		radial-gradient(circle at 8% 0%, rgba(216,184,121,.105), transparent 31%),
		linear-gradient(120deg, rgba(13,18,24,.96), rgba(8,11,15,.99));
	box-shadow:
		inset 0 1px 0 rgba(216,184,121,.05),
		0 16px 44px rgba(0,0,0,.18);
}

.rk-team-discord::after {
	content: "";
	position: absolute;
	left: 18px;
	right: 18px;
	bottom: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(216,184,121,.5), transparent);
	opacity: .75;
}

.rk-team-discord > div {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	gap: 14px;
	min-width: 0;
}

.rk-team-discord-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 38px;
	width: 38px;
	height: 38px;
	border: 1px solid rgba(175,137,77,.30);
	border-radius: 9px;
	background:
		radial-gradient(circle at 50% 0%, rgba(175,137,77,.16), transparent 58%),
		rgba(4,6,9,.48);
	color: var(--gold-bright);
	font-size: 15px;
	box-shadow: 0 0 18px rgba(175,137,77,.08);
}

.rk-team-discord p {
	margin: 0 0 2px;
	color: var(--gold);
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .20em;
	text-transform: uppercase;
}

.rk-team-discord strong {
	display: block;
	color: var(--white);
	font-size: 15px;
	font-weight: 600;
}

.rk-team-discord small {
	display: block;
	max-width: 700px;
	margin-top: 4px;
	color: var(--muted);
	font-size: 12px;
	line-height: 1.55;
}

.rk-team-discord-button {
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	min-height: 38px;
	padding: 0 15px;
	border: 1px solid rgba(175,137,77,.50);
	border-radius: 6px;
	background: rgba(175,137,77,.075);
	color: var(--gold-bright) !important;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .13em;
	text-transform: uppercase;
	text-decoration: none !important;
}

.rk-team-discord-button:hover {
	border-color: rgba(216,184,121,.76);
	background: rgba(175,137,77,.13);
	color: #efd6a2 !important;
	transform: translateY(-1px);
}

.rk-team-groups {
	display: grid;
	gap: 16px;
}

.rk-team-group {
	overflow: hidden;
	border: 1px solid var(--edge);
	border-radius: 8px;
	background: var(--surface-2);
	box-shadow: 0 18px 48px rgba(0,0,0,.17);
}

.rk-team-group-head {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 45px;
	padding: 0 16px;
	border-bottom: 1px solid var(--edge);
	background:
		linear-gradient(90deg, rgba(175,137,77,.07), transparent 42%),
		#080b0f;
}

.rk-team-group-head::after {
	content: "";
	position: absolute;
	left: 16px;
	bottom: -1px;
	width: 42px;
	height: 1px;
	background: var(--gold);
	box-shadow: 0 0 10px rgba(175,137,77,.22);
}

.rk-team-group-head span {
	color: var(--gold-bright);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .17em;
	text-transform: uppercase;
}

.rk-team-group-head small {
	display: block;
	margin-top: 2px;
	color: var(--muted-low);
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .06em;
}

.rk-team-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 10px;
	padding: 10px;
}

.rk-team-card {
	position: relative;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 13px;
	min-height: 116px;
	padding: 13px;
	overflow: hidden;
	border: 1px solid var(--edge-soft);
	border-radius: 7px;
	background:
		radial-gradient(circle at 15% 0%, rgba(175,137,77,.07), transparent 33%),
		linear-gradient(145deg, #0d1218, #080b0f);
	transition: border-color .18s ease, transform .18s ease, background .18s ease;
}

.rk-team-card:hover {
	border-color: rgba(175,137,77,.35);
	background:
		radial-gradient(circle at 15% 0%, rgba(175,137,77,.10), transparent 35%),
		linear-gradient(145deg, #111820, #080b0f);
	transform: translateY(-1px);
}

.rk-team-outfit {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 72px;
	min-height: 88px;
	border: 1px solid rgba(175,137,77,.18);
	border-radius: 7px;
	background:
		radial-gradient(circle at 50% 42%, rgba(175,137,77,.08), transparent 55%),
		rgba(4,6,9,.46);
}

.rk-team-outfit img {
	display: block;
	width: auto;
	height: auto;
	max-width: none;
	max-height: none;
	margin: 0;
	image-rendering: pixelated;
}

.rk-team-member-main {
	min-width: 0;
}

.rk-team-member-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 8px;
}

.rk-team-role {
	color: var(--gold);
	font-size: 8.5px;
	font-weight: 800;
	letter-spacing: .17em;
	text-transform: uppercase;
}

.rk-team-status {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--muted);
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
	white-space: nowrap;
}

.rk-team-status i {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: currentColor;
	box-shadow: 0 0 9px currentColor;
}

.rk-team-status.online {
	color: var(--green);
}

.rk-team-status.offline {
	color: var(--red);
}

.rk-team-card h2 {
	display: flex;
	align-items: center;
	gap: 7px;
	margin: 0 0 12px;
	color: var(--white);
	font: 500 20px/1.15 var(--display);
	letter-spacing: -.01em;
}

.rk-team-card h2 a {
	color: var(--white) !important;
	text-decoration: none !important;
}

.rk-team-card h2 a:hover {
	color: var(--gold-bright) !important;
}

.rk-team-card h2 img {
	width: auto;
	height: auto;
	vertical-align: middle;
}

.rk-team-details {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}

.rk-team-details:empty {
	display: none;
}

.rk-team-details div {
	padding: 9px 10px;
	border: 1px solid var(--edge-soft);
	border-radius: 5px;
	background: rgba(4,6,9,.34);
}

.rk-team-details small {
	display: block;
	margin-bottom: 4px;
	color: var(--muted-low);
	font-size: 8px;
	font-weight: 800;
	letter-spacing: .15em;
	text-transform: uppercase;
}

.rk-team-details strong {
	color: var(--text);
	font-size: 11.5px;
	font-weight: 500;
}

.rk-team-empty {
	padding: 24px;
	border: 1px solid var(--edge);
	border-radius: 8px;
	background: var(--surface-2);
	text-align: center;
}

.rk-team-empty h2 {
	margin: 0 0 8px;
	color: var(--white);
	font: 500 24px var(--display);
}

.rk-team-empty p {
	margin: 0;
	color: var(--muted);
}

@media (max-width: 920px) {
	.rk-team-hero {
		grid-template-columns: 1fr;
	}

	.rk-team-hero-meta {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.rk-team-hero-meta div {
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		border-bottom: 0;
		border-right: 1px solid rgba(175,137,77,.13);
	}

	.rk-team-hero-meta div:last-child {
		border-right: 0;
	}

	.rk-team-discord {
		align-items: flex-start;
		flex-direction: column;
	}

	.rk-team-discord-button {
		width: 100%;
	}
}

@media (max-width: 640px) {
	.rk-team-hero {
		padding: 20px 16px;
	}

	.rk-team-hero h1 {
		font-size: 29px;
	}

	.rk-team-hero-meta {
		grid-template-columns: 1fr;
	}

	.rk-team-hero-meta div {
		border-right: 0;
		border-bottom: 1px solid rgba(175,137,77,.13);
	}

	.rk-team-grid {
		grid-template-columns: 1fr;
	}

	.rk-team-card {
		grid-template-columns: 1fr;
	}

	.rk-team-outfit {
		width: 100%;
		min-height: 88px;
	}

	.rk-team-details {
		grid-template-columns: 1fr;
	}
}

/* ==========================================================================
   RETRO KARMIA — ECLIPSE V6.3
   Team page cleanup:
   - no legacy headline wrapper,
   - no STATUS/OFFICIAL meta box,
   - staff outfit frame uses the same visual rules as character avatar,
   - uploaded staff outfit image is preserved at original size and transparency.
   ========================================================================== */

.rk-team-page-v2 {
	display: grid;
	gap: 16px;
}

.rk-team-page-v2 .rk-team-hero {
	display: block;
	min-height: 170px;
	padding: 27px 28px;
}

.rk-team-page-v2 .rk-team-hero-copy {
	max-width: 760px;
}

.rk-team-page-v2 .rk-team-hero h1 {
	margin-bottom: 13px;
}

.rk-team-page-v2 .rk-team-hero p {
	max-width: 720px;
}

/* Keep old V6.2 meta styles harmless if browser cache mixes files. */
.rk-team-page-v2 .rk-team-hero-meta {
	display: none !important;
}

/*
 * Match character avatar technical styling.
 * Image itself is not resized: width/height auto + no max constraints.
 */
.rk-team-page-v2 .rk-team-outfit {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 132px !important;
	height: 148px !important;
	min-height: 148px !important;
	overflow: hidden !important;
	border: 1px solid rgba(175,137,77,.27) !important;
	border-radius: 8px !important;
	background:
		radial-gradient(circle at 50% 48%, rgba(175,137,77,.08), transparent 56%),
		#080b0f !important;
	box-shadow: none !important;
}

.rk-team-page-v2 .rk-team-outfit img {
	display: block !important;
	width: auto !important;
	height: auto !important;
	max-width: none !important;
	max-height: none !important;
	margin: 0 !important;
	position: static !important;
	object-fit: unset !important;
	image-rendering: pixelated;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	opacity: 1 !important;
	filter: none !important;
	-webkit-filter: none !important;
	mix-blend-mode: normal !important;
}

.rk-team-page-v2 .rk-team-card {
	grid-template-columns: 132px minmax(0, 1fr);
	align-items: center;
	min-height: 174px;
}

.rk-team-page-v2 .rk-team-card h2 {
	margin-bottom: 13px;
}

.rk-team-page-v2 .rk-team-discord {
	margin-top: -1px;
}

@media (max-width: 760px) {
	.rk-team-page-v2 .rk-team-card {
		grid-template-columns: 1fr;
	}

	.rk-team-page-v2 .rk-team-outfit {
		width: 132px !important;
		height: 148px !important;
		margin: 0 auto;
	}
}

/* ==========================================================================
   RETRO KARMIA — ECLIPSE V6.4
   Team Discord icon: real image instead of placeholder glyph.
   ========================================================================== */

.rk-team-discord-icon {
	overflow: hidden;
	padding: 0 !important;
}

.rk-team-discord-icon img {
	display: block !important;
	width: 64px !important;
	height: 64px !important;
	max-width: 64px !important;
	max-height: 64px !important;
	object-fit: contain !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	opacity: 1 !important;
	filter: none !important;
	-webkit-filter: none !important;
	mix-blend-mode: normal !important;
}

/* ==========================================================================
   RETRO KARMIA — ECLIPSE V6.5
   Bans page.
   ========================================================================== */

.rk-bans-page {
	display: grid;
	gap: 16px;
}

.rk-bans-hero {
	position: relative;
	min-height: 176px;
	padding: 26px 27px;
	overflow: hidden;
	border: 1px solid var(--edge);
	border-radius: 9px;
	background:
		radial-gradient(circle at 10% 10%, rgba(224,107,88,.105), transparent 29%),
		radial-gradient(circle at 92% 90%, rgba(175,137,77,.075), transparent 34%),
		linear-gradient(112deg, rgba(13,18,24,.98), rgba(6,9,13,.99) 66%, rgba(4,6,9,.99));
	box-shadow:
		inset 0 1px 0 rgba(216,184,121,.055),
		0 22px 64px rgba(0,0,0,.24);
}

.rk-bans-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		linear-gradient(112deg, transparent 0 38%, rgba(216,184,121,.04) 52%, transparent 68%),
		linear-gradient(180deg, rgba(255,255,255,.018), transparent 42%);
}

.rk-bans-hero::after {
	content: "";
	position: absolute;
	left: 27px;
	bottom: 0;
	width: 92px;
	height: 1px;
	background: linear-gradient(90deg, var(--red), var(--gold), transparent);
	box-shadow: 0 0 14px rgba(175,137,77,.22);
}

.rk-bans-hero > div {
	position: relative;
	z-index: 1;
	max-width: 760px;
}

.rk-bans-hero .rk-page-overline {
	margin: 0 0 12px;
	color: var(--gold);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .29em;
	text-transform: uppercase;
}

.rk-bans-hero h1 {
	margin: 0 0 12px;
	color: var(--white);
	font: 500 clamp(31px, 3.4vw, 43px)/1.1 var(--display);
	letter-spacing: -.026em;
}

.rk-bans-hero p {
	max-width: 690px;
	margin: 0;
	color: #8e99a4;
	font-size: 13.5px;
	line-height: 1.75;
}

.rk-bans-card,
.rk-bans-empty {
	overflow: hidden;
	border: 1px solid var(--edge);
	border-radius: 8px;
	background: var(--surface-2);
	box-shadow: 0 18px 48px rgba(0,0,0,.17);
}

.rk-bans-card-head {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-height: 45px;
	padding: 0 16px;
	border-bottom: 1px solid var(--edge);
	background:
		linear-gradient(90deg, rgba(175,137,77,.07), transparent 42%),
		#080b0f;
}

.rk-bans-card-head::after {
	content: "";
	position: absolute;
	left: 16px;
	bottom: -1px;
	width: 42px;
	height: 1px;
	background: var(--gold);
	box-shadow: 0 0 10px rgba(175,137,77,.22);
}

.rk-bans-card-head span {
	color: var(--gold-bright);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .17em;
	text-transform: uppercase;
}

.rk-bans-card-head small {
	color: var(--muted-low);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .10em;
	text-transform: uppercase;
}

.rk-bans-table-wrap {
	width: 100%;
	overflow-x: auto;
}

.rk-bans-table {
	width: 100%;
	min-width: 760px;
	border-collapse: collapse;
	border-spacing: 0;
	background: var(--surface-2);
}

.rk-bans-table th {
	padding: 12px 14px;
	border: 0;
	border-bottom: 1px solid var(--edge);
	background: #0b1015;
	color: var(--muted-low);
	font-size: 8.5px;
	font-weight: 800;
	letter-spacing: .16em;
	text-align: left;
	text-transform: uppercase;
	white-space: nowrap;
}

.rk-bans-table td {
	padding: 14px;
	border: 0;
	border-bottom: 1px solid var(--edge-soft);
	color: var(--text);
	font-size: 12px;
	line-height: 1.55;
	vertical-align: middle;
	background: var(--surface-2);
}

.rk-bans-table tbody tr:hover td {
	background: var(--hover);
}

.rk-bans-table tbody tr:last-child td {
	border-bottom: 0;
}

.rk-bans-player {
	min-width: 140px;
	font-weight: 600;
}

.rk-bans-player a,
.rk-bans-staff a {
	color: var(--white) !important;
	font-weight: 600 !important;
	text-decoration: none !important;
}

.rk-bans-player a:hover,
.rk-bans-staff a:hover {
	color: var(--gold-bright) !important;
}

.rk-ban-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 23px;
	padding: 0 9px;
	border: 1px solid rgba(224,107,88,.28);
	border-radius: 999px;
	background: rgba(224,107,88,.055);
	color: #d98477;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .10em;
	text-transform: uppercase;
	white-space: nowrap;
}

.rk-bans-expires {
	color: var(--gold-bright);
	font-weight: 600;
	white-space: nowrap;
}

.rk-bans-comment {
	color: var(--muted);
}

.rk-bans-staff small {
	display: block;
	margin-top: 4px;
	color: var(--muted-low);
	font-size: 10.5px;
	line-height: 1.35;
}

.rk-bans-empty {
	padding: 26px;
	text-align: center;
}

.rk-bans-empty h2 {
	margin: 0 0 8px;
	color: var(--white);
	font: 500 25px var(--display);
}

.rk-bans-empty p {
	margin: 0;
	color: var(--muted);
	font-size: 12.5px;
}

.rk-bans-pagination {
	display: flex;
	justify-content: flex-end;
	gap: 10px;
}

.rk-bans-pagination a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 34px;
	padding: 0 14px;
	border: 1px solid rgba(175,137,77,.38);
	border-radius: 5px;
	background: rgba(175,137,77,.055);
	color: var(--gold-bright) !important;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .13em;
	text-transform: uppercase;
	text-decoration: none !important;
}

.rk-bans-pagination a:hover {
	border-color: rgba(175,137,77,.65);
	background: rgba(175,137,77,.12);
	color: #efd6a2 !important;
	transform: translateY(-1px);
}

@media (max-width: 640px) {
	.rk-bans-hero {
		padding: 20px 16px;
	}

	.rk-bans-hero h1 {
		font-size: 29px;
	}

	.rk-bans-card-head {
		align-items: flex-start;
		flex-direction: column;
		justify-content: center;
		padding: 11px 14px;
	}

	.rk-bans-pagination {
		flex-direction: column;
	}

	.rk-bans-pagination a {
		width: 100%;
	}
}

/* ==========================================================================
   RETRO KARMIA — CHARACTER SEARCH CLEAN V4
   Dedicated search form. Bypasses old MyAAC TableContainer/table-shadow hover.
   Keep this block at the very end of style.css.
   ========================================================================== */

.rk-character-search-card {
	overflow: hidden !important;
	margin: 14px 0 0 !important;
	border: 1px solid var(--edge) !important;
	border-radius: 7px !important;
	background: var(--surface-2) !important;
	background-image: none !important;
	color: var(--text) !important;
}

.rk-character-search-title {
	display: flex !important;
	align-items: center !important;
	min-height: 38px !important;
	padding: 0 14px !important;
	border-bottom: 1px solid var(--edge) !important;
	background: #080b0f !important;
	background-image: none !important;
}

.rk-character-search-title span {
	position: relative !important;
	display: inline-flex !important;
	align-items: center !important;
	min-height: 38px !important;
	color: var(--gold-bright) !important;
	font: 700 10px var(--ui) !important;
	letter-spacing: .16em !important;
	text-transform: uppercase !important;
}

.rk-character-search-title span::after {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	bottom: -1px !important;
	width: 34px !important;
	height: 1px !important;
	background: var(--gold) !important;
}

.rk-character-search-form {
	display: grid !important;
	grid-template-columns: 170px minmax(180px, 240px) auto 1fr !important;
	align-items: center !important;
	gap: 14px !important;
	min-height: 55px !important;
	margin: 0 !important;
	padding: 10px 14px !important;
	background: #101721 !important;
	background-image: none !important;
	color: var(--text) !important;
}

.rk-character-search-form,
.rk-character-search-form:hover,
.rk-character-search-form *:hover {
	background-image: none !important;
}

.rk-character-search-form label {
	margin: 0 !important;
	color: var(--text) !important;
	font: 500 12.5px var(--ui) !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
}

.rk-character-search-form input[type="text"] {
	width: 100% !important;
	min-width: 0 !important;
	height: 35px !important;
	min-height: 35px !important;
	margin: 0 !important;
	padding: 7px 10px !important;
	border: 1px solid var(--edge) !important;
	border-radius: 5px !important;
	background: #070b0f !important;
	background-color: #070b0f !important;
	background-image: none !important;
	color: var(--white) !important;
	-webkit-text-fill-color: var(--white) !important;
	caret-color: var(--gold-bright) !important;
	font: 12px var(--ui) !important;
	line-height: 1.2 !important;
	outline: 0 !important;
	box-shadow: none !important;
	appearance: none !important;
	-webkit-appearance: none !important;
}

.rk-character-search-form input[type="text"]:hover,
.rk-character-search-form input[type="text"]:focus {
	border-color: rgba(175,137,77,.34) !important;
	background: #070b0f !important;
	background-color: #070b0f !important;
	background-image: none !important;
	box-shadow: none !important;
	outline: 0 !important;
}

.rk-character-search-form input:-webkit-autofill,
.rk-character-search-form input:-webkit-autofill:hover,
.rk-character-search-form input:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0 1000px #070b0f inset !important;
	-webkit-text-fill-color: var(--white) !important;
	caret-color: var(--gold-bright) !important;
	border: 1px solid var(--edge) !important;
}

.rk-character-search-form button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	min-width: 76px !important;
	height: 32px !important;
	min-height: 32px !important;
	margin: 0 !important;
	padding: 0 13px !important;
	border: 1px solid rgba(175,137,77,.42) !important;
	border-radius: 5px !important;
	background: rgba(175,137,77,.07) !important;
	background-color: rgba(175,137,77,.07) !important;
	background-image: none !important;
	color: var(--gold-bright) !important;
	-webkit-text-fill-color: var(--gold-bright) !important;
	font: 700 10px var(--ui) !important;
	letter-spacing: .13em !important;
	text-transform: uppercase !important;
	cursor: pointer !important;
	box-shadow: none !important;
	transform: none !important;
	appearance: none !important;
	-webkit-appearance: none !important;
}

.rk-character-search-form button:hover,
.rk-character-search-form button:focus {
	border-color: rgba(175,137,77,.42) !important;
	background: rgba(175,137,77,.07) !important;
	background-color: rgba(175,137,77,.07) !important;
	background-image: none !important;
	color: var(--gold-bright) !important;
	box-shadow: none !important;
	transform: none !important;
	outline: 0 !important;
}

/* Old legacy form fallback, in case another characters form is still cached/rendered. */
#ContentHelper form[action*="characters"] input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="image"]):not([type="hidden"]):not([type="file"]),
#ContentHelper form[action*="characters"] input[name="name"] {
	background: #070b0f !important;
	background-color: #070b0f !important;
	background-image: none !important;
	color: var(--white) !important;
	-webkit-text-fill-color: var(--white) !important;
	border: 1px solid var(--edge) !important;
	box-shadow: none !important;
	outline: 0 !important;
}

#ContentHelper form[action*="characters"] tr:hover > td,
#ContentHelper form[action*="characters"] td:hover,
#ContentHelper form[action*="characters"] .CaptionContainer:hover,
#ContentHelper form[action*="characters"] .CaptionInnerContainer:hover {
	background-image: none !important;
}

/* ==========================================================================
   RETRO KARMIA — HERO META HARDCORE PVP V1
   Wider TYPE column for "Hardcore PvP".
   ========================================================================== */

/* ==========================================================================
   RETRO KARMIA — DISCORD MAINPAGE V1
   Visible Discord CTA in hero actions and sidebar.
   ========================================================================== */

.rk-button-discord {
	position: relative;
	overflow: hidden;
	border-color: rgba(88,101,242,.62);
	background:
		linear-gradient(180deg, rgba(88,101,242,.18), rgba(88,101,242,.08));
	color: #dfe3ff;
}

.rk-button-discord::before {
	content: "";
	width: 32px;
	height: 32px;
	margin-right: 8px;
	background: url("images/rk-discord-logo.png?v=1") center / contain no-repeat;
	filter: drop-shadow(0 0 6px rgba(88,101,242,.35));
}

.rk-button-discord:hover {
	border-color: rgba(137,147,255,.78);
	background:
		linear-gradient(180deg, rgba(88,101,242,.28), rgba(88,101,242,.12));
	color: #ffffff;
	box-shadow: 0 0 20px rgba(88,101,242,.12);
}

.rk-discord-main-panel {
	border-color: rgba(88,101,242,.24);
	background:
		radial-gradient(circle at 10% 0%, rgba(88,101,242,.11), transparent 34%),
		var(--surface);
}

.rk-discord-main-panel .rk-side-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #bfc5ff;
}

.rk-discord-main-panel .rk-side-title::after {
	content: "JOIN";
	padding: 3px 7px;
	border: 1px solid rgba(88,101,242,.25);
	border-radius: 20px;
	color: #c7ccff;
	font-size: 8px;
	font-weight: 800;
	letter-spacing: .16em;
}

.rk-discord-main-link {
	display: grid;
	grid-template-columns: 58px minmax(0, 1fr) auto;
	align-items: center;
	gap: 12px;
	padding: 15px;
	color: var(--text);
	text-decoration: none !important;
}

.rk-discord-main-link:hover {
	background: rgba(88,101,242,.045);
	color: var(--white);
}

.rk-discord-main-icon {
	display: grid;
	place-items: center;
	width: 64px;
	height: 64px;
	border: 1px solid rgba(88,101,242,.28);
	border-radius: 12px;
	background:
		radial-gradient(circle at 50% 0%, rgba(88,101,242,.18), transparent 60%),
		rgba(4,6,9,.48);
	box-shadow: 0 0 22px rgba(88,101,242,.08);
}

.rk-discord-main-icon img {
	display: block;
	width: 64px;
	height: 64px;
	object-fit: contain;
}

.rk-discord-main-copy {
	min-width: 0;
}

.rk-discord-main-copy strong {
	display: block;
	margin-bottom: 4px;
	color: var(--white);
	font-size: 13px;
	font-weight: 700;
	line-height: 1.25;
}

.rk-discord-main-copy small {
	display: block;
	color: var(--muted);
	font-size: 11.5px;
	line-height: 1.45;
}

.rk-discord-main-link em {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 28px;
	padding: 0 9px;
	border: 1px solid rgba(88,101,242,.36);
	border-radius: 5px;
	background: rgba(88,101,242,.07);
	color: #c7ccff;
	font-size: 9px;
	font-style: normal;
	font-weight: 800;
	letter-spacing: .12em;
}

.rk-discord-main-link:hover em {
	border-color: rgba(137,147,255,.66);
	background: rgba(88,101,242,.14);
	color: #ffffff;
}

@media (max-width: 640px) {
	.rk-discord-main-link {
		grid-template-columns: 64px minmax(0, 1fr);
	}

	.rk-discord-main-icon {
		width: 54px;
		height: 54px;
	}

	.rk-discord-main-icon img {
		width: 39px;
		height: 39px;
	}

	.rk-discord-main-link em {
		grid-column: 2;
		justify-self: start;
		margin-top: 2px;
	}

	.rk-hero-actions .rk-button-discord {
		width: 100%;
	}
}

/* ==========================================================================
   RETRO KARMIA — DISCORD MAINPAGE V2 ICON SIZE
   Larger Discord icon in hero CTA and sidebar panel.
   ========================================================================== */

/* ==========================================================================
   RETRO KARMIA — TEAM LEADERSHIP V5.1
   Equal leadership alignment, Mix Dem mapper badge, gold Bump gradient.
   ========================================================================== */

.rk-team-ladder {
	display: grid;
	gap: 15px;
}

.rk-team-leadership-section {
	position: relative;
	border-color: rgba(216,184,121,.24);
}

.rk-team-leadership-grid {
	display: grid;
	gap: 10px;
	padding: 10px;
}

.rk-team-page-v5 .rk-team-card {
	align-items: flex-start;
}

.rk-team-page-v5 .rk-team-outfit-square {
	display: grid !important;
	place-items: center !important;
	flex: 0 0 96px !important;
	width: 96px !important;
	height: 96px !important;
	min-width: 96px !important;
	min-height: 96px !important;
	max-width: 96px !important;
	max-height: 96px !important;
	overflow: hidden !important;
	border: 1px solid rgba(175,137,77,.23);
	border-radius: 7px;
	background:
		radial-gradient(circle at 50% 50%, rgba(175,137,77,.08), transparent 58%),
		#070b0f;
}

.rk-team-page-v5 .rk-team-outfit-square img {
	display: block !important;
	width: auto !important;
	height: auto !important;
	max-width: none !important;
	max-height: none !important;
	margin: 0 !important;
	position: static !important;
	image-rendering: pixelated;
}

.rk-team-leadership-card {
	position: relative;
	display: grid !important;
	grid-template-columns: 96px minmax(0, 1fr);
	gap: 18px;
	min-height: 0 !important;
	padding: 18px !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.rk-team-leadership-card .rk-team-member-top {
	padding-right: 92px;
}

.rk-team-card-owner,
.rk-team-card-founder {
	border-color: rgba(216,184,121,.42) !important;
	background:
		radial-gradient(circle at 9% 0%, rgba(175,137,77,.16), transparent 32%),
		linear-gradient(135deg, rgba(175,137,77,.065), transparent 44%),
		var(--surface-2) !important;
	box-shadow:
		0 18px 54px rgba(0,0,0,.30),
		0 0 0 1px rgba(216,184,121,.09) inset;
}

.rk-team-card-founder {
	border-color: rgba(216,184,121,.34) !important;
	background:
		radial-gradient(circle at 9% 0%, rgba(216,184,121,.13), transparent 34%),
		linear-gradient(135deg, rgba(175,137,77,.052), transparent 46%),
		var(--surface-2) !important;
	box-shadow:
		0 14px 45px rgba(0,0,0,.24),
		0 0 0 1px rgba(216,184,121,.065) inset;
}

.rk-team-card-owner::after,
.rk-team-card-founder::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(216,184,121,.72), transparent);
}

.rk-team-card-founder::after {
	background: linear-gradient(90deg, transparent, rgba(216,184,121,.58), transparent);
}

.rk-team-card-owner .rk-team-outfit-square,
.rk-team-card-founder .rk-team-outfit-square {
	border-color: rgba(216,184,121,.38);
	box-shadow:
		0 0 0 1px rgba(216,184,121,.08) inset,
		0 0 26px rgba(175,137,77,.09);
}

.rk-team-card-founder .rk-team-outfit-square {
	border-color: rgba(216,184,121,.30);
	box-shadow:
		0 0 0 1px rgba(216,184,121,.065) inset,
		0 0 22px rgba(175,137,77,.075);
}

.rk-team-card-owner .rk-team-role,
.rk-team-card-founder .rk-team-role {
	border-color: rgba(216,184,121,.34);
	color: var(--gold-bright);
	background: rgba(175,137,77,.085);
}

.rk-team-card-founder .rk-team-role {
	border-color: rgba(216,184,121,.28);
	color: #d9c08c;
	background: rgba(175,137,77,.065);
}

.rk-team-card-owner h2 {
	font-size: 22px;
}

.rk-team-owner-title,
.rk-team-founder-title {
	margin: -3px 0 10px;
	font: 600 12px var(--ui);
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--gold-bright);
}

.rk-team-founder-title {
	color: #d9c08c;
}

.rk-team-owner-badges,
.rk-team-founder-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0 0 11px;
}

.rk-team-owner-badges span,
.rk-team-founder-badges span {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	padding: 0 8px;
	border: 1px solid rgba(175,137,77,.28);
	border-radius: 999px;
	background: rgba(175,137,77,.055);
	color: #d9c08c;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.rk-team-founder-badges span {
	border-color: rgba(216,184,121,.24);
	background: rgba(175,137,77,.045);
	color: #cfb782;
}

.rk-team-owner-note,
.rk-team-founder-note {
	max-width: 660px;
	margin: 0 0 12px;
	color: var(--muted);
	font-size: 12px;
	line-height: 1.65;
}

.rk-team-grid-regular {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	padding: 10px;
}

.rk-team-grid-regular .rk-team-card {
	min-height: 136px;
	padding: 14px;
}

.rk-team-grid-regular .rk-team-member-main {
	min-width: 0;
}

.rk-team-grid-regular .rk-team-details {
	margin-top: 12px;
}

@media (max-width: 860px) {
	.rk-team-leadership-card,
	.rk-team-grid-regular {
		grid-template-columns: 1fr;
	}

	.rk-team-leadership-card {
		display: flex !important;
		flex-direction: column;
	}

	.rk-team-leadership-card .rk-team-member-top {
		padding-right: 0;
	}
}

@media (max-width: 640px) {
	.rk-team-page-v5 .rk-team-outfit-square {
		width: 88px !important;
		height: 88px !important;
		min-width: 88px !important;
		min-height: 88px !important;
		max-width: 88px !important;
		max-height: 88px !important;
		flex-basis: 88px !important;
	}

	.rk-team-leadership-card {
		padding: 14px !important;
	}
}