body.ChroniclePage {
	min-height:100%;
	background:#020a11 url(images/chronicle/league-backdrop-v2.png) center top/cover fixed no-repeat!important;
}
body.ChroniclePage::before {
	position:fixed;
	z-index:0;
	inset:0;
	pointer-events:none;
	background:radial-gradient(ellipse at center 35%,transparent 28%,rgba(0,5,11,.2) 67%,rgba(0,3,8,.72) 100%);
	content:"";
}
body.ChroniclePage #ArtworkHelper { position:relative; z-index:1; background:none; }
body.ChroniclePage #Bodycontainer { min-width:1060px; max-width:1860px; }
body.ChroniclePage #ContentRow { top:190px; }
body.ChroniclePage #MenuColumn { top:18px; width:205px; margin-left:22px; }
body.ChroniclePage #ContentColumn { margin-left:250px; margin-right:250px; }
body.ChroniclePage #ThemeboxesColumn { top:5px; width:205px; margin-right:22px; }
body.ChroniclePage.ChronicleWidePage #ContentColumn { margin-right:22px; }
body.ChroniclePage.ChronicleWidePage #ThemeboxesColumn { display:none; }
body.ChroniclePage #RightArtwork { display:none; }
body.ChroniclePage #ContentHelper { margin:0; padding:0; }
body.ChroniclePage #ChronicleContent {
	position:relative;
	border:1px solid #1a130c;
	background:#251b10;
	box-shadow:0 0 0 3px #80643b,0 0 0 5px #20160d,0 12px 30px rgba(0,0,0,.78);
}
body.ChroniclePage #ChronicleContent::before,
body.ChroniclePage #ChronicleContent::after {
	position:absolute;
	z-index:4;
	top:-8px;
	width:46px;
	height:46px;
	border-top:3px double #c29850;
	content:"";
	pointer-events:none;
}
body.ChroniclePage #ChronicleContent::before { left:-8px; border-left:3px double #c29850; }
body.ChroniclePage #ChronicleContent::after { right:-8px; border-right:3px double #c29850; }
body.ChroniclePage #Footer {
	margin-top:18px;
	padding:13px 0 32px;
	border-top:1px solid rgba(196,154,83,.3);
	color:#c1b290;
	text-shadow:0 1px 2px #000;
}
body.ChroniclePage #Themeboxes { margin:0; }

.chronicle-brand {
	position:absolute;
	z-index:20;
	top:-184px;
	left:50%;
	display:block;
	width:370px;
	transform:translateX(-50%);
	text-align:center;
}
.chronicle-brand::after {
	position:absolute;
	z-index:-1;
	right:25px;
	bottom:6px;
	left:25px;
	height:32px;
	border-radius:50%;
	background:rgba(0,0,0,.78);
	filter:blur(14px);
	content:"";
}
.chronicle-brand img { display:block; width:100%; max-height:180px; object-fit:contain; filter:drop-shadow(0 5px 4px #000) drop-shadow(0 0 14px rgba(56,175,245,.36)); }
.chronicle-mobile-header,.chronicle-mobile-drawer-header,.chronicle-menu-backdrop { display:none; }

.chronicle-generic-content { background:#e9d7ad!important; box-shadow:0 0 0 3px #80643b,0 0 0 5px #20160d,0 12px 30px rgba(0,0,0,.78),inset 0 0 42px rgba(83,51,18,.28)!important; }
.chronicle-generic-page { min-height:510px; padding:22px; color:#3d2c1d; background:linear-gradient(rgba(244,229,194,.96),rgba(231,210,167,.96)); font-family:Arial,Helvetica,sans-serif; font-size:12px; line-height:1.45; }
.chronicle-generic-page .TableContainer { max-width:100%; margin-right:auto; margin-left:auto; }
.chronicle-generic-page table { max-width:100%; }
.chronicle-generic-page img { max-width:100%; }
.chronicle-generic-page p:first-child { margin-top:0; }
.chronicle-generic-page p:last-child { margin-bottom:0; }
.chronicle-generic-page h1,.chronicle-generic-page h2,.chronicle-generic-page h3 { color:#4b2e16; font-family:Georgia,"Times New Roman",serif; text-shadow:0 1px rgba(255,255,255,.55); }
.chronicle-generic-page hr { border:0; border-top:1px solid rgba(126,87,41,.45); }
.chronicle-generic-page input[type="text"],.chronicle-generic-page input[type="password"],.chronicle-generic-page input[type="email"],.chronicle-generic-page select,.chronicle-generic-page textarea { box-sizing:border-box; border:1px solid #947443; color:#2e2116; background:#fff8e8; box-shadow:inset 0 1px 3px rgba(70,42,17,.25); }
.chronicle-generic-page input:focus,.chronicle-generic-page select:focus,.chronicle-generic-page textarea:focus { outline:2px solid rgba(37,108,175,.45); outline-offset:1px; }
.chronicle-generic-page a { color:#73401d; text-decoration-color:rgba(115,64,29,.45); text-underline-offset:2px; }
.chronicle-generic-page a:hover { color:#9a4d18; }
.chronicle-not-found { max-width:560px; margin:64px auto; padding:34px 26px; border:1px solid #b58a48; text-align:center; background:rgba(255,248,224,.48); box-shadow:inset 0 0 24px rgba(83,51,18,.12); }
.chronicle-not-found > strong { display:block; margin-bottom:12px; color:#6f4822; font:700 54px Georgia,"Times New Roman",serif; letter-spacing:6px; line-height:1; text-shadow:0 1px #fff4d6; }
.chronicle-not-found p { margin:0 auto 22px; color:#5f4a31; font-size:13px; }
.chronicle-not-found code { color:#4b2e16; font-weight:700; background:transparent; }
.chronicle-not-found .league-button { min-width:150px; }

.chronicle-side-nav { position:relative; width:calc(100% + 22px); margin-left:-11px; color:#d9c28e; font-family:Georgia,"Times New Roman",serif; text-align:center; }
.chronicle-sidebar-compass {
	position:absolute;
	z-index:5;
	top:-190px;
	left:50%;
	width:238px;
	height:238px;
	transform:translateX(-50%);
	pointer-events:none;
}
.chronicle-sidebar-compass::after {
	position:absolute;
	right:25px;
	bottom:14px;
	left:25px;
	height:26px;
	border-radius:50%;
	background:rgba(0,0,0,.76);
	filter:blur(12px);
	content:"";
}
.chronicle-sidebar-compass img {
	position:relative;
	z-index:1;
	display:block;
	width:100%;
	height:100%;
	object-fit:contain;
	filter:drop-shadow(0 5px 4px #000) drop-shadow(0 0 10px rgba(32,137,211,.45));
}
.chronicle-sidebar-shell {
	position:relative;
	z-index:1;
	box-sizing:border-box;
	width:100%;
	min-height:660px;
	margin-top:-58px;
	padding:68px 10px 19px;
	border:1px solid #7e6238;
	border-radius:4px 4px 82px 82px;
	background:
		radial-gradient(ellipse at 50% 3%,rgba(33,60,66,.34),transparent 32%),
		repeating-linear-gradient(102deg,rgba(255,255,255,.012) 0 1px,transparent 1px 6px),
		linear-gradient(90deg,#05080a 0%,#111719 48%,#06090b 100%);
	box-shadow:
		inset 0 0 0 3px #060606,
		inset 0 0 0 5px #44331f,
		inset 0 0 34px #000,
		0 0 0 2px #100c08,
		0 12px 25px rgba(0,0,0,.88);
}
.chronicle-sidebar-shell::before,.chronicle-sidebar-shell::after {
	position:absolute;
	z-index:2;
	top:-9px;
	bottom:60px;
	width:9px;
	border:1px solid #6d512e;
	background:linear-gradient(90deg,#090705,#755933 42%,#17110b 64%,#030303);
	box-shadow:inset 0 0 2px #c39958,0 0 7px #000;
	content:"";
	pointer-events:none;
}
.chronicle-sidebar-shell::before { left:-7px; border-radius:9px 1px 2px 42px; transform:skewY(-2deg); }
.chronicle-sidebar-shell::after { right:-7px; border-radius:1px 9px 42px 2px; transform:skewY(2deg) scaleX(-1); }
.chronicle-login-plaque {
	position:relative;
	z-index:4;
	margin:0 4px 13px;
	padding:10px 8px 0;
	border:1px solid #8c6a38;
	clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);
	background:
		linear-gradient(135deg,rgba(176,132,65,.22),transparent 18%,transparent 82%,rgba(176,132,65,.18)),
		linear-gradient(90deg,#07090a,#171b1c 50%,#07090a);
	box-shadow:inset 0 0 0 2px #080604,inset 0 0 0 3px #3d2d1b,inset 0 0 15px #000,0 10px 18px rgba(0,0,0,.45);
}
.chronicle-login-plaque::after {
	display:block;
	height:1px;
	margin:0 -3px;
	background:linear-gradient(90deg,transparent,#a27d43 20%,#a27d43 80%,transparent);
	box-shadow:0 1px #080604;
	content:"";
}
.chronicle-login-button {
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:62px;
	border:2px solid #b88b48;
	clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);
	color:#f8dfa3!important;
	background:
		repeating-linear-gradient(45deg,rgba(255,255,255,.025) 0 2px,transparent 2px 6px),
		radial-gradient(ellipse at 50% 5%,rgba(82,164,255,.58),transparent 52%),
		linear-gradient(#0c4fa6,#061f50);
	box-shadow:inset 0 0 0 2px #050c18,inset 0 0 0 4px #174d88,inset 0 0 17px rgba(31,145,255,.72),0 4px 10px #000;
	font-size:18px;
	font-weight:700;
	letter-spacing:1.5px;
	text-decoration:none;
	text-shadow:0 2px 2px #000;
	text-transform:uppercase;
}
.chronicle-login-button::before { position:absolute; inset:5px; border:1px solid rgba(121,195,255,.66); clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px),0 4px); box-shadow:inset 0 0 10px rgba(0,0,0,.82),0 0 6px rgba(36,135,232,.48); content:""; }
.chronicle-login-button::after { position:absolute; inset:1px; background:linear-gradient(135deg,#d1a75e 0 3px,#46331c 3px 5px,transparent 5px) top left/11px 11px no-repeat,linear-gradient(225deg,#d1a75e 0 3px,#46331c 3px 5px,transparent 5px) top right/11px 11px no-repeat,linear-gradient(45deg,#d1a75e 0 3px,#46331c 3px 5px,transparent 5px) bottom left/11px 11px no-repeat,linear-gradient(315deg,#d1a75e 0 3px,#46331c 3px 5px,transparent 5px) bottom right/11px 11px no-repeat; content:""; pointer-events:none; }
.chronicle-login-button > span { position:relative; z-index:1; }
.chronicle-login-button:hover { filter:brightness(1.2); }
.chronicle-create-link { display:block; padding:9px 3px 11px; color:#d4be8b!important; font:700 9px Verdana,sans-serif; letter-spacing:.7px; text-decoration:none; text-transform:uppercase; text-shadow:0 1px 2px #000; }
.chronicle-logout-form { margin:0; }
.chronicle-logout-form .chronicle-create-link { width:100%; border:0; background:transparent; cursor:pointer; }
.chronicle-create-link:hover { color:#fff1c2!important; }
.chronicle-login-button:focus-visible,.chronicle-create-link:focus-visible,.chronicle-nav-item:focus-visible,.chronicle-subnav a:focus-visible { outline:2px solid #e0b45e; outline-offset:2px; }
.chronicle-nav-frame {
	position:relative;
	z-index:3;
	margin:0 2px;
	border-top:1px solid #755a34;
	border-bottom:1px solid #755a34;
	background:rgba(3,7,9,.38);
	box-shadow:inset 0 0 18px #000,0 5px 12px rgba(0,0,0,.34);
}
.chronicle-nav-item {
	position:relative;
	display:grid;
	grid-template-columns:45px 1fr;
	align-items:center;
	min-height:68px;
	padding:0 10px 0 6px;
	border-bottom:1px solid transparent;
	border-image:linear-gradient(90deg,transparent,#5e492d 12%,#5e492d 88%,transparent) 1;
	color:#e5d1a0!important;
	font-size:15px;
	font-weight:700;
	letter-spacing:.65px;
	text-align:left;
	text-decoration:none;
	text-shadow:0 2px 2px #000;
	text-transform:uppercase;
	transition:color .15s ease,background .15s ease;
}
.chronicle-nav-group { margin:0; }
.chronicle-nav-group > summary { grid-template-columns:45px 1fr 14px; cursor:pointer; list-style:none; }
.chronicle-nav-group > summary::-webkit-details-marker { display:none; }
.chronicle-nav-item::before {
	position:absolute;
	top:8px;
	bottom:8px;
	left:2px;
	width:3px;
	background:linear-gradient(transparent,#c29348,transparent);
	box-shadow:0 0 8px rgba(52,145,221,.55);
	content:"";
	opacity:0;
}
.chronicle-nav-item:last-child { border-bottom:0; }
.chronicle-nav-item:hover,.chronicle-nav-item.active { color:#fff0bc!important; background:linear-gradient(90deg,rgba(30,99,151,.4),rgba(191,139,52,.08)); }
.chronicle-nav-item:hover::before,.chronicle-nav-item.active::before { opacity:1; }
.chronicle-nav-icon { width:35px; height:35px; overflow:visible; color:#c99d51; fill:none; stroke:currentColor; stroke-width:2.3; stroke-linecap:round; stroke-linejoin:round; filter:drop-shadow(0 2px 1px #000); }
.chronicle-nav-caret { width:7px; height:7px; border-top:2px solid #b98b45; border-right:2px solid #b98b45; transform:rotate(45deg); transition:transform .16s ease; }
.chronicle-nav-group[open] .chronicle-nav-caret { transform:rotate(135deg); }
.chronicle-subnav {
	display:grid;
	gap:1px;
	padding:5px 8px 7px 34px;
	border-bottom:1px solid #493922;
	background:linear-gradient(90deg,rgba(2,9,13,.96),rgba(9,24,30,.82));
	box-shadow:inset 0 5px 12px rgba(0,0,0,.42);
}
.chronicle-subnav a {
	position:relative;
	display:flex;
	align-items:center;
	min-height:25px;
	padding:0 7px 0 13px;
	color:#cbb987!important;
	font:700 11px/1.2 Arial,Helvetica,sans-serif;
	letter-spacing:.15px;
	text-align:left;
	text-decoration:none!important;
	text-shadow:0 1px 2px #000;
	white-space:nowrap;
}
.chronicle-subnav a::before { position:absolute; left:1px; width:5px; height:5px; border:1px solid #8f6c35; transform:rotate(45deg); content:""; }
.chronicle-subnav a:hover,.chronicle-subnav a.active { color:#fff0bd!important; background:linear-gradient(90deg,rgba(34,105,157,.38),transparent); }
.chronicle-subnav a.active::before { border-color:#69c9ff; background:#197bb6; box-shadow:0 0 7px rgba(77,188,255,.75); }
.chronicle-sidebar-death-crest {
	position:relative;
	z-index:4;
	left:50%;
	width:202px;
	margin:35px 0 -34px;
	transform:translateX(-50%);
	pointer-events:none;
}
.chronicle-sidebar-death-crest::before {
	position:absolute;
	z-index:-1;
	top:38%;
	right:-8px;
	left:-8px;
	height:2px;
	background:linear-gradient(90deg,transparent,#806237 10%,#806237 90%,transparent);
	box-shadow:0 1px #090705;
	content:"";
}
.chronicle-sidebar-death-crest img {
	display:block;
	width:100%;
	height:auto;
	filter:drop-shadow(0 6px 6px #000) drop-shadow(0 0 10px rgba(28,133,220,.32));
}

.chronicle-home { position:relative; color:#302417; font-family:Verdana,Arial,sans-serif; background:#ead8af; box-shadow:inset 0 0 45px rgba(85,51,18,.35); }
.chronicle-home::after { position:absolute; z-index:3; right:5px; bottom:5px; left:5px; height:3px; border-bottom:1px solid #8e6c3e; content:""; pointer-events:none; }
.chronicle-title {
	display:flex;
	align-items:center;
	gap:16px;
	min-height:60px;
	padding:0 28px;
	border-bottom:2px solid #80643f;
	background:linear-gradient(#f5e6c3,#dec79b);
	box-shadow:inset 0 -8px 16px rgba(104,70,33,.13);
}
.chronicle-title span { position:relative; flex:1; height:1px; background:linear-gradient(90deg,transparent,#8e6b38); }
.chronicle-title span.right { background:linear-gradient(90deg,#8e6b38,transparent); }
.chronicle-title span::after { position:absolute; top:-7px; right:0; color:#876536; font-size:13px; content:"◆"; }
.chronicle-title span.right::after { right:auto; left:0; }
.chronicle-title h1 { margin:0; color:#382718; font:700 31px Georgia,serif; letter-spacing:3px; text-transform:uppercase; text-shadow:0 1px #fff4d6; }
.chronicle-feature-grid { display:grid; grid-template-columns:minmax(0,1.85fr) minmax(315px,.98fr); gap:11px; padding:11px 12px 0; }
.chronicle-hardcore-hero,.chronicle-leaders { height:308px; border:3px double #9c7b47; box-shadow:0 2px 8px rgba(30,18,8,.65); }
.chronicle-hardcore-hero { position:relative; overflow:hidden; background:#180806 url(images/chronicle/hardcore-fortress.png) center right/cover no-repeat; }
.chronicle-hardcore-hero::after { position:absolute; inset:6px; border:1px solid rgba(218,163,80,.3); content:""; pointer-events:none; }
.chronicle-hardcore-hero.is-disabled { filter:grayscale(.8); }
.chronicle-hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(12,4,3,.98) 0%,rgba(35,8,4,.86) 40%,rgba(24,5,3,.18) 100%); }
.chronicle-hero-content { position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; justify-content:center; width:61%; min-width:305px; height:100%; padding:0 20px; color:#f8e4b4; text-align:center; }
.chronicle-skull { display:grid; width:64px; height:64px; margin-bottom:4px; border:2px solid #9f7435; border-radius:50%; color:#dfb86f; background:radial-gradient(circle,#42120d,#150a08 65%); box-shadow:0 0 0 4px rgba(27,8,4,.9),0 0 18px rgba(172,39,20,.65); font:37px Georgia,serif; line-height:1; place-items:center; text-shadow:0 2px 2px #000; }
.chronicle-kicker { margin:0 0 6px; color:#d7b77c; font-size:10px; font-weight:700; letter-spacing:2px; text-transform:uppercase; }
.chronicle-hero-content h2 { margin:0; color:#fff0bf; font:700 29px Georgia,serif; line-height:1.08; text-transform:uppercase; text-shadow:0 2px 4px #000; }
.chronicle-badges { display:flex; justify-content:center; gap:7px; margin:10px 0 5px; }
.chronicle-badge { padding:4px 12px; border:1px solid; border-radius:3px; font-size:9px; font-weight:700; letter-spacing:1px; text-transform:uppercase; }
.chronicle-badge.active { border-color:#5f9b4d; color:#e1ffd9; background:rgba(36,102,33,.9); }
.chronicle-badge.death { border-color:#a94332; color:#ffe2cd; background:rgba(117,25,18,.92); }
.chronicle-hero-metric { display:flex; align-items:baseline; gap:6px; margin:2px 0 0; color:#f7dda0; }
.chronicle-hero-metric strong { font:700 25px Georgia,serif; }.chronicle-hero-metric span { font-size:8px; font-weight:700; letter-spacing:.7px; text-transform:uppercase; }
.chronicle-online-count { display:block; margin:2px 0 8px; color:#fff2c2; font:700 16px Georgia,serif; }
.chronicle-action { display:inline-block; min-width:142px; padding:9px 20px; border:2px solid #c6a05c; color:#fff5cf!important; font:700 12px Georgia,serif; letter-spacing:1px; text-align:center; text-decoration:none; text-transform:uppercase; box-shadow:inset 0 0 0 2px rgba(20,10,5,.78),0 2px 5px #000; }
.chronicle-action.red { background:linear-gradient(#ad3b25,#691a10); }.chronicle-action.blue { background:linear-gradient(#2368b1,#10376f); }
.chronicle-action:hover { filter:brightness(1.2); }

.chronicle-leaders { padding:0 15px 10px; color:#ebd9a8; background:radial-gradient(circle at 50% -20%,#28231d,#090807 70%); }
.chronicle-panel-heading { display:flex; align-items:center; justify-content:center; gap:9px; height:48px; border-bottom:1px solid #77613b; }
.chronicle-panel-heading h2 { margin:0; color:#f1d99c; font:700 18px Georgia,serif; letter-spacing:1.3px; text-transform:uppercase; }
.chronicle-heading-icon { color:#ae873d; font-size:23px; filter:drop-shadow(0 1px 2px #000); }
.chronicle-leader-list { margin:5px 0 3px; padding:0; list-style:none; }
.chronicle-leader-list li { display:grid; grid-template-columns:27px 29px minmax(75px,1fr) auto auto; gap:7px; align-items:center; min-height:39px; border-bottom:1px solid #342d23; font-size:10px; }
.chronicle-rank { display:grid; width:21px; height:21px; border:1px solid #6d552f; border-radius:50%; color:#d6ac51; background:#17130d; font:700 12px Georgia,serif; text-align:center; place-items:center; }
.rank-1 .chronicle-rank { border-color:#e4bd54; color:#23170c; background:radial-gradient(circle,#ffe08a,#a86b15); box-shadow:0 0 5px #c18322; }
.rank-2 .chronicle-rank { border-color:#b8b7b2; color:#282727; background:radial-gradient(circle,#e3e2db,#77736b); }
.rank-3 .chronicle-rank { border-color:#b57534; color:#2a1608; background:radial-gradient(circle,#dc9a55,#78421b); }
.chronicle-leader-avatar { display:grid; width:25px; height:25px; border:1px solid #95713d; border-radius:50%; color:#e0c17e; background:radial-gradient(circle,#403528,#16120e); font:700 11px Georgia,serif; place-items:center; }
.chronicle-leader-name { overflow:hidden; color:#f2dda9; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }
.chronicle-level { color:#bca879; white-space:nowrap; }
.chronicle-state { color:#e54736; font-size:8px; font-weight:700; text-align:right; text-transform:uppercase; }
.chronicle-leader-list li.is-dead .chronicle-leader-name,.chronicle-leader-list li.is-dead .chronicle-state,.chronicle-leader-list li.is-dead .chronicle-leader-avatar { color:#e14b38; }
.chronicle-text-link { display:block; padding-top:8px; color:#d8b96f!important; font-size:9px; font-weight:700; text-align:right; text-decoration:none; text-transform:uppercase; }
.leaders-empty span { display:block; margin-bottom:12px; color:#98733a; font-size:38px; }

.chronicle-realms { display:grid; grid-template-columns:repeat(3,1fr); margin:0 12px; border:2px solid #3a2b1e; border-top:0; box-shadow:0 2px 5px rgba(37,23,10,.5); }
.chronicle-realm { position:relative; display:flex; align-items:center; justify-content:center; gap:12px; min-height:76px; padding:7px 15px; border-right:1px solid #17100b; color:#f6e3ab!important; text-decoration:none!important; text-shadow:0 1px 2px #000; box-shadow:inset 0 1px rgba(255,226,159,.16),inset 0 -8px 18px rgba(0,0,0,.2); }
.chronicle-realm:hover,.chronicle-realm:focus,.chronicle-realm:active,.chronicle-realm * { text-decoration:none!important; }
.chronicle-realm::after { position:absolute; inset:4px; border:1px solid rgba(224,184,103,.16); content:""; pointer-events:none; }
.chronicle-realm:last-child { border-right:0; }
.chronicle-realm.main { background:linear-gradient(135deg,#0d2748,#1b568a); }.chronicle-realm.hardcore { background:linear-gradient(135deg,#3e100b,#912a1d); }.chronicle-realm.seasonal { background:linear-gradient(135deg,#153421,#2b6940); }
.chronicle-realm.disabled { color:#99958e!important; background:linear-gradient(135deg,#33322f,#4c4943); filter:saturate(.1); cursor:not-allowed; }
.chronicle-realm:not(.disabled):hover { filter:brightness(1.16); }
.chronicle-realm-icon { display:grid; width:48px; height:48px; border:2px solid #bc8f47; border-radius:50%; background:radial-gradient(circle,#44341e,#12110f 67%); box-shadow:0 2px 5px #000; place-items:center; }
.chronicle-realm-icon i { color:#e3c375; font:normal 27px Georgia,serif; }.chronicle-realm b,.chronicle-realm small,.chronicle-realm em { display:block; }
.chronicle-realm b { font:700 15px Georgia,serif; letter-spacing:1px; text-transform:uppercase; }.chronicle-realm small { margin:3px 0; color:#d9c99e; font-size:8px; font-style:normal; text-transform:uppercase; }.chronicle-realm em { color:#76dc6c; font-size:9px; font-style:normal; font-weight:700; text-transform:uppercase; }
.chronicle-realm em i { display:inline-block; width:6px; height:6px; margin-right:5px; border-radius:50%; background:#62d954; box-shadow:0 0 6px #4ed13d; }.chronicle-realm.disabled em { color:#aaa; }.chronicle-realm.disabled em i { background:#888; box-shadow:none; }
.realm-switcher { grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); margin:0 0 12px; border-top:2px solid #3a2b1e; }
.realm-switcher .chronicle-realm { justify-content:flex-start; }
.realm-switcher .chronicle-realm.selected { z-index:1; outline:2px solid #d0a85e; outline-offset:-5px; filter:brightness(1.12); }
.chronicle-empty-state { margin:12px 0; padding:24px 18px; border:1px solid #b89a69; color:#5b432b; background:rgba(255,248,226,.72); font:700 15px Georgia,serif; text-align:center; }
.chronicle-world-neutral-note { display:grid; grid-template-columns:68px minmax(0,1fr); align-items:center; gap:16px; min-height:120px; padding:20px 24px; border:2px solid #6b4e2d; color:#49331f; background:linear-gradient(105deg,#f8e8c5,#ead2a4); box-shadow:inset 0 0 24px rgba(91,57,22,.14); }
.chronicle-world-neutral-icon { display:grid; width:58px; height:58px; border:2px solid #a47d3e; border-radius:50%; color:#e5c777; background:radial-gradient(circle,#314754,#111719 70%); font:700 30px Georgia,serif; box-shadow:inset 0 0 0 3px #1c150e,0 2px 7px rgba(0,0,0,.55); place-items:center; }
.chronicle-world-neutral-note small,.chronicle-world-neutral-note h2 { display:block; text-transform:uppercase; }.chronicle-world-neutral-note small { color:#8d6a35; font-size:9px; font-weight:700; letter-spacing:1.4px; }.chronicle-world-neutral-note h2 { margin:3px 0 7px; color:#563719; font:700 21px Georgia,serif; }.chronicle-world-neutral-note p { margin:0; font-size:12px; line-height:1.55; }

.chronicle-lower-grid { display:grid; grid-template-columns:1.15fr 1fr; margin-top:0; border-top:1px solid #9e8358; }
.chronicle-news,.chronicle-account { min-height:205px; padding:12px 15px 17px; }.chronicle-news { border-right:1px solid #a68a60; }
.chronicle-section-title { display:flex; align-items:center; justify-content:space-between; margin-bottom:7px; padding-bottom:6px; border-bottom:1px solid #b89d72; }
.chronicle-section-title h2 { margin:0; color:#4e3520; font:700 17px Georgia,serif; text-transform:uppercase; }.chronicle-section-title a { color:#724220!important; font-size:9px; font-weight:700; text-decoration:none; text-transform:uppercase; }
.chronicle-news-row { display:grid; grid-template-columns:64px minmax(0,1fr) auto; gap:10px; align-items:center; min-height:51px; padding:6px 1px; border-bottom:1px solid #cbb88f; color:#362719!important; text-decoration:none; }
.chronicle-news-thumb { position:relative; display:block; width:60px; height:37px; overflow:hidden; border:2px solid #73522e; background:linear-gradient(145deg,#09233b,#12608c 48%,#060d14); box-shadow:inset 0 0 11px #000; }
.chronicle-news-thumb::before { position:absolute; right:-6px; bottom:-11px; left:-7px; height:25px; background:#06111a; clip-path:polygon(0 100%,14% 35%,26% 72%,43% 20%,60% 73%,77% 15%,100% 100%); content:""; }
.chronicle-news-thumb::after { position:absolute; top:7px; left:14px; width:19px; height:19px; border-radius:50%; background:#6ed3f7; box-shadow:0 0 13px #3bb8ef; content:""; opacity:.7; }
.chronicle-news-thumb.tone-2 { background:linear-gradient(145deg,#361007,#b24d18 48%,#160603); }.chronicle-news-thumb.tone-2::after { background:#ff9d3b; box-shadow:0 0 13px #ef4d19; }.chronicle-news-thumb.tone-3 { background:linear-gradient(145deg,#071d2e,#1b74a1 48%,#051016); }
.chronicle-news-row b,.chronicle-news-row small { display:block; }.chronicle-news-row b { font:700 12px Georgia,serif; }.chronicle-news-row small { overflow:hidden; margin-top:2px; color:#765f43; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }.chronicle-news-row time { color:#765f43; font-size:8px; white-space:nowrap; }
.chronicle-character { display:grid; grid-template-columns:50px 1fr; gap:10px; align-items:center; padding:8px 4px; border-bottom:1px solid #ccb991; }.chronicle-character-medallion { display:grid; width:41px; height:41px; border:2px solid #a47a32; border-radius:50%; color:#cfaa59; background:radial-gradient(circle,#3d3124,#17130f); box-shadow:0 2px 4px rgba(0,0,0,.45); font:23px Georgia,serif; place-items:center; }
.chronicle-character em,.chronicle-character b,.chronicle-character small { display:block; }.chronicle-character em { color:#7a3b1f; font-size:8px; font-style:normal; font-weight:700; text-transform:uppercase; }.chronicle-character b { margin:2px 0; color:#3d2b1b; font:700 12px Georgia,serif; }.chronicle-character small { color:#735d42; font-size:9px; }.chronicle-character.is-dead { opacity:.75; }.chronicle-character.is-dead em,.chronicle-character.is-dead b { color:#8a241c; }
.chronicle-account-login { position:relative; padding:18px 15px 8px 74px; color:#654e35; font-size:11px; line-height:1.5; text-align:center; }.chronicle-account-seal { position:absolute; top:22px; left:9px; display:grid; width:54px; height:54px; border:2px solid #a17b3d; border-radius:50%; color:#8b642b; background:rgba(255,245,213,.45); font-size:29px; place-items:center; }.chronicle-account-login p { min-height:34px; margin:0 0 13px; }
.chronicle-empty { padding:24px 10px; color:#8b7456; font-size:10px; text-align:center; }

/* Player-facing realm pages share the Chronicle skin. */
.chronicle-league-hub { min-height:700px; color:#39291b; font-family:Verdana,Arial,sans-serif; background:#e9d7ad; box-shadow:inset 0 0 48px rgba(80,49,17,.34); }
.league-eyebrow { margin:0 0 6px; color:#d5b576; font-size:9px; font-weight:700; letter-spacing:1.7px; text-transform:uppercase; }
.league-state-panel h2 { margin:0 0 7px; color:#fff0bf; font:700 28px Georgia,serif; line-height:1.05; text-transform:uppercase; text-shadow:0 2px 4px #000; }
.league-notice { position:relative; margin:12px; padding:11px 15px 11px 42px; border:1px solid; font-size:10px; font-weight:700; line-height:1.5; box-shadow:0 2px 5px rgba(45,28,12,.22); }
.league-notice::before { position:absolute; top:50%; left:16px; font:700 18px Georgia,serif; content:"!"; transform:translateY(-50%); }
.league-notice.success { border-color:#6f985d; color:#27542d; background:#e9f2df; }.league-notice.success::before { content:"✓"; }
.league-notice.error { border-color:#a84c3a; color:#7d241c; background:#f6dfd8; }
.league-world-switcher { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); margin:0 12px 12px; border:2px solid #392719; background:#100d0a; box-shadow:0 3px 8px rgba(32,18,8,.58); }
.league-world-card { position:relative; display:flex; align-items:center; gap:11px; min-height:78px; padding:8px 13px; border-right:1px solid #271a10; color:#f5dfa5!important; text-decoration:none; text-shadow:0 1px 2px #000; box-shadow:inset 0 1px rgba(255,225,157,.14),inset 0 -9px 19px rgba(0,0,0,.22); }
.league-world-card:last-child { border-right:0; }
.league-world-card::after { position:absolute; inset:4px; border:1px solid rgba(226,182,100,.15); content:""; pointer-events:none; }
.league-world-card.main { background:linear-gradient(135deg,#0c2748,#1a558a); }.league-world-card.hardcore { background:linear-gradient(135deg,#3c100b,#8a281c); }.league-world-card.seasonal { background:linear-gradient(135deg,#173722,#346e42); }
.league-world-card:hover,.league-world-card.is-selected { filter:brightness(1.14); }.league-world-card.is-selected { z-index:1; box-shadow:inset 0 0 0 2px #c39449,inset 0 0 22px rgba(255,191,73,.18); }
.league-world-icon { display:grid; flex:0 0 48px; width:48px; height:48px; border:2px solid #bc8f47; border-radius:50%; color:#e3c375; background:radial-gradient(circle,#44341e,#12110f 67%); box-shadow:0 2px 5px #000; font:27px Georgia,serif; place-items:center; }
.league-world-copy small,.league-world-copy strong,.league-world-copy em { display:block; }.league-world-copy small { color:#d4c397; font-size:8px; font-weight:700; letter-spacing:.6px; text-transform:uppercase; }.league-world-copy strong { margin:3px 0; font:700 15px Georgia,serif; letter-spacing:.5px; text-transform:uppercase; }.league-world-copy em { color:#83e176; font-size:8px; font-style:normal; font-weight:700; text-transform:uppercase; }
.league-category-nav { display:flex; flex-wrap:wrap; gap:5px; margin:0 12px 12px; padding:5px; border:1px solid #8d6e40; background:rgba(255,247,220,.58); box-shadow:inset 0 0 12px rgba(83,49,15,.12); }
.league-category-nav a { flex:1 1 78px; min-width:70px; padding:7px 8px; color:#5c4327!important; font:700 9px Georgia,serif; letter-spacing:.45px; text-align:center; text-decoration:none; text-transform:uppercase; }
.league-category-nav a:hover,.league-category-nav a.is-selected { color:#f1d89c!important; background:linear-gradient(#4a3827,#211912); box-shadow:inset 0 0 0 1px #9b7540; }
.league-filter-bar { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px; margin:-5px 12px 12px; padding:9px 11px; border:1px solid #9e7c49; background:rgba(255,248,226,.72); box-shadow:inset 0 0 10px rgba(83,49,15,.1); }
.league-filter-bar label { display:flex; align-items:center; gap:7px; color:#6e5231; font-size:8px; font-weight:700; letter-spacing:.55px; text-transform:uppercase; }
.league-filter-bar select { min-width:135px; height:29px; padding:4px 25px 4px 7px; border:1px solid #8e6d3d; color:#3e2b1b; background:#fff8e8; font:700 9px Verdana,Arial,sans-serif; }
.league-dashboard-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px; margin:12px; }
.league-panel { border:2px solid #614726; background:#f4e6c4; box-shadow:inset 0 0 28px rgba(91,57,22,.13),0 3px 8px rgba(40,24,11,.34); }
.league-realm-panel,.league-roster-panel,.league-leaderboard-panel { margin:12px; }
.league-panel-head { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:46px; padding:7px 13px; border-bottom:1px solid #7d6137; color:#f2dca4; background:linear-gradient(90deg,#15120e,#33261b 58%,#18130e); box-shadow:inset 0 0 14px #000; }
.league-panel-head small,.league-panel-head h2 { display:block; }.league-panel-head small { margin-bottom:2px; color:#a98d5e; font-size:7px; font-weight:700; letter-spacing:1.1px; text-transform:uppercase; }.league-panel-head h2 { margin:0; color:#f0d79a; font:700 16px Georgia,serif; letter-spacing:.5px; text-transform:uppercase; }
.league-panel-body { padding:13px; }
.league-pill { display:inline-block; padding:3px 8px; margin:0 3px 3px 0; border:1px solid #8f7449; border-radius:999px; color:#574020; background:#f8edce; font-size:8px; font-weight:700; letter-spacing:.6px; line-height:1.2; text-transform:uppercase; white-space:nowrap; }
.league-pill.main { border-color:#326ca4; color:#174677; background:#dbeaf7; }.league-pill.alive { border-color:#538c4b; color:#28602c; background:#e1f1dc; }.league-pill.dead { border-color:#a44334; color:#84271f; background:#f4ddd7; text-transform:none; }.league-pill.pending { border-color:#a2782c; color:#75510f; background:#f7e9bd; }.league-pill.ended { border-color:#777; color:#555; background:#ddd; }
.league-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:6px; margin-bottom:11px; }
.league-stats-three { grid-template-columns:repeat(3,1fr); margin-bottom:0; }
.league-stat { padding:9px 5px; border:1px solid #baa176; color:#564127; text-align:center; background:rgba(255,250,232,.72); }.league-stat strong,.league-stat span { display:block; }.league-stat strong { color:#2b5f2e; font:700 20px Georgia,serif; }.league-stat.dead strong { color:#923126; }.league-stat.pending strong { color:#916518; }.league-stat.transferred strong { color:#315f8e; }.league-stat span { margin-top:2px; color:#776346; font-size:7px; font-weight:700; letter-spacing:.5px; text-transform:uppercase; }
.league-realm-summary { margin:0 0 11px; padding:9px 11px; border-left:3px solid #9f673b; color:#4b3723; background:rgba(255,250,235,.68); font-size:9px; font-weight:700; line-height:1.5; }
.league-rules { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }.league-rule { min-height:39px; padding:8px 9px; border-left:3px solid #9f673b; background:rgba(255,250,235,.72); }.league-rule small,.league-rule strong { display:block; }.league-rule small { color:#836b4b; font-size:7px; font-weight:700; letter-spacing:.6px; text-transform:uppercase; }.league-rule strong { overflow-wrap:anywhere; margin-top:3px; color:#3f2d1d; font-size:9px; line-height:1.35; }
.league-realm-brief { display:grid; grid-template-columns:125px minmax(0,1fr); gap:8px; }.league-realm-brief.is-main { grid-template-columns:1fr; }.league-fallen-stat { display:grid; min-height:58px; padding:8px; border:1px solid #bd8b80; border-left:3px solid #9e382c; color:#7d281f; text-align:center; background:rgba(143,43,30,.08); place-content:center; }.league-fallen-stat strong,.league-fallen-stat span { display:block; }.league-fallen-stat strong { font:700 24px Georgia,serif; }.league-fallen-stat span { margin-top:2px; color:#8c4539; font-size:7px; font-weight:700; letter-spacing:.7px; text-transform:uppercase; }
.league-feature-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin:0; }.league-feature { min-height:58px; box-sizing:border-box; padding:9px 10px; border:1px solid #baa176; border-left:3px solid #9f673b; background:rgba(255,250,235,.72); }.league-feature dt,.league-feature dd { display:block; margin:0; }.league-feature dt { color:#826849; font-size:7px; font-weight:700; letter-spacing:.65px; text-transform:uppercase; }.league-feature dd { overflow-wrap:anywhere; margin-top:5px; color:#3f2d1d; font-size:9px; font-weight:700; line-height:1.3; }.league-feature.is-off { border-left-color:#a44334; }.league-feature.is-off dd { color:#84271f; }.league-feature.is-on { border-left-color:#538c4b; }.league-feature.is-on dd { color:#28602c; }
.league-table { width:100%; border-collapse:collapse; font-size:9px; }.league-table th { padding:7px 6px; border-bottom:1px solid #806541; color:#f1d9a2; text-align:left; background:#4b3827; text-transform:uppercase; }.league-table td { padding:8px 6px; border-bottom:1px solid #cdbc98; color:#493621; background:rgba(255,251,238,.66); }.league-table tbody tr:nth-child(even) td { background:rgba(224,207,169,.46); }.league-table a { color:#6d3f1d!important; font-weight:700; }.league-table .rank { width:38px; color:#9d692b; font:700 16px Georgia,serif; }.league-table tr.is-dead td { color:#812d25; background:rgba(143,43,30,.08); }.league-table td small { color:#9d5748; font-size:7px; }
.league-outfit-table td { vertical-align:middle; }.league-outfit-heading,.league-outfit-cell { width:58px; text-align:center!important; }.league-outfit-cell { height:58px; padding:2px!important; }.league-outfit-cell img { display:block; width:64px; height:64px; margin:-7px auto; object-fit:contain; image-rendering:pixelated; }.league-outfit-fallback { display:grid; width:34px; height:34px; margin:auto; border:1px solid #98723a; border-radius:50%; color:#e0bd73; background:radial-gradient(circle,#403528,#16120e); font:700 13px Georgia,serif; place-items:center; }
.league-actions { display:flex; flex-wrap:wrap; gap:7px; margin-top:10px; }.league-actions.pagination { justify-content:space-between; }
.league-button { display:inline-block; box-sizing:border-box; padding:8px 13px; border:2px solid #b58a48; color:#fff4c9!important; background:linear-gradient(#a63825,#6b190f); box-shadow:inset 0 0 0 2px rgba(25,9,5,.72),0 2px 4px rgba(0,0,0,.5); font:700 9px Georgia,serif; letter-spacing:.7px; text-align:center; text-decoration:none; text-transform:uppercase; cursor:pointer; }.league-button.blue { background:linear-gradient(#2164ad,#0e376e); }.league-button.secondary { color:#4c351f!important; background:linear-gradient(#fff5d7,#d8bd89); box-shadow:inset 0 0 0 2px rgba(255,255,255,.24),0 2px 4px rgba(0,0,0,.35); }.league-button:hover { filter:brightness(1.15); }
.league-empty { padding:18px 8px; color:#7d684b; font-size:9px; text-align:center; }
.league-roster-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(225px,1fr)); gap:7px; }
.league-character-card { display:grid; grid-template-columns:44px minmax(0,1fr) auto; gap:9px; align-items:center; min-height:56px; padding:7px 9px; border:1px solid #c0a67b; background:rgba(255,250,235,.72); }.league-character-card.is-dead { border-color:#b17268; background:rgba(139,45,34,.08); }.league-character-medallion { display:grid; width:39px; height:39px; border:2px solid #9d7535; border-radius:50%; color:#c59548; background:radial-gradient(circle,#403021,#15110e); box-shadow:0 2px 4px rgba(0,0,0,.5); font:21px Georgia,serif; place-items:center; }.league-character-card.is-dead .league-character-medallion { border-color:#9c493d; color:#de5848; }.league-character-copy small,.league-character-copy strong,.league-character-copy em { display:block; }.league-character-copy small { color:#826846; font-size:7px; font-weight:700; text-transform:uppercase; }.league-character-copy strong { margin:2px 0; color:#412d1d; font:700 12px Georgia,serif; }.league-character-copy em { color:#735c3e; font-size:8px; font-style:normal; }
.league-entry-console { display:grid; grid-template-columns:180px minmax(0,1fr); gap:14px; margin-top:13px; padding:12px; border:2px solid #755127; color:#ead7a6; background:linear-gradient(120deg,#15120e,#2e2117); box-shadow:inset 0 0 18px #000; }.league-entry-copy small,.league-entry-copy strong { display:block; }.league-entry-copy small { color:#b89a66; font-size:7px; font-weight:700; letter-spacing:.8px; text-transform:uppercase; }.league-entry-copy strong { margin:3px 0; color:#f0d79a; font:700 15px Georgia,serif; text-transform:uppercase; }.league-entry-copy p { margin:0; color:#aa9877; font-size:8px; line-height:1.4; }.league-form { display:grid; grid-template-columns:minmax(150px,1fr) 105px auto; gap:7px; align-items:end; }.league-form label { color:#d8c292; font-size:7px; font-weight:700; letter-spacing:.5px; text-transform:uppercase; }.league-form input,.league-form select { width:100%; box-sizing:border-box; height:32px; margin-top:4px; padding:5px 7px; border:1px solid #96733d; color:#2f2116; background:#fff8e8; }.league-form .league-button { min-height:32px; }.league-help { grid-column:2; margin:6px 0 0; color:#a99775; font-size:8px; line-height:1.45; }
.league-creation-closed { display:flex; gap:8px; margin-top:12px; padding:10px 12px; border-left:3px solid #9d7137; color:#675139; background:rgba(255,250,235,.7); }.league-creation-closed strong { color:#54351f; }.league-signin-panel { display:grid; grid-template-columns:58px minmax(0,1fr) auto; gap:13px; align-items:center; padding:9px; }.league-signin-panel h3 { margin:0 0 4px; color:#4b321e; font:700 17px Georgia,serif; text-transform:uppercase; }.league-signin-panel p { margin:0; color:#755e42; font-size:9px; line-height:1.5; }.league-signin-panel .league-actions { margin:0; }
.league-state-panel { min-height:370px; padding:70px 25px; text-align:center; background:radial-gradient(circle at 50% 30%,#5c2418,#180a07 72%); }.league-state-panel .league-state-emblem { margin:0 auto 15px; }.league-state-panel p { max-width:570px; margin:0 auto 18px; color:#cdbb93; font-size:10px; line-height:1.55; }.league-state-emblem { display:grid; width:52px; height:52px; border:2px solid #9d783d; border-radius:50%; color:#bd8e43; background:radial-gradient(circle,#433323,#15120e); font:29px Georgia,serif; place-items:center; }.league-state-emblem.danger { border-color:#9d4033; color:#e65c4a; }

/* Public, read-only character Chronicle. This page deliberately stays wide:
   resolving one selected realm must not trigger sidebar-wide realm queries. */
.chronicle-profile-shell { min-height:650px; padding:0 0 14px; color:#39291b; background:#e9d7ad; box-shadow:inset 0 0 48px rgba(80,49,17,.34); font-family:Verdana,Arial,sans-serif; }
.chronicle-profile-hero { display:grid; grid-template-columns:82px minmax(0,1fr) auto; align-items:center; gap:18px; min-height:112px; margin:12px; padding:18px 22px; border:3px double #9b743d; color:#f7e7ba; background:radial-gradient(circle at 18% 30%,rgba(32,102,153,.38),transparent 34%),linear-gradient(110deg,#080d11,#17242b 58%,#17100b); box-shadow:inset 0 0 0 1px rgba(242,190,98,.18),0 4px 10px rgba(41,24,10,.58); }
.chronicle-profile-seal { display:grid; flex:0 0 62px; width:62px; height:62px; border:2px solid #b9873e; border-radius:50%; color:#e0b45e; background:radial-gradient(circle,#304b55,#11100e 69%); box-shadow:0 0 0 4px rgba(14,6,5,.8),0 0 14px rgba(40,139,211,.38); font:34px Georgia,serif; place-items:center; text-shadow:0 2px 2px #000; }
.chronicle-profile-seal.danger { border-color:#9d4033; color:#e65c4a; background:radial-gradient(circle,#512018,#160908 69%); }
.chronicle-profile-eyebrow { margin:0 0 5px; color:#b18b4f; font-size:8px; font-weight:700; letter-spacing:1.45px; text-transform:uppercase; }
.chronicle-profile-identity h2,.chronicle-profile-state h2,.chronicle-profile-intro h2 { margin:0 0 5px; color:#f3d99a; font:700 27px Georgia,serif; letter-spacing:.4px; text-transform:uppercase; text-shadow:0 2px 3px #000; }
.chronicle-profile-identity p { margin:0; color:#cbb88d; font-size:9px; }
.chronicle-profile-overview,.chronicle-profile-unlocks,.chronicle-profile-showcase,.chronicle-profile-statistics,.chronicle-profile-records,.chronicle-profile-rewards { margin:12px; border:2px solid #614726; background:#f4e6c4; box-shadow:inset 0 0 28px rgba(91,57,22,.13),0 3px 8px rgba(40,24,11,.34); }
.chronicle-profile-overview > header,.chronicle-profile-unlocks > header,.chronicle-profile-showcase > header,.chronicle-profile-statistics > header,.chronicle-profile-records > header,.chronicle-profile-rewards > header { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:48px; padding:7px 14px; border-bottom:1px solid #7d6137; color:#f2dca4; background:linear-gradient(90deg,#15120e,#33261b 58%,#18130e); box-shadow:inset 0 0 14px #000; }
.chronicle-profile-overview header small,.chronicle-profile-overview header h2,.chronicle-profile-unlocks header small,.chronicle-profile-unlocks header h2,.chronicle-profile-showcase header small,.chronicle-profile-showcase header h2,.chronicle-profile-statistics header small,.chronicle-profile-statistics header h2,.chronicle-profile-records header small,.chronicle-profile-records header h2,.chronicle-profile-rewards header small,.chronicle-profile-rewards header h2 { display:block; }
.chronicle-profile-overview header small,.chronicle-profile-unlocks header small,.chronicle-profile-showcase header small,.chronicle-profile-statistics header small,.chronicle-profile-records header small,.chronicle-profile-rewards header small { color:#a98d5e; font-size:7px; font-weight:700; letter-spacing:1.1px; text-transform:uppercase; }
.chronicle-profile-overview header h2,.chronicle-profile-unlocks header h2,.chronicle-profile-showcase header h2,.chronicle-profile-statistics header h2,.chronicle-profile-records header h2,.chronicle-profile-rewards header h2 { margin:2px 0 0; color:#f0d79a; font:700 16px Georgia,serif; text-transform:uppercase; }
.chronicle-profile-overview > header > strong { color:#efc15c; font:700 27px Georgia,serif; text-shadow:0 2px 2px #000; }
.chronicle-overall-progress,.chronicle-dimension-card progress { display:block; overflow:hidden; border:1px solid #6c512f; background:#14110d; color:#2778b7; }
.chronicle-overall-progress { width:calc(100% - 28px); height:12px; margin:14px; }
.chronicle-overall-progress::-webkit-progress-bar,.chronicle-dimension-card progress::-webkit-progress-bar { background:#14110d; }.chronicle-overall-progress::-webkit-progress-value,.chronicle-dimension-card progress::-webkit-progress-value { background:linear-gradient(90deg,#155987,#37a4e5); }.chronicle-overall-progress::-moz-progress-bar,.chronicle-dimension-card progress::-moz-progress-bar { background:linear-gradient(90deg,#155987,#37a4e5); }
.chronicle-dimension-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; padding:0 14px 14px; }
.chronicle-dimension-card { min-height:92px; padding:10px; border:1px solid #b69a6e; border-top:3px solid #2c7aae; background:rgba(255,250,235,.76); box-shadow:inset 0 0 13px rgba(78,49,20,.1); }
.chronicle-dimension-card small,.chronicle-dimension-card strong,.chronicle-dimension-card span { display:block; }.chronicle-dimension-card small { color:#846846; font-size:7px; font-weight:700; letter-spacing:.8px; text-transform:uppercase; }.chronicle-dimension-card strong { margin:5px 0 2px; color:#325e79; font:700 22px Georgia,serif; }.chronicle-dimension-card span { min-height:22px; color:#705a3e; font-size:8px; line-height:1.35; }.chronicle-dimension-card progress { width:100%; height:7px; margin-top:7px; }.chronicle-dimension-card.is-complete { border-top-color:#57984d; }.chronicle-dimension-card.is-complete strong { color:#397533; }.chronicle-dimension-card.is-unavailable { border-top-color:#8d826e; filter:saturate(.5); }
.chronicle-reward-scope { margin:0; padding:8px 13px 0; color:#765e3e; font-size:8px; line-height:1.4; }.chronicle-reward-grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr); gap:10px; padding:9px 13px 13px; }.chronicle-reward-equipped { display:grid; grid-template-columns:1fr; gap:8px; }.chronicle-reward-equipped article { display:grid; grid-template-columns:42px minmax(0,1fr); align-items:center; gap:10px; min-height:58px; padding:9px 11px; border:1px solid #a7895d; background:#fff8e5; }.chronicle-reward-equipped article > span { display:grid; width:35px; height:35px; border:1px solid #a47732; border-radius:50%; color:#e0b453; background:radial-gradient(circle,#3c3327,#16120f); place-items:center; }.chronicle-reward-equipped small,.chronicle-reward-equipped strong { display:block; }.chronicle-reward-equipped small { color:#846846; font-size:7px; font-weight:700; letter-spacing:.6px; text-transform:uppercase; }.chronicle-reward-equipped strong { margin-top:4px; color:#4a321f; font:700 12px Georgia,serif; }.chronicle-reward-counts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:#c0a57a; }.chronicle-reward-counts article { display:grid; min-height:58px; padding:8px 4px; text-align:center; background:#fff8e6; place-content:center; }.chronicle-reward-counts strong,.chronicle-reward-counts span { display:block; }.chronicle-reward-counts strong { color:#8b5e1c; font:700 19px Georgia,serif; }.chronicle-reward-counts span { margin-top:3px; color:#765e3e; font-size:6px; font-weight:700; letter-spacing:.25px; text-transform:uppercase; }
.chronicle-unlock-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; padding:13px; }.chronicle-unlock-list article { display:grid; grid-template-columns:34px minmax(0,1fr); align-items:center; gap:9px; min-height:46px; padding:7px 10px; border:1px solid #bba075; background:rgba(255,250,235,.72); }.chronicle-unlock-list article > span { display:grid; width:29px; height:29px; border:1px solid #9d7535; border-radius:50%; color:#c59548; background:#211a12; place-items:center; }.chronicle-unlock-list strong,.chronicle-unlock-list small { display:block; }.chronicle-unlock-list strong { color:#4b321e; font:700 11px Georgia,serif; }.chronicle-unlock-list small { margin-top:2px; color:#856d4e; font-size:7px; }.chronicle-profile-empty { grid-column:1/-1; padding:20px; color:#7d684b; font-size:9px; text-align:center; }
.chronicle-showcase-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding:13px; }.chronicle-showcase-column { overflow:hidden; border:1px solid #a7895d; background:rgba(255,250,235,.6); }.chronicle-showcase-column h3,.chronicle-record-grid h3 { margin:0; padding:8px 10px; border-bottom:1px solid #79603a; color:#e8cc8d; background:#292019; font:700 11px Georgia,serif; letter-spacing:.5px; text-transform:uppercase; }.chronicle-showcase-card { display:grid; grid-template-columns:38px minmax(0,1fr); align-items:center; gap:9px; min-height:48px; margin:7px; padding:7px 9px; border:1px solid #b99b6b; background:#fff8e5; }.chronicle-showcase-card > span { display:grid; width:32px; height:32px; border:1px solid #9d7535; border-radius:50%; color:#d4a94f; background:radial-gradient(circle,#3b3228,#16120f); place-items:center; }.chronicle-showcase-card strong,.chronicle-showcase-card small { display:block; }.chronicle-showcase-card strong { color:#4a321f; font:700 11px Georgia,serif; }.chronicle-showcase-card small { margin-top:3px; color:#826947; font-size:7px; line-height:1.35; }.chronicle-showcase-card.rarity-rare,.chronicle-showcase-card.rarity-epic { border-color:#547ca4; box-shadow:inset 3px 0 #2c75ae; }.chronicle-showcase-card.rarity-legendary { border-color:#bb7a25; box-shadow:inset 3px 0 #d89c35,0 0 8px rgba(208,140,38,.22); }
.chronicle-stat-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:1px; padding:13px; background:#c0a57a; }.chronicle-stat-grid article { min-height:55px; padding:10px 5px; text-align:center; background:#fff8e6; }.chronicle-stat-grid strong,.chronicle-stat-grid span { display:block; }.chronicle-stat-grid strong { color:#27658b; font:700 20px Georgia,serif; }.chronicle-stat-grid span { margin-top:4px; color:#765e3e; font-size:7px; font-weight:700; letter-spacing:.35px; text-transform:uppercase; }
.chronicle-record-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding:13px; }.chronicle-record-grid > div { overflow:hidden; border:1px solid #a7895d; background:rgba(255,250,235,.63); }.chronicle-record-grid article { padding:8px 10px; border-bottom:1px solid #d0ba90; }.chronicle-record-grid article:last-child { border-bottom:0; }.chronicle-record-grid strong,.chronicle-record-grid span { display:block; }.chronicle-record-grid strong { color:#4a321f; font:700 10px Georgia,serif; }.chronicle-record-grid span { margin-top:3px; color:#7d6748; font-size:7px; }
.chronicle-profile-state,.chronicle-profile-intro { min-height:360px; margin:12px; padding:66px 28px; border:3px double #9b743d; color:#cdbb93; text-align:center; background:radial-gradient(circle at 50% 24%,#263d47,#11100e 72%); box-shadow:inset 0 0 30px #000; }.chronicle-profile-state.compact { min-height:250px; padding-top:50px; }.chronicle-profile-state .chronicle-profile-seal { margin:0 auto 16px; }.chronicle-profile-state p,.chronicle-profile-intro > div > p { max-width:620px; margin:0 auto 18px; font-size:10px; line-height:1.55; }.chronicle-profile-state .league-button { margin-top:4px; }
.chronicle-profile-intro { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,.78fr); align-items:center; gap:25px; min-height:310px; padding:42px; text-align:left; }.chronicle-profile-intro > div > p { margin-right:0; margin-left:0; }.chronicle-profile-search { display:grid; gap:10px; padding:18px; border:1px solid #8d6b38; color:#d8c292; background:rgba(3,8,11,.72); box-shadow:inset 0 0 18px #000; }.chronicle-profile-search label { font-size:7px; font-weight:700; letter-spacing:.7px; text-transform:uppercase; }.chronicle-profile-search input,.chronicle-profile-search select { width:100%; box-sizing:border-box; height:34px; margin-top:5px; padding:6px 8px; border:1px solid #96733d; color:#2f2116; background:#fff8e8; }.chronicle-profile-search .league-button { min-height:34px; }

/* Realm-aware public character sheet. Account association is rendered only
   when the selected character has not opted out through players.hide. */
.character-profile-shell { min-height:0; padding-bottom:12px; }
.character-profile-hero { grid-template-columns:104px minmax(0,1fr) auto; min-height:96px; gap:15px; padding:13px 18px; }
.character-profile-outfit { position:relative; display:grid; overflow:hidden; width:92px; height:92px; box-sizing:border-box; border:1px solid #d0a75d; border-radius:4px; background:linear-gradient(0deg,rgba(13,10,8,.88),transparent 35%),radial-gradient(circle at 50% 58%,#365767,#14252d 55%,#0b0c0d); box-shadow:inset 0 0 0 3px #21170f,inset 0 0 18px rgba(0,0,0,.72),0 2px 8px rgba(0,0,0,.62); place-items:center; }
.character-profile-outfit::after { position:absolute; inset:4px; border:1px solid rgba(230,188,104,.3); border-radius:2px; content:""; pointer-events:none; }
.character-profile-outfit img { position:relative; z-index:1; display:block; width:126px; height:126px; margin-top:-9px; object-fit:contain; image-rendering:pixelated; transform:translate(-35%,-26%); filter:drop-shadow(0 3px 2px rgba(0,0,0,.88)); }
.character-profile-identity h2 { font-size:30px; }
.character-profile-identity p { font-size:11px; }
.character-profile-identity .chronicle-profile-eyebrow { font-size:9px; }
.character-profile-statuses { display:flex; flex-direction:column; align-items:flex-end; gap:7px; }
.character-online-state { display:inline-flex; align-items:center; gap:5px; color:#b39d77; font-size:9px; font-weight:700; letter-spacing:.55px; text-transform:uppercase; }
.character-online-state::before { width:7px; height:7px; border-radius:50%; background:#756b59; box-shadow:0 0 0 1px #241d15; content:""; }
.character-online-state.is-online { color:#73d86b; }.character-online-state.is-online::before { background:#65d856; box-shadow:0 0 7px #4ed33d; }
.character-sheet-layout { display:grid; grid-template-columns:minmax(320px,.84fr) minmax(430px,1.16fr); align-items:start; gap:10px; margin:10px 12px; }
.character-sheet-card { margin:12px; border:2px solid #614726; background:#f4e6c4; box-shadow:inset 0 0 28px rgba(91,57,22,.13),0 3px 8px rgba(40,24,11,.34); }
.character-sheet-layout .character-sheet-card { min-width:0; margin:0; }
.character-sheet-card > header { min-height:43px; padding:7px 13px; border-bottom:1px solid #7d6137; color:#f2dca4; background:linear-gradient(90deg,#15120e,#33261b 58%,#18130e); box-shadow:inset 0 0 14px #000; }
.character-sheet-card > header small,.character-sheet-card > header h2 { display:block; }.character-sheet-card > header small { color:#b99b67; font-size:8px; font-weight:700; letter-spacing:1.1px; text-transform:uppercase; }.character-sheet-card > header h2 { margin:2px 0 0; color:#f0d79a; font:700 18px Georgia,serif; text-transform:uppercase; }
.character-facts { margin:0; padding:7px 12px 10px; }.character-facts > div { display:grid; grid-template-columns:minmax(120px,32%) minmax(0,1fr); border-bottom:1px solid #d0ba90; }.character-facts > div:last-child { border-bottom:0; }.character-facts dt,.character-facts dd { margin:0; padding:7px 6px; font-size:11px; line-height:1.4; }.character-facts dt { color:#6c4f31; font-weight:700; }.character-facts dd { min-width:0; color:#3f2c1c; overflow-wrap:anywhere; }.character-facts dd.is-premium { color:#347531; font-weight:700; }.character-facts .character-comment { grid-template-columns:1fr; }.character-facts .character-comment dd { padding-top:0; white-space:pre-wrap; }
.character-vitals { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:1px; padding:10px; background:#c0a57a; }.character-vitals article { min-height:58px; padding:9px 5px; text-align:center; background:#fff8e6; }.character-vitals span,.character-vitals strong,.character-vitals small { display:block; }.character-vitals span { color:#765e3e; font-size:8px; font-weight:700; letter-spacing:.35px; text-transform:uppercase; }.character-vitals strong { margin-top:4px; color:#27658b; font:700 18px Georgia,serif; overflow-wrap:anywhere; }.character-vitals small { min-height:10px; margin-top:2px; color:#8a7556; font-size:8px; }
.character-subheading { margin:0 10px; padding:8px 2px 5px; border-bottom:1px solid #a58b62; color:#5a3d23; font:700 14px Georgia,serif; text-transform:uppercase; }
.character-skills { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; padding:8px 10px 10px; }.character-skills article { min-height:42px; padding:7px 4px; border:1px solid #bca174; text-align:center; background:rgba(255,250,235,.72); }.character-skills span,.character-skills strong { display:block; }.character-skills span { color:#786044; font-size:8px; font-weight:700; line-height:1.3; text-transform:uppercase; }.character-skills strong { margin-top:3px; color:#4b321e; font:700 17px Georgia,serif; }
.character-equipment { display:flex; flex-wrap:wrap; gap:5px; padding:9px 12px 12px; }.character-equipment img { box-sizing:content-box; padding:5px; border:1px solid #8e7655; background:#29241d; image-rendering:pixelated; }
.character-death-list article { display:grid; grid-template-columns:160px minmax(0,1fr); gap:12px; padding:8px 13px; border-bottom:1px solid #d0ba90; }.character-death-list article:last-child { border-bottom:0; }.character-death-list time { color:#806443; font-size:10px; font-weight:700; }.character-death-list p { margin:0; color:#4b3622; font-size:11px; line-height:1.4; }.character-death-list em { color:#9b3028; }
.character-account-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:7px; padding:12px; }.character-account-grid .league-character-card { color:inherit!important; text-decoration:none; }.character-account-grid .character-online-state { justify-self:end; }

@media(max-width:1100px) {
	.character-sheet-layout { grid-template-columns:1fr; }
	.character-profile-hero { grid-template-columns:104px minmax(0,1fr); }
	.character-vitals { grid-template-columns:repeat(3,minmax(0,1fr)); }
	.character-profile-statuses { grid-column:1/-1; flex-direction:row; align-items:center; justify-content:flex-start; }
}

@media(max-width:600px) {
	.character-sheet-layout,.character-sheet-card { margin:8px; }.character-sheet-layout .character-sheet-card { margin:0; }
	.character-profile-hero { grid-template-columns:82px minmax(0,1fr); padding:11px 12px; }
	.character-profile-outfit { width:76px; height:76px; }.character-profile-outfit img { width:106px; height:106px; }
	.character-profile-identity h2 { font-size:23px; }
	.character-vitals { grid-template-columns:repeat(2,minmax(0,1fr)); }.character-skills { grid-template-columns:repeat(2,minmax(0,1fr)); }
	.character-facts > div { grid-template-columns:1fr; }.character-facts dd { padding-top:0; }
	.character-death-list article { grid-template-columns:1fr; gap:3px; }
	.character-account-grid { grid-template-columns:1fr; }
}

.chronicle-right-rail { display:flex; flex-direction:column; gap:13px; }
.chronicle-rail-card { position:relative; border:2px solid #6f5532; color:#ead6a2; text-align:left; background:linear-gradient(135deg,#15191a,#080a0b 68%); box-shadow:inset 0 0 0 2px #040506,0 5px 13px #000; }
.chronicle-rail-card::before,.chronicle-rail-card::after { position:absolute; top:-6px; color:#9b7139; font-size:13px; content:"◆"; }.chronicle-rail-card::before { left:-7px; }.chronicle-rail-card::after { right:-7px; }
.chronicle-rail-card h3 { margin:0; padding:11px 8px; border-bottom:1px solid #655033; color:#f0d79a; font:700 15px Georgia,serif; letter-spacing:.3px; text-align:center; text-transform:uppercase; }.chronicle-rail-card h3 span { margin-right:6px; color:#bf9345; }
.chronicle-status-box > div { display:grid; grid-template-columns:14px 1fr; padding:9px 12px; border-bottom:1px solid #28251f; }.chronicle-status-box > div:last-child { border-bottom:0; }.chronicle-status-box b { font:700 11px Georgia,serif; }.chronicle-status-box em { grid-column:2; margin-top:2px; color:#73d86b; font-size:9px; font-style:normal; font-weight:700; text-transform:uppercase; }.chronicle-status-light { width:7px; height:7px; margin-top:3px; border-radius:50%; background:#65d856; box-shadow:0 0 8px #4ed33d; }.chronicle-status-box .disabled { opacity:.52; }.chronicle-status-box .disabled .chronicle-status-light { background:#777; box-shadow:none; }.chronicle-status-box .disabled em { color:#aaa; }
.chronicle-status-box .chronicle-online-count,.chronicle-status-box .chronicle-online-count:visited { color:inherit; text-decoration:none!important; }.chronicle-status-box .chronicle-online-count:hover,.chronicle-status-box .chronicle-online-count:focus-visible,.chronicle-status-box .chronicle-online-count:active { color:#a8ef9f; text-decoration:none!important; }
.chronicle-highscores-list { padding:3px 10px 0; }
.chronicle-highscore-row { display:grid; grid-template-columns:39px minmax(0,1fr); gap:6px; align-items:center; min-height:43px; border-bottom:1px solid #29251f; color:#e7d4a4!important; text-decoration:none; }
.chronicle-highscore-row:hover { color:#fff0bc!important; background:rgba(87,115,134,.13); }
.chronicle-highscore-row img { width:48px; height:48px; margin:-5px 0 -3px -7px; object-fit:contain; image-rendering:auto; filter:drop-shadow(0 2px 2px #000); }
.chronicle-highscore-medallion { display:grid; width:29px; height:29px; border:1px solid #98733c; border-radius:50%; color:#d8b466; background:radial-gradient(circle,#393027,#11100e); font:700 12px Georgia,serif; place-items:center; }
.chronicle-highscore-row b,.chronicle-highscore-row small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.chronicle-highscore-row b { font:700 10px Georgia,serif; }.chronicle-highscore-row small { margin-top:2px; color:#a99875; font-size:7px; }
.chronicle-highscores-empty { padding:18px 6px; color:#8d7a5a; font-size:9px; text-align:center; }
.chronicle-rail-button { display:block; margin:9px 12px 12px; padding:8px 5px; border:1px solid #9b773e; color:#f1d89b!important; background:linear-gradient(#154e9a,#092a5e); box-shadow:inset 0 0 0 2px #07101c; font:700 10px Georgia,serif; letter-spacing:.6px; text-align:center; text-decoration:none; text-transform:uppercase; }
.chronicle-rail-button:hover { filter:brightness(1.2); }
.chronicle-discord-card { padding-bottom:1px; text-align:center; }
.chronicle-discord-copy { display:flex; align-items:center; min-height:52px; padding:8px 14px 3px; text-align:left; }
.chronicle-discord-mark { display:grid; flex:0 0 37px; width:37px; height:37px; margin-right:10px; border:1px solid #758bed; border-radius:50%; color:#9eb5ff; background:radial-gradient(circle,#314aa7,#111830 68%); box-shadow:inset 0 0 0 2px #11162c,0 0 9px rgba(66,98,238,.5); place-items:center; }
.chronicle-discord-mark svg { width:26px; height:21px; fill:currentColor; filter:drop-shadow(0 1px 1px #000); }
.chronicle-discord-card p { margin:0; color:#d7c7a7; font-size:9px; line-height:1.45; }
.chronicle-discord-card p strong { color:#eee0bb; font:700 10px Georgia,serif; }
.chronicle-discord-button { position:relative; margin-top:8px; border:1px solid #c69b4f; outline:1px solid #35210e; color:#fff1be!important; background:linear-gradient(#2f77c7 0%,#154f9b 46%,#0a2d66 100%); box-shadow:inset 0 1px rgba(190,224,255,.55),inset 0 0 0 2px #0a1838,0 2px 4px #000; text-shadow:0 1px 2px #00142d; }
.chronicle-discord-button span { margin-right:5px; color:#cfe1ff; }
.chronicle-discord-button:hover { filter:brightness(1.17); }
.chronicle-save-card { padding-bottom:15px; text-align:center; }.chronicle-save-card p { margin:12px 0 2px; color:#c9b995; font-size:10px; }.chronicle-save-card strong { display:block; color:#69d35e; font:700 27px Georgia,serif; letter-spacing:1px; text-shadow:0 0 9px rgba(76,221,61,.45); }.chronicle-save-meter { height:8px; margin:12px 14px 0; border:1px solid #285b26; border-radius:6px; background:#051205; box-shadow:inset 0 1px 3px #000; }.chronicle-save-meter i { display:block; width:58%; height:100%; border-radius:5px; background:linear-gradient(90deg,#1d7c1b,#5dda50); box-shadow:0 0 7px #36c52e; }

@media(max-width:1550px) {
	body.ChroniclePage #Bodycontainer { max-width:1500px; }
	body.ChroniclePage #MenuColumn { width:190px; margin-left:14px; }
	body.ChroniclePage #ThemeboxesColumn { width:190px; margin-right:14px; }
	body.ChroniclePage #ContentColumn { margin-left:225px; margin-right:225px; }
	body.ChroniclePage.ChronicleWidePage #ContentColumn { margin-right:14px; }
	.chronicle-nav-item { min-height:57px; font-size:13px; }
	.chronicle-sidebar-compass { top:-182px; width:225px; height:225px; }
	.chronicle-sidebar-death-crest { width:202px; }
	.chronicle-feature-grid { grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr); }
	.league-dashboard-grid { grid-template-columns:1fr; }
}
@media(max-width:1260px) {
	body.ChroniclePage #ThemeboxesColumn { display:none; }
	body.ChroniclePage #ContentColumn { margin-right:18px; }
	.chronicle-feature-grid { grid-template-columns:1fr; }
	.league-feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
	.chronicle-hardcore-hero,.chronicle-leaders { height:auto; min-height:280px; }
	.chronicle-leaders { min-height:0; }
}
@media(max-width:1100px) {
	body.ChroniclePage { overflow-x:hidden; }
	body.ChroniclePage #ArtworkHelper { min-width:0; width:100%; }
	body.ChroniclePage #Bodycontainer { display:block; min-width:0; width:100%; max-width:none; }
	body.ChroniclePage #ContentRow { top:0; width:100%; }
	body.ChroniclePage #MenuColumn { display:block; position:relative; top:auto; width:auto; margin:0 12px 16px; }
	body.ChroniclePage #ContentColumn { margin:12px 12px 0; }
	.chronicle-mobile-header {
		position:sticky;
		z-index:900;
		top:0;
		display:grid;
		grid-template-columns:minmax(72px,1fr) minmax(132px,1.45fr) minmax(72px,1fr);
		align-items:center;
		min-height:62px;
		padding:max(4px,env(safe-area-inset-top)) 8px 4px;
		border-top:1px solid #8a6838;
		border-bottom:2px solid #9f7942;
		background:linear-gradient(90deg,rgba(3,7,10,.98),rgba(16,25,29,.98) 50%,rgba(3,7,10,.98));
		box-shadow:inset 0 -1px #100b07,0 4px 14px rgba(0,0,0,.72);
	}
	.chronicle-mobile-header::after { position:absolute; right:0; bottom:2px; left:0; height:1px; background:linear-gradient(90deg,transparent,#4ba6da 50%,transparent); content:""; opacity:.65; }
	.chronicle-menu-toggle,.chronicle-mobile-account {
		display:flex;
		align-items:center;
		justify-content:center;
		min-width:0;
		min-height:46px;
		gap:6px;
		border:1px solid transparent;
		border-radius:3px;
		color:#e7d29d!important;
		background:transparent;
		font:700 11px Georgia,"Times New Roman",serif;
		letter-spacing:.65px;
		text-decoration:none;
		text-shadow:0 1px 2px #000;
		text-transform:uppercase;
		cursor:pointer;
	}
	.chronicle-menu-toggle:hover,.chronicle-mobile-account:hover { border-color:rgba(183,139,70,.55); color:#fff0bb!important; background:rgba(27,91,135,.28); }
	.chronicle-menu-toggle:focus-visible,.chronicle-mobile-account:focus-visible,.chronicle-menu-close:focus-visible { outline:2px solid #68c4f3; outline-offset:2px; }
	.chronicle-menu-toggle svg,.chronicle-mobile-account svg { flex:0 0 24px; width:24px; height:24px; fill:none; stroke:#d1a254; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; filter:drop-shadow(0 1px 1px #000); }
	.chronicle-mobile-brand { display:flex; align-items:center; justify-content:center; min-width:0; height:52px; }
	.chronicle-mobile-brand img { display:block; width:min(100%,158px); max-height:54px; object-fit:contain; filter:drop-shadow(0 2px 2px #000) drop-shadow(0 0 5px rgba(55,165,232,.32)); }
	.chronicle-brand { display:none; }
	body.ChroniclePage.ChronicleHomePage .chronicle-brand { position:relative; top:auto; left:auto; display:block; width:min(250px,70vw); margin:12px auto 4px; transform:none; }
	body.ChroniclePage.ChronicleHomePage .chronicle-brand img { max-height:96px; }
	body.ChroniclePage.ChronicleHomePage .chronicle-brand::after { right:35px; bottom:3px; left:35px; height:18px; }
	.chronicle-mobile-drawer-header {
		position:sticky;
		z-index:8;
		top:0;
		align-items:center;
		justify-content:space-between;
		min-height:50px;
		padding:env(safe-area-inset-top) 8px 0 16px;
		border-bottom:1px solid #735832;
		color:#edd7a1;
		background:linear-gradient(90deg,#05080a,#152025 50%,#05080a);
		box-shadow:0 5px 12px rgba(0,0,0,.62);
		font:700 14px Georgia,"Times New Roman",serif;
		letter-spacing:1.2px;
		text-transform:uppercase;
	}
	.chronicle-menu-close { display:grid; width:44px; height:44px; border:1px solid #856638; border-radius:3px; color:#e8cf96; background:#0c1113; cursor:pointer; place-items:center; }
	.chronicle-menu-close svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; }
	.chronicle-menu-backdrop { position:fixed; z-index:950; inset:0; width:100%; height:100%; border:0; background:rgba(0,5,10,.72); opacity:0; visibility:hidden; transition:opacity .2s ease,visibility 0s linear .2s; }
	html.chronicle-js body.ChroniclePage #MenuColumn {
		position:fixed;
		z-index:1000;
		inset:0 auto 0 0;
		box-sizing:border-box;
		width:min(88vw,360px);
		height:100vh;
		height:100dvh;
		margin:0;
		padding:0 8px max(12px,env(safe-area-inset-bottom));
		overflow-x:hidden;
		overflow-y:auto;
		overscroll-behavior:contain;
		background:linear-gradient(90deg,#020507,#11191d 50%,#020507);
		box-shadow:10px 0 30px rgba(0,0,0,.82);
		transform:translateX(-105%);
		transition:transform .22s ease;
		-webkit-overflow-scrolling:touch;
	}
	html.chronicle-js body.ChroniclePage.chronicle-menu-open #MenuColumn { transform:translateX(0); }
	html.chronicle-js body.ChroniclePage.chronicle-menu-open .chronicle-menu-backdrop { opacity:1; visibility:visible; transition-delay:0s; }
	body.ChroniclePage.chronicle-menu-open { overflow:hidden; }
	html.chronicle-js .chronicle-mobile-drawer-header { display:flex; }
	html:not(.chronicle-js) .chronicle-menu-toggle,html:not(.chronicle-js) .chronicle-mobile-drawer-header,html:not(.chronicle-js) .chronicle-menu-backdrop { display:none; }
	.chronicle-generic-page .TableContainer .CaptionContainer,
	.chronicle-generic-page .TableContainer .CaptionInnerContainer { height:auto; }
	.chronicle-side-nav { width:100%; max-width:none; margin:0 auto; }
	.chronicle-sidebar-compass,.chronicle-sidebar-death-crest { display:none; }
	.chronicle-sidebar-shell { min-height:0; margin-top:0; padding:10px; border-radius:4px; }
	.chronicle-sidebar-shell::before,.chronicle-sidebar-shell::after { display:none; }
	.chronicle-login-plaque { display:grid; grid-template-columns:minmax(150px,1fr) auto; align-items:center; gap:8px; margin:0 2px 8px; padding:6px; }
	.chronicle-login-button { min-height:44px; font-size:14px; }
	.chronicle-create-link { padding:8px; }
	.chronicle-nav-frame { display:block; }
	.chronicle-nav-item { grid-template-columns:32px minmax(0,1fr) 10px; min-height:48px; padding:0 8px 0 5px; font-size:12px; }
	.chronicle-nav-icon { width:25px; height:25px; }
	.chronicle-subnav { padding:5px 6px 7px 12px; }
	.chronicle-subnav a { min-height:44px; padding-left:18px; white-space:normal; }
	.chronicle-realms,.chronicle-lower-grid { grid-template-columns:1fr; }
	.chronicle-realm { border-right:0; border-bottom:1px solid #21170f; }
	.chronicle-news { border-right:0; border-bottom:1px solid #a68a60; }
	.league-world-switcher,.league-stats,.league-rules,.league-realm-brief,.league-feature-grid { grid-template-columns:1fr; }
	.chronicle-dimension-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
	.chronicle-showcase-grid,.chronicle-record-grid { grid-template-columns:1fr; }
	.chronicle-reward-grid,.chronicle-reward-equipped { grid-template-columns:1fr; }
	.chronicle-stat-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
	.chronicle-profile-intro { grid-template-columns:1fr; }
	.chronicle-profile-hero { grid-template-columns:62px minmax(0,1fr); }
	.chronicle-profile-hero > .league-pill { grid-column:1/-1; justify-self:start; }
	.chronicle-unlock-list { grid-template-columns:1fr; }
	.league-world-card { border-right:0; border-bottom:1px solid #382819; }
	.league-entry-console,.league-signin-panel { grid-template-columns:1fr; }.league-form { grid-template-columns:1fr; }.league-help { grid-column:1; }
}

@media(max-width:600px) {
	body.ChroniclePage #MenuColumn { margin:0 6px 10px; }
	body.ChroniclePage #ContentColumn { margin:0 6px; }
	body.ChroniclePage #ChronicleContent::before { left:-4px; }
	body.ChroniclePage #ChronicleContent::after { right:-4px; }
	.chronicle-login-plaque { grid-template-columns:minmax(0,1fr) auto; }
	.chronicle-nav-item { font-size:11px; }
	.chronicle-title { gap:8px; min-height:52px; padding:0 10px; }
	.chronicle-title span { min-width:12px; }
	.chronicle-title h1 { min-width:0; font-size:22px; letter-spacing:1.5px; line-height:1.1; text-align:center; overflow-wrap:anywhere; }
	.chronicle-generic-page { padding:12px 8px; overflow-x:auto; -webkit-overflow-scrolling:touch; }
	.chronicle-generic-page .TableContainer { box-sizing:border-box; width:100%; }
	.chronicle-generic-page .TableContainer table { max-width:none; }
	.chronicle-generic-page input,.chronicle-generic-page select,.chronicle-generic-page textarea { max-width:100%; }
	.online-world-summary,.online-world-summary > tbody,.online-world-summary > tbody > tr { display:block; width:100%; }
	.online-world-summary > tbody > tr > td { display:block; box-sizing:border-box; width:100%!important; padding:0 0 8px!important; }
	.online-player-table { width:100%!important; min-width:0!important; table-layout:fixed; }
	.online-player-table th,.online-player-table td { overflow-wrap:anywhere; }
	.character-search-form .InnerTableContainer > table { width:100%!important; table-layout:fixed; }
	.character-search-form .InnerTableContainer > table > tbody > tr { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:5px; }
	.character-search-form .InnerTableContainer > table > tbody > tr > td { width:auto!important; }
	.character-search-form .InnerTableContainer > table > tbody > tr > td:first-child { grid-column:1/-1; }
	.character-search-form input { box-sizing:border-box; width:100%!important; }
	.chronicle-world-neutral-note { grid-template-columns:1fr; padding:18px; text-align:center; }
	.chronicle-world-neutral-icon { margin:auto; }
	.league-world-switcher,.league-category-nav,.league-filter-bar,.league-realm-panel,.league-roster-panel,.league-leaderboard-panel { margin-right:8px; margin-left:8px; }
	.league-filter-bar { justify-content:stretch; }
	.league-filter-bar label { flex:1 1 100%; justify-content:space-between; }
	.league-filter-bar select { min-width:0; max-width:72%; }
	.league-panel-body { padding:8px; }
	.league-hide-mobile { display:none; }
	.league-table { table-layout:fixed; }
	.league-table th,.league-table td { padding:6px 4px; }
	.league-table th { overflow-wrap:normal; word-break:normal; }
	.league-table td { overflow-wrap:anywhere; }
	.league-table th { font-size:10px; letter-spacing:.15px; }
	.league-rank-heading,.league-table .rank { width:34px; }
	.league-outfit-heading,.league-outfit-cell { width:52px; }
	.league-character-heading,.league-character-cell { width:30%; }
	.league-vocation-heading,.league-vocation-cell { width:29%; }
	.league-level-heading,.league-level-cell { width:42px; }
	.league-table .rank { font-size:13px; }
	.league-outfit-cell { height:48px; }
	.league-outfit-cell img { width:52px; height:52px; margin:-5px auto; }
}

@media(max-width:360px) {
	.chronicle-mobile-header { grid-template-columns:66px minmax(118px,1fr) 66px; padding-right:4px; padding-left:4px; }
	.chronicle-menu-toggle,.chronicle-mobile-account { gap:3px; font-size:9px; }
	.chronicle-menu-toggle svg,.chronicle-mobile-account svg { width:21px; height:21px; flex-basis:21px; }
	html.chronicle-js body.ChroniclePage #MenuColumn { width:94vw; }
}

@media(prefers-reduced-motion:reduce) {
	html.chronicle-js body.ChroniclePage #MenuColumn,.chronicle-menu-backdrop { transition:none; }
}